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

package/dist/esm/Shuttle.actions.js

@@ -1,106 +0,0 @@
-import * as React from "react";
-import {
-  addOrRemove,
-  cloneDeep,
-  hashArray,
-  compose
-} from "@elliemae/ds-utilities";
-import {
-  getHierarchyTypeName,
-  toggleInObject,
-  filterMovedItems
-} from "./helper";
-import utils from "./utils";
-function toggleItemSelection(itemId) {
-  return (state) => ({
-    ...state,
-    checkedItems: addOrRemove(state.checkedItems, itemId)
-  });
-}
-function navigateTo(item, dest) {
-  const hierarchyType = getHierarchyTypeName(dest);
-  return (state) => {
-    const indexInHierarchy = state[hierarchyType].findIndex((hItem) => hItem.id === item.id);
-    const hierarchy = state[hierarchyType];
-    return {
-      ...state,
-      [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item]
-    };
-  };
-}
-function moveItem(item) {
-  return (state) => {
-    const movedItems = toggleInObject(state.movedItems, item.id, item);
-    return {
-      ...state,
-      movedItems
-    };
-  };
-}
-const defaultOptions = {
-  parentField: "parent",
-  idField: "id",
-  op: (hasMoved) => !hasMoved
-};
-function getItemDeep({ collection, id, options }) {
-  const { idField } = { ...defaultOptions, ...options };
-  const itemIndex = collection.findIndex((fItem) => fItem[idField] === id);
-  const item = collection[itemIndex];
-  const children = item?.hasChildren ? compose(utils.getChildren({ index: itemIndex }))(collection) || [] : [];
-  return { item, children };
-}
-function addToTarget(itemToAdd, collection) {
-  return (state, { idField }) => {
-    const items = collection || state.preparedItems;
-    const { item, children } = getItemDeep({
-      collection: items,
-      id: itemToAdd[idField]
-    });
-    return {
-      ...state,
-      movedItems: [...state.movedItems, item],
-      targetItems: [...state.targetItems, item, ...children]
-    };
-  };
-}
-function removeFromTarget(itemToRemove) {
-  return (state, { idField }) => {
-    let targetItems = cloneDeep(state.targetItems);
-    const itemIndex = targetItems.findIndex((fItem) => fItem.id === itemToRemove.id);
-    const item = targetItems[itemIndex];
-    const children = item?.hasChildren ? compose(filterMovedItems(state.movedItems), utils.getChildren({ index: itemIndex }))(targetItems) || [] : [];
-    targetItems.splice(itemIndex, 1);
-    if (item?.hasChildren && children.length) {
-      const childrenHash = hashArray(children, "id");
-      targetItems = targetItems.filter((i) => !childrenHash[i.id]);
-    }
-    return {
-      ...state,
-      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),
-      targetItems
-    };
-  };
-}
-function resetCheckedItems() {
-  return (state) => ({
-    ...state,
-    checkedItems: []
-  });
-}
-function resetMovedItems() {
-  return (state) => ({
-    ...state,
-    movedItems: [],
-    targetItems: []
-  });
-}
-export {
-  addToTarget,
-  moveItem,
-  navigateTo,
-  removeFromTarget,
-  resetCheckedItems,
-  resetMovedItems,
-  toggleItemSelection
-};
-//# sourceMappingURL=Shuttle.actions.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEO,6BAA6B,QAAQ;AAC1C,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,cAAc,YAAY,MAAM,cAAc;AAAA;AAAA;AAG3C,oBAAoB,MAAM,MAAM;AACrC,QAAM,gBAAgB,qBAAqB;AAC3C,SAAO,WAAS;AACd,UAAM,mBAAmB,MAAM,eAAe,UAC5C,WAAS,MAAM,OAAO,KAAK;AAE7B,UAAM,YAAY,MAAM;AACxB,WAAO;AAAA,SACF;AAAA,OACF,gBACC,qBAAqB,KACjB,UAAU,MAAM,GAAG,mBAAmB,KACtC,CAAC,GAAG,WAAW;AAAA;AAAA;AAAA;AAIpB,kBAAkB,MAAM;AAC7B,SAAO,WAAS;AACd,UAAM,aAAa,eAAe,MAAM,YAAY,KAAK,IAAI;AAC7D,WAAO;AAAA,SACF;AAAA,MACH;AAAA;AAAA;AAAA;AAKN,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,IAAI,cAAY,CAAC;AAAA;AAInB,qBAAqB,EAAE,YAAY,IAAI,WAAW;AAChD,QAAM,EAAE,YAAY,KAAK,mBAAmB;AAC5C,QAAM,YAAY,WAAW,UAAU,WAAS,MAAM,aAAa;AAGnE,QAAM,OAAO,WAAW;AACxB,QAAM,WAAW,MAAM,cACnB,QAAQ,MAAM,YAAY,EAAE,OAAO,cAAc,eAAe,KAChE;AAEJ,SAAO,EAAE,MAAM;AAAA;AAGV,qBAAqB,WAAW,YAAY;AACjD,SAAO,CAAC,OAAO,EAAE,cAAc;AAC7B,UAAM,QAAQ,cAAc,MAAM;AAElC,UAAM,EAAE,MAAM,aAAa,YAAY;AAAA,MACrC,YAAY;AAAA,MACZ,IAAI,UAAU;AAAA;AAGhB,WAAO;AAAA,SACF;AAAA,MACH,YAAY,CAAC,GAAG,MAAM,YAAY;AAAA,MAClC,aAAa,CAAC,GAAG,MAAM,aAAa,MAAM,GAAG;AAAA;AAAA;AAAA;AAM5C,0BAA0B,cAAc;AAC7C,SAAO,CAAC,OAAO,EAAE,cAAc;AAC7B,QAAI,cAAc,UAAU,MAAM;AAElC,UAAM,YAAY,YAAY,UAC5B,WAAS,MAAM,OAAO,aAAa;AAGrC,UAAM,OAAO,YAAY;AACzB,UAAM,WAAW,MAAM,cACnB,QACE,iBAAiB,MAAM,aACvB,MAAM,YAAY,EAAE,OAAO,cAC3B,gBAAgB,KAClB;AAEJ,gBAAY,OAAO,WAAW;AAC9B,QAAI,MAAM,eAAe,SAAS,QAAQ;AACxC,YAAM,eAAe,UAAU,UAAU;AACzC,oBAAc,YAAY,OAAO,OAAK,CAAC,aAAa,EAAE;AAAA;AAGxD,WAAO;AAAA,SACF;AAAA,MACH,YAAY,MAAM,WAAW,OAC3B,WAAS,MAAM,aAAa,aAAa;AAAA,MAE3C;AAAA;AAAA;AAAA;AAKC,6BAA6B;AAClC,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,cAAc;AAAA;AAAA;AAGX,2BAA2B;AAChC,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,YAAY;AAAA,IACZ,aAAa;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/ShuttleContainer.js

@@ -1,64 +0,0 @@
-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";
-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: searchState } = useContext(SearchState.Context);
-  const {
-    movedItems,
-    hierarchy,
-    hierarchyDest,
-    checkedItems,
-    searchTerm,
-    searching,
-    toggleItemSelection,
-    resetCheckedItems,
-    resetMovedItems,
-    moveCheckedItems,
-    moveItem,
-    navigate
-  } = { ...shuttleState, ...searchState, ...handlers };
-  const sourceItems = useMemo(() => compose((items2) => items2.filter((item) => !movedItems[item.id]), (items2) => searchTerm && searching ? filterItemsByTerm(items2, searchTerm) : items2, (items2) => filterItemsByHierarchy(items2, getActiveIdFromHierarchy(hierarchy).id), (items2) => prepareItems(items2))(items), [items, searchTerm, searching, hierarchy, movedItems]);
-  const targetItems = useMemo(() => {
-    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"))(items);
-  }, [items, searching, hierarchyDest, movedItems]);
-  return isFunction(children) && children({
-    checkedItems,
-    hierarchy,
-    hierarchyDest,
-    onCheckItem: toggleItemSelection,
-    onClearCheckedItems: resetCheckedItems,
-    onClearMovedItems: resetMovedItems,
-    onMoveCheckedItems: () => moveCheckedItems(getItemsById(checkedItems, items)),
-    onMoveItemToSource: (item) => moveItem(item, false),
-    onMoveItemToTarget: (item) => moveItem(item, true),
-    onNavigateOnSourceTo: (item) => navigate(item, false),
-    onNavigateOnTargetTo: (item) => navigate(item, true),
-    sourceItems,
-    targetItems
-  });
-}
-var ShuttleContainer_default = withProviders(ShuttleContainer);
-export {
-  ShuttleContainer_default as default
-};
-//# sourceMappingURL=ShuttleContainer.js.map

package/dist/esm/ShuttleContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "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;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,2BAA2B,OAAO,MAAM;AACtC,SAAO,MAAM,OACX,UACE,KAAK,KAAK,cAAc,QAAQ,OAAO,MAAM,mBAAmB,MAChE,OAAO,KAAK,IAAI,QAAQ,OAAO,MAAM,mBAAmB;AAAA;AAI9D,0BAA0B,EAAE,QAAQ,IAAI,YAAY;AAClD,QAAM,EAAE,OAAO,iBAAiB,aAAa,WAC3C,aAAa;AAEf,QAAM,EAAE,OAAO,gBAAgB,WAAW,YAAY;AACtD,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,MACE,KAAK,iBAAiB,gBAAgB;AAE1C,QAAM,cAAc,QAClB,MACE,QACE,YAAS,OAAM,OAAO,UAAQ,CAAC,WAAW,KAAK,MAC/C,YACE,cAAc,YACV,kBAAkB,QAAO,cACzB,QACN,YACE,uBAAuB,QAAO,yBAAyB,WAAW,KACpE,YAAS,aAAa,SACtB,QACJ,CAAC,OAAO,YAAY,WAAW,WAAW;AAG5C,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,cAAc,yBAAyB,eAAe;AAC5D,WAAO,QACL,YAAS,OAAO,QAAO,CAAC,UACxB,YACE,cACI,uBAAuB,QAAO,aAAa,OACzC,UAAQ,CAAC,WAAW,KAAK,OAE3B,OAAO,OAAO,aAAa,OACjC;AAAA,KACD,CAAC,OAAO,WAAW,eAAe;AAErC,SACE,WAAW,aACX,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAClB,iBAAiB,aAAa,cAAc;AAAA,IAC9C,oBAAoB,UAAQ,SAAS,MAAM;AAAA,IAC3C,oBAAoB,UAAQ,SAAS,MAAM;AAAA,IAC3C,sBAAsB,UAAQ,SAAS,MAAM;AAAA,IAC7C,sBAAsB,UAAQ,SAAS,MAAM;AAAA,IAC7C;AAAA,IACA;AAAA;AAAA;AAKN,IAAO,2BAAQ,cAAc;",
-  "names": []
-}

package/dist/esm/ShuttleImpl.js

@@ -1,199 +0,0 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import { compose, arrayMove } from "@elliemae/ds-utilities";
-import { withProviders } from "./withProviders";
-import {
-  addToTarget,
-  navigateTo,
-  resetCheckedItems,
-  resetMovedItems,
-  toggleItemSelection,
-  removeFromTarget
-} from "./Shuttle.actions";
-import {
-  getActiveIdFromHierarchy,
-  filterBySearch,
-  getItemsById,
-  pipe,
-  getChildrenFromParent,
-  filterMovedItems
-} from "./helper";
-import { ShuttleRenderer } from "./ShuttleRenderer";
-import { SearchState } from "./SearchState";
-import { updateShuttleStateFromProps } from "./updateShuttleStateFromProps";
-class ShuttleImpl extends 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 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(pipe([navigateTo(item, dest), resetCheckedItems()]));
-  }
-  resetCheckedItems() {
-    this.setState(resetCheckedItems());
-  }
-  resetMovedItems() {
-    const { selectedItems, onRemoveAllFromTarget } = this.props;
-    if (!selectedItems) {
-      this.setState(pipe([navigateTo({ id: null }, true), resetMovedItems()]), () => {
-        this.handleChange();
-      });
-    } else {
-      this.setState(pipe([navigateTo({ id: null }, true)]));
-    }
-    onRemoveAllFromTarget();
-  }
-  addToTarget(item) {
-    const { selectedItems, onAddToTarget } = this.props;
-    if (!selectedItems) {
-      this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {
-        this.handleChange();
-      });
-    }
-    onAddToTarget(item);
-  }
-  removeFromTarget(item) {
-    const { selectedItems, onRemoveFromTarget } = this.props;
-    if (!selectedItems) {
-      this.setState(pipe([removeFromTarget(item)]), () => {
-        this.handleChange();
-      });
-    }
-    onRemoveFromTarget(item);
-  }
-  toggleItemSelection(item) {
-    this.setState(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 = getItemsById(checked, preparedItems);
-    const actions = !selectedItems ? items.map((item) => addToTarget(item)) : [];
-    this.setState(pipe([...actions, resetCheckedItems()]), () => {
-      this.handleChange();
-    });
-    onAddCheckedItems(items);
-  }
-  handleTargetSortEnd({ sourceItem, targetItem }) {
-    const { idField, onTargetSortEnd } = this.props;
-    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 sortedMovedItems = !hierarchyId ? arrayMove(movedItems, oldIndex, newIndex) : movedItems;
-    const sortedItems = hierarchyId ? 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 } = getActiveIdFromHierarchy(hierarchy);
-      if (id) {
-        return filterBySearch(searchTerm, searching)(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))));
-    };
-    let composedSourceItems;
-    if (nonSelectedItems) {
-      composedSourceItems = handleControlledSourceItms();
-    } else {
-      composedSourceItems = compose(filterBySearch(searchTerm, searching), filterMovedItems(movedItems), getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id))(items);
-    }
-    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 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 = compose((tItems) => {
-        const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
-        return hierarchyId ? compose(filterMovedItems(movedItems), getChildrenFromParent(hierarchyId))(tItems) : movedItems;
-      })(targetItems);
-    }
-    return /* @__PURE__ */ React2.createElement(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 = SearchState.Context;
-const ShuttleImplHoc = withProviders(ShuttleImpl);
-var ShuttleImpl_default = ShuttleImplHoc;
-export {
-  ShuttleImplHoc as ShuttleImpl,
-  ShuttleImpl_default as default
-};
-//# sourceMappingURL=ShuttleImpl.js.map

package/dist/esm/ShuttleImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "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    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"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/ShuttleRenderer.js

@@ -1,115 +0,0 @@
-import * as React from "react";
-import React2, { useCallback, useContext } from "react";
-import { ShuttleSource } from "./components/ShuttleSource";
-import { ShuttleTarget } from "./components/ShuttleTarget";
-import { ShuttleContainer } from "./classedComponents";
-import { AnimationState } from "./AnimationState";
-const noop = () => {
-};
-function ShuttleRenderer({
-  containerProps,
-  onNavigateOnTargetTo = noop,
-  onNavigateOnSourceTo = noop,
-  onMoveItemToSource = noop,
-  onMoveItemToTarget = noop,
-  onClearMovedItems = noop,
-  onMoveCheckedItems = noop,
-  onClearCheckedItems = noop,
-  onToggleSearch = noop,
-  onSearch = noop,
-  onSearchClose = noop,
-  onSearchOpen = noop,
-  searching = false,
-  onCheckItem = noop,
-  hierarchy = [],
-  hierarchyDest = [],
-  checkedItems = [],
-  sourceItems = [],
-  targetItems = [],
-  sourceEmptyMessage,
-  targetEmptyMessage,
-  composeTargetItemProps,
-  composeSourceItemProps,
-  targetSortable,
-  sourceSortable,
-  onSourceSortEnd,
-  onTargetSortEnd,
-  loadingSource = false,
-  loadingTarget = false,
-  onGetMoreItems = () => {
-  },
-  moreItemsLoading = false,
-  hasNextPage = false,
-  ...otherProps
-}) {
-  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(AnimationState.Context);
-  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));
-  return /* @__PURE__ */ React2.createElement(ShuttleContainer, {
-    "data-testid": "em-ds-shuttle",
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(ShuttleSource, {
-    ...otherProps,
-    checkedItems,
-    composeSourceItemProps,
-    emptyMessage: sourceEmptyMessage,
-    hierarchy,
-    items: sourceItems,
-    onCheckItem,
-    onClearCheckedItems,
-    onMoveCheckedItems: (item) => {
-      setIsMoving(true);
-      onMoveCheckedItems(item);
-    },
-    onMoveItem: (item) => {
-      setIsMoving(true);
-      onMoveItemToTarget(item);
-      removeAnimationState();
-    },
-    onNavigateTo: (item, direction = "down") => {
-      const indexInHierarchy = hierarchy.findIndex((hItem) => hItem.id === item.id);
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnSourceTo(item, direction);
-    },
-    onSearch,
-    onSearchClose,
-    onSearchOpen,
-    onSortEnd: onSourceSortEnd,
-    onToggleSearch,
-    searching,
-    sourceSortable,
-    loading: loadingSource,
-    onGetMoreItems,
-    moreItemsLoading,
-    hasNextPage
-  }), /* @__PURE__ */ React2.createElement(ShuttleTarget, {
-    ...otherProps,
-    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;
-export {
-  ShuttleRenderer,
-  ShuttleRenderer_default as default
-};
-//# sourceMappingURL=ShuttleRenderer.js.map

package/dist/esm/ShuttleRenderer.js.map

@@ -1,7 +0,0 @@
-{
-  "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;ACEA;AACA;AACA;AACA;AACA;AAGA,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,WACjE,eAAe;AAGjB,QAAM,uBAAuB,YAAY,MACvC,WAAW,MAAM,SAAS;AAG5B,SACE,qCAAC,kBAAD;AAAA,IAAkB,eAAY;AAAA,OAAoB;AAAA,KAChD,qCAAC,eAAD;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,qCAAC,eAAD;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/esm/ShuttleState.js

@@ -1,55 +0,0 @@
-import * as React from "react";
-import { useState } from "react";
-import createContainer from "constate";
-import { getItemsById, pipe } from "./helper";
-import * as actions from "./Shuttle.actions";
-function useShuttleState() {
-  const [shuttleState, setShuttleState] = 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 = getItemsById(itemsIds, items);
-    const pipeActions = itemsToMove.map((item) => actions.moveItem(item, true));
-    setState(pipe([actions.resetMovedItems(), ...pipeActions]));
-  }
-  function navigate(item, dest) {
-    setState(pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
-  }
-  function resetCheckedItems() {
-    setState(actions.resetCheckedItems());
-  }
-  function resetMovedItems() {
-    setState(pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
-  }
-  function moveItem(item, dest) {
-    setState(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(pipe([...pipeActions, resetCheckedItems()]));
-  }
-  return {
-    state: shuttleState,
-    toggleItemSelection,
-    moveCheckedItems,
-    moveItem,
-    resetMovedItems,
-    resetCheckedItems,
-    navigate,
-    setMovedItems
-  };
-}
-const useShuttleStateHOC = createContainer(useShuttleState, (value) => [value.state]);
-var ShuttleState_default = useShuttleStateHOC;
-export {
-  useShuttleStateHOC as ShuttleState,
-  ShuttleState_default as default
-};
-//# sourceMappingURL=ShuttleState.js.map

package/dist/esm/ShuttleState.js.map

@@ -1,7 +0,0 @@
-{
-  "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;ACAA;AACA;AACA;AACA;AAEA,2BAA2B;AACzB,QAAM,CAAC,cAAc,mBAAmB,SAAS;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,aAAa,UAAU;AAC3C,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM;AACnE,aAAS,KAAK,CAAC,QAAQ,mBAAmB,GAAG;AAAA;AAG/C,oBAAkB,MAAM,MAAM;AAC5B,aACE,KAAK,CAAC,QAAQ,WAAW,MAAM,OAAO,QAAQ;AAAA;AAIlD,+BAA6B;AAC3B,aAAS,QAAQ;AAAA;AAGnB,6BAA2B;AACzB,aACE,KAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,QAAQ,OAAO,QAAQ;AAAA;AAI1D,oBAAkB,MAAM,MAAM;AAC5B,aAAS,KAAK,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,KAAK,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,gBAAgB,iBAAiB,WAAS,CAAC,MAAM;AAE5E,IAAO,uBAAQ;",
-  "names": []
-}