@telus-uds/components-base 3.28.2 → 4.0.0-alpha.0

package/lib/cjs/utils/animation/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useVerticalExpandAnimation", {
-  enumerable: true,
-  get: function () {
-    return _useVerticalExpandAnimation.default;
-  }
-});
-var _useVerticalExpandAnimation = _interopRequireDefault(require("./useVerticalExpandAnimation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/cjs/utils/index.js

@@ -1,285 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  info: true,
-  useCopy: true,
-  useHash: true,
-  useSpacingScale: true,
-  useMediaQuerySpacing: true,
-  useResponsiveProp: true,
-  useOverlaidPosition: true,
-  useSafeLayoutEffect: true,
-  useScrollBlocking: true,
-  useUniqueId: true,
-  withLinkRouter: true,
-  containUniqueFields: true,
-  BaseView: true,
-  htmlAttrs: true,
-  transformGradient: true,
-  convertFromMegaByteToByte: true,
-  formatImageSource: true,
-  getSpacingScale: true,
-  useVariants: true,
-  isTouchDevice: true,
-  resolveContentMaxWidth: true
-};
-Object.defineProperty(exports, "BaseView", {
-  enumerable: true,
-  get: function () {
-    return _BaseView.default;
-  }
-});
-Object.defineProperty(exports, "containUniqueFields", {
-  enumerable: true,
-  get: function () {
-    return _containUniqueFields.default;
-  }
-});
-Object.defineProperty(exports, "convertFromMegaByteToByte", {
-  enumerable: true,
-  get: function () {
-    return _convertFromMegaByteToByte.default;
-  }
-});
-Object.defineProperty(exports, "formatImageSource", {
-  enumerable: true,
-  get: function () {
-    return _formatImageSource.default;
-  }
-});
-Object.defineProperty(exports, "getSpacingScale", {
-  enumerable: true,
-  get: function () {
-    return _getSpacingScale.default;
-  }
-});
-Object.defineProperty(exports, "htmlAttrs", {
-  enumerable: true,
-  get: function () {
-    return _htmlAttrs.default;
-  }
-});
-Object.defineProperty(exports, "info", {
-  enumerable: true,
-  get: function () {
-    return _info.default;
-  }
-});
-Object.defineProperty(exports, "isTouchDevice", {
-  enumerable: true,
-  get: function () {
-    return _isTouchDevice.default;
-  }
-});
-Object.defineProperty(exports, "resolveContentMaxWidth", {
-  enumerable: true,
-  get: function () {
-    return _resolveContentMaxWidth.default;
-  }
-});
-Object.defineProperty(exports, "transformGradient", {
-  enumerable: true,
-  get: function () {
-    return _transformGradient.transformGradient;
-  }
-});
-Object.defineProperty(exports, "useCopy", {
-  enumerable: true,
-  get: function () {
-    return _useCopy.default;
-  }
-});
-Object.defineProperty(exports, "useHash", {
-  enumerable: true,
-  get: function () {
-    return _useHash.default;
-  }
-});
-Object.defineProperty(exports, "useMediaQuerySpacing", {
-  enumerable: true,
-  get: function () {
-    return _useMediaQuerySpacing.default;
-  }
-});
-Object.defineProperty(exports, "useOverlaidPosition", {
-  enumerable: true,
-  get: function () {
-    return _useOverlaidPosition.default;
-  }
-});
-Object.defineProperty(exports, "useResponsiveProp", {
-  enumerable: true,
-  get: function () {
-    return _useResponsiveProp.default;
-  }
-});
-Object.defineProperty(exports, "useSafeLayoutEffect", {
-  enumerable: true,
-  get: function () {
-    return _useSafeLayoutEffect.default;
-  }
-});
-Object.defineProperty(exports, "useScrollBlocking", {
-  enumerable: true,
-  get: function () {
-    return _useScrollBlocking.default;
-  }
-});
-Object.defineProperty(exports, "useSpacingScale", {
-  enumerable: true,
-  get: function () {
-    return _useSpacingScale.default;
-  }
-});
-Object.defineProperty(exports, "useUniqueId", {
-  enumerable: true,
-  get: function () {
-    return _useUniqueId.default;
-  }
-});
-Object.defineProperty(exports, "useVariants", {
-  enumerable: true,
-  get: function () {
-    return _useVariants.default;
-  }
-});
-Object.defineProperty(exports, "withLinkRouter", {
-  enumerable: true,
-  get: function () {
-    return _withLinkRouter.default;
-  }
-});
-var _a11y = require("./a11y");
-Object.keys(_a11y).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _a11y[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _a11y[key];
-    }
-  });
-});
-var _animation = require("./animation");
-Object.keys(_animation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _animation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _animation[key];
-    }
-  });
-});
-var _children = require("./children");
-Object.keys(_children).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _children[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _children[key];
-    }
-  });
-});
-var _input = require("./input");
-Object.keys(_input).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _input[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _input[key];
-    }
-  });
-});
-var _pressability = require("./pressability");
-Object.keys(_pressability).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _pressability[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _pressability[key];
-    }
-  });
-});
-var _props = require("./props");
-Object.keys(_props).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _props[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _props[key];
-    }
-  });
-});
-var _ssrMediaQuery = require("./ssr-media-query");
-Object.keys(_ssrMediaQuery).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ssrMediaQuery[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ssrMediaQuery[key];
-    }
-  });
-});
-var _info = _interopRequireDefault(require("./info"));
-var _useCopy = _interopRequireDefault(require("./useCopy"));
-var _useHash = _interopRequireDefault(require("./useHash"));
-var _useSpacingScale = _interopRequireDefault(require("./useSpacingScale"));
-var _useMediaQuerySpacing = _interopRequireDefault(require("./useMediaQuerySpacing"));
-var _useResponsiveProp = _interopRequireWildcard(require("./useResponsiveProp"));
-Object.keys(_useResponsiveProp).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useResponsiveProp[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useResponsiveProp[key];
-    }
-  });
-});
-var _useOverlaidPosition = _interopRequireDefault(require("./useOverlaidPosition"));
-var _useSafeLayoutEffect = _interopRequireDefault(require("./useSafeLayoutEffect"));
-var _useScrollBlocking = _interopRequireDefault(require("./useScrollBlocking"));
-var _useUniqueId = _interopRequireDefault(require("./useUniqueId"));
-var _withLinkRouter = _interopRequireDefault(require("./withLinkRouter"));
-var _ssr = require("./ssr");
-Object.keys(_ssr).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ssr[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ssr[key];
-    }
-  });
-});
-var _containUniqueFields = _interopRequireDefault(require("./containUniqueFields"));
-var _BaseView = _interopRequireDefault(require("./BaseView"));
-var _htmlAttrs = _interopRequireDefault(require("./htmlAttrs"));
-var _transformGradient = require("./transformGradient");
-var _convertFromMegaByteToByte = _interopRequireDefault(require("./convertFromMegaByteToByte"));
-var _formatImageSource = _interopRequireDefault(require("./formatImageSource"));
-var _getSpacingScale = _interopRequireDefault(require("./getSpacingScale"));
-var _useVariants = _interopRequireDefault(require("./useVariants"));
-var _isTouchDevice = _interopRequireDefault(require("./isTouchDevice"));
-var _resolveContentMaxWidth = _interopRequireDefault(require("./resolveContentMaxWidth"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/cjs/utils/info/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _platform = _interopRequireDefault(require("./platform"));
-var _versions = _interopRequireDefault(require("./versions"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// export an object accessed like info.platform.OS, info.version.uds, etc
-var _default = exports.default = {
-  platform: _platform.default,
-  versions: _versions.default
-};

package/lib/cjs/utils/info/platform/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _platform = _interopRequireDefault(require("./platform"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Allows consuming libraries that might not have a direct dependency on
-// React Native to check what the current platform is.
-// Particularly useful for validating Jest config: it is possible for Jest to
-// get configured such that Platform.OS returns a different mocked value to the
-// OS being used to select files by platform suffix (e.g. .web, .native).
-var _default = exports.default = {
-  OS: _Platform.default.OS,
-  fileSuffix: _platform.default
-};

package/lib/cjs/utils/props/index.js

@@ -1,176 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  a11yProps: true,
-  clickProps: true,
-  copyPropTypes: true,
-  componentPropType: true,
-  hrefAttrsProp: true,
-  inputSupportsProps: true,
-  linkProps: true,
-  pressProps: true,
-  paddingProp: true,
-  rectProp: true,
-  responsiveProps: true,
-  spacingProps: true,
-  selectSystemProps: true,
-  textInputProps: true,
-  textProps: true,
-  variantProp: true,
-  viewProps: true,
-  contentfulProps: true
-};
-Object.defineProperty(exports, "a11yProps", {
-  enumerable: true,
-  get: function () {
-    return _a11yProps.default;
-  }
-});
-Object.defineProperty(exports, "clickProps", {
-  enumerable: true,
-  get: function () {
-    return _clickProps.default;
-  }
-});
-Object.defineProperty(exports, "componentPropType", {
-  enumerable: true,
-  get: function () {
-    return _componentPropType.default;
-  }
-});
-Object.defineProperty(exports, "contentfulProps", {
-  enumerable: true,
-  get: function () {
-    return _contentfulProps.default;
-  }
-});
-Object.defineProperty(exports, "copyPropTypes", {
-  enumerable: true,
-  get: function () {
-    return _copyPropTypes.default;
-  }
-});
-Object.defineProperty(exports, "hrefAttrsProp", {
-  enumerable: true,
-  get: function () {
-    return _hrefAttrsProp.default;
-  }
-});
-Object.defineProperty(exports, "inputSupportsProps", {
-  enumerable: true,
-  get: function () {
-    return _inputSupportsProps.default;
-  }
-});
-Object.defineProperty(exports, "linkProps", {
-  enumerable: true,
-  get: function () {
-    return _linkProps.default;
-  }
-});
-Object.defineProperty(exports, "paddingProp", {
-  enumerable: true,
-  get: function () {
-    return _paddingProp.default;
-  }
-});
-Object.defineProperty(exports, "pressProps", {
-  enumerable: true,
-  get: function () {
-    return _pressProps.default;
-  }
-});
-Object.defineProperty(exports, "rectProp", {
-  enumerable: true,
-  get: function () {
-    return _rectProp.default;
-  }
-});
-Object.defineProperty(exports, "responsiveProps", {
-  enumerable: true,
-  get: function () {
-    return _responsiveProps.default;
-  }
-});
-Object.defineProperty(exports, "selectSystemProps", {
-  enumerable: true,
-  get: function () {
-    return _selectSystemProps.default;
-  }
-});
-Object.defineProperty(exports, "spacingProps", {
-  enumerable: true,
-  get: function () {
-    return _spacingProps.default;
-  }
-});
-Object.defineProperty(exports, "textInputProps", {
-  enumerable: true,
-  get: function () {
-    return _textInputProps.default;
-  }
-});
-Object.defineProperty(exports, "textProps", {
-  enumerable: true,
-  get: function () {
-    return _textProps.default;
-  }
-});
-Object.defineProperty(exports, "variantProp", {
-  enumerable: true,
-  get: function () {
-    return _variantProp.default;
-  }
-});
-Object.defineProperty(exports, "viewProps", {
-  enumerable: true,
-  get: function () {
-    return _viewProps.default;
-  }
-});
-var _tokens = require("./tokens");
-Object.keys(_tokens).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _tokens[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tokens[key];
-    }
-  });
-});
-var _handlerProps = require("./handlerProps");
-Object.keys(_handlerProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _handlerProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _handlerProps[key];
-    }
-  });
-});
-var _a11yProps = _interopRequireDefault(require("./a11yProps"));
-var _clickProps = _interopRequireDefault(require("./clickProps"));
-var _copyPropTypes = _interopRequireDefault(require("./copyPropTypes"));
-var _componentPropType = _interopRequireDefault(require("./componentPropType"));
-var _hrefAttrsProp = _interopRequireDefault(require("./hrefAttrsProp"));
-var _inputSupportsProps = _interopRequireDefault(require("./inputSupportsProps"));
-var _linkProps = _interopRequireDefault(require("./linkProps"));
-var _pressProps = _interopRequireDefault(require("./pressProps"));
-var _paddingProp = _interopRequireDefault(require("./paddingProp"));
-var _rectProp = _interopRequireDefault(require("./rectProp"));
-var _responsiveProps = _interopRequireDefault(require("./responsiveProps"));
-var _spacingProps = _interopRequireDefault(require("./spacingProps"));
-var _selectSystemProps = _interopRequireDefault(require("./selectSystemProps"));
-var _textInputProps = _interopRequireDefault(require("./textInputProps"));
-var _textProps = _interopRequireDefault(require("./textProps"));
-var _variantProp = _interopRequireDefault(require("./variantProp"));
-var _viewProps = _interopRequireDefault(require("./viewProps"));
-var _contentfulProps = _interopRequireDefault(require("./contentfulProps"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/cjs/utils/ssr-media-query/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyleSheet = void 0;
-Object.defineProperty(exports, "createMediaQueryStyles", {
-  enumerable: true,
-  get: function () {
-    return _createMediaQueryStyles.default;
-  }
-});
-Object.defineProperty(exports, "useAllViewportTokens", {
-  enumerable: true,
-  get: function () {
-    return _useAllViewportTokens.default;
-  }
-});
-var _createStylesheet = _interopRequireDefault(require("./create-stylesheet"));
-var _createMediaQueryStyles = _interopRequireDefault(require("./utils/create-media-query-styles"));
-var _useAllViewportTokens = _interopRequireDefault(require("./utils/use-all-viewport-tokens"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyleSheet = exports.StyleSheet = {
-  create: _createStylesheet.default
-};

package/lib/esm/ActionCard/index.js

@@ -1,2 +0,0 @@
-import ActionCard from './ActionCard';
-export default ActionCard;

package/lib/esm/Autocomplete/index.js

@@ -1,2 +0,0 @@
-import Autocomplete from './Autocomplete';
-export default Autocomplete;

package/lib/esm/Badge/index.js

@@ -1,2 +0,0 @@
-import Badge from './Badge';
-export default Badge;

package/lib/esm/Box/index.js

@@ -1,2 +0,0 @@
-import Box from './Box';
-export default Box;

package/lib/esm/Button/index.js

@@ -1,5 +0,0 @@
-import Button from './Button';
-import ButtonLink from './ButtonLink';
-import ButtonGroup from './ButtonGroup';
-import ButtonDropdown from './ButtonDropdown';
-export { Button, ButtonDropdown, ButtonGroup, ButtonLink };

package/lib/esm/Card/index.js

@@ -1,4 +0,0 @@
-import Card from './Card';
-export default Card;
-export { default as PressableCardBase } from './PressableCardBase';
-export * from './PressableCardBase';

package/lib/esm/CardGroup/index.js

@@ -1,2 +0,0 @@
-import CardGroup from './CardGroup';
-export default CardGroup;

package/lib/esm/Carousel/CarouselItem/index.js

@@ -1,2 +0,0 @@
-import CarouselItem from './CarouselItem';
-export default CarouselItem;

package/lib/esm/Carousel/CarouselStepTracker/index.js

@@ -1,2 +0,0 @@
-import CarouselStepTracker from './CarouselStepTracker';
-export default CarouselStepTracker;

package/lib/esm/Carousel/CarouselTabs/CarouselTabs.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useResponsiveProp } from '../../utils';
-import Carousel from '../Carousel';
-
-/**
- * @deprecated Please use Carousel and pass the `tabs` prop.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const CarouselTabs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    items,
-    refocus = true,
-    ...carouselProps
-  } = _ref;
-  const tabs = useResponsiveProp({
-    md: items
-  });
-  return /*#__PURE__*/_jsx(Carousel, {
-    refocus: refocus,
-    ...carouselProps,
-    ref: ref,
-    tabs: tabs,
-    children: items.map(_ref2 => {
-      let {
-        title,
-        content
-      } = _ref2;
-      return /*#__PURE__*/_jsx(React.Fragment, {
-        children: content
-      }, title);
-    })
-  });
-});
-CarouselTabs.displayName = 'CarouselTabs';
-CarouselTabs.propTypes = {
-  /**
-   * An array of objects where title is the string shown in the slide's tab and content is the JSX for the slide itself
-   */
-  items: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    content: PropTypes.node.isRequired
-  })),
-  ...Carousel.propTypes
-};
-// CarouselTabs doesn't require `children` prop, it uses `items` instead.
-// eslint-disable-next-line react/forbid-foreign-prop-types
-if (CarouselTabs.propTypes?.children) delete CarouselTabs.propTypes?.children;
-export default CarouselTabs;

package/lib/esm/Carousel/CarouselTabs/index.js

@@ -1,2 +0,0 @@
-import CarouselTabs from './CarouselTabs';
-export default CarouselTabs;

package/lib/esm/Carousel/index.js

@@ -1,4 +0,0 @@
-export * from './CarouselContext';
-export { default as Carousel } from './Carousel';
-export { default as CarouselItem } from './CarouselItem';
-export { default as CarouselTabs } from './CarouselTabs';

package/lib/esm/Checkbox/index.js

@@ -1,3 +0,0 @@
-import Checkbox from './Checkbox';
-export default Checkbox;
-export { default as CheckboxGroup } from './CheckboxGroup';

package/lib/esm/CheckboxCard/index.js

@@ -1,2 +0,0 @@
-import CheckboxCard from './CheckboxCard';
-export default CheckboxCard;

package/lib/esm/CheckboxCardGroup/index.js

@@ -1,2 +0,0 @@
-import CheckboxCardGroup from './CheckboxCardGroup';
-export default CheckboxCardGroup;

package/lib/esm/ColourToggle/index.js

@@ -1,2 +0,0 @@
-import ColourToggle from './ColourToggle';
-export default ColourToggle;

package/lib/esm/Divider/index.js

@@ -1,2 +0,0 @@
-import Divider from './Divider';
-export default Divider;

package/lib/esm/DownloadApp/index.js

@@ -1,2 +0,0 @@
-import DownloadApp from './DownloadApp';
-export default DownloadApp;

package/lib/esm/ExpandCollapse/Accordion.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import ExpandCollapse from './ExpandCollapse';
-
-/**
- * 'Accordion' is a shorthand for an ExpandCollapse where only one item may be open at a time
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(ExpandCollapse, {
-  ref: ref,
-  ...props,
-  maxOpen: 1
-}));
-Accordion.displayName = 'Accordion';
-Accordion.propTypes = ExpandCollapse.propTypes;
-export default Accordion;