@elliemae/ds-shuttle 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/cjs/ShuttleImpl.js

@@ -0,0 +1,214 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ShuttleImpl_exports = {};
+__export(ShuttleImpl_exports, {
+  ShuttleImpl: () => ShuttleImplHoc,
+  default: () => ShuttleImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_withProviders = require("./withProviders");
+var import_Shuttle = require("./Shuttle.actions");
+var import_helper = require("./helper");
+var import_ShuttleRenderer = require("./ShuttleRenderer");
+var import_SearchState = require("./SearchState");
+var import_updateShuttleStateFromProps = require("./updateShuttleStateFromProps");
+class ShuttleImpl extends import_react.Component {
+  constructor(props) {
+    super(props);
+    this.getState = () => {
+      const { movedItems } = this.state;
+      return Object.keys(movedItems);
+    };
+    this.state = {
+      prevProps: {},
+      preparedItems: [],
+      checkedItems: [],
+      hierarchy: [{ name: props.sourceRootTitle, id: null }],
+      hierarchyDest: [{ name: props.targetRootTitle, id: null }],
+      movedItems: [],
+      sourceItems: [],
+      targetItems: []
+    };
+    this.moveCheckedItems = this.moveCheckedItems.bind(this);
+    this.resetMovedItems = this.resetMovedItems.bind(this);
+  }
+  static getDerivedStateFromProps(nextProps, prevState) {
+    return (0, import_updateShuttleStateFromProps.updateShuttleStateFromProps)(nextProps, prevState);
+  }
+  componentDidMount() {
+    const { setGetStatus } = this.props;
+    setGetStatus(this.getState);
+  }
+  handleChange() {
+    const { onChange } = this.props;
+    const { movedItems } = this.state;
+    onChange(Object.keys(movedItems));
+  }
+  navigate(item, dest, direction) {
+    const { onDrillDown, onDrillDownTarget } = this.props;
+    if (!dest)
+      onDrillDown(item, direction);
+    if (dest)
+      onDrillDownTarget(item, direction);
+    const { reset: resetSearchState } = this.context;
+    resetSearchState();
+    this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)(item, dest), (0, import_Shuttle.resetCheckedItems)()]));
+  }
+  resetCheckedItems() {
+    this.setState((0, import_Shuttle.resetCheckedItems)());
+  }
+  resetMovedItems() {
+    const { selectedItems, onRemoveAllFromTarget } = this.props;
+    if (!selectedItems) {
+      this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true), (0, import_Shuttle.resetMovedItems)()]), () => {
+        this.handleChange();
+      });
+    } else {
+      this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true)]));
+    }
+    onRemoveAllFromTarget();
+  }
+  addToTarget(item) {
+    const { selectedItems, onAddToTarget } = this.props;
+    if (!selectedItems) {
+      this.setState((0, import_helper.pipe)([(0, import_Shuttle.addToTarget)(item), (0, import_Shuttle.resetCheckedItems)()]), () => {
+        this.handleChange();
+      });
+    }
+    onAddToTarget(item);
+  }
+  removeFromTarget(item) {
+    const { selectedItems, onRemoveFromTarget } = this.props;
+    if (!selectedItems) {
+      this.setState((0, import_helper.pipe)([(0, import_Shuttle.removeFromTarget)(item)]), () => {
+        this.handleChange();
+      });
+    }
+    onRemoveFromTarget(item);
+  }
+  toggleItemSelection(item) {
+    this.setState((0, import_Shuttle.toggleItemSelection)(item.id));
+  }
+  moveCheckedItems() {
+    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 items = (0, import_helper.getItemsById)(checked, preparedItems);
+    const actions = !selectedItems ? items.map((item) => (0, import_Shuttle.addToTarget)(item)) : [];
+    this.setState((0, import_helper.pipe)([...actions, (0, import_Shuttle.resetCheckedItems)()]), () => {
+      this.handleChange();
+    });
+    onAddCheckedItems(items);
+  }
+  handleTargetSortEnd({ sourceItem, targetItem }) {
+    const { idField, onTargetSortEnd } = this.props;
+    const { targetItems, hierarchyDest, movedItems } = this.state;
+    const hierarchyId = (0, import_helper.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 sortedMovedItems = !hierarchyId ? (0, import_ds_utilities.arrayMove)(movedItems, oldIndex, newIndex) : movedItems;
+    const sortedItems = hierarchyId ? (0, import_ds_utilities.arrayMove)(targetItems, oldIndex, newIndex) : targetItems;
+    this.setState({
+      targetItems: sortedItems,
+      movedItems: sortedMovedItems
+    });
+    onTargetSortEnd({ sourceItem, targetItem });
+  }
+  render() {
+    const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;
+    const {
+      hierarchy,
+      hierarchyDest,
+      checkedItems,
+      movedItems,
+      preparedItems: items,
+      targetItems
+    } = this.state;
+    const {
+      state: { searchTerm, searching }
+    } = this.context;
+    const handleControlledSourceItms = () => {
+      const { id } = (0, import_helper.getActiveIdFromHierarchy)(hierarchy);
+      if (id) {
+        return (0, import_helper.filterBySearch)(searchTerm, searching)((0, import_helper.getChildrenFromParent)(id)(nonSelectedItems.map((it) => items.find((itt) => itt.id === it))));
+      }
+      return (0, import_helper.filterBySearch)(searchTerm, searching)(items.filter((it) => nonSelectedItems.some((itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent))));
+    };
+    let composedSourceItems;
+    if (nonSelectedItems) {
+      composedSourceItems = handleControlledSourceItms();
+    } else {
+      composedSourceItems = (0, import_ds_utilities.compose)((0, import_helper.filterBySearch)(searchTerm, searching), (0, import_helper.filterMovedItems)(movedItems), (0, import_helper.getChildrenFromParent)((0, import_helper.getActiveIdFromHierarchy)(hierarchy).id))(items);
+    }
+    const handleControlledTargetItms = () => {
+      const { id } = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest);
+      if (id) {
+        return (0, import_helper.getChildrenFromParent)((0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id)(this.props.selectedItems.map((it) => items.find((itt) => itt.id === it)));
+      }
+      return targetItems.filter((it) => this.props.selectedItems.some((itt) => itt === it.id && !this.props.selectedItems.some((ittt) => ittt === it.parent)));
+    };
+    let composedTargetItems;
+    if (nonSelectedItems) {
+      composedTargetItems = handleControlledTargetItms();
+    } else {
+      composedTargetItems = (0, import_ds_utilities.compose)((tItems) => {
+        const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
+        return hierarchyId ? (0, import_ds_utilities.compose)((0, import_helper.filterMovedItems)(movedItems), (0, import_helper.getChildrenFromParent)(hierarchyId))(tItems) : movedItems;
+      })(targetItems);
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_ShuttleRenderer.ShuttleRenderer, {
+      ...rest,
+      moreItemsLoading,
+      checkedItems,
+      hierarchy,
+      hierarchyDest,
+      onCheckItem: this.toggleItemSelection,
+      onClearCheckedItems: this.resetCheckedItems,
+      onClearMovedItems: this.resetMovedItems,
+      onItemCheck: this.toggleItemSelection,
+      onMoveCheckedItems: this.moveCheckedItems,
+      onMoveItemToSource: (item) => this.removeFromTarget(item, false),
+      onMoveItemToTarget: (item) => this.addToTarget(item, true),
+      onNavigateOnSourceTo: (item, direction) => this.navigate(item, false, direction),
+      onNavigateOnTargetTo: (item, direction) => this.navigate(item, true, direction),
+      onSourceSortEnd: () => null,
+      onTargetSortEnd: this.handleTargetSortEnd,
+      sourceItems: composedSourceItems,
+      targetItems: composedTargetItems
+    });
+  }
+}
+ShuttleImpl.contextType = import_SearchState.SearchState.Context;
+const ShuttleImplHoc = (0, import_withProviders.withProviders)(ShuttleImpl);
+var ShuttleImpl_default = ShuttleImplHoc;
+module.exports = __toCommonJS(ShuttleImpl_exports);
+//# sourceMappingURL=ShuttleImpl.js.map

package/dist/cjs/ShuttleImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ShuttleImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/static-property-placement */\n/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable import/extensions,react/no-unused-state,no-shadow,max-lines */\nimport React, { Component } from 'react';\nimport { compose, arrayMove } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n  addToTarget,\n  navigateTo,\n  resetCheckedItems,\n  resetMovedItems,\n  toggleItemSelection,\n  removeFromTarget,\n} from './Shuttle.actions';\nimport {\n  getActiveIdFromHierarchy,\n  filterBySearch,\n  getItemsById,\n  pipe,\n  getChildrenFromParent,\n  filterMovedItems,\n} from './helper';\nimport { ShuttleRenderer } from './ShuttleRenderer';\nimport { SearchState } from './SearchState';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps';\n\nclass ShuttleImpl extends Component {\n  static contextType = SearchState.Context;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      prevProps: {},\n      preparedItems: [],\n      checkedItems: [],\n      // left breadcrumb\n      hierarchy: [{ name: props.sourceRootTitle, id: null }],\n      // right breadcrumb\n      hierarchyDest: [{ name: props.targetRootTitle, id: null }],\n\n      movedItems: [],\n      sourceItems: [],\n      targetItems: [],\n    };\n    this.moveCheckedItems = this.moveCheckedItems.bind(this);\n    this.resetMovedItems = this.resetMovedItems.bind(this);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    return updateShuttleStateFromProps(nextProps, prevState);\n  }\n\n  componentDidMount() {\n    const { setGetStatus } = this.props;\n    setGetStatus(this.getState);\n  }\n\n  getState = () => {\n    const { movedItems } = this.state;\n    return Object.keys(movedItems);\n  };\n\n  handleChange() {\n    const { onChange } = this.props;\n    const { movedItems } = this.state;\n    onChange(Object.keys(movedItems));\n  }\n\n  navigate(item, dest, direction) {\n    const { onDrillDown, onDrillDownTarget } = this.props;\n\n    if (!dest) onDrillDown(item, direction);\n    if (dest) onDrillDownTarget(item, direction);\n\n    const { reset: resetSearchState } = this.context;\n    resetSearchState();\n\n    this.setState(pipe([navigateTo(item, dest), resetCheckedItems()]));\n  }\n\n  resetCheckedItems() {\n    this.setState(resetCheckedItems());\n  }\n\n  resetMovedItems() {\n    const { selectedItems, onRemoveAllFromTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(\n        pipe([navigateTo({ id: null }, true), resetMovedItems()]),\n        () => {\n          this.handleChange();\n        },\n      );\n    } else {\n      this.setState(pipe([navigateTo({ id: null }, true)]));\n    }\n    onRemoveAllFromTarget();\n  }\n\n  addToTarget(item) {\n    const { selectedItems, onAddToTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {\n        this.handleChange();\n      });\n    }\n    onAddToTarget(item);\n  }\n\n  removeFromTarget(item) {\n    const { selectedItems, onRemoveFromTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(pipe([removeFromTarget(item)]), () => {\n        this.handleChange();\n      });\n    }\n    onRemoveFromTarget(item);\n  }\n\n  toggleItemSelection(item) {\n    this.setState(toggleItemSelection(item.id));\n  }\n\n  moveCheckedItems() {\n    const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;\n    const { checkedItems, preparedItems } = this.state;\n    const isControlledV2 = !!selectedItems && !!nonSelectedItems;\n    const checked = isControlledV2\n      ? nonSelectedItems.filter((item) =>\n          checkedItems.some((check) => check === item),\n        )\n      : checkedItems;\n    const items = getItemsById(checked, preparedItems);\n    const actions = !selectedItems\n      ? items.map((item) => addToTarget(item))\n      : [];\n    this.setState(pipe([...actions, resetCheckedItems()]), () => {\n      this.handleChange();\n    });\n    onAddCheckedItems(items);\n  }\n\n  handleTargetSortEnd({ sourceItem, targetItem }) {\n    const { idField, onTargetSortEnd } = this.props;\n    const { targetItems, hierarchyDest, movedItems } = this.state;\n\n    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n\n    const collection = !hierarchyId ? movedItems : targetItems;\n\n    const oldIndex = collection.findIndex(\n      (tItem) => tItem[idField] === sourceItem[idField],\n    );\n    const newIndex = collection.findIndex(\n      (tItem) => tItem[idField] === targetItem[idField],\n    );\n\n    const sortedMovedItems = !hierarchyId\n      ? arrayMove(movedItems, oldIndex, newIndex)\n      : movedItems;\n    const sortedItems = hierarchyId\n      ? arrayMove(targetItems, oldIndex, newIndex)\n      : targetItems;\n\n    this.setState({\n      targetItems: sortedItems,\n      movedItems: sortedMovedItems,\n    });\n    onTargetSortEnd({ sourceItem, targetItem });\n  }\n\n  render() {\n    const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;\n    const {\n      hierarchy,\n      hierarchyDest,\n      checkedItems,\n      movedItems,\n      preparedItems: items,\n      targetItems,\n    } = this.state;\n    const {\n      state: { searchTerm, searching },\n    } = this.context;\n\n    const handleControlledSourceItms = () => {\n      const { id } = getActiveIdFromHierarchy(hierarchy);\n      if (id) {\n        return filterBySearch(\n          searchTerm,\n          searching,\n        )(\n          getChildrenFromParent(id)(\n            nonSelectedItems.map((it) => items.find((itt) => itt.id === it)),\n          ),\n        );\n      }\n\n      return filterBySearch(\n        searchTerm,\n        searching,\n      )(\n        items.filter((it) =>\n          nonSelectedItems.some(\n            (itt) =>\n              itt === it.id &&\n              !nonSelectedItems.some((ittt) => ittt === it.parent),\n          ),\n        ),\n      );\n    };\n\n    let composedSourceItems;\n\n    // controlled V2 TODO make it default controlled behavior\n    if (nonSelectedItems) {\n      composedSourceItems = handleControlledSourceItms();\n    } else {\n      composedSourceItems = compose(\n        filterBySearch(searchTerm, searching),\n        filterMovedItems(movedItems),\n        getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id),\n      )(items);\n    }\n\n    const handleControlledTargetItms = () => {\n      const { id } = getActiveIdFromHierarchy(hierarchyDest);\n      if (id) {\n        return getChildrenFromParent(\n          getActiveIdFromHierarchy(hierarchyDest).id,\n        )(\n          this.props.selectedItems.map((it) =>\n            items.find((itt) => itt.id === it),\n          ),\n        );\n      }\n\n      return targetItems.filter((it) =>\n        this.props.selectedItems.some(\n          (itt) =>\n            itt === it.id &&\n            !this.props.selectedItems.some((ittt) => ittt === it.parent),\n        ),\n      );\n    };\n\n    let composedTargetItems;\n\n    // controlled V2 TODO make it default controlled behavior\n    if (nonSelectedItems) {\n      composedTargetItems = handleControlledTargetItms();\n    } else {\n      composedTargetItems = compose((tItems) => {\n        const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n        return hierarchyId\n          ? compose(\n              filterMovedItems(movedItems),\n              getChildrenFromParent(hierarchyId),\n            )(tItems)\n          : movedItems;\n      })(targetItems);\n    }\n\n    return (\n      <ShuttleRenderer\n        {...rest}\n        moreItemsLoading={moreItemsLoading}\n        checkedItems={checkedItems}\n        hierarchy={hierarchy}\n        hierarchyDest={hierarchyDest}\n        onCheckItem={this.toggleItemSelection}\n        onClearCheckedItems={this.resetCheckedItems}\n        onClearMovedItems={this.resetMovedItems}\n        onItemCheck={this.toggleItemSelection}\n        onMoveCheckedItems={this.moveCheckedItems}\n        onMoveItemToSource={(item) => this.removeFromTarget(item, false)}\n        onMoveItemToTarget={(item) => this.addToTarget(item, true)}\n        onNavigateOnSourceTo={(item, direction) =>\n          this.navigate(item, false, direction)\n        }\n        onNavigateOnTargetTo={(item, direction) =>\n          this.navigate(item, true, direction)\n        }\n        onSourceSortEnd={() => null}\n        onTargetSortEnd={this.handleTargetSortEnd}\n        sourceItems={composedSourceItems}\n        targetItems={composedTargetItems}\n      />\n    );\n  }\n}\n\nconst ShuttleImplHoc = withProviders(ShuttleImpl);\nexport { ShuttleImplHoc as ShuttleImpl };\nexport default ShuttleImplHoc;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAiC;AACjC,0BAAmC;AACnC,2BAA8B;AAC9B,qBAOO;AACP,oBAOO;AACP,6BAAgC;AAChC,yBAA4B;AAC5B,yCAA4C;AAE5C,0BAA0B,uBAAU;AAAA,EAGlC,YAAY,OAAO;AACjB,UAAM;AA2BR,oBAAW,MAAM;AACf,YAAM,EAAE,eAAe,KAAK;AAC5B,aAAO,OAAO,KAAK;AAAA;AA5BnB,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,MACX,eAAe;AAAA,MACf,cAAc;AAAA,MAEd,WAAW,CAAC,EAAE,MAAM,MAAM,iBAAiB,IAAI;AAAA,MAE/C,eAAe,CAAC,EAAE,MAAM,MAAM,iBAAiB,IAAI;AAAA,MAEnD,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA;AAEf,SAAK,mBAAmB,KAAK,iBAAiB,KAAK;AACnD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK;AAAA;AAAA,SAG5C,yBAAyB,WAAW,WAAW;AACpD,WAAO,oEAA4B,WAAW;AAAA;AAAA,EAGhD,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,KAAK;AAC9B,iBAAa,KAAK;AAAA;AAAA,EAQpB,eAAe;AACb,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,eAAe,KAAK;AAC5B,aAAS,OAAO,KAAK;AAAA;AAAA,EAGvB,SAAS,MAAM,MAAM,WAAW;AAC9B,UAAM,EAAE,aAAa,sBAAsB,KAAK;AAEhD,QAAI,CAAC;AAAM,kBAAY,MAAM;AAC7B,QAAI;AAAM,wBAAkB,MAAM;AAElC,UAAM,EAAE,OAAO,qBAAqB,KAAK;AACzC;AAEA,SAAK,SAAS,wBAAK,CAAC,+BAAW,MAAM,OAAO;AAAA;AAAA,EAG9C,oBAAoB;AAClB,SAAK,SAAS;AAAA;AAAA,EAGhB,kBAAkB;AAChB,UAAM,EAAE,eAAe,0BAA0B,KAAK;AACtD,QAAI,CAAC,eAAe;AAClB,WAAK,SACH,wBAAK,CAAC,+BAAW,EAAE,IAAI,QAAQ,OAAO,yCACtC,MAAM;AACJ,aAAK;AAAA;AAAA,WAGJ;AACL,WAAK,SAAS,wBAAK,CAAC,+BAAW,EAAE,IAAI,QAAQ;AAAA;AAE/C;AAAA;AAAA,EAGF,YAAY,MAAM;AAChB,UAAM,EAAE,eAAe,kBAAkB,KAAK;AAC9C,QAAI,CAAC,eAAe;AAClB,WAAK,SAAS,wBAAK,CAAC,gCAAY,OAAO,2CAAuB,MAAM;AAClE,aAAK;AAAA;AAAA;AAGT,kBAAc;AAAA;AAAA,EAGhB,iBAAiB,MAAM;AACrB,UAAM,EAAE,eAAe,uBAAuB,KAAK;AACnD,QAAI,CAAC,eAAe;AAClB,WAAK,SAAS,wBAAK,CAAC,qCAAiB,SAAS,MAAM;AAClD,aAAK;AAAA;AAAA;AAGT,uBAAmB;AAAA;AAAA,EAGrB,oBAAoB,MAAM;AACxB,SAAK,SAAS,wCAAoB,KAAK;AAAA;AAAA,EAGzC,mBAAmB;AACjB,UAAM,EAAE,mBAAmB,eAAe,qBAAqB,KAAK;AACpE,UAAM,EAAE,cAAc,kBAAkB,KAAK;AAC7C,UAAM,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAC5C,UAAM,UAAU,iBACZ,iBAAiB,OAAO,CAAC,SACvB,aAAa,KAAK,CAAC,UAAU,UAAU,SAEzC;AACJ,UAAM,QAAQ,gCAAa,SAAS;AACpC,UAAM,UAAU,CAAC,gBACb,MAAM,IAAI,CAAC,SAAS,gCAAY,SAChC;AACJ,SAAK,SAAS,wBAAK,CAAC,GAAG,SAAS,2CAAuB,MAAM;AAC3D,WAAK;AAAA;AAEP,sBAAkB;AAAA;AAAA,EAGpB,oBAAoB,EAAE,YAAY,cAAc;AAC9C,UAAM,EAAE,SAAS,oBAAoB,KAAK;AAC1C,UAAM,EAAE,aAAa,eAAe,eAAe,KAAK;AAExD,UAAM,cAAc,4CAAyB,eAAe;AAE5D,UAAM,aAAa,CAAC,cAAc,aAAa;AAE/C,UAAM,WAAW,WAAW,UAC1B,CAAC,UAAU,MAAM,aAAa,WAAW;AAE3C,UAAM,WAAW,WAAW,UAC1B,CAAC,UAAU,MAAM,aAAa,WAAW;AAG3C,UAAM,mBAAmB,CAAC,cACtB,mCAAU,YAAY,UAAU,YAChC;AACJ,UAAM,cAAc,cAChB,mCAAU,aAAa,UAAU,YACjC;AAEJ,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA,MACb,YAAY;AAAA;AAEd,oBAAgB,EAAE,YAAY;AAAA;AAAA,EAGhC,SAAS;AACP,UAAM,EAAE,SAAS,kBAAkB,qBAAqB,SAAS,KAAK;AACtE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,QACE,KAAK;AACT,UAAM;AAAA,MACJ,OAAO,EAAE,YAAY;AAAA,QACnB,KAAK;AAET,UAAM,6BAA6B,MAAM;AACvC,YAAM,EAAE,OAAO,4CAAyB;AACxC,UAAI,IAAI;AACN,eAAO,kCACL,YACA,WAEA,yCAAsB,IACpB,iBAAiB,IAAI,CAAC,OAAO,MAAM,KAAK,CAAC,QAAQ,IAAI,OAAO;AAAA;AAKlE,aAAO,kCACL,YACA,WAEA,MAAM,OAAO,CAAC,OACZ,iBAAiB,KACf,CAAC,QACC,QAAQ,GAAG,MACX,CAAC,iBAAiB,KAAK,CAAC,SAAS,SAAS,GAAG;AAAA;AAMvD,QAAI;AAGJ,QAAI,kBAAkB;AACpB,4BAAsB;AAAA,WACjB;AACL,4BAAsB,iCACpB,kCAAe,YAAY,YAC3B,oCAAiB,aACjB,yCAAsB,4CAAyB,WAAW,KAC1D;AAAA;AAGJ,UAAM,6BAA6B,MAAM;AACvC,YAAM,EAAE,OAAO,4CAAyB;AACxC,UAAI,IAAI;AACN,eAAO,yCACL,4CAAyB,eAAe,IAExC,KAAK,MAAM,cAAc,IAAI,CAAC,OAC5B,MAAM,KAAK,CAAC,QAAQ,IAAI,OAAO;AAAA;AAKrC,aAAO,YAAY,OAAO,CAAC,OACzB,KAAK,MAAM,cAAc,KACvB,CAAC,QACC,QAAQ,GAAG,MACX,CAAC,KAAK,MAAM,cAAc,KAAK,CAAC,SAAS,SAAS,GAAG;AAAA;AAK7D,QAAI;AAGJ,QAAI,kBAAkB;AACpB,4BAAsB;AAAA,WACjB;AACL,4BAAsB,iCAAQ,CAAC,WAAW;AACxC,cAAM,cAAc,4CAAyB,eAAe;AAC5D,eAAO,cACH,iCACE,oCAAiB,aACjB,yCAAsB,cACtB,UACF;AAAA,SACH;AAAA;AAGL,WACE,mDAAC,wCAAD;AAAA,SACM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,KAAK;AAAA,MAClB,qBAAqB,KAAK;AAAA,MAC1B,mBAAmB,KAAK;AAAA,MACxB,aAAa,KAAK;AAAA,MAClB,oBAAoB,KAAK;AAAA,MACzB,oBAAoB,CAAC,SAAS,KAAK,iBAAiB,MAAM;AAAA,MAC1D,oBAAoB,CAAC,SAAS,KAAK,YAAY,MAAM;AAAA,MACrD,sBAAsB,CAAC,MAAM,cAC3B,KAAK,SAAS,MAAM,OAAO;AAAA,MAE7B,sBAAsB,CAAC,MAAM,cAC3B,KAAK,SAAS,MAAM,MAAM;AAAA,MAE5B,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,KAAK;AAAA,MACtB,aAAa;AAAA,MACb,aAAa;AAAA;AAAA;AAAA;AAnQZ,AADT,YACS,cAAc,+BAAY;AAyQnC,MAAM,iBAAiB,wCAAc;AAErC,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/ShuttleRenderer.js

@@ -0,0 +1,144 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ShuttleRenderer_exports = {};
+__export(ShuttleRenderer_exports, {
+  ShuttleRenderer: () => ShuttleRenderer,
+  default: () => ShuttleRenderer_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ShuttleSource = require("./components/ShuttleSource");
+var import_ShuttleTarget = require("./components/ShuttleTarget");
+var import_classedComponents = require("./classedComponents");
+var import_AnimationState = require("./AnimationState");
+const noop = () => {
+};
+function ShuttleRenderer({
+  containerProps,
+  onNavigateOnTargetTo = noop,
+  onNavigateOnSourceTo = noop,
+  onMoveItemToSource = noop,
+  onMoveItemToTarget = noop,
+  onClearMovedItems = noop,
+  onMoveCheckedItems = noop,
+  onClearCheckedItems = noop,
+  onToggleSearch = noop,
+  onSearch = noop,
+  onSearchClose = noop,
+  onSearchOpen = noop,
+  searching = false,
+  onCheckItem = noop,
+  hierarchy = [],
+  hierarchyDest = [],
+  checkedItems = [],
+  sourceItems = [],
+  targetItems = [],
+  sourceEmptyMessage,
+  targetEmptyMessage,
+  composeTargetItemProps,
+  composeSourceItemProps,
+  targetSortable,
+  sourceSortable,
+  onSourceSortEnd,
+  onTargetSortEnd,
+  loadingSource = false,
+  loadingTarget = false,
+  onGetMoreItems = () => {
+  },
+  moreItemsLoading = false,
+  hasNextPage = false,
+  ...otherProps
+}) {
+  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
+  const removeAnimationState = (0, import_react.useCallback)(() => setTimeout(() => reset(), 500));
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleContainer, {
+    "data-testid": "em-ds-shuttle",
+    ...containerProps
+  }, /* @__PURE__ */ import_react.default.createElement(import_ShuttleSource.ShuttleSource, {
+    ...otherProps,
+    checkedItems,
+    composeSourceItemProps,
+    emptyMessage: sourceEmptyMessage,
+    hierarchy,
+    items: sourceItems,
+    onCheckItem,
+    onClearCheckedItems,
+    onMoveCheckedItems: (item) => {
+      setIsMoving(true);
+      onMoveCheckedItems(item);
+    },
+    onMoveItem: (item) => {
+      setIsMoving(true);
+      onMoveItemToTarget(item);
+      removeAnimationState();
+    },
+    onNavigateTo: (item, direction = "down") => {
+      const indexInHierarchy = hierarchy.findIndex((hItem) => hItem.id === item.id);
+      setIsDrillingDown(indexInHierarchy === -1);
+      onNavigateOnSourceTo(item, direction);
+    },
+    onSearch,
+    onSearchClose,
+    onSearchOpen,
+    onSortEnd: onSourceSortEnd,
+    onToggleSearch,
+    searching,
+    sourceSortable,
+    loading: loadingSource,
+    onGetMoreItems,
+    moreItemsLoading,
+    hasNextPage
+  }), /* @__PURE__ */ import_react.default.createElement(import_ShuttleTarget.ShuttleTarget, {
+    ...otherProps,
+    composeTargetItemProps,
+    emptyMessage: targetEmptyMessage,
+    hierarchy: hierarchyDest,
+    items: targetItems,
+    onClearMovedItems: () => {
+      setIsMovingBack(true);
+      removeAnimationState();
+      onClearMovedItems();
+    },
+    onMoveItem: (item) => {
+      setIsMovingBack(true);
+      removeAnimationState();
+      onMoveItemToSource(item);
+    },
+    onNavigateTo: (item, direction = "down") => {
+      const indexInHierarchy = hierarchyDest.findIndex((hItem) => hItem.id === item.id);
+      setIsDrillingDown(indexInHierarchy === -1);
+      onNavigateOnTargetTo(item, direction);
+    },
+    onSortEnd: onTargetSortEnd,
+    targetSortable,
+    loading: loadingTarget
+  }));
+}
+var ShuttleRenderer_default = ShuttleRenderer;
+module.exports = __toCommonJS(ShuttleRenderer_exports);
+//# sourceMappingURL=ShuttleRenderer.js.map

package/dist/cjs/ShuttleRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ShuttleRenderer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useCallback, useContext } from 'react';\nimport { ShuttleSource } from './components/ShuttleSource';\nimport { ShuttleTarget } from './components/ShuttleTarget';\nimport { ShuttleContainer } from './classedComponents';\nimport { AnimationState } from './AnimationState';\n\n// todo: clean methods on jsx\nconst noop = () => {};\nfunction ShuttleRenderer({\n  containerProps,\n  onNavigateOnTargetTo = noop,\n  onNavigateOnSourceTo = noop,\n  onMoveItemToSource = noop,\n  onMoveItemToTarget = noop,\n  onClearMovedItems = noop,\n  onMoveCheckedItems = noop,\n  onClearCheckedItems = noop,\n  onToggleSearch = noop,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  searching = false,\n  onCheckItem = noop,\n  hierarchy = [],\n  hierarchyDest = [],\n  checkedItems = [],\n  sourceItems = [],\n  targetItems = [],\n  sourceEmptyMessage,\n  targetEmptyMessage,\n  composeTargetItemProps,\n  composeSourceItemProps,\n  targetSortable,\n  sourceSortable,\n  onSourceSortEnd,\n  onTargetSortEnd,\n  loadingSource = false,\n  loadingTarget = false,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n  ...otherProps\n}) {\n  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(\n    AnimationState.Context,\n  );\n\n  const removeAnimationState = useCallback(() =>\n    setTimeout(() => reset(), 500),\n  );\n\n  return (\n    <ShuttleContainer data-testid=\"em-ds-shuttle\" {...containerProps}>\n      <ShuttleSource\n        {...otherProps}\n        checkedItems={checkedItems}\n        composeSourceItemProps={composeSourceItemProps}\n        emptyMessage={sourceEmptyMessage}\n        hierarchy={hierarchy}\n        items={sourceItems}\n        onCheckItem={onCheckItem}\n        onClearCheckedItems={onClearCheckedItems}\n        onMoveCheckedItems={(item) => {\n          setIsMoving(true);\n          onMoveCheckedItems(item);\n        }}\n        onMoveItem={(item) => {\n          setIsMoving(true);\n          onMoveItemToTarget(item);\n          removeAnimationState();\n        }}\n        onNavigateTo={(item, direction = 'down') => {\n          const indexInHierarchy = hierarchy.findIndex(\n            (hItem) => hItem.id === item.id,\n          );\n          setIsDrillingDown(indexInHierarchy === -1);\n          onNavigateOnSourceTo(item, direction);\n        }}\n        onSearch={onSearch}\n        onSearchClose={onSearchClose}\n        onSearchOpen={onSearchOpen}\n        onSortEnd={onSourceSortEnd}\n        onToggleSearch={onToggleSearch}\n        searching={searching}\n        sourceSortable={sourceSortable}\n        loading={loadingSource}\n        onGetMoreItems={onGetMoreItems}\n        moreItemsLoading={moreItemsLoading}\n        hasNextPage={hasNextPage}\n      />\n      <ShuttleTarget\n        {...otherProps}\n        composeTargetItemProps={composeTargetItemProps}\n        emptyMessage={targetEmptyMessage}\n        hierarchy={hierarchyDest}\n        items={targetItems}\n        onClearMovedItems={() => {\n          setIsMovingBack(true);\n          removeAnimationState();\n          onClearMovedItems();\n        }}\n        onMoveItem={(item) => {\n          setIsMovingBack(true);\n          removeAnimationState();\n          onMoveItemToSource(item);\n        }}\n        onNavigateTo={(item, direction = 'down') => {\n          const indexInHierarchy = hierarchyDest.findIndex(\n            (hItem) => hItem.id === item.id,\n          );\n          setIsDrillingDown(indexInHierarchy === -1);\n          onNavigateOnTargetTo(item, direction);\n        }}\n        onSortEnd={onTargetSortEnd}\n        targetSortable={targetSortable}\n        loading={loadingTarget}\n      />\n    </ShuttleContainer>\n  );\n}\n\nexport { ShuttleRenderer };\nexport default ShuttleRenderer;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+C;AAC/C,2BAA8B;AAC9B,2BAA8B;AAC9B,+BAAiC;AACjC,4BAA+B;AAG/B,MAAM,OAAO,MAAM;AAAA;AACnB,yBAAyB;AAAA,EACvB;AAAA,EACA,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd;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;AAAA,EACvB,mBAAmB;AAAA,EACnB,cAAc;AAAA,KACX;AAAA,GACF;AACD,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,UAAU,6BACjE,qCAAe;AAGjB,QAAM,uBAAuB,8BAAY,MACvC,WAAW,MAAM,SAAS;AAG5B,SACE,mDAAC,2CAAD;AAAA,IAAkB,eAAY;AAAA,OAAoB;AAAA,KAChD,mDAAC,oCAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,oBAAoB,CAAC,SAAS;AAC5B,kBAAY;AACZ,yBAAmB;AAAA;AAAA,IAErB,YAAY,CAAC,SAAS;AACpB,kBAAY;AACZ,yBAAmB;AACnB;AAAA;AAAA,IAEF,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,UAAU,UACjC,CAAC,UAAU,MAAM,OAAO,KAAK;AAE/B,wBAAkB,qBAAqB;AACvC,2BAAqB,MAAM;AAAA;AAAA,IAE7B;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MAEF,mDAAC,oCAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB,MAAM;AACvB,sBAAgB;AAChB;AACA;AAAA;AAAA,IAEF,YAAY,CAAC,SAAS;AACpB,sBAAgB;AAChB;AACA,yBAAmB;AAAA;AAAA,IAErB,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,cAAc,UACrC,CAAC,UAAU,MAAM,OAAO,KAAK;AAE/B,wBAAkB,qBAAqB;AACvC,2BAAqB,MAAM;AAAA;AAAA,IAE7B,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA;AAAA;AAOjB,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/cjs/ShuttleState.js

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ShuttleState_exports = {};
+__export(ShuttleState_exports, {
+  ShuttleState: () => useShuttleStateHOC,
+  default: () => ShuttleState_default
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constate = __toESM(require("constate"));
+var import_helper = require("./helper");
+var actions = __toESM(require("./Shuttle.actions"));
+function useShuttleState() {
+  const [shuttleState, setShuttleState] = (0, import_react.useState)({
+    checkedItems: [],
+    movedItems: {},
+    hierarchy: [{ name: "Category", id: null }],
+    hierarchyDest: [{ name: "Added users", id: null }]
+  });
+  const setState = (state) => setShuttleState(state(shuttleState));
+  function setMovedItems(itemsIds = [], items = []) {
+    const itemsToMove = (0, import_helper.getItemsById)(itemsIds, items);
+    const pipeActions = itemsToMove.map((item) => actions.moveItem(item, true));
+    setState((0, import_helper.pipe)([actions.resetMovedItems(), ...pipeActions]));
+  }
+  function navigate(item, dest) {
+    setState((0, import_helper.pipe)([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
+  }
+  function resetCheckedItems() {
+    setState(actions.resetCheckedItems());
+  }
+  function resetMovedItems() {
+    setState((0, import_helper.pipe)([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
+  }
+  function moveItem(item, dest) {
+    setState((0, import_helper.pipe)([actions.moveItem(item, dest), actions.resetCheckedItems()]));
+  }
+  function toggleItemSelection(item) {
+    setState(actions.toggleItemSelection(item.id));
+  }
+  function moveCheckedItems(items, dest = true) {
+    const pipeActions = items.map((item) => moveItem(item, dest));
+    setState((0, import_helper.pipe)([...pipeActions, resetCheckedItems()]));
+  }
+  return {
+    state: shuttleState,
+    toggleItemSelection,
+    moveCheckedItems,
+    moveItem,
+    resetMovedItems,
+    resetCheckedItems,
+    navigate,
+    setMovedItems
+  };
+}
+const useShuttleStateHOC = (0, import_constate.default)(useShuttleState, (value) => [value.state]);
+var ShuttleState_default = useShuttleStateHOC;
+module.exports = __toCommonJS(ShuttleState_exports);
+//# sourceMappingURL=ShuttleState.js.map

package/dist/cjs/ShuttleState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ShuttleState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState } from 'react';\nimport createContainer from 'constate';\nimport { getItemsById, pipe } from './helper';\nimport * as actions from './Shuttle.actions';\n\nfunction useShuttleState() {\n  const [shuttleState, setShuttleState] = useState({\n    checkedItems: [],\n    movedItems: {},\n    hierarchy: [{ name: 'Category', id: null }],\n    hierarchyDest: [{ name: 'Added users', id: null }],\n  });\n\n  const setState = state => setShuttleState(state(shuttleState));\n\n  function setMovedItems(itemsIds = [], items = []) {\n    const itemsToMove = getItemsById(itemsIds, items);\n    const pipeActions = itemsToMove.map(item => actions.moveItem(item, true));\n    setState(pipe([actions.resetMovedItems(), ...pipeActions]));\n  }\n\n  function navigate(item, dest) {\n    setState(\n      pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]),\n    );\n  }\n\n  function resetCheckedItems() {\n    setState(actions.resetCheckedItems());\n  }\n\n  function resetMovedItems() {\n    setState(\n      pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]),\n    );\n  }\n\n  function moveItem(item, dest) {\n    setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));\n  }\n\n  function toggleItemSelection(item) {\n    setState(actions.toggleItemSelection(item.id));\n  }\n\n  function moveCheckedItems(items, dest = true) {\n    const pipeActions = items.map(item => moveItem(item, dest));\n    setState(pipe([...pipeActions, resetCheckedItems()]));\n  }\n\n  return {\n    state: shuttleState,\n    toggleItemSelection,\n    moveCheckedItems,\n    moveItem,\n    resetMovedItems,\n    resetCheckedItems,\n    navigate,\n    setMovedItems,\n  };\n}\n\nconst useShuttleStateHOC = createContainer(useShuttleState, value => [value.state]);\nexport { useShuttleStateHOC as ShuttleState };\nexport default useShuttleStateHOC;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAC5B,oBAAmC;AACnC,cAAyB;AAEzB,2BAA2B;AACzB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAAA,IAC/C,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW,CAAC,EAAE,MAAM,YAAY,IAAI;AAAA,IACpC,eAAe,CAAC,EAAE,MAAM,eAAe,IAAI;AAAA;AAG7C,QAAM,WAAW,WAAS,gBAAgB,MAAM;AAEhD,yBAAuB,WAAW,IAAI,QAAQ,IAAI;AAChD,UAAM,cAAc,gCAAa,UAAU;AAC3C,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM;AACnE,aAAS,wBAAK,CAAC,QAAQ,mBAAmB,GAAG;AAAA;AAG/C,oBAAkB,MAAM,MAAM;AAC5B,aACE,wBAAK,CAAC,QAAQ,WAAW,MAAM,OAAO,QAAQ;AAAA;AAIlD,+BAA6B;AAC3B,aAAS,QAAQ;AAAA;AAGnB,6BAA2B;AACzB,aACE,wBAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,QAAQ,OAAO,QAAQ;AAAA;AAI1D,oBAAkB,MAAM,MAAM;AAC5B,aAAS,wBAAK,CAAC,QAAQ,SAAS,MAAM,OAAO,QAAQ;AAAA;AAGvD,+BAA6B,MAAM;AACjC,aAAS,QAAQ,oBAAoB,KAAK;AAAA;AAG5C,4BAA0B,OAAO,OAAO,MAAM;AAC5C,UAAM,cAAc,MAAM,IAAI,UAAQ,SAAS,MAAM;AACrD,aAAS,wBAAK,CAAC,GAAG,aAAa;AAAA;AAGjC,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,qBAAqB,6BAAgB,iBAAiB,WAAS,CAAC,MAAM;AAE5E,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/animation/animationConfig.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var animationConfig_exports = {};
+__export(animationConfig_exports, {
+  animationConfig: () => animationConfig
+});
+var React = __toESM(require("react"));
+const itemAnimationDuration = 300;
+const listAnimationDuration = 300;
+const xPosMovement = 500;
+const breadcrumbDuration = 200;
+const xBreadcrumbPos = 300;
+const animationConfig = {
+  slideRight: {
+    from: { transform: "translate3d(0,0,0)" },
+    to: { transform: `translate3d(${xPosMovement}px,0,0)` }
+  },
+  slideLeft: {
+    from: { transform: "translate3d(0,0,0)" },
+    to: { transform: `translate3d(${-xPosMovement}px,0,0)` }
+  },
+  moveItem: (isMovingLeft) => ({
+    config: { duration: itemAnimationDuration },
+    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
+    from: {
+      opacity: 1,
+      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+    },
+    leave: {
+      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+    }
+  }),
+  moveList: (isDrillingDown) => ({
+    config: { duration: listAnimationDuration },
+    enter: { opacity: 1, transform: "translate3d(0,0,0)" },
+    from: {
+      opacity: 0,
+      transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
+    },
+    leave: {
+      opacity: 0,
+      transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
+    }
+  }),
+  breadcrumb: () => ({
+    config: { duration: breadcrumbDuration },
+    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
+    from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },
+    leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` }
+  })
+};
+module.exports = __toCommonJS(animationConfig_exports);
+//# sourceMappingURL=animationConfig.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/animation/animationConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// shuttle list and items constants\nconst itemAnimationDuration = 300;\nconst listAnimationDuration = 300;\nconst xPosMovement = 500;\n\n// breadcrumb constants\nconst breadcrumbDuration = 200;\nconst xBreadcrumbPos = 300;\n\nexport const animationConfig = {\n  slideRight: {\n    from: { transform: 'translate3d(0,0,0)' },\n    to: { transform: `translate3d(${xPosMovement}px,0,0)` },\n  },\n  slideLeft: {\n    from: { transform: 'translate3d(0,0,0)' },\n    to: { transform: `translate3d(${-xPosMovement}px,0,0)` },\n  },\n  moveItem: isMovingLeft => ({\n    config: { duration: itemAnimationDuration },\n    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n    from: {\n      opacity: 1,\n      transform: `translate3d(${\n        isMovingLeft ? -xPosMovement : xPosMovement\n      }px,0,0)`,\n    },\n    leave: {\n      transform: `translate3d(${\n        isMovingLeft ? -xPosMovement : xPosMovement\n      }px,0,0)`,\n    },\n  }),\n  moveList: isDrillingDown => ({\n    config: { duration: listAnimationDuration },\n    enter: { opacity: 1, transform: 'translate3d(0,0,0)' },\n    from: {\n      opacity: 0,\n      transform: `translate3d(0px,${\n        isDrillingDown ? xPosMovement : -xPosMovement\n      }px,0)`,\n    },\n    leave: {\n      opacity: 0,\n      transform: `translate3d(0,${\n        isDrillingDown ? -xPosMovement : xPosMovement\n      }px,0)`,\n    },\n  }),\n  breadcrumb: () => ({\n    config: { duration: breadcrumbDuration },\n    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n    from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },\n    leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` },\n  }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AAGrB,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB;AAEhB,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,IACV,MAAM,EAAE,WAAW;AAAA,IACnB,IAAI,EAAE,WAAW,eAAe;AAAA;AAAA,EAElC,WAAW;AAAA,IACT,MAAM,EAAE,WAAW;AAAA,IACnB,IAAI,EAAE,WAAW,eAAe,CAAC;AAAA;AAAA,EAEnC,UAAU,kBAAiB;AAAA,IACzB,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC/C,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eACT,eAAe,CAAC,eAAe;AAAA;AAAA,IAGnC,OAAO;AAAA,MACL,WAAW,eACT,eAAe,CAAC,eAAe;AAAA;AAAA;AAAA,EAIrC,UAAU,oBAAmB;AAAA,IAC3B,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW;AAAA,IAChC,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBACT,iBAAiB,eAAe,CAAC;AAAA;AAAA,IAGrC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBACT,iBAAiB,CAAC,eAAe;AAAA;AAAA;AAAA,EAIvC,YAAY,MAAO;AAAA,IACjB,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC/C,MAAM,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC9C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA;AAAA;",
+  "names": []
+}