@snack-uikit/list 0.33.3-preview-02d918ac.0 → 0.33.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.33.3 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/dropdown@0.5.8]($PUBLIC_PROJECT_URL/blob/master/packages/dropdown/CHANGELOG.md)
+* [@snack-uikit/info-block@0.6.43]($PUBLIC_PROJECT_URL/blob/master/packages/info-block/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.7.14]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.33.2 (2026-06-24)
 
 

package/dist/cjs/components/Items/AccordionItem/AccordionItem.js

@@ -20,35 +20,31 @@ const contexts_1 = require("../../Lists/contexts");
 const BaseItem_1 = require("../BaseItem");
 const hooks_1 = require("../hooks");
 function AccordionItem(_a) {
-  var {
+  var id = _a.id,
+    disabled = _a.disabled,
+    allChildIds = _a.allChildIds,
+    items = _a.items,
+    option = __rest(_a, ["id", "disabled", "allChildIds", "items"]);
+  const _ref = (0, contexts_1.useCollapseLevelContext)(),
+    _ref$level = _ref.level,
+    level = _ref$level === void 0 ? 0 : _ref$level;
+  const _ref2 = (0, contexts_1.useCollapseContext)(),
+    _ref2$openCollapseIte = _ref2.openCollapseItems,
+    openCollapseItems = _ref2$openCollapseIte === void 0 ? [] : _ref2$openCollapseIte,
+    toggleOpenCollapseItem = _ref2.toggleOpenCollapseItem;
+  const _ref3 = (0, contexts_1.useSelectionContext)(),
+    value = _ref3.value,
+    isSelectionSingle = _ref3.isSelectionSingle,
+    isSelectionMultiple = _ref3.isSelectionMultiple;
+  const _ref4 = (0, hooks_1.useGroupItemSelection)({
+      items,
       id,
       disabled,
-      allChildIds,
-      items
-    } = _a,
-    option = __rest(_a, ["id", "disabled", "allChildIds", "items"]);
-  const {
-    level = 0
-  } = (0, contexts_1.useCollapseLevelContext)();
-  const {
-    openCollapseItems = [],
-    toggleOpenCollapseItem
-  } = (0, contexts_1.useCollapseContext)();
-  const {
-    value,
-    isSelectionSingle,
-    isSelectionMultiple
-  } = (0, contexts_1.useSelectionContext)();
-  const {
-    indeterminate,
-    handleOnSelect,
-    checked: checkedProp
-  } = (0, hooks_1.useGroupItemSelection)({
-    items,
-    id,
-    disabled,
-    allChildIds
-  });
+      allChildIds
+    }),
+    indeterminate = _ref4.indeterminate,
+    handleOnSelect = _ref4.handleOnSelect,
+    checkedProp = _ref4.checked;
   const isOpen = Boolean(openCollapseItems.includes(id !== null && id !== void 0 ? id : ''));
   const checked = Boolean(indeterminate && !isOpen && isSelectionSingle && value && allChildIds.includes(value) || isSelectionMultiple && checkedProp);
   const handleKeyDown = (0, react_1.useCallback)(() => {
@@ -73,7 +69,7 @@ function AccordionItem(_a) {
       onSelect: !disabled ? handleOnSelect : undefined
     })),
     expanded: isOpen,
-    "data-test-id": `list__accordion-item-${id}`,
+    "data-test-id": "list__accordion-item-".concat(id),
     children: (0, jsx_runtime_1.jsx)(contexts_1.CollapseLevelContext.Provider, {
       value: {
         level: level + 1

package/dist/cjs/components/Items/BaseItem/BaseItem.js

@@ -29,53 +29,49 @@ const constants_1 = require("./constants");
 const styles_module_scss_2 = __importDefault(require('./styles.module.css'));
 function BaseItem(_a) {
   var _b;
-  var {
-      beforeContent,
-      afterContent,
-      content,
-      onClick,
-      onMouseDown,
-      id,
-      expandIcon,
-      disabled,
-      open,
-      itemRef,
-      switch: switchProp,
-      showSwitchIcon,
-      onKeyDown,
-      onFocus,
-      indeterminate,
-      checked: checkedProp,
-      onSelect,
-      onOpenNestedList,
-      isParentNode,
-      className,
-      inactive,
-      itemWrapRender
-    } = _a,
+  var beforeContent = _a.beforeContent,
+    afterContent = _a.afterContent,
+    content = _a.content,
+    onClick = _a.onClick,
+    onMouseDown = _a.onMouseDown,
+    id = _a.id,
+    expandIcon = _a.expandIcon,
+    disabled = _a.disabled,
+    open = _a.open,
+    itemRef = _a.itemRef,
+    switchProp = _a.switch,
+    showSwitchIcon = _a.showSwitchIcon,
+    onKeyDown = _a.onKeyDown,
+    onFocus = _a.onFocus,
+    indeterminate = _a.indeterminate,
+    checkedProp = _a.checked,
+    onSelect = _a.onSelect,
+    onOpenNestedList = _a.onOpenNestedList,
+    isParentNode = _a.isParentNode,
+    className = _a.className,
+    inactive = _a.inactive,
+    itemWrapRender = _a.itemWrapRender,
     rest = __rest(_a, ["beforeContent", "afterContent", "content", "onClick", "onMouseDown", "id", "expandIcon", "disabled", "open", "itemRef", "switch", "showSwitchIcon", "onKeyDown", "onFocus", "indeterminate", "checked", "onSelect", "onOpenNestedList", "isParentNode", "className", "inactive", "itemWrapRender"]);
   const interactive = !inactive;
-  const {
-    size = 's',
-    marker,
-    contentRender,
-    firstItemId,
-    focusFlattenItems
-  } = (0, contexts_1.useNewListContext)();
-  const {
-    level = 0
-  } = (0, contexts_1.useCollapseLevelContext)();
-  const {
-    closeDroplist,
-    closeDroplistOnItemClick
-  } = (0, contexts_1.useOpenListContext)();
-  const {
-    value,
-    onChange,
-    mode,
-    isSelectionSingle,
-    isSelectionMultiple
-  } = (0, contexts_1.useSelectionContext)();
+  const _ref = (0, contexts_1.useNewListContext)(),
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    marker = _ref.marker,
+    contentRender = _ref.contentRender,
+    firstItemId = _ref.firstItemId,
+    focusFlattenItems = _ref.focusFlattenItems;
+  const _ref2 = (0, contexts_1.useCollapseLevelContext)(),
+    _ref2$level = _ref2.level,
+    level = _ref2$level === void 0 ? 0 : _ref2$level;
+  const _ref3 = (0, contexts_1.useOpenListContext)(),
+    closeDroplist = _ref3.closeDroplist,
+    closeDroplistOnItemClick = _ref3.closeDroplistOnItemClick;
+  const _ref4 = (0, contexts_1.useSelectionContext)(),
+    value = _ref4.value,
+    onChange = _ref4.onChange,
+    mode = _ref4.mode,
+    isSelectionSingle = _ref4.isSelectionSingle,
+    isSelectionMultiple = _ref4.isSelectionMultiple;
   const isChecked = isSelectionSingle ? checkedProp !== null && checkedProp !== void 0 ? checkedProp : value === id : checkedProp !== null && checkedProp !== void 0 ? checkedProp : value === null || value === void 0 ? void 0 : value.includes(id !== null && id !== void 0 ? id : '');
   const handleChange = () => {
     onChange === null || onChange === void 0 ? void 0 : onChange(id);

package/dist/cjs/components/Items/GroupSelectItem/GroupSelectItem.js

@@ -8,27 +8,24 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const helperComponents_1 = require("../../../helperComponents");
 const hooks_1 = require("../hooks");
 function GroupSelectItem(_ref) {
-  let {
-    label,
-    truncate,
-    divider,
-    items,
-    mode,
-    id,
-    itemRef,
-    allChildIds,
-    selectButtonLabel
-  } = _ref;
-  const {
-    indeterminate,
-    checked,
-    handleOnSelect
-  } = (0, hooks_1.useGroupItemSelection)({
-    items,
-    id,
-    disabled: false,
-    allChildIds
-  });
+  let label = _ref.label,
+    truncate = _ref.truncate,
+    divider = _ref.divider,
+    items = _ref.items,
+    mode = _ref.mode,
+    id = _ref.id,
+    itemRef = _ref.itemRef,
+    allChildIds = _ref.allChildIds,
+    selectButtonLabel = _ref.selectButtonLabel;
+  const _ref2 = (0, hooks_1.useGroupItemSelection)({
+      items,
+      id,
+      disabled: false,
+      allChildIds
+    }),
+    indeterminate = _ref2.indeterminate,
+    checked = _ref2.checked,
+    handleOnSelect = _ref2.handleOnSelect;
   const itemsJSX = (0, hooks_1.useRenderItems)(items);
   return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
     children: [(0, jsx_runtime_1.jsx)(helperComponents_1.Separator, {

package/dist/cjs/components/Items/NextListItem/NextListItem.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -24,58 +26,58 @@ const hooks_1 = require("../hooks");
 const utils_1 = require("../utils");
 const constants_2 = require("./constants");
 function NextListItem(_a) {
-  var {
-      items,
-      placement = 'right-start',
-      id,
-      scroll,
-      scrollRef,
-      disabled,
-      onSublistOpenChanged,
-      allChildIds,
-      loading = false,
-      focusId = id,
-      untouchableScrollbars = false
-    } = _a,
+  var items = _a.items,
+    _a$placement = _a.placement,
+    placement = _a$placement === void 0 ? 'right-start' : _a$placement,
+    id = _a.id,
+    scroll = _a.scroll,
+    scrollRef = _a.scrollRef,
+    disabled = _a.disabled,
+    onSublistOpenChanged = _a.onSublistOpenChanged,
+    allChildIds = _a.allChildIds,
+    _a$loading = _a.loading,
+    loading = _a$loading === void 0 ? false : _a$loading,
+    _a$focusId = _a.focusId,
+    focusId = _a$focusId === void 0 ? id : _a$focusId,
+    _a$untouchableScrollb = _a.untouchableScrollbars,
+    untouchableScrollbars = _a$untouchableScrollb === void 0 ? false : _a$untouchableScrollb,
     option = __rest(_a, ["items", "placement", "id", "scroll", "scrollRef", "disabled", "onSublistOpenChanged", "allChildIds", "loading", "focusId", "untouchableScrollbars"]);
-  const {
-    flattenItems,
-    focusFlattenItems,
-    virtualized
-  } = (0, contexts_1.useNewListContext)();
-  const {
-    value,
-    isSelectionSingle,
-    isSelectionMultiple
-  } = (0, contexts_1.useSelectionContext)();
-  const {
-    openCollapseItems = []
-  } = (0, contexts_1.useCollapseContext)();
+  const _ref = (0, contexts_1.useNewListContext)(),
+    flattenItems = _ref.flattenItems,
+    focusFlattenItems = _ref.focusFlattenItems,
+    virtualized = _ref.virtualized;
+  const _ref2 = (0, contexts_1.useSelectionContext)(),
+    value = _ref2.value,
+    isSelectionSingle = _ref2.isSelectionSingle,
+    isSelectionMultiple = _ref2.isSelectionMultiple;
+  const _ref3 = (0, contexts_1.useCollapseContext)(),
+    _ref3$openCollapseIte = _ref3.openCollapseItems,
+    openCollapseItems = _ref3$openCollapseIte === void 0 ? [] : _ref3$openCollapseIte;
   const item = flattenItems[id];
-  const {
-    ids,
-    expandedIds
-  } = (0, react_1.useMemo)(() => {
-    const {
-      ids,
-      expandedIds
-    } = (0, utils_1.extractActiveItems)({
-      focusCloseChildIds: items,
-      focusFlattenItems,
-      openCollapseItems,
-      isSelectionMultiple
-    });
-    return {
-      ids,
-      expandedIds: expandedIds.concat([id])
-    };
-  }, [focusFlattenItems, id, isSelectionMultiple, items, openCollapseItems]);
-  const {
-    handleListKeyDownFactory,
-    activeItemId,
-    forceUpdateActiveItemId
-  } = (0, contexts_1.useFocusListContext)();
-  const [open, setOpen] = (0, react_1.useState)();
+  const _ref4 = (0, react_1.useMemo)(() => {
+      const _ref5 = (0, utils_1.extractActiveItems)({
+          focusCloseChildIds: items,
+          focusFlattenItems,
+          openCollapseItems,
+          isSelectionMultiple
+        }),
+        ids = _ref5.ids,
+        expandedIds = _ref5.expandedIds;
+      return {
+        ids,
+        expandedIds: expandedIds.concat([id])
+      };
+    }, [focusFlattenItems, id, isSelectionMultiple, items, openCollapseItems]),
+    ids = _ref4.ids,
+    expandedIds = _ref4.expandedIds;
+  const _ref6 = (0, contexts_1.useFocusListContext)(),
+    handleListKeyDownFactory = _ref6.handleListKeyDownFactory,
+    activeItemId = _ref6.activeItemId,
+    forceUpdateActiveItemId = _ref6.forceUpdateActiveItemId;
+  const _ref7 = (0, react_1.useState)(),
+    _ref8 = (0, _slicedToArray2.default)(_ref7, 2),
+    open = _ref8[0],
+    setOpen = _ref8[1];
   const handleListKeyDown = (0, react_1.useCallback)(e => {
     handleListKeyDownFactory(ids, expandedIds)(e);
     if (e.key === 'ArrowLeft') {
@@ -85,16 +87,15 @@ function NextListItem(_a) {
       return;
     }
   }, [handleListKeyDownFactory, ids, expandedIds, forceUpdateActiveItemId, focusId]);
-  const {
-    indeterminate,
-    checked: checkedProp,
-    handleOnSelect
-  } = (0, hooks_1.useGroupItemSelection)({
-    items: (0, utils_1.isNextListItem)(item) ? item.items : [],
-    id,
-    disabled,
-    allChildIds
-  });
+  const _ref9 = (0, hooks_1.useGroupItemSelection)({
+      items: (0, utils_1.isNextListItem)(item) ? item.items : [],
+      id,
+      disabled,
+      allChildIds
+    }),
+    indeterminate = _ref9.indeterminate,
+    checkedProp = _ref9.checked,
+    handleOnSelect = _ref9.handleOnSelect;
   const handleOutsideClick = (0, react_1.useCallback)(() => {
     forceUpdateActiveItemId === null || forceUpdateActiveItemId === void 0 ? void 0 : forceUpdateActiveItemId(constants_1.ITEM_PREFIXES.dropFocus);
     setOpen(false);

package/dist/cjs/components/Items/PinGroupItem/PinGroupItem.js

@@ -16,12 +16,10 @@ const divider_1 = require("@snack-uikit/divider");
 const contexts_1 = require("../../Lists/contexts");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function PinTopGroupItem(_ref) {
-  let {
-    children
-  } = _ref;
-  const {
-    size = 's'
-  } = (0, contexts_1.useNewListContext)();
+  let children = _ref.children;
+  const _ref2 = (0, contexts_1.useNewListContext)(),
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 's' : _ref2$size;
   if (!children) {
     return null;
   }
@@ -36,13 +34,11 @@ function PinTopGroupItem(_ref) {
     })]
   });
 }
-function PinBottomGroupItem(_ref2) {
-  let {
-    children
-  } = _ref2;
-  const {
-    size = 's'
-  } = (0, contexts_1.useNewListContext)();
+function PinBottomGroupItem(_ref3) {
+  let children = _ref3.children;
+  const _ref4 = (0, contexts_1.useNewListContext)(),
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 's' : _ref4$size;
   if (!children) {
     return null;
   }

package/dist/cjs/components/Items/SearchItem/SearchItem.js

@@ -18,14 +18,12 @@ const contexts_1 = require("../../Lists/contexts");
 const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
 const styles_module_scss_2 = __importDefault(require('./styles.module.css'));
 function SearchItem(_ref) {
-  let {
-    search,
-    itemRef
-  } = _ref;
-  const {
-    size = 's',
-    firstItemId
-  } = (0, contexts_1.useNewListContext)();
+  let search = _ref.search,
+    itemRef = _ref.itemRef;
+  const _ref2 = (0, contexts_1.useNewListContext)(),
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 's' : _ref2$size,
+    firstItemId = _ref2.firstItemId;
   const handleKeyDown = e => {
     var _a;
     if (['ArrowDown', 'ArrowUp'].includes(e.key)) {

package/dist/cjs/components/Items/hooks.js

@@ -19,22 +19,19 @@ const GroupSelectItem_1 = require("./GroupSelectItem");
 const NextListItem_1 = require("./NextListItem");
 const utils_1 = require("./utils");
 function getRenderItems(_ref) {
-  let {
-    focusCloseChildIds,
-    focusFlattenItems,
-    flattenItems,
-    isSelectionMultiple
-  } = _ref;
+  let focusCloseChildIds = _ref.focusCloseChildIds,
+    focusFlattenItems = _ref.focusFlattenItems,
+    flattenItems = _ref.flattenItems,
+    isSelectionMultiple = _ref.isSelectionMultiple;
   if (!focusCloseChildIds) {
     return [null];
   }
   return focusCloseChildIds.flatMap(id => {
-    const {
-      itemRef,
-      key,
-      originalId,
-      items
-    } = focusFlattenItems[id];
+    const _focusFlattenItems$id = focusFlattenItems[id],
+      itemRef = _focusFlattenItems$id.itemRef,
+      key = _focusFlattenItems$id.key,
+      originalId = _focusFlattenItems$id.originalId,
+      items = _focusFlattenItems$id.items;
     const flattenItem = flattenItems[originalId];
     if ((0, utils_1.isGroupItem)(flattenItem) || !isSelectionMultiple && (0, utils_1.isGroupSelectItem)(flattenItem)) {
       const innerItemsJSX = getRenderItems({
@@ -79,13 +76,11 @@ function getRenderItems(_ref) {
   });
 }
 function useRenderItems(focusCloseChildIds) {
-  const {
-    focusFlattenItems,
-    flattenItems
-  } = (0, contexts_1.useNewListContext)();
-  const {
-    isSelectionMultiple
-  } = (0, contexts_1.useSelectionContext)();
+  const _ref2 = (0, contexts_1.useNewListContext)(),
+    focusFlattenItems = _ref2.focusFlattenItems,
+    flattenItems = _ref2.flattenItems;
+  const _ref3 = (0, contexts_1.useSelectionContext)(),
+    isSelectionMultiple = _ref3.isSelectionMultiple;
   return (0, react_2.useMemo)(() => getRenderItems({
     flattenItems,
     focusFlattenItems,
@@ -93,10 +88,8 @@ function useRenderItems(focusCloseChildIds) {
     isSelectionMultiple
   }), [flattenItems, focusCloseChildIds, focusFlattenItems, isSelectionMultiple]);
 }
-function useCreateBaseItems(_ref2) {
-  let {
-    footerActiveElementsRefs
-  } = _ref2;
+function useCreateBaseItems(_ref4) {
+  let footerActiveElementsRefs = _ref4.footerActiveElementsRefs;
   return (0, react_2.useMemo)(() => {
     var _a;
     return {
@@ -117,19 +110,15 @@ function useCreateBaseItems(_ref2) {
     };
   }, [footerActiveElementsRefs]);
 }
-function useGroupItemSelection(_ref3) {
-  let {
-    id,
-    allChildIds
-  } = _ref3;
-  const {
-    value,
-    setValue,
-    isSelectionMultiple
-  } = (0, contexts_1.useSelectionContext)();
-  const {
-    flattenItems
-  } = (0, contexts_1.useNewListContext)();
+function useGroupItemSelection(_ref5) {
+  let id = _ref5.id,
+    allChildIds = _ref5.allChildIds;
+  const _ref6 = (0, contexts_1.useSelectionContext)(),
+    value = _ref6.value,
+    setValue = _ref6.setValue,
+    isSelectionMultiple = _ref6.isSelectionMultiple;
+  const _ref7 = (0, contexts_1.useNewListContext)(),
+    flattenItems = _ref7.flattenItems;
   const baseChildIds = (0, react_2.useMemo)(() => allChildIds.filter(itemId => {
     const item = flattenItems[itemId];
     return item && !('type' in item);

package/dist/cjs/components/Items/utils.js

@@ -46,20 +46,17 @@ exports.isAccordionItemProps = isAccordionItem;
 exports.isNextListItemProps = isNextListItem;
 exports.isGroupItemProps = isGroupItem;
 function kindFlattenItems(_ref) {
-  let {
-    items,
-    prefix,
-    parentId
-  } = _ref;
+  let items = _ref.items,
+    prefix = _ref.prefix,
+    parentId = _ref.parentId;
   const flattenItems = {};
   const focusFlattenItems = {};
   function flatten(_ref2) {
-    let {
-      item,
-      idx,
-      prefix,
-      parentId = constants_1.ITEM_PREFIXES.default
-    } = _ref2;
+    let item = _ref2.item,
+      idx = _ref2.idx,
+      prefix = _ref2.prefix,
+      _ref2$parentId = _ref2.parentId,
+      parentId = _ref2$parentId === void 0 ? constants_1.ITEM_PREFIXES.default : _ref2$parentId;
     var _a, _b;
     const autoId = prefix !== undefined ? (0, helpers_1.getItemAutoId)(prefix, idx) : String(idx);
     const itemId = (_a = !isGroupItem(item) ? item.id : undefined) !== null && _a !== void 0 ? _a : autoId;
@@ -90,24 +87,21 @@ function kindFlattenItems(_ref) {
     let allFocusChildIds = [];
     const closeChildIds = [];
     const autoChildIds = [];
-    const {
-        items
-      } = item,
+    const items = item.items,
       rest = __rest(item, ["items"]);
     const childActiveParent = isGroupItem(item) ? parentId !== null && parentId !== void 0 ? parentId : constants_1.ITEM_PREFIXES.default : autoId;
     const filteredItems = items.filter(item => !item.hidden);
     for (let idx = 0; idx < filteredItems.length; idx++) {
-      const {
-        id,
-        children,
-        autoId,
-        focusChildren
-      } = flatten({
-        item: filteredItems[idx],
-        idx,
-        prefix: itemId,
-        parentId: childActiveParent
-      });
+      const _flatten = flatten({
+          item: filteredItems[idx],
+          idx,
+          prefix: itemId,
+          parentId: childActiveParent
+        }),
+        id = _flatten.id,
+        children = _flatten.children,
+        autoId = _flatten.autoId,
+        focusChildren = _flatten.focusChildren;
       autoChildIds.push(autoId);
       closeChildIds.push(id);
       allChildIds = allChildIds.concat(children);
@@ -143,16 +137,15 @@ function kindFlattenItems(_ref) {
   let allChildIds = [];
   const filteredItems = items.filter(item => !item.hidden);
   for (let idx = 0; idx < filteredItems.length; idx++) {
-    const {
-      id,
-      children,
-      autoId
-    } = flatten({
-      item: filteredItems[idx],
-      idx,
-      prefix,
-      parentId
-    });
+    const _flatten2 = flatten({
+        item: filteredItems[idx],
+        idx,
+        prefix,
+        parentId
+      }),
+      id = _flatten2.id,
+      children = _flatten2.children,
+      autoId = _flatten2.autoId;
     autoChildIds.push(autoId);
     closeChildIds.push(id);
     allChildIds.push(id);
@@ -167,12 +160,10 @@ function kindFlattenItems(_ref) {
   };
 }
 function extractActiveItems(_ref3) {
-  let {
-    focusFlattenItems,
-    focusCloseChildIds,
-    openCollapseItems,
-    isSelectionMultiple
-  } = _ref3;
+  let focusFlattenItems = _ref3.focusFlattenItems,
+    focusCloseChildIds = _ref3.focusCloseChildIds,
+    openCollapseItems = _ref3.openCollapseItems,
+    isSelectionMultiple = _ref3.isSelectionMultiple;
   const ids = [];
   const expandedIds = [];
   function internalFn(focusCloseChildIds) {