@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/Card/index.js

@@ -1,33 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  PressableCardBase: true
-};
-Object.defineProperty(exports, "PressableCardBase", {
-  enumerable: true,
-  get: function () {
-    return _PressableCardBase.default;
-  }
-});
-exports.default = void 0;
-var _Card = _interopRequireDefault(require("./Card"));
-var _PressableCardBase = _interopRequireWildcard(require("./PressableCardBase"));
-Object.keys(_PressableCardBase).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PressableCardBase[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PressableCardBase[key];
-    }
-  });
-});
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Card.default;
-exports.default = _default;
+import Card from './Card';
+export default Card;
+export { default as PressableCardBase } from './PressableCardBase';
+export * from './PressableCardBase';

package/lib/CardGroup/CardGroup.js

@@ -1,26 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-var _ViewportProvider = require("../ViewportProvider");
-var _ThemeProvider = require("../ThemeProvider");
-var _StackView = _interopRequireWildcard(require("../StackView"));
-var _Card = _interopRequireDefault(require("../Card"));
-var _Fieldset = _interopRequireDefault(require("../Fieldset"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-const [selectItemProps, selectedItemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.viewProps]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import { a11yProps, focusHandlerProps, containUniqueFields, selectSystemProps, useMultipleInputValues, useInputValue, useCopy, viewProps, variantProp, getTokensPropType, copyPropTypes } from '../utils';
+import defaultDictionary from './dictionary';
+import { useViewport } from '../ViewportProvider';
+import { useThemeTokens } from '../ThemeProvider';
+import StackView, { StackWrap } from '../StackView';
+import Card from '../Card';
+import Fieldset from '../Fieldset';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
+const [selectItemProps, selectedItemPropTypes] = selectSystemProps([a11yProps, focusHandlerProps, viewProps]);
 const uniqueFields = ['id'];
-const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const CardGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     copy = 'en',
     tokens = {},
@@ -34,15 +25,15 @@ const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     role = 'radiogroup',
     isInactive,
     name: inputGroupName,
-    dictionary = _dictionary.default,
+    dictionary = defaultDictionary,
     ...rest
   } = _ref;
-  const getCopy = (0, _utils.useCopy)({
+  const getCopy = useCopy({
     dictionary,
     copy
   });
-  const viewport = (0, _ViewportProvider.useViewport)();
-  const cardGroupTokens = (0, _ThemeProvider.useThemeTokens)('CardGroup', tokens, variant, {
+  const viewport = useViewport();
+  const cardGroupTokens = useThemeTokens('CardGroup', tokens, variant, {
     viewport
   });
   const {
@@ -76,13 +67,13 @@ const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     onChange,
     readOnly: isInactive
   };
-  const singleInputValue = (0, _utils.useInputValue)(inputControl);
-  const multipleInputValues = (0, _utils.useMultipleInputValues)(inputControl);
-  const StackContainer = direction === 'row' ? _StackView.StackWrap : _StackView.default;
-  if (!(0, _utils.containUniqueFields)(items, uniqueFields)) {
+  const singleInputValue = useInputValue(inputControl);
+  const multipleInputValues = useMultipleInputValues(inputControl);
+  const StackContainer = direction === 'row' ? StackWrap : StackView;
+  if (!containUniqueFields(items, uniqueFields)) {
     throw new Error(`CardGroup items must have unique ${uniqueFields.join(', ')}`);
   }
-  const handleChange = _react.default.useCallback((checked, event, cardId, itemOnChange) => {
+  const handleChange = React.useCallback((checked, event, cardId, itemOnChange) => {
     if (checked && singleSelection) {
       singleInputValue.setValue(cardId, event);
     } else {
@@ -90,7 +81,7 @@ const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }
     return itemOnChange === null || itemOnChange === void 0 ? void 0 : itemOnChange(checked, event);
   }, [singleInputValue, multipleInputValues, singleSelection]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fieldset.default, {
+  return /*#__PURE__*/_jsx(Fieldset, {
     copy: copy,
     ref: ref,
     name: inputGroupName,
@@ -103,7 +94,7 @@ const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     showIcon: showIcon,
     accessibilityRole: role,
     ...selectProps(rest),
-    children: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(StackContainer, {
+    children: props => /*#__PURE__*/_jsx(StackContainer, {
       space: space,
       children: items.map((_ref2, index) => {
         let {
@@ -115,7 +106,7 @@ const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         } = _ref2;
         const cardId = id || `${getCopy('prefixId')}[${index}]`;
         const itemHandleChange = (checked, event) => handleChange(checked, event, cardId, itemOnChange);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
+        return /*#__PURE__*/_jsx(Card, {
           id: cardId,
           onPress: itemHandleChange,
           interactiveCard: {
@@ -143,52 +134,52 @@ const CardGroup = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   });
 });
 CardGroup.displayName = 'CardGroup';
-const dictionaryContentShape = _propTypes.default.shape({
-  prefixId: _propTypes.default.string.isRequired
+const dictionaryContentShape = PropTypes.shape({
+  prefixId: PropTypes.string.isRequired
 });
 CardGroup.propTypes = {
   ...selectedSystemPropTypes,
-  copy: _utils.copyPropTypes,
+  copy: copyPropTypes,
   /**
    * Override the default dictionary, by passing the complete dictionary object for `en` and `fr`
    */
-  dictionary: _propTypes.default.shape({
+  dictionary: PropTypes.shape({
     en: dictionaryContentShape,
     fr: dictionaryContentShape
   }),
   /**
    * Optional theme token overrides for the outer RadioCardGroup component
    */
-  tokens: (0, _utils.getTokensPropType)('CardGroup'),
+  tokens: getTokensPropType('CardGroup'),
   /**
    * Theme variants, shared between both RadioCardGroup and RadioCard
    */
-  variant: _utils.variantProp.propType,
+  variant: variantProp.propType,
   /**
    * Array of objects containing specifics for each Card to be rendered in the group.
    */
-  items: _propTypes.default.arrayOf(_propTypes.default.exact({
+  items: PropTypes.arrayOf(PropTypes.exact({
     ...selectedItemPropTypes,
-    id: _propTypes.default.string,
-    interactiveCard: _propTypes.default.object,
-    card: _propTypes.default.object,
-    onPress: _propTypes.default.func
+    id: PropTypes.string,
+    interactiveCard: PropTypes.object,
+    card: PropTypes.object,
+    onPress: PropTypes.func
   })),
   /**
    * Current validation status of the group, passed to the feedback element if there is one.
    */
-  validation: _propTypes.default.oneOf(['error', 'success']),
+  validation: PropTypes.oneOf(['error', 'success']),
   /**
    * If provided, a Feedback element is rendered containing this text.
    */
-  feedback: _propTypes.default.string,
+  feedback: PropTypes.string,
   /**
    * If provided, the card with this id is selected on first render.
    * If the role is radiogroup, it's a string
    * If the role is checkbox, it's a array of string.
    * Can have 'null' as value
    */
-  initialCheckedIds: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  initialCheckedIds: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   /**
    * If not undefined, the card with this id is selected (or none is selected if `null`), and the
    * element's selection state will be controlled by its parent using the `onChange` function.
@@ -196,25 +187,24 @@ CardGroup.propTypes = {
    * If the role is checkbox, it's a array of string.
    * Can have 'null' as value
    */
-  checkedIds: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  checkedIds: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   /**
    * Function to call on change in selection state. Is required if the selection state is controlled
    * by a parent using checkedId and the input is not readOnly.
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * Renders the card group like a radio card group or a checkbox card group
    */
-  role: _propTypes.default.oneOf(['radiogroup', 'checkbox']),
+  role: PropTypes.oneOf(['radiogroup', 'checkbox']),
   /**
    * If true, the card cannot be interacted with, elements are set as `disabled` and if the
    * theme supports `inactive` appearances rules, these are applied.
    */
-  isInactive: _propTypes.default.bool,
+  isInactive: PropTypes.bool,
   /**
    * On Web, this is passed to the `name` attribute of the fieldset and each input.
    */
-  name: _propTypes.default.string
+  name: PropTypes.string
 };
-var _default = CardGroup;
-exports.default = _default;
+export default CardGroup;

package/lib/CardGroup/dictionary.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     prefixId: 'Card'
   },
   fr: {
     prefixId: 'Carte'
   }
-};
-exports.default = _default;
+};

package/lib/CardGroup/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CardGroup = _interopRequireDefault(require("./CardGroup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _CardGroup.default;
-exports.default = _default;
+import CardGroup from './CardGroup';
+export default CardGroup;