@elliemae/ds-treeview 2.3.0-alpha.9 → 2.3.0-next.0

package/cjs/parts/TreeList.js

@@ -0,0 +1,139 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
+var TreeViewContext = require('../TreeViewContext.js');
+var cssClassesConstants = require('../config/cssClassesConstants.js');
+var TreeItem = require('./TreeItem.js');
+var WithConditionalDnDContext = require('../hoc/WithConditionalDnDContext.js');
+var DnDTreeContext = require('../hoc/DnDTreeContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const treeListNoItemsBn = "".concat(cssClassesConstants.treeListBlockName, "-no-items");
+const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
+  'data-testid': treeListNoItemsBn
+})(treeListNoItemsBn); // React.ComponentProps<'ul'> uses LegacyRef typings that existed pre-hook era
+// we omit the LegacyRef typings in favor of hook-era typings
+
+const TreeListWrapper = dsClassnames.aggregatedClasses('ul', {
+  'data-testid': cssClassesConstants.treeListBlockName,
+  role: 'tree'
+})(cssClassesConstants.treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
+});
+const compactRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-compact");
+const normaRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-normal");
+
+const TreeListComp = () => {
+  const ctx = React.useContext(TreeViewContext["default"]);
+  const {
+    virtualListRef,
+    virtualListHelpers,
+    visibleItems: flattenedVisibleItems,
+    props: {
+      width,
+      height,
+      rowSize,
+      noItemsPlaceholder,
+      isLoading
+    }
+  } = ctx;
+  const {
+    totalSize,
+    virtualItems
+  } = virtualListHelpers;
+  const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
+  const {
+    visibleItems
+  } = React.useContext(DnDTreeContext.DnDTreeContext);
+  return /*#__PURE__*/jsxRuntime.jsxs(TreeListWrapper, {
+    ref: virtualListRef,
+    className: className,
+    style: {
+      height: "".concat(typeof height === 'number' ? "".concat(height, "px") : height),
+      width: "".concat(typeof width === 'number' ? "".concat(width, "px") : width),
+      overflow: 'auto'
+    },
+    children: [isLoading ? /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
+      size: "xl",
+      loading: isLoading,
+      showLabel: true,
+      waiting: false,
+      showTooltip: false
+    })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx__default["default"](TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        height: "".concat(totalSize, "px"),
+        width: '100%',
+        position: 'relative'
+      }
+    }, void 0, virtualItems.map(virtualItem => {
+      const {
+        index,
+        measureRef,
+        start
+      } = virtualItem;
+      const item = (visibleItems || flattenedVisibleItems)[index];
+      if (!item) return null;
+      item.virtualIndex = index;
+      const {
+        id
+      } = item;
+      const style = {
+        position: 'absolute',
+        top: "".concat(start, "px"),
+        left: 0,
+        width: '100%'
+      };
+      const listItemProps = {
+        key: "DS-TreeView-List-Item-".concat(id),
+        virtualItemRef: measureRef,
+        index,
+        // this is consumed by the DnD HOC
+        itemIndex: index,
+        item,
+        itemWrapperStyle: style
+      };
+      return /*#__PURE__*/jsxRuntime.jsx(TreeItem["default"], _objectSpread({}, listItemProps));
+    })) : null]
+  });
+};
+
+const TreeList = WithConditionalDnDContext.withConditionalDnDRowContext(TreeListComp);
+
+exports.TreeList = TreeList;
+exports.TreeListNoItems = TreeListNoItems;
+exports.TreeListWrapper = TreeListWrapper;
+exports.treeListNoItemsBn = treeListNoItemsBn;

package/cjs/plugins/dnd/TreeDndPlugin.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TreeDndPlugin = 'tree-dnd';
+
+exports.TreeDndPlugin = TreeDndPlugin;

package/cjs/plugins/dnd/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TreeDndPlugin = require('./TreeDndPlugin.js');
+
+
+
+exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;

package/cjs/plugins/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TreeDndPlugin = require('./dnd/TreeDndPlugin.js');
+var TreeRovingPlugin = require('./roving/TreeRovingPlugin.js');
+var SelectablePluginTree = require('./selectable/SelectablePluginTree.js');
+var TreeToolbarPlugin = require('./toolbar/TreeToolbarPlugin.js');
+var TreeDataPlugin = require('./tree/TreeDataPlugin.js');
+var TreeVirtualizationPlugin = require('./virtualization/TreeVirtualizationPlugin.js');
+var SearchableTreePlugin = require('./searchable/SearchableTreePlugin.js');
+
+
+
+exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
+exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
+exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;
+exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;
+exports.TreePluginList = TreeDataPlugin.TreePluginList;
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;
+exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;

package/cjs/plugins/roving/TreeRovingPlugin.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TreeRovingPlugin = 'tree-roving';
+
+exports.TreeRovingPlugin = TreeRovingPlugin;

package/cjs/plugins/roving/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TreeRovingPlugin = require('./TreeRovingPlugin.js');
+
+
+
+exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;

package/cjs/plugins/searchable/SearchableTreePlugin.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const SearchableTreePlugin = 'tree-searchable';
+
+exports.SearchableTreePlugin = SearchableTreePlugin;

package/cjs/plugins/searchable/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SearchableTreePlugin = require('./SearchableTreePlugin.js');
+
+
+
+exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;

package/cjs/plugins/selectable/SelectablePluginTree.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const SelectablePluginTree = 'tree-selectable';
+
+exports.SelectablePluginTree = SelectablePluginTree;

package/cjs/plugins/selectable/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SelectablePluginTree = require('./SelectablePluginTree.js');
+
+
+
+exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;

package/cjs/plugins/toolbar/TreeToolbarPlugin.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TreeToolbarPlugin = 'tree-toolbar';
+
+exports.TreeToolbarPlugin = TreeToolbarPlugin;

package/cjs/plugins/toolbar/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TreeToolbarPlugin = require('./TreeToolbarPlugin.js');
+
+
+
+exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;

package/cjs/plugins/tree/TreeDataPlugin.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TreePluginList = 'tree-data';
+
+exports.TreePluginList = TreePluginList;

package/cjs/plugins/tree/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TreeDataPlugin = require('./TreeDataPlugin.js');
+
+
+
+exports.TreePluginList = TreeDataPlugin.TreePluginList;

package/cjs/plugins/virtualization/TreeVirtualizationPlugin.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TreeVirtualizationPlugin = 'tree-virtualization';
+
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin;

package/cjs/plugins/virtualization/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TreeVirtualizationPlugin = require('./TreeVirtualizationPlugin.js');
+
+
+
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;

package/cjs/react-desc-prop-types.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+/* eslint-disable max-lines */
+const TreeViewPropTypes = {
+  data: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object),
+    id: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]),
+    isGroup: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.oneOf([undefined, null]), reactDesc.PropTypes.bool]),
+    name: reactDesc.PropTypes.string,
+    node: reactDesc.PropTypes.object
+  })).description('data to populate tree view').isRequired,
+  plugins: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('list of enabled plugins').defaultValue([]),
+  selection: reactDesc.PropTypes.object.description('pre selected items').defaultValue({}),
+  expanded: reactDesc.PropTypes.object.description('control what items are expanded').defaultValue(undefined),
+  instanceRef: reactDesc.PropTypes.shape({
+    current: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.oneOf([null, undefined]), reactDesc.PropTypes.shape({
+      actions: reactDesc.PropTypes.shape({
+        toggleExpandAll: reactDesc.PropTypes.func,
+        scrollTo: reactDesc.PropTypes.func
+      }).description('').isRequired
+    })])
+  }).description('instance ref'),
+  isItemDisabled: reactDesc.PropTypes.func.description('Function that receives an item, and returns whether that item should be disabled').defaultValue('() => false'),
+  disableIcons: reactDesc.PropTypes.bool.description('disable icons').defaultValue(false),
+  fluid: reactDesc.PropTypes.bool.description('whether is fluid or not').defaultValue(false),
+  isMultiSelect: reactDesc.PropTypes.bool.description('whether the tree view is multi select or not').defaultValue(false),
+  isSingleSelect: reactDesc.PropTypes.bool.description('wheter the tree view is single select or not').defaultValue(false),
+  isLoading: reactDesc.PropTypes.bool.description('wheter the tree should show the loading state or not').defaultValue(false),
+  getIsDropValid: reactDesc.PropTypes.func.description("Function that returns true if the drop is valid and false if it's not").defaultValue('() => true'),
+  restrictDragAndDrop: reactDesc.PropTypes.bool.description('whether to restrict DnD functionality or not').defaultValue(false),
+  showChildrenAmount: reactDesc.PropTypes.bool.description('whether to show the amount of children or not').defaultValue(false),
+  sortable: reactDesc.PropTypes.bool.description('whether the sortable functionality is active or not').defaultValue(false),
+  onItemClick: reactDesc.PropTypes.func.description('function executed when clicking on an item').defaultValue('() => {}'),
+  onItemFocus: reactDesc.PropTypes.func.description('function executed when focusing on an item').defaultValue('() => {}'),
+  onVisibleItemsChange: reactDesc.PropTypes.func.description('function executed when the visible items change').defaultValue('() => {}'),
+  onOrderChange: reactDesc.PropTypes.func.description('function executed when the items order changes').defaultValue('() => {}'),
+  onSelectionChange: reactDesc.PropTypes.func.description('function executed when the selection changes').defaultValue('() => {}'),
+  onExpandChange: reactDesc.PropTypes.func.description('function executed when expanding an item').defaultValue('() => {}'),
+  onInstanceRefInitialized: reactDesc.PropTypes.func.description('function executed when instanceRef has terminated instanciation').defaultValue('() => {}'),
+  rowSize: reactDesc.PropTypes.oneOf(['normal', 'compact']).description('size of the row').defaultValue('normal'),
+  labelOverflow: reactDesc.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']).description('label truncation preference').defaultValue('wrap'),
+  width: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('components width').defaultValue('100%'),
+  height: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('components height').defaultValue('100%'),
+  groupIcon: reactDesc.PropTypes.node.description('icon for groups'),
+  itemIcon: reactDesc.PropTypes.node.description('icon for items'),
+  searchQuery: reactDesc.PropTypes.string.description('search query value'),
+  noItemsPlaceholder: reactDesc.PropTypes.string.description('message to be shown when there are no items in the treeview to be displayed').defaultValue('No items found'),
+  name: reactDesc.PropTypes.string.description('property key to identifier for items labels').defaultValue('name'),
+  highlightOnlyQuery: reactDesc.PropTypes.bool.description('whether to highlight results or not').defaultValue(false)
+};
+
+exports.TreeViewPropTypes = TreeViewPropTypes;

package/cjs/related-components/TreeViewSearchBar.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsForm = require('@elliemae/ds-form');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+function TreeViewSearchBar(props) {
+  const {
+    handleChange,
+    onNext,
+    onPrevious,
+    onClear,
+    currentResultIndex,
+    totalResults,
+    value
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSNavSearchBox, {
+    onChange: v => {
+      handleChange({
+        target: {
+          value: v
+        }
+      });
+    },
+    onNext: onNext,
+    onPrevious: onPrevious,
+    onClear: onClear,
+    currentResultIndex: currentResultIndex,
+    totalResults: totalResults,
+    value: value
+  });
+} // TreeViewSearchBar.propTypes = {
+//   value: PropTypes.string.isRequired,
+//   handleChange: PropTypes.func.isRequired,
+//   onNext: PropTypes.func.isRequired,
+//   onPrevious: PropTypes.func.isRequired,
+//   onClear: PropTypes.func.isRequired,
+//   currentResultIndex: PropTypes.number.isRequired,
+//   totalResults: PropTypes.number.isRequired,
+// };
+
+exports.TreeViewSearchBar = TreeViewSearchBar;

package/cjs/sharedTypes.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/cjs/utils/array-helpers.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+
+// https://github.com/sindresorhus/array-move/blob/master/index.js
+const arrayMoveMutate = (array, from, to) => {
+  const startIndex = from < 0 ? array.length + from : from;
+
+  if (startIndex >= 0 && startIndex < array.length) {
+    const endIndex = to < 0 ? array.length + to : to;
+    const [item] = array.splice(from, 1);
+    array.splice(endIndex, 0, item);
+  }
+};
+const arrayMove = (array, from, to) => {
+  const newArray = [...array];
+  arrayMoveMutate(newArray, from, to);
+  return newArray;
+};
+
+exports.arrayMove = arrayMove;
+exports.arrayMoveMutate = arrayMoveMutate;

package/cjs/utils/group-expands-helpers.js

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/* eslint-disable max-params */
+const updateExpandedState = (treeRoot, onExpandChange) => {
+  const shouldContinueWalking = true;
+  const newExpandedHashMap = {
+    __ds_tree_root: true
+  };
+  treeRoot.walk(node => {
+    if (!node.isRoot() && node.model.isGroup && node.model.isExpanded) {
+      newExpandedHashMap[node.model.id] = true;
+    }
+
+    return shouldContinueWalking;
+  });
+  if (onExpandChange) onExpandChange(newExpandedHashMap, null);
+};
+const toggleItemExpand = function (itemToToggle, triggerTreeRerender, updateUserExpandedState) {
+  let scrollTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
+  const {
+    node: {
+      model: {
+        isExpanded
+      }
+    },
+    virtualIndex
+  } = itemToToggle;
+
+  if (itemToToggle.node.model.isGroup) {
+    itemToToggle.node.model.isExpanded = !isExpanded;
+    triggerTreeRerender();
+    updateUserExpandedState();
+    setTimeout(() => {
+      if (typeof virtualIndex === 'number') scrollTo(virtualIndex, {
+        align: 'start'
+      });
+    });
+  }
+};
+const expandItemModel = modelToExpand => {
+  if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
+};
+const collapseItemModel = modelToCollapse => {
+  if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;
+};
+const expandAll = (treeRoot, triggerTreeRerender) => {
+  const shouldContinueWalking = true;
+  treeRoot.walk(node => {
+    if (!node.isRoot()) expandItemModel(node.model);
+    return shouldContinueWalking;
+  });
+  triggerTreeRerender();
+};
+const collapseAll = (treeRoot, triggerTreeRerender) => {
+  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
+
+  treeRoot.walk(node => {
+    if (!node.isRoot()) collapseItemModel(node.model);
+    return shouldContinueWalking;
+  });
+  triggerTreeRerender();
+};
+const getToggleExpandShouldExpand = treeRoot => {
+  let shouldExpand = false;
+  const shouldContinueWalking = true; // tree-model ask we return true if we want to continue walking
+
+  treeRoot.walk(node => {
+    if (!node.isRoot()) {
+      if (!node.model.isExpanded && node.model.isGroup) {
+        shouldExpand = true; // eslint-disable-next-line no-useless-return
+
+        return shouldContinueWalking;
+      }
+    }
+
+    return shouldContinueWalking;
+  });
+  return shouldExpand;
+};
+const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState) => {
+  if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);else {
+    const shouldExpand = getToggleExpandShouldExpand(treeRoot);
+    if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);else collapseAll(treeRoot, triggerTreeRerender);
+  }
+  setLatestToggledItem(null);
+  updateUserExpandedState();
+};
+const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
+  let {
+    latestToggledItem,
+    expandedGroups
+  } = _ref;
+  const notifyExpandedChange = React.useCallback(expandedGroupHashmap => propsWithDefaults === null || propsWithDefaults === void 0 ? void 0 : propsWithDefaults.onExpandChange(expandedGroupHashmap || {}, latestToggledItem), [propsWithDefaults, latestToggledItem]);
+  React.useEffect(() => {
+    if (!propsWithDefaults.expanded) notifyExpandedChange(expandedGroups);
+  }, [expandedGroups, notifyExpandedChange, propsWithDefaults.expanded]);
+};
+
+exports.collapseAll = collapseAll;
+exports.collapseItemModel = collapseItemModel;
+exports.expandAll = expandAll;
+exports.expandItemModel = expandItemModel;
+exports.getToggleExpandShouldExpand = getToggleExpandShouldExpand;
+exports.toggleExpandAllHelper = toggleExpandAllHelper;
+exports.toggleItemExpand = toggleItemExpand;
+exports.updateExpandedState = updateExpandedState;
+exports.useNotifyExpandedChange = useNotifyExpandedChange;