[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
0

Configure Feed

Select the types of activity you want to include in your feed.

Merge branch 'develop' into docs-markdown-migration

+548 -55
+39
CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + ### Bug Fixes 9 + 10 + * **@dpc-sdp/ripple-ui-core:** updated button busy state after design feedback ([81efdba](https://github.com/dpc-sdp/ripple-framework/commit/81efdba84553c7ec55375cdc93cb09a7c0a3c1d4)) 11 + 12 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 13 + 14 + ### Bug Fixes 15 + 16 + * **@dpc-sdp/ripple-ui-core:** don't set background when higher contrast is requested ([e75005b](https://github.com/dpc-sdp/ripple-framework/commit/e75005bc74b973f343097779a00f24864ae3f481)) 17 + * **@dpc-sdp/ripple-ui-core:** set a white bg default ([17df2e6](https://github.com/dpc-sdp/ripple-framework/commit/17df2e62ef822d1dd05a65fc01fb1bc7c0c25b93)) 18 + 19 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 20 + 21 + ### Features 22 + 23 + * added sitemap and proxy, fixed webform proxy ([4e914c1](https://github.com/dpc-sdp/ripple-framework/commit/4e914c16c468abe27d85b6886a4f8357f3ca477b)) 24 + 25 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 26 + 27 + ### Features 28 + 29 + * **@dpc-sdp/ripple-ui-forms:** show required message for checkboxes with no label ([3c5f77b](https://github.com/dpc-sdp/ripple-framework/commit/3c5f77b9472c6fa6a01dc481e910efa628a57db6)) 30 + * **nuxt-ripple:** :lipstick: add favicon ([8bc2d27](https://github.com/dpc-sdp/ripple-framework/commit/8bc2d27f89cfd1f462f825cfc2bdfb6cd44a52a4)) 31 + 32 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 33 + 34 + ### Bug Fixes 35 + 36 + * **@dpc-sdp/ripple-ui-core:** fix accessible links non working in carousels and results ([6359b5f](https://github.com/dpc-sdp/ripple-framework/commit/6359b5fd10bb82bca90dec953a81fd50c192a306)) 37 + * **@dpc-sdp/ripple-ui-core:** just set overflow directly ([b34ca9c](https://github.com/dpc-sdp/ripple-framework/commit/b34ca9ceb2bfee1d00b80654032d944e0cfaa0c0)) 38 + * **@dpc-sdp/ripple-ui-core:** make sure expanded content is always visible ([1ed1229](https://github.com/dpc-sdp/ripple-framework/commit/1ed12299c984244a2eff3198873376898a6f234b)) 39 + * **docs:** add packageManager to doc/package.json ([934a6ad](https://github.com/dpc-sdp/ripple-framework/commit/934a6adb2da2ceeddc44d835634106bd93e52bb2)) 40 + 41 + ### Features 42 + 43 + * **@dpc-sdp/ripple-ui-core:** search qa ([c283f21](https://github.com/dpc-sdp/ripple-framework/commit/c283f218b0d2dbc12a012ed0d51beaa8d2276eba)) 44 + 6 45 # [2.1.0-alpha.128](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.127...v2.1.0-alpha.128) (2023-03-31) 7 46 8 47 ### Bug Fixes
+1
docs/package.json
··· 1 1 { 2 2 "private": true, 3 3 "name": "docs", 4 + "packageManager": "pnpm@8.0.0", 4 5 "version": "2.1.0-alpha.76", 5 6 "scripts": { 6 7 "build": "nuxt build",
+1 -1
lerna.json
··· 1 1 { 2 - "version": "2.1.0-alpha.128", 2 + "version": "2.1.0-alpha.133", 3 3 "npmClient": "pnpm", 4 4 "exact": true, 5 5 "command": {
+24
packages/nuxt-ripple/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/nuxt-ripple 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/nuxt-ripple 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + ### Features 17 + 18 + * added sitemap and proxy, fixed webform proxy ([4e914c1](https://github.com/dpc-sdp/ripple-framework/commit/4e914c16c468abe27d85b6886a4f8357f3ca477b)) 19 + 20 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 21 + 22 + ### Features 23 + 24 + * **nuxt-ripple:** :lipstick: add favicon ([8bc2d27](https://github.com/dpc-sdp/ripple-framework/commit/8bc2d27f89cfd1f462f825cfc2bdfb6cd44a52a4)) 25 + 26 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 27 + 28 + **Note:** Version bump only for package @dpc-sdp/nuxt-ripple 29 + 6 30 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 31 8 32 ### Bug Fixes
+25
packages/nuxt-ripple/components/TideBaseLayout.vue
··· 147 147 children: `body { ${style} }` 148 148 } 149 149 ], 150 + link: [ 151 + { 152 + rel: 'apple-touch-icon', 153 + sizes: '180x180', 154 + href: '/apple-touch-icon.png' 155 + }, 156 + { 157 + rel: 'icon', 158 + type: 'image/png', 159 + sizes: '32x32', 160 + href: '/favicon-32x32.png' 161 + }, 162 + { 163 + rel: 'icon', 164 + type: 'image/png', 165 + sizes: '16x16', 166 + href: '/favicon-16x16.png' 167 + }, 168 + { rel: 'manifest', href: '/site.webmanifest' }, 169 + { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#0054c9' } 170 + ], 171 + meta: [ 172 + { name: 'msapplication-TileColor', content: '#0054c9' }, 173 + { name: 'theme-color', content: '#ffffff' } 174 + ], 150 175 script: [ 151 176 { 152 177 innerHTML: hideAlertsOnLoadScript
-10
packages/nuxt-ripple/nuxt.config.ts
··· 21 21 API_URL: '' 22 22 } 23 23 }, 24 - proxy: { 25 - options: { 26 - target: 'https://develop.content.reference.sdp.vic.gov.au', 27 - changeOrigin: true, 28 - pathRewrite: { 29 - '^/api/tide/': '/api/v1/' 30 - }, 31 - pathFilter: ['/api/tide/webform_submission/**'] 32 - } 33 - }, 34 24 robots: { 35 25 configPath: resolve('./robots.config.ts') 36 26 },
+1 -1
packages/nuxt-ripple/package.json
··· 1 1 { 2 2 "packageManager": "pnpm@8.0.0", 3 3 "license": "Apache-2.0", 4 - "version": "2.1.0-alpha.127", 4 + "version": "2.1.0-alpha.133", 5 5 "name": "@dpc-sdp/nuxt-ripple", 6 6 "main": "./nuxt.config.ts", 7 7 "exports": {
packages/nuxt-ripple/public/android-chrome-192x192.png

This is a binary file and will not be displayed.

packages/nuxt-ripple/public/android-chrome-512x512.png

This is a binary file and will not be displayed.

packages/nuxt-ripple/public/apple-touch-icon.png

This is a binary file and will not be displayed.

+9
packages/nuxt-ripple/public/browserconfig.xml
··· 1 + <?xml version="1.0" encoding="utf-8"?> 2 + <browserconfig> 3 + <msapplication> 4 + <tile> 5 + <square150x150logo src="/mstile-150x150.png"/> 6 + <TileColor>#0054c9</TileColor> 7 + </tile> 8 + </msapplication> 9 + </browserconfig>
packages/nuxt-ripple/public/favicon-16x16.png

This is a binary file and will not be displayed.

packages/nuxt-ripple/public/favicon-32x32.png

This is a binary file and will not be displayed.

packages/nuxt-ripple/public/favicon.ico

This is a binary file and will not be displayed.

packages/nuxt-ripple/public/mstile-150x150.png

This is a binary file and will not be displayed.

+29
packages/nuxt-ripple/public/safari-pinned-tab.svg
··· 1 + <?xml version="1.0" standalone="no"?> 2 + <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" 3 + "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> 4 + <svg version="1.0" xmlns="http://www.w3.org/2000/svg" 5 + width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000" 6 + preserveAspectRatio="xMidYMid meet"> 7 + <metadata> 8 + Created by potrace 1.14, written by Peter Selinger 2001-2017 9 + </metadata> 10 + <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11 + fill="#000000" stroke="none"> 12 + <path d="M240 4640 l240 -480 241 0 240 0 66 -137 c36 -76 101 -211 144 -301 13 + 43 -89 106 -221 140 -292 35 -72 66 -127 69 -123 4 5 17 33 29 63 13 30 34 78 14 + 46 105 13 28 41 91 63 140 22 50 49 110 60 135 11 25 55 124 97 220 42 96 80 15 + 178 84 183 4 4 113 6 243 5 l236 -3 -94 -215 c-52 -118 -100 -228 -108 -245 16 + -8 -16 -21 -46 -29 -65 -8 -19 -61 -137 -116 -263 -56 -125 -101 -229 -101 17 + -231 0 -3 -15 -37 -34 -78 -48 -104 -74 -163 -151 -340 l-69 -158 -128 0 -128 18 + 0 637 -1275 c351 -701 640 -1275 643 -1275 3 0 92 172 199 383 389 769 584 19 + 1152 830 1640 l252 497 -88 0 c-109 1 -148 6 -243 32 -290 78 -536 316 -605 20 + 583 -22 87 -27 243 -10 333 59 306 290 551 612 648 78 24 105 27 238 27 153 1 21 + 219 -8 335 -45 152 -49 284 -140 368 -257 l32 -44 126 259 c70 143 163 336 22 + 209 429 159 327 287 590 296 608 9 16 -115 17 -2551 17 l-2560 0 240 -480z 23 + m2545 -1278 l0 -797 -225 0 -225 0 0 798 0 797 225 0 225 0 0 -798z"/> 24 + <path d="M4409 3752 c-26 -18 -157 -102 -255 -162 l-62 -38 -10 23 c-17 37 25 + -72 94 -116 120 -55 32 -125 47 -215 46 -328 -2 -529 -357 -356 -631 117 -186 26 + 368 -250 573 -146 93 47 111 74 298 448 96 193 173 352 171 354 -2 2 -14 -4 27 + -28 -14z"/> 28 + </g> 29 + </svg>
+19
packages/nuxt-ripple/public/site.webmanifest
··· 1 + { 2 + "name": "", 3 + "short_name": "", 4 + "icons": [ 5 + { 6 + "src": "/android-chrome-192x192.png", 7 + "sizes": "192x192", 8 + "type": "image/png" 9 + }, 10 + { 11 + "src": "/android-chrome-512x512.png", 12 + "sizes": "512x512", 13 + "type": "image/png" 14 + } 15 + ], 16 + "theme_color": "#ffffff", 17 + "background_color": "#ffffff", 18 + "display": "standalone" 19 + }
+34
packages/nuxt-ripple/server/api/tide/webform_submission/[...].ts
··· 1 + //@ts-nocheck runtime imports 2 + import { defineEventHandler, getQuery, H3Event } from 'h3' 3 + import { createHandler, logger, TideSiteApi } from '@dpc-sdp/ripple-tide-api' 4 + import { useNitroApp } from '#imports' 5 + import { createProxyMiddleware } from 'http-proxy-middleware' 6 + 7 + export const createSearchHandler = async (event: H3Event) => { 8 + const { public: config } = useRuntimeConfig() 9 + 10 + const proxyMiddleware = createProxyMiddleware({ 11 + target: config.tide.baseUrl, 12 + pathRewrite: { 13 + '^/api/tide/': '/api/v1/' 14 + }, 15 + logger: logger, 16 + changeOrigin: true 17 + }) 18 + 19 + return createHandler(event, 'TideWebformHandler', async () => { 20 + await new Promise((resolve, reject) => { 21 + proxyMiddleware(event.node.req, event.node.res, (err) => { 22 + if (err) { 23 + reject(err) 24 + } else { 25 + resolve(true) 26 + } 27 + }) 28 + }) 29 + }) 30 + } 31 + 32 + export default defineEventHandler(async (event: H3Event) => { 33 + return createSearchHandler(event) 34 + })
+34
packages/nuxt-ripple/server/routes/sitemap.xml.ts
··· 1 + //@ts-nocheck runtime imports 2 + import { defineEventHandler, getQuery, H3Event } from 'h3' 3 + import { createHandler, logger, TideSiteApi } from '@dpc-sdp/ripple-tide-api' 4 + import { useNitroApp } from '#imports' 5 + import { createProxyMiddleware } from 'http-proxy-middleware' 6 + 7 + export const createSitemapProxyHandler = async (event: H3Event) => { 8 + const { public: config } = useRuntimeConfig() 9 + 10 + const proxyMiddleware = createProxyMiddleware({ 11 + target: config.tide.baseUrl, 12 + logger: logger, 13 + changeOrigin: true, 14 + pathRewrite: { 15 + '^/sitemap.xml': `/site-${config.tide.site}/sitemap.xml` 16 + } 17 + }) 18 + 19 + return createHandler(event, 'TideSitemapProxyHandler', async () => { 20 + await new Promise((resolve, reject) => { 21 + proxyMiddleware(event.node.req, event.node.res, (err) => { 22 + if (err) { 23 + reject(err) 24 + } else { 25 + resolve(true) 26 + } 27 + }) 28 + }) 29 + }) 30 + } 31 + 32 + export default defineEventHandler(async (event: H3Event) => { 33 + return createSitemapProxyHandler(event) 34 + })
+20
packages/ripple-tide-event/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-event 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-event 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-event 17 + 18 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 19 + 20 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-event 21 + 22 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 23 + 24 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-event 25 + 6 26 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 27 8 28 ### Bug Fixes
+1 -1
packages/ripple-tide-event/package.json
··· 3 3 "description": "Ripple mappings and components for Tide Event Content type", 4 4 "main": "./nuxt.config.ts", 5 5 "packageManager": "pnpm@8.0.0", 6 - "version": "2.1.0-alpha.127", 6 + "version": "2.1.0-alpha.133", 7 7 "license": "Apache-2.0", 8 8 "exports": { 9 9 ".": "./nuxt.config.ts",
+20
packages/ripple-tide-grant/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-grant 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-grant 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-grant 17 + 18 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 19 + 20 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-grant 21 + 22 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 23 + 24 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-grant 25 + 6 26 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 27 8 28 ### Bug Fixes
+1 -1
packages/ripple-tide-grant/package.json
··· 3 3 "description": "Ripple mappings and components for Tide Grant Content type", 4 4 "main": "./nuxt.config.ts", 5 5 "packageManager": "pnpm@8.0.0", 6 - "version": "2.1.0-alpha.127", 6 + "version": "2.1.0-alpha.133", 7 7 "license": "Apache-2.0", 8 8 "exports": { 9 9 ".": "./nuxt.config.ts",
+22
packages/ripple-tide-landing-page/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-landing-page 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-landing-page 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-landing-page 17 + 18 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 19 + 20 + ### Features 21 + 22 + * **@dpc-sdp/ripple-ui-forms:** show required message for checkboxes with no label ([3c5f77b](https://github.com/dpc-sdp/ripple-framework/commit/3c5f77b9472c6fa6a01dc481e910efa628a57db6)) 23 + 24 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 25 + 26 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-landing-page 27 + 6 28 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 29 8 30 ### Bug Fixes
+1 -2
packages/ripple-tide-landing-page/mapping/components/webforms/webforms-mapping.ts
··· 165 165 id: fieldKey, 166 166 name: fieldKey, 167 167 disabled: field['#disabled'], 168 - // TODO: It's not clear what field we should be using for the 'label' here because it's a new requirement, setting as 'help title' for now 169 - label: field['#help_title'] || field['#title'], 168 + label: field['#help_title'], 170 169 help: field['#description'], 171 170 checkboxLabel: field['#title'], 172 171 value: field['#default_value'],
+1 -1
packages/ripple-tide-landing-page/package.json
··· 3 3 "description": "Ripple mappings and components for Tide landing-page Content type", 4 4 "main": "./nuxt.config.ts", 5 5 "packageManager": "pnpm@8.0.0", 6 - "version": "2.1.0-alpha.127", 6 + "version": "2.1.0-alpha.133", 7 7 "license": "Apache-2.0", 8 8 "exports": { 9 9 ".": "./nuxt.config.ts",
+20
packages/ripple-tide-media/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-media 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-media 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-media 17 + 18 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 19 + 20 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-media 21 + 22 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 23 + 24 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-media 25 + 6 26 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 27 8 28 ### Bug Fixes
+1 -1
packages/ripple-tide-media/package.json
··· 9 9 "./mapping": "./mapping/index.ts", 10 10 "./types": "./types.ts" 11 11 }, 12 - "version": "2.1.0-alpha.127", 12 + "version": "2.1.0-alpha.133", 13 13 "dependencies": { 14 14 "@dpc-sdp/nuxt-ripple": "workspace:*", 15 15 "@dpc-sdp/ripple-tide-api": "workspace:*",
+20
packages/ripple-tide-news/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-news 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-news 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-news 17 + 18 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 19 + 20 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-news 21 + 22 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 23 + 24 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-news 25 + 6 26 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 27 8 28 ### Bug Fixes
+1 -1
packages/ripple-tide-news/package.json
··· 9 9 "./mapping": "./mapping/index.ts", 10 10 "./types": "./types.ts" 11 11 }, 12 - "version": "2.1.0-alpha.127", 12 + "version": "2.1.0-alpha.133", 13 13 "dependencies": { 14 14 "@dpc-sdp/nuxt-ripple": "workspace:*", 15 15 "@dpc-sdp/ripple-tide-api": "workspace:*"
+20
packages/ripple-tide-publication/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-publication 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-publication 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-publication 17 + 18 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 19 + 20 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-publication 21 + 22 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 23 + 24 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-publication 25 + 6 26 # [2.1.0-alpha.128](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.127...v2.1.0-alpha.128) (2023-03-31) 7 27 8 28 ### Bug Fixes
+1 -1
packages/ripple-tide-publication/package.json
··· 3 3 "description": "Ripple mappings and components for Tide Publication Content type", 4 4 "main": "./nuxt.config.ts", 5 5 "packageManager": "pnpm@8.0.0", 6 - "version": "2.1.0-alpha.128", 6 + "version": "2.1.0-alpha.133", 7 7 "license": "Apache-2.0", 8 8 "exports": { 9 9 ".": "./nuxt.config.ts",
+22
packages/ripple-tide-search/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-search 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-search 13 + 14 + # [2.1.0-alpha.131](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.130...v2.1.0-alpha.131) (2023-04-04) 15 + 16 + ### Features 17 + 18 + * added sitemap and proxy, fixed webform proxy ([4e914c1](https://github.com/dpc-sdp/ripple-framework/commit/4e914c16c468abe27d85b6886a4f8357f3ca477b)) 19 + 20 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 21 + 22 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-search 23 + 24 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 25 + 26 + **Note:** Version bump only for package @dpc-sdp/ripple-tide-search 27 + 6 28 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 29 8 30 ### Bug Fixes
+5 -1
packages/ripple-tide-search/components/TideSearchPage.vue
··· 62 62 } 63 63 }) 64 64 65 - const apiConnectorOptions = config.tide?.appSearch 65 + const apiConnectorOptions = { 66 + ...config.tide?.appSearch, 67 + // The search request is proxied through the API to avoid CORS issues 68 + endpointBase: '/api/tide/search' 69 + } 66 70 67 71 const { 68 72 updateSearchTerm,
+1 -1
packages/ripple-tide-search/package.json
··· 1 1 { 2 2 "name": "@dpc-sdp/ripple-tide-search", 3 3 "packageManager": "pnpm@8.0.0", 4 - "version": "2.1.0-alpha.127", 4 + "version": "2.1.0-alpha.133", 5 5 "description": "Ripple search UI and services for connecting to Tide search", 6 6 "main": "./nuxt.config.ts", 7 7 "license": "Apache-2.0",
+34
packages/ripple-tide-search/server/api/tide/search/[...].ts
··· 1 + //@ts-nocheck runtime imports 2 + import { defineEventHandler, getQuery, H3Event } from 'h3' 3 + import { createHandler, logger, TideSiteApi } from '@dpc-sdp/ripple-tide-api' 4 + import { useNitroApp } from '#imports' 5 + import { createProxyMiddleware } from 'http-proxy-middleware' 6 + 7 + export const createSearchHandler = async (event: H3Event) => { 8 + const { public: config } = useRuntimeConfig() 9 + 10 + const proxyMiddleware = createProxyMiddleware({ 11 + target: config.tide.appSearch.endpointBase, 12 + pathRewrite: { 13 + '^/api/tide/search': '' 14 + }, 15 + logger: logger, 16 + changeOrigin: true 17 + }) 18 + 19 + return createHandler(event, 'TideSearchHandler', async () => { 20 + await new Promise((resolve, reject) => { 21 + proxyMiddleware(event.node.req, event.node.res, (err) => { 22 + if (err) { 23 + reject(err) 24 + } else { 25 + resolve(true) 26 + } 27 + }) 28 + }) 29 + }) 30 + } 31 + 32 + export default defineEventHandler(async (event: H3Event) => { 33 + return createSearchHandler(event) 34 + })
+25
packages/ripple-ui-core/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + ### Bug Fixes 9 + 10 + * **@dpc-sdp/ripple-ui-core:** updated button busy state after design feedback ([81efdba](https://github.com/dpc-sdp/ripple-framework/commit/81efdba84553c7ec55375cdc93cb09a7c0a3c1d4)) 11 + 12 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 13 + 14 + ### Bug Fixes 15 + 16 + * **@dpc-sdp/ripple-ui-core:** don't set background when higher contrast is requested ([e75005b](https://github.com/dpc-sdp/ripple-framework/commit/e75005bc74b973f343097779a00f24864ae3f481)) 17 + * **@dpc-sdp/ripple-ui-core:** set a white bg default ([17df2e6](https://github.com/dpc-sdp/ripple-framework/commit/17df2e62ef822d1dd05a65fc01fb1bc7c0c25b93)) 18 + 19 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 20 + 21 + ### Bug Fixes 22 + 23 + * **@dpc-sdp/ripple-ui-core:** fix accessible links non working in carousels and results ([6359b5f](https://github.com/dpc-sdp/ripple-framework/commit/6359b5fd10bb82bca90dec953a81fd50c192a306)) 24 + * **@dpc-sdp/ripple-ui-core:** just set overflow directly ([b34ca9c](https://github.com/dpc-sdp/ripple-framework/commit/b34ca9ceb2bfee1d00b80654032d944e0cfaa0c0)) 25 + * **@dpc-sdp/ripple-ui-core:** make sure expanded content is always visible ([1ed1229](https://github.com/dpc-sdp/ripple-framework/commit/1ed12299c984244a2eff3198873376898a6f234b)) 26 + 27 + ### Features 28 + 29 + * **@dpc-sdp/ripple-ui-core:** search qa ([c283f21](https://github.com/dpc-sdp/ripple-framework/commit/c283f218b0d2dbc12a012ed0d51beaa8d2276eba)) 30 + 6 31 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 32 8 33 ### Bug Fixes
+1 -1
packages/ripple-ui-core/package.json
··· 1 1 { 2 2 "name": "@dpc-sdp/ripple-ui-core", 3 3 "packageManager": "pnpm@8.0.0", 4 - "version": "2.1.0-alpha.127", 4 + "version": "2.1.0-alpha.133", 5 5 "license": "Apache-2.0", 6 6 "files": [ 7 7 "dist",
+10 -5
packages/ripple-ui-core/src/components/button/RplButton.css
··· 45 45 border-color: var(--local-filled-bg-clr); 46 46 47 47 &:active, 48 - &:hover { 48 + &:hover, 49 + &.rpl-button--busy { 49 50 background-color: var(--local-filled-bg-clr-hover); 50 51 border-color: var(--local-filled-bg-clr-hover); 51 52 } ··· 57 58 border-color: var(--local-outlined-border-clr); 58 59 59 60 &:active, 60 - &:hover { 61 + &:hover, 62 + &.rpl-button--busy { 61 63 color: var(--local-outlined-type-clr-hover); 62 64 border-color: var(--local-outlined-border-clr-hover); 63 65 } ··· 73 75 text-decoration: underline; 74 76 75 77 &:active, 76 - &:hover { 78 + &:hover, 79 + &.rpl-button--busy { 77 80 color: var(--local-white-type-clr-hover); 78 81 } 79 82 ··· 97 100 width: auto; 98 101 99 102 &:active, 100 - &:hover { 103 + &:hover, 104 + &.rpl-button--busy { 101 105 color: var(--local-white-type-clr-hover); 102 106 } 103 107 ··· 118 122 border-color: var(--rpl-clr-error); 119 123 120 124 &:active, 121 - &:hover { 125 + &:hover, 126 + &.rpl-button--busy { 122 127 background-color: var(--rpl-clr-error-dark); 123 128 border-color: var(--rpl-clr-error-dark); 124 129 }
+15 -7
packages/ripple-ui-core/src/components/expandable/RplExpandable.vue
··· 1 1 <script setup lang="ts"> 2 - import { onMounted } from 'vue' 2 + import { computed, onMounted } from 'vue' 3 3 import { ref } from 'vue' 4 4 5 5 interface Props { 6 6 expanded?: boolean 7 - class?: string 8 7 } 9 8 10 9 const props = withDefaults(defineProps<Props>(), { 11 - expanded: false, 12 - class: '' 10 + expanded: false 13 11 }) 14 12 15 13 const DEFAULT_DURATION = 420 ··· 37 35 38 36 // call the done callback to indicate transition end 39 37 setTimeout(done, duration.value) 38 + } 39 + 40 + function onAfterEnter(el) { 41 + el.style.height = 'auto' 42 + el.style.overflow = 'initial' 40 43 } 41 44 42 45 function onBeforeLeave(el) { 43 46 el.style.height = `${el.getBoundingClientRect().height}px` 47 + el.style.overflow = 'hidden' 44 48 } 45 49 46 50 // called when the leave transition starts. ··· 51 55 // call the done callback to indicate transition end 52 56 setTimeout(done, duration.value) 53 57 } 58 + 59 + const classes = computed(() => ({ 60 + 'rpl-expandable': true, 61 + [`rpl-expandable--open`]: props.expanded, 62 + })) 54 63 </script> 55 64 56 65 <template> 57 66 <Transition 58 67 @before-enter="onBeforeEnter" 59 68 @enter="onEnter" 69 + @after-enter="onAfterEnter" 60 70 @before-leave="onBeforeLeave" 61 71 @leave="onLeave" 62 72 > 63 73 <div 64 74 v-show="expanded" 65 75 ref="containerRef" 66 - :class="`rpl-expandable ${expanded ? 'rpl-expandable--isExpanded' : ''} ${ 67 - props.class 68 - }`" 76 + :class="classes" 69 77 role="region" 70 78 > 71 79 <slot />
+5 -3
packages/ripple-ui-core/src/components/layout/RplLayout.css
··· 34 34 } 35 35 } 36 36 37 - .rpl-layout--alt { 38 - .rpl-layout__body-wrap { 37 + .rpl-layout--alt .rpl-layout__body-wrap { 39 38 background-color: var(--rpl-clr-neutral-100); 40 - } 39 + 40 + @media (prefers-contrast: more) { 41 + background-color: var(--rpl-clr-neutral-0); 42 + } 41 43 } 42 44 43 45 .rpl-layout__header {
+2
packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.css
··· 84 84 /* 100vh - top and bottom margin */ 85 85 height: calc(100vh - (var(--rpl-sp-3) * 2)); 86 86 transition-timing-function: ease-out; 87 + position: fixed; 88 + top: 0; 87 89 88 90 @media (--rpl-bp-m) { 89 91 /* 100vh - top and bottom margin */
+2 -1
packages/ripple-ui-core/src/components/primary-nav/components/search-form/RplPrimaryNavSearchForm.vue
··· 24 24 <RplSearchBar 25 25 id="primary-nav-search" 26 26 variant="menu" 27 - placeholder="Placeholder text" 27 + placeholder="Start typing..." 28 + :auto-focus="true" 28 29 @on-submit="handleSubmit" 29 30 /> 30 31 </div>
+2
packages/ripple-ui-core/src/components/search-bar/RplSearchBar.css
··· 52 52 border-bottom: var(--rpl-border-2) solid 53 53 var(--local-search-bar-clr-bottom-bar); 54 54 padding: var(--rpl-sp-3); 55 + border-radius: 0; 56 + -webkit-appearance: none; 55 57 56 58 /* Magic number to represent the width of the search button */ 57 59 padding-right: calc(var(--rpl-sp-4) + 24px + var(--rpl-sp-3));
+14 -1
packages/ripple-ui-core/src/components/search-bar/RplSearchBar.vue
··· 4 4 5 5 <script setup lang="ts"> 6 6 import { rplEventBus } from '../../index' 7 - import { ref, watch, nextTick, computed } from 'vue' 7 + import { ref, watch, nextTick, computed, onMounted, onUnmounted } from 'vue' 8 8 import { onClickOutside } from '@vueuse/core' 9 9 import RplIcon from '../icon/RplIcon.vue' 10 10 ··· 21 21 interface Props { 22 22 variant?: (typeof RplSearchBarVariants)[number] 23 23 id: string 24 + autoFocus?: boolean 24 25 inputLabel?: string 25 26 inputValue?: string 26 27 suggestions?: string[] ··· 29 30 30 31 const props = withDefaults(defineProps<Props>(), { 31 32 variant: 'default', 33 + autoFocus: false, 32 34 inputLabel: 'Search', 33 35 submitLabel: 'Search', 34 36 inputValue: '', ··· 41 43 const inputRef = ref(null) 42 44 const menuRef = ref(null) 43 45 const optionRefs = ref([]) 46 + const focusTimeout = ref(null) 44 47 45 48 const menuId = computed(() => `${props.id}__menu`) 46 49 47 50 const isOpen = ref<boolean>(false) 48 51 const activeOptionId = ref<string | null>(null) 52 + 53 + onMounted(() => { 54 + if (props.autoFocus) { 55 + focusTimeout.value = setTimeout(() => inputRef.value.focus(), 100) 56 + } 57 + }) 58 + 59 + onUnmounted(() => { 60 + clearTimeout(focusTimeout.value) 61 + }) 49 62 50 63 onClickOutside(containerRef, () => { 51 64 handleClose(false)
+1
packages/ripple-ui-core/src/components/slider/RplSlider.vue
··· 145 145 :modules="[EffectFade]" 146 146 :effect="effect" 147 147 :speed="300" 148 + :touchStartPreventDefault="false" 148 149 class="rpl-slider__swiper" 149 150 @after-init="setInert" 150 151 @slide-change="slideUpdate"
+4 -3
packages/ripple-ui-core/src/composables/useAccessibleContainer.ts
··· 18 18 let down: number 19 19 let isLeftBtn = false 20 20 21 - useEventListener(container, 'mousedown', (e: MouseEvent) => { 21 + useEventListener(container, 'pointerdown', (e: MouseEvent) => { 22 22 if (checkLeftMouseButton(e)) { 23 23 isLeftBtn = true 24 24 down = +new Date() 25 25 } 26 26 }) 27 27 28 - useEventListener(container, 'mouseup', (e: MouseEvent) => { 28 + useEventListener(container, 'pointerup', (e: MouseEvent) => { 29 29 if (isLeftBtn) { 30 30 e.preventDefault() 31 31 up = +new Date() 32 32 33 33 // Add 200ms delay to allow text selection 34 34 if (up - down < 200) { 35 + const element = container.value?.$el || container.value 35 36 // Only fire a click if the target is not the trigger el 36 - const clickedElement = container.value.$el.querySelector('a') 37 + const clickedElement = element.querySelector('a') 37 38 38 39 if (clickedElement !== e.target) { 39 40 clickedElement.click()
+18
packages/ripple-ui-forms/CHANGELOG.md
··· 3 3 All notable changes to this project will be documented in this file. 4 4 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 5 6 + # [2.1.0-alpha.133](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.132...v2.1.0-alpha.133) (2023-04-05) 7 + 8 + **Note:** Version bump only for package @dpc-sdp/ripple-ui-forms 9 + 10 + # [2.1.0-alpha.132](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.131...v2.1.0-alpha.132) (2023-04-04) 11 + 12 + **Note:** Version bump only for package @dpc-sdp/ripple-ui-forms 13 + 14 + # [2.1.0-alpha.130](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.129...v2.1.0-alpha.130) (2023-04-04) 15 + 16 + ### Features 17 + 18 + * **@dpc-sdp/ripple-ui-forms:** show required message for checkboxes with no label ([3c5f77b](https://github.com/dpc-sdp/ripple-framework/commit/3c5f77b9472c6fa6a01dc481e910efa628a57db6)) 19 + 20 + # [2.1.0-alpha.129](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.128...v2.1.0-alpha.129) (2023-04-03) 21 + 22 + **Note:** Version bump only for package @dpc-sdp/ripple-ui-forms 23 + 6 24 # [2.1.0-alpha.127](https://github.com/dpc-sdp/ripple-framework/compare/v2.1.0-alpha.126...v2.1.0-alpha.127) (2023-03-31) 7 25 8 26 ### Bug Fixes
+1 -1
packages/ripple-ui-forms/package.json
··· 1 1 { 2 2 "name": "@dpc-sdp/ripple-ui-forms", 3 3 "packageManager": "pnpm@8.0.0", 4 - "version": "2.1.0-alpha.127", 4 + "version": "2.1.0-alpha.133", 5 5 "license": "Apache-2.0", 6 6 "main": "./dist/rpl-forms.umd.js", 7 7 "module": "./dist/rpl-forms.es.js",
+14 -6
packages/ripple-ui-forms/src/components/RplFormOptions/RplFormCheckboxGroup.vue
··· 51 51 52 52 <template> 53 53 <div class="rpl-form-option-group"> 54 - <RplFormOption v-for="(option, i) in options" :id="option.id" :key="option.id" type="checkbox" 55 - :data-rpl-focus-input="i === 0 ? id : undefined" :variant="variant" :name="option.id" :label="option.label" 56 - :disabled="disabled || option.disabled" :checked="isChecked(option.id)" @on-change="handleToggle(option.id)" /> 54 + <RplFormOption 55 + v-for="(option, i) in options" 56 + :id="option.id" 57 + :key="option.id" 58 + type="checkbox" 59 + :data-rpl-focus-input="i === 0 ? id : undefined" 60 + :variant="variant" 61 + :name="option.id" 62 + :label="option.label" 63 + :disabled="disabled || option.disabled" 64 + :checked="isChecked(option.id)" 65 + @on-change="handleToggle(option.id)" 66 + /> 57 67 </div> 58 68 </template> 59 69 60 - <style src="./RplFormCheckboxGroup.css"> 61 - 62 - </style> 70 + <style src="./RplFormCheckboxGroup.css"></style>
+12 -2
packages/ripple-ui-forms/src/components/RplFormOptions/RplFormOption.vue
··· 19 19 onChange: (checked: boolean) => void 20 20 onValue?: boolean | string | number 21 21 offValue?: boolean | string | number 22 + showRequiredInLabel?: boolean 22 23 } 23 24 24 25 const props = withDefaults(defineProps<RplFormOptionProps>(), { ··· 27 28 variant: 'default', 28 29 onChange: () => undefined, 29 30 onValue: true, 30 - offValue: false 31 + offValue: false, 32 + showRequiredInLabel: false 31 33 }) 32 34 33 35 const emit = defineEmits<{ (e: 'onChange', value: boolean): void }>() ··· 73 75 > 74 76 <span class="rpl-form-option__mark-tick rpl-form-option__radio-tick" /> 75 77 </span> 76 - <span class="rpl-form-option__label-text rpl-type-p">{{ label }}</span> 78 + <span class="rpl-form-option__label-text rpl-type-p"> 79 + {{ label }} 80 + <span 81 + v-if="showRequiredInLabel" 82 + class="rpl-form-label__required rpl-type-label-small" 83 + > 84 + (Required) 85 + </span> 86 + </span> 77 87 </label> 78 88 </div> 79 89 </template>
+10
packages/ripple-ui-forms/src/formkit-features.ts
··· 36 36 }) 37 37 } 38 38 39 + export const hasNoLabel = (node: FormKitNode): void => { 40 + node.on('created', () => { 41 + if (node.context?.fns) { 42 + node.context.fns.hasNoLabel = () => { 43 + return !node.props.label 44 + } 45 + } 46 + }) 47 + } 48 + 39 49 export const getAriaDescribedBy = (node: FormKitNode): void => { 40 50 node.on('created', () => { 41 51 if (node.context?.fns) {
+2 -1
packages/ripple-ui-forms/src/inputs/checkbox.ts
··· 25 25 'aria-invalid': '$fns.isFieldInvalid()', 26 26 'aria-required': '$fns.isFieldRequired()', 27 27 'data-rpl-focus-input': '$id', 28 - required: '$fns.isFieldRequired()' 28 + required: '$fns.isFieldRequired()', 29 + showRequiredInLabel: '$fns.hasNoLabel()' 29 30 } 30 31 }), 31 32 library: inputLibrary,
+3 -2
packages/ripple-ui-forms/src/inputs/input-utils.ts
··· 35 35 import { 36 36 isFieldRequired, 37 37 isFieldInvalid, 38 - getAriaDescribedBy 38 + getAriaDescribedBy, 39 + hasNoLabel 39 40 } from '../formkit-features' 40 41 import { rplInputGrid } from '../sections/rplInputGrid' 41 42 ··· 58 59 RplFormActions: markRaw(RplFormActions) 59 60 } 60 61 61 - export const rplFeatures = [isFieldRequired, isFieldInvalid, getAriaDescribedBy] 62 + export const rplFeatures = [isFieldRequired, isFieldInvalid, getAriaDescribedBy, hasNoLabel] 62 63 63 64 /* 64 65 * Creates a Formkit schema based on Ripple opinionated defaults for label and help messages, use