@telus-uds/components-base 1.8.0 → 1.8.3

package/.storybook/preview.js

@@ -1,37 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import '@telus-uds/palette-allium/build/rn/fonts/fonts.css'
-import '@telus-uds/palette-koodo/build/rn/fonts/fonts.css'
-import '@telus-uds/palette-public-mobile/build/rn/fonts/fonts.css'
-
-import alliumTheme from '@telus-uds/theme-allium'
-import koodoTheme from '@telus-uds/theme-koodo'
-import pmTheme from '@telus-uds/theme-public-mobile'
-/* eslint-enable import/no-extraneous-dependencies */
-
-import testTheme from '../__fixtures__/testTheme'
-
-import { BaseProvider } from '../src'
-
-const themes = [alliumTheme, koodoTheme, pmTheme, testTheme]
-const themeLookup = themes.reduce((memo, t) => ({ ...memo, [t.metadata.name]: t }), {})
-
-const baseDecorator = (Story, { globals }) => (
-  <BaseProvider key={globals.theme} defaultTheme={themeLookup[globals.theme]}>
-    <Story />
-  </BaseProvider>
-)
-
-export const decorators = [baseDecorator]
-
-// globals persist in browser session store - not fun if you have multiple branded storybooks on the same domain/port
-export const globalTypes = {
-  theme: {
-    name: 'Theme',
-    description: 'UDS theme for components',
-    defaultValue: alliumTheme.metadata.name,
-    toolbar: {
-      icon: 'beaker',
-      items: Object.keys(themeLookup)
-    }
-  }
-}

package/.turbo/turbo-build.log

@@ -1,8 +0,0 @@
-@telus-uds/components-base:build: cache hit, replaying output e0fd098b0b8854c2
-@telus-uds/components-base:build: $ yarn build:code && yarn build:docs
-@telus-uds/components-base:build: $ yarn build:main && yarn build:module
-@telus-uds/components-base:build: $ babel src -d lib
-@telus-uds/components-base:build: Successfully compiled 219 files with Babel (4923ms).
-@telus-uds/components-base:build: $ babel src -d lib-module --env-name module
-@telus-uds/components-base:build: Successfully compiled 219 files with Babel (3351ms).
-@telus-uds/components-base:build: $ babel-node --plugins=@nearform/babel-plugin-react-docgen generate-component-docs.js

package/.turbo/turbo-lint.log

@@ -1,3 +0,0 @@
-@telus-uds/components-base:lint: cache hit, replaying output e078e864d81dc28c
-@telus-uds/components-base:lint: $ yarn --cwd ../.. lint:path --color packages/components-base
-@telus-uds/components-base:lint: $ eslint --ignore-path .gitignore --ext .js,.jsx,.mjs,.cjs --color packages/components-base

package/CHANGELOG.json

@@ -1,311 +0,0 @@
-{
-  "name": "@telus-uds/components-base",
-  "entries": [
-    {
-      "date": "Fri, 03 Jun 2022 17:26:30 GMT",
-      "tag": "@telus-uds/components-base_v1.8.0",
-      "version": "1.8.0",
-      "comments": {
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "Make collapsed items in ExpandCollapse non-focusable"
-          },
-          {
-            "author": "simon.lawrence@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "linting updates"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "fix Skeleton size proptype"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "make Skeleton props more intuitive"
-          }
-        ],
-        "none": [
-          {
-            "author": "cody.zuschlag@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "cleanup all mention of standard-version and conventional-commits"
-          }
-        ],
-        "minor": [
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "feat: add passing `copy` for tooltips to components using it internally"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7",
-            "comment": "add Fieldset to ButtonGroup (legend, feedback etc)"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v2.0.0",
-            "commit": "9606e7f5824d2aa248e2af9ab770bfcce07b51b7"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Tue, 17 May 2022 19:56:05 GMT",
-      "tag": "@telus-uds/components-base_v1.7.1",
-      "version": "1.7.1",
-      "comments": {
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "135b7393e08bc5078bc73da4740da2b1f9e990fd",
-            "comment": "fix(components): fix inactive TextInput prop"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Tue, 17 May 2022 15:04:46 GMT",
-      "tag": "@telus-uds/components-base_v1.7.0",
-      "version": "1.7.0",
-      "comments": {
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "align List bullets like icons"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "Add text props to Typography"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "fix(components): support TextInput props"
-          }
-        ],
-        "minor": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "Allow Search component to be controlled"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Fri, 06 May 2022 15:31:28 GMT",
-      "tag": "@telus-uds/components-base_v1.6.1",
-      "version": "1.6.1",
-      "comments": {
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "d0967886e4328b789fd5490f068c74fa24379b87",
-            "comment": "don't throw if no href/onPress in link/button"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "d0967886e4328b789fd5490f068c74fa24379b87",
-            "comment": "fix: allow parsing tokens inherited from multiple components"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 28 Apr 2022 15:40:29 GMT",
-      "tag": "@telus-uds/components-base_v1.6.0",
-      "version": "1.6.0",
-      "comments": {
-        "minor": [
-          {
-            "author": "shahzaibkhalidmalik@outlook.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Add `pattern` prop for `TextInput` (web)"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "feat: add unique ids validation to the group components"
-          },
-          {
-            "author": "eugene@michasiw.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "use IconButton for modal close"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Add flex prop to FlexGrid.Col"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "feat: add handler props whitelisting to the input components"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.5.0",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5"
-          }
-        ],
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "V-align Checkbox/Radio with label first line"
-          },
-          {
-            "author": "shahzaibkhalidmalik@outlook.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Fix ExpandCollapse unable to response to window resize"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "fix: move link underline to the inline pressable becoming the anchor tag on web"
-          },
-          {
-            "author": "shahzaibkhalidmalik@outlook.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Fix scenario where `reverse` props might not work when elements wrap"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Fix input label text wrap"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "fix Select validation icons"
-          }
-        ],
-        "none": [
-          {
-            "author": "simon.lawrence@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "update babel plugin used for docs generation to maintained fork"
-          },
-          {
-            "author": "cody.zuschlag@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "improve linting"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 07 Apr 2022 20:33:56 GMT",
-      "tag": "@telus-uds/components-base_v1.5.0",
-      "version": "1.5.0",
-      "comments": {
-        "minor": [
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "63472330f9144ba99c34c7524dcc2d2f4f716e69",
-            "comment": "extend HorizontalScrollButton via IconButton"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.4.0",
-            "commit": "63472330f9144ba99c34c7524dcc2d2f4f716e69"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Fri, 01 Apr 2022 14:15:21 GMT",
-      "tag": "@telus-uds/components-base_v1.4.0",
-      "version": "1.4.0",
-      "comments": {
-        "patch": [
-          {
-            "author": "simon.lawrence@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "05e43b4642997ec461094b5d8a439bfef1abaab8",
-            "comment": "Refactor children wrapping in the notifications"
-          }
-        ],
-        "minor": [
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.3.0",
-            "commit": "05e43b4642997ec461094b5d8a439bfef1abaab8"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Wed, 30 Mar 2022 09:49:18 GMT",
-      "tag": "@telus-uds/components-base_v1.3.1",
-      "version": "1.3.1",
-      "comments": {
-        "patch": [
-          {
-            "author": "cody.zuschlag@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e",
-            "comment": "post monorepo reorganization release"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-constants to v1.0.2",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.2.2",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/browserslist-config to v1.0.1",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e"
-          }
-        ]
-      }
-    }
-  ]
-}

package/__fixtures__/Accessible.js

@@ -1,34 +0,0 @@
-// this is a copy of an autogenerated file
-/* eslint-disable spaced-comment */
-/* eslint-disable react/prop-types */
-
-import * as React from 'react'
-
-const Accessible = ({ title, titleId, size, color }) =>
-  /*#__PURE__*/ React.createElement(
-    'svg',
-    {
-      viewBox: '0 0 24 24',
-      height: size,
-      width: size,
-      fill: color,
-      role: title ? 'img' : undefined,
-      'aria-hidden': !title,
-      'aria-labelledby': titleId
-    },
-    title
-      ? /*#__PURE__*/ React.createElement(
-          'title',
-          {
-            id: titleId
-          },
-          title
-        )
-      : null,
-    /*#__PURE__*/ React.createElement('path', {
-      d: 'M4.231 12.257l.662.662a5.87 5.87 0 00-.982 3.235c0 1.585.618 3.078 1.74 4.2a5.903 5.903 0 004.2 1.739 5.839 5.839 0 002.991-.831l.242-.151.647.645c-1.167.81-2.517 1.244-3.88 1.244a6.83 6.83 0 01-4.845-2.003A6.805 6.805 0 013 16.154c0-1.315.378-2.568 1.067-3.65l.165-.247zm5.81-9.99c.178 0 .358.037.527.112l.175.093c.575.334 5.897 3.426 5.907 3.433.307.192.507.492.579.822.124.433.054.913-.22 1.3l-.1.125-2.68 2.738c.106.088.21.178.313.273l.166.162.014.016 5.136-.603.07-.002a1.3 1.3 0 011.3 1.265l-.004.14-.39 6.71a1.46 1.46 0 01-1.455 1.369l-.094-.003a1.456 1.456 0 01-1.362-1.41l.003-.141.337-4.465a.09.09 0 00-.09-.103l-1.71.3a6.86 6.86 0 01-.809 5.367l-.165.254-.66-.66a5.882 5.882 0 00.96-3.206 5.903 5.903 0 00-1.738-4.2 5.904 5.904 0 00-4.201-1.74c-1.06 0-2.073.291-2.966.813l-.24.148-.648-.648a6.827 6.827 0 012.94-1.156l.312-.035 2.507-2.778-1.5-.876L8.33 7.31a1.47 1.47 0 01-2.081.002c-.542-.542-.554-1.423-.078-2.008l.102-.112 2.902-2.596c.244-.217.552-.33.865-.33zm10.24 10.386c.096-.848-.406-.964-.75-.955l-.061.003-3.975.467c.223.338.41.701.576 1.073l.12.28 1.75-.308.077-.022.156-.004c.288 0 .562.125.754.34.15.174.236.392.246.618l-.003.136-.337 4.454a.541.541 0 00.136.389.536.536 0 00.287.171l.086.013c.289 0 .509-.18.567-.422l.015-.093.357-6.14zm-10.24-9.475a.387.387 0 00-.202.056l-.057.043L6.905 5.85c-.215.23-.222.607-.012.817a.558.558 0 00.725.057l.068-.058.027-.027 2.444-2.07 3.024 1.766-2.663 2.952a6.958 6.958 0 012.683.85l.31.183 2.727-2.784a.602.602 0 00.135-.46l-.02-.1-.013-.053a.385.385 0 00-.165-.241l-5.94-3.451a.38.38 0 00-.194-.053zM17.743 1c1.16 0 2.106.945 2.106 2.106a2.11 2.11 0 01-2.106 2.107 2.11 2.11 0 01-2.106-2.107c0-1.161.945-2.106 2.106-2.106zm0 .91a1.196 1.196 0 000 2.392 1.196 1.196 0 000-2.391z',
-      fillRule: 'evenodd'
-    })
-  )
-
-export default Accessible

package/__fixtures__/Accessible.native.js

@@ -1,34 +0,0 @@
-// this is a copy of an autogenerated file
-/* eslint-disable spaced-comment */
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable react/prop-types */
-
-import * as React from 'react'
-import Svg, { Path } from 'react-native-svg'
-
-const Accessible = ({ title, titleId, size, color }) =>
-  /*#__PURE__*/ React.createElement(
-    Svg,
-    {
-      viewBox: '0 0 24 24',
-      height: size,
-      width: size,
-      fill: color,
-      'aria-labelledby': titleId
-    },
-    title
-      ? /*#__PURE__*/ React.createElement(
-          'title',
-          {
-            id: titleId
-          },
-          title
-        )
-      : null,
-    /*#__PURE__*/ React.createElement(Path, {
-      d: 'M4.231 12.257l.662.662a5.87 5.87 0 00-.982 3.235c0 1.585.618 3.078 1.74 4.2a5.903 5.903 0 004.2 1.739 5.839 5.839 0 002.991-.831l.242-.151.647.645c-1.167.81-2.517 1.244-3.88 1.244a6.83 6.83 0 01-4.845-2.003A6.805 6.805 0 013 16.154c0-1.315.378-2.568 1.067-3.65l.165-.247zm5.81-9.99c.178 0 .358.037.527.112l.175.093c.575.334 5.897 3.426 5.907 3.433.307.192.507.492.579.822.124.433.054.913-.22 1.3l-.1.125-2.68 2.738c.106.088.21.178.313.273l.166.162.014.016 5.136-.603.07-.002a1.3 1.3 0 011.3 1.265l-.004.14-.39 6.71a1.46 1.46 0 01-1.455 1.369l-.094-.003a1.456 1.456 0 01-1.362-1.41l.003-.141.337-4.465a.09.09 0 00-.09-.103l-1.71.3a6.86 6.86 0 01-.809 5.367l-.165.254-.66-.66a5.882 5.882 0 00.96-3.206 5.903 5.903 0 00-1.738-4.2 5.904 5.904 0 00-4.201-1.74c-1.06 0-2.073.291-2.966.813l-.24.148-.648-.648a6.827 6.827 0 012.94-1.156l.312-.035 2.507-2.778-1.5-.876L8.33 7.31a1.47 1.47 0 01-2.081.002c-.542-.542-.554-1.423-.078-2.008l.102-.112 2.902-2.596c.244-.217.552-.33.865-.33zm10.24 10.386c.096-.848-.406-.964-.75-.955l-.061.003-3.975.467c.223.338.41.701.576 1.073l.12.28 1.75-.308.077-.022.156-.004c.288 0 .562.125.754.34.15.174.236.392.246.618l-.003.136-.337 4.454a.541.541 0 00.136.389.536.536 0 00.287.171l.086.013c.289 0 .509-.18.567-.422l.015-.093.357-6.14zm-10.24-9.475a.387.387 0 00-.202.056l-.057.043L6.905 5.85c-.215.23-.222.607-.012.817a.558.558 0 00.725.057l.068-.058.027-.027 2.444-2.07 3.024 1.766-2.663 2.952a6.958 6.958 0 012.683.85l.31.183 2.727-2.784a.602.602 0 00.135-.46l-.02-.1-.013-.053a.385.385 0 00-.165-.241l-5.94-3.451a.38.38 0 00-.194-.053zM17.743 1c1.16 0 2.106.945 2.106 2.106a2.11 2.11 0 01-2.106 2.107 2.11 2.11 0 01-2.106-2.107c0-1.161.945-2.106 2.106-2.106zm0 .91a1.196 1.196 0 000 2.392 1.196 1.196 0 000-2.391z',
-      fillRule: 'evenodd'
-    })
-  )
-
-export default Accessible

package/__fixtures__/Theme.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import testTheme from './testTheme'
-import ThemeProvider from '../src/ThemeProvider'
-
-const Theme = ({ children }) => <ThemeProvider defaultTheme={testTheme}>{children}</ThemeProvider>
-
-Theme.propTypes = {
-  children: PropTypes.node.isRequired
-}
-
-export default Theme

package/__fixtures__/Viewport.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { viewports } from '@telus-uds/system-constants'
-
-import { ViewportContext } from '../src/ViewportProvider'
-
-// Mock dimensions provider allowing tests to explicitly set their dimensions viewport size
-const Viewport = ({ viewport = viewports.xs, children }) => (
-  <ViewportContext.Provider value={viewport}>{children}</ViewportContext.Provider>
-)
-
-Viewport.propTypes = {
-  viewport: PropTypes.oneOf(viewports.keys),
-  children: PropTypes.node.isRequired
-}
-
-export default Viewport

package/__fixtures__/test-utils.js

@@ -1,25 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { act } from '@testing-library/react-native'
-
-// React Native Testing Library does not create or pass event objects on fireEvent,
-// but fireEvent takes additional properties that are passed to the event handlers,
-// where we can create and pass a mock event object to the handler.
-// WARNING: these are passed even if the real RN prop doesn't pass events (e.g onChangeText).
-// https://github.com/callstack/react-native-testing-library/issues/714
-export const getMockEvent = (nativeEvent, eventProps = {}) => ({ nativeEvent, ...eventProps })
-
-// React Native Testing Library does not support TextInput's onChange.
-// fireEvent.changeText incorrectly calls onChangeText handlers only.
-// https://github.com/callstack/react-native-testing-library/issues/428
-export const fireChange = (input, text) => {
-  if (!input?.props?.onChange) {
-    throw new Error(
-      `Called fireChange on ${
-        !input
-          ? input
-          : `${typeof input} without ${!input.props ? 'props' : 'onChange handler function'}`
-      }`
-    )
-  }
-  act(() => input.props.onChange(getMockEvent({ text })))
-}