@elliemae/ds-shuttle 3.16.0 → 3.16.1

package/dist/esm/updateShuttleStateFromProps.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { compose, isEqual, hashArray } from "@elliemae/ds-utilities";
-import { getItemsById, pipe, prepareItems } from "./helper";
-import { addToTarget, resetMovedItems } from "./Shuttle.actions";
+import { getItemsById, pipe, prepareItems } from "./helper.js";
+import { addToTarget, resetMovedItems } from "./Shuttle.actions.js";
 const mergeToPrevState = (prevState, nextState) => ({
   ...prevState,
   ...nextState,
@@ -38,11 +38,12 @@ function compareItems(nextProps, prevProps) {
     const preparedItems = prepareItems(items);
     const isControlledV2 = nextProps.nonSelectedItems;
     if (isControlledV2) {
-      const targetItems = nextProps.selectedItems.map(
-        (id) => preparedItems.find((it) => it.id === id)
-      );
+      const targetItems = nextProps.selectedItems.map((id) => preparedItems.find((it) => it.id === id));
       return mergeToPrevState(nextState, {
         preparedItems,
+        // PUI-4462 on async load and items change, the shuttle loads
+        // all children from currently selected targetItems from items prop
+        // (items prop update)
         targetItems,
         movedItems: targetItems,
         prevProps: {
@@ -61,9 +62,7 @@ function compareItems(nextProps, prevProps) {
   };
 }
 function updateShuttleStateFromProps(nextProps, prevState) {
-  const stateReducers = [compareSelectedItems, compareItems].map(
-    (fn) => fn(nextProps, prevState.prevProps)
-  );
+  const stateReducers = [compareSelectedItems, compareItems].map((fn) => fn(nextProps, prevState.prevProps));
   const nextState = compose(...stateReducers)(prevState);
   return !isEqual(nextState, prevState) ? nextState : null;
 }

package/dist/esm/updateShuttleStateFromProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/updateShuttleStateFromProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { compose, isEqual, hashArray } from '@elliemae/ds-utilities';\nimport { getItemsById, pipe, prepareItems } from './helper';\nimport { addToTarget, resetMovedItems } from './Shuttle.actions';\n\nconst mergeToPrevState = (prevState, nextState) => ({\n  ...prevState,\n  ...nextState,\n  prevProps: {\n    ...prevState.prevProps,\n    ...nextState.prevProps,\n  },\n});\n\nfunction compareSelectedItems(nextProps, prevProps) {\n  const { selectedItems, idField } = nextProps;\n  return (nextState) => {\n    if (isEqual(selectedItems, prevProps.selectedItems)) return nextState;\n    // if we are using nonSelectedItems skip this legacy logic and paint just what's passed\n    // to nonSelectedItems (source) and selectedItems (target)\n    // TODO make controlledV2 the default behavior for controlled shuttle\n    if (nextProps.nonSelectedItems) return nextState;\n\n    const { preparedItems } = nextState;\n    const prevSelectedItemsHash = hashArray(prevProps.selectedItems || []);\n\n    const itemsToMove = getItemsById(selectedItems, preparedItems);\n    const actions = itemsToMove.map((item) =>\n      prevSelectedItemsHash[item[idField]]\n        ? addToTarget(item, nextState.targetItems)\n        : addToTarget(item),\n    );\n\n    return mergeToPrevState(nextState, {\n      ...pipe([resetMovedItems(), ...actions])(nextState, nextProps),\n      prevProps: {\n        ...nextState.prevProps,\n        selectedItems,\n      },\n    });\n  };\n}\n\nfunction compareItems(nextProps, prevProps) {\n  const { items } = nextProps;\n  return (nextState) => {\n    const preparedItems = prepareItems(items);\n    const isControlledV2 = nextProps.nonSelectedItems;\n\n    // TODO make controlledV2 the default behavior for controlled shuttle\n    if (isControlledV2) {\n      const targetItems = nextProps.selectedItems.map((id) =>\n        preparedItems.find((it) => it.id === id),\n      );\n\n      return mergeToPrevState(nextState, {\n        preparedItems,\n        // PUI-4462 on async load and items change, the shuttle loads\n        // all children from currently selected targetItems from items prop\n        // (items prop update)\n        targetItems,\n        movedItems: targetItems,\n        prevProps: {\n          items,\n        },\n      });\n    }\n\n    if (isEqual(items, prevProps.items)) return nextState;\n\n    return mergeToPrevState(nextState, {\n      preparedItems,\n      prevProps: {\n        items,\n      },\n    });\n  };\n}\n\nfunction updateShuttleStateFromProps (nextProps, prevState) {\n  const stateReducers = [compareSelectedItems, compareItems].map((fn) =>\n    fn(nextProps, prevState.prevProps),\n  );\n\n  const nextState = compose(...stateReducers)(prevState);\n  return !isEqual(nextState, prevState) ? nextState : null;\n}\n\nexport { updateShuttleStateFromProps };\nexport default updateShuttleStateFromProps;"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,SAAS,iBAAiB;AAC5C,SAAS,cAAc,MAAM,oBAAoB;AACjD,SAAS,aAAa,uBAAuB;AAE7C,MAAM,mBAAmB,CAAC,WAAW,eAAe;AAAA,EAClD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW;AAAA,IACT,GAAG,UAAU;AAAA,IACb,GAAG,UAAU;AAAA,EACf;AACF;AAEA,SAAS,qBAAqB,WAAW,WAAW;AAClD,QAAM,EAAE,eAAe,QAAQ,IAAI;AACnC,SAAO,CAAC,cAAc;AACpB,QAAI,QAAQ,eAAe,UAAU,aAAa;AAAG,aAAO;AAI5D,QAAI,UAAU;AAAkB,aAAO;AAEvC,UAAM,EAAE,cAAc,IAAI;AAC1B,UAAM,wBAAwB,UAAU,UAAU,iBAAiB,CAAC,CAAC;AAErE,UAAM,cAAc,aAAa,eAAe,aAAa;AAC7D,UAAM,UAAU,YAAY;AAAA,MAAI,CAAC,SAC/B,sBAAsB,KAAK,YACvB,YAAY,MAAM,UAAU,WAAW,IACvC,YAAY,IAAI;AAAA,IACtB;AAEA,WAAO,iBAAiB,WAAW;AAAA,MACjC,GAAG,KAAK,CAAC,gBAAgB,GAAG,GAAG,OAAO,CAAC,EAAE,WAAW,SAAS;AAAA,MAC7D,WAAW;AAAA,QACT,GAAG,UAAU;AAAA,QACb;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,SAAS,aAAa,WAAW,WAAW;AAC1C,QAAM,EAAE,MAAM,IAAI;AAClB,SAAO,CAAC,cAAc;AACpB,UAAM,gBAAgB,aAAa,KAAK;AACxC,UAAM,iBAAiB,UAAU;AAGjC,QAAI,gBAAgB;AAClB,YAAM,cAAc,UAAU,cAAc;AAAA,QAAI,CAAC,OAC/C,cAAc,KAAK,CAAC,OAAO,GAAG,OAAO,EAAE;AAAA,MACzC;AAEA,aAAO,iBAAiB,WAAW;AAAA,QACjC;AAAA,QAIA;AAAA,QACA,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ,OAAO,UAAU,KAAK;AAAG,aAAO;AAE5C,WAAO,iBAAiB,WAAW;AAAA,MACjC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,SAAS,4BAA6B,WAAW,WAAW;AAC1D,QAAM,gBAAgB,CAAC,sBAAsB,YAAY,EAAE;AAAA,IAAI,CAAC,OAC9D,GAAG,WAAW,UAAU,SAAS;AAAA,EACnC;AAEA,QAAM,YAAY,QAAQ,GAAG,aAAa,EAAE,SAAS;AACrD,SAAO,CAAC,QAAQ,WAAW,SAAS,IAAI,YAAY;AACtD;AAGA,IAAO,sCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { compose, isEqual, hashArray } from '@elliemae/ds-utilities';\nimport { getItemsById, pipe, prepareItems } from './helper.js';\nimport { addToTarget, resetMovedItems } from './Shuttle.actions.js';\n\nconst mergeToPrevState = (prevState, nextState) => ({\n  ...prevState,\n  ...nextState,\n  prevProps: {\n    ...prevState.prevProps,\n    ...nextState.prevProps,\n  },\n});\n\nfunction compareSelectedItems(nextProps, prevProps) {\n  const { selectedItems, idField } = nextProps;\n  return (nextState) => {\n    if (isEqual(selectedItems, prevProps.selectedItems)) return nextState;\n    // if we are using nonSelectedItems skip this legacy logic and paint just what's passed\n    // to nonSelectedItems (source) and selectedItems (target)\n    // TODO make controlledV2 the default behavior for controlled shuttle\n    if (nextProps.nonSelectedItems) return nextState;\n\n    const { preparedItems } = nextState;\n    const prevSelectedItemsHash = hashArray(prevProps.selectedItems || []);\n\n    const itemsToMove = getItemsById(selectedItems, preparedItems);\n    const actions = itemsToMove.map((item) =>\n      prevSelectedItemsHash[item[idField]] ? addToTarget(item, nextState.targetItems) : addToTarget(item),\n    );\n\n    return mergeToPrevState(nextState, {\n      ...pipe([resetMovedItems(), ...actions])(nextState, nextProps),\n      prevProps: {\n        ...nextState.prevProps,\n        selectedItems,\n      },\n    });\n  };\n}\n\nfunction compareItems(nextProps, prevProps) {\n  const { items } = nextProps;\n  return (nextState) => {\n    const preparedItems = prepareItems(items);\n    const isControlledV2 = nextProps.nonSelectedItems;\n\n    // TODO make controlledV2 the default behavior for controlled shuttle\n    if (isControlledV2) {\n      const targetItems = nextProps.selectedItems.map((id) => preparedItems.find((it) => it.id === id));\n\n      return mergeToPrevState(nextState, {\n        preparedItems,\n        // PUI-4462 on async load and items change, the shuttle loads\n        // all children from currently selected targetItems from items prop\n        // (items prop update)\n        targetItems,\n        movedItems: targetItems,\n        prevProps: {\n          items,\n        },\n      });\n    }\n\n    if (isEqual(items, prevProps.items)) return nextState;\n\n    return mergeToPrevState(nextState, {\n      preparedItems,\n      prevProps: {\n        items,\n      },\n    });\n  };\n}\n\nfunction updateShuttleStateFromProps(nextProps, prevState) {\n  const stateReducers = [compareSelectedItems, compareItems].map((fn) => fn(nextProps, prevState.prevProps));\n\n  const nextState = compose(...stateReducers)(prevState);\n  return !isEqual(nextState, prevState) ? nextState : null;\n}\n\nexport { updateShuttleStateFromProps };\nexport default updateShuttleStateFromProps;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,SAAS,iBAAiB;AAC5C,SAAS,cAAc,MAAM,oBAAoB;AACjD,SAAS,aAAa,uBAAuB;AAE7C,MAAM,mBAAmB,CAAC,WAAW,eAAe;AAAA,EAClD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW;AAAA,IACT,GAAG,UAAU;AAAA,IACb,GAAG,UAAU;AAAA,EACf;AACF;AAEA,SAAS,qBAAqB,WAAW,WAAW;AAClD,QAAM,EAAE,eAAe,QAAQ,IAAI;AACnC,SAAO,CAAC,cAAc;AACpB,QAAI,QAAQ,eAAe,UAAU,aAAa;AAAG,aAAO;AAI5D,QAAI,UAAU;AAAkB,aAAO;AAEvC,UAAM,EAAE,cAAc,IAAI;AAC1B,UAAM,wBAAwB,UAAU,UAAU,iBAAiB,CAAC,CAAC;AAErE,UAAM,cAAc,aAAa,eAAe,aAAa;AAC7D,UAAM,UAAU,YAAY;AAAA,MAAI,CAAC,SAC/B,sBAAsB,KAAK,OAAO,CAAC,IAAI,YAAY,MAAM,UAAU,WAAW,IAAI,YAAY,IAAI;AAAA,IACpG;AAEA,WAAO,iBAAiB,WAAW;AAAA,MACjC,GAAG,KAAK,CAAC,gBAAgB,GAAG,GAAG,OAAO,CAAC,EAAE,WAAW,SAAS;AAAA,MAC7D,WAAW;AAAA,QACT,GAAG,UAAU;AAAA,QACb;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,SAAS,aAAa,WAAW,WAAW;AAC1C,QAAM,EAAE,MAAM,IAAI;AAClB,SAAO,CAAC,cAAc;AACpB,UAAM,gBAAgB,aAAa,KAAK;AACxC,UAAM,iBAAiB,UAAU;AAGjC,QAAI,gBAAgB;AAClB,YAAM,cAAc,UAAU,cAAc,IAAI,CAAC,OAAO,cAAc,KAAK,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC;AAEhG,aAAO,iBAAiB,WAAW;AAAA,QACjC;AAAA;AAAA;AAAA;AAAA,QAIA;AAAA,QACA,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ,OAAO,UAAU,KAAK;AAAG,aAAO;AAE5C,WAAO,iBAAiB,WAAW;AAAA,MACjC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,SAAS,4BAA4B,WAAW,WAAW;AACzD,QAAM,gBAAgB,CAAC,sBAAsB,YAAY,EAAE,IAAI,CAAC,OAAO,GAAG,WAAW,UAAU,SAAS,CAAC;AAEzG,QAAM,YAAY,QAAQ,GAAG,aAAa,EAAE,SAAS;AACrD,SAAO,CAAC,QAAQ,WAAW,SAAS,IAAI,YAAY;AACtD;AAGA,IAAO,sCAAQ;",
   "names": []
 }

package/dist/esm/utils.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as tree from "treetabular";
 import { compose } from "@elliemae/ds-utilities";
-import { prepareItems } from "./helper";
+import { prepareItems } from "./helper.js";
 var utils_default = {
   prepareItems: (items, options) => compose(tree.fixOrder(options), prepareItems)(items),
   ...tree

package/dist/esm/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import * as tree from 'treetabular';\nimport { compose } from '@elliemae/ds-utilities';\nimport { prepareItems } from './helper';\n\nexport default {\n  prepareItems: (items, options) =>\n    compose(tree.fixOrder(options), prepareItems)(items),\n  ...tree,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,YAAY,UAAU;AACtB,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,IAAO,gBAAQ;AAAA,EACb,cAAc,CAAC,OAAO,YACpB,QAAQ,KAAK,SAAS,OAAO,GAAG,YAAY,EAAE,KAAK;AAAA,EACrD,GAAG;AACL;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import * as tree from 'treetabular';\nimport { compose } from '@elliemae/ds-utilities';\nimport { prepareItems } from './helper.js';\n\nexport default {\n  prepareItems: (items, options) => compose(tree.fixOrder(options), prepareItems)(items),\n  ...tree,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,YAAY,UAAU;AACtB,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,IAAO,gBAAQ;AAAA,EACb,cAAc,CAAC,OAAO,YAAY,QAAQ,KAAK,SAAS,OAAO,GAAG,YAAY,EAAE,KAAK;AAAA,EACrF,GAAG;AACL;",
   "names": []
 }

package/dist/esm/withProviders.js

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { AnimationState } from "./AnimationState";
-import { SearchState } from "./SearchState";
-import { ShuttleState } from "./ShuttleState";
+import { AnimationState } from "./AnimationState.js";
+import { SearchState } from "./SearchState.js";
+import { ShuttleState } from "./ShuttleState.js";
 function withProviders(Component) {
-  return (props) => /* @__PURE__ */ jsx(ShuttleState.Provider, { children: /* @__PURE__ */ jsx(AnimationState.Provider, { children: /* @__PURE__ */ jsx(SearchState.Provider, { children: /* @__PURE__ */ jsx(Component, { ...props }) }) }) });
+  return function(props) {
+    return /* @__PURE__ */ jsx(ShuttleState.Provider, { children: /* @__PURE__ */ jsx(AnimationState.Provider, { children: /* @__PURE__ */ jsx(SearchState.Provider, { children: /* @__PURE__ */ jsx(Component, { ...props }) }) }) });
+  };
 }
 var withProviders_default = withProviders;
 export {

package/dist/esm/withProviders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/withProviders.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { AnimationState } from './AnimationState';\nimport { SearchState } from './SearchState';\nimport { ShuttleState } from './ShuttleState';\n\nfunction withProviders(Component) {\n  return props => (\n    <ShuttleState.Provider>\n      <AnimationState.Provider>\n        <SearchState.Provider>\n          <Component {...props} />\n        </SearchState.Provider>\n      </AnimationState.Provider>\n    </ShuttleState.Provider>\n  );\n}\n\nexport { withProviders };\nexport default withProviders;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACWb;AATV,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,cAAc,WAAW;AAChC,SAAO,WACL,oBAAC,aAAa,UAAb,EACC,8BAAC,eAAe,UAAf,EACC,8BAAC,YAAY,UAAZ,EACC,8BAAC,aAAW,GAAG,OAAO,GACxB,GACF,GACF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { AnimationState } from './AnimationState.js';\nimport { SearchState } from './SearchState.js';\nimport { ShuttleState } from './ShuttleState.js';\n\nfunction withProviders(Component) {\n  return function (props) {\n    return (\n      <ShuttleState.Provider>\n        <AnimationState.Provider>\n          <SearchState.Provider>\n            <Component {...props} />\n          </SearchState.Provider>\n        </AnimationState.Provider>\n      </ShuttleState.Provider>\n    );\n  };\n}\n\nexport { withProviders };\nexport default withProviders;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACYX;AAVZ,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,cAAc,WAAW;AAChC,SAAO,SAAU,OAAO;AACtB,WACE,oBAAC,aAAa,UAAb,EACC,8BAAC,eAAe,UAAf,EACC,8BAAC,YAAY,UAAZ,EACC,8BAAC,aAAW,GAAG,OAAO,GACxB,GACF,GACF;AAAA,EAEJ;AACF;AAGA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/types/DSShuttle.d.ts

@@ -1,4 +1,4 @@
-import utils from './utils';
+import utils from './utils.js';
 declare const DSShuttle: {
     ({ containerProps, idField, parentIdField, showIcons, items, selectedItems, nonSelectedItems, onSearch, onSearchOpen, onSearchClose, onDrillDown, onDrillDownTarget, onTargetSortEnd, setGetStatus, targetSortable, sourceEmptyMessage, sourceRootTitle, targetEmptyMessage, targetRootTitle, composeSourceItemProps, composeTargetItemProps, onAddToTarget, onAddCheckedItems, onRemoveFromTarget, onRemoveAllFromTarget, onChange, renderSourceCounter, renderTargetCounter, sourceClearItemsText, targetClearItemsText, searchPlaceholder, loadingSource, loadingTarget, onGetMoreItems, hasNextPage, moreItemsLoading, }: {
         containerProps?: {} | undefined;
@@ -40,81 +40,81 @@ declare const DSShuttle: {
     }): JSX.Element;
     propTypes: {
         /** inject props to shuttle wrapper */
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** The identifier field for the item object */
-        idField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        idField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** The parent identifier field for the item object */
-        parentIdField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        parentIdField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Whether to show the icons or not */
-        showIcons: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        showIcons: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** List of items */
-        items: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        items: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Array of item ids that are selected. If passed the component behaves as controlled */
-        selectedItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        selectedItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */
-        nonSelectedItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        nonSelectedItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler on search */
-        onSearch: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onSearch: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when the searchbox is visible */
-        onSearchOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onSearchOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when the searchbox is not visible */
-        onSearchClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onSearchClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")  */
-        onDrillDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onDrillDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
-        onDrillDownTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onDrillDownTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Target handler when user stops dragging an item */
-        onTargetSortEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onTargetSortEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Callback function that gets more items for Infinite Scroll */
-        onGetMoreItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onGetMoreItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Wheter there are mor items loading for Infinite Scroll */
-        moreItemsLoading: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        moreItemsLoading: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */
-        hasNextPage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        hasNextPage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Function that takes as a parameter an internal getter for the state */
-        setGetStatus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        setGetStatus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Whether the target can be sortable with DnD */
-        targetSortable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        targetSortable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when the searchbox is visible */
-        sourceRootTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        sourceRootTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Source text when there is no items */
-        sourceEmptyMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        sourceEmptyMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Target text when there is no items */
-        targetEmptyMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        targetEmptyMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Target text for the first hierarchy item */
-        targetRootTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        targetRootTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Function that allow to compose the item props in the source */
-        composeSourceItemProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        composeSourceItemProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Function that allow to compose the item props in the target */
-        composeTargetItemProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        composeTargetItemProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when a users moves an item to the target */
-        onAddToTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onAddToTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when a users moves all the 'checked' items to the target */
-        onAddCheckedItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onAddCheckedItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when a user removes an item from the target */
-        onRemoveFromTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onRemoveFromTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler when a user removes all the items from the target */
-        onRemoveAllFromTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onRemoveAllFromTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Handler for every change on the state */
-        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Function that returns an element for the source counter */
-        renderSourceCounter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        renderSourceCounter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Function that returns an element for the target counter */
-        renderTargetCounter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        renderTargetCounter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Source text for the clear items button */
-        sourceClearItemsText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        sourceClearItemsText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Target text for the clear items button */
-        targetClearItemsText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        targetClearItemsText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Searchbox placeholder */
-        searchPlaceholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        searchPlaceholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Displays loading indicator on source section */
-        loadingSource: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        loadingSource: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Displays loading indicator on target section */
-        loadingTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        loadingTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSShuttleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
+declare const DSShuttleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     idField?: string | undefined;
     parentIdField?: string | undefined;

package/dist/types/Shuttle.actions.d.ts

@@ -1,11 +1,11 @@
-export function toggleItemSelection(itemId: any): (state: any) => any;
-export function navigateTo(item: any, dest: any): (state: any) => any;
-export function moveItem(item: any): (state: any) => any;
-export function addToTarget(itemToAdd: any, collection: any): (state: any, { idField }: {
+export declare function toggleItemSelection(itemId: any): (state: any) => any;
+export declare function navigateTo(item: any, dest: any): (state: any) => any;
+export declare function moveItem(item: any): (state: any) => any;
+export declare function addToTarget(itemToAdd: any, collection: any): (state: any, { idField }: {
     idField: any;
 }) => any;
-export function removeFromTarget(itemToRemove: any): (state: any, { idField }: {
+export declare function removeFromTarget(itemToRemove: any): (state: any, { idField }: {
     idField: any;
 }) => any;
-export function resetCheckedItems(): (state: any) => any;
-export function resetMovedItems(): (state: any) => any;
+export declare function resetCheckedItems(): (state: any) => any;
+export declare function resetMovedItems(): (state: any) => any;

package/dist/types/ShuttleRenderer.d.ts

@@ -1,4 +1,4 @@
-declare function ShuttleRenderer({ containerProps, onNavigateOnTargetTo, onNavigateOnSourceTo, onMoveItemToSource, onMoveItemToTarget, onClearMovedItems, onMoveCheckedItems, onClearCheckedItems, onToggleSearch, onSearch, onSearchClose, onSearchOpen, searching, onCheckItem, hierarchy, hierarchyDest, checkedItems, sourceItems, targetItems, sourceEmptyMessage, targetEmptyMessage, composeTargetItemProps, composeSourceItemProps, targetSortable, sourceSortable, onSourceSortEnd, onTargetSortEnd, loadingSource, loadingTarget, onGetMoreItems, moreItemsLoading, hasNextPage, ...otherProps }: {
+declare const ShuttleRenderer: ({ containerProps, onNavigateOnTargetTo, onNavigateOnSourceTo, onMoveItemToSource, onMoveItemToTarget, onClearMovedItems, onMoveCheckedItems, onClearCheckedItems, onToggleSearch, onSearch, onSearchClose, onSearchOpen, searching, onCheckItem, hierarchy, hierarchyDest, checkedItems, sourceItems, targetItems, sourceEmptyMessage, targetEmptyMessage, composeTargetItemProps, composeSourceItemProps, targetSortable, sourceSortable, onSourceSortEnd, onTargetSortEnd, loadingSource, loadingTarget, onGetMoreItems, moreItemsLoading, hasNextPage, ...otherProps }: {
     [x: string]: any;
     containerProps: any;
     onNavigateOnTargetTo?: (() => void) | undefined;
@@ -32,6 +32,6 @@ declare function ShuttleRenderer({ containerProps, onNavigateOnTargetTo, onNavig
     onGetMoreItems?: (() => void) | undefined;
     moreItemsLoading?: boolean | undefined;
     hasNextPage?: boolean | undefined;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleRenderer };
 export default ShuttleRenderer;

package/dist/types/ShuttleState.d.ts

@@ -1,4 +1,4 @@
-declare const useShuttleStateHOC: import("constate/dist/ts/src/types").ContextHookReturn<unknown, {
+declare const useShuttleStateHOC: import("constate/dist/ts/src/types.js").ContextHookReturn<unknown, {
     state: {
         checkedItems: never[];
         movedItems: {};

package/dist/types/components/ShuttleBreadcrumb.d.ts

@@ -1,7 +1,7 @@
-declare function ShuttleBreadcrumb({ className, hierarchy, onNavigateTo }: {
+declare const ShuttleBreadcrumb: ({ className, hierarchy, onNavigateTo }: {
     className?: string | undefined;
     hierarchy?: never[] | undefined;
     onNavigateTo?: (() => null) | undefined;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleBreadcrumb };
 export default ShuttleBreadcrumb;

package/dist/types/components/ShuttleListItem/ShuttleListItem.d.ts

@@ -1,4 +1,4 @@
-declare function ShuttleListItem({ item, showIcons, showIcon, onSelect, isChecked, style, showActions, actions, showSortHandler, ...rest }: {
+declare const ShuttleListItem: ({ item, showIcons, showIcon, onSelect, isChecked, style, showActions, actions, showSortHandler, ...rest }: {
     [x: string]: any;
     item?: {} | undefined;
     showIcons?: undefined;
@@ -9,6 +9,6 @@ declare function ShuttleListItem({ item, showIcons, showIcon, onSelect, isChecke
     showActions?: boolean | undefined;
     actions?: never[] | undefined;
     showSortHandler?: boolean | undefined;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleListItem };
 export default ShuttleListItem;

package/dist/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts

@@ -1,4 +1,4 @@
-declare function ShuttleSourceListItem({ item, onItemCheck, onMoveToTarget, onNavigateOnSourceTo, isChecked, showMoveButton, showDrillDownButton, index, ...rest }: {
+declare const ShuttleSourceListItem: ({ item, onItemCheck, onMoveToTarget, onNavigateOnSourceTo, isChecked, showMoveButton, showDrillDownButton, index, ...rest }: {
     [x: string]: any;
     item?: {} | undefined;
     onItemCheck?: (() => null) | undefined;
@@ -8,6 +8,6 @@ declare function ShuttleSourceListItem({ item, onItemCheck, onMoveToTarget, onNa
     showMoveButton?: boolean | undefined;
     showDrillDownButton?: boolean | undefined;
     index: any;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleSourceListItem };
 export default ShuttleSourceListItem;

package/dist/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts

@@ -1,4 +1,4 @@
-declare function ShuttleTargetListItem({ item, onMoveToSource, onNavigateOnTargetTo, isRoot, showDeleteButton, showDrillDownButton, showActions, index, ...rest }: {
+declare const ShuttleTargetListItem: ({ item, onMoveToSource, onNavigateOnTargetTo, isRoot, showDeleteButton, showDrillDownButton, showActions, index, ...rest }: {
     [x: string]: any;
     item?: {} | undefined;
     onMoveToSource?: (() => null) | undefined;
@@ -8,6 +8,6 @@ declare function ShuttleTargetListItem({ item, onMoveToSource, onNavigateOnTarge
     showDrillDownButton?: boolean | undefined;
     showActions?: boolean | undefined;
     index: any;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleTargetListItem };
 export default ShuttleTargetListItem;

package/dist/types/components/ShuttleListPanel.d.ts

@@ -1,7 +1,7 @@
-declare function ShuttleListPanel({ onClick, open, children }: {
+declare const ShuttleListPanel: ({ onClick, open, children }: {
     onClick?: (() => null) | undefined;
     open?: boolean | undefined;
     children: any;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleListPanel };
 export default ShuttleListPanel;

package/dist/types/components/ShuttleSource.d.ts

@@ -1,31 +1,30 @@
 import PropTypes from 'prop-types';
-declare function ShuttleSource({ items, checkedItems, // build Map() and memoize it for better performance
-hierarchy, onMoveItem, onCheckItem, onMoveCheckedItems, onNavigateTo, onClearCheckedItems, emptyMessage, composeSourceItemProps, loading, onSearch, onSearchClose, onSearchOpen, sourceSortable, onSortEnd, sourceClearItemsText, searchPlaceholder, renderSourceCounter, onGetMoreItems, moreItemsLoading, hasNextPage, }: {
-    items?: never[] | undefined;
-    checkedItems?: never[] | undefined;
-    hierarchy?: never[] | undefined;
-    onMoveItem?: (() => void) | undefined;
-    onCheckItem?: (() => void) | undefined;
-    onMoveCheckedItems?: (() => void) | undefined;
-    onNavigateTo?: (() => void) | undefined;
-    onClearCheckedItems?: (() => void) | undefined;
-    emptyMessage?: string | undefined;
-    composeSourceItemProps?: (() => void) | undefined;
-    loading?: boolean | undefined;
-    onSearch?: (() => void) | undefined;
-    onSearchClose?: (() => void) | undefined;
-    onSearchOpen?: (() => void) | undefined;
-    sourceSortable?: boolean | undefined;
-    onSortEnd?: (() => void) | undefined;
-    sourceClearItemsText?: string | undefined;
-    searchPlaceholder: any;
-    renderSourceCounter?: ((amount: any) => string) | undefined;
-    onGetMoreItems?: (() => void) | undefined;
-    moreItemsLoading?: boolean | undefined;
-    hasNextPage?: boolean | undefined;
-}): JSX.Element;
-declare namespace ShuttleSource {
-    var propTypes: {
+declare const ShuttleSource: {
+    ({ items, checkedItems, hierarchy, onMoveItem, onCheckItem, onMoveCheckedItems, onNavigateTo, onClearCheckedItems, emptyMessage, composeSourceItemProps, loading, onSearch, onSearchClose, onSearchOpen, sourceSortable, onSortEnd, sourceClearItemsText, searchPlaceholder, renderSourceCounter, onGetMoreItems, moreItemsLoading, hasNextPage, }: {
+        items?: never[] | undefined;
+        checkedItems?: never[] | undefined;
+        hierarchy?: never[] | undefined;
+        onMoveItem?: (() => void) | undefined;
+        onCheckItem?: (() => void) | undefined;
+        onMoveCheckedItems?: (() => void) | undefined;
+        onNavigateTo?: (() => void) | undefined;
+        onClearCheckedItems?: (() => void) | undefined;
+        emptyMessage?: string | undefined;
+        composeSourceItemProps?: (() => void) | undefined;
+        loading?: boolean | undefined;
+        onSearch?: (() => void) | undefined;
+        onSearchClose?: (() => void) | undefined;
+        onSearchOpen?: (() => void) | undefined;
+        sourceSortable?: boolean | undefined;
+        onSortEnd?: (() => void) | undefined;
+        sourceClearItemsText?: string | undefined;
+        searchPlaceholder: any;
+        renderSourceCounter?: ((amount: any) => string) | undefined;
+        onGetMoreItems?: (() => void) | undefined;
+        moreItemsLoading?: boolean | undefined;
+        hasNextPage?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
         items: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
         checkedItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
         hierarchy: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
@@ -49,6 +48,6 @@ declare namespace ShuttleSource {
         moreItemsLoading: PropTypes.Requireable<boolean>;
         hasNextPage: PropTypes.Requireable<boolean>;
     };
-}
+};
 export { ShuttleSource };
 export default ShuttleSource;

package/dist/types/components/ShuttleTarget.d.ts

@@ -1,4 +1,4 @@
-declare function ShuttleTarget({ items, hierarchy, onNavigateTo, onMoveItem, onClearMovedItems, emptyMessage, composeTargetItemProps, targetSortable, onSortEnd, targetClearItemsText, renderTargetCounter, loading, }: {
+declare const ShuttleTarget: ({ items, hierarchy, onNavigateTo, onMoveItem, onClearMovedItems, emptyMessage, composeTargetItemProps, targetSortable, onSortEnd, targetClearItemsText, renderTargetCounter, loading, }: {
     items?: never[] | undefined;
     hierarchy?: never[] | undefined;
     onNavigateTo?: (() => void) | undefined;
@@ -11,6 +11,6 @@ declare function ShuttleTarget({ items, hierarchy, onNavigateTo, onMoveItem, onC
     targetClearItemsText?: string | undefined;
     renderTargetCounter?: ((amount: any) => string) | undefined;
     loading?: boolean | undefined;
-}): JSX.Element;
+}) => JSX.Element;
 export { ShuttleTarget };
 export default ShuttleTarget;

package/dist/types/components/VirtualizedList.d.ts

@@ -1,4 +1,4 @@
-declare function VirtualizedList({ items, itemRenderer, searching, target, innerRef, children, hasNextPage, getMoreItems, }: {
+declare const VirtualizedList: ({ items, itemRenderer, searching, target, innerRef, children, hasNextPage, getMoreItems, }: {
     items: any;
     itemRenderer: any;
     searching: any;
@@ -7,6 +7,6 @@ declare function VirtualizedList({ items, itemRenderer, searching, target, inner
     children: any;
     hasNextPage?: boolean | undefined;
     getMoreItems?: (() => void) | undefined;
-}): JSX.Element;
+}) => JSX.Element;
 export { VirtualizedList };
 export default VirtualizedList;

package/dist/types/components/VirtualizedSortableList.d.ts

@@ -1,6 +1,6 @@
-declare function VirtualizedSortableList({ items, ...otherProps }: {
+declare const VirtualizedSortableList: ({ items, ...otherProps }: {
     [x: string]: any;
     items: any;
-}): JSX.Element;
+}) => JSX.Element;
 export { VirtualizedSortableList };
 export default VirtualizedSortableList;

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { default, utils, DSShuttleWithSchema, DSShuttle } from './DSShuttle';
+export { default, utils, DSShuttleWithSchema, DSShuttle } from './DSShuttle.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle",
   "files": [
@@ -159,27 +159,28 @@
     "prop-types": "~15.8.1",
     "react-sortable-hoc": "~1.9.1",
     "react-spring": "~8.0.27",
-    "react-virtualized-auto-sizer": "~1.0.6",
-    "react-window": "~1.8.6",
-    "react-window-infinite-loader": "~1.0.7",
+    "react-virtualized-auto-sizer": "1.0.6",
+    "react-window": "~1.8.8",
+    "react-window-infinite-loader": "~1.0.8",
     "treetabular": "~3.6.0",
-    "@elliemae/ds-breadcrumb": "3.16.0",
-    "@elliemae/ds-button": "3.16.0",
-    "@elliemae/ds-circular-progress-indicator": "3.16.0",
-    "@elliemae/ds-classnames": "3.16.0",
-    "@elliemae/ds-form": "3.16.0",
-    "@elliemae/ds-icons": "3.16.0",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-breadcrumb": "3.16.1",
+    "@elliemae/ds-button": "3.16.1",
+    "@elliemae/ds-circular-progress-indicator": "3.16.1",
+    "@elliemae/ds-classnames": "3.16.1",
+    "@elliemae/ds-form": "3.16.1",
+    "@elliemae/ds-icons": "3.16.1",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
-    "styled-components": "~5.3.6"
+    "redux": "~4.1.2",
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -195,8 +196,8 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "exit 0 | echo",
-    "dts": "node ../../scripts/dts.mjs",
+    "eslint:fix": "exit 0",
+    "dts": "exit 0",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",