@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/CheckboxCardGroup/CheckboxCardGroup.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ViewportProvider = require("../ViewportProvider");
+var _ThemeProvider = require("../ThemeProvider");
+var _utils = require("../utils");
+var _StackView = _interopRequireWildcard(require("../StackView"));
+var _CheckboxCard = _interopRequireDefault(require("../CheckboxCard"));
+var _Fieldset = _interopRequireDefault(require("../Fieldset"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+const [selectItemProps, selectedItemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.viewProps]);
+const CheckboxCardGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    copy = 'en',
+    tokens,
+    checkboxCardTokens,
+    variant,
+    items = [],
+    legend,
+    tooltip,
+    hint,
+    hintPosition = 'inline',
+    validation,
+    feedback,
+    initialCheckedIds,
+    checkedIds,
+    onChange,
+    readOnly,
+    name: inputGroupName,
+    inactive,
+    ...rest
+  } = _ref;
+  const viewport = (0, _ViewportProvider.useViewport)();
+  const {
+    space,
+    fieldSpace,
+    direction,
+    outlineWidth,
+    borderTopLeftRadius,
+    borderTopRightRadius,
+    borderBottomLeftRadius,
+    borderBottomRightRadius,
+    outlineOffset
+  } = (0, _ThemeProvider.useThemeTokens)('CheckboxCardGroup', tokens, variant, {
+    viewport
+  });
+  const borderTokens = {
+    outlineWidth,
+    borderTopLeftRadius,
+    borderTopRightRadius,
+    borderBottomLeftRadius,
+    borderBottomRightRadius,
+    outlineOffset
+  };
+  const {
+    currentValues,
+    toggleOneValue
+  } = (0, _utils.useMultipleInputValues)({
+    value: checkedIds,
+    initialValues: initialCheckedIds,
+    onChange,
+    readOnly: readOnly || inactive
+  });
+  const StackContainer = direction === 'row' ? _StackView.StackWrap : _StackView.default;
+  // Needs 'checkboxgroup' role on direct parent of checkboxes for MacOS Voiceover's numbering to work,
+  // and also needs 'checkboxgroup' role on fieldset for correct description on focusing the set.
+  // TODO: test this on more web screen readers.
+
+  const uniqueFields = ['id'];
+  if (!(0, _utils.containUniqueFields)(items, uniqueFields)) {
+    throw new Error(`CheckboxCardGroup items must have unique ${uniqueFields.join(', ')}`);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fieldset.default, {
+    copy: copy,
+    ref: ref,
+    name: inputGroupName,
+    legend: legend,
+    tooltip: tooltip,
+    hint: hint,
+    hintPosition: hintPosition,
+    space: fieldSpace,
+    feedback: feedback,
+    inactive: inactive || readOnly,
+    validation: validation,
+    tokens: borderTokens,
+    showErrorBorder: true,
+    showIcon: true,
+    accessibilityRole: "checkbox",
+    ...selectProps(rest),
+    children: checkboxCardProperties => /*#__PURE__*/(0, _jsxRuntime.jsx)(StackContainer, {
+      space: space,
+      accessibilityRole: "checkbox",
+      children: items.map((_ref2, index) => {
+        let {
+          title,
+          content,
+          id,
+          onChange: itemOnChange,
+          ...itemRest
+        } = _ref2;
+        const cardId = id || `CheckboxCard[${index}]`;
+        const handleChange = (newCheckedState, event) => {
+          if (typeof itemOnChange === 'function') itemOnChange(newCheckedState, event);
+          toggleOneValue(cardId, event);
+        };
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxCard.default, {
+          id: cardId,
+          checked: currentValues.includes(cardId),
+          onChange: handleChange,
+          inactive: inactive,
+          title: title,
+          name: inputGroupName,
+          tokens: checkboxCardTokens,
+          variant: variant,
+          readOnly: readOnly,
+          ...selectItemProps(itemRest),
+          ...checkboxCardProperties,
+          children: content
+        }, cardId);
+      })
+    })
+  });
+});
+CheckboxCardGroup.displayName = 'CheckboxCardGroup';
+CheckboxCardGroup.propTypes = {
+  ...selectedSystemPropTypes,
+  /**
+   * Whether the English or French copy will be used (e.g. for accessibility labels).
+   */
+  copy: _propTypes.default.oneOf(['en', 'fr']),
+  /**
+   * Optional theme token overrides for the outer CheckboxCardGroup component
+   */
+  tokens: (0, _utils.getTokensPropType)('CheckboxCardGroup'),
+  /**
+   * Optional theme token overrides for each inner CheckboxCard component
+   */
+  checkboxCardTokens: (0, _utils.getTokensPropType)('CheckboxCard'),
+  /**
+   * Theme variants, shared between both CheckboxCardGroup and CheckboxCard
+   */
+  variant: _utils.variantProp.propType,
+  /**
+   * Array of objects containing specifics for each CheckboxCard to be rendered in the group.
+   */
+  items: _propTypes.default.arrayOf(_propTypes.default.exact({
+    ...selectedItemPropTypes,
+    title: _propTypes.default.string,
+    content: _propTypes.default.node,
+    id: _propTypes.default.string,
+    onChange: _propTypes.default.func
+  })),
+  /**
+   * Main text used to describe this group, used in Fieldset's Legend element.
+   */
+  legend: _propTypes.default.string,
+  /**
+   * Optional additional text giving more detail to help a user make a choice.
+   */
+  hint: _propTypes.default.string,
+  /**
+   * Position of the hint relative to label. Use `below` to display a larger hint below the label.
+   */
+  hintPosition: _propTypes.default.oneOf(['inline', 'below']),
+  /**
+   * Optional tooltip text content to include alongside the legend and hint.
+   */
+  tooltip: _propTypes.default.string,
+  /**
+   * Current validation status of the group, passed to the feedback element if there is one.
+   */
+  validation: _propTypes.default.oneOf(['error', 'success']),
+  /**
+   * If provided, a Feedback element is rendered containing this text.
+   */
+  feedback: _propTypes.default.string,
+  /**
+   * If provided, the checkboxed with this ids are selected on first render.
+   */
+  initialCheckedIds: _propTypes.default.arrayOf(_propTypes.default.string),
+  /**
+   * If not undefined, the checkboxes with these ids is selected, and the
+   * element's selection state will be controlled by its parent using the `onChange` function.
+   */
+  checkedIds: _propTypes.default.arrayOf(_propTypes.default.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,
+  /**
+   * If true, the checkbox cards cannot be selected by the user and simply show their current state.
+   */
+  readOnly: _propTypes.default.bool,
+  /**
+   * If true, the checkbox card cannot be interacted with, elements are set as `disabled` and if the
+   * theme supports `inactive` appearances rules, these are applied.
+   */
+  inactive: _propTypes.default.bool,
+  /**
+   * On Web, this is passed to the `name` attribute of the fieldset and each checkbox input.
+   */
+  name: _propTypes.default.string
+};
+var _default = CheckboxCardGroup;
+exports.default = _default;

package/lib/CheckboxCardGroup/index.js

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

package/lib/Divider/Divider.js

@@ -4,32 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _Spacer = _interopRequireDefault(require("../Spacer"));
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+
 /**
  * @typedef {import('../utils/props/spacingProps.js').SpacingIndex} SpacingIndex
  * @typedef {import('../utils/props/spacingProps.js').SpacingObject} SpacingObject
@@ -71,7 +59,6 @@ const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_u
  *
  * For accessibility purposes a divider component will be described with ARIA attributes, i.e. `role="separator"` and `aria-orientation="vertical/horizontal"`.
  */
-
 const Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     variant,
@@ -91,19 +78,22 @@ const Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     borderBottomColor: color,
     borderBottomWidth: width
   };
-  const a11y = _Platform.default.OS === 'web' ? // There are aria attributes for dividers on web
+  const a11y = _Platform.default.OS === 'web' ?
+  // There are aria attributes for dividers on web
   {
     // Early versions of React Native Web support 'aria-orientation' while
     // later versions only support accessibilityOrientation and map it. Supply both.
     'aria-orientation': vertical ? 'vertical' : 'horizontal',
     accessibilityOrientation: vertical ? 'vertical' : 'horizontal',
     accessibilityRole: 'separator'
-  } : // There are no such equivalent attributes for native
+  } :
+  // There are no such equivalent attributes for native
   {};
   const {
     testID,
     ...selectedProps
-  } = selectProps({ ...a11y,
+  } = selectProps({
+    ...a11y,
     ...rest
   });
   const divider = /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
@@ -118,35 +108,34 @@ const Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     direction: vertical ? 'row' : 'column'
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, { ...spacerProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+      ...spacerProps,
       testID: testID ? `${testID}-Spacer-before` : undefined
-    }), divider, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, { ...spacerProps,
+    }), divider, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+      ...spacerProps,
       testID: testID ? `${testID}-Spacer-after` : undefined
     })]
   });
 });
 Divider.displayName = 'Divider';
-Divider.propTypes = { ...selectedSystemPropTypes,
+Divider.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('Divider'),
-
   /**
    * A number referring to a position on the space scale to create space on either side of the divider
    */
   space: _utils.spacingProps.types.spacingValue,
   variant: _utils.variantProp.propType,
-
   /**
    * By default, the divider is a horizontal line the full width of its parent.
    * With `vertical` prop and when inside a container with { flexDirection: row }, draws a full height vertical line.
    */
   vertical: _propTypes.default.bool
 };
-
 const styles = _StyleSheet.default.create({
   divider: {
     alignSelf: 'stretch'
   }
 });
-
 var _default = Divider;
 exports.default = _default;

package/lib/Divider/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Divider = _interopRequireDefault(require("./Divider"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _Divider.default;
 exports.default = _default;

package/lib/ExpandCollapse/Accordion.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ExpandCollapse = _interopRequireDefault(require("./ExpandCollapse"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 /**
  * 'Accordion' is a shorthand for an ExpandCollapse where only one item may be open at a time
- */
-const Accordion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default, {
+ */const Accordion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default, {
   ref: ref,
   ...props,
   maxOpen: 1

package/lib/ExpandCollapse/Control.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
 function selectContainerStyles(_ref) {
   let {
     backgroundColor,
@@ -66,9 +52,9 @@ function selectContainerStyles(_ref) {
     borderBottomLeftRadius,
     ...(0, _ThemeProvider.verticalAlignRow)(verticalAlign, iconPosition === 'right')
   };
-} // TODO: use stack / spacer when available
-
+}
 
+// TODO: use stack / spacer when available
 function selectIconContainerStyles(_ref2) {
   let {
     iconGap,
@@ -81,7 +67,6 @@ function selectIconContainerStyles(_ref2) {
     paddingTop: iconPaddingTop
   };
 }
-
 function selectTextContainerStyles(_ref3) {
   let {
     textLine
@@ -91,14 +76,12 @@ function selectTextContainerStyles(_ref3) {
     flex: 1
   };
 }
-
 function selectIconTokens(tokens) {
   return {
     color: tokens.iconColor,
     size: tokens.iconSize
   };
 }
-
 const ExpandCollapseControl = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
   let {
     onPress,
@@ -113,11 +96,11 @@ const ExpandCollapseControl = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =
   const selectedProps = selectProps({
     accessibilityRole,
     ...rest,
-    accessibilityState: { ...(rest.accessibilityState || {}),
+    accessibilityState: {
+      ...(rest.accessibilityState || {}),
       expanded: isExpanded
     }
   });
-
   const getControlState = _ref5 => {
     let {
       pressed,
@@ -131,15 +114,13 @@ const ExpandCollapseControl = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =
       expanded: isExpanded
     };
   };
-
   const getControlTokens = pressableState => getTokens(getControlState(pressableState));
-
-  const getPressableStyle = pressableState => ({ ...selectContainerStyles(getControlTokens(pressableState)),
+  const getPressableStyle = pressableState => ({
+    ...selectContainerStyles(getControlTokens(pressableState)),
     ...(_Platform.default.OS === 'web' ? {
       outline: 'none'
     } : {})
   });
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
     ref: ref,
     ...selectedProps,
@@ -153,7 +134,8 @@ const ExpandCollapseControl = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
           style: [selectIconContainerStyles(themeTokens), staticStyles.bubblePointerEvents],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, { ...selectIconTokens(themeTokens)
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+            ...selectIconTokens(themeTokens)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
           style: [selectTextContainerStyles(themeTokens), staticStyles.bubblePointerEvents],
@@ -164,28 +146,24 @@ const ExpandCollapseControl = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =
   });
 });
 ExpandCollapseControl.displayName = 'ExpandCollapseControl';
-
 const staticStyles = _StyleSheet.default.create({
   bubblePointerEvents: {
     pointerEvents: 'none'
   }
 });
-
-ExpandCollapseControl.propTypes = { ...selectedSystemPropTypes,
+ExpandCollapseControl.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('ExpandCollapseControl'),
   variant: _utils.variantProp.propType,
-
   /**
    * ExpandCollapseControl's children are the content within the button that opens or closes this panel. May
    * accept a render function that recieves the control state: { pressed, hover, focus, expanded }
    */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
   /**
    * Whether the linked ExpandCollapsePanel is opened or closed. Allows themes to set `expanded` styles.
    */
   isExpanded: _propTypes.default.bool,
-
   /**
    * Function called when the ExpandCollapse is pressed.
    */

package/lib/ExpandCollapse/ExpandCollapse.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
 function selectBorderStyles(tokens) {
   return {
     borderBottomWidth: tokens.borderWidth,
@@ -32,6 +21,7 @@ function selectBorderStyles(tokens) {
     borderBottomColor: tokens.borderColor
   };
 }
+
 /**
  * Flexible base component for lists where some or all items are collapsible headers.
  *
@@ -39,8 +29,6 @@ function selectBorderStyles(tokens) {
  * <ExpandCollapse.Panel> children, and assign the panels explicit `panelId` props. The panels may be
  * nested (they do not need to be direct children), and non-interactive items may be included too.
  */
-
-
 const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -79,33 +67,29 @@ const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 ExpandCollapse.displayName = 'ExpandCollapse';
-ExpandCollapse.propTypes = { ...selectedSystemPropTypes,
+ExpandCollapse.propTypes = {
+  ...selectedSystemPropTypes,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('ExpandCollapse'),
-
   /**
    * ExpandCollapse usually takes a render function to which it passes an object with properties
    * { openIds, onToggle, resetValues, setValues, unsetValues }. openIds (array of ids) and
    * onToggle (function) will usually be passed to `<ExpandCollapse.Panel>`
    */
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]).isRequired,
-
   /**
    * If set, enforces a specific maximum number of open items, closing already-open items when new
    * items are opened. By default, any number of items may be open at once.
    */
   maxOpen: _propTypes.default.number,
-
   /**
    * If passed, the item or items that are expanded will be controlled by a parent component
    */
   open: _propTypes.default.arrayOf(_propTypes.default.string),
-
   /**
    * Function called when which panels are currently open changes. Necessary if `open` is passed.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Allows items with specified ids to be open by default on first load. Should not be used with `open`.
    */