@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/ExpandCollapse/Panel.js

@@ -4,37 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Animated = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Animated"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _airbnbPropTypes = _interopRequireDefault(require("airbnb-prop-types"));
-
 var _Control = _interopRequireDefault(require("./Control"));
-
 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]);
 
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]); // just void functions for now, since there are no style tokens for a panel or control at this point
-
+// just void functions for now, since there are no style tokens for a panel or control at this point
 const selectContainerStyles = _ref => {
   let {
     contentPaddingLeft,
@@ -50,7 +36,6 @@ const selectContainerStyles = _ref => {
     flex: 1
   };
 };
-
 const selectTextStyles = _ref2 => {
   let {
     contentPanelFontSize,
@@ -66,7 +51,6 @@ const selectTextStyles = _ref2 => {
     color: contentPanelFontColor
   };
 };
-
 const selectContentPanelStyles = _ref3 => {
   let {
     contentPanelBackgroundColor,
@@ -92,6 +76,7 @@ const selectContentPanelStyles = _ref3 => {
     marginBottom
   };
 };
+
 /**
  * An item in an `ExpandCollapse` which contains collapsible `children` and a `control` that opens
  * and closes the collapsible children when pressed.
@@ -102,8 +87,6 @@ const selectContentPanelStyles = _ref3 => {
  * The panel does not need to be a direct child of the `<ExpandCollapse>` (unless this is required
  * by the chosen accessibility props for a particular accessibility tools).
  */
-
-
 const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
   let {
     openIds = [],
@@ -121,32 +104,30 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =>
   } = _ref4;
   const [containerHeight, setContainerHeight] = (0, _react.useState)(null);
   const isExpanded = openIds.includes(panelId);
-  const selectedProps = selectProps({ ...rest,
-    accessibilityState: { ...(rest.accessibilityState || {}),
+  const selectedProps = selectProps({
+    ...rest,
+    accessibilityState: {
+      ...(rest.accessibilityState || {}),
       expanded: isExpanded
     }
   });
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('ExpandCollapsePanel', tokens, variant, {
     expanded: isExpanded
   });
-
   const handleControlPress = event => {
     onToggle(panelId, event);
     if (onPress) onPress(panelId, event);
   };
-
   const onContainerLayout = event => {
     const {
       layout: {
         height = 0
       } = {}
     } = event.nativeEvent;
-
     if (_Platform.default.OS === 'web' || _Platform.default.OS !== 'web' && containerHeight === null) {
       setContainerHeight(height);
     }
   };
-
   const [animatedStyles, animatedRef] = (0, _utils.useVerticalExpandAnimation)({
     containerHeight,
     isExpanded,
@@ -162,7 +143,8 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =>
   }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
     ref: ref,
     style: themeTokens,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Control.default, { ...selectedProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Control.default, {
+      ...selectedProps,
       isExpanded: isExpanded,
       tokens: controlTokens,
       variant: variant,
@@ -182,7 +164,8 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =>
       ...focusabilityProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
         onLayout: onContainerLayout,
-        style: { ..._Platform.default.select({
+        style: {
+          ..._Platform.default.select({
             default: {
               flex: 1
             },
@@ -198,52 +181,44 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) =>
   });
 });
 ExpandCollapsePanel.displayName = 'ExpandCollapsePanel';
-ExpandCollapsePanel.propTypes = { ...selectedSystemPropTypes,
+ExpandCollapsePanel.propTypes = {
+  ...selectedSystemPropTypes,
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('ExpandCollapsePanel'),
-
   /**
    * Array of the ids of currently open groups
    */
   openIds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])),
-
   /**
    * Unique name by which the ExpandCollapse controls this element.
    */
   panelId: _propTypes.default.string.isRequired,
-
   /**
    * Function to call on pressing the panel's control, which should open or close the panel.
    * If Panel is a direct child of `ExpandCollapse`, this prop will be provided by the ExpandCollapse parent.
    */
   onToggle: _propTypes.default.func,
-
   /**
    * Optional function to call on pressing the panel's control, in addition to opening or closing the panel.
    */
   onPress: _propTypes.default.func,
-
   /**
    * ExpandCollapsePanel's children are the content that is hidden or revealed on open or close, and may be any
    * single React element or a render function which takes this group's isExpanded state, onToggle function and panelId
    */
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-
   /**
    * The content inside the control element that opens and closes the ExpandCollapse when pressed.
    */
   control: _Control.default.propTypes.children,
-
   /**
    * Optional theme token overrides that may be passed to the ExpandCollapseControl element.
    */
   controlTokens: (0, _utils.getTokensPropType)('ExpandCollapseControl'),
-
   /**
    * An optional ref to be attached to the control
    */
   controlRef: _airbnbPropTypes.default.ref(),
-
   /**
    * A boolean prop to determine if the panel is a content panel or not. If true, the panel will not have a control
    */

package/lib/ExpandCollapse/index.js

@@ -10,15 +10,10 @@ Object.defineProperty(exports, "Accordion", {
   }
 });
 exports.default = void 0;
-
 var _ExpandCollapse = _interopRequireDefault(require("./ExpandCollapse"));
-
 var _Accordion = _interopRequireDefault(require("./Accordion"));
-
 var _Panel = _interopRequireDefault(require("./Panel"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _ExpandCollapse.default.Panel = _Panel.default;
 _Accordion.default.Panel = _Panel.default;
 var _default = _ExpandCollapse.default;

package/lib/Feedback/Feedback.js

@@ -4,60 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 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 _StackView = _interopRequireDefault(require("../StackView"));
-
 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 selectStyles = tokens => (0, _utils.selectTokens)('Feedback', tokens);
-
 const selectTitleTextStyles = (_ref, themeOptions) => {
   let {
     titleFontSize,
     ...tokens
   } = _ref;
-  return (0, _ThemeProvider.applyTextStyles)({ ...(0, _utils.selectTokens)('Typography', { ...tokens,
+  return (0, _ThemeProvider.applyTextStyles)({
+    ...(0, _utils.selectTokens)('Typography', {
+      ...tokens,
       fontSize: titleFontSize,
       themeOptions
     }),
     themeOptions
   });
 };
-
 const selectContentTextStyles = (_ref2, themeOptions) => {
   let {
     contentFontSize,
     ...tokens
   } = _ref2;
-  return (0, _ThemeProvider.applyTextStyles)({ ...(0, _utils.selectTokens)('Typography', { ...tokens,
+  return (0, _ThemeProvider.applyTextStyles)({
+    ...(0, _utils.selectTokens)('Typography', {
+      ...tokens,
       fontSize: contentFontSize
     }),
     themeOptions
   });
 };
-
 const selectIconTokens = _ref3 => {
   let {
     iconSize,
@@ -68,7 +55,6 @@ const selectIconTokens = _ref3 => {
     color: iconColor
   };
 };
-
 const selectIconContainerStyles = _ref4 => {
   let {
     iconGap
@@ -77,6 +63,7 @@ const selectIconContainerStyles = _ref4 => {
     paddingRight: iconGap
   };
 };
+
 /**
  * A feedback box commonly used with form fields.
  *
@@ -95,8 +82,6 @@ const selectIconContainerStyles = _ref4 => {
  * ### Accessibility
  * All accessibility props set on this component will be applied to the outer container.
  */
-
-
 const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   let {
     title,
@@ -107,7 +92,8 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
     variant,
     ...rest
   } = _ref5;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Feedback', tokens, { ...variant,
+  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Feedback', tokens, {
+    ...variant,
     validation
   });
   const {
@@ -140,7 +126,8 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
         style: staticStyles.title,
         children: [IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
           style: selectIconContainerStyles(themeTokens),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, { ...selectIconTokens(themeTokens)
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+            ...selectIconTokens(themeTokens)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
           style: titleTextStyles,
@@ -154,23 +141,20 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   });
 });
 Feedback.displayName = 'Feedback';
-Feedback.propTypes = { ...selectedSystemPropTypes,
-
+Feedback.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Emphasized summary of the feedback. If an icon is set, it is rendered next to the title.
    */
   title: _propTypes.default.string,
-
   /**
    * Feedback content rendered below the title. A render function `({textStyles, variant}) => {}` is supported.
    */
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
-
   /**
    * Use to visually mark the Feedback as valid or invalid.
    */
   validation: _propTypes.default.oneOf(['error', 'success']),
-
   /** @ignore */
   id: _propTypes.default.string,
   tokens: (0, _utils.getTokensPropType)('Feedback'),
@@ -178,7 +162,6 @@ Feedback.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = Feedback;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   title: {
     display: 'flex',

package/lib/Feedback/index.js

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

package/lib/Fieldset/Fieldset.js

@@ -4,40 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Feedback = _interopRequireDefault(require("../Feedback"));
-
 var _utils = require("../utils");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _FieldsetContainer = _interopRequireDefault(require("./FieldsetContainer"));
-
 var _StackView = require("../StackView");
-
 var _InputLabel = _interopRequireDefault(require("../InputLabel"));
-
 var _useInputSupports = _interopRequireDefault(require("../InputSupports/useInputSupports"));
-
 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; }
-
 /**
  * An alternative to InputSupports for groups of input elements that, on web, are to be
  * wrapped in a `<fieldset>` tag, with label content displated in a `<legend>` tag.
  *
  * Follows the same theming and most of the same props as InputSupports.
- */
-const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     copy = 'en',
     space,
@@ -57,15 +42,14 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     variant = {},
     tokens = {}
   } = _ref;
-
   /* Fieldset tokenization:
   - error variant can only be activated by passing showErrorBorder and also having validaton as 'error'
    */
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('Fieldset', tokens, {
     error: validation === 'error' && showErrorBorder,
     ...variant
-  }); // Skips `inputId` because a fieldset' legend describes multiple inputs
-
+  });
+  // Skips `inputId` because a fieldset' legend describes multiple inputs
   const {
     hintId,
     feedbackId,
@@ -92,7 +76,6 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       icon: showIcon
     }
   });
-
   const borderStyles = _ref2 => {
     let {
       outlineWidth,
@@ -122,12 +105,12 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       borderWidth: 0,
       outlineStyle: validation === 'error' && showErrorBorder ? 'solid' : 'none'
     };
-  }; // Some accessibility patterns depend on elements being direct children, e.g. fieldset -> legend,
+  };
+
+  // Some accessibility patterns depend on elements being direct children, e.g. fieldset -> legend,
   // and on MacOS voiceover, radiogroup -> radio. To allow elements to be direct children of the
   // fieldset as much as possible, but also allow different spacing within content and between
   // fieldset / feedback / etc, wrap resolved children in a fragment, and stack with `preserveFragments`.
-
-
   const childContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: typeof children === 'function' ? children(a11yProps) : children
   });
@@ -151,76 +134,62 @@ Fieldset.propTypes = {
   variant: _utils.variantProp.propType,
   tokens: (0, _utils.getTokensPropType)('Fieldset'),
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-
   /**
    * Whether the English or French copy will be used (e.g. for accessibility labels).
    */
   copy: _propTypes.default.oneOf(['en', 'fr']),
-
   /**
    * The accessibility role of the `<fieldset>` element itself. Other React Native accessibility
    * props are not supported because there is not an appropriate counterpart for Fieldsets.
    */
   accessibilityRole: _propTypes.default.string,
-
   /**
    * The amout of space between legend, feedback and content; according  to the theme's spacing scale.
    * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
    * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
    */
   space: _utils.spacingProps.types.spacingValue,
-
   /**
    * The text for the fieldset's legend, describing the fieldset content.
    */
   legend: _propTypes.default.string,
-
   /**
    * A short description of the expected input.
    */
   hint: _propTypes.default.string,
-
   /**
    * Position of the hint relative to label.
    */
   hintPosition: _propTypes.default.oneOf(['inline', 'below']),
-
   /**
    * A detailed description of validation error/success or additional instructions.
    * Visual variant is determined based on the `validation` prop.
    */
   feedback: _propTypes.default.string,
-
   /**
    * Position of the feedback block relative to the fieldset's content.
    */
   feedbackPosition: _propTypes.default.oneOf(['above', 'below']),
-
   /**
    * If true, the fieldset is treated as inactive (setting `disabled` attribute on web).
    */
   inactive: _propTypes.default.bool,
-
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
   tooltip: _propTypes.default.string,
-
   /**
    * On web, this is passed to the `<fieldset>`'s `name` attribute.
    */
   name: _propTypes.default.string,
-
   /**
    * Use to visually mark an input as valid or invalid.
    */
   validation: _propTypes.default.oneOf(['error', 'success']),
-
   /**
    * Use to show error or success icon in the feedback
    */
   showIcon: _propTypes.default.bool,
-
   /**
    * Use to show border in case of error for a group of components
    */

package/lib/Fieldset/FieldsetContainer.js

@@ -4,25 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cssReset = _interopRequireDefault(require("./cssReset"));
-
 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; }
-
 /**
  * On Web, wraps children with a HTML `<fieldset>` and sets its attributes as necessary.
- */
-const FieldsetContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const FieldsetContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     inactive,

package/lib/Fieldset/FieldsetContainer.native.js

@@ -4,21 +4,13 @@ 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 _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; }
-
 // No equivalent of `<fieldset>` on native, so just apply accessibility role to container.
 // If a11y testing finds any additional handling is needed at the container level, add it here.
 const FieldsetContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {

package/lib/Fieldset/Legend.js

@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cssReset = _interopRequireDefault(require("./cssReset"));
-
 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; }
-
 /**
  * On Web, wraps children in HTML `<legend>` tag.
  * On Native, `<legend>` does not exist, wraps in a width 100% block to follow <legend>'s behaviour in a flex.
- */
-const Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children
   } = _ref;

package/lib/Fieldset/Legend.native.js

@@ -4,28 +4,18 @@ 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 _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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; }
-
 /**
  * On Web, wraps children in HTML `<legend>` tag.
  * On Native, `<legend>` does not exist, wraps in a width 100% block to follow <legend>'s behaviour in a flex.
- */
-const Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children
   } = _ref;
@@ -39,13 +29,11 @@ Legend.displayName = 'Legend';
 Legend.propTypes = {
   children: _propTypes.default.node
 };
-
 const staticStyles = _StyleSheet.default.create({
   stretch: {
     width: '100%',
     flexGrow: 1
   }
 });
-
 var _default = Legend;
 exports.default = _default;

package/lib/Fieldset/index.js

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