@elliemae/ds-shuttle-v2 3.6.0-next.7

package/dist/cjs/parts/PanelWrapper.js

@@ -0,0 +1,112 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PanelWrapper_exports = {};
+__export(PanelWrapper_exports, {
+  PanelWrapper: () => PanelWrapper
+});
+module.exports = __toCommonJS(PanelWrapper_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_form_input_text = require("@elliemae/ds-form-input-text");
+var import_useStore = require("../config/useStore");
+var import_Header = require("./Header");
+var import_ItemListWrapper = require("./ItemListWrapper");
+var import_SelectionHeader = require("./SelectionHeader");
+const StyledPanelWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "panel-wrapper" })`
+  min-width: 300px;
+  min-height: 264px;
+`;
+const StyledListWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "list-wrapper" })`
+  border: 1px solid neutral-400;
+`;
+const StyledInputText = (0, import_ds_system.styled)(import_ds_form_input_text.DSInputText, { name: "ds-shuttle-v2", slot: "area-search-bar" })`
+  border: none;
+  border-bottom: 1px solid neutral-300;
+  border-radius: 0;
+`;
+const panelWrapperRows = ["auto", "1fr"];
+const PanelWrapper = import_react.default.memo((panelMetaInfo) => {
+  const { isDestinationPanel = false } = panelMetaInfo;
+  const itemsLength = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.destinationData.length : state.sourceData.length
+  );
+  const filterValue = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.destinationFilterValue : state.sourceFilterValue
+  );
+  const onFilterCb = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.onDestinationFilterChange : state.onSourceFilterChange
+  );
+  const isSearchBarOpen = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.destinationShowSearchbar : state.sourceShowSearchbar
+  );
+  const handleFilterChange = import_react.default.useCallback(
+    (event) => {
+      const {
+        target: { value }
+      } = event;
+      onFilterCb?.(value, { event });
+    },
+    [onFilterCb]
+  );
+  const listWrapperRows = import_react.default.useMemo(() => {
+    const cols = [];
+    if (isSearchBarOpen)
+      cols.push("auto");
+    cols.push("auto", "1fr");
+    return cols;
+  }, [isSearchBarOpen]);
+  if (itemsLength === 0)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      children: "Empty state"
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledPanelWrapper, {
+    rows: panelWrapperRows,
+    gutter: "xxxs",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Header.Header, {
+        isDestinationPanel
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledListWrapper, {
+        rows: listWrapperRows,
+        children: [
+          isSearchBarOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInputText, {
+            value: filterValue,
+            onValueChange: handleFilterChange
+          }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectionHeader.SelectionHeader, {
+            ...panelMetaInfo
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ItemListWrapper.ItemListWrapper, {
+            isDestinationPanel
+          })
+        ]
+      })
+    ]
+  });
+});
+//# sourceMappingURL=PanelWrapper.js.map

package/dist/cjs/parts/PanelWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/PanelWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { useStore } from '../config/useStore';\nimport { type DSShuttleV2InternalsT } from '../sharedTypes';\nimport { Header } from './Header';\nimport { ItemListWrapper } from './ItemListWrapper';\nimport { SelectionHeader } from './SelectionHeader';\n\nconst StyledPanelWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'panel-wrapper' })`\n  min-width: 300px;\n  min-height: 264px;\n`;\nconst StyledListWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'list-wrapper' })`\n  border: 1px solid neutral-400;\n`;\nconst StyledInputText = styled(DSInputText, { name: 'ds-shuttle-v2', slot: 'area-search-bar' })`\n  border: none;\n  border-bottom: 1px solid neutral-300;\n  border-radius: 0;\n`;\n// const panelWrapperRows = ['20px', '1fr'];\n\nconst panelWrapperRows = ['auto', '1fr'];\nexport const PanelWrapper = React.memo((panelMetaInfo: DSShuttleV2InternalsT.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n  const itemsLength = useStore((state) =>\n    isDestinationPanel ? state.destinationData.length : state.sourceData.length,\n  );\n  const filterValue = useStore((state) =>\n    isDestinationPanel ? state.destinationFilterValue : state.sourceFilterValue,\n  );\n  const onFilterCb = useStore((state) =>\n    isDestinationPanel ? state.onDestinationFilterChange : state.onSourceFilterChange,\n  );\n  const isSearchBarOpen = useStore((state) =>\n    isDestinationPanel ? state.destinationShowSearchbar : state.sourceShowSearchbar,\n  );\n  const handleFilterChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n    (event) => {\n      const {\n        target: { value },\n      } = event;\n      onFilterCb?.(value, { event });\n    },\n    [onFilterCb],\n  );\n  const listWrapperRows = React.useMemo(() => {\n    const cols = [];\n    if (isSearchBarOpen) cols.push('auto');\n    cols.push('auto', '1fr');\n    return cols;\n  }, [isSearchBarOpen]);\n\n  if (itemsLength === 0) return <div>Empty state</div>;\n\n  return (\n    <StyledPanelWrapper rows={panelWrapperRows} gutter=\"xxxs\">\n      <Header isDestinationPanel={isDestinationPanel} />\n      <StyledListWrapper rows={listWrapperRows}>\n        {isSearchBarOpen ? <StyledInputText value={filterValue} onValueChange={handleFilterChange} /> : null}\n        <SelectionHeader {...panelMetaInfo} />\n        <ItemListWrapper isDestinationPanel={isDestinationPanel} />\n      </StyledListWrapper>\n    </StyledPanelWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AACrB,gCAA4B;AAC5B,sBAAyB;AAEzB,oBAAuB;AACvB,6BAAgC;AAChC,6BAAgC;AAEhC,MAAM,yBAAqB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAIxF,MAAM,wBAAoB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,eAAe,CAAC;AAAA;AAAA;AAGtF,MAAM,sBAAkB,yBAAO,uCAAa,EAAE,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAO9F,MAAM,mBAAmB,CAAC,QAAQ,KAAK;AAChC,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,kBAAuD;AAC7F,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,kBAAc;AAAA,IAAS,CAAC,UAC5B,qBAAqB,MAAM,gBAAgB,SAAS,MAAM,WAAW;AAAA,EACvE;AACA,QAAM,kBAAc;AAAA,IAAS,CAAC,UAC5B,qBAAqB,MAAM,yBAAyB,MAAM;AAAA,EAC5D;AACA,QAAM,iBAAa;AAAA,IAAS,CAAC,UAC3B,qBAAqB,MAAM,4BAA4B,MAAM;AAAA,EAC/D;AACA,QAAM,sBAAkB;AAAA,IAAS,CAAC,UAChC,qBAAqB,MAAM,2BAA2B,MAAM;AAAA,EAC9D;AACA,QAAM,qBAAiE,aAAAA,QAAM;AAAA,IAC3E,CAAC,UAAU;AACT,YAAM;AAAA,QACJ,QAAQ,EAAE,MAAM;AAAA,MAClB,IAAI;AACJ,mBAAa,OAAO,EAAE,MAAM,CAAC;AAAA,IAC/B;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,QAAM,kBAAkB,aAAAA,QAAM,QAAQ,MAAM;AAC1C,UAAM,OAAO,CAAC;AACd,QAAI;AAAiB,WAAK,KAAK,MAAM;AACrC,SAAK,KAAK,QAAQ,KAAK;AACvB,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,CAAC;AAEpB,MAAI,gBAAgB;AAAG,WAAO,4CAAC;AAAA,MAAI;AAAA,KAAW;AAE9C,SACE,6CAAC;AAAA,IAAmB,MAAM;AAAA,IAAkB,QAAO;AAAA,IACjD;AAAA,kDAAC;AAAA,QAAO;AAAA,OAAwC;AAAA,MAChD,6CAAC;AAAA,QAAkB,MAAM;AAAA,QACtB;AAAA,4BAAkB,4CAAC;AAAA,YAAgB,OAAO;AAAA,YAAa,eAAe;AAAA,WAAoB,IAAK;AAAA,UAChG,4CAAC;AAAA,YAAiB,GAAG;AAAA,WAAe;AAAA,UACpC,4CAAC;AAAA,YAAgB;AAAA,WAAwC;AAAA;AAAA,OAC3D;AAAA;AAAA,GACF;AAEJ,CAAC;",
+  "names": ["React"]
+}

package/dist/cjs/parts/SelectionHeader.js

@@ -0,0 +1,112 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectionHeader_exports = {};
+__export(SelectionHeader_exports, {
+  SelectionHeader: () => SelectionHeader
+});
+module.exports = __toCommonJS(SelectionHeader_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_useStore = require("../config/useStore");
+const StyledSelectionHeaderWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "area-selection-header" })`
+  line-height: 1;
+  font-size: 1rem;
+  background-color: neutral-000;
+  border-bottom: 1px solid neutral-300;
+`;
+const StyledSelectionHeaderCountLabel = (0, import_ds_system.styled)("div", {
+  name: "ds-shuttle-v2",
+  slot: "area-selection-header-count-label"
+})`
+  text-align: end;
+  color: neutral-500;
+`;
+const wrapperCols = ["auto", "1fr"];
+const SelectionHeader = import_react.default.memo(({ isDestinationPanel = false }) => {
+  const selectionableItems = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.destinationSelectionableData : state.sourceSelectionableData
+  );
+  const ariaControls = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.destinationSelectionableIds : state.sourceSelectionableIds
+  );
+  const onSelectionChange = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
+  );
+  const selectionLength = (0, import_useStore.useStore)(
+    (state) => isDestinationPanel ? state.destinationSelectionItemArray.length : state.sourceSelectionItemArray.length
+  );
+  const checkboxValue = import_react.default.useMemo(() => {
+    let newVal = false;
+    if (selectionLength > 0)
+      newVal = "mixed";
+    if (selectionLength === selectionableItems.length)
+      newVal = true;
+    return newVal;
+  }, [selectionableItems.length, selectionLength]);
+  const handleSelectAll = import_react.default.useCallback(
+    (event) => {
+      if (checkboxValue === true) {
+        onSelectionChange({}, { event });
+      } else {
+        const newSelection = {};
+        selectionableItems.forEach((selectableItem) => {
+          newSelection[selectableItem.original.id] = true;
+        });
+        onSelectionChange(newSelection, { event });
+      }
+    },
+    [checkboxValue, onSelectionChange, selectionableItems]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledSelectionHeaderWrapper, {
+    cols: wrapperCols,
+    justifyContent: "center",
+    alignItems: "center",
+    py: "7px",
+    px: "xxs2",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        justifyContent: "center",
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_checkbox.DSControlledCheckbox, {
+          checked: checkboxValue,
+          "aria-label": `${checkboxValue === true ? "Deselect" : "Select"} all ${isDestinationPanel ? "destination" : "source"} items`,
+          onChange: handleSelectAll,
+          "aria-controls": ariaControls
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledSelectionHeaderCountLabel, {
+        children: [
+          selectionLength,
+          " selected"
+        ]
+      })
+    ]
+  });
+});
+//# sourceMappingURL=SelectionHeader.js.map

package/dist/cjs/parts/SelectionHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/SelectionHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useStore } from '../config/useStore';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { type DSShuttleV2InternalsT } from '../sharedTypes';\n\nconst StyledSelectionHeaderWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'area-selection-header' })`\n  line-height: 1;\n  font-size: 1rem;\n  background-color: neutral-000;\n  border-bottom: 1px solid neutral-300;\n`;\nconst StyledSelectionHeaderCountLabel = styled('div', {\n  name: 'ds-shuttle-v2',\n  slot: 'area-selection-header-count-label',\n})`\n  text-align: end;\n  color: neutral-500;\n`;\n\nconst wrapperCols = ['auto', '1fr'];\nexport const SelectionHeader = React.memo(({ isDestinationPanel = false }: DSShuttleV2InternalsT.PanelMetaInfo) => {\n  const selectionableItems = useStore((state) =>\n    isDestinationPanel ? state.destinationSelectionableData : state.sourceSelectionableData,\n  );\n\n  const ariaControls = useStore((state) =>\n    isDestinationPanel ? state.destinationSelectionableIds : state.sourceSelectionableIds,\n  );\n\n  const onSelectionChange = useStore((state) =>\n    isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n  );\n  const selectionLength = useStore((state) =>\n    isDestinationPanel ? state.destinationSelectionItemArray.length : state.sourceSelectionItemArray.length,\n  );\n  const checkboxValue = React.useMemo(() => {\n    let newVal: boolean | 'mixed' = false;\n    if (selectionLength > 0) newVal = 'mixed';\n    if (selectionLength === selectionableItems.length) newVal = true;\n    return newVal;\n  }, [selectionableItems.length, selectionLength]);\n  const handleSelectAll: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n    (event) => {\n      if (checkboxValue === true) {\n        onSelectionChange({}, { event });\n      } else {\n        const newSelection: DSShuttleV2T.InternalProps['sourceSelectedItems'] = {};\n        selectionableItems.forEach((selectableItem) => {\n          newSelection[selectableItem.original.id] = true;\n        });\n        onSelectionChange(newSelection, { event });\n      }\n    },\n    [checkboxValue, onSelectionChange, selectionableItems],\n  );\n\n  return (\n    <StyledSelectionHeaderWrapper cols={wrapperCols} justifyContent=\"center\" alignItems=\"center\" py=\"7px\" px=\"xxs2\">\n      <Grid justifyContent=\"center\" alignItems=\"center\">\n        <DSControlledCheckbox\n          checked={checkboxValue}\n          aria-label={`${checkboxValue === true ? 'Deselect' : 'Select'} all ${\n            isDestinationPanel ? 'destination' : 'source'\n          } items`}\n          onChange={handleSelectAll}\n          aria-controls={ariaControls}\n        />\n      </Grid>\n      <StyledSelectionHeaderCountLabel>{selectionLength} selected</StyledSelectionHeaderCountLabel>\n    </StyledSelectionHeaderWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,uBAAuB;AACvB,8BAAqC;AACrC,qBAAqB;AACrB,sBAAyB;AAIzB,MAAM,mCAA+B,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1G,MAAM,sCAAkC,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,CAAC,QAAQ,KAAK;AAC3B,MAAM,kBAAkB,aAAAA,QAAM,KAAK,CAAC,EAAE,qBAAqB,MAAM,MAA2C;AACjH,QAAM,yBAAqB;AAAA,IAAS,CAAC,UACnC,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AAEA,QAAM,mBAAe;AAAA,IAAS,CAAC,UAC7B,qBAAqB,MAAM,8BAA8B,MAAM;AAAA,EACjE;AAEA,QAAM,wBAAoB;AAAA,IAAS,CAAC,UAClC,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,sBAAkB;AAAA,IAAS,CAAC,UAChC,qBAAqB,MAAM,8BAA8B,SAAS,MAAM,yBAAyB;AAAA,EACnG;AACA,QAAM,gBAAgB,aAAAA,QAAM,QAAQ,MAAM;AACxC,QAAI,SAA4B;AAChC,QAAI,kBAAkB;AAAG,eAAS;AAClC,QAAI,oBAAoB,mBAAmB;AAAQ,eAAS;AAC5D,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,QAAQ,eAAe,CAAC;AAC/C,QAAM,kBAA8D,aAAAA,QAAM;AAAA,IACxE,CAAC,UAAU;AACT,UAAI,kBAAkB,MAAM;AAC1B,0BAAkB,CAAC,GAAG,EAAE,MAAM,CAAC;AAAA,MACjC,OAAO;AACL,cAAM,eAAkE,CAAC;AACzE,2BAAmB,QAAQ,CAAC,mBAAmB;AAC7C,uBAAa,eAAe,SAAS,MAAM;AAAA,QAC7C,CAAC;AACD,0BAAkB,cAAc,EAAE,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AAAA,IACA,CAAC,eAAe,mBAAmB,kBAAkB;AAAA,EACvD;AAEA,SACE,6CAAC;AAAA,IAA6B,MAAM;AAAA,IAAa,gBAAe;AAAA,IAAS,YAAW;AAAA,IAAS,IAAG;AAAA,IAAM,IAAG;AAAA,IACvG;AAAA,kDAAC;AAAA,QAAK,gBAAe;AAAA,QAAS,YAAW;AAAA,QACvC,sDAAC;AAAA,UACC,SAAS;AAAA,UACT,cAAY,GAAG,kBAAkB,OAAO,aAAa,gBACnD,qBAAqB,gBAAgB;AAAA,UAEvC,UAAU;AAAA,UACV,iBAAe;AAAA,SACjB;AAAA,OACF;AAAA,MACA,6CAAC;AAAA,QAAiC;AAAA;AAAA,UAAgB;AAAA;AAAA,OAAS;AAAA;AAAA,GAC7D;AAEJ,CAAC;",
+  "names": ["React"]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,43 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSSkeletonPropTypes: () => DSSkeletonPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const defaultProps = {
+  sourceWithSoftDelete: false,
+  removeDragAndDropFromSource: false,
+  destinationWithSoftDelete: false,
+  addDragAndDropToDestiantion: false
+};
+const DSSkeletonPropTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\n\nexport declare namespace DSShuttleV2T {\n  export type ItemMeta = {\n    item: DSShuttleV2T.ConfiguredDatum;\n    isDestinationPanel: boolean;\n  };\n\n  export interface Datum extends Record<string, unknown> {\n    id: string;\n    label: string;\n    subtitle?: string;\n    Icon?: React.ComponentType<ItemMeta>;\n    CustomRenderer?: React.ComponentType<ItemMeta>;\n    softDeleted?: boolean;\n    preventDrilldown?: boolean;\n    preventMove?: boolean;\n  }\n  export interface ConfiguredDatum {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    original: Datum;\n    localIndex: number;\n  }\n\n  type SelectionMap = Record<string, boolean>;\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: { event: React.MouseEvent<HTMLButtonElement>; item?: Datum; selectedItems?: Datum[] },\n  ) => void;\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  type OnSelectionDrilldown = (item: Datum, metainfo: { event: React.MouseEvent<HTMLButtonElement> }) => void;\n  interface RequiredProps {\n    sourceData: Datum[];\n    onSourceChange: OnDataChange;\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<unknown>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    onDestinationChange: OnDataChange;\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<unknown>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps {\n    sourceWithSoftDelete: boolean;\n    removeDragAndDropFromSource: boolean;\n\n    destinationWithSoftDelete: boolean;\n    addDragAndDropToDestiantion: boolean;\n  }\n\n  type OnFilterChange = (\n    newfilter: string | null,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (newfilter: boolean, metainfo: { event: React.MouseEvent<HTMLButtonElement> }) => void;\n  export interface PropsOptional {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n    sourceFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    sourceShowSearchbar?: boolean;\n    destinationFilterValue?: string;\n    onDestinationFilterChange?: OnFilterChange;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n    destinationShowSearchbar?: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      PropsOptional,\n      RequiredProps,\n      Omit<GlobalAttributesT<HTMLSpanElement>, keyof RequiredProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      PropsOptional,\n      RequiredProps,\n      Omit<GlobalAttributesT<HTMLSpanElement>, keyof RequiredProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps = {\n  sourceWithSoftDelete: false,\n  removeDragAndDropFromSource: false,\n\n  destinationWithSoftDelete: false,\n  addDragAndDropToDestiantion: false,\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAMO;AAuGA,MAAM,eAA0C;AAAA,EACrD,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAE7B,2BAA2B;AAAA,EAC3B,6BAA6B;AAC/B;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AACL;",
+  "names": []
+}

package/dist/cjs/sharedTypes.js

@@ -0,0 +1,24 @@
+"use strict";
+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 __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sharedTypes_exports = {};
+module.exports = __toCommonJS(sharedTypes_exports);
+var React = __toESM(require("react"));
+//# sourceMappingURL=sharedTypes.js.map

package/dist/cjs/sharedTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/sharedTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { type DSShuttleV2T } from './react-desc-prop-types';\n\nexport namespace DSShuttleV2InternalsT {\n  export type PanelMetaInfo = { isDestinationPanel: boolean };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/esm/DSShuttleV2.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2, { useEffect } from "react";
+import { useShuttleV2 } from "./config/useShuttleV2";
+import { Provider, useShuttleV2StoreConfig, useStore } from "./config/useStore";
+import { MainContent } from "./parts/MainContent";
+const ConfiguredComponent = React2.memo((props) => {
+  useShuttleV2(props.userProps);
+  const store = useStore((state) => state);
+  useEffect(() => {
+    console.group("-----------------------------------------");
+    console.groupCollapsed("Full Store");
+    console.log(store);
+    console.groupEnd();
+    console.groupEnd();
+  }, [store]);
+  return /* @__PURE__ */ jsx(MainContent, {});
+});
+const DSShuttleV2 = (props) => {
+  const createStore = useShuttleV2StoreConfig(props);
+  return /* @__PURE__ */ jsx(Provider, {
+    createStore,
+    children: /* @__PURE__ */ jsx(ConfiguredComponent, {
+      userProps: props
+    })
+  });
+};
+export {
+  DSShuttleV2
+};
+//# sourceMappingURL=DSShuttleV2.js.map

package/dist/esm/DSShuttleV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSShuttleV2.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect } from 'react';\nimport { useShuttleV2 } from './config/useShuttleV2';\nimport { Provider, useShuttleV2StoreConfig, useStore } from './config/useStore';\nimport { type DSShuttleV2T } from './react-desc-prop-types';\nimport { MainContent } from './parts/MainContent';\n\nconst ConfiguredComponent = React.memo((props: { userProps: DSShuttleV2T.Props }) => {\n  useShuttleV2(props.userProps);\n  const store = useStore((state) => state);\n  useEffect(() => {\n    console.group('-----------------------------------------');\n    console.groupCollapsed('Full Store');\n    console.log(store);\n    console.groupEnd();\n    console.groupEnd();\n  }, [store]);\n\n  return <MainContent />;\n});\n\nexport const DSShuttleV2 = (props: DSShuttleV2T.Props) => {\n  const createStore = useShuttleV2StoreConfig(props);\n\n  return (\n    <Provider createStore={createStore}>\n      <ConfiguredComponent userProps={props} />\n    </Provider>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,iBAAiB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,UAAU,yBAAyB,gBAAgB;AAE5D,SAAS,mBAAmB;AAE5B,MAAM,sBAAsBA,OAAM,KAAK,CAAC,UAA6C;AACnF,eAAa,MAAM,SAAS;AAC5B,QAAM,QAAQ,SAAS,CAAC,UAAU,KAAK;AACvC,YAAU,MAAM;AACd,YAAQ,MAAM,2CAA2C;AACzD,YAAQ,eAAe,YAAY;AACnC,YAAQ,IAAI,KAAK;AACjB,YAAQ,SAAS;AACjB,YAAQ,SAAS;AAAA,EACnB,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,oBAAC,eAAY;AACtB,CAAC;AAEM,MAAM,cAAc,CAAC,UAA8B;AACxD,QAAM,cAAc,wBAAwB,KAAK;AAEjD,SACE,oBAAC;AAAA,IAAS;AAAA,IACR,8BAAC;AAAA,MAAoB,WAAW;AAAA,KAAO;AAAA,GACzC;AAEJ;",
+  "names": ["React"]
+}

package/dist/esm/config/configureAutoCalculated.js

@@ -0,0 +1,105 @@
+import * as React from "react";
+const getDatumFlags = (datum) => ({
+  selectionPrevented: Boolean(datum.softDeleted || datum.preventMove),
+  withActions: !datum.softDeleted,
+  withMoveBtn: !datum.softDeleted && !datum.preventMove,
+  withDrilldownBtn: !datum.softDeleted && !datum.preventDrilldown
+});
+const configureDestination = ({ destinationData, destinationSelectedItems }) => {
+  const destinationSelectedItemsMap = {};
+  const destinationSelectionItemArray = [];
+  const destinationSelectionArray = [];
+  const destinationConfiguredData = [];
+  const destinationSelectionableData = [];
+  const destinationSelectionableDataIds = [];
+  destinationData.forEach((datum, i) => {
+    let isSelected = false;
+    if (destinationSelectedItems[datum.id] === true) {
+      destinationSelectionItemArray.push(datum);
+      destinationSelectionArray.push(datum.id);
+      isSelected = true;
+    }
+    destinationSelectedItemsMap[datum.id] = { datum, index: i };
+    const configuredItem = {
+      isSelected,
+      ...getDatumFlags(datum),
+      original: datum,
+      localIndex: i,
+      isFirst: i === 0,
+      isLast: i === destinationData.length - 1
+    };
+    destinationConfiguredData.push(configuredItem);
+    if (!datum.preventMove) {
+      destinationSelectionableData.push(configuredItem);
+      destinationSelectionableDataIds.push(datum.id);
+    }
+  });
+  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;
+  const destinationSelectionableIds = destinationSelectionableDataIds.join(" ");
+  return {
+    destinationSelectedItemsMap,
+    destinationSelectionItemArray,
+    destinationSelectionArray,
+    destinationHasMultipleSelectedItems,
+    destinationConfiguredData,
+    destinationSelectionableData,
+    destinationSelectionableDataIds,
+    destinationSelectionableIds
+  };
+};
+const configureSource = ({ sourceData, sourceSelectedItems }) => {
+  const sourceSelectedItemsMap = {};
+  const sourceSelectionItemArray = [];
+  const sourceSelectionArray = [];
+  const sourceConfiguredData = [];
+  const sourceSelectionableData = [];
+  const sourceSelectionableDataIds = [];
+  sourceData.forEach((datum, i) => {
+    let isSelected = false;
+    if (sourceSelectedItems[datum.id] === true) {
+      sourceSelectionItemArray.push(datum);
+      sourceSelectionArray.push(datum.id);
+      isSelected = true;
+    }
+    sourceSelectedItemsMap[datum.id] = { datum, index: i };
+    const configuredItem = {
+      isSelected,
+      ...getDatumFlags(datum),
+      original: datum,
+      localIndex: i,
+      isFirst: i === 0,
+      isLast: i === sourceData.length - 1
+    };
+    sourceConfiguredData.push(configuredItem);
+    if (!datum.preventMove) {
+      sourceSelectionableData.push(configuredItem);
+      sourceSelectionableDataIds.push(datum.id);
+    }
+  });
+  const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;
+  const sourceSelectionableIds = sourceSelectionableDataIds.join(" ");
+  return {
+    sourceConfiguredData,
+    sourceSelectedItemsMap,
+    sourceSelectionItemArray,
+    sourceSelectionArray,
+    sourceHasMultipleSelectedItems,
+    sourceSelectionableData,
+    sourceSelectionableDataIds,
+    sourceSelectionableIds
+  };
+};
+const configureAutoCalculated = (propsFromUser) => {
+  const { sourceData } = propsFromUser;
+  const { sourceSelectedItems } = propsFromUser;
+  const { destinationData } = propsFromUser;
+  const { destinationSelectedItems } = propsFromUser;
+  return {
+    ...configureSource({ sourceData, sourceSelectedItems }),
+    ...configureDestination({ destinationData, destinationSelectedItems })
+  };
+};
+export {
+  configureAutoCalculated
+};
+//# sourceMappingURL=configureAutoCalculated.js.map

package/dist/esm/config/configureAutoCalculated.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/configureAutoCalculated.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSShuttleV2T } from '../react-desc-prop-types';\n\nconst getDatumFlags = (datum: DSShuttleV2T.Datum) => ({\n  selectionPrevented: Boolean(datum.softDeleted || datum.preventMove),\n  withActions: !datum.softDeleted,\n  withMoveBtn: !datum.softDeleted && !datum.preventMove,\n  withDrilldownBtn: !datum.softDeleted && !datum.preventDrilldown,\n});\n\ntype ConfigureDestinationConfig = {\n  destinationData: DSShuttleV2T.Datum[];\n  destinationSelectedItems: Record<DSShuttleV2T.Datum['id'], boolean>;\n};\nconst configureDestination = ({ destinationData, destinationSelectedItems }: ConfigureDestinationConfig) => {\n  const destinationSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const destinationSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const destinationSelectionArray: DSShuttleV2T.Datum['id'][] = [];\n  const destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableDataIds: DSShuttleV2T.Datum['id'][] = [];\n  destinationData.forEach((datum, i) => {\n    let isSelected = false;\n    if (destinationSelectedItems[datum.id] === true) {\n      destinationSelectionItemArray.push(datum);\n      destinationSelectionArray.push(datum.id);\n      isSelected = true;\n    }\n    destinationSelectedItemsMap[datum.id] = { datum, index: i };\n    const configuredItem = {\n      isSelected,\n      ...getDatumFlags(datum),\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === destinationData.length - 1,\n    };\n    destinationConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      destinationSelectionableData.push(configuredItem);\n      destinationSelectionableDataIds.push(datum.id);\n    }\n  });\n  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;\n  const destinationSelectionableIds = destinationSelectionableDataIds.join(' ');\n  return {\n    destinationSelectedItemsMap,\n    destinationSelectionItemArray,\n    destinationSelectionArray,\n    destinationHasMultipleSelectedItems,\n    destinationConfiguredData,\n    destinationSelectionableData,\n    destinationSelectionableDataIds,\n    destinationSelectionableIds,\n  };\n};\ntype ConfigureSourceConfig = {\n  sourceData: DSShuttleV2T.Datum[];\n  sourceSelectedItems: Record<DSShuttleV2T.Datum['id'], boolean>;\n};\n\nconst configureSource = ({ sourceData, sourceSelectedItems }: ConfigureSourceConfig) => {\n  const sourceSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const sourceSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const sourceSelectionArray: DSShuttleV2T.Datum['id'][] = [];\n  const sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableDataIds: DSShuttleV2T.Datum['id'][] = [];\n  sourceData.forEach((datum, i) => {\n    let isSelected = false;\n    if (sourceSelectedItems[datum.id] === true) {\n      sourceSelectionItemArray.push(datum);\n      sourceSelectionArray.push(datum.id);\n      isSelected = true;\n    }\n\n    sourceSelectedItemsMap[datum.id] = { datum, index: i };\n    const configuredItem = {\n      isSelected,\n      ...getDatumFlags(datum),\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === sourceData.length - 1,\n    };\n    sourceConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      sourceSelectionableData.push(configuredItem);\n      sourceSelectionableDataIds.push(datum.id);\n    }\n  });\n  const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;\n  const sourceSelectionableIds = sourceSelectionableDataIds.join(' ');\n  return {\n    sourceConfiguredData,\n    sourceSelectedItemsMap,\n    sourceSelectionItemArray,\n    sourceSelectionArray,\n    sourceHasMultipleSelectedItems,\n    sourceSelectionableData,\n    sourceSelectionableDataIds,\n    sourceSelectionableIds,\n  };\n};\n\nexport const configureAutoCalculated = (propsFromUser: DSShuttleV2T.InternalProps) => {\n  const { sourceData } = propsFromUser;\n  const { sourceSelectedItems } = propsFromUser;\n  const { destinationData } = propsFromUser;\n  const { destinationSelectedItems } = propsFromUser;\n  return {\n    ...configureSource({ sourceData, sourceSelectedItems }),\n    ...configureDestination({ destinationData, destinationSelectedItems }),\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/config/itemMovementHelpers.js

@@ -0,0 +1,122 @@
+import * as React from "react";
+import React2 from "react";
+import { useStore } from "./useStore";
+const getNewDatasWithItemMoved = ({
+  item,
+  currData,
+  currWithSoftDelete,
+  otherData
+}) => {
+  const { id, softDeleted } = item;
+  const newCurrData = [...currData];
+  const newOtherData = [...otherData];
+  const currListIndex = newCurrData.findIndex((datum) => datum.id === id);
+  const otherListIndex = newOtherData.findIndex((datum) => datum.id === id);
+  const isCurrDataItemOriginalList = otherListIndex === -1 || otherListIndex !== -1 && softDeleted;
+  let currRemoveAtIndex = -1;
+  if (currListIndex !== -1) {
+    if (isCurrDataItemOriginalList) {
+      if (currWithSoftDelete)
+        newCurrData[currListIndex].softDeleted = true;
+      else
+        currRemoveAtIndex = currListIndex;
+    } else {
+      currRemoveAtIndex = currListIndex;
+    }
+  }
+  if (currRemoveAtIndex !== -1)
+    newCurrData.splice(currRemoveAtIndex, 1);
+  const shouldAppendToOtherData = otherListIndex === -1;
+  if (shouldAppendToOtherData)
+    newOtherData.push({ ...item, softDeleted: false });
+  else
+    newOtherData[otherListIndex].softDeleted = false;
+  return {
+    newCurrData,
+    newOtherData
+  };
+};
+const useHandleMoveSelection = ({ isDestinationPanel }) => {
+  const currData = useStore((state) => isDestinationPanel ? state.destinationData : state.sourceData);
+  const currWithSoftDelete = useStore(
+    (state) => isDestinationPanel ? state.destinationWithSoftDelete : state.sourceWithSoftDelete
+  );
+  const currOnChange = useStore((state) => isDestinationPanel ? state.onDestinationChange : state.onSourceChange);
+  const onSelectionChange = useStore(
+    (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
+  );
+  const otherData = useStore((state) => isDestinationPanel ? state.sourceData : state.destinationData);
+  const otherPanelOnChange = useStore(
+    (state) => isDestinationPanel ? state.onSourceChange : state.onDestinationChange
+  );
+  const destinationSelectionArray = useStore((store) => store.destinationSelectionItemArray);
+  const sourceSelectionArray = useStore((store) => store.sourceSelectionItemArray);
+  const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;
+  const moveSelection = React2.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      let iteratedNewCurrData = [...currData];
+      let iteratedNewOtherData = [...otherData];
+      selectedItems.forEach((datum) => {
+        const { newCurrData, newOtherData } = getNewDatasWithItemMoved({
+          item: datum,
+          currData: iteratedNewCurrData,
+          currWithSoftDelete,
+          otherData: iteratedNewOtherData
+        });
+        iteratedNewCurrData = newCurrData;
+        iteratedNewOtherData = newOtherData;
+      });
+      currOnChange(iteratedNewCurrData, { event, selectedItems });
+      otherPanelOnChange(iteratedNewOtherData, { event, selectedItems });
+      onSelectionChange({}, { event });
+    },
+    [currData, otherData, selectedItems, currOnChange, otherPanelOnChange, onSelectionChange, currWithSoftDelete]
+  );
+  return React2.useMemo(() => ({ moveSelection }), [moveSelection]);
+};
+const useActionsClickHandlers = (itemMeta) => {
+  const { item, isDestinationPanel } = itemMeta;
+  const currData = useStore((state) => isDestinationPanel ? state.destinationData : state.sourceData);
+  const currWithSoftDelete = useStore(
+    (state) => isDestinationPanel ? state.destinationWithSoftDelete : state.sourceWithSoftDelete
+  );
+  const currOnChange = useStore((state) => isDestinationPanel ? state.onDestinationChange : state.onSourceChange);
+  const currDrilldown = useStore(
+    (state) => isDestinationPanel ? state.onDestinationDrilldown : state.onSourceDrilldown
+  );
+  const otherData = useStore((state) => isDestinationPanel ? state.sourceData : state.destinationData);
+  const otherPanelOnChange = useStore(
+    (state) => isDestinationPanel ? state.onSourceChange : state.onDestinationChange
+  );
+  const handleDrilldown = React2.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      currDrilldown(item.original, { event });
+    },
+    [currDrilldown, item]
+  );
+  const handleSingleMove = React2.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const { newCurrData, newOtherData } = getNewDatasWithItemMoved({
+        item: item.original,
+        currData,
+        currWithSoftDelete,
+        otherData
+      });
+      currOnChange(newCurrData, { item: item.original, event });
+      otherPanelOnChange(newOtherData, { item: item.original, event });
+    },
+    [currData, currOnChange, currWithSoftDelete, item, otherData, otherPanelOnChange]
+  );
+  return React2.useMemo(() => ({ handleDrilldown, handleSingleMove }), [handleDrilldown, handleSingleMove]);
+};
+export {
+  useActionsClickHandlers,
+  useHandleMoveSelection
+};
+//# sourceMappingURL=itemMovementHelpers.js.map