@elliemae/ds-shuttle 3.0.0-next.1 → 3.0.0-next.5

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

@@ -0,0 +1,121 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 ShuttleListItem_exports = {};
+__export(ShuttleListItem_exports, {
+  ShuttleListItem: () => ShuttleListItem,
+  default: () => ShuttleListItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_web = require("react-spring/web");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_react_sortable_hoc = require("react-sortable-hoc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_helper = require("../../helper");
+const blockName = "shuttle-list-item";
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)(import_web.animated.li)(blockName);
+const ActionsGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "actions");
+const IconWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "icon-wrapper");
+const Content = (0, import_ds_classnames.aggregatedClasses)("label")(blockName, "content", ({ isChecked, canMove, isReadonly }) => ({
+  checked: isChecked,
+  "can-hover": canMove,
+  "read-only": isReadonly
+}));
+const SortHandler = (0, import_react_sortable_hoc.sortableHandle)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+  className: "gripper"
+}));
+function ShuttleListItem(_a) {
+  var _b = _a, {
+    item = {},
+    showIcons = void 0,
+    showIcon = true,
+    onSelect = () => null,
+    isChecked = false,
+    style = void 0,
+    showActions = true,
+    actions = [],
+    showSortHandler = false
+  } = _b, rest = __objRest(_b, [
+    "item",
+    "showIcons",
+    "showIcon",
+    "onSelect",
+    "isChecked",
+    "style",
+    "showActions",
+    "actions",
+    "showSortHandler"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, __spreadProps(__spreadValues({}, rest), {
+    role: "listitem",
+    style
+  }), /* @__PURE__ */ import_react.default.createElement(Content, {
+    classProps: {
+      canMove: (0, import_helper.isMovable)(item),
+      isChecked,
+      isReadonly: item.readyOnly
+    },
+    onClick: onSelect
+  }, showSortHandler && /* @__PURE__ */ import_react.default.createElement(SortHandler, null), (showIcon || showIcons) && /* @__PURE__ */ import_react.default.createElement(IconWrapper, null, item.icon), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    className: "shuttle-tooltip-text",
+    value: item.name
+  })), showActions && /* @__PURE__ */ import_react.default.createElement(ActionsGroup, null, actions));
+}
+var ShuttleListItem_default = ShuttleListItem;
+module.exports = __toCommonJS(ShuttleListItem_exports);
+//# sourceMappingURL=ShuttleListItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ShuttleListItem/ShuttleListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { animated } from 'react-spring/web';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { sortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { isMovable } from '../../helper';\n\nconst blockName = 'shuttle-list-item';\nconst Wrapper = aggregatedClasses(animated.li)(blockName);\nconst ActionsGroup = aggregatedClasses('div')(blockName, 'actions');\nconst IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');\nconst Content = aggregatedClasses('label')(blockName, 'content', ({ isChecked, canMove, isReadonly }) => ({\n  checked: isChecked,\n  'can-hover': canMove,\n  'read-only': isReadonly,\n}));\n\nconst SortHandler = sortableHandle(() => <GripperVertical className=\"gripper\" />);\n\nfunction ShuttleListItem({\n  item = {},\n  showIcons = undefined,\n  showIcon = true,\n  onSelect = () => null,\n  isChecked = false,\n  style = undefined,\n  showActions = true,\n  actions = [],\n  showSortHandler = false,\n  ...rest\n}) {\n  return (\n    <Wrapper {...rest} role=\"listitem\" style={style}>\n      <Content\n        classProps={{\n          canMove: isMovable(item),\n          isChecked,\n          isReadonly: item.readyOnly,\n        }}\n        onClick={onSelect}\n      >\n        {showSortHandler && <SortHandler />}\n        {(showIcon || showIcons) && <IconWrapper>{item.icon}</IconWrapper>}\n        <DSTruncatedTooltipText className=\"shuttle-tooltip-text\" value={item.name} />\n      </Content>\n      {showActions && <ActionsGroup>{actions}</ActionsGroup>}\n    </Wrapper>\n  );\n}\n\nexport { ShuttleListItem };\nexport default ShuttleListItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAAkC;AAClC,iBAAyB;AACzB,uCAAuC;AACvC,gCAA+B;AAC/B,sBAAgC;AAChC,oBAA0B;AAE1B,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,oBAAS,IAAI;AAC/C,MAAM,eAAe,4CAAkB,OAAO,WAAW;AACzD,MAAM,cAAc,4CAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,4CAAkB,SAAS,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA;AAGf,MAAM,cAAc,8CAAe,MAAM,mDAAC,iCAAD;AAAA,EAAiB,WAAU;AAAA;AAEpE,yBAAyB,IAWtB;AAXsB,eACvB;AAAA,WAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,UAAU;AAAA,IACV,kBAAkB;AAAA,MATK,IAUpB,iBAVoB,IAUpB;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,mDAAC,SAAD,iCAAa,OAAb;AAAA,IAAmB,MAAK;AAAA,IAAW;AAAA,MACjC,mDAAC,SAAD;AAAA,IACE,YAAY;AAAA,MACV,SAAS,6BAAU;AAAA,MACnB;AAAA,MACA,YAAY,KAAK;AAAA;AAAA,IAEnB,SAAS;AAAA,KAER,mBAAmB,mDAAC,aAAD,OAClB,aAAY,cAAc,mDAAC,aAAD,MAAc,KAAK,OAC/C,mDAAC,yDAAD;AAAA,IAAwB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,OAEtE,eAAe,mDAAC,cAAD,MAAe;AAAA;AAMrC,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,127 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 ShuttleSourceListItem_exports = {};
+__export(ShuttleSourceListItem_exports, {
+  ShuttleSourceListItem: () => ShuttleSourceListItem,
+  default: () => ShuttleSourceListItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_helper = require("../../helper");
+var import_ActionButtons = require("./ActionButtons");
+var import_ShuttleListItem = require("./ShuttleListItem");
+function ShuttleSourceListItem(_a) {
+  var _b = _a, {
+    item = {},
+    onItemCheck = () => null,
+    onMoveToTarget = () => null,
+    onNavigateOnSourceTo = () => null,
+    isChecked = false,
+    showMoveButton = true,
+    showDrillDownButton = true,
+    index
+  } = _b, rest = __objRest(_b, [
+    "item",
+    "onItemCheck",
+    "onMoveToTarget",
+    "onNavigateOnSourceTo",
+    "isChecked",
+    "showMoveButton",
+    "showDrillDownButton",
+    "index"
+  ]);
+  const [clicked, setClicked] = (0, import_react.useState)(false);
+  const moveToTarget = (0, import_react.useCallback)(() => onMoveToTarget(item), [item]);
+  (0, import_react.useEffect)(() => {
+    if (clicked) {
+      moveToTarget();
+    }
+  }, [clicked]);
+  const navigateOnSourceTo = (0, import_react.useCallback)(() => onNavigateOnSourceTo(item), [
+    item
+  ]);
+  const checkItem = (0, import_react.useCallback)(() => {
+    if (!clicked)
+      onItemCheck(item);
+  }, [item, clicked]);
+  const handleOnClick = () => {
+    if (!clicked) {
+      setClicked(true);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_ShuttleListItem.ShuttleListItem, __spreadProps(__spreadValues({}, rest), {
+    actions: [
+      showDrillDownButton && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.DrillDownButton, {
+        key: "drill-down",
+        disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
+        onClick: navigateOnSourceTo
+      }),
+      showMoveButton && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.MoveButton, {
+        "data-testid": "ds-shuttle__move-button",
+        key: "move",
+        disabled: !(0, import_helper.isMovable)(item) || item.readOnly,
+        onClick: handleOnClick
+      })
+    ],
+    isChecked,
+    item,
+    onSelect: checkItem
+  }));
+}
+var ShuttleSourceListItem_default = ShuttleSourceListItem;
+module.exports = __toCommonJS(ShuttleSourceListItem_exports);
+//# sourceMappingURL=ShuttleSourceListItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ShuttleListItem/ShuttleSourceListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-underscore-dangle */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { isMovable } from '../../helper';\nimport { DrillDownButton, MoveButton } from './ActionButtons';\nimport { ShuttleListItem } from './ShuttleListItem';\n\nfunction ShuttleSourceListItem({\n  item = {},\n  onItemCheck = () => null,\n  onMoveToTarget = () => null,\n  onNavigateOnSourceTo = () => null,\n  isChecked = false,\n  showMoveButton = true,\n  showDrillDownButton = true,\n  index,\n  ...rest\n}) {\n  const [clicked, setClicked] = useState(false);\n  const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);\n  useEffect(() => {\n    if (clicked) {\n      moveToTarget();\n    }\n  }, [clicked]);\n  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [\n    item,\n  ]);\n  const checkItem = useCallback(() => {\n    if (!clicked) onItemCheck(item);\n  }, [item, clicked]);\n  const handleOnClick = () => {\n    if (!clicked) {\n      setClicked(true);\n    }\n  };\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={navigateOnSourceTo}\n          />\n        ),\n        showMoveButton && (\n          <MoveButton\n            data-testid=\"ds-shuttle__move-button\"\n            key=\"move\"\n            disabled={!isMovable(item) || item.readOnly}\n            onClick={handleOnClick}\n          />\n        ),\n      ]}\n      isChecked={isChecked}\n      item={item}\n      onSelect={checkItem}\n    />\n  );\n}\n\nexport { ShuttleSourceListItem };\nexport default ShuttleSourceListItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,oBAA0B;AAC1B,2BAA4C;AAC5C,6BAAgC;AAEhC,+BAA+B,IAU5B;AAV4B,eAC7B;AAAA,WAAO;AAAA,IACP,cAAc,MAAM;AAAA,IACpB,iBAAiB,MAAM;AAAA,IACvB,uBAAuB,MAAM;AAAA,IAC7B,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB;AAAA,MAR6B,IAS1B,iBAT0B,IAS1B;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,eAAe,8BAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,8BAAU,MAAM;AACd,QAAI,SAAS;AACX;AAAA;AAAA,KAED,CAAC;AACJ,QAAM,qBAAqB,8BAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,QAAM,YAAY,8BAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY;AAAA,KACzB,CAAC,MAAM;AACV,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW;AAAA;AAAA;AAIf,SACE,mDAAC,wCAAD,iCACM,OADN;AAAA,IAEE,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,kBACE,mDAAC,iCAAD;AAAA,QACE,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,6BAAU,SAAS,KAAK;AAAA,QACnC,SAAS;AAAA;AAAA;AAAA,IAIf;AAAA,IACA;AAAA,IACA,UAAU;AAAA;AAAA;AAMhB,IAAO,gCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,110 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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(_a) {
+  var _b = _a, {
+    item = {},
+    onMoveToSource = () => null,
+    onNavigateOnTargetTo = () => null,
+    isRoot = false,
+    showDeleteButton = true,
+    showDrillDownButton = true,
+    showActions = true,
+    index
+  } = _b, rest = __objRest(_b, [
+    "item",
+    "onMoveToSource",
+    "onNavigateOnTargetTo",
+    "isRoot",
+    "showDeleteButton",
+    "showDrillDownButton",
+    "showActions",
+    "index"
+  ]);
+  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, __spreadProps(__spreadValues({}, 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,IAU5B;AAV4B,eAC7B;AAAA,WAAO;AAAA,IACP,iBAAiB,MAAM;AAAA,IACvB,uBAAuB,MAAM;AAAA,IAC7B,SAAS;AAAA,IACT,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd;AAAA,MAR6B,IAS1B,iBAT0B,IAS1B;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,eAAe,8BAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,QAAM,qBAAqB,8BAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,SACE,mDAAC,wCAAD,iCACM,OADN;AAAA,IAEE,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": []
+}