@elliemae/ds-shuttle 3.5.0-rc.0 → 3.5.0-rc.11

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ActionButtons_exports = {};
 __export(ActionButtons_exports, {
@@ -27,25 +30,25 @@ __export(ActionButtons_exports, {
 });
 module.exports = __toCommonJS(ActionButtons_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 const ActionButton = (0, import_ds_classnames.aggregatedClasses)(import_ds_button.DSButton)("shuttle-list-item", "action-button");
-const DeleteButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, {
+const DeleteButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, {
   buttonType: "text",
-  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseCircle, null),
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseCircle, {}),
   ...props
 });
-const MoveButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, {
+const MoveButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, {
   buttonType: "text",
-  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortRight, null),
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowShortRight, {}),
   ...props,
   containerProps: { "data-testid": "ds-shuttle__move-button" }
 });
-const DrillDownButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, {
+const DrillDownButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, {
   buttonType: "text",
-  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortReturn, {
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowShortReturn, {
     "data-testid": "shuttle__drill-btn-icon"
   }),
   ...props,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ShuttleListItem/ActionButtons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ArrowShortRight, ArrowShortReturn, CloseCircle } from '@elliemae/ds-icons';\n\nconst ActionButton = aggregatedClasses(DSButton)('shuttle-list-item', 'action-button');\n\nexport const DeleteButton = (props) => (\n  <ActionButton\n    buttonType=\"text\"\n    icon={<CloseCircle />}\n    {...props}\n    // containerProps={{ 'data-testid': 'ds-shuttle__close-button' }}\n  />\n);\n\nexport const MoveButton = (props) => (\n  <ActionButton\n    buttonType=\"text\"\n    icon={<ArrowShortRight />}\n    {...props}\n    containerProps={{ 'data-testid': 'ds-shuttle__move-button' }}\n  />\n);\n\nexport const DrillDownButton = (props) => (\n  <ActionButton\n    buttonType=\"text\"\n    icon={<ArrowShortReturn data-testid=\"shuttle__drill-btn-icon\" />}\n    {...props}\n    containerProps={{ 'data-testid': 'shuttle__drill-btn' }}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,uBAAyB;AACzB,sBAA+D;AAE/D,MAAM,eAAe,4CAAkB,yBAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,mDAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,mDAAC,iCAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,mDAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,mDAAC,qCAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,mDAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,mDAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,2BAAkC;AAClC,uBAAyB;AACzB,sBAA+D;AAE/D,MAAM,mBAAe,wCAAkB,yBAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,4CAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,4CAAC,+BAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,4CAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,4CAAC,mCAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,4CAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,4CAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ShuttleListItem_exports = {};
 __export(ShuttleListItem_exports, {
@@ -26,7 +29,8 @@ __export(ShuttleListItem_exports, {
 });
 module.exports = __toCommonJS(ShuttleListItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_system = require("@elliemae/ds-system");
 var import_web = require("react-spring/web");
@@ -43,7 +47,7 @@ const Content = (0, import_ds_classnames.aggregatedClasses)("label")(blockName,
   "can-hover": canMove,
   "read-only": isReadonly
 }));
-const SortHandler = (0, import_react_sortable_hoc.sortableHandle)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+const SortHandler = (0, import_react_sortable_hoc.sortableHandle)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.GripperVertical, {
   className: "gripper"
 }));
 function ShuttleListItem({
@@ -59,21 +63,34 @@ function ShuttleListItem({
   ...rest
 }) {
   const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
     ...rest,
     role: "listitem",
-    style: { ...style, zIndex: theme.zIndex.dialog }
-  }, /* @__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));
+    style: { ...style, zIndex: theme.zIndex.dialog },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
+        classProps: {
+          canMove: (0, import_helper.isMovable)(item),
+          isChecked,
+          isReadonly: item.readyOnly
+        },
+        onClick: onSelect,
+        children: [
+          showSortHandler && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortHandler, {}),
+          (showIcon || showIcons) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapper, {
+            children: item.icon
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+            className: "shuttle-tooltip-text",
+            value: item.name
+          })
+        ]
+      }),
+      showActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsGroup, {
+        children: actions
+      })
+    ]
+  });
 }
 var ShuttleListItem_default = ShuttleListItem;
 //# sourceMappingURL=ShuttleListItem.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ShuttleListItem/ShuttleListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ThemeContext } from '@elliemae/ds-system';\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  const theme = useContext(ThemeContext);\n\n  return (\n    // z-index fixed https://jira.elliemae.io/browse/PUI-8802\n    <Wrapper {...rest} role=\"listitem\" style={{ ...style, zIndex: theme.zIndex.dialog }}>\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;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,2BAAkC;AAClC,uBAA6B;AAC7B,iBAAyB;AACzB,uCAAuC;AACvC,gCAA+B;AAC/B,sBAAgC;AAChC,oBAA0B;AAE1B,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,oBAAS,EAAE,EAAE,SAAS;AACxD,MAAM,eAAe,4CAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,cAAc,4CAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,UAAU,4CAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,8CAAe,MAAM,mDAAC;AAAA,EAAgB,WAAU;AAAA,CAAU,CAAE;AAEhF,yBAAyB;AAAA,EACvB,OAAO,CAAC;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AAAA,EACX,kBAAkB;AAAA,KACf;AAAA,GACF;AACD,QAAM,QAAQ,6BAAW,6BAAY;AAErC,SAEE,mDAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO;AAAA,KAChF,mDAAC;AAAA,IACC,YAAY;AAAA,MACV,SAAS,6BAAU,IAAI;AAAA,MACvB;AAAA,MACA,YAAY,KAAK;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,KAER,mBAAmB,mDAAC,iBAAY,GAC/B,aAAY,cAAc,mDAAC,mBAAa,KAAK,IAAK,GACpD,mDAAC;AAAA,IAAuB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,GAAM,CAC7E,GACC,eAAe,mDAAC,oBAAc,OAAQ,CACzC;AAEJ;AAGA,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,2BAAkC;AAClC,uBAA6B;AAC7B,iBAAyB;AACzB,uCAAuC;AACvC,gCAA+B;AAC/B,sBAAgC;AAChC,oBAA0B;AAE1B,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,oBAAS,EAAE,EAAE,SAAS;AACxD,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,cAAU,wCAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,WAAW,OAAO;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,kBAAc,0CAAe,MAAM,4CAAC;AAAA,EAAgB,WAAU;AAAA,CAAU,CAAE;AAEhF,SAAS,gBAAgB;AAAA,EACvB,OAAO,CAAC;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AAAA,EACX,kBAAkB;AAAA,KACf;AACL,GAAG;AACD,QAAM,YAAQ,yBAAW,6BAAY;AAErC,SAEE,6CAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO;AAAA,IAChF;AAAA,mDAAC;AAAA,QACC,YAAY;AAAA,UACV,aAAS,yBAAU,IAAI;AAAA,UACvB;AAAA,UACA,YAAY,KAAK;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,QAER;AAAA,6BAAmB,4CAAC,eAAY;AAAA,WAC/B,YAAY,cAAc,4CAAC;AAAA,YAAa,eAAK;AAAA,WAAK;AAAA,UACpD,4CAAC;AAAA,YAAuB,WAAU;AAAA,YAAuB,OAAO,KAAK;AAAA,WAAM;AAAA;AAAA,OAC7E;AAAA,MACC,eAAe,4CAAC;AAAA,QAAc;AAAA,OAAQ;AAAA;AAAA,GACzC;AAEJ;AAGA,IAAO,0BAAQ;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ShuttleSourceListItem_exports = {};
 __export(ShuttleSourceListItem_exports, {
@@ -26,7 +29,8 @@ __export(ShuttleSourceListItem_exports, {
 });
 module.exports = __toCommonJS(ShuttleSourceListItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_helper = require("../../helper");
 var import_ActionButtons = require("./ActionButtons");
 var import_ShuttleListItem = require("./ShuttleListItem");
@@ -60,20 +64,18 @@ function ShuttleSourceListItem({
       setClicked(true);
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_ShuttleListItem.ShuttleListItem, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleListItem.ShuttleListItem, {
     ...rest,
     actions: [
-      showDrillDownButton && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.DrillDownButton, {
-        key: "drill-down",
+      showDrillDownButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.DrillDownButton, {
         disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
         onClick: navigateOnSourceTo
-      }),
-      showMoveButton && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.MoveButton, {
+      }, "drill-down"),
+      showMoveButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.MoveButton, {
         "data-testid": "ds-shuttle__move-button",
-        key: "move",
         disabled: !(0, import_helper.isMovable)(item) || item.readOnly,
         onClick: handleOnClick
-      })
+      }, "move")
     ],
     isChecked,
     item,

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

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,oBAA0B;AAC1B,2BAA4C;AAC5C,6BAAgC;AAEhC,+BAA+B;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,KACG;AAAA,GACF;AACD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,eAAe,8BAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,qBAAqB,8BAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,QAAM,YAAY,8BAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY,IAAI;AAAA,EAChC,GAAG,CAAC,MAAM,OAAO,CAAC;AAClB,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACE,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,mDAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,kBACE,mDAAC;AAAA,QACC,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,6BAAU,IAAI,KAAK,KAAK;AAAA,QACnC,SAAS;AAAA,OACX;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;AAGA,IAAO,gCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAwD;AACxD,oBAA0B;AAC1B,2BAA4C;AAC5C,6BAAgC;AAEhC,SAAS,sBAAsB;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,KACG;AACL,GAAG;AACD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,mBAAe,0BAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,yBAAqB,0BAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,QAAM,gBAAY,0BAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY,IAAI;AAAA,EAChC,GAAG,CAAC,MAAM,OAAO,CAAC;AAClB,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACE,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,4CAAC;AAAA,QAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,SANL,YAON;AAAA,MAEF,kBACE,4CAAC;AAAA,QACC,eAAY;AAAA,QAEZ,UAAU,KAAC,yBAAU,IAAI,KAAK,KAAK;AAAA,QACnC,SAAS;AAAA,SAFL,MAGN;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;AAGA,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ShuttleTargetListItem_exports = {};
 __export(ShuttleTargetListItem_exports, {
@@ -26,7 +29,8 @@ __export(ShuttleTargetListItem_exports, {
 });
 module.exports = __toCommonJS(ShuttleTargetListItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ActionButtons = require("./ActionButtons");
 var import_ShuttleListItem = require("./ShuttleListItem");
 function ShuttleTargetListItem({
@@ -44,20 +48,18 @@ function ShuttleTargetListItem({
   const navigateOnTargetTo = (0, import_react.useCallback)(() => onNavigateOnTargetTo(item), [
     item
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_ShuttleListItem.ShuttleListItem, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleListItem.ShuttleListItem, {
     ...rest,
     actions: [
-      showDrillDownButton && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.DrillDownButton, {
-        key: "drill-down",
+      showDrillDownButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.DrillDownButton, {
         disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
         onClick: navigateOnTargetTo
-      }),
-      showDeleteButton && isRoot && /* @__PURE__ */ import_react.default.createElement(import_ActionButtons.DeleteButton, {
-        key: "delete",
+      }, "drill-down"),
+      showDeleteButton && isRoot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.DeleteButton, {
         disabled: item.readOnly,
         onClick: moveToSource,
         "data-testid": "ds-shuttle__close-button"
-      })
+      }, "delete")
     ],
     item,
     showActions

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

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,2BAA8C;AAC9C,6BAAgC;AAEhC,+BAA+B;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,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,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,8BAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,mDAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,oBAAoB,UAClB,mDAAC;AAAA,QACC,KAAI;AAAA,QACJ,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA,OACd;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;AAGA,IAAO,gCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAmC;AACnC,2BAA8C;AAC9C,6BAAgC;AAEhC,SAAS,sBAAsB;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd;AAAA,KACG;AACL,GAAG;AACD,QAAM,mBAAe,0BAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,yBAAqB,0BAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,4CAAC;AAAA,QAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,SANL,YAON;AAAA,MAEF,oBAAoB,UAClB,4CAAC;AAAA,QAEC,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA,SAHR,QAIN;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;AAGA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/cjs/components/ShuttleListPanel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ShuttleListPanel_exports = {};
 __export(ShuttleListPanel_exports, {
@@ -26,18 +29,19 @@ __export(ShuttleListPanel_exports, {
 });
 module.exports = __toCommonJS(ShuttleListPanel_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 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"
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleListPanel, {
+    classProps: { open },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+      buttonType: "text",
+      icon: children,
+      onClick,
+      "data-testid": "list-panel-btn"
+    })
+  });
 }
 var ShuttleListPanel_default = ShuttleListPanel;
 //# sourceMappingURL=ShuttleListPanel.js.map

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

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAyB;AACzB,+BAA4C;AAE5C,0BAA0B,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,YAAY;AAC1E,SACE,mDAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,KAC1B,mDAAC;AAAA,IAAS,YAAW;AAAA,IAAO,MAAM;AAAA,IAAU;AAAA,IAAkB,eAAY;AAAA,GAAiB,CAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAyB;AACzB,+BAA4C;AAE5C,SAAS,iBAAiB,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,GAAG;AAC1E,SACE,4CAAC,yBAAAA,kBAAA;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,IAC1B,sDAAC;AAAA,MAAS,YAAW;AAAA,MAAO,MAAM;AAAA,MAAU;AAAA,MAAkB,eAAY;AAAA,KAAiB;AAAA,GAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
+  "names": ["Wrapper"]
 }

package/dist/cjs/components/ShuttleSearchBox.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ShuttleSearchBox_exports = {};
 __export(ShuttleSearchBox_exports, {
@@ -26,7 +29,8 @@ __export(ShuttleSearchBox_exports, {
 });
 module.exports = __toCommonJS(ShuttleSearchBox_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = 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");
@@ -71,17 +75,18 @@ class ShuttleSearchBox extends import_react.Component {
   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
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchBoxContainer, {
+      classProps: { isOpen },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
+        autoFocus: true,
+        clearable: true,
+        onChange: this.handleChange,
+        onClear: onClose,
+        onKeyDown: this.handleKeyPress,
+        placeholder,
+        value
+      })
+    });
   }
 }
 ShuttleSearchBox.defaultProps = {

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

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,2BAAkC;AAClC,0BAAyB;AACzB,qBAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,qBAAqB,4CAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,aAAa,kCAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,uBAAU;AAAA,EAOvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,WAAW,CAAC;AAAA,IACd;AACA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,aAAa;AACxD,UAAM,EAAE,UAAU;AAClB,QAAI,UAAU,UAAU,OAAO;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,GAAG;AACd,UAAM,EAAE,UAAU,mBAAmB,aAAa,KAAK;AACvD,UAAM,EAAE,UAAU,EAAE;AACpB,aAAS,KAAK;AACd,QAAI;AAAmB,iBAAW,OAAO,QAAQ;AACjD,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,eAAe,GAAG;AAChB,UAAM,EAAE,aAAa,KAAK;AAC1B,QAAI,EAAE,YAAY;AAAI,eAAS,EAAE,OAAO,KAAK;AAAA,EAC/C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,KAAK;AACvB,UAAM,EAAE,QAAQ,SAAS,gBAAgB,KAAK;AAC9C,WACE,mDAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,OACvC,mDAAC;AAAA,MACC,WAAS;AAAA,MACT,WAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,MAChB;AAAA,MACA;AAAA,KACF,CACF;AAAA,EAEJ;AACF;AAzDE,AADI,iBACG,eAAe;AAAA,EACpB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAClB;AAwDF,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAiC;AACjC,2BAAkC;AAClC,0BAAyB;AACzB,qBAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,iBAAa,8BAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,uBAAU;AAAA,EAOvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,WAAW,CAAC;AAAA,IACd;AACA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU,OAAO;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,GAAG;AACd,UAAM,EAAE,UAAU,mBAAmB,SAAS,IAAI,KAAK;AACvD,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,aAAS,KAAK;AACd,QAAI;AAAmB,iBAAW,OAAO,QAAQ;AACjD,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,eAAe,GAAG;AAChB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,QAAI,EAAE,YAAY;AAAI,eAAS,EAAE,OAAO,KAAK;AAAA,EAC/C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,KAAK;AAC9C,WACE,4CAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,MACvC,sDAAC;AAAA,QACC,WAAS;AAAA,QACT,WAAS;AAAA,QACT,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,WAAW,KAAK;AAAA,QAChB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACF;AA1DM,iBACG,eAAe;AAAA,EACpB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAClB;AAwDF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/components/ShuttleSource.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 ShuttleSource_exports = {};
 __export(ShuttleSource_exports, {
@@ -26,7 +29,8 @@ __export(ShuttleSource_exports, {
 });
 module.exports = __toCommonJS(ShuttleSource_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = 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");
@@ -78,7 +82,10 @@ function ShuttleSource({
     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 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)();
@@ -101,62 +108,94 @@ function ShuttleSource({
   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))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleWrapper, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleHeader, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleHeaderBreadcrumb, {
+            hierarchy,
+            onNavigateTo
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleHeaderSearchToggle, {
+            buttonType: "text",
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, {}),
+            onClick: handleToggleSearch,
+            containerProps: { "data-testid": "shuttle-header-search-toggle" }
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleList, {
+        classProps: { showPulse: isMovingBack },
+        style: { pointerEvents: isMoving ? "none" : null },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleSearchBox.ShuttleSearchBox, {
+            isOpen: searching,
+            onClose: (0, import_ds_utilities.runAll)(() => toggleSearchBox(false), handleCloseSearch),
+            onFilter: (0, import_ds_utilities.runAll)(setSearchTerm, onSearch),
+            placeholder: searchPlaceholder,
+            value: searchTerm
+          }, searching),
+          hasContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.Overflow, {
+            activeHierarchy: (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
+            classProps: {
+              searching,
+              empty: isEmpty
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentList, {
+              helperClass: "drag-helper",
+              itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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
+            }, searchTerm)
+          }) : null,
+          contentIsEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.LoadingList, {
+            "data-testid": "shuttle__loading-list",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.EmptyMessage, {
+              children: emptyMessage
+            })
+          }) : null,
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.LoadingList, {
+            "data-testid": "shuttle__loading-list",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LoadingIndicator.LoadingIndicator, {})
+          }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleListPanel.ShuttleListPanel, {
+            onClick: onMoveCheckedItems,
+            open: checkedItems.length > 1,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowShortRight, {})
+          }),
+          moreItemsLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleInfiniteScrollIndicator.ShuttleInfiniteScrollIndicator, {
+            isOpen: true
+          }) : null
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleFooter, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleFooterActions, {
+            children: !!checkedItems.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+              buttonType: "link",
+              labelText: sourceClearItemsText,
+              onClick: onClearCheckedItems
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleFooterCounter, {
+            children: renderSourceCounter(checkedItems.length)
+          })
+        ]
+      })
+    ]
+  });
 }
 ShuttleSource.propTypes = {
   items: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),