@elliemae/ds-shuttle 3.4.3-rc.0 → 3.4.4-next.0

package/dist/cjs/ShuttleImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ShuttleImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/static-property-placement */\n/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable import/extensions,react/no-unused-state,no-shadow,max-lines */\nimport React, { Component } from 'react';\nimport { compose, arrayMove } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n  addToTarget,\n  navigateTo,\n  resetCheckedItems,\n  resetMovedItems,\n  toggleItemSelection,\n  removeFromTarget,\n} from './Shuttle.actions';\nimport {\n  getActiveIdFromHierarchy,\n  filterBySearch,\n  getItemsById,\n  pipe,\n  getChildrenFromParent,\n  filterMovedItems,\n} from './helper';\nimport { ShuttleRenderer } from './ShuttleRenderer';\nimport { SearchState } from './SearchState';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps';\n\nclass ShuttleImpl extends Component {\n  static contextType = SearchState.Context;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      prevProps: {},\n      preparedItems: [],\n      checkedItems: [],\n      // left breadcrumb\n      hierarchy: [{ name: props.sourceRootTitle, id: null }],\n      // right breadcrumb\n      hierarchyDest: [{ name: props.targetRootTitle, id: null }],\n\n      movedItems: [],\n      sourceItems: [],\n      targetItems: [],\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    return updateShuttleStateFromProps(nextProps, prevState);\n  }\n\n  componentDidMount() {\n    const { setGetStatus } = this.props;\n    setGetStatus(this.getState);\n  }\n\n  getState = () => {\n    const { movedItems } = this.state;\n    return Object.keys(movedItems);\n  };\n\n  handleChange = () => {\n    const { onChange } = this.props;\n    const { movedItems } = this.state;\n    onChange(Object.keys(movedItems));\n  }\n\n  navigate = (item, dest, direction) => {\n    const { onDrillDown, onDrillDownTarget } = this.props;\n\n    if (!dest) onDrillDown(item, direction);\n    if (dest) onDrillDownTarget(item, direction);\n\n    const { reset: resetSearchState } = this.context;\n    resetSearchState();\n\n    this.setState(pipe([navigateTo(item, dest), resetCheckedItems()]));\n  }\n\n  resetCheckedItems = () => {\n    this.setState(resetCheckedItems());\n  }\n\n  resetMovedItems = () => {\n    const { selectedItems, onRemoveAllFromTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(\n        pipe([navigateTo({ id: null }, true), resetMovedItems()]),\n        () => {\n          this.handleChange();\n        },\n      );\n    } else {\n      this.setState(pipe([navigateTo({ id: null }, true)]));\n    }\n    onRemoveAllFromTarget();\n  }\n\n  addToTarget = (item) => {\n    const { selectedItems, onAddToTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {\n        this.handleChange();\n      });\n    }\n    onAddToTarget(item);\n  }\n\n  removeFromTarget = (item) => {\n    const { selectedItems, onRemoveFromTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(pipe([removeFromTarget(item)]), () => {\n        this.handleChange();\n      });\n    }\n    onRemoveFromTarget(item);\n  }\n\n  toggleItemSelection = (item) => {\n    this.setState(toggleItemSelection(item.id));\n  }\n\n  moveCheckedItems = () => {\n    const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;\n    const { checkedItems, preparedItems } = this.state;\n    const isControlledV2 = !!selectedItems && !!nonSelectedItems;\n    const checked = isControlledV2\n      ? nonSelectedItems.filter((item) =>\n          checkedItems.some((check) => check === item),\n        )\n      : checkedItems;\n    const items = getItemsById(checked, preparedItems);\n    const actions = !selectedItems\n      ? items.map((item) => addToTarget(item))\n      : [];\n    this.setState(pipe([...actions, resetCheckedItems()]), () => {\n      this.handleChange();\n    });\n    onAddCheckedItems(items);\n  }\n\n  handleTargetSortEnd = ({ sourceItem, targetItem }) => {\n    const { idField, onTargetSortEnd } = this.props;\n    const { targetItems, hierarchyDest, movedItems } = this.state;\n\n    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n\n    const collection = !hierarchyId ? movedItems : targetItems;\n\n    const oldIndex = collection.findIndex(\n      (tItem) => tItem[idField] === sourceItem[idField],\n    );\n    const newIndex = collection.findIndex(\n      (tItem) => tItem[idField] === targetItem[idField],\n    );\n\n    const sortedMovedItems = !hierarchyId\n      ? arrayMove(movedItems, oldIndex, newIndex)\n      : movedItems;\n    const sortedItems = hierarchyId\n      ? arrayMove(targetItems, oldIndex, newIndex)\n      : targetItems;\n\n    this.setState({\n      targetItems: sortedItems,\n      movedItems: sortedMovedItems,\n    });\n    onTargetSortEnd({ sourceItem, targetItem });\n  }\n\n  render() {\n    const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;\n    const {\n      hierarchy,\n      hierarchyDest,\n      checkedItems,\n      movedItems,\n      preparedItems: items,\n      targetItems,\n    } = this.state;\n    const {\n      state: { searchTerm, searching },\n    } = this.context;\n\n    const handleControlledSourceItms = () => {\n      const { id } = getActiveIdFromHierarchy(hierarchy);\n      if (id) {\n        return filterBySearch(\n          searchTerm,\n          searching,\n        )(\n          getChildrenFromParent(id)(\n            nonSelectedItems.map((it) => items.find((itt) => itt.id === it)),\n          ),\n        );\n      }\n\n      return filterBySearch(\n        searchTerm,\n        searching,\n      )(\n        items.filter((it) =>\n          nonSelectedItems.some(\n            (itt) =>\n              itt === it.id &&\n              !nonSelectedItems.some((ittt) => ittt === it.parent),\n          ),\n        ),\n      );\n    };\n\n    let composedSourceItems;\n\n    // controlled V2 TODO make it default controlled behavior\n    if (nonSelectedItems) {\n      composedSourceItems = handleControlledSourceItms();\n    } else {\n      composedSourceItems = compose(\n        filterBySearch(searchTerm, searching),\n        filterMovedItems(movedItems),\n        getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id),\n      )(items);\n    }\n\n    const handleControlledTargetItms = () => {\n      const { id } = getActiveIdFromHierarchy(hierarchyDest);\n      if (id) {\n        return getChildrenFromParent(\n          getActiveIdFromHierarchy(hierarchyDest).id,\n        )(\n          this.props.selectedItems.map((it) =>\n            items.find((itt) => itt.id === it),\n          ),\n        );\n      }\n\n      return targetItems.filter((it) =>\n        this.props.selectedItems.some(\n          (itt) =>\n            itt === it.id &&\n            !this.props.selectedItems.some((ittt) => ittt === it.parent),\n        ),\n      );\n    };\n\n    let composedTargetItems;\n\n    // controlled V2 TODO make it default controlled behavior\n    if (nonSelectedItems) {\n      composedTargetItems = handleControlledTargetItms();\n    } else {\n      composedTargetItems = compose((tItems) => {\n        const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n        return hierarchyId\n          ? compose(\n              filterMovedItems(movedItems),\n              getChildrenFromParent(hierarchyId),\n            )(tItems)\n          : movedItems;\n      })(targetItems);\n    }\n\n    return (\n      <ShuttleRenderer\n        {...rest}\n        moreItemsLoading={moreItemsLoading}\n        checkedItems={checkedItems}\n        hierarchy={hierarchy}\n        hierarchyDest={hierarchyDest}\n        onCheckItem={this.toggleItemSelection}\n        onClearCheckedItems={this.resetCheckedItems}\n        onClearMovedItems={this.resetMovedItems}\n        onItemCheck={this.toggleItemSelection}\n        onMoveCheckedItems={this.moveCheckedItems}\n        onMoveItemToSource={(item) => this.removeFromTarget(item, false)}\n        onMoveItemToTarget={(item) => this.addToTarget(item, true)}\n        onNavigateOnSourceTo={(item, direction) =>\n          this.navigate(item, false, direction)\n        }\n        onNavigateOnTargetTo={(item, direction) =>\n          this.navigate(item, true, direction)\n        }\n        onSourceSortEnd={() => null}\n        onTargetSortEnd={this.handleTargetSortEnd}\n        sourceItems={composedSourceItems}\n        targetItems={composedTargetItems}\n      />\n    );\n  }\n}\n\nconst ShuttleImplHoc = withProviders(ShuttleImpl);\nexport { ShuttleImplHoc as ShuttleImpl };\nexport default ShuttleImplHoc;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/ShuttleRenderer.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ShuttleRenderer_exports = {};
 __export(ShuttleRenderer_exports, {
@@ -26,7 +29,8 @@ __export(ShuttleRenderer_exports, {
 });
 module.exports = __toCommonJS(ShuttleRenderer_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ShuttleSource = require("./components/ShuttleSource");
 var import_ShuttleTarget = require("./components/ShuttleTarget");
 var import_classedComponents = require("./classedComponents");
@@ -69,70 +73,82 @@ function ShuttleRenderer({
   hasNextPage = false,
   ...otherProps
 }) {
-  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
-  const removeAnimationState = (0, import_react.useCallback)(() => setTimeout(() => reset(), 500));
-  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleContainer, {
+  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = (0, import_react.useContext)(
+    import_AnimationState.AnimationState.Context
+  );
+  const removeAnimationState = (0, import_react.useCallback)(
+    () => setTimeout(() => reset(), 500)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleContainer, {
     "data-testid": "em-ds-shuttle",
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(import_ShuttleSource.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__ */ import_react.default.createElement(import_ShuttleTarget.ShuttleTarget, {
-    ...otherProps,
-    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,
-    targetSortable,
-    loading: loadingTarget
-  }));
+    ...containerProps,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleSource.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__ */ (0, import_jsx_runtime.jsx)(import_ShuttleTarget.ShuttleTarget, {
+        ...otherProps,
+        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,
+        targetSortable,
+        loading: loadingTarget
+      })
+    ]
+  });
 }
 var ShuttleRenderer_default = ShuttleRenderer;
 //# sourceMappingURL=ShuttleRenderer.js.map

package/dist/cjs/ShuttleRenderer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ShuttleRenderer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useCallback, useContext } from 'react';\nimport { ShuttleSource } from './components/ShuttleSource';\nimport { ShuttleTarget } from './components/ShuttleTarget';\nimport { ShuttleContainer } from './classedComponents';\nimport { AnimationState } from './AnimationState';\n\n// todo: clean methods on jsx\nconst noop = () => {};\nfunction ShuttleRenderer({\n  containerProps,\n  onNavigateOnTargetTo = noop,\n  onNavigateOnSourceTo = noop,\n  onMoveItemToSource = noop,\n  onMoveItemToTarget = noop,\n  onClearMovedItems = noop,\n  onMoveCheckedItems = noop,\n  onClearCheckedItems = noop,\n  onToggleSearch = noop,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  searching = false,\n  onCheckItem = noop,\n  hierarchy = [],\n  hierarchyDest = [],\n  checkedItems = [],\n  sourceItems = [],\n  targetItems = [],\n  sourceEmptyMessage,\n  targetEmptyMessage,\n  composeTargetItemProps,\n  composeSourceItemProps,\n  targetSortable,\n  sourceSortable,\n  onSourceSortEnd,\n  onTargetSortEnd,\n  loadingSource = false,\n  loadingTarget = false,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n  ...otherProps\n}) {\n  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(\n    AnimationState.Context,\n  );\n\n  const removeAnimationState = useCallback(() =>\n    setTimeout(() => reset(), 500),\n  );\n\n  return (\n    <ShuttleContainer data-testid=\"em-ds-shuttle\" {...containerProps}>\n      <ShuttleSource\n        {...otherProps}\n        checkedItems={checkedItems}\n        composeSourceItemProps={composeSourceItemProps}\n        emptyMessage={sourceEmptyMessage}\n        hierarchy={hierarchy}\n        items={sourceItems}\n        onCheckItem={onCheckItem}\n        onClearCheckedItems={onClearCheckedItems}\n        onMoveCheckedItems={(item) => {\n          setIsMoving(true);\n          onMoveCheckedItems(item);\n        }}\n        onMoveItem={(item) => {\n          setIsMoving(true);\n          onMoveItemToTarget(item);\n          removeAnimationState();\n        }}\n        onNavigateTo={(item, direction = 'down') => {\n          const indexInHierarchy = hierarchy.findIndex(\n            (hItem) => hItem.id === item.id,\n          );\n          setIsDrillingDown(indexInHierarchy === -1);\n          onNavigateOnSourceTo(item, direction);\n        }}\n        onSearch={onSearch}\n        onSearchClose={onSearchClose}\n        onSearchOpen={onSearchOpen}\n        onSortEnd={onSourceSortEnd}\n        onToggleSearch={onToggleSearch}\n        searching={searching}\n        sourceSortable={sourceSortable}\n        loading={loadingSource}\n        onGetMoreItems={onGetMoreItems}\n        moreItemsLoading={moreItemsLoading}\n        hasNextPage={hasNextPage}\n      />\n      <ShuttleTarget\n        {...otherProps}\n        composeTargetItemProps={composeTargetItemProps}\n        emptyMessage={targetEmptyMessage}\n        hierarchy={hierarchyDest}\n        items={targetItems}\n        onClearMovedItems={() => {\n          setIsMovingBack(true);\n          removeAnimationState();\n          onClearMovedItems();\n        }}\n        onMoveItem={(item) => {\n          setIsMovingBack(true);\n          removeAnimationState();\n          onMoveItemToSource(item);\n        }}\n        onNavigateTo={(item, direction = 'down') => {\n          const indexInHierarchy = hierarchyDest.findIndex(\n            (hItem) => hItem.id === item.id,\n          );\n          setIsDrillingDown(indexInHierarchy === -1);\n          onNavigateOnTargetTo(item, direction);\n        }}\n        onSortEnd={onTargetSortEnd}\n        targetSortable={targetSortable}\n        loading={loadingTarget}\n      />\n    </ShuttleContainer>\n  );\n}\n\nexport { ShuttleRenderer };\nexport default ShuttleRenderer;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+C;AAC/C,2BAA8B;AAC9B,2BAA8B;AAC9B,+BAAiC;AACjC,4BAA+B;AAG/B,MAAM,OAAO,MAAM;AAAC;AACpB,yBAAyB;AAAA,EACvB;AAAA,EACA,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY,CAAC;AAAA,EACb,gBAAgB,CAAC;AAAA,EACjB,eAAe,CAAC;AAAA,EAChB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,mBAAmB;AAAA,EACnB,cAAc;AAAA,KACX;AAAA,GACF;AACD,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,UAAU,6BACjE,qCAAe,OACjB;AAEA,QAAM,uBAAuB,8BAAY,MACvC,WAAW,MAAM,MAAM,GAAG,GAAG,CAC/B;AAEA,SACE,mDAAC;AAAA,IAAiB,eAAY;AAAA,IAAiB,GAAG;AAAA,KAChD,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,oBAAoB,CAAC,SAAS;AAC5B,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AAAA,IACzB;AAAA,IACA,YAAY,CAAC,SAAS;AACpB,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AACvB,2BAAqB;AAAA,IACvB;AAAA,IACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,UAAU,UACjC,CAAC,UAAU,MAAM,OAAO,KAAK,EAC/B;AACA,wBAAkB,qBAAqB,EAAE;AACzC,2BAAqB,MAAM,SAAS;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB,MAAM;AACvB,sBAAgB,IAAI;AACpB,2BAAqB;AACrB,wBAAkB;AAAA,IACpB;AAAA,IACA,YAAY,CAAC,SAAS;AACpB,sBAAgB,IAAI;AACpB,2BAAqB;AACrB,yBAAmB,IAAI;AAAA,IACzB;AAAA,IACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,cAAc,UACrC,CAAC,UAAU,MAAM,OAAO,KAAK,EAC/B;AACA,wBAAkB,qBAAqB,EAAE;AACzC,2BAAqB,MAAM,SAAS;AAAA,IACtC;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,GACX,CACF;AAEJ;AAGA,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,mBAA+C;AAC/C,2BAA8B;AAC9B,2BAA8B;AAC9B,+BAAiC;AACjC,4BAA+B;AAG/B,MAAM,OAAO,MAAM;AAAC;AACpB,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY,CAAC;AAAA,EACb,gBAAgB,CAAC;AAAA,EACjB,eAAe,CAAC;AAAA,EAChB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,mBAAmB;AAAA,EACnB,cAAc;AAAA,KACX;AACL,GAAG;AACD,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,MAAM,QAAI;AAAA,IACjE,qCAAe;AAAA,EACjB;AAEA,QAAM,2BAAuB;AAAA,IAAY,MACvC,WAAW,MAAM,MAAM,GAAG,GAAG;AAAA,EAC/B;AAEA,SACE,6CAAC;AAAA,IAAiB,eAAY;AAAA,IAAiB,GAAG;AAAA,IAChD;AAAA,kDAAC;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,oBAAoB,CAAC,SAAS;AAC5B,sBAAY,IAAI;AAChB,6BAAmB,IAAI;AAAA,QACzB;AAAA,QACA,YAAY,CAAC,SAAS;AACpB,sBAAY,IAAI;AAChB,6BAAmB,IAAI;AACvB,+BAAqB;AAAA,QACvB;AAAA,QACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,gBAAM,mBAAmB,UAAU;AAAA,YACjC,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,UAC/B;AACA,4BAAkB,qBAAqB,EAAE;AACzC,+BAAqB,MAAM,SAAS;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,cAAc;AAAA,QACd,WAAW;AAAA,QACX,OAAO;AAAA,QACP,mBAAmB,MAAM;AACvB,0BAAgB,IAAI;AACpB,+BAAqB;AACrB,4BAAkB;AAAA,QACpB;AAAA,QACA,YAAY,CAAC,SAAS;AACpB,0BAAgB,IAAI;AACpB,+BAAqB;AACrB,6BAAmB,IAAI;AAAA,QACzB;AAAA,QACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,gBAAM,mBAAmB,cAAc;AAAA,YACrC,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,UAC/B;AACA,4BAAkB,qBAAqB,EAAE;AACzC,+BAAqB,MAAM,SAAS;AAAA,QACtC;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,SAAS;AAAA,OACX;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/ShuttleState.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ShuttleState_exports = {};
 __export(ShuttleState_exports, {
@@ -44,13 +47,17 @@ function useShuttleState() {
     setState((0, import_helper.pipe)([actions.resetMovedItems(), ...pipeActions]));
   }
   function navigate(item, dest) {
-    setState((0, import_helper.pipe)([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
+    setState(
+      (0, import_helper.pipe)([actions.navigateTo(item, dest), actions.resetCheckedItems()])
+    );
   }
   function resetCheckedItems() {
     setState(actions.resetCheckedItems());
   }
   function resetMovedItems() {
-    setState((0, import_helper.pipe)([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
+    setState(
+      (0, import_helper.pipe)([actions.navigateTo({ id: null }, true), actions.resetMovedItems()])
+    );
   }
   function moveItem(item, dest) {
     setState((0, import_helper.pipe)([actions.moveItem(item, dest), actions.resetCheckedItems()]));

package/dist/cjs/ShuttleState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ShuttleState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useState } from 'react';\nimport createContainer from 'constate';\nimport { getItemsById, pipe } from './helper';\nimport * as actions from './Shuttle.actions';\n\nfunction useShuttleState() {\n  const [shuttleState, setShuttleState] = useState({\n    checkedItems: [],\n    movedItems: {},\n    hierarchy: [{ name: 'Category', id: null }],\n    hierarchyDest: [{ name: 'Added users', id: null }],\n  });\n\n  const setState = state => setShuttleState(state(shuttleState));\n\n  function setMovedItems(itemsIds = [], items = []) {\n    const itemsToMove = getItemsById(itemsIds, items);\n    const pipeActions = itemsToMove.map(item => actions.moveItem(item, true));\n    setState(pipe([actions.resetMovedItems(), ...pipeActions]));\n  }\n\n  function navigate(item, dest) {\n    setState(\n      pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]),\n    );\n  }\n\n  function resetCheckedItems() {\n    setState(actions.resetCheckedItems());\n  }\n\n  function resetMovedItems() {\n    setState(\n      pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]),\n    );\n  }\n\n  function moveItem(item, dest) {\n    setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));\n  }\n\n  function toggleItemSelection(item) {\n    setState(actions.toggleItemSelection(item.id));\n  }\n\n  function moveCheckedItems(items, dest = true) {\n    const pipeActions = items.map(item => moveItem(item, dest));\n    setState(pipe([...pipeActions, resetCheckedItems()]));\n  }\n\n  return {\n    state: shuttleState,\n    toggleItemSelection,\n    moveCheckedItems,\n    moveItem,\n    resetMovedItems,\n    resetCheckedItems,\n    navigate,\n    setMovedItems,\n  };\n}\n\nconst useShuttleStateHOC = createContainer(useShuttleState, value => [value.state]);\nexport { useShuttleStateHOC as ShuttleState };\nexport default useShuttleStateHOC;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAC5B,oBAAmC;AACnC,cAAyB;AAEzB,2BAA2B;AACzB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAAA,IAC/C,cAAc,CAAC;AAAA,IACf,YAAY,CAAC;AAAA,IACb,WAAW,CAAC,EAAE,MAAM,YAAY,IAAI,KAAK,CAAC;AAAA,IAC1C,eAAe,CAAC,EAAE,MAAM,eAAe,IAAI,KAAK,CAAC;AAAA,EACnD,CAAC;AAED,QAAM,WAAW,WAAS,gBAAgB,MAAM,YAAY,CAAC;AAE7D,yBAAuB,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG;AAChD,UAAM,cAAc,gCAAa,UAAU,KAAK;AAChD,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM,IAAI,CAAC;AACxE,aAAS,wBAAK,CAAC,QAAQ,gBAAgB,GAAG,GAAG,WAAW,CAAC,CAAC;AAAA,EAC5D;AAEA,oBAAkB,MAAM,MAAM;AAC5B,aACE,wBAAK,CAAC,QAAQ,WAAW,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CACpE;AAAA,EACF;AAEA,+BAA6B;AAC3B,aAAS,QAAQ,kBAAkB,CAAC;AAAA,EACtC;AAEA,6BAA2B;AACzB,aACE,wBAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,KAAK,GAAG,IAAI,GAAG,QAAQ,gBAAgB,CAAC,CAAC,CAC1E;AAAA,EACF;AAEA,oBAAkB,MAAM,MAAM;AAC5B,aAAS,wBAAK,CAAC,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC;AAAA,EAC5E;AAEA,+BAA6B,MAAM;AACjC,aAAS,QAAQ,oBAAoB,KAAK,EAAE,CAAC;AAAA,EAC/C;AAEA,4BAA0B,OAAO,OAAO,MAAM;AAC5C,UAAM,cAAc,MAAM,IAAI,UAAQ,SAAS,MAAM,IAAI,CAAC;AAC1D,aAAS,wBAAK,CAAC,GAAG,aAAa,kBAAkB,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,qBAAqB,6BAAgB,iBAAiB,WAAS,CAAC,MAAM,KAAK,CAAC;AAElF,IAAO,uBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAC5B,oBAAmC;AACnC,cAAyB;AAEzB,SAAS,kBAAkB;AACzB,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS;AAAA,IAC/C,cAAc,CAAC;AAAA,IACf,YAAY,CAAC;AAAA,IACb,WAAW,CAAC,EAAE,MAAM,YAAY,IAAI,KAAK,CAAC;AAAA,IAC1C,eAAe,CAAC,EAAE,MAAM,eAAe,IAAI,KAAK,CAAC;AAAA,EACnD,CAAC;AAED,QAAM,WAAW,WAAS,gBAAgB,MAAM,YAAY,CAAC;AAE7D,WAAS,cAAc,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG;AAChD,UAAM,kBAAc,4BAAa,UAAU,KAAK;AAChD,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM,IAAI,CAAC;AACxE,iBAAS,oBAAK,CAAC,QAAQ,gBAAgB,GAAG,GAAG,WAAW,CAAC,CAAC;AAAA,EAC5D;AAEA,WAAS,SAAS,MAAM,MAAM;AAC5B;AAAA,UACE,oBAAK,CAAC,QAAQ,WAAW,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC;AAAA,IACpE;AAAA,EACF;AAEA,WAAS,oBAAoB;AAC3B,aAAS,QAAQ,kBAAkB,CAAC;AAAA,EACtC;AAEA,WAAS,kBAAkB;AACzB;AAAA,UACE,oBAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,KAAK,GAAG,IAAI,GAAG,QAAQ,gBAAgB,CAAC,CAAC;AAAA,IAC1E;AAAA,EACF;AAEA,WAAS,SAAS,MAAM,MAAM;AAC5B,iBAAS,oBAAK,CAAC,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC;AAAA,EAC5E;AAEA,WAAS,oBAAoB,MAAM;AACjC,aAAS,QAAQ,oBAAoB,KAAK,EAAE,CAAC;AAAA,EAC/C;AAEA,WAAS,iBAAiB,OAAO,OAAO,MAAM;AAC5C,UAAM,cAAc,MAAM,IAAI,UAAQ,SAAS,MAAM,IAAI,CAAC;AAC1D,iBAAS,oBAAK,CAAC,GAAG,aAAa,kBAAkB,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,yBAAqB,gBAAAA,SAAgB,iBAAiB,WAAS,CAAC,MAAM,KAAK,CAAC;AAElF,IAAO,uBAAQ;",
+  "names": ["createContainer"]
 }

package/dist/cjs/animation/animationConfig.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var animationConfig_exports = {};
 __export(animationConfig_exports, {

package/dist/cjs/animation/animationConfig.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/animation/animationConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["// shuttle list and items constants\nconst itemAnimationDuration = 300;\nconst listAnimationDuration = 300;\nconst xPosMovement = 500;\n\n// breadcrumb constants\nconst breadcrumbDuration = 200;\nconst xBreadcrumbPos = 300;\n\nexport const animationConfig = {\n  slideRight: {\n    from: { transform: 'translate3d(0,0,0)' },\n    to: { transform: `translate3d(${xPosMovement}px,0,0)` },\n  },\n  slideLeft: {\n    from: { transform: 'translate3d(0,0,0)' },\n    to: { transform: `translate3d(${-xPosMovement}px,0,0)` },\n  },\n  moveItem: isMovingLeft => ({\n    config: { duration: itemAnimationDuration },\n    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n    from: {\n      opacity: 1,\n      transform: `translate3d(${\n        isMovingLeft ? -xPosMovement : xPosMovement\n      }px,0,0)`,\n    },\n    leave: {\n      transform: `translate3d(${\n        isMovingLeft ? -xPosMovement : xPosMovement\n      }px,0,0)`,\n    },\n  }),\n  moveList: isDrillingDown => ({\n    config: { duration: listAnimationDuration },\n    enter: { opacity: 1, transform: 'translate3d(0,0,0)' },\n    from: {\n      opacity: 0,\n      transform: `translate3d(0px,${\n        isDrillingDown ? xPosMovement : -xPosMovement\n      }px,0)`,\n    },\n    leave: {\n      opacity: 0,\n      transform: `translate3d(0,${\n        isDrillingDown ? -xPosMovement : xPosMovement\n      }px,0)`,\n    },\n  }),\n  breadcrumb: () => ({\n    config: { duration: breadcrumbDuration },\n    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n    from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },\n    leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` },\n  }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AAGrB,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB;AAEhB,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,IACV,MAAM,EAAE,WAAW,qBAAqB;AAAA,IACxC,IAAI,EAAE,WAAW,eAAe,sBAAsB;AAAA,EACxD;AAAA,EACA,WAAW;AAAA,IACT,MAAM,EAAE,WAAW,qBAAqB;AAAA,IACxC,IAAI,EAAE,WAAW,eAAe,CAAC,sBAAsB;AAAA,EACzD;AAAA,EACA,UAAU,kBAAiB;AAAA,IACzB,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eACT,eAAe,CAAC,eAAe;AAAA,IAEnC;AAAA,IACA,OAAO;AAAA,MACL,WAAW,eACT,eAAe,CAAC,eAAe;AAAA,IAEnC;AAAA,EACF;AAAA,EACA,UAAU,oBAAmB;AAAA,IAC3B,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,qBAAqB;AAAA,IACrD,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBACT,iBAAiB,eAAe,CAAC;AAAA,IAErC;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBACT,iBAAiB,CAAC,eAAe;AAAA,IAErC;AAAA,EACF;AAAA,EACA,YAAY,MAAO;AAAA,IACjB,QAAQ,EAAE,UAAU,mBAAmB;AAAA,IACvC,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM,EAAE,SAAS,GAAG,WAAW,eAAe,0BAA0B;AAAA,IACxE,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,wBAAwB;AAAA,EACzE;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AAGrB,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB;AAEhB,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,IACV,MAAM,EAAE,WAAW,qBAAqB;AAAA,IACxC,IAAI,EAAE,WAAW,eAAe,sBAAsB;AAAA,EACxD;AAAA,EACA,WAAW;AAAA,IACT,MAAM,EAAE,WAAW,qBAAqB;AAAA,IACxC,IAAI,EAAE,WAAW,eAAe,CAAC,sBAAsB;AAAA,EACzD;AAAA,EACA,UAAU,mBAAiB;AAAA,IACzB,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eACT,eAAe,CAAC,eAAe;AAAA,IAEnC;AAAA,IACA,OAAO;AAAA,MACL,WAAW,eACT,eAAe,CAAC,eAAe;AAAA,IAEnC;AAAA,EACF;AAAA,EACA,UAAU,qBAAmB;AAAA,IAC3B,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,qBAAqB;AAAA,IACrD,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBACT,iBAAiB,eAAe,CAAC;AAAA,IAErC;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBACT,iBAAiB,CAAC,eAAe;AAAA,IAErC;AAAA,EACF;AAAA,EACA,YAAY,OAAO;AAAA,IACjB,QAAQ,EAAE,UAAU,mBAAmB;AAAA,IACvC,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM,EAAE,SAAS,GAAG,WAAW,eAAe,0BAA0B;AAAA,IACxE,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,wBAAwB;AAAA,EACzE;AACF;",
   "names": []
 }

package/dist/cjs/classedComponents.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var classedComponents_exports = {};
 __export(classedComponents_exports, {

package/dist/cjs/classedComponents.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/classedComponents.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ShuttleBreadcrumb } from './components/ShuttleBreadcrumb';\nimport { OverflowList } from './components/OverflowList';\n\n// block names\nconst blockName = 'shuttle';\nconst headerBlockName = `${blockName}-header`;\nconst listBlockName = `${blockName}-list`;\nconst footerBlockName = `${blockName}-footer`;\n\nexport const ShuttleContainer = aggregatedClasses('div')(blockName);\n\n// wrapper\nexport const ShuttleWrapper = aggregatedClasses('div')(`${blockName}-wrapper`);\n\n// header\nexport const ShuttleHeader = aggregatedClasses('div')(headerBlockName);\nexport const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');\nexport const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, 'search-toggle');\n\n// list\nexport const ShuttleList = aggregatedClasses('div')(listBlockName, null, ({ showPulse }) => ({\n  'show-pulse': showPulse,\n}));\n\nexport const ShuttleListPanel = aggregatedClasses('div')(listBlockName, 'panel', ({ open }) => ({ open }));\nexport const Overflow = aggregatedClasses(OverflowList)(listBlockName, 'overflow', ({ empty, searching }) => ({\n  empty,\n  searching,\n}));\nexport const EmptyMessage = aggregatedClasses('span')(listBlockName, 'empty-message');\nexport const LoadingList = aggregatedClasses('div')(listBlockName, 'loading-list');\n\n// footer\nexport const ShuttleFooter = aggregatedClasses('div')(footerBlockName);\nexport const ShuttleFooterActions = aggregatedClasses('div')(footerBlockName, 'actions');\nexport const ShuttleFooterCounter = aggregatedClasses('span')(footerBlockName, 'counter');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyB;AACzB,2BAAkC;AAClC,+BAAkC;AAClC,0BAA6B;AAG7B,MAAM,YAAY;AAClB,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAEpB,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,SAAS;AAG3D,MAAM,iBAAiB,4CAAkB,KAAK,EAAE,GAAG,mBAAmB;AAGtE,MAAM,gBAAgB,4CAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,0BAA0B,4CAAkB,0CAAiB,EAAE,iBAAiB,YAAY;AAClG,MAAM,4BAA4B,4CAAkB,yBAAQ,EAAE,iBAAiB,eAAe;AAG9F,MAAM,cAAc,4CAAkB,KAAK,EAAE,eAAe,MAAM,CAAC,EAAE,gBAAiB;AAAA,EAC3F,cAAc;AAChB,EAAE;AAEK,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,eAAe,SAAS,CAAC,EAAE,WAAY,GAAE,KAAK,EAAE;AAClG,MAAM,WAAW,4CAAkB,gCAAY,EAAE,eAAe,YAAY,CAAC,EAAE,OAAO,gBAAiB;AAAA,EAC5G;AAAA,EACA;AACF,EAAE;AACK,MAAM,eAAe,4CAAkB,MAAM,EAAE,eAAe,eAAe;AAC7E,MAAM,cAAc,4CAAkB,KAAK,EAAE,eAAe,cAAc;AAG1E,MAAM,gBAAgB,4CAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,uBAAuB,4CAAkB,KAAK,EAAE,iBAAiB,SAAS;AAChF,MAAM,uBAAuB,4CAAkB,MAAM,EAAE,iBAAiB,SAAS;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyB;AACzB,2BAAkC;AAClC,+BAAkC;AAClC,0BAA6B;AAG7B,MAAM,YAAY;AAClB,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAEpB,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,SAAS;AAG3D,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,GAAG,mBAAmB;AAGtE,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,8BAA0B,wCAAkB,0CAAiB,EAAE,iBAAiB,YAAY;AAClG,MAAM,gCAA4B,wCAAkB,yBAAQ,EAAE,iBAAiB,eAAe;AAG9F,MAAM,kBAAc,wCAAkB,KAAK,EAAE,eAAe,MAAM,CAAC,EAAE,UAAU,OAAO;AAAA,EAC3F,cAAc;AAChB,EAAE;AAEK,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,eAAe,SAAS,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAClG,MAAM,eAAW,wCAAkB,gCAAY,EAAE,eAAe,YAAY,CAAC,EAAE,OAAO,UAAU,OAAO;AAAA,EAC5G;AAAA,EACA;AACF,EAAE;AACK,MAAM,mBAAe,wCAAkB,MAAM,EAAE,eAAe,eAAe;AAC7E,MAAM,kBAAc,wCAAkB,KAAK,EAAE,eAAe,cAAc;AAG1E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,2BAAuB,wCAAkB,KAAK,EAAE,iBAAiB,SAAS;AAChF,MAAM,2BAAuB,wCAAkB,MAAM,EAAE,iBAAiB,SAAS;",
   "names": []
 }

package/dist/cjs/components/LoadingIndicator.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LoadingIndicator_exports = {};
 __export(LoadingIndicator_exports, {
@@ -26,7 +29,7 @@ __export(LoadingIndicator_exports, {
 });
 module.exports = __toCommonJS(LoadingIndicator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
 var import_ds_system = require("@elliemae/ds-system");
 const Wrapper = import_ds_system.styled.div`
@@ -36,11 +39,12 @@ const Wrapper = import_ds_system.styled.div`
   width: 100%;
   height: 100%;
 `;
-const LoadingIndicator = () => /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-  "data-testid": "shuttle__loading-indicator"
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
-  size: "xl",
-  showLabel: true
-}));
+const LoadingIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, {
+  "data-testid": "shuttle__loading-indicator",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
+    size: "xl",
+    showLabel: true
+  })
+});
 var LoadingIndicator_default = LoadingIndicator;
 //# sourceMappingURL=LoadingIndicator.js.map

package/dist/cjs/components/LoadingIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/LoadingIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"shuttle__loading-indicator\">\n    <DSCircularProgressIndicator size=\"xl\" showLabel />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4CAA4C;AAC5C,uBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,mDAAC;AAAA,EAAQ,eAAY;AAAA,GACnB,mDAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,WAAS;AAAA,CAAC,CACnD;AAIF,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,4CAA4C;AAC5C,uBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,4CAAC;AAAA,EAAQ,eAAY;AAAA,EACnB,sDAAC;AAAA,IAA4B,MAAK;AAAA,IAAK,WAAS;AAAA,GAAC;AAAA,CACnD;AAIF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/components/OverflowList.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var OverflowList_exports = {};
 __export(OverflowList_exports, {
@@ -26,7 +29,8 @@ __export(OverflowList_exports, {
 });
 module.exports = __toCommonJS(OverflowList_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_web = require("react-spring/web");
 var import_animationConfig = require("../animation/animationConfig");
 var import_AnimationState = require("../AnimationState");
@@ -39,11 +43,11 @@ function OverflowList({ className = "", activeHierarchy = "", children }) {
     ...import_animationConfig.animationConfig.moveList(isDrillingDown),
     onDestroyed: () => setIsDrillingDown(false)
   });
-  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, {
-    key,
+  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.animated.div, {
     className,
-    style: props
-  }, children));
+    style: props,
+    children
+  }, key));
 }
 var OverflowList_default = OverflowList;
 //# sourceMappingURL=OverflowList.js.map

package/dist/cjs/components/OverflowList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/OverflowList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { animationConfig } from '../animation/animationConfig';\nimport { AnimationState } from '../AnimationState';\n\nfunction OverflowList({ className = '', activeHierarchy = '', children }) {\n  const {\n    state: { isDrillingDown = false },\n    setIsDrillingDown,\n  } = useContext(AnimationState.Context);\n\n  const overflowTransition = useTransition(activeHierarchy, null, {\n    ...animationConfig.moveList(isDrillingDown),\n    onDestroyed: () => setIsDrillingDown(false),\n  });\n  return overflowTransition.map(({ props, key }) => (\n    <animated.div key={key} className={className} style={props}>\n      {children}\n    </animated.div>\n  ));\n}\n\nexport { OverflowList };\nexport default OverflowList;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,iBAAwC;AACxC,6BAAgC;AAChC,4BAA+B;AAE/B,sBAAsB,EAAE,YAAY,IAAI,kBAAkB,IAAI,YAAY;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,6BAAW,qCAAe,OAAO;AAErC,QAAM,qBAAqB,8BAAc,iBAAiB,MAAM;AAAA,IAC9D,GAAG,uCAAgB,SAAS,cAAc;AAAA,IAC1C,aAAa,MAAM,kBAAkB,KAAK;AAAA,EAC5C,CAAC;AACD,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,UACtC,mDAAC,oBAAS,KAAT;AAAA,IAAa;AAAA,IAAU;AAAA,IAAsB,OAAO;AAAA,KAClD,QACH,CACD;AACH;AAGA,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,iBAAwC;AACxC,6BAAgC;AAChC,4BAA+B;AAE/B,SAAS,aAAa,EAAE,YAAY,IAAI,kBAAkB,IAAI,SAAS,GAAG;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,MAAM;AAAA,IAChC;AAAA,EACF,QAAI,yBAAW,qCAAe,OAAO;AAErC,QAAM,yBAAqB,0BAAc,iBAAiB,MAAM;AAAA,IAC9D,GAAG,uCAAgB,SAAS,cAAc;AAAA,IAC1C,aAAa,MAAM,kBAAkB,KAAK;AAAA,EAC5C,CAAC;AACD,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,IAAI,MAC1C,4CAAC,oBAAS,KAAT;AAAA,IAAuB;AAAA,IAAsB,OAAO;AAAA,IAClD;AAAA,KADgB,GAEnB,CACD;AACH;AAGA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/components/ShuttleBreadcrumb.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ShuttleBreadcrumb_exports = {};
 __export(ShuttleBreadcrumb_exports, {
@@ -26,23 +29,24 @@ __export(ShuttleBreadcrumb_exports, {
 });
 module.exports = __toCommonJS(ShuttleBreadcrumb_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_web = require("react-spring/web");
 var import_ds_breadcrumb = require("@elliemae/ds-breadcrumb");
 var import_animationConfig = require("../animation/animationConfig");
 function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () => null }) {
   const animatedCrumbs = (0, import_web.useTransition)(hierarchy, (item) => item.id, import_animationConfig.animationConfig.breadcrumb());
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.DSBreadcrumb, {
-    isTitle: true
-  }, animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.DSBreadcrumb.Item, {
-    key,
-    containerComponent: import_web.animated.li,
-    label: item.name,
-    onClick: () => onNavigateTo(item, "up"),
-    style: props
-  }))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb, {
+      isTitle: true,
+      children: animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb.Item, {
+        containerComponent: import_web.animated.li,
+        label: item.name,
+        onClick: () => onNavigateTo(item, "up"),
+        style: props
+      }, key))
+    })
+  });
 }
 var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
 //# sourceMappingURL=ShuttleBreadcrumb.js.map

package/dist/cjs/components/ShuttleBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/ShuttleBreadcrumb.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { animationConfig } from '../animation/animationConfig';\n\nfunction ShuttleBreadcrumb({ className = '', hierarchy = [], onNavigateTo = () => null }) {\n  const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());\n\n  return (\n    <div className={className}>\n      <DSBreadcrumb isTitle>\n        {animatedCrumbs.map(({ item, props, key }) => (\n          <DSBreadcrumb.Item\n            key={key}\n            containerComponent={animated.li}\n            label={item.name}\n            onClick={() => onNavigateTo(item, 'up')}\n            style={props}\n          />\n        ))}\n      </DSBreadcrumb>\n    </div>\n  );\n}\n\nexport { ShuttleBreadcrumb };\nexport default ShuttleBreadcrumb;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,iBAAwC;AACxC,2BAA6B;AAC7B,6BAAgC;AAEhC,2BAA2B,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,QAAQ;AACxF,QAAM,iBAAiB,8BAAc,WAAW,CAAC,SAAS,KAAK,IAAI,uCAAgB,WAAW,CAAC;AAE/F,SACE,mDAAC;AAAA,IAAI;AAAA,KACH,mDAAC;AAAA,IAAa,SAAO;AAAA,KAClB,eAAe,IAAI,CAAC,EAAE,MAAM,OAAO,UAClC,mDAAC,kCAAa,MAAb;AAAA,IACC;AAAA,IACA,oBAAoB,oBAAS;AAAA,IAC7B,OAAO,KAAK;AAAA,IACZ,SAAS,MAAM,aAAa,MAAM,IAAI;AAAA,IACtC,OAAO;AAAA,GACT,CACD,CACH,CACF;AAEJ;AAGA,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,iBAAwC;AACxC,2BAA6B;AAC7B,6BAAgC;AAEhC,SAAS,kBAAkB,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,KAAK,GAAG;AACxF,QAAM,qBAAiB,0BAAc,WAAW,CAAC,SAAS,KAAK,IAAI,uCAAgB,WAAW,CAAC;AAE/F,SACE,4CAAC;AAAA,IAAI;AAAA,IACH,sDAAC;AAAA,MAAa,SAAO;AAAA,MAClB,yBAAe,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,MACtC,4CAAC,kCAAa,MAAb;AAAA,QAEC,oBAAoB,oBAAS;AAAA,QAC7B,OAAO,KAAK;AAAA,QACZ,SAAS,MAAM,aAAa,MAAM,IAAI;AAAA,QACtC,OAAO;AAAA,SAJF,GAKP,CACD;AAAA,KACH;AAAA,GACF;AAEJ;AAGA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ShuttleInfiniteScrollIndicator_exports = {};
 __export(ShuttleInfiniteScrollIndicator_exports, {
@@ -26,17 +29,18 @@ __export(ShuttleInfiniteScrollIndicator_exports, {
 });
 module.exports = __toCommonJS(ShuttleInfiniteScrollIndicator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_indeterminate_progress_indicator = require("@elliemae/ds-indeterminate-progress-indicator");
 const blockName = "shuttle-infinite-scroll-indicator";
 const InfiniteScrollBarContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
-const ShuttleInfiniteScrollIndicator = ({ isOpen }) => /* @__PURE__ */ import_react.default.createElement(InfiniteScrollBarContainer, {
+const ShuttleInfiniteScrollIndicator = ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InfiniteScrollBarContainer, {
   classProps: { isOpen },
-  "data-testid": blockName
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.DSIndeterminateProgressIndicator, {
-  processing: true,
-  title: "Loading"
-}));
+  "data-testid": blockName,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_indeterminate_progress_indicator.DSIndeterminateProgressIndicator, {
+    processing: true,
+    title: "Loading"
+  })
+});
 var ShuttleInfiniteScrollIndicator_default = ShuttleInfiniteScrollIndicator;
 //# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/ShuttleInfiniteScrollIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\n\nconst blockName = 'shuttle-infinite-scroll-indicator';\n\nconst InfiniteScrollBarContainer = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\n\nconst ShuttleInfiniteScrollIndicator = ({ isOpen }) => (\n  <InfiniteScrollBarContainer classProps={{ isOpen }} data-testid={blockName}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </InfiniteScrollBarContainer>\n);\n\nexport { ShuttleInfiniteScrollIndicator };\nexport default ShuttleInfiniteScrollIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAAkC;AAClC,iDAAiD;AAEjD,MAAM,YAAY;AAElB,MAAM,6BAA6B,4CAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AAEjH,MAAM,iCAAiC,CAAC,EAAE,aACxC,mDAAC;AAAA,EAA2B,YAAY,EAAE,OAAO;AAAA,EAAG,eAAa;AAAA,GAC/D,mDAAC;AAAA,EAAiC,YAAU;AAAA,EAAC,OAAM;AAAA,CAAU,CAC/D;AAIF,IAAO,yCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,2BAAkC;AAClC,iDAAiD;AAEjD,MAAM,YAAY;AAElB,MAAM,iCAA6B,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEjH,MAAM,iCAAiC,CAAC,EAAE,OAAO,MAC/C,4CAAC;AAAA,EAA2B,YAAY,EAAE,OAAO;AAAA,EAAG,eAAa;AAAA,EAC/D,sDAAC;AAAA,IAAiC,YAAU;AAAA,IAAC,OAAM;AAAA,GAAU;AAAA,CAC/D;AAIF,IAAO,yCAAQ;",
   "names": []
 }