@elliemae/ds-shuttle 3.5.0-rc.9 → 3.6.0-next.0

package/dist/esm/ShuttleRenderer.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useContext } from "react";
 import { ShuttleSource } from "./components/ShuttleSource";
 import { ShuttleTarget } from "./components/ShuttleTarget";
 import { ShuttleContainer } from "./classedComponents";
@@ -48,72 +49,76 @@ function ShuttleRenderer({
   const removeAnimationState = useCallback(
     () => setTimeout(() => reset(), 500)
   );
-  return /* @__PURE__ */ React2.createElement(ShuttleContainer, {
+  return /* @__PURE__ */ jsxs(ShuttleContainer, {
     "data-testid": "em-ds-shuttle",
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(ShuttleSource, {
-    ...otherProps,
-    checkedItems,
-    composeSourceItemProps,
-    emptyMessage: sourceEmptyMessage,
-    hierarchy,
-    items: sourceItems,
-    onCheckItem,
-    onClearCheckedItems,
-    onMoveCheckedItems: (item) => {
-      setIsMoving(true);
-      onMoveCheckedItems(item);
-    },
-    onMoveItem: (item) => {
-      setIsMoving(true);
-      onMoveItemToTarget(item);
-      removeAnimationState();
-    },
-    onNavigateTo: (item, direction = "down") => {
-      const indexInHierarchy = hierarchy.findIndex(
-        (hItem) => hItem.id === item.id
-      );
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnSourceTo(item, direction);
-    },
-    onSearch,
-    onSearchClose,
-    onSearchOpen,
-    onSortEnd: onSourceSortEnd,
-    onToggleSearch,
-    searching,
-    sourceSortable,
-    loading: loadingSource,
-    onGetMoreItems,
-    moreItemsLoading,
-    hasNextPage
-  }), /* @__PURE__ */ React2.createElement(ShuttleTarget, {
-    ...otherProps,
-    composeTargetItemProps,
-    emptyMessage: targetEmptyMessage,
-    hierarchy: hierarchyDest,
-    items: targetItems,
-    onClearMovedItems: () => {
-      setIsMovingBack(true);
-      removeAnimationState();
-      onClearMovedItems();
-    },
-    onMoveItem: (item) => {
-      setIsMovingBack(true);
-      removeAnimationState();
-      onMoveItemToSource(item);
-    },
-    onNavigateTo: (item, direction = "down") => {
-      const indexInHierarchy = hierarchyDest.findIndex(
-        (hItem) => hItem.id === item.id
-      );
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnTargetTo(item, direction);
-    },
-    onSortEnd: onTargetSortEnd,
-    targetSortable,
-    loading: loadingTarget
-  }));
+    ...containerProps,
+    children: [
+      /* @__PURE__ */ jsx(ShuttleSource, {
+        ...otherProps,
+        checkedItems,
+        composeSourceItemProps,
+        emptyMessage: sourceEmptyMessage,
+        hierarchy,
+        items: sourceItems,
+        onCheckItem,
+        onClearCheckedItems,
+        onMoveCheckedItems: (item) => {
+          setIsMoving(true);
+          onMoveCheckedItems(item);
+        },
+        onMoveItem: (item) => {
+          setIsMoving(true);
+          onMoveItemToTarget(item);
+          removeAnimationState();
+        },
+        onNavigateTo: (item, direction = "down") => {
+          const indexInHierarchy = hierarchy.findIndex(
+            (hItem) => hItem.id === item.id
+          );
+          setIsDrillingDown(indexInHierarchy === -1);
+          onNavigateOnSourceTo(item, direction);
+        },
+        onSearch,
+        onSearchClose,
+        onSearchOpen,
+        onSortEnd: onSourceSortEnd,
+        onToggleSearch,
+        searching,
+        sourceSortable,
+        loading: loadingSource,
+        onGetMoreItems,
+        moreItemsLoading,
+        hasNextPage
+      }),
+      /* @__PURE__ */ jsx(ShuttleTarget, {
+        ...otherProps,
+        composeTargetItemProps,
+        emptyMessage: targetEmptyMessage,
+        hierarchy: hierarchyDest,
+        items: targetItems,
+        onClearMovedItems: () => {
+          setIsMovingBack(true);
+          removeAnimationState();
+          onClearMovedItems();
+        },
+        onMoveItem: (item) => {
+          setIsMovingBack(true);
+          removeAnimationState();
+          onMoveItemToSource(item);
+        },
+        onNavigateTo: (item, direction = "down") => {
+          const indexInHierarchy = hierarchyDest.findIndex(
+            (hItem) => hItem.id === item.id
+          );
+          setIsDrillingDown(indexInHierarchy === -1);
+          onNavigateOnTargetTo(item, direction);
+        },
+        onSortEnd: onTargetSortEnd,
+        targetSortable,
+        loading: loadingTarget
+      })
+    ]
+  });
 }
 var ShuttleRenderer_default = ShuttleRenderer;
 export {

package/dist/esm/ShuttleRenderer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleRenderer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useCallback, useContext } from 'react';\nimport { ShuttleSource } from './components/ShuttleSource';\nimport { ShuttleTarget } from './components/ShuttleTarget';\nimport { ShuttleContainer } from './classedComponents';\nimport { AnimationState } from './AnimationState';\n\n// todo: clean methods on jsx\nconst noop = () => {};\nfunction ShuttleRenderer({\n  containerProps,\n  onNavigateOnTargetTo = noop,\n  onNavigateOnSourceTo = noop,\n  onMoveItemToSource = noop,\n  onMoveItemToTarget = noop,\n  onClearMovedItems = noop,\n  onMoveCheckedItems = noop,\n  onClearCheckedItems = noop,\n  onToggleSearch = noop,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  searching = false,\n  onCheckItem = noop,\n  hierarchy = [],\n  hierarchyDest = [],\n  checkedItems = [],\n  sourceItems = [],\n  targetItems = [],\n  sourceEmptyMessage,\n  targetEmptyMessage,\n  composeTargetItemProps,\n  composeSourceItemProps,\n  targetSortable,\n  sourceSortable,\n  onSourceSortEnd,\n  onTargetSortEnd,\n  loadingSource = false,\n  loadingTarget = false,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n  ...otherProps\n}) {\n  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(\n    AnimationState.Context,\n  );\n\n  const removeAnimationState = useCallback(() =>\n    setTimeout(() => reset(), 500),\n  );\n\n  return (\n    <ShuttleContainer data-testid=\"em-ds-shuttle\" {...containerProps}>\n      <ShuttleSource\n        {...otherProps}\n        checkedItems={checkedItems}\n        composeSourceItemProps={composeSourceItemProps}\n        emptyMessage={sourceEmptyMessage}\n        hierarchy={hierarchy}\n        items={sourceItems}\n        onCheckItem={onCheckItem}\n        onClearCheckedItems={onClearCheckedItems}\n        onMoveCheckedItems={(item) => {\n          setIsMoving(true);\n          onMoveCheckedItems(item);\n        }}\n        onMoveItem={(item) => {\n          setIsMoving(true);\n          onMoveItemToTarget(item);\n          removeAnimationState();\n        }}\n        onNavigateTo={(item, direction = 'down') => {\n          const indexInHierarchy = hierarchy.findIndex(\n            (hItem) => hItem.id === item.id,\n          );\n          setIsDrillingDown(indexInHierarchy === -1);\n          onNavigateOnSourceTo(item, direction);\n        }}\n        onSearch={onSearch}\n        onSearchClose={onSearchClose}\n        onSearchOpen={onSearchOpen}\n        onSortEnd={onSourceSortEnd}\n        onToggleSearch={onToggleSearch}\n        searching={searching}\n        sourceSortable={sourceSortable}\n        loading={loadingSource}\n        onGetMoreItems={onGetMoreItems}\n        moreItemsLoading={moreItemsLoading}\n        hasNextPage={hasNextPage}\n      />\n      <ShuttleTarget\n        {...otherProps}\n        composeTargetItemProps={composeTargetItemProps}\n        emptyMessage={targetEmptyMessage}\n        hierarchy={hierarchyDest}\n        items={targetItems}\n        onClearMovedItems={() => {\n          setIsMovingBack(true);\n          removeAnimationState();\n          onClearMovedItems();\n        }}\n        onMoveItem={(item) => {\n          setIsMovingBack(true);\n          removeAnimationState();\n          onMoveItemToSource(item);\n        }}\n        onNavigateTo={(item, direction = 'down') => {\n          const indexInHierarchy = hierarchyDest.findIndex(\n            (hItem) => hItem.id === item.id,\n          );\n          setIsDrillingDown(indexInHierarchy === -1);\n          onNavigateOnTargetTo(item, direction);\n        }}\n        onSortEnd={onTargetSortEnd}\n        targetSortable={targetSortable}\n        loading={loadingTarget}\n      />\n    </ShuttleContainer>\n  );\n}\n\nexport { ShuttleRenderer };\nexport default ShuttleRenderer;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,OAAOA,UAAS,aAAa,kBAAkB;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAG/B,MAAM,OAAO,MAAM;AAAC;AACpB,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY,CAAC;AAAA,EACb,gBAAgB,CAAC;AAAA,EACjB,eAAe,CAAC;AAAA,EAChB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,mBAAmB;AAAA,EACnB,cAAc;AAAA,KACX;AACL,GAAG;AACD,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,MAAM,IAAI;AAAA,IACjE,eAAe;AAAA,EACjB;AAEA,QAAM,uBAAuB;AAAA,IAAY,MACvC,WAAW,MAAM,MAAM,GAAG,GAAG;AAAA,EAC/B;AAEA,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAiB,eAAY;AAAA,IAAiB,GAAG;AAAA,KAChD,gBAAAA,OAAA,cAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,oBAAoB,CAAC,SAAS;AAC5B,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AAAA,IACzB;AAAA,IACA,YAAY,CAAC,SAAS;AACpB,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AACvB,2BAAqB;AAAA,IACvB;AAAA,IACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,UAAU;AAAA,QACjC,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,MAC/B;AACA,wBAAkB,qBAAqB,EAAE;AACzC,2BAAqB,MAAM,SAAS;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB,MAAM;AACvB,sBAAgB,IAAI;AACpB,2BAAqB;AACrB,wBAAkB;AAAA,IACpB;AAAA,IACA,YAAY,CAAC,SAAS;AACpB,sBAAgB,IAAI;AACpB,2BAAqB;AACrB,yBAAmB,IAAI;AAAA,IACzB;AAAA,IACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,cAAc;AAAA,QACrC,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,MAC/B;AACA,wBAAkB,qBAAqB,EAAE;AACzC,2BAAqB,MAAM,SAAS;AAAA,IACtC;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,GACX,CACF;AAEJ;AAGA,IAAO,0BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAG/B,MAAM,OAAO,MAAM;AAAC;AACpB,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY,CAAC;AAAA,EACb,gBAAgB,CAAC;AAAA,EACjB,eAAe,CAAC;AAAA,EAChB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,mBAAmB;AAAA,EACnB,cAAc;AAAA,KACX;AACL,GAAG;AACD,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,MAAM,IAAI;AAAA,IACjE,eAAe;AAAA,EACjB;AAEA,QAAM,uBAAuB;AAAA,IAAY,MACvC,WAAW,MAAM,MAAM,GAAG,GAAG;AAAA,EAC/B;AAEA,SACE,qBAAC;AAAA,IAAiB,eAAY;AAAA,IAAiB,GAAG;AAAA,IAChD;AAAA,0BAAC;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,oBAAoB,CAAC,SAAS;AAC5B,sBAAY,IAAI;AAChB,6BAAmB,IAAI;AAAA,QACzB;AAAA,QACA,YAAY,CAAC,SAAS;AACpB,sBAAY,IAAI;AAChB,6BAAmB,IAAI;AACvB,+BAAqB;AAAA,QACvB;AAAA,QACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,gBAAM,mBAAmB,UAAU;AAAA,YACjC,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,UAC/B;AACA,4BAAkB,qBAAqB,EAAE;AACzC,+BAAqB,MAAM,SAAS;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,MACA,oBAAC;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,cAAc;AAAA,QACd,WAAW;AAAA,QACX,OAAO;AAAA,QACP,mBAAmB,MAAM;AACvB,0BAAgB,IAAI;AACpB,+BAAqB;AACrB,4BAAkB;AAAA,QACpB;AAAA,QACA,YAAY,CAAC,SAAS;AACpB,0BAAgB,IAAI;AACpB,+BAAqB;AACrB,6BAAmB,IAAI;AAAA,QACzB;AAAA,QACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,gBAAM,mBAAmB,cAAc;AAAA,YACrC,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,UAC/B;AACA,4BAAkB,qBAAqB,EAAE;AACzC,+BAAqB,MAAM,SAAS;AAAA,QACtC;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,SAAS;AAAA,OACX;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,0BAAQ;",
+  "names": []
 }

package/dist/esm/components/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
 import { styled } from "@elliemae/ds-system";
 const Wrapper = styled.div`
@@ -9,12 +9,13 @@ const Wrapper = styled.div`
   width: 100%;
   height: 100%;
 `;
-const LoadingIndicator = () => /* @__PURE__ */ React2.createElement(Wrapper, {
-  "data-testid": "shuttle__loading-indicator"
-}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
-  size: "xl",
-  showLabel: true
-}));
+const LoadingIndicator = () => /* @__PURE__ */ jsx(Wrapper, {
+  "data-testid": "shuttle__loading-indicator",
+  children: /* @__PURE__ */ jsx(DSCircularProgressIndicator, {
+    size: "xl",
+    showLabel: true
+  })
+});
 var LoadingIndicator_default = LoadingIndicator;
 export {
   LoadingIndicator,

package/dist/esm/components/LoadingIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/LoadingIndicator.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"shuttle__loading-indicator\">\n    <DSCircularProgressIndicator size=\"xl\" showLabel />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,mCAAmC;AAC5C,SAAS,cAAc;AAEvB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,gBAAAA,OAAA,cAAC;AAAA,EAAQ,eAAY;AAAA,GACnB,gBAAAA,OAAA,cAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,WAAS;AAAA,CAAC,CACnD;AAIF,IAAO,2BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,mCAAmC;AAC5C,SAAS,cAAc;AAEvB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,oBAAC;AAAA,EAAQ,eAAY;AAAA,EACnB,8BAAC;AAAA,IAA4B,MAAK;AAAA,IAAK,WAAS;AAAA,GAAC;AAAA,CACnD;AAIF,IAAO,2BAAQ;",
+  "names": []
 }

package/dist/esm/components/OverflowList.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { useTransition, animated } from "react-spring/web";
 import { animationConfig } from "../animation/animationConfig";
 import { AnimationState } from "../AnimationState";
@@ -12,11 +13,11 @@ function OverflowList({ className = "", activeHierarchy = "", children }) {
     ...animationConfig.moveList(isDrillingDown),
     onDestroyed: () => setIsDrillingDown(false)
   });
-  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ React2.createElement(animated.div, {
-    key,
+  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ jsx(animated.div, {
     className,
-    style: props
-  }, children));
+    style: props,
+    children
+  }, key));
 }
 var OverflowList_default = OverflowList;
 export {

package/dist/esm/components/OverflowList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/OverflowList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { animationConfig } from '../animation/animationConfig';\nimport { AnimationState } from '../AnimationState';\n\nfunction OverflowList({ className = '', activeHierarchy = '', children }) {\n  const {\n    state: { isDrillingDown = false },\n    setIsDrillingDown,\n  } = useContext(AnimationState.Context);\n\n  const overflowTransition = useTransition(activeHierarchy, null, {\n    ...animationConfig.moveList(isDrillingDown),\n    onDestroyed: () => setIsDrillingDown(false),\n  });\n  return overflowTransition.map(({ props, key }) => (\n    <animated.div key={key} className={className} style={props}>\n      {children}\n    </animated.div>\n  ));\n}\n\nexport { OverflowList };\nexport default OverflowList;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,eAAe,gBAAgB;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,aAAa,EAAE,YAAY,IAAI,kBAAkB,IAAI,SAAS,GAAG;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,MAAM;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,QAAM,qBAAqB,cAAc,iBAAiB,MAAM;AAAA,IAC9D,GAAG,gBAAgB,SAAS,cAAc;AAAA,IAC1C,aAAa,MAAM,kBAAkB,KAAK;AAAA,EAC5C,CAAC;AACD,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,IAAI,MAC1C,gBAAAA,OAAA,cAAC,SAAS,KAAT;AAAA,IAAa;AAAA,IAAU;AAAA,IAAsB,OAAO;AAAA,KAClD,QACH,CACD;AACH;AAGA,IAAO,uBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,eAAe,gBAAgB;AACxC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,aAAa,EAAE,YAAY,IAAI,kBAAkB,IAAI,SAAS,GAAG;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,MAAM;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,QAAM,qBAAqB,cAAc,iBAAiB,MAAM;AAAA,IAC9D,GAAG,gBAAgB,SAAS,cAAc;AAAA,IAC1C,aAAa,MAAM,kBAAkB,KAAK;AAAA,EAC5C,CAAC;AACD,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,IAAI,MAC1C,oBAAC,SAAS,KAAT;AAAA,IAAuB;AAAA,IAAsB,OAAO;AAAA,IAClD;AAAA,KADgB,GAEnB,CACD;AACH;AAGA,IAAO,uBAAQ;",
+  "names": []
 }

package/dist/esm/components/ShuttleBreadcrumb.js

@@ -1,21 +1,22 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { useTransition, animated } from "react-spring/web";
 import { DSBreadcrumb } from "@elliemae/ds-breadcrumb";
 import { animationConfig } from "../animation/animationConfig";
 function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () => null }) {
   const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());
-  return /* @__PURE__ */ React2.createElement("div", {
-    className
-  }, /* @__PURE__ */ React2.createElement(DSBreadcrumb, {
-    isTitle: true
-  }, animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
-    key,
-    containerComponent: animated.li,
-    label: item.name,
-    onClick: () => onNavigateTo(item, "up"),
-    style: props
-  }))));
+  return /* @__PURE__ */ jsx("div", {
+    className,
+    children: /* @__PURE__ */ jsx(DSBreadcrumb, {
+      isTitle: true,
+      children: animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ jsx(DSBreadcrumb.Item, {
+        containerComponent: animated.li,
+        label: item.name,
+        onClick: () => onNavigateTo(item, "up"),
+        style: props
+      }, key))
+    })
+  });
 }
 var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
 export {

package/dist/esm/components/ShuttleBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { animationConfig } from '../animation/animationConfig';\n\nfunction ShuttleBreadcrumb({ className = '', hierarchy = [], onNavigateTo = () => null }) {\n  const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());\n\n  return (\n    <div className={className}>\n      <DSBreadcrumb isTitle>\n        {animatedCrumbs.map(({ item, props, key }) => (\n          <DSBreadcrumb.Item\n            key={key}\n            containerComponent={animated.li}\n            label={item.name}\n            onClick={() => onNavigateTo(item, 'up')}\n            style={props}\n          />\n        ))}\n      </DSBreadcrumb>\n    </div>\n  );\n}\n\nexport { ShuttleBreadcrumb };\nexport default ShuttleBreadcrumb;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,eAAe,gBAAgB;AACxC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,KAAK,GAAG;AACxF,QAAM,iBAAiB,cAAc,WAAW,CAAC,SAAS,KAAK,IAAI,gBAAgB,WAAW,CAAC;AAE/F,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAI;AAAA,KACH,gBAAAA,OAAA,cAAC;AAAA,IAAa,SAAO;AAAA,KAClB,eAAe,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,MACtC,gBAAAA,OAAA,cAAC,aAAa,MAAb;AAAA,IACC;AAAA,IACA,oBAAoB,SAAS;AAAA,IAC7B,OAAO,KAAK;AAAA,IACZ,SAAS,MAAM,aAAa,MAAM,IAAI;AAAA,IACtC,OAAO;AAAA,GACT,CACD,CACH,CACF;AAEJ;AAGA,IAAO,4BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,eAAe,gBAAgB;AACxC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,KAAK,GAAG;AACxF,QAAM,iBAAiB,cAAc,WAAW,CAAC,SAAS,KAAK,IAAI,gBAAgB,WAAW,CAAC;AAE/F,SACE,oBAAC;AAAA,IAAI;AAAA,IACH,8BAAC;AAAA,MAAa,SAAO;AAAA,MAClB,yBAAe,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,MACtC,oBAAC,aAAa,MAAb;AAAA,QAEC,oBAAoB,SAAS;AAAA,QAC7B,OAAO,KAAK;AAAA,QACZ,SAAS,MAAM,aAAa,MAAM,IAAI;AAAA,QACtC,OAAO;AAAA,SAJF,GAKP,CACD;AAAA,KACH;AAAA,GACF;AAEJ;AAGA,IAAO,4BAAQ;",
+  "names": []
 }

package/dist/esm/components/ShuttleInfiniteScrollIndicator.js

@@ -1,16 +1,17 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { DSIndeterminateProgressIndicator } from "@elliemae/ds-indeterminate-progress-indicator";
 const blockName = "shuttle-infinite-scroll-indicator";
 const InfiniteScrollBarContainer = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
-const ShuttleInfiniteScrollIndicator = ({ isOpen }) => /* @__PURE__ */ React2.createElement(InfiniteScrollBarContainer, {
+const ShuttleInfiniteScrollIndicator = ({ isOpen }) => /* @__PURE__ */ jsx(InfiniteScrollBarContainer, {
   classProps: { isOpen },
-  "data-testid": blockName
-}, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
-  processing: true,
-  title: "Loading"
-}));
+  "data-testid": blockName,
+  children: /* @__PURE__ */ jsx(DSIndeterminateProgressIndicator, {
+    processing: true,
+    title: "Loading"
+  })
+});
 var ShuttleInfiniteScrollIndicator_default = ShuttleInfiniteScrollIndicator;
 export {
   ShuttleInfiniteScrollIndicator,

package/dist/esm/components/ShuttleInfiniteScrollIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleInfiniteScrollIndicator.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\n\nconst blockName = 'shuttle-infinite-scroll-indicator';\n\nconst InfiniteScrollBarContainer = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\n\nconst ShuttleInfiniteScrollIndicator = ({ isOpen }) => (\n  <InfiniteScrollBarContainer classProps={{ isOpen }} data-testid={blockName}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </InfiniteScrollBarContainer>\n);\n\nexport { ShuttleInfiniteScrollIndicator };\nexport default ShuttleInfiniteScrollIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,wCAAwC;AAEjD,MAAM,YAAY;AAElB,MAAM,6BAA6B,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEjH,MAAM,iCAAiC,CAAC,EAAE,OAAO,MAC/C,gBAAAA,OAAA,cAAC;AAAA,EAA2B,YAAY,EAAE,OAAO;AAAA,EAAG,eAAa;AAAA,GAC/D,gBAAAA,OAAA,cAAC;AAAA,EAAiC,YAAU;AAAA,EAAC,OAAM;AAAA,CAAU,CAC/D;AAIF,IAAO,yCAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,yBAAyB;AAClC,SAAS,wCAAwC;AAEjD,MAAM,YAAY;AAElB,MAAM,6BAA6B,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEjH,MAAM,iCAAiC,CAAC,EAAE,OAAO,MAC/C,oBAAC;AAAA,EAA2B,YAAY,EAAE,OAAO;AAAA,EAAG,eAAa;AAAA,EAC/D,8BAAC;AAAA,IAAiC,YAAU;AAAA,IAAC,OAAM;AAAA,GAAU;AAAA,CAC/D;AAIF,IAAO,yCAAQ;",
+  "names": []
 }

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

@@ -1,23 +1,23 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { DSButton } from "@elliemae/ds-button";
 import { ArrowShortRight, ArrowShortReturn, CloseCircle } from "@elliemae/ds-icons";
 const ActionButton = aggregatedClasses(DSButton)("shuttle-list-item", "action-button");
-const DeleteButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
+const DeleteButton = (props) => /* @__PURE__ */ jsx(ActionButton, {
   buttonType: "text",
-  icon: /* @__PURE__ */ React2.createElement(CloseCircle, null),
+  icon: /* @__PURE__ */ jsx(CloseCircle, {}),
   ...props
 });
-const MoveButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
+const MoveButton = (props) => /* @__PURE__ */ jsx(ActionButton, {
   buttonType: "text",
-  icon: /* @__PURE__ */ React2.createElement(ArrowShortRight, null),
+  icon: /* @__PURE__ */ jsx(ArrowShortRight, {}),
   ...props,
   containerProps: { "data-testid": "ds-shuttle__move-button" }
 });
-const DrillDownButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
+const DrillDownButton = (props) => /* @__PURE__ */ jsx(ActionButton, {
   buttonType: "text",
-  icon: /* @__PURE__ */ React2.createElement(ArrowShortReturn, {
+  icon: /* @__PURE__ */ jsx(ArrowShortReturn, {
     "data-testid": "shuttle__drill-btn-icon"
   }),
   ...props,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ActionButtons.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB,kBAAkB,mBAAmB;AAE/D,MAAM,eAAe,kBAAkB,QAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,gBAAAA,OAAA,cAAC,iBAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,gBAAAA,OAAA,cAAC,qBAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,gBAAAA,OAAA,cAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,gBAAAA,OAAA,cAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB,kBAAkB,mBAAmB;AAE/D,MAAM,eAAe,kBAAkB,QAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,oBAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,oBAAC,eAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,oBAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,oBAAC,mBAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,oBAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,oBAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
+  "names": []
 }

package/dist/esm/components/ShuttleListItem/ShuttleListItem.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { ThemeContext } from "@elliemae/ds-system";
 import { animated } from "react-spring/web";
@@ -16,7 +17,7 @@ const Content = aggregatedClasses("label")(blockName, "content", ({ isChecked, c
   "can-hover": canMove,
   "read-only": isReadonly
 }));
-const SortHandler = sortableHandle(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
+const SortHandler = sortableHandle(() => /* @__PURE__ */ jsx(GripperVertical, {
   className: "gripper"
 }));
 function ShuttleListItem({
@@ -32,21 +33,34 @@ function ShuttleListItem({
   ...rest
 }) {
   const theme = useContext(ThemeContext);
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
+  return /* @__PURE__ */ jsxs(Wrapper, {
     ...rest,
     role: "listitem",
-    style: { ...style, zIndex: theme.zIndex.dialog }
-  }, /* @__PURE__ */ React2.createElement(Content, {
-    classProps: {
-      canMove: isMovable(item),
-      isChecked,
-      isReadonly: item.readyOnly
-    },
-    onClick: onSelect
-  }, showSortHandler && /* @__PURE__ */ React2.createElement(SortHandler, null), (showIcon || showIcons) && /* @__PURE__ */ React2.createElement(IconWrapper, null, item.icon), /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    className: "shuttle-tooltip-text",
-    value: item.name
-  })), showActions && /* @__PURE__ */ React2.createElement(ActionsGroup, null, actions));
+    style: { ...style, zIndex: theme.zIndex.dialog },
+    children: [
+      /* @__PURE__ */ jsxs(Content, {
+        classProps: {
+          canMove: isMovable(item),
+          isChecked,
+          isReadonly: item.readyOnly
+        },
+        onClick: onSelect,
+        children: [
+          showSortHandler && /* @__PURE__ */ jsx(SortHandler, {}),
+          (showIcon || showIcons) && /* @__PURE__ */ jsx(IconWrapper, {
+            children: item.icon
+          }),
+          /* @__PURE__ */ jsx(DSTruncatedTooltipText, {
+            className: "shuttle-tooltip-text",
+            value: item.name
+          })
+        ]
+      }),
+      showActions && /* @__PURE__ */ jsx(ActionsGroup, {
+        children: actions
+      })
+    ]
+  });
 }
 var ShuttleListItem_default = ShuttleListItem;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,EAAE,EAAE,SAAS;AACxD,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,UAAU,kBAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,WAAW,OAAO;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,gBAAAA,OAAA,cAAC;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,QAAQ,WAAW,YAAY;AAErC,SAEE,gBAAAA,OAAA,cAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO;AAAA,KAChF,gBAAAA,OAAA,cAAC;AAAA,IACC,YAAY;AAAA,MACV,SAAS,UAAU,IAAI;AAAA,MACvB;AAAA,MACA,YAAY,KAAK;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,KAER,mBAAmB,gBAAAA,OAAA,cAAC,iBAAY,IAC/B,YAAY,cAAc,gBAAAA,OAAA,cAAC,mBAAa,KAAK,IAAK,GACpD,gBAAAA,OAAA,cAAC;AAAA,IAAuB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,GAAM,CAC7E,GACC,eAAe,gBAAAA,OAAA,cAAC,oBAAc,OAAQ,CACzC;AAEJ;AAGA,IAAO,0BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,kBAAkB;AAClC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,EAAE,EAAE,SAAS;AACxD,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,UAAU,kBAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,WAAW,OAAO;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,oBAAC;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,QAAQ,WAAW,YAAY;AAErC,SAEE,qBAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO;AAAA,IAChF;AAAA,2BAAC;AAAA,QACC,YAAY;AAAA,UACV,SAAS,UAAU,IAAI;AAAA,UACvB;AAAA,UACA,YAAY,KAAK;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,QAER;AAAA,6BAAmB,oBAAC,eAAY;AAAA,WAC/B,YAAY,cAAc,oBAAC;AAAA,YAAa,eAAK;AAAA,WAAK;AAAA,UACpD,oBAAC;AAAA,YAAuB,WAAU;AAAA,YAAuB,OAAO,KAAK;AAAA,WAAM;AAAA;AAAA,OAC7E;AAAA,MACC,eAAe,oBAAC;AAAA,QAAc;AAAA,OAAQ;AAAA;AAAA,GACzC;AAEJ;AAGA,IAAO,0BAAQ;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useCallback, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
 import { isMovable } from "../../helper";
 import { DrillDownButton, MoveButton } from "./ActionButtons";
 import { ShuttleListItem } from "./ShuttleListItem";
@@ -33,20 +34,18 @@ function ShuttleSourceListItem({
       setClicked(true);
     }
   };
-  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
+  return /* @__PURE__ */ jsx(ShuttleListItem, {
     ...rest,
     actions: [
-      showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
-        key: "drill-down",
+      showDrillDownButton && /* @__PURE__ */ jsx(DrillDownButton, {
         disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
         onClick: navigateOnSourceTo
-      }),
-      showMoveButton && /* @__PURE__ */ React2.createElement(MoveButton, {
+      }, "drill-down"),
+      showMoveButton && /* @__PURE__ */ jsx(MoveButton, {
         "data-testid": "ds-shuttle__move-button",
-        key: "move",
         disabled: !isMovable(item) || item.readOnly,
         onClick: handleOnClick
-      })
+      }, "move")
     ],
     isChecked,
     item,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleSourceListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,UAAU,aAAa,iBAAiB;AACxD,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB,kBAAkB;AAC5C,SAAS,uBAAuB;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,IAAI,SAAS,KAAK;AAC5C,QAAM,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,YAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,QAAM,YAAY,YAAY,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,gBAAAA,OAAA,cAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,gBAAAA,OAAA,cAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,kBACE,gBAAAA,OAAA,cAAC;AAAA,QACC,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,UAAU,IAAI,KAAK,KAAK;AAAA,QACnC,SAAS;AAAA,OACX;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;AAGA,IAAO,gCAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,UAAU,aAAa,iBAAiB;AACxD,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB,kBAAkB;AAC5C,SAAS,uBAAuB;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,IAAI,SAAS,KAAK;AAC5C,QAAM,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,YAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,QAAM,YAAY,YAAY,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,oBAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,oBAAC;AAAA,QAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,SANL,YAON;AAAA,MAEF,kBACE,oBAAC;AAAA,QACC,eAAY;AAAA,QAEZ,UAAU,CAAC,UAAU,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/esm/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DeleteButton, DrillDownButton } from "./ActionButtons";
 import { ShuttleListItem } from "./ShuttleListItem";
 function ShuttleTargetListItem({
@@ -17,20 +18,18 @@ function ShuttleTargetListItem({
   const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [
     item
   ]);
-  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
+  return /* @__PURE__ */ jsx(ShuttleListItem, {
     ...rest,
     actions: [
-      showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
-        key: "drill-down",
+      showDrillDownButton && /* @__PURE__ */ jsx(DrillDownButton, {
         disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
         onClick: navigateOnTargetTo
-      }),
-      showDeleteButton && isRoot && /* @__PURE__ */ React2.createElement(DeleteButton, {
-        key: "delete",
+      }, "drill-down"),
+      showDeleteButton && isRoot && /* @__PURE__ */ jsx(DeleteButton, {
         disabled: item.readOnly,
         onClick: moveToSource,
         "data-testid": "ds-shuttle__close-button"
-      })
+      }, "delete")
     ],
     item,
     showActions

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleTargetListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,cAAc,uBAAuB;AAC9C,SAAS,uBAAuB;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,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,gBAAAA,OAAA,cAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,gBAAAA,OAAA,cAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,oBAAoB,UAClB,gBAAAA,OAAA,cAAC;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;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,mBAAmB;AACnC,SAAS,cAAc,uBAAuB;AAC9C,SAAS,uBAAuB;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,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,oBAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,oBAAC;AAAA,QAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,SANL,YAON;AAAA,MAEF,oBAAoB,UAClB,oBAAC;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/esm/components/ShuttleListPanel.js

@@ -1,16 +1,17 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSButton } from "@elliemae/ds-button";
 import { ShuttleListPanel as Wrapper } from "../classedComponents";
 function ShuttleListPanel({ onClick = () => null, open = false, children }) {
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    classProps: { open }
-  }, /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    icon: children,
-    onClick,
-    "data-testid": "list-panel-btn"
-  }));
+  return /* @__PURE__ */ jsx(Wrapper, {
+    classProps: { open },
+    children: /* @__PURE__ */ jsx(DSButton, {
+      buttonType: "text",
+      icon: children,
+      onClick,
+      "data-testid": "list-panel-btn"
+    })
+  });
 }
 var ShuttleListPanel_default = ShuttleListPanel;
 export {