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

package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -0,0 +1,73 @@
+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 ShuttleTargetListItem_exports = {};
+__export(ShuttleTargetListItem_exports, {
+  ShuttleTargetListItem: () => ShuttleTargetListItem,
+  default: () => ShuttleTargetListItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ActionButtons = require("./ActionButtons");
+var import_ShuttleListItem = require("./ShuttleListItem");
+function ShuttleTargetListItem({
+  item = {},
+  onMoveToSource = () => null,
+  onNavigateOnTargetTo = () => null,
+  isRoot = false,
+  showDeleteButton = true,
+  showDrillDownButton = true,
+  showActions = true,
+  index,
+  ...rest
+}) {
+  const moveToSource = (0, import_react.useCallback)(() => onMoveToSource(item), [item]);
+  const navigateOnTargetTo = (0, import_react.useCallback)(() => onNavigateOnTargetTo(item), [
+    item
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_ShuttleListItem.ShuttleListItem, {
+    ...rest,
+    actions: [
+      showDrillDownButton && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.DrillDownButton, {
+        key: "drill-down",
+        disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
+        onClick: navigateOnTargetTo
+      }),
+      showDeleteButton && isRoot && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.DeleteButton, {
+        key: "delete",
+        disabled: item.readOnly,
+        onClick: moveToSource,
+        "data-testid": "ds-shuttle__close-button"
+      })
+    ],
+    item,
+    showActions
+  });
+}
+var ShuttleTargetListItem_default = ShuttleTargetListItem;
+module.exports = __toCommonJS(ShuttleTargetListItem_exports);
+//# sourceMappingURL=ShuttleTargetListItem.js.map

package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ShuttleListItem/ShuttleTargetListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-underscore-dangle */\nimport React, { useCallback } from 'react';\nimport { DeleteButton, DrillDownButton } from './ActionButtons';\nimport { ShuttleListItem } from './ShuttleListItem';\n\nfunction ShuttleTargetListItem({\n  item = {},\n  onMoveToSource = () => null,\n  onNavigateOnTargetTo = () => null,\n  isRoot = false,\n  showDeleteButton = true,\n  showDrillDownButton = true,\n  showActions = true,\n  index,\n  ...rest\n}) {\n  const moveToSource = useCallback(() => onMoveToSource(item), [item]);\n  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [\n    item,\n  ]);\n  return (\n    <ShuttleListItem\n      {...rest}\n      actions={[\n        showDrillDownButton && (\n          <DrillDownButton\n            key=\"drill-down\"\n            disabled={\n              (!item.hasChildren && !item.asyncLoad) ||\n              item.readOnly ||\n              item.disableDrillDown\n            }\n            onClick={navigateOnTargetTo}\n          />\n        ),\n        showDeleteButton && isRoot && (\n          <DeleteButton\n            key=\"delete\"\n            disabled={item.readOnly}\n            onClick={moveToSource}\n            data-testid=\"ds-shuttle__close-button\"\n          />\n        ),\n      ]}\n      item={item}\n      showActions={showActions}\n    />\n  );\n}\n\nexport { ShuttleTargetListItem };\nexport default ShuttleTargetListItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,2BAA8C;AAC9C,6BAAgC;AAEhC,+BAA+B;AAAA,EAC7B,OAAO;AAAA,EACP,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd;AAAA,KACG;AAAA,GACF;AACD,QAAM,eAAe,8BAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,QAAM,qBAAqB,8BAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,SACE,mDAAC,wCAAD;AAAA,OACM;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,mDAAC,sCAAD;AAAA,QACE,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA;AAAA,MAGb,oBAAoB,UAClB,mDAAC,mCAAD;AAAA,QACE,KAAI;AAAA,QACJ,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA;AAAA;AAAA,IAIlB;AAAA,IACA;AAAA;AAAA;AAMN,IAAO,gCAAQ;",
+  "names": []
+}

package/dist/cjs/components/ShuttleListPanel.js

@@ -0,0 +1,49 @@
+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 ShuttleListPanel_exports = {};
+__export(ShuttleListPanel_exports, {
+  ShuttleListPanel: () => ShuttleListPanel,
+  default: () => ShuttleListPanel_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_classedComponents = require("../classedComponents");
+function ShuttleListPanel({ onClick = () => null, open = false, children }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleListPanel, {
+    classProps: { open }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    buttonType: "text",
+    icon: children,
+    onClick,
+    "data-testid": "list-panel-btn"
+  }));
+}
+var ShuttleListPanel_default = ShuttleListPanel;
+module.exports = __toCommonJS(ShuttleListPanel_exports);
+//# sourceMappingURL=ShuttleListPanel.js.map

package/dist/cjs/components/ShuttleListPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ShuttleListPanel.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ShuttleListPanel as Wrapper } from '../classedComponents';\n\nfunction ShuttleListPanel({ onClick = () => null, open = false, children }) {\n  return (\n    <Wrapper classProps={{ open }}>\n      <DSButton buttonType=\"text\" icon={children} onClick={onClick} data-testid=\"list-panel-btn\" />\n    </Wrapper>\n  );\n}\n\nexport { ShuttleListPanel };\nexport default ShuttleListPanel;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAyB;AACzB,+BAA4C;AAE5C,0BAA0B,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,YAAY;AAC1E,SACE,mDAAC,2CAAD;AAAA,IAAS,YAAY,EAAE;AAAA,KACrB,mDAAC,2BAAD;AAAA,IAAU,YAAW;AAAA,IAAO,MAAM;AAAA,IAAU;AAAA,IAAkB,eAAY;AAAA;AAAA;AAMhF,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/cjs/components/ShuttleSearchBox.js

@@ -0,0 +1,99 @@
+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 ShuttleSearchBox_exports = {};
+__export(ShuttleSearchBox_exports, {
+  ShuttleSearchBox: () => ShuttleSearchBox,
+  default: () => ShuttleSearchBox_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_form = require("@elliemae/ds-form");
+const blockName = "shuttle-search-box";
+const SearchBoxContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
+const filterList = (0, import_ds_utilities.debounce)((term, onFilterCallback) => {
+  onFilterCallback(term);
+}, 200);
+class ShuttleSearchBox extends import_react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: props.value,
+      prevProps: {}
+    };
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  static getDerivedStateFromProps(nextProps, { prevProps }) {
+    const { value } = nextProps;
+    if (value !== prevProps.value) {
+      return {
+        value,
+        prevProps: { value }
+      };
+    }
+    return null;
+  }
+  handleChange(e) {
+    const { onChange, filterOnKeyStroke, onFilter } = this.props;
+    const { value } = e.target;
+    onChange(value);
+    if (filterOnKeyStroke)
+      filterList(value, onFilter);
+    this.setState({ value });
+  }
+  handleKeyPress(e) {
+    const { onFilter } = this.props;
+    if (e.keyCode === 13)
+      onFilter(e.target.value);
+  }
+  render() {
+    const { value } = this.state;
+    const { isOpen, onClose, placeholder } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(SearchBoxContainer, {
+      classProps: { isOpen }
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
+      autoFocus: true,
+      clearable: true,
+      onChange: this.handleChange,
+      onClear: onClose,
+      onKeyDown: this.handleKeyPress,
+      placeholder,
+      value
+    }));
+  }
+}
+ShuttleSearchBox.defaultProps = {
+  filterOnKeyStroke: false,
+  onChange: () => null,
+  onFilter: () => null
+};
+var ShuttleSearchBox_default = ShuttleSearchBox;
+module.exports = __toCommonJS(ShuttleSearchBox_exports);
+//# sourceMappingURL=ShuttleSearchBox.js.map

package/dist/cjs/components/ShuttleSearchBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ShuttleSearchBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { debounce } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '@elliemae/ds-form';\n\nconst blockName = 'shuttle-search-box';\n\nconst SearchBoxContainer = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\n\nconst filterList = debounce((term, onFilterCallback) => {\n  onFilterCallback(term);\n}, 200);\n\nclass ShuttleSearchBox extends Component {\n  static defaultProps = {\n    filterOnKeyStroke: false,\n    onChange: () => null,\n    onFilter: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n      prevProps: {},\n    };\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevProps }) {\n    const { value } = nextProps;\n    if (value !== prevProps.value) {\n      return {\n        value,\n        prevProps: { value },\n      };\n    }\n    return null;\n  }\n\n  handleChange(e) {\n    const { onChange, filterOnKeyStroke, onFilter } = this.props;\n    const { value } = e.target;\n    onChange(value);\n    if (filterOnKeyStroke) filterList(value, onFilter);\n    this.setState({ value });\n  }\n\n  handleKeyPress(e) {\n    const { onFilter } = this.props;\n    if (e.keyCode === 13) onFilter(e.target.value);\n  }\n\n  render() {\n    const { value } = this.state;\n    const { isOpen, onClose, placeholder } = this.props;\n    return (\n      <SearchBoxContainer classProps={{ isOpen }}>\n        <DSTextBox\n          autoFocus\n          clearable\n          onChange={this.handleChange}\n          onClear={onClose}\n          onKeyDown={this.handleKeyPress}\n          placeholder={placeholder}\n          value={value}\n        />\n      </SearchBoxContainer>\n    );\n  }\n}\n\nexport { ShuttleSearchBox };\nexport default ShuttleSearchBox;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,2BAAkC;AAClC,0BAAyB;AACzB,qBAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,qBAAqB,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ;AAEhG,MAAM,aAAa,kCAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB;AAAA,GAChB;AAEH,+BAA+B,uBAAU;AAAA,EAOvC,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,WAAW;AAAA;AAEb,SAAK,iBAAiB,KAAK,eAAe,KAAK;AAC/C,SAAK,eAAe,KAAK,aAAa,KAAK;AAAA;AAAA,SAGtC,yBAAyB,WAAW,EAAE,aAAa;AACxD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU,OAAO;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,WAAW,EAAE;AAAA;AAAA;AAGjB,WAAO;AAAA;AAAA,EAGT,aAAa,GAAG;AACd,UAAM,EAAE,UAAU,mBAAmB,aAAa,KAAK;AACvD,UAAM,EAAE,UAAU,EAAE;AACpB,aAAS;AACT,QAAI;AAAmB,iBAAW,OAAO;AACzC,SAAK,SAAS,EAAE;AAAA;AAAA,EAGlB,eAAe,GAAG;AAChB,UAAM,EAAE,aAAa,KAAK;AAC1B,QAAI,EAAE,YAAY;AAAI,eAAS,EAAE,OAAO;AAAA;AAAA,EAG1C,SAAS;AACP,UAAM,EAAE,UAAU,KAAK;AACvB,UAAM,EAAE,QAAQ,SAAS,gBAAgB,KAAK;AAC9C,WACE,mDAAC,oBAAD;AAAA,MAAoB,YAAY,EAAE;AAAA,OAChC,mDAAC,0BAAD;AAAA,MACE,WAAS;AAAA,MACT,WAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,MAChB;AAAA,MACA;AAAA;AAAA;AAAA;AApDD,AADT,iBACS,eAAe;AAAA,EACpB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA;AAyDpB,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/cjs/components/ShuttleSource.js

@@ -0,0 +1,192 @@
+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 ShuttleSource_exports = {};
+__export(ShuttleSource_exports, {
+  ShuttleSource: () => ShuttleSource,
+  default: () => ShuttleSource_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ShuttleSearchBox = require("./ShuttleSearchBox");
+var import_ShuttleInfiniteScrollIndicator = require("./ShuttleInfiniteScrollIndicator");
+var import_ShuttleSourceListItem = require("./ShuttleListItem/ShuttleSourceListItem");
+var import_classedComponents = require("../classedComponents");
+var import_ShuttleListPanel = require("./ShuttleListPanel");
+var import_VirtualizedList = require("./VirtualizedList");
+var import_helper = require("../helper");
+var import_AnimationState = require("../AnimationState");
+var import_SearchState = require("../SearchState");
+var import_VirtualizedSortableList = require("./VirtualizedSortableList");
+var import_LoadingIndicator = require("./LoadingIndicator");
+const noop = () => {
+};
+function ShuttleSource({
+  items = [],
+  checkedItems = [],
+  hierarchy = [],
+  onMoveItem = noop,
+  onCheckItem = noop,
+  onMoveCheckedItems = noop,
+  onNavigateTo = noop,
+  onClearCheckedItems = noop,
+  emptyMessage = "No items found",
+  composeSourceItemProps = noop,
+  loading = false,
+  onSearch = noop,
+  onSearchClose = noop,
+  onSearchOpen = noop,
+  sourceSortable = false,
+  onSortEnd = noop,
+  sourceClearItemsText = "CLEAR ALL",
+  searchPlaceholder,
+  renderSourceCounter = (amount) => `${amount} items`,
+  onGetMoreItems = () => {
+  },
+  moreItemsLoading = false,
+  hasNextPage = false
+}) {
+  const {
+    state: { isMovingBack = false, isMoving }
+  } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
+  const {
+    state: { searching, searchTerm },
+    setSearchTerm,
+    reset: resetSearch,
+    toggleSearchBox
+  } = (0, import_react.useContext)(import_SearchState.SearchState.Context);
+  const hashedCheckedItems = (0, import_react.useMemo)(() => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}), [checkedItems]);
+  const handleCloseSearch = (0, import_react.useCallback)(() => {
+    setSearchTerm("");
+    (0, import_ds_utilities.runAll)(resetSearch, onSearchClose)();
+  }, [searching]);
+  const handleToggleSearch = (0, import_react.useCallback)(() => {
+    toggleSearchBox(!searching);
+    if (searching) {
+      handleCloseSearch();
+    } else {
+      onSearchOpen();
+    }
+  }, [searching]);
+  const ComponentList = (0, import_react.useMemo)(() => sourceSortable ? import_VirtualizedSortableList.VirtualizedSortableList : import_VirtualizedList.VirtualizedList, [sourceSortable]);
+  const handleSortEnd = ({ oldIndex, newIndex }) => {
+    onSortEnd({
+      sourceItem: items[oldIndex],
+      targetItem: items[newIndex]
+    });
+  };
+  const isEmpty = !items.length;
+  const hasContent = !loading && !isEmpty;
+  const contentIsEmpty = !loading && isEmpty;
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeader, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeaderBreadcrumb, {
+    hierarchy,
+    onNavigateTo
+  }), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeaderSearchToggle, {
+    buttonType: "text",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null),
+    onClick: handleToggleSearch,
+    containerProps: { "data-testid": "shuttle-header-search-toggle" }
+  })), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleList, {
+    classProps: { showPulse: isMovingBack },
+    style: { pointerEvents: isMoving ? "none" : null }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ShuttleSearchBox.ShuttleSearchBox, {
+    key: searching,
+    isOpen: searching,
+    onClose: (0, import_ds_utilities.runAll)(() => toggleSearchBox(false), handleCloseSearch),
+    onFilter: (0, import_ds_utilities.runAll)(setSearchTerm, onSearch),
+    placeholder: searchPlaceholder,
+    value: searchTerm
+  }), hasContent ? /* @__PURE__ */ import_react.default.createElement(import_classedComponents.Overflow, {
+    activeHierarchy: (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
+    classProps: {
+      searching,
+      empty: isEmpty
+    }
+  }, /* @__PURE__ */ import_react.default.createElement(ComponentList, {
+    key: searchTerm,
+    helperClass: "drag-helper",
+    itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_ShuttleSourceListItem.ShuttleSourceListItem, {
+      "data-testid": "source-list-item",
+      ...rest,
+      ...composeSourceItemProps(item, rest),
+      isChecked: !!hashedCheckedItems[item.id],
+      item,
+      onItemCheck: onCheckItem,
+      onMoveToTarget: onMoveItem,
+      onNavigateOnSourceTo: onNavigateTo,
+      showSortHandler: sourceSortable
+    }),
+    items,
+    onSortEnd: handleSortEnd,
+    getMoreItems: onGetMoreItems,
+    hasNextPage
+  })) : null, contentIsEmpty ? /* @__PURE__ */ import_react.default.createElement(import_classedComponents.LoadingList, {
+    "data-testid": "shuttle__loading-list"
+  }, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.EmptyMessage, null, emptyMessage)) : null, loading ? /* @__PURE__ */ import_react.default.createElement(import_classedComponents.LoadingList, {
+    "data-testid": "shuttle__loading-list"
+  }, /* @__PURE__ */ import_react.default.createElement(import_LoadingIndicator.LoadingIndicator, null)) : null, /* @__PURE__ */ import_react.default.createElement(import_ShuttleListPanel.ShuttleListPanel, {
+    onClick: onMoveCheckedItems,
+    open: checkedItems.length > 1
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortRight, null)), moreItemsLoading ? /* @__PURE__ */ import_react.default.createElement(import_ShuttleInfiniteScrollIndicator.ShuttleInfiniteScrollIndicator, {
+    isOpen: true
+  }) : null), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooter, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooterActions, null, !!checkedItems.length && /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    buttonType: "link",
+    labelText: sourceClearItemsText,
+    onClick: onClearCheckedItems
+  })), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooterCounter, null, renderSourceCounter(checkedItems.length))));
+}
+ShuttleSource.propTypes = {
+  items: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  checkedItems: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  hierarchy: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  onMoveItem: import_prop_types.default.func,
+  onCheckItem: import_prop_types.default.func,
+  onMoveCheckedItems: import_prop_types.default.func,
+  onNavigateTo: import_prop_types.default.func,
+  onClearCheckedItems: import_prop_types.default.func,
+  emptyMessage: import_prop_types.default.string,
+  composeSourceItemProps: import_prop_types.default.func,
+  loading: import_prop_types.default.bool,
+  onSearch: import_prop_types.default.func,
+  onSearchClose: import_prop_types.default.func,
+  onSearchOpen: import_prop_types.default.func,
+  sourceSortable: import_prop_types.default.bool,
+  onSortEnd: import_prop_types.default.func,
+  sourceClearItemsText: import_prop_types.default.string,
+  searchPlaceholder: import_prop_types.default.string,
+  renderSourceCounter: import_prop_types.default.func,
+  onGetMoreItems: import_prop_types.default.func,
+  moreItemsLoading: import_prop_types.default.bool,
+  hasNextPage: import_prop_types.default.bool
+};
+var ShuttleSource_default = ShuttleSource;
+module.exports = __toCommonJS(ShuttleSource_exports);
+//# sourceMappingURL=ShuttleSource.js.map

package/dist/cjs/components/ShuttleSource.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ShuttleSource.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowShortRight, Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { ShuttleSearchBox } from './ShuttleSearchBox';\nimport { ShuttleInfiniteScrollIndicator } from './ShuttleInfiniteScrollIndicator';\nimport { ShuttleSourceListItem } from './ShuttleListItem/ShuttleSourceListItem';\nimport {\n  ShuttleFooterCounter,\n  Overflow,\n  ShuttleFooter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleHeaderSearchToggle,\n  ShuttleList,\n  ShuttleWrapper,\n  ShuttleFooterActions,\n  EmptyMessage,\n  LoadingList,\n} from '../classedComponents';\nimport { ShuttleListPanel } from './ShuttleListPanel';\nimport { VirtualizedList } from './VirtualizedList';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { SearchState } from '../SearchState';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleSource({\n  items = [],\n  checkedItems = [], // build Map() and memoize it for better performance\n  hierarchy = [],\n  onMoveItem = noop,\n  onCheckItem = noop,\n  onMoveCheckedItems = noop,\n  onNavigateTo = noop,\n  onClearCheckedItems = noop,\n  emptyMessage = 'No items found',\n  composeSourceItemProps = noop,\n  loading = false,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  sourceSortable = false,\n  onSortEnd = noop,\n  sourceClearItemsText = 'CLEAR ALL',\n  searchPlaceholder,\n  renderSourceCounter = (amount) => `${amount} items`,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n}) {\n  const {\n    state: { isMovingBack = false, isMoving },\n  } = useContext(AnimationState.Context);\n  const {\n    state: { searching, searchTerm },\n    setSearchTerm,\n    reset: resetSearch,\n    toggleSearchBox,\n  } = useContext(SearchState.Context);\n\n  const hashedCheckedItems = useMemo(\n    () => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}),\n    [checkedItems],\n  );\n\n  const handleCloseSearch = useCallback(() => {\n    setSearchTerm('');\n    runAll(resetSearch, onSearchClose)();\n  }, [searching]);\n\n  const handleToggleSearch = useCallback(() => {\n    toggleSearchBox(!searching);\n    if (searching) {\n      handleCloseSearch();\n    } else {\n      onSearchOpen();\n    }\n  }, [searching]);\n\n  const ComponentList = useMemo(() => (sourceSortable ? VirtualizedSortableList : VirtualizedList), [sourceSortable]);\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  const isEmpty = !items.length;\n  const hasContent = !loading && !isEmpty;\n  const contentIsEmpty = !loading && isEmpty;\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n        <ShuttleHeaderSearchToggle\n          buttonType=\"text\"\n          icon={<Search />}\n          onClick={handleToggleSearch}\n          containerProps={{ 'data-testid': 'shuttle-header-search-toggle' }}\n        />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMovingBack }} style={{ pointerEvents: isMoving ? 'none' : null }}>\n        <ShuttleSearchBox\n          key={searching}\n          isOpen={searching}\n          onClose={runAll(() => toggleSearchBox(false), handleCloseSearch)}\n          onFilter={runAll(setSearchTerm, onSearch)}\n          placeholder={searchPlaceholder}\n          value={searchTerm}\n        />\n        {hasContent ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              searching,\n              empty: isEmpty,\n            }}\n          >\n            <ComponentList\n              key={searchTerm}\n              helperClass=\"drag-helper\"\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleSourceListItem\n                  data-testid=\"source-list-item\"\n                  {...rest}\n                  {...composeSourceItemProps(item, rest)}\n                  isChecked={!!hashedCheckedItems[item.id]}\n                  item={item}\n                  onItemCheck={onCheckItem}\n                  onMoveToTarget={onMoveItem}\n                  onNavigateOnSourceTo={onNavigateTo}\n                  showSortHandler={sourceSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              getMoreItems={onGetMoreItems}\n              hasNextPage={hasNextPage}\n            />\n          </Overflow>\n        ) : null}\n        {contentIsEmpty ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <EmptyMessage>{emptyMessage}</EmptyMessage>\n          </LoadingList>\n        ) : null}\n        {loading ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <LoadingIndicator />\n          </LoadingList>\n        ) : null}\n        <ShuttleListPanel onClick={onMoveCheckedItems} open={checkedItems.length > 1}>\n          <ArrowShortRight />\n        </ShuttleListPanel>\n        {moreItemsLoading ? <ShuttleInfiniteScrollIndicator isOpen /> : null}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!checkedItems.length && (\n            <DSButton buttonType=\"link\" labelText={sourceClearItemsText} onClick={onClearCheckedItems} />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderSourceCounter(checkedItems.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n}\n\nShuttleSource.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  checkedItems: PropTypes.arrayOf(PropTypes.shape({})),\n  hierarchy: PropTypes.arrayOf(PropTypes.shape({})),\n  onMoveItem: PropTypes.func,\n  onCheckItem: PropTypes.func,\n  onMoveCheckedItems: PropTypes.func,\n  onNavigateTo: PropTypes.func,\n  onClearCheckedItems: PropTypes.func,\n  emptyMessage: PropTypes.string,\n  composeSourceItemProps: PropTypes.func,\n  loading: PropTypes.bool,\n  onSearch: PropTypes.func,\n  onSearchClose: PropTypes.func,\n  onSearchOpen: PropTypes.func,\n  sourceSortable: PropTypes.bool,\n  onSortEnd: PropTypes.func,\n  sourceClearItemsText: PropTypes.string,\n  searchPlaceholder: PropTypes.string,\n  renderSourceCounter: PropTypes.func,\n  onGetMoreItems: PropTypes.func,\n  moreItemsLoading: PropTypes.bool,\n  hasNextPage: PropTypes.bool,\n};\n\nexport { ShuttleSource };\nexport default ShuttleSource;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/ShuttleTarget.js

@@ -0,0 +1,104 @@
+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 ShuttleTarget_exports = {};
+__export(ShuttleTarget_exports, {
+  ShuttleTarget: () => ShuttleTarget,
+  default: () => ShuttleTarget_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_classedComponents = require("../classedComponents");
+var import_helper = require("../helper");
+var import_AnimationState = require("../AnimationState");
+var import_VirtualizedList = require("./VirtualizedList");
+var import_ShuttleTargetListItem = require("./ShuttleListItem/ShuttleTargetListItem");
+var import_VirtualizedSortableList = require("./VirtualizedSortableList");
+var import_LoadingIndicator = require("./LoadingIndicator");
+const noop = () => {
+};
+function ShuttleTarget({
+  items = [],
+  hierarchy = [],
+  onNavigateTo = noop,
+  onMoveItem = noop,
+  onClearMovedItems = noop,
+  emptyMessage = "No items selected",
+  composeTargetItemProps = () => ({}),
+  targetSortable = false,
+  onSortEnd = noop,
+  targetClearItemsText = "CLEAR ALL",
+  renderTargetCounter = (amount) => `${amount} items`,
+  loading = false
+}) {
+  const {
+    state: { isMoving = false }
+  } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
+  const isEmpty = !items.length;
+  const emptyContent = loading ? /* @__PURE__ */ import_react.default.createElement(import_LoadingIndicator.LoadingIndicator, null) : /* @__PURE__ */ import_react.default.createElement(import_classedComponents.EmptyMessage, null, emptyMessage);
+  const ComponentList = targetSortable ? import_VirtualizedSortableList.VirtualizedSortableList : import_VirtualizedList.VirtualizedList;
+  const handleSortEnd = ({ oldIndex, newIndex }) => {
+    onSortEnd({
+      sourceItem: items[oldIndex],
+      targetItem: items[newIndex]
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeader, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeaderBreadcrumb, {
+    hierarchy,
+    onNavigateTo
+  })), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleList, {
+    classProps: { showPulse: isMoving }
+  }, !loading && !isEmpty ? /* @__PURE__ */ import_react.default.createElement(import_classedComponents.Overflow, {
+    activeHierarchy: (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
+    classProps: {
+      empty: !items.length
+    }
+  }, /* @__PURE__ */ import_react.default.createElement(ComponentList, {
+    itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_ShuttleTargetListItem.ShuttleTargetListItem, {
+      "data-testid": "target-list-item",
+      ...rest,
+      ...composeTargetItemProps(item, rest),
+      isRoot: !(0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
+      item,
+      onMoveToSource: onMoveItem,
+      onNavigateOnTargetTo: onNavigateTo,
+      showSortHandler: targetSortable
+    }),
+    items,
+    onSortEnd: handleSortEnd,
+    target: true
+  })) : /* @__PURE__ */ import_react.default.createElement(import_classedComponents.LoadingList, null, emptyContent)), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooter, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooterActions, null, !!items.length && /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    containerProps: { "data-testid": "shuttle-clear-all-target" },
+    buttonType: "link",
+    labelText: targetClearItemsText,
+    onClick: onClearMovedItems
+  })), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooterCounter, null, renderTargetCounter(items.length))));
+}
+var ShuttleTarget_default = ShuttleTarget;
+module.exports = __toCommonJS(ShuttleTarget_exports);
+//# sourceMappingURL=ShuttleTarget.js.map

package/dist/cjs/components/ShuttleTarget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ShuttleTarget.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\n\nimport {\n  EmptyMessage,\n  Overflow,\n  ShuttleFooter,\n  ShuttleFooterActions,\n  ShuttleFooterCounter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleList,\n  ShuttleWrapper,\n  LoadingList,\n} from '../classedComponents';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedList } from './VirtualizedList';\nimport { ShuttleTargetListItem } from './ShuttleListItem/ShuttleTargetListItem';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleTarget({\n  items = [],\n  hierarchy = [],\n  onNavigateTo = noop,\n  onMoveItem = noop,\n  onClearMovedItems = noop,\n  emptyMessage = 'No items selected',\n  composeTargetItemProps = () => ({}),\n  targetSortable = false,\n  onSortEnd = noop,\n  targetClearItemsText = 'CLEAR ALL',\n  renderTargetCounter = (amount) => `${amount} items`,\n  loading = false,\n}) {\n  const {\n    state: { isMoving = false },\n  } = useContext(AnimationState.Context);\n  const isEmpty = !items.length;\n  const emptyContent = loading ? <LoadingIndicator /> : <EmptyMessage>{emptyMessage}</EmptyMessage>;\n\n  const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMoving }}>\n        {!loading && !isEmpty ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              empty: !items.length,\n            }}\n          >\n            <ComponentList\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleTargetListItem\n                  data-testid=\"target-list-item\"\n                  {...rest}\n                  {...composeTargetItemProps(item, rest)}\n                  isRoot={!getActiveIdFromHierarchy(hierarchy).id}\n                  item={item}\n                  onMoveToSource={onMoveItem}\n                  onNavigateOnTargetTo={onNavigateTo}\n                  showSortHandler={targetSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              target\n            />\n          </Overflow>\n        ) : (\n          <LoadingList>{emptyContent}</LoadingList>\n        )}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!items.length && (\n            <DSButton\n              containerProps={{ 'data-testid': 'shuttle-clear-all-target' }}\n              buttonType=\"link\"\n              labelText={targetClearItemsText}\n              onClick={onClearMovedItems}\n            />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderTargetCounter(items.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n}\n\nexport { ShuttleTarget };\nexport default ShuttleTarget;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,uBAAyB;AAEzB,+BAWO;AACP,oBAAyC;AACzC,4BAA+B;AAC/B,6BAAgC;AAChC,mCAAsC;AACtC,qCAAwC;AACxC,8BAAiC;AAEjC,MAAM,OAAO,MAAM;AAAA;AAEnB,uBAAuB;AAAA,EACrB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,MAAO;AAAA,EAChC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AAAA,GACT;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,MAClB,6BAAW,qCAAe;AAC9B,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,mDAAC,0CAAD,QAAuB,mDAAC,uCAAD,MAAe;AAErE,QAAM,gBAAgB,iBAAiB,yDAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA;AAAA;AAItB,SACE,mDAAC,yCAAD,MACE,mDAAC,wCAAD,MACE,mDAAC,kDAAD;AAAA,IAAyB;AAAA,IAAsB;AAAA,OAEjD,mDAAC,sCAAD;AAAA,IAAa,YAAY,EAAE,WAAW;AAAA,KACnC,CAAC,WAAW,CAAC,UACZ,mDAAC,mCAAD;AAAA,IACE,iBAAiB,4CAAyB,WAAW;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA;AAAA,KAGhB,mDAAC,eAAD;AAAA,IACE,cAAc,CAAC,EAAE,SAAS,WACxB,mDAAC,oDAAD;AAAA,MACE,eAAY;AAAA,SACR;AAAA,SACA,uBAAuB,MAAM;AAAA,MACjC,QAAQ,CAAC,4CAAyB,WAAW;AAAA,MAC7C;AAAA,MACA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA;AAAA,IAGrB;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,QAIV,mDAAC,sCAAD,MAAc,gBAGlB,mDAAC,wCAAD,MACE,mDAAC,+CAAD,MACG,CAAC,CAAC,MAAM,UACP,mDAAC,2BAAD;AAAA,IACE,gBAAgB,EAAE,eAAe;AAAA,IACjC,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,OAIf,mDAAC,+CAAD,MAAuB,oBAAoB,MAAM;AAAA;AAOzD,IAAO,wBAAQ;",
+  "names": []
+}