@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/ShuttleRenderer.js

@@ -1,115 +1,132 @@
-import * as React from "react";
-import React2, { useCallback, useContext } from "react";
-import { ShuttleSource } from "./components/ShuttleSource";
-import { ShuttleTarget } from "./components/ShuttleTarget";
-import { ShuttleContainer } from "./classedComponents";
-import { AnimationState } from "./AnimationState";
-const noop = () => {
-};
-function ShuttleRenderer({
-  containerProps,
-  onNavigateOnTargetTo = noop,
-  onNavigateOnSourceTo = noop,
-  onMoveItemToSource = noop,
-  onMoveItemToTarget = noop,
-  onClearMovedItems = noop,
-  onMoveCheckedItems = noop,
-  onClearCheckedItems = noop,
-  onToggleSearch = noop,
-  onSearch = noop,
-  onSearchClose = noop,
-  onSearchOpen = noop,
-  searching = false,
-  onCheckItem = noop,
-  hierarchy = [],
-  hierarchyDest = [],
-  checkedItems = [],
-  sourceItems = [],
-  targetItems = [],
-  sourceEmptyMessage,
-  targetEmptyMessage,
-  composeTargetItemProps,
-  composeSourceItemProps,
-  targetSortable,
-  sourceSortable,
-  onSourceSortEnd,
-  onTargetSortEnd,
-  loadingSource = false,
-  loadingTarget = false,
-  onGetMoreItems = () => {
-  },
-  moreItemsLoading = false,
-  hasNextPage = false,
-  ...otherProps
-}) {
-  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(AnimationState.Context);
-  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));
-  return /* @__PURE__ */ React2.createElement(ShuttleContainer, {
-    "data-testid": "em-ds-shuttle",
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(ShuttleSource, {
-    ...otherProps,
-    checkedItems,
-    composeSourceItemProps,
-    emptyMessage: sourceEmptyMessage,
-    hierarchy,
-    items: sourceItems,
-    onCheckItem,
-    onClearCheckedItems,
-    onMoveCheckedItems: (item) => {
-      setIsMoving(true);
-      onMoveCheckedItems(item);
-    },
-    onMoveItem: (item) => {
-      setIsMoving(true);
-      onMoveItemToTarget(item);
-      removeAnimationState();
-    },
-    onNavigateTo: (item, direction = "down") => {
-      const indexInHierarchy = hierarchy.findIndex((hItem) => hItem.id === item.id);
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnSourceTo(item, direction);
-    },
-    onSearch,
-    onSearchClose,
-    onSearchOpen,
-    onSortEnd: onSourceSortEnd,
-    onToggleSearch,
-    searching,
-    sourceSortable,
-    loading: loadingSource,
-    onGetMoreItems,
-    moreItemsLoading,
-    hasNextPage
-  }), /* @__PURE__ */ React2.createElement(ShuttleTarget, {
-    ...otherProps,
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { useContext, useCallback } from 'react';
+import ShuttleSource from './components/ShuttleSource.js';
+import ShuttleTarget from './components/ShuttleTarget.js';
+import { ShuttleContainer } from './classedComponents.js';
+import AnimationContext from './AnimationState.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const _excluded = ["containerProps", "onNavigateOnTargetTo", "onNavigateOnSourceTo", "onMoveItemToSource", "onMoveItemToTarget", "onClearMovedItems", "onMoveCheckedItems", "onClearCheckedItems", "onToggleSearch", "onSearch", "onSearchClose", "onSearchOpen", "searching", "onCheckItem", "hierarchy", "hierarchyDest", "checkedItems", "sourceItems", "targetItems", "sourceEmptyMessage", "targetEmptyMessage", "composeTargetItemProps", "composeSourceItemProps", "targetSortable", "sourceSortable", "onSourceSortEnd", "onTargetSortEnd", "loadingSource", "loadingTarget", "onGetMoreItems", "moreItemsLoading", "hasNextPage"];
+
+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(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 noop = () => {};
+
+function ShuttleRenderer(_ref) {
+  let {
+    containerProps,
+    onNavigateOnTargetTo = noop,
+    onNavigateOnSourceTo = noop,
+    onMoveItemToSource = noop,
+    onMoveItemToTarget = noop,
+    onClearMovedItems = noop,
+    onMoveCheckedItems = noop,
+    onClearCheckedItems = noop,
+    onToggleSearch = noop,
+    onSearch = noop,
+    onSearchClose = noop,
+    onSearchOpen = noop,
+    searching = false,
+    onCheckItem = noop,
+    hierarchy = [],
+    hierarchyDest = [],
+    checkedItems = [],
+    sourceItems = [],
+    targetItems = [],
+    sourceEmptyMessage,
+    targetEmptyMessage,
     composeTargetItemProps,
-    emptyMessage: targetEmptyMessage,
-    hierarchy: hierarchyDest,
-    items: targetItems,
-    onClearMovedItems: () => {
-      setIsMovingBack(true);
-      removeAnimationState();
-      onClearMovedItems();
-    },
-    onMoveItem: (item) => {
-      setIsMovingBack(true);
-      removeAnimationState();
-      onMoveItemToSource(item);
-    },
-    onNavigateTo: (item, direction = "down") => {
-      const indexInHierarchy = hierarchyDest.findIndex((hItem) => hItem.id === item.id);
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnTargetTo(item, direction);
-    },
-    onSortEnd: onTargetSortEnd,
+    composeSourceItemProps,
     targetSortable,
-    loading: loadingTarget
+    sourceSortable,
+    onSourceSortEnd,
+    onTargetSortEnd,
+    loadingSource = false,
+    loadingTarget = false,
+    onGetMoreItems = () => {},
+    moreItemsLoading = false,
+    hasNextPage = false
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    setIsMoving,
+    setIsDrillingDown,
+    setIsMovingBack,
+    reset
+  } = useContext(AnimationContext.Context);
+  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));
+  return /*#__PURE__*/jsxs(ShuttleContainer, _objectSpread(_objectSpread({
+    "data-testid": "em-ds-shuttle"
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/jsx(ShuttleSource, _objectSpread(_objectSpread({}, otherProps), {}, {
+      checkedItems: checkedItems,
+      composeSourceItemProps: composeSourceItemProps,
+      emptyMessage: sourceEmptyMessage,
+      hierarchy: hierarchy,
+      items: sourceItems,
+      onCheckItem: onCheckItem,
+      onClearCheckedItems: onClearCheckedItems,
+      onMoveCheckedItems: item => {
+        setIsMoving(true);
+        onMoveCheckedItems(item);
+      },
+      onMoveItem: item => {
+        setIsMoving(true);
+        onMoveItemToTarget(item);
+        removeAnimationState();
+      },
+      onNavigateTo: function (item) {
+        let direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
+        const indexInHierarchy = hierarchy.findIndex(hItem => hItem.id === item.id);
+        setIsDrillingDown(indexInHierarchy === -1);
+        onNavigateOnSourceTo(item, direction);
+      },
+      onSearch: onSearch,
+      onSearchClose: onSearchClose,
+      onSearchOpen: onSearchOpen,
+      onSortEnd: onSourceSortEnd,
+      onToggleSearch: onToggleSearch,
+      searching: searching,
+      sourceSortable: sourceSortable,
+      loading: loadingSource,
+      onGetMoreItems: onGetMoreItems,
+      moreItemsLoading: moreItemsLoading,
+      hasNextPage: hasNextPage
+    })), /*#__PURE__*/jsx(ShuttleTarget, _objectSpread(_objectSpread({}, otherProps), {}, {
+      composeTargetItemProps: composeTargetItemProps,
+      emptyMessage: targetEmptyMessage,
+      hierarchy: hierarchyDest,
+      items: targetItems,
+      onClearMovedItems: () => {
+        setIsMovingBack(true);
+        removeAnimationState();
+        onClearMovedItems();
+      },
+      onMoveItem: item => {
+        setIsMovingBack(true);
+        removeAnimationState();
+        onMoveItemToSource(item);
+      },
+      onNavigateTo: function (item) {
+        let direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
+        const indexInHierarchy = hierarchyDest.findIndex(hItem => hItem.id === item.id);
+        setIsDrillingDown(indexInHierarchy === -1);
+        onNavigateOnTargetTo(item, direction);
+      },
+      onSortEnd: onTargetSortEnd,
+      targetSortable: targetSortable,
+      loading: loadingTarget
+    }))]
   }));
 }
-var ShuttleRenderer_default = ShuttleRenderer;
-export {
-  ShuttleRenderer,
-  ShuttleRenderer_default as default
-};
-//# sourceMappingURL=ShuttleRenderer.js.map
+
+export { ShuttleRenderer as default };

package/esm/ShuttleState.js

@@ -1,55 +1,74 @@
-import * as React from "react";
-import { useState } from "react";
-import createContainer from "constate";
-import { getItemsById, pipe } from "./helper";
-import * as actions from "./Shuttle.actions";
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useState } from 'react';
+import createContainer from 'constate';
+import { getItemsById, pipe } from './helper.js';
+import { moveItem, resetMovedItems, navigateTo, resetCheckedItems, toggleItemSelection } from './Shuttle.actions.js';
+
 function useShuttleState() {
   const [shuttleState, setShuttleState] = useState({
     checkedItems: [],
     movedItems: {},
-    hierarchy: [{ name: "Category", id: null }],
-    hierarchyDest: [{ name: "Added users", id: null }]
+    hierarchy: [{
+      name: 'Category',
+      id: null
+    }],
+    hierarchyDest: [{
+      name: 'Added users',
+      id: null
+    }]
   });
-  const setState = (state) => setShuttleState(state(shuttleState));
-  function setMovedItems(itemsIds = [], items = []) {
+
+  const setState = state => setShuttleState(state(shuttleState));
+
+  function setMovedItems() {
+    let itemsIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     const itemsToMove = getItemsById(itemsIds, items);
-    const pipeActions = itemsToMove.map((item) => actions.moveItem(item, true));
-    setState(pipe([actions.resetMovedItems(), ...pipeActions]));
+    const pipeActions = itemsToMove.map(item => moveItem(item));
+    setState(pipe([resetMovedItems(), ...pipeActions]));
   }
+
   function navigate(item, dest) {
-    setState(pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
+    setState(pipe([navigateTo(item, dest), resetCheckedItems()]));
   }
-  function resetCheckedItems() {
-    setState(actions.resetCheckedItems());
+
+  function resetCheckedItems$1() {
+    setState(resetCheckedItems());
   }
-  function resetMovedItems() {
-    setState(pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
+
+  function resetMovedItems$1() {
+    setState(pipe([navigateTo({
+      id: null
+    }, true), resetMovedItems()]));
   }
-  function moveItem(item, dest) {
-    setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));
+
+  function moveItem$1(item, dest) {
+    setState(pipe([moveItem(item), resetCheckedItems()]));
   }
-  function toggleItemSelection(item) {
-    setState(actions.toggleItemSelection(item.id));
+
+  function toggleItemSelection$1(item) {
+    setState(toggleItemSelection(item.id));
   }
-  function moveCheckedItems(items, dest = true) {
-    const pipeActions = items.map((item) => moveItem(item, dest));
-    setState(pipe([...pipeActions, resetCheckedItems()]));
+
+  function moveCheckedItems(items) {
+    const pipeActions = items.map(item => moveItem$1(item));
+    setState(pipe([...pipeActions, resetCheckedItems$1()]));
   }
+
   return {
     state: shuttleState,
-    toggleItemSelection,
+    toggleItemSelection: toggleItemSelection$1,
     moveCheckedItems,
-    moveItem,
-    resetMovedItems,
-    resetCheckedItems,
+    moveItem: moveItem$1,
+    resetMovedItems: resetMovedItems$1,
+    resetCheckedItems: resetCheckedItems$1,
     navigate,
     setMovedItems
   };
 }
-const useShuttleStateHOC = createContainer(useShuttleState, (value) => [value.state]);
-var ShuttleState_default = useShuttleStateHOC;
-export {
-  useShuttleStateHOC as ShuttleState,
-  ShuttleState_default as default
-};
-//# sourceMappingURL=ShuttleState.js.map
+
+var useShuttleState$1 = createContainer(useShuttleState, value => [value.state]);
+
+export { useShuttleState$1 as default };

package/esm/animation/animationConfig.js

@@ -1,49 +1,77 @@
-import * as React from "react";
+// shuttle list and items constants
 const itemAnimationDuration = 300;
 const listAnimationDuration = 300;
-const xPosMovement = 500;
+const xPosMovement = 500; // breadcrumb constants
+
 const breadcrumbDuration = 200;
 const xBreadcrumbPos = 300;
 const animationConfig = {
   slideRight: {
-    from: { transform: "translate3d(0,0,0)" },
-    to: { transform: `translate3d(${xPosMovement}px,0,0)` }
+    from: {
+      transform: 'translate3d(0,0,0)'
+    },
+    to: {
+      transform: "translate3d(".concat(xPosMovement, "px,0,0)")
+    }
   },
   slideLeft: {
-    from: { transform: "translate3d(0,0,0)" },
-    to: { transform: `translate3d(${-xPosMovement}px,0,0)` }
+    from: {
+      transform: 'translate3d(0,0,0)'
+    },
+    to: {
+      transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
+    }
   },
-  moveItem: (isMovingLeft) => ({
-    config: { duration: itemAnimationDuration },
-    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
+  moveItem: isMovingLeft => ({
+    config: {
+      duration: itemAnimationDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: "translate3d(".concat(0, "px,0,0)")
+    },
     from: {
       opacity: 1,
-      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+      transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
     },
     leave: {
-      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+      transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
     }
   }),
-  moveList: (isDrillingDown) => ({
-    config: { duration: listAnimationDuration },
-    enter: { opacity: 1, transform: "translate3d(0,0,0)" },
+  moveList: isDrillingDown => ({
+    config: {
+      duration: listAnimationDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: 'translate3d(0,0,0)'
+    },
     from: {
       opacity: 0,
-      transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
+      transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
     },
     leave: {
       opacity: 0,
-      transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
+      transform: "translate3d(0,".concat(isDrillingDown ? -xPosMovement : xPosMovement, "px,0)")
     }
   }),
   breadcrumb: () => ({
-    config: { duration: breadcrumbDuration },
-    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
-    from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },
-    leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` }
+    config: {
+      duration: breadcrumbDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: "translate3d(".concat(0, "px,0,0)")
+    },
+    from: {
+      opacity: 0,
+      transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
+    },
+    leave: {
+      opacity: 0,
+      transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
+    }
   })
 };
-export {
-  animationConfig
-};
-//# sourceMappingURL=animationConfig.js.map
+
+export { animationConfig };

package/esm/classedComponents.js

@@ -1,43 +1,51 @@
-import * as React from "react";
-import { DSButton } from "@elliemae/ds-button";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { ShuttleBreadcrumb } from "./components/ShuttleBreadcrumb";
-import { OverflowList } from "./components/OverflowList";
-const blockName = "shuttle";
-const headerBlockName = `${blockName}-header`;
-const listBlockName = `${blockName}-list`;
-const footerBlockName = `${blockName}-footer`;
-const ShuttleContainer = aggregatedClasses("div")(blockName);
-const ShuttleWrapper = aggregatedClasses("div")(`${blockName}-wrapper`);
-const ShuttleHeader = aggregatedClasses("div")(headerBlockName);
-const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, "breadcrumb");
-const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, "search-toggle");
-const ShuttleList = aggregatedClasses("div")(listBlockName, null, ({ showPulse }) => ({
-  "show-pulse": showPulse
-}));
-const ShuttleListPanel = aggregatedClasses("div")(listBlockName, "panel", ({ open }) => ({ open }));
-const Overflow = aggregatedClasses(OverflowList)(listBlockName, "overflow", ({ empty, searching }) => ({
-  empty,
-  searching
-}));
-const EmptyMessage = aggregatedClasses("span")(listBlockName, "empty-message");
-const LoadingList = aggregatedClasses("div")(listBlockName, "loading-list");
-const ShuttleFooter = aggregatedClasses("div")(footerBlockName);
-const ShuttleFooterActions = aggregatedClasses("div")(footerBlockName, "actions");
-const ShuttleFooterCounter = aggregatedClasses("span")(footerBlockName, "counter");
-export {
-  EmptyMessage,
-  LoadingList,
-  Overflow,
-  ShuttleContainer,
-  ShuttleFooter,
-  ShuttleFooterActions,
-  ShuttleFooterCounter,
-  ShuttleHeader,
-  ShuttleHeaderBreadcrumb,
-  ShuttleHeaderSearchToggle,
-  ShuttleList,
-  ShuttleListPanel,
-  ShuttleWrapper
-};
-//# sourceMappingURL=classedComponents.js.map
+import DSButton from '@elliemae/ds-button';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import ShuttleBreadcrumb from './components/ShuttleBreadcrumb.js';
+import OverflowList from './components/OverflowList.js';
+
+const blockName = 'shuttle';
+const headerBlockName = "".concat(blockName, "-header");
+const listBlockName = "".concat(blockName, "-list");
+const footerBlockName = "".concat(blockName, "-footer");
+const ShuttleContainer = aggregatedClasses('div')(blockName); // wrapper
+
+const ShuttleWrapper = aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
+
+const ShuttleHeader = aggregatedClasses('div')(headerBlockName);
+const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
+const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, 'search-toggle'); // list
+
+const ShuttleList = aggregatedClasses('div')(listBlockName, null, _ref => {
+  let {
+    showPulse
+  } = _ref;
+  return {
+    'show-pulse': showPulse
+  };
+});
+const ShuttleListPanel = aggregatedClasses('div')(listBlockName, 'panel', _ref2 => {
+  let {
+    open
+  } = _ref2;
+  return {
+    open
+  };
+});
+const Overflow = aggregatedClasses(OverflowList)(listBlockName, 'overflow', _ref3 => {
+  let {
+    empty,
+    searching
+  } = _ref3;
+  return {
+    empty,
+    searching
+  };
+});
+const EmptyMessage = aggregatedClasses('span')(listBlockName, 'empty-message');
+const LoadingList = aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
+
+const ShuttleFooter = aggregatedClasses('div')(footerBlockName);
+const ShuttleFooterActions = aggregatedClasses('div')(footerBlockName, 'actions');
+const ShuttleFooterCounter = aggregatedClasses('span')(footerBlockName, 'counter');
+
+export { EmptyMessage, LoadingList, Overflow, ShuttleContainer, ShuttleFooter, ShuttleFooterActions, ShuttleFooterCounter, ShuttleHeader, ShuttleHeaderBreadcrumb, ShuttleHeaderSearchToggle, ShuttleList, ShuttleListPanel, ShuttleWrapper };

package/esm/components/LoadingIndicator.js

@@ -1,23 +1,18 @@
-import * as React from "react";
-import React2 from "react";
-import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
-import styled from "styled-components";
-const Wrapper = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-`;
-const LoadingIndicator = () => /* @__PURE__ */ React2.createElement(Wrapper, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
+import styled from 'styled-components';
+
+var _Wrapper;
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18oj125-0"
+})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
+
+const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx(Wrapper, {
   "data-testid": "shuttle__loading-indicator"
-}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
+}, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
   size: "xl",
   showLabel: true
-}));
-var LoadingIndicator_default = LoadingIndicator;
-export {
-  LoadingIndicator,
-  LoadingIndicator_default as default
-};
-//# sourceMappingURL=LoadingIndicator.js.map
+})));
+
+export { LoadingIndicator as default };

package/esm/components/OverflowList.js

@@ -1,26 +1,46 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { useTransition, animated } from "react-spring/web";
-import { animationConfig } from "../animation/animationConfig";
-import { AnimationState } from "../AnimationState";
-function OverflowList({ className = "", activeHierarchy = "", children }) {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useContext } from 'react';
+import { useTransition, animated } from 'react-spring/web';
+import { animationConfig } from '../animation/animationConfig.js';
+import AnimationContext from '../AnimationState.js';
+
+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(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; }
+
+function OverflowList(_ref) {
+  let {
+    className = '',
+    activeHierarchy = '',
+    children
+  } = _ref;
   const {
-    state: { isDrillingDown = false },
+    state: {
+      isDrillingDown = false
+    },
     setIsDrillingDown
-  } = useContext(AnimationState.Context);
-  const overflowTransition = useTransition(activeHierarchy, null, {
-    ...animationConfig.moveList(isDrillingDown),
+  } = useContext(AnimationContext.Context);
+  const overflowTransition = useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.moveList(isDrillingDown)), {}, {
     onDestroyed: () => setIsDrillingDown(false)
+  }));
+  return overflowTransition.map(_ref2 => {
+    let {
+      props,
+      key
+    } = _ref2;
+    return /*#__PURE__*/_jsx(animated.div, {
+      className: className,
+      style: props
+    }, key, children);
   });
-  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ React2.createElement(animated.div, {
-    key,
-    className,
-    style: props
-  }, children));
 }
-var OverflowList_default = OverflowList;
-export {
-  OverflowList,
-  OverflowList_default as default
-};
-//# sourceMappingURL=OverflowList.js.map
+
+export { OverflowList as default };