@telus-uds/components-web 2.18.0 → 2.19.0

package/lib/Autocomplete/Loading.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _componentsBase = require("@telus-uds/components-base");
-
-var _Spinner = _interopRequireDefault(require("../Spinner"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Loading = _ref => {
-  let {
-    label
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Box, {
-    space: 3,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.StackView, {
-      direction: "row",
-      space: 2,
-      tokens: {
-        alignItems: 'center'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-        inline: true,
-        show: true,
-        label: label,
-        labelPosition: "right"
-      })
-    })
-  });
-};
-
-Loading.propTypes = {
-  label: _propTypes.default.string
-};
-var _default = Loading;
-exports.default = _default;

package/lib/Autocomplete/Suggestions.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _componentsBase = require("@telus-uds/components-base");
-
-var _Listbox = _interopRequireDefault(require("../Listbox"));
-
-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 Suggestions = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    hasResults,
-    items = [],
-    noResults,
-    onClose,
-    onSelect,
-    parentRef
-  } = _ref;
-  const pressableItems = items.map(_ref2 => {
-    let {
-      id,
-      ...rest
-    } = _ref2;
-    return {
-      id,
-      onPress: () => onSelect(id),
-      ...rest
-    };
-  });
-  if (items !== null && items !== void 0 && items.length) return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.A11yText, {
-      accessibilityLiveRegion: "polite",
-      text: hasResults
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Listbox.default, {
-      items: pressableItems,
-      firstItemRef: ref,
-      parentRef: parentRef,
-      onClose: onClose
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Box, {
-    space: 3,
-    children: typeof noResults === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
-        accessibilityLiveRegion: "polite",
-        variant: {
-          size: 'small'
-        },
-        children: noResults
-      })
-    }) : noResults
-  });
-});
-Suggestions.displayName = 'Suggestions';
-Suggestions.propTypes = {
-  hasResults: _propTypes.default.string.isRequired,
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    label: _propTypes.default.node
-  })).isRequired,
-  noResults: _propTypes.default.node.isRequired,
-  onClose: _propTypes.default.func.isRequired,
-  onSelect: _propTypes.default.func.isRequired,
-  parentRef: _propTypes.default.object.isRequired
-};
-var _default = Suggestions;
-exports.default = _default;

package/lib/Autocomplete/constants.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MIN_LISTBOX_WIDTH = exports.INPUT_LEFT_PADDING = exports.DEFAULT_MIN_TO_SUGGESTION = exports.DEFAULT_MAX_SUGGESTIONS = void 0;
-
-var _palette = _interopRequireDefault(require("@telus-uds/palette-allium/build/web/palette"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const DEFAULT_MIN_TO_SUGGESTION = 1;
-exports.DEFAULT_MIN_TO_SUGGESTION = DEFAULT_MIN_TO_SUGGESTION;
-const DEFAULT_MAX_SUGGESTIONS = 5;
-exports.DEFAULT_MAX_SUGGESTIONS = DEFAULT_MAX_SUGGESTIONS;
-const INPUT_LEFT_PADDING = _palette.default.size.size16;
-exports.INPUT_LEFT_PADDING = INPUT_LEFT_PADDING;
-const MIN_LISTBOX_WIDTH = _palette.default.size.size288;
-exports.MIN_LISTBOX_WIDTH = MIN_LISTBOX_WIDTH;

package/lib/Autocomplete/dictionary.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  en: {
-    hasResults: 'Some results are available',
-    loading: 'Searching...',
-    noResults: 'No results found'
-  },
-  fr: {
-    hasResults: 'Quelques suggestions sont disponible',
-    loading: 'Recherche...',
-    noResults: 'Aucun résultat trouvé'
-  }
-};
-exports.default = _default;

package/lib/Autocomplete/index.js

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

package/lib/Listbox/GroupControl.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _componentsBase = require("@telus-uds/components-base");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StyledControlWrapper = /*#__PURE__*/_styledComponents.default.div.withConfig({
-  displayName: "GroupControl__StyledControlWrapper",
-  componentId: "components-web__sc-1r7ts3q-0"
-})(_ref => {
-  let {
-    groupFontName,
-    groupFontWeight,
-    groupFontSize,
-    groupColor,
-    groupBackgroundColor,
-    groupBorderColor,
-    groupBorderWidth,
-    groupBorderRadius,
-    groupPaddingLeft,
-    groupPaddingRight,
-    groupPaddingTop,
-    groupPaddingBottom,
-    itemTextDecoration,
-    itemOutline,
-    groupHeight
-  } = _ref;
-  return {
-    fontFamily: `${groupFontName}${groupFontWeight}normal`,
-    fontSize: groupFontSize,
-    color: groupColor,
-    textDecoration: itemTextDecoration,
-    backgroundColor: groupBackgroundColor,
-    outline: itemOutline,
-    width: '100%',
-    height: groupHeight,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    boxSizing: 'border-box',
-    border: `${groupBorderWidth}px solid ${groupBorderColor}`,
-    borderRadius: groupBorderRadius,
-    paddingLeft: groupPaddingLeft - groupBorderWidth,
-    paddingRight: groupPaddingRight - groupBorderWidth,
-    paddingTop: groupPaddingTop - groupBorderWidth,
-    paddingBottom: groupPaddingBottom - groupBorderWidth
-  };
-});
-
-const GroupControl = _ref2 => {
-  let {
-    expanded,
-    pressed,
-    hover,
-    focus,
-    label,
-    id
-  } = _ref2;
-  const {
-    selectedId,
-    setSelectedId
-  } = (0, _componentsBase.useListboxContext)();
-  const tokens = (0, _componentsBase.useThemeTokens)('Listbox', {}, {}, {
-    expanded,
-    pressed,
-    hover,
-    current: selectedId === id && id !== undefined,
-    focus
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledControlWrapper, {
-    onClick: () => setSelectedId(id),
-    ...tokens,
-    children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Spacer, {
-      space: 1,
-      direction: "row"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Icon, {
-      icon: tokens.groupIcon,
-      tokens: {
-        color: tokens.groupColor
-      },
-      variant: {
-        size: 'micro'
-      }
-    })]
-  });
-};
-
-GroupControl.propTypes = {
-  id: _propTypes.default.string,
-  expanded: _propTypes.default.bool,
-  pressed: _propTypes.default.bool,
-  hover: _propTypes.default.bool,
-  focus: _propTypes.default.bool,
-  label: _propTypes.default.string
-};
-var _default = GroupControl;
-exports.default = _default;

package/lib/Listbox/Listbox.js

@@ -1,185 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _componentsBase = require("@telus-uds/components-base");
-
-var _ListboxGroup = _interopRequireDefault(require("./ListboxGroup"));
-
-var _ListboxItem = _interopRequireDefault(require("./ListboxItem"));
-
-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 StyledList = /*#__PURE__*/_styledComponents.default.ul.withConfig({
-  displayName: "Listbox__StyledList",
-  componentId: "components-web__sc-1564thh-0"
-})({
-  margin: 0,
-  padding: 0,
-  listStyle: 'none'
-});
-
-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 = [],
-    firstItemRef = null,
-    // focus will be moved to this one once within the menu
-    parentRef = null,
-    // to return focus to after leaving the last menu item
-    selectedId: defaultSelectedId,
-    LinkRouter,
-    itemRouterProps,
-    onClose,
-    variant,
-    tokens
-  } = _ref;
-  const initialOpen = getInitialOpen(items, defaultSelectedId);
-  const [selectedId, setSelectedId] = (0, _react.useState)(defaultSelectedId);
-  const {
-    minHeight,
-    minWidth
-  } = (0, _componentsBase.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();
-      setFocusedIndex(focusedIndex + 1);
-      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$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
-
-  (0, _react.useEffect)(() => {
-    window.addEventListener('click', onClose);
-    window.addEventListener('keydown', handleKeydown);
-    window.addEventListener('touchstart', onClose);
-    return () => {
-      window.removeEventListener('click', onClose);
-      window.removeEventListener('keydown', handleKeydown);
-      window.removeEventListener('touchstart', onClose);
-    };
-  }, [onClose, handleKeydown]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ListboxContext.Provider, {
-    value: {
-      selectedId,
-      setSelectedId
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse, {
-      initialOpen: initialOpen,
-      maxOpen: 1,
-      children: expandProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
-        role: "listbox",
-        style: {
-          minHeight,
-          minWidth
-        },
-        children: items.map((item, index) => {
-          const {
-            id,
-            label,
-            items: nestedItems
-          } = item;
-          const itemId = id ?? label; // Give `firstItemRef` to the first focusable item
-
-          const itemRef = index === 0 && !itemId !== selectedId || index === 1 && items[0].id === selectedId ? firstItemRef : ref => {
-            itemRefs.current[index] = ref;
-            return ref;
-          };
-          return nestedItems ? /*#__PURE__*/(0, _react.createElement)(_ListboxGroup.default, { ...item,
-            expandProps: expandProps,
-            LinkRouter: LinkRouter,
-            itemRouterProps: itemRouterProps,
-            prevItemRef: itemRefs.current[index - 1] ?? null,
-            nextItemRef: itemRefs.current[index + 1] ?? null,
-            ref: itemRef,
-            key: itemId
-          }) : /*#__PURE__*/(0, _react.createElement)(_ListboxItem.default, { ...item,
-            key: itemId,
-            id: itemId,
-            LinkRouter: LinkRouter,
-            itemRouterProps: itemRouterProps,
-            prevItemRef: itemRefs.current[index - 1] ?? null,
-            nextItemRef: itemRefs.current[index + 1] ?? null,
-            ref: itemRef
-          });
-        })
-      })
-    })
-  });
-};
-
-Listbox.propTypes = { ..._componentsBase.withLinkRouter.propTypes,
-
-  /**
-   * 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
-   */
-  onClose: _propTypes.default.func,
-  tokens: (0, _componentsBase.getTokensPropType)('Listbox')
-};
-Listbox.Overlay = _ListboxOverlay.default;
-var _default = Listbox;
-exports.default = _default;

package/lib/Listbox/ListboxGroup.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _componentsBase = require("@telus-uds/components-base");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _ListboxItem = _interopRequireDefault(require("./ListboxItem"));
-
-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/require-default-props */
-const StyledGroupWrapper = /*#__PURE__*/_styledComponents.default.li.withConfig({
-  displayName: "ListboxGroup__StyledGroupWrapper",
-  componentId: "components-web__sc-3jlyy7-0"
-})({
-  margin: 'none',
-  padding: 'none',
-  display: 'block',
-  overflowY: 'hidden',
-  // Currently the default expand collapse control does not have a focus state and so the browser default is applied.
-  // This hides the outline so that it does not clash with the custom control we provide.
-  '& div[role=button]': {
-    outline: 'none'
-  }
-});
-
-const StyledList = /*#__PURE__*/_styledComponents.default.ul.withConfig({
-  displayName: "ListboxGroup__StyledList",
-  componentId: "components-web__sc-3jlyy7-1"
-})({
-  margin: 0,
-  padding: 0,
-  listStyle: 'none'
-});
-
-const ListboxGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    id,
-    label,
-    items,
-    LinkRouter,
-    linkRouterProps,
-    expandProps,
-    onLastItemBlur,
-    nextItemRef,
-    prevItemRef
-  } = _ref;
-  const {
-    selectedId
-  } = (0, _componentsBase.useListboxContext)(); // TODO: implement keyboard navigation via refs for grouped items separately here
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledGroupWrapper, {
-    role: "option",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse.Panel, {
-      panelId: id ?? label,
-      controlTokens: {
-        icon: null,
-        paddingLeft: 'none',
-        paddingRight: 'none',
-        paddingTop: 'none',
-        paddingBottom: 'none',
-        backgroundColor: 'transparent',
-        borderColor: 'transparent',
-        textLine: 'none',
-        borderWidth: 0
-      } // TODO refactor
-      // eslint-disable-next-line react/no-unstable-nested-components
-      ,
-      control: controlProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupControl.default, {
-        id: id ?? label,
-        ...controlProps,
-        label: label
-      }),
-      ...expandProps,
-      tokens: {
-        contentPaddingLeft: 'none',
-        contentPaddingRight: 'none',
-        contentPaddingTop: 'none',
-        contentPaddingBottom: 'none',
-        borderColor: 'transparent',
-        borderRadius: 0,
-        borderWidth: 0,
-        marginBottom: 0
-      },
-      controlRef: ref,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
-        children: items.map((item, index) => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListboxItem.default, {
-            id: item.id ?? item.label,
-            ...item,
-            selected: item.id && item.id === selectedId || item.label && item.label === selectedId,
-            isChild: true,
-            LinkRouter: LinkRouter,
-            linkRouterProps: linkRouterProps,
-            ...(index === 0 && {
-              prevItemRef
-            }),
-            ...(index === items.length - 1 && {
-              nextItemRef
-            }),
-            ...(index === items.length - 1 && {
-              onBlur: onLastItemBlur
-            })
-          }, item.label);
-        })
-      })
-    })
-  });
-});
-ListboxGroup.displayName = 'ListboxGroup';
-ListboxGroup.propTypes = { ..._componentsBase.withLinkRouter.propTypes,
-  label: _propTypes.default.string,
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
-    href: _propTypes.default.string,
-    label: _propTypes.default.string,
-    current: _propTypes.default.bool
-  })),
-  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.
-   */
-  onLastItemBlur: _propTypes.default.func
-};
-var _default = ListboxGroup;
-exports.default = _default;