@elliemae/ds-shuttle 3.15.0 → 3.16.0-next.10

package/dist/esm/Shuttle.actions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Shuttle.actions.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  addOrRemove,\n  cloneDeep,\n  hashArray,\n  compose,\n} from '@elliemae/ds-utilities';\nimport {\n  getHierarchyTypeName,\n  toggleInObject,\n  filterMovedItems,\n} from './helper';\n\nimport utils from './utils';\n\nexport function toggleItemSelection(itemId) {\n  return state => ({\n    ...state,\n    checkedItems: addOrRemove(state.checkedItems, itemId),\n  });\n}\nexport function navigateTo(item, dest) {\n  const hierarchyType = getHierarchyTypeName(dest);\n  return state => {\n    const indexInHierarchy = state[hierarchyType].findIndex(\n      hItem => hItem.id === item.id,\n    );\n    const hierarchy = state[hierarchyType];\n    return {\n      ...state,\n      [hierarchyType]:\n        indexInHierarchy !== -1\n          ? hierarchy.slice(0, indexInHierarchy + 1)\n          : [...hierarchy, item],\n    };\n  };\n}\nexport function moveItem(item) {\n  return state => {\n    const movedItems = toggleInObject(state.movedItems, item.id, item);\n    return {\n      ...state,\n      movedItems,\n    };\n  };\n}\n\nconst defaultOptions = {\n  parentField: 'parent',\n  idField: 'id',\n  op: hasMoved => !hasMoved,\n};\n\n// todo: optimize this\nfunction getItemDeep({ collection, id, options }) {\n  const { idField } = { ...defaultOptions, ...options };\n  const itemIndex = collection.findIndex(fItem => fItem[idField] === id);\n\n  // get item with nested children\n  const item = collection[itemIndex];\n  const children = item?.hasChildren\n    ? compose(utils.getChildren({ index: itemIndex }))(collection) || []\n    : [];\n\n  return { item, children };\n}\n\nexport function addToTarget(itemToAdd, collection) {\n  return (state, { idField }) => {\n    const items = collection || state.preparedItems;\n\n    const { item, children } = getItemDeep({\n      collection: items,\n      id: itemToAdd[idField],\n    });\n\n    return {\n      ...state,\n      movedItems: [...state.movedItems, item],\n      targetItems: [...state.targetItems, item, ...children],\n    };\n  };\n}\n\n// todo: optimize this\nexport function removeFromTarget(itemToRemove) {\n  return (state, { idField }) => {\n    let targetItems = cloneDeep(state.targetItems);\n\n    const itemIndex = targetItems.findIndex(\n      fItem => fItem.id === itemToRemove.id,\n    );\n\n    const item = targetItems[itemIndex];\n    const children = item?.hasChildren\n      ? compose(\n          filterMovedItems(state.movedItems),\n          utils.getChildren({ index: itemIndex }),\n        )(targetItems) || []\n      : [];\n\n    targetItems.splice(itemIndex, 1);\n    if (item?.hasChildren && children.length) {\n      const childrenHash = hashArray(children, 'id');\n      targetItems = targetItems.filter(i => !childrenHash[i.id]);\n    }\n\n    return {\n      ...state,\n      movedItems: state.movedItems.filter(\n        mItem => mItem[idField] !== itemToRemove[idField],\n      ),\n      targetItems,\n    };\n  };\n}\n\nexport function resetCheckedItems() {\n  return state => ({\n    ...state,\n    checkedItems: [],\n  });\n}\nexport function resetMovedItems() {\n  return state => ({\n    ...state,\n    movedItems: [],\n    targetItems: [],\n  });\n}\n"],
-  "mappings": "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",
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Shuttle.actions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { addOrRemove, cloneDeep, hashArray, compose } from '@elliemae/ds-utilities';\nimport { getHierarchyTypeName, toggleInObject, filterMovedItems } from './helper.js';\nimport utils from './utils.js';\n\nexport function toggleItemSelection(itemId) {\n  return (state) => ({\n    ...state,\n    checkedItems: addOrRemove(state.checkedItems, itemId),\n  });\n}\nexport function navigateTo(item, dest) {\n  const hierarchyType = getHierarchyTypeName(dest);\n  return (state) => {\n    const indexInHierarchy = state[hierarchyType].findIndex((hItem) => hItem.id === item.id);\n    const hierarchy = state[hierarchyType];\n    return {\n      ...state,\n      [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item],\n    };\n  };\n}\nexport function moveItem(item) {\n  return (state) => {\n    const movedItems = toggleInObject(state.movedItems, item.id, item);\n    return {\n      ...state,\n      movedItems,\n    };\n  };\n}\n\nconst defaultOptions = {\n  parentField: 'parent',\n  idField: 'id',\n  op: (hasMoved) => !hasMoved,\n};\n\n// todo: optimize this\nfunction getItemDeep({ collection, id, options }) {\n  const { idField } = { ...defaultOptions, ...options };\n  const itemIndex = collection.findIndex((fItem) => fItem[idField] === id);\n\n  // get item with nested children\n  const item = collection[itemIndex];\n  const children = item?.hasChildren ? compose(utils.getChildren({ index: itemIndex }))(collection) || [] : [];\n\n  return { item, children };\n}\n\nexport function addToTarget(itemToAdd, collection) {\n  return (state, { idField }) => {\n    const items = collection || state.preparedItems;\n\n    const { item, children } = getItemDeep({\n      collection: items,\n      id: itemToAdd[idField],\n    });\n\n    return {\n      ...state,\n      movedItems: [...state.movedItems, item],\n      targetItems: [...state.targetItems, item, ...children],\n    };\n  };\n}\n\n// todo: optimize this\nexport function removeFromTarget(itemToRemove) {\n  return (state, { idField }) => {\n    let targetItems = cloneDeep(state.targetItems);\n\n    const itemIndex = targetItems.findIndex((fItem) => fItem.id === itemToRemove.id);\n\n    const item = targetItems[itemIndex];\n    const children = item?.hasChildren\n      ? compose(filterMovedItems(state.movedItems), utils.getChildren({ index: itemIndex }))(targetItems) || []\n      : [];\n\n    targetItems.splice(itemIndex, 1);\n    if (item?.hasChildren && children.length) {\n      const childrenHash = hashArray(children, 'id');\n      targetItems = targetItems.filter((i) => !childrenHash[i.id]);\n    }\n\n    return {\n      ...state,\n      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),\n      targetItems,\n    };\n  };\n}\n\nexport function resetCheckedItems() {\n  return (state) => ({\n    ...state,\n    checkedItems: [],\n  });\n}\nexport function resetMovedItems() {\n  return (state) => ({\n    ...state,\n    movedItems: [],\n    targetItems: [],\n  });\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/ShuttleContainer.js

@@ -1,30 +1,17 @@
 import * as React from "react";
 import { useContext, useMemo } from "react";
-import {
-  isFunction,
-  compose,
-  uniqBy,
-  values,
-  sortBy
-} from "@elliemae/ds-utilities";
-import { withProviders } from "./withProviders";
-import {
-  prepareItems,
-  getActiveIdFromHierarchy,
-  filterItemsByHierarchy,
-  getItemsById
-} from "./helper";
-import { SearchState } from "./SearchState";
-import { ShuttleState } from "./ShuttleState";
+import { isFunction, compose, uniqBy, values, sortBy } from "@elliemae/ds-utilities";
+import { withProviders } from "./withProviders.js";
+import { prepareItems, getActiveIdFromHierarchy, filterItemsByHierarchy, getItemsById } from "./helper.js";
+import { SearchState } from "./SearchState.js";
+import { ShuttleState } from "./ShuttleState.js";
 function filterItemsByTerm(items, term) {
   return items.filter(
     (item) => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1
   );
 }
 function ShuttleContainer({ items = [], children }) {
-  const { state: shuttleState, ...handlers } = useContext(
-    ShuttleState.Context
-  );
+  const { state: shuttleState, ...handlers } = useContext(ShuttleState.Context);
   const { state: searchState } = useContext(SearchState.Context);
   const {
     movedItems,
@@ -53,9 +40,7 @@ function ShuttleContainer({ items = [], children }) {
     const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
     return compose(
       (items2) => sortBy(items2, ["name"]),
-      (items2) => hierarchyId ? filterItemsByHierarchy(items2, hierarchyId).filter(
-        (item) => !movedItems[item.id]
-      ) : uniqBy(values(movedItems), "id")
+      (items2) => hierarchyId ? filterItemsByHierarchy(items2, hierarchyId).filter((item) => !movedItems[item.id]) : uniqBy(values(movedItems), "id")
     )(items);
   }, [items, searching, hierarchyDest, movedItems]);
   return isFunction(children) && children({

package/dist/esm/ShuttleContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\nimport { useContext, useMemo } from 'react';\nimport {\n  isFunction,\n  compose,\n  uniqBy,\n  values,\n  sortBy,\n} from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n  prepareItems,\n  getActiveIdFromHierarchy,\n  filterItemsByHierarchy,\n  getItemsById,\n} from './helper';\nimport { SearchState } from './SearchState';\nimport { ShuttleState } from './ShuttleState';\n\nfunction filterItemsByTerm(items, term) {\n  return items.filter(\n    item =>\n      item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 ||\n      String(item.id).indexOf(String(term).toLowerCase()) !== -1,\n  );\n}\n\nfunction ShuttleContainer({ items = [], children }) {\n  const { state: shuttleState, ...handlers } = useContext(\n    ShuttleState.Context,\n  );\n  const { state: searchState } = useContext(SearchState.Context);\n  const {\n    movedItems,\n    hierarchy,\n    hierarchyDest,\n    checkedItems,\n    searchTerm,\n    searching,\n    toggleItemSelection,\n    resetCheckedItems,\n    resetMovedItems,\n    moveCheckedItems,\n    moveItem,\n    navigate,\n  } = { ...shuttleState, ...searchState, ...handlers };\n\n  const sourceItems = useMemo(\n    () =>\n      compose(\n        items => items.filter(item => !movedItems[item.id]),\n        items =>\n          searchTerm && searching\n            ? filterItemsByTerm(items, searchTerm)\n            : items,\n        items =>\n          filterItemsByHierarchy(items, getActiveIdFromHierarchy(hierarchy).id),\n        items => prepareItems(items),\n      )(items),\n    [items, searchTerm, searching, hierarchy, movedItems],\n  );\n\n  const targetItems = useMemo(() => {\n    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n    return compose(\n      items => sortBy(items, ['name']),\n      items =>\n        hierarchyId\n          ? filterItemsByHierarchy(items, hierarchyId).filter(\n              item => !movedItems[item.id],\n            )\n          : uniqBy(values(movedItems), 'id'),\n    )(items);\n  }, [items, searching, hierarchyDest, movedItems]);\n\n  return (\n    isFunction(children) &&\n    children({\n      checkedItems,\n      hierarchy,\n      hierarchyDest,\n      onCheckItem: toggleItemSelection,\n      onClearCheckedItems: resetCheckedItems,\n      onClearMovedItems: resetMovedItems,\n      onMoveCheckedItems: () =>\n        moveCheckedItems(getItemsById(checkedItems, items)),\n      onMoveItemToSource: item => moveItem(item, false),\n      onMoveItemToTarget: item => moveItem(item, true),\n      onNavigateOnSourceTo: item => navigate(item, false),\n      onNavigateOnTargetTo: item => navigate(item, true),\n      sourceItems,\n      targetItems,\n    })\n  );\n}\n\nexport default withProviders(ShuttleContainer);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,eAAe;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB,OAAO,MAAM;AACtC,SAAO,MAAM;AAAA,IACX,UACE,KAAK,KAAK,YAAY,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM,MAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM;AAAA,EAC5D;AACF;AAEA,SAAS,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAG;AAClD,QAAM,EAAE,OAAO,iBAAiB,SAAS,IAAI;AAAA,IAC3C,aAAa;AAAA,EACf;AACA,QAAM,EAAE,OAAO,YAAY,IAAI,WAAW,YAAY,OAAO;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,EAAE,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS;AAEnD,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,CAAAA,WAASA,OAAM,OAAO,UAAQ,CAAC,WAAW,KAAK,GAAG;AAAA,MAClD,CAAAA,WACE,cAAc,YACV,kBAAkBA,QAAO,UAAU,IACnCA;AAAA,MACN,CAAAA,WACE,uBAAuBA,QAAO,yBAAyB,SAAS,EAAE,EAAE;AAAA,MACtE,CAAAA,WAAS,aAAaA,MAAK;AAAA,IAC7B,EAAE,KAAK;AAAA,IACT,CAAC,OAAO,YAAY,WAAW,WAAW,UAAU;AAAA,EACtD;AAEA,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,cAAc,yBAAyB,aAAa,EAAE;AAC5D,WAAO;AAAA,MACL,CAAAA,WAAS,OAAOA,QAAO,CAAC,MAAM,CAAC;AAAA,MAC/B,CAAAA,WACE,cACI,uBAAuBA,QAAO,WAAW,EAAE;AAAA,QACzC,UAAQ,CAAC,WAAW,KAAK;AAAA,MAC3B,IACA,OAAO,OAAO,UAAU,GAAG,IAAI;AAAA,IACvC,EAAE,KAAK;AAAA,EACT,GAAG,CAAC,OAAO,WAAW,eAAe,UAAU,CAAC;AAEhD,SACE,WAAW,QAAQ,KACnB,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAClB,iBAAiB,aAAa,cAAc,KAAK,CAAC;AAAA,IACpD,oBAAoB,UAAQ,SAAS,MAAM,KAAK;AAAA,IAChD,oBAAoB,UAAQ,SAAS,MAAM,IAAI;AAAA,IAC/C,sBAAsB,UAAQ,SAAS,MAAM,KAAK;AAAA,IAClD,sBAAsB,UAAQ,SAAS,MAAM,IAAI;AAAA,IACjD;AAAA,IACA;AAAA,EACF,CAAC;AAEL;AAEA,IAAO,2BAAQ,cAAc,gBAAgB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\nimport { useContext, useMemo } from 'react';\nimport { isFunction, compose, uniqBy, values, sortBy } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders.js';\nimport { prepareItems, getActiveIdFromHierarchy, filterItemsByHierarchy, getItemsById } from './helper.js';\nimport { SearchState } from './SearchState.js';\nimport { ShuttleState } from './ShuttleState.js';\n\nfunction filterItemsByTerm(items, term) {\n  return items.filter(\n    (item) =>\n      item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 ||\n      String(item.id).indexOf(String(term).toLowerCase()) !== -1,\n  );\n}\n\nfunction ShuttleContainer({ items = [], children }) {\n  const { state: shuttleState, ...handlers } = useContext(ShuttleState.Context);\n  const { state: searchState } = useContext(SearchState.Context);\n  const {\n    movedItems,\n    hierarchy,\n    hierarchyDest,\n    checkedItems,\n    searchTerm,\n    searching,\n    toggleItemSelection,\n    resetCheckedItems,\n    resetMovedItems,\n    moveCheckedItems,\n    moveItem,\n    navigate,\n  } = { ...shuttleState, ...searchState, ...handlers };\n\n  const sourceItems = useMemo(\n    () =>\n      compose(\n        (items) => items.filter((item) => !movedItems[item.id]),\n        (items) => (searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items),\n        (items) => filterItemsByHierarchy(items, getActiveIdFromHierarchy(hierarchy).id),\n        (items) => prepareItems(items),\n      )(items),\n    [items, searchTerm, searching, hierarchy, movedItems],\n  );\n\n  const targetItems = useMemo(() => {\n    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n    return compose(\n      (items) => sortBy(items, ['name']),\n      (items) =>\n        hierarchyId\n          ? filterItemsByHierarchy(items, hierarchyId).filter((item) => !movedItems[item.id])\n          : uniqBy(values(movedItems), 'id'),\n    )(items);\n  }, [items, searching, hierarchyDest, movedItems]);\n\n  return (\n    isFunction(children) &&\n    children({\n      checkedItems,\n      hierarchy,\n      hierarchyDest,\n      onCheckItem: toggleItemSelection,\n      onClearCheckedItems: resetCheckedItems,\n      onClearMovedItems: resetMovedItems,\n      onMoveCheckedItems: () => moveCheckedItems(getItemsById(checkedItems, items)),\n      onMoveItemToSource: (item) => moveItem(item, false),\n      onMoveItemToTarget: (item) => moveItem(item, true),\n      onNavigateOnSourceTo: (item) => navigate(item, false),\n      onNavigateOnTargetTo: (item) => navigate(item, true),\n      sourceItems,\n      targetItems,\n    })\n  );\n}\n\nexport default withProviders(ShuttleContainer);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,eAAe;AACpC,SAAS,YAAY,SAAS,QAAQ,QAAQ,cAAc;AAC5D,SAAS,qBAAqB;AAC9B,SAAS,cAAc,0BAA0B,wBAAwB,oBAAoB;AAC7F,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB,OAAO,MAAM;AACtC,SAAO,MAAM;AAAA,IACX,CAAC,SACC,KAAK,KAAK,YAAY,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM,MAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM;AAAA,EAC5D;AACF;AAEA,SAAS,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAG;AAClD,QAAM,EAAE,OAAO,iBAAiB,SAAS,IAAI,WAAW,aAAa,OAAO;AAC5E,QAAM,EAAE,OAAO,YAAY,IAAI,WAAW,YAAY,OAAO;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,EAAE,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS;AAEnD,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,CAACA,WAAUA,OAAM,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,GAAG;AAAA,MACtD,CAACA,WAAW,cAAc,YAAY,kBAAkBA,QAAO,UAAU,IAAIA;AAAA,MAC7E,CAACA,WAAU,uBAAuBA,QAAO,yBAAyB,SAAS,EAAE,EAAE;AAAA,MAC/E,CAACA,WAAU,aAAaA,MAAK;AAAA,IAC/B,EAAE,KAAK;AAAA,IACT,CAAC,OAAO,YAAY,WAAW,WAAW,UAAU;AAAA,EACtD;AAEA,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,cAAc,yBAAyB,aAAa,EAAE;AAC5D,WAAO;AAAA,MACL,CAACA,WAAU,OAAOA,QAAO,CAAC,MAAM,CAAC;AAAA,MACjC,CAACA,WACC,cACI,uBAAuBA,QAAO,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,GAAG,IAChF,OAAO,OAAO,UAAU,GAAG,IAAI;AAAA,IACvC,EAAE,KAAK;AAAA,EACT,GAAG,CAAC,OAAO,WAAW,eAAe,UAAU,CAAC;AAEhD,SACE,WAAW,QAAQ,KACnB,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAAM,iBAAiB,aAAa,cAAc,KAAK,CAAC;AAAA,IAC5E,oBAAoB,CAAC,SAAS,SAAS,MAAM,KAAK;AAAA,IAClD,oBAAoB,CAAC,SAAS,SAAS,MAAM,IAAI;AAAA,IACjD,sBAAsB,CAAC,SAAS,SAAS,MAAM,KAAK;AAAA,IACpD,sBAAsB,CAAC,SAAS,SAAS,MAAM,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,EACF,CAAC;AAEL;AAEA,IAAO,2BAAQ,cAAc,gBAAgB;",
   "names": ["items"]
 }

package/dist/esm/ShuttleImpl.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Component } from "react";
 import { compose, arrayMove } from "@elliemae/ds-utilities";
-import { withProviders } from "./withProviders";
+import { withProviders } from "./withProviders.js";
 import {
   addToTarget,
   navigateTo,
@@ -10,7 +10,7 @@ import {
   resetMovedItems,
   toggleItemSelection,
   removeFromTarget
-} from "./Shuttle.actions";
+} from "./Shuttle.actions.js";
 import {
   getActiveIdFromHierarchy,
   filterBySearch,
@@ -18,10 +18,10 @@ import {
   pipe,
   getChildrenFromParent,
   filterMovedItems
-} from "./helper";
-import { ShuttleRenderer } from "./ShuttleRenderer";
-import { SearchState } from "./SearchState";
-import { updateShuttleStateFromProps } from "./updateShuttleStateFromProps";
+} from "./helper.js";
+import { ShuttleRenderer } from "./ShuttleRenderer.js";
+import { SearchState } from "./SearchState.js";
+import { updateShuttleStateFromProps } from "./updateShuttleStateFromProps.js";
 class ShuttleImpl extends Component {
   constructor(props) {
     super(props);
@@ -50,12 +50,9 @@ class ShuttleImpl extends Component {
     this.resetMovedItems = () => {
       const { selectedItems, onRemoveAllFromTarget } = this.props;
       if (!selectedItems) {
-        this.setState(
-          pipe([navigateTo({ id: null }, true), resetMovedItems()]),
-          () => {
-            this.handleChange();
-          }
-        );
+        this.setState(pipe([navigateTo({ id: null }, true), resetMovedItems()]), () => {
+          this.handleChange();
+        });
       } else {
         this.setState(pipe([navigateTo({ id: null }, true)]));
       }
@@ -86,9 +83,7 @@ class ShuttleImpl extends Component {
       const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;
       const { checkedItems, preparedItems } = this.state;
       const isControlledV2 = !!selectedItems && !!nonSelectedItems;
-      const checked = isControlledV2 ? nonSelectedItems.filter(
-        (item) => checkedItems.some((check) => check === item)
-      ) : checkedItems;
+      const checked = isControlledV2 ? nonSelectedItems.filter((item) => checkedItems.some((check) => check === item)) : checkedItems;
       const items = getItemsById(checked, preparedItems);
       const actions = !selectedItems ? items.map((item) => addToTarget(item)) : [];
       this.setState(pipe([...actions, resetCheckedItems()]), () => {
@@ -101,12 +96,8 @@ class ShuttleImpl extends Component {
       const { targetItems, hierarchyDest, movedItems } = this.state;
       const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
       const collection = !hierarchyId ? movedItems : targetItems;
-      const oldIndex = collection.findIndex(
-        (tItem) => tItem[idField] === sourceItem[idField]
-      );
-      const newIndex = collection.findIndex(
-        (tItem) => tItem[idField] === targetItem[idField]
-      );
+      const oldIndex = collection.findIndex((tItem) => tItem[idField] === sourceItem[idField]);
+      const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);
       const sortedMovedItems = !hierarchyId ? arrayMove(movedItems, oldIndex, newIndex) : movedItems;
       const sortedItems = hierarchyId ? arrayMove(targetItems, oldIndex, newIndex) : targetItems;
       this.setState({
@@ -135,14 +126,7 @@ class ShuttleImpl extends Component {
   }
   render() {
     const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;
-    const {
-      hierarchy,
-      hierarchyDest,
-      checkedItems,
-      movedItems,
-      preparedItems: items,
-      targetItems
-    } = this.state;
+    const { hierarchy, hierarchyDest, checkedItems, movedItems, preparedItems: items, targetItems } = this.state;
     const {
       state: { searchTerm, searching }
     } = this.context;
@@ -152,20 +136,14 @@ class ShuttleImpl extends Component {
         return filterBySearch(
           searchTerm,
           searching
-        )(
-          getChildrenFromParent(id)(
-            nonSelectedItems.map((it) => items.find((itt) => itt.id === it))
-          )
-        );
+        )(getChildrenFromParent(id)(nonSelectedItems.map((it) => items.find((itt) => itt.id === it))));
       }
       return filterBySearch(
         searchTerm,
         searching
       )(
         items.filter(
-          (it) => nonSelectedItems.some(
-            (itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent)
-          )
+          (it) => nonSelectedItems.some((itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent))
         )
       );
     };
@@ -182,12 +160,8 @@ class ShuttleImpl extends Component {
     const handleControlledTargetItms = () => {
       const { id } = getActiveIdFromHierarchy(hierarchyDest);
       if (id) {
-        return getChildrenFromParent(
-          getActiveIdFromHierarchy(hierarchyDest).id
-        )(
-          this.props.selectedItems.map(
-            (it) => items.find((itt) => itt.id === it)
-          )
+        return getChildrenFromParent(getActiveIdFromHierarchy(hierarchyDest).id)(
+          this.props.selectedItems.map((it) => items.find((itt) => itt.id === it))
         );
       }
       return targetItems.filter(
@@ -202,10 +176,7 @@ class ShuttleImpl extends Component {
     } else {
       composedTargetItems = compose((tItems) => {
         const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
-        return hierarchyId ? compose(
-          filterMovedItems(movedItems),
-          getChildrenFromParent(hierarchyId)
-        )(tItems) : movedItems;
+        return hierarchyId ? compose(filterMovedItems(movedItems), getChildrenFromParent(hierarchyId))(tItems) : movedItems;
       })(targetItems);
     }
     return /* @__PURE__ */ jsx(

package/dist/esm/ShuttleImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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.js';\nimport {\n  addToTarget,\n  navigateTo,\n  resetCheckedItems,\n  resetMovedItems,\n  toggleItemSelection,\n  removeFromTarget,\n} from './Shuttle.actions.js';\nimport {\n  getActiveIdFromHierarchy,\n  filterBySearch,\n  getItemsById,\n  pipe,\n  getChildrenFromParent,\n  filterMovedItems,\n} from './helper.js';\nimport { ShuttleRenderer } from './ShuttleRenderer.js';\nimport { SearchState } from './SearchState.js';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps.js';\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(pipe([navigateTo({ id: null }, true), resetMovedItems()]), () => {\n        this.handleChange();\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) => checkedItems.some((check) => check === item))\n      : checkedItems;\n    const items = getItemsById(checked, preparedItems);\n    const actions = !selectedItems ? items.map((item) => addToTarget(item)) : [];\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((tItem) => tItem[idField] === sourceItem[idField]);\n    const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);\n\n    const sortedMovedItems = !hierarchyId ? arrayMove(movedItems, oldIndex, newIndex) : movedItems;\n    const sortedItems = hierarchyId ? arrayMove(targetItems, oldIndex, newIndex) : 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 { hierarchy, hierarchyDest, checkedItems, movedItems, preparedItems: items, targetItems } = 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        )(getChildrenFromParent(id)(nonSelectedItems.map((it) => items.find((itt) => itt.id === it))));\n      }\n\n      return filterBySearch(\n        searchTerm,\n        searching,\n      )(\n        items.filter((it) =>\n          nonSelectedItems.some((itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent)),\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(getActiveIdFromHierarchy(hierarchyDest).id)(\n          this.props.selectedItems.map((it) => items.find((itt) => itt.id === it)),\n        );\n      }\n\n      return targetItems.filter((it) =>\n        this.props.selectedItems.some(\n          (itt) => itt === it.id && !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(filterMovedItems(movedItems), getChildrenFromParent(hierarchyId))(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) => this.navigate(item, false, direction)}\n        onNavigateOnTargetTo={(item, direction) => this.navigate(item, true, direction)}\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"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/ShuttleRenderer.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useContext } from "react";
-import { ShuttleSource } from "./components/ShuttleSource";
-import { ShuttleTarget } from "./components/ShuttleTarget";
-import { ShuttleContainer } from "./classedComponents";
-import { AnimationState } from "./AnimationState";
+import { ShuttleSource } from "./components/ShuttleSource.js";
+import { ShuttleTarget } from "./components/ShuttleTarget.js";
+import { ShuttleContainer } from "./classedComponents.js";
+import { AnimationState } from "./AnimationState.js";
 const noop = () => {
 };
-function ShuttleRenderer({
+const ShuttleRenderer = ({
   containerProps,
   onNavigateOnTargetTo = noop,
   onNavigateOnSourceTo = noop,
@@ -42,13 +42,9 @@ function ShuttleRenderer({
   moreItemsLoading = false,
   hasNextPage = false,
   ...otherProps
-}) {
-  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(
-    AnimationState.Context
-  );
-  const removeAnimationState = useCallback(
-    () => setTimeout(() => reset(), 500)
-  );
+}) => {
+  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(AnimationState.Context);
+  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));
   return /* @__PURE__ */ jsxs(ShuttleContainer, { "data-testid": "em-ds-shuttle", ...containerProps, children: [
     /* @__PURE__ */ jsx(
       ShuttleSource,
@@ -71,9 +67,7 @@ function ShuttleRenderer({
           removeAnimationState();
         },
         onNavigateTo: (item, direction = "down") => {
-          const indexInHierarchy = hierarchy.findIndex(
-            (hItem) => hItem.id === item.id
-          );
+          const indexInHierarchy = hierarchy.findIndex((hItem) => hItem.id === item.id);
           setIsDrillingDown(indexInHierarchy === -1);
           onNavigateOnSourceTo(item, direction);
         },
@@ -109,9 +103,7 @@ function ShuttleRenderer({
           onMoveItemToSource(item);
         },
         onNavigateTo: (item, direction = "down") => {
-          const indexInHierarchy = hierarchyDest.findIndex(
-            (hItem) => hItem.id === item.id
-          );
+          const indexInHierarchy = hierarchyDest.findIndex((hItem) => hItem.id === item.id);
           setIsDrillingDown(indexInHierarchy === -1);
           onNavigateOnTargetTo(item, direction);
         },
@@ -121,7 +113,7 @@ function ShuttleRenderer({
       }
     )
   ] });
-}
+};
 var ShuttleRenderer_default = ShuttleRenderer;
 export {
   ShuttleRenderer,

package/dist/esm/ShuttleRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleRenderer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACsDnB,SACE,KADF;AApDJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;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,IAAI;AAAA,IACjE,eAAe;AAAA,EACjB;AAEA,QAAM,uBAAuB;AAAA,IAAY,MACvC,WAAW,MAAM,MAAM,GAAG,GAAG;AAAA,EAC/B;AAEA,SACE,qBAAC,oBAAiB,eAAY,iBAAiB,GAAG,gBAChD;AAAA;AAAA,MAAC;AAAA;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;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;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;AAAA,IACX;AAAA,KACF;AAEJ;AAGA,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useCallback, useContext } from 'react';\nimport { ShuttleSource } from './components/ShuttleSource.js';\nimport { ShuttleTarget } from './components/ShuttleTarget.js';\nimport { ShuttleContainer } from './classedComponents.js';\nimport { AnimationState } from './AnimationState.js';\n\n// todo: clean methods on jsx\nconst noop = () => {};\nconst 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(AnimationState.Context);\n\n  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));\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((hItem) => hItem.id === item.id);\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((hItem) => hItem.id === item.id);\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACkDnB,SACE,KADF;AAhDJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAG/B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,kBAAkB,CAAC;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,MAAM;AACJ,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,MAAM,IAAI,WAAW,eAAe,OAAO;AAEpG,QAAM,uBAAuB,YAAY,MAAM,WAAW,MAAM,MAAM,GAAG,GAAG,CAAC;AAE7E,SACE,qBAAC,oBAAiB,eAAY,iBAAiB,GAAG,gBAChD;AAAA;AAAA,MAAC;AAAA;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,UAAU,CAAC,UAAU,MAAM,OAAO,KAAK,EAAE;AAC5E,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;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;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,UAAU,CAAC,UAAU,MAAM,OAAO,KAAK,EAAE;AAChF,4BAAkB,qBAAqB,EAAE;AACzC,+BAAqB,MAAM,SAAS;AAAA,QACtC;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,SAAS;AAAA;AAAA,IACX;AAAA,KACF;AAEJ;AAGA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/ShuttleState.js

@@ -1,8 +1,8 @@
 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 { getItemsById, pipe } from "./helper.js";
+import * as actions from "./Shuttle.actions.js";
 function useShuttleState() {
   const [shuttleState, setShuttleState] = useState({
     checkedItems: [],
@@ -17,17 +17,13 @@ function useShuttleState() {
     setState(pipe([actions.resetMovedItems(), ...pipeActions]));
   }
   function navigate(item, dest) {
-    setState(
-      pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()])
-    );
+    setState(pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
   }
   function resetCheckedItems() {
     setState(actions.resetCheckedItems());
   }
   function resetMovedItems() {
-    setState(
-      pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()])
-    );
+    setState(pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
   }
   function moveItem(item, dest) {
     setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));

package/dist/esm/ShuttleState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AACzB,OAAO,qBAAqB;AAC5B,SAAS,cAAc,YAAY;AACnC,YAAY,aAAa;AAEzB,SAAS,kBAAkB;AACzB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS;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,cAAc,aAAa,UAAU,KAAK;AAChD,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM,IAAI,CAAC;AACxE,aAAS,KAAK,CAAC,QAAQ,gBAAgB,GAAG,GAAG,WAAW,CAAC,CAAC;AAAA,EAC5D;AAEA,WAAS,SAAS,MAAM,MAAM;AAC5B;AAAA,MACE,KAAK,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,MACE,KAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,KAAK,GAAG,IAAI,GAAG,QAAQ,gBAAgB,CAAC,CAAC;AAAA,IAC1E;AAAA,EACF;AAEA,WAAS,SAAS,MAAM,MAAM;AAC5B,aAAS,KAAK,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,aAAS,KAAK,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,gBAAgB,iBAAiB,WAAS,CAAC,MAAM,KAAK,CAAC;AAElF,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState } from 'react';\nimport createContainer from 'constate';\nimport { getItemsById, pipe } from './helper.js';\nimport * as actions from './Shuttle.actions.js';\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(pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]));\n  }\n\n  function resetCheckedItems() {\n    setState(actions.resetCheckedItems());\n  }\n\n  function resetMovedItems() {\n    setState(pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AACzB,OAAO,qBAAqB;AAC5B,SAAS,cAAc,YAAY;AACnC,YAAY,aAAa;AAEzB,SAAS,kBAAkB;AACzB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS;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,CAAC,UAAU,gBAAgB,MAAM,YAAY,CAAC;AAE/D,WAAS,cAAc,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG;AAChD,UAAM,cAAc,aAAa,UAAU,KAAK;AAChD,UAAM,cAAc,YAAY,IAAI,CAAC,SAAS,QAAQ,SAAS,MAAM,IAAI,CAAC;AAC1E,aAAS,KAAK,CAAC,QAAQ,gBAAgB,GAAG,GAAG,WAAW,CAAC,CAAC;AAAA,EAC5D;AAEA,WAAS,SAAS,MAAM,MAAM;AAC5B,aAAS,KAAK,CAAC,QAAQ,WAAW,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC;AAAA,EAC9E;AAEA,WAAS,oBAAoB;AAC3B,aAAS,QAAQ,kBAAkB,CAAC;AAAA,EACtC;AAEA,WAAS,kBAAkB;AACzB,aAAS,KAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,KAAK,GAAG,IAAI,GAAG,QAAQ,gBAAgB,CAAC,CAAC,CAAC;AAAA,EACpF;AAEA,WAAS,SAAS,MAAM,MAAM;AAC5B,aAAS,KAAK,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,CAAC,SAAS,SAAS,MAAM,IAAI,CAAC;AAC5D,aAAS,KAAK,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,gBAAgB,iBAAiB,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;AAEpF,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/animation/animationConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// 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(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`,\n    },\n    leave: {\n      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}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,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`,\n    },\n    leave: {\n      opacity: 0,\n      transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,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,CAAC,kBAAkB;AAAA,IAC3B,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eAAe,eAAe,CAAC,eAAe;AAAA,IAC3D;AAAA,IACA,OAAO;AAAA,MACL,WAAW,eAAe,eAAe,CAAC,eAAe;AAAA,IAC3D;AAAA,EACF;AAAA,EACA,UAAU,CAAC,oBAAoB;AAAA,IAC7B,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,qBAAqB;AAAA,IACrD,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBAAmB,iBAAiB,eAAe,CAAC;AAAA,IACjE;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBAAiB,iBAAiB,CAAC,eAAe;AAAA,IAC/D;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/esm/classedComponents.js

@@ -1,8 +1,8 @@
 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";
+import { ShuttleBreadcrumb } from "./components/ShuttleBreadcrumb.js";
+import { OverflowList } from "./components/OverflowList.js";
 const blockName = "shuttle";
 const headerBlockName = `${blockName}-header`;
 const listBlockName = `${blockName}-list`;

package/dist/esm/classedComponents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/classedComponents.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ShuttleBreadcrumb } from './components/ShuttleBreadcrumb.js';\nimport { OverflowList } from './components/OverflowList.js';\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"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAG7B,MAAM,YAAY;AAClB,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAEpB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,SAAS;AAG3D,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,GAAG,mBAAmB;AAGtE,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,0BAA0B,kBAAkB,iBAAiB,EAAE,iBAAiB,YAAY;AAClG,MAAM,4BAA4B,kBAAkB,QAAQ,EAAE,iBAAiB,eAAe;AAG9F,MAAM,cAAc,kBAAkB,KAAK,EAAE,eAAe,MAAM,CAAC,EAAE,UAAU,OAAO;AAAA,EAC3F,cAAc;AAChB,EAAE;AAEK,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,eAAe,SAAS,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAClG,MAAM,WAAW,kBAAkB,YAAY,EAAE,eAAe,YAAY,CAAC,EAAE,OAAO,UAAU,OAAO;AAAA,EAC5G;AAAA,EACA;AACF,EAAE;AACK,MAAM,eAAe,kBAAkB,MAAM,EAAE,eAAe,eAAe;AAC7E,MAAM,cAAc,kBAAkB,KAAK,EAAE,eAAe,cAAc;AAG1E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,uBAAuB,kBAAkB,KAAK,EAAE,iBAAiB,SAAS;AAChF,MAAM,uBAAuB,kBAAkB,MAAM,EAAE,iBAAiB,SAAS;",
   "names": []
 }

package/dist/esm/components/OverflowList.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { useTransition, animated } from "react-spring/web";
-import { animationConfig } from "../animation/animationConfig";
-import { AnimationState } from "../AnimationState";
+import { animationConfig } from "../animation/animationConfig.js";
+import { AnimationState } from "../AnimationState.js";
 function OverflowList({ className = "", activeHierarchy = "", children }) {
   const {
     state: { isDrillingDown = false },

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/OverflowList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { animationConfig } from '../animation/animationConfig.js';\nimport { AnimationState } from '../AnimationState.js';\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"],
   "mappings": "AAAA,YAAY,WAAW;ACgBnB;AAhBJ,SAAgB,kBAAkB;AAClC,SAAS,eAAe,gBAAgB;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,aAAa,EAAE,YAAY,IAAI,kBAAkB,IAAI,SAAS,GAAG;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,MAAM;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,QAAM,qBAAqB,cAAc,iBAAiB,MAAM;AAAA,IAC9D,GAAG,gBAAgB,SAAS,cAAc;AAAA,IAC1C,aAAa,MAAM,kBAAkB,KAAK;AAAA,EAC5C,CAAC;AACD,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,IAAI,MAC1C,oBAAC,SAAS,KAAT,EAAuB,WAAsB,OAAO,OAClD,YADgB,GAEnB,CACD;AACH;AAGA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleBreadcrumb.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTransition, animated } from "react-spring/web";
 import { DSBreadcrumb } from "@elliemae/ds-breadcrumb";
-import { animationConfig } from "../animation/animationConfig";
-function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () => null }) {
+import { animationConfig } from "../animation/animationConfig.js";
+const ShuttleBreadcrumb = ({ className = "", hierarchy = [], onNavigateTo = () => null }) => {
   const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());
   return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(DSBreadcrumb, { isTitle: true, children: animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ jsx(
     DSBreadcrumb.Item,
@@ -15,7 +15,7 @@ function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () =
     },
     key
   )) }) });
-}
+};
 var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
 export {
   ShuttleBreadcrumb,