@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/List/ListItemMark.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tokenTypes = exports.default = void 0;
-
 var _react = _interopRequireDefault(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 _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const tokenTypes = {
   itemIconSize: _propTypes.default.number.isRequired,
   itemIconColor: _propTypes.default.string.isRequired,
@@ -24,7 +17,6 @@ const tokenTypes = {
   iconMarginTop: _propTypes.default.number.isRequired
 };
 exports.tokenTypes = tokenTypes;
-
 const selectItemIconTokens = _ref => {
   let {
     itemIconSize,
@@ -35,7 +27,6 @@ const selectItemIconTokens = _ref => {
     color: itemIconColor
   };
 };
-
 const selectSideItemContainerStyles = _ref2 => {
   let {
     listGutter,
@@ -45,9 +36,9 @@ const selectSideItemContainerStyles = _ref2 => {
     marginTop: iconMarginTop,
     marginRight: listGutter
   };
-}; // Align bullets with the top line of text the same way icons are aligned
-
+};
 
+// Align bullets with the top line of text the same way icons are aligned
 const selectBulletPositioningStyles = _ref3 => {
   let {
     itemIconSize
@@ -57,7 +48,6 @@ const selectBulletPositioningStyles = _ref3 => {
     height: itemIconSize
   };
 };
-
 const selectBulletStyles = _ref4 => {
   let {
     itemBulletWidth,
@@ -71,7 +61,6 @@ const selectBulletStyles = _ref4 => {
     backgroundColor: itemBulletColor
   };
 };
-
 const selectBulletContainerStyles = _ref5 => {
   let {
     itemBulletContainerWidth,
@@ -82,6 +71,7 @@ const selectBulletContainerStyles = _ref5 => {
     alignItems: itemBulletContainerAlign
   };
 };
+
 /**
  * Subcomponent used within ListItem and similar components for rendering bullets or icons
  * that sit alongside a ListIconContent in a { flexDirection: row } container.
@@ -89,8 +79,6 @@ const selectBulletContainerStyles = _ref5 => {
  * It's the responsibility of themes to make sure that the supplied tokens align the
  * icon or bullet nicely against the first line of text in a ListIconContent.
  */
-
-
 const ListItemMark = _ref6 => {
   let {
     icon,
@@ -101,7 +89,6 @@ const ListItemMark = _ref6 => {
   const IconComponent = icon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   const themeTokens = typeof tokens === 'function' ? tokens() : tokens;
   const sideItemContainerStyles = selectSideItemContainerStyles(themeTokens);
-
   if (icon) {
     const iconTokens = selectItemIconTokens(themeTokens);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
@@ -112,7 +99,6 @@ const ListItemMark = _ref6 => {
       })
     });
   }
-
   const itemBulletContainerStyles = selectBulletContainerStyles(themeTokens);
   const itemBulletStyles = selectBulletStyles(themeTokens);
   const itemBulletPositioningStyles = selectBulletPositioningStyles(themeTokens);
@@ -127,32 +113,26 @@ const ListItemMark = _ref6 => {
     })
   });
 };
-
 ListItemMark.propTypes = {
   tokens: _propTypes.default.shape(tokenTypes).isRequired,
-
   /**
    * Renders side item icon
    */
   icon: _propTypes.default.elementType,
-
   /**
    * Will set display icon color
    */
   iconColor: _propTypes.default.string,
-
   /**
    * Allow the user define the icon size
    */
   iconSize: _propTypes.default.number
 };
-
 const staticStyles = _StyleSheet.default.create({
   bulletPositioning: {
     alignItems: 'center',
     justifyContent: 'center'
   }
 });
-
 var _default = ListItemMark;
 exports.default = _default;

package/lib/List/PressableListItemBase.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _airbnbPropTypes = _interopRequireDefault(require("airbnb-prop-types"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _utils = require("../utils");
-
 var _ListItemBase = _interopRequireDefault(require("./ListItemBase"));
-
 var _ListItemContent = _interopRequireDefault(require("./ListItemContent"));
-
 var _ListItemMark = _interopRequireDefault(require("./ListItemMark"));
-
 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 selectPressableStyles = _ref => {
   let {
     backgroundColor,
@@ -58,7 +43,6 @@ const selectPressableStyles = _ref => {
     })
   };
 };
-
 const PressableListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     href,
@@ -68,22 +52,18 @@ const PressableListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =
     listItemRef,
     ...rest
   } = _ref2;
-
   const {
     onPress,
     ...props
   } = _utils.clickProps.toPressProps(rest);
-
   const {
     hrefAttrs,
     rest: listItemProps
   } = _utils.hrefAttrsProp.bundle(props);
-
   const handlePress = _utils.linkProps.handleHref({
     href,
     onPress
   });
-
   const listItemTokens = (0, _utils.selectTokens)('List', typeof tokens === 'function' ? tokens() : tokens);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemBase.default, {
     ref: listItemRef,
@@ -93,13 +73,10 @@ const PressableListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =
       let {
         isLastItem
       } = _ref3;
-
       const getTokens = pressableState => (0, _utils.resolvePressableTokens)(tokens, pressableState, {
         last: isLastItem
       });
-
       const getPressableStyle = pressableState => [staticStyles.itemContainer, selectPressableStyles(getTokens(pressableState))];
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
         onPress: handlePress,
         href: href,
@@ -123,15 +100,14 @@ const PressableListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =
   });
 });
 PressableListItemBase.displayName = 'PressableListItemBase';
-
 const staticStyles = _StyleSheet.default.create({
   itemContainer: {
     flexDirection: 'row',
     flex: 1
   }
 });
-
-PressableListItemBase.propTypes = { ..._utils.withLinkRouter.propTypes,
+PressableListItemBase.propTypes = {
+  ..._utils.withLinkRouter.propTypes,
   href: _propTypes.default.string,
   onPress: _propTypes.default.func,
   // eslint-disable-next-line react/forbid-prop-types
@@ -140,7 +116,5 @@ PressableListItemBase.propTypes = { ..._utils.withLinkRouter.propTypes,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   listItemRef: _airbnbPropTypes.default.ref()
 };
-
 var _default = (0, _utils.withLinkRouter)(PressableListItemBase);
-
 exports.default = _default;

package/lib/List/index.js

@@ -16,13 +16,9 @@ Object.defineProperty(exports, "ListItem", {
   }
 });
 exports.default = void 0;
-
 var _List = _interopRequireDefault(require("./List"));
-
 var _ListItem = _interopRequireDefault(require("./ListItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _List.default.Item = _ListItem.default;
 var _default = _List.default;
 exports.default = _default;

package/lib/Listbox/GroupControl.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(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 _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Spacer = _interopRequireDefault(require("../Spacer"));
-
 var _ListboxContext = require("./ListboxContext");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const styles = _StyleSheet.default.create({
   controlWrapper: {
     width: '100%',
@@ -37,7 +25,6 @@ const styles = _StyleSheet.default.create({
     boxSizing: 'border-box'
   }
 });
-
 const GroupControl = _ref => {
   let {
     expanded,
@@ -108,7 +95,6 @@ const GroupControl = _ref => {
     })]
   });
 };
-
 GroupControl.propTypes = {
   id: _propTypes.default.string,
   expanded: _propTypes.default.bool,

package/lib/Listbox/Listbox.js

@@ -4,48 +4,29 @@ 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 _utils = require("../utils");
-
 var _ExpandCollapse = _interopRequireDefault(require("../ExpandCollapse"));
-
 var _ListboxGroup = _interopRequireDefault(require("./ListboxGroup"));
-
 var _ListboxItem = _interopRequireDefault(require("./ListboxItem"));
-
 var _ListboxContext = require("./ListboxContext");
-
 var _ListboxOverlay = _interopRequireDefault(require("./ListboxOverlay"));
-
 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 styles = _StyleSheet.default.create({
   list: {
     padding: 0,
     margin: 0
   }
 });
-
 const getInitialOpen = (items, selectedId) => items.filter(item => item.items && item.items.some(nestedItem => (nestedItem.id ?? nestedItem.label) === selectedId)).map(item => item.id ?? item.label);
-
 const Listbox = _ref => {
   let {
     items = [],
@@ -65,25 +46,23 @@ const Listbox = _ref => {
   const {
     minHeight,
     minWidth
-  } = (0, _ThemeProvider.useThemeTokens)('Listbox', variant, tokens); // We need to keep track of each item's ref in order to be able to
-  // focus on a specific item via keyboard navigation
+  } = (0, _ThemeProvider.useThemeTokens)('Listbox', variant, tokens);
 
+  // We need to keep track of each item's ref in order to be able to
+  // focus on a specific item via keyboard navigation
   const itemRefs = (0, _react.useRef)([]);
   if (firstItemRef !== null && firstItemRef !== void 0 && firstItemRef.current) itemRefs.current[0] = firstItemRef.current;
   const [focusedIndex, setFocusedIndex] = (0, _react.useState)(0);
   const handleKeydown = (0, _react.useCallback)(event => {
     const nextItemRef = itemRefs.current[focusedIndex + 1];
     const prevItemRef = itemRefs.current[focusedIndex - 1];
-
     if (event.key === 'ArrowUp' || event.shiftKey && event.key === 'Tab') {
       var _parentRef$current;
-
       // Move the focus to the previous item or to the parent one if on the first
       if (prevItemRef) {
         event.preventDefault();
         prevItemRef.focus();
       } else if (parentRef) (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.focus();
-
       setFocusedIndex(focusedIndex - 1);
     } else if ((event.key === 'ArrowDown' || event.key === 'Tab') && nextItemRef) {
       event.preventDefault();
@@ -91,15 +70,15 @@ const Listbox = _ref => {
       nextItemRef.focus();
     } else if (event.key === 'Escape') {
       var _parentRef$current2, _parentRef$current3;
-
       // Close the dropdown
-      parentRef === null || parentRef === void 0 ? void 0 : (_parentRef$current2 = parentRef.current) === null || _parentRef$current2 === void 0 ? void 0 : _parentRef$current2.click(); // Return focus to the dropdown control after leaving the last item
-
+      parentRef === null || parentRef === void 0 ? void 0 : (_parentRef$current2 = parentRef.current) === null || _parentRef$current2 === void 0 ? void 0 : _parentRef$current2.click();
+      // Return focus to the dropdown control after leaving the last item
       parentRef === null || parentRef === void 0 ? void 0 : (_parentRef$current3 = parentRef.current) === null || _parentRef$current3 === void 0 ? void 0 : _parentRef$current3.focus();
       if (onClose) onClose(event);
     }
-  }, [focusedIndex, onClose, parentRef]); // Add listeners for mouse clicks outside and for key presses
+  }, [focusedIndex, onClose, parentRef]);
 
+  // Add listeners for mouse clicks outside and for key presses
   (0, _react.useEffect)(() => {
     if (_Platform.default.OS === 'web') {
       window.addEventListener('click', onClose);
@@ -111,7 +90,6 @@ const Listbox = _ref => {
         window.removeEventListener('touchstart', onClose);
       };
     }
-
     return () => {};
   }, [onClose, handleKeydown]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListboxContext.ListboxContext.Provider, {
@@ -134,14 +112,15 @@ const Listbox = _ref => {
             label,
             items: nestedItems
           } = item;
-          const itemId = id ?? label; // Give the list of refs.
+          const itemId = id ?? label;
 
+          // Give the list of refs.
           const itemRef = ref => {
             itemRefs.current[index] = ref;
             return ref;
           };
-
-          return nestedItems ? /*#__PURE__*/(0, _react.createElement)(_ListboxGroup.default, { ...item,
+          return nestedItems ? /*#__PURE__*/(0, _react.createElement)(_ListboxGroup.default, {
+            ...item,
             expandProps: expandProps,
             LinkRouter: LinkRouter,
             itemRouterProps: itemRouterProps,
@@ -149,7 +128,8 @@ const Listbox = _ref => {
             nextItemRef: itemRefs.current[index + 1] ?? null,
             ref: index === 0 ? firstItemRef : itemRef,
             key: itemId
-          }) : /*#__PURE__*/(0, _react.createElement)(_ListboxItem.default, { ...item,
+          }) : /*#__PURE__*/(0, _react.createElement)(_ListboxItem.default, {
+            ...item,
             key: itemId,
             id: itemId,
             LinkRouter: LinkRouter,
@@ -163,31 +143,26 @@ const Listbox = _ref => {
     })
   });
 };
-
-Listbox.propTypes = { ..._utils.withLinkRouter.propTypes,
+Listbox.propTypes = {
+  ..._utils.withLinkRouter.propTypes,
   tokens: (0, _utils.getTokensPropType)('Listbox'),
-
   /**
    * Focus will be moved to the item with this ref once within the menu.
    */
   firstItemRef: _propTypes.default.object,
-
   /**
    * Focus will be returned to the dropdown control with this ref after leaving
    * the last menu item.
    */
   parentRef: _propTypes.default.object,
-
   /**
    * `Listbox` items
    */
   items: _propTypes.default.array,
-
   /**
    * To select an item by default
    */
   selectedId: _propTypes.default.string,
-
   /**
    * onClose event
    */

package/lib/Listbox/ListboxContext.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useListboxContext = exports.ListboxContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 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 ListboxContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.ListboxContext = ListboxContext;
-
 const useListboxContext = () => (0, _react.useContext)(ListboxContext);
-
 exports.useListboxContext = useListboxContext;

package/lib/Listbox/ListboxGroup.js

@@ -4,34 +4,21 @@ 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 _utils = require("../utils");
-
 var _ExpandCollapse = _interopRequireDefault(require("../ExpandCollapse"));
-
 var _ListboxItem = _interopRequireDefault(require("./ListboxItem"));
-
 var _ListboxContext = require("./ListboxContext");
-
 var _GroupControl = _interopRequireDefault(require("./GroupControl"));
-
 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; }
-
 /* eslint-disable react-native-a11y/has-valid-accessibility-role */
+
 const styles = _StyleSheet.default.create({
   groupWrapper: {
     margin: 0,
@@ -43,7 +30,6 @@ const styles = _StyleSheet.default.create({
     padding: 0
   }
 });
-
 const ListboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     id,
@@ -58,8 +44,9 @@ const ListboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = _ref;
   const {
     selectedId
-  } = (0, _ListboxContext.useListboxContext)(); // TODO: implement keyboard navigation via refs for grouped items separately here
+  } = (0, _ListboxContext.useListboxContext)();
 
+  // TODO: implement keyboard navigation via refs for grouped items separately here
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     id: "test",
     style: styles.groupWrapper,
@@ -76,7 +63,8 @@ const ListboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         borderColor: 'transparent',
         textLine: 'none',
         borderWidth: 0
-      } // TODO refactor
+      }
+      // TODO refactor
       // eslint-disable-next-line react/no-unstable-nested-components
       ,
       control: controlProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupControl.default, {
@@ -122,7 +110,8 @@ const ListboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 ListboxGroup.displayName = 'ListboxGroup';
-ListboxGroup.propTypes = { ..._utils.withLinkRouter.propTypes,
+ListboxGroup.propTypes = {
+  ..._utils.withLinkRouter.propTypes,
   label: _propTypes.default.string,
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     href: _propTypes.default.string,
@@ -132,7 +121,6 @@ ListboxGroup.propTypes = { ..._utils.withLinkRouter.propTypes,
   expandProps: _propTypes.default.object,
   nextItemRef: _propTypes.default.object,
   prevItemRef: _propTypes.default.object,
-
   /**
    * Use this callback to redirect the focus after it leaves the last item of the group.
    */

package/lib/Listbox/ListboxItem.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 _utils = require("../utils");
-
 var _PressableItem = _interopRequireDefault(require("./PressableItem"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 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; }
-
 /* eslint-disable react/require-default-props */
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs]);
 
+const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs]);
 const styles = _StyleSheet.default.create({
   itemContainer: {
     display: 'flex',
@@ -42,7 +30,6 @@ const styles = _StyleSheet.default.create({
     paddingLeft: 24
   }
 });
-
 const ListboxItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     href,
@@ -86,7 +73,8 @@ const ListboxItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 ListboxItem.displayName = 'ListboxItem';
-ListboxItem.propTypes = { ...selectedSystemPropTypes,
+ListboxItem.propTypes = {
+  ...selectedSystemPropTypes,
   ..._utils.withLinkRouter.propTypes,
   href: _propTypes.default.string,
   isChild: _propTypes.default.bool,
@@ -96,7 +84,5 @@ ListboxItem.propTypes = { ...selectedSystemPropTypes,
   onPress: _propTypes.default.func,
   nestedChild: _propTypes.default.bool
 };
-
 var _default = (0, _utils.withLinkRouter)(ListboxItem);
-
 exports.default = _default;