@elliemae/ds-shuttle 3.4.3-rc.0 → 3.4.4-next.0

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;ACAA;AACA;AACA;AACA;AAEA,sBAAsB,EAAE,YAAY,IAAI,kBAAkB,IAAI,YAAY;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,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,UACtC,qCAAC,SAAS,KAAT;AAAA,IAAa;AAAA,IAAU;AAAA,IAAsB,OAAO;AAAA,KAClD,QACH,CACD;AACH;AAGA,IAAO,uBAAQ;",
+  "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;ACCA;AACA;AACA;AACA;AAEA,2BAA2B,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,QAAQ;AACxF,QAAM,iBAAiB,cAAc,WAAW,CAAC,SAAS,KAAK,IAAI,gBAAgB,WAAW,CAAC;AAE/F,SACE,qCAAC;AAAA,IAAI;AAAA,KACH,qCAAC;AAAA,IAAa,SAAO;AAAA,KAClB,eAAe,IAAI,CAAC,EAAE,MAAM,OAAO,UAClC,qCAAC,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;",
+  "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;ACCA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,6BAA6B,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AAEjH,MAAM,iCAAiC,CAAC,EAAE,aACxC,qCAAC;AAAA,EAA2B,YAAY,EAAE,OAAO;AAAA,EAAG,eAAa;AAAA,GAC/D,qCAAC;AAAA,EAAiC,YAAU;AAAA,EAAC,OAAM;AAAA,CAAU,CAC/D;AAIF,IAAO,yCAAQ;",
+  "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;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,kBAAkB,QAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC,iBAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC,qBAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
+  "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;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,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,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,qCAAC;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,WAAW,YAAY;AAErC,SAEE,qCAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO;AAAA,KAChF,qCAAC;AAAA,IACC,YAAY;AAAA,MACV,SAAS,UAAU,IAAI;AAAA,MACvB;AAAA,MACA,YAAY,KAAK;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,KAER,mBAAmB,qCAAC,iBAAY,GAC/B,aAAY,cAAc,qCAAC,mBAAa,KAAK,IAAK,GACpD,qCAAC;AAAA,IAAuB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,GAAM,CAC7E,GACC,eAAe,qCAAC,oBAAc,OAAQ,CACzC;AAEJ;AAGA,IAAO,0BAAQ;",
+  "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;ACCA;AACA;AACA;AACA;AAEA,+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,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,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,kBACE,qCAAC;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;",
+  "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;ACCA;AACA;AACA;AAEA,+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,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,oBAAoB,UAClB,qCAAC;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,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 {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleListPanel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,0BAA0B,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,YAAY;AAC1E,SACE,qCAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,KAC1B,qCAAC;AAAA,IAAS,YAAW;AAAA,IAAO,MAAM;AAAA,IAAU;AAAA,IAAkB,eAAY;AAAA,GAAiB,CAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,oBAAoB,eAAe;AAE5C,SAAS,iBAAiB,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,GAAG;AAC1E,SACE,oBAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,IAC1B,8BAAC;AAAA,MAAS,YAAW;AAAA,MAAO,MAAM;AAAA,MAAU;AAAA,MAAkB,eAAY;AAAA,KAAiB;AAAA,GAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleSearchBox.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { Component } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Component } from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { debounce } from "@elliemae/ds-utilities";
 import { DSTextBox } from "@elliemae/ds-form";
@@ -44,17 +45,18 @@ class ShuttleSearchBox extends Component {
   render() {
     const { value } = this.state;
     const { isOpen, onClose, placeholder } = this.props;
-    return /* @__PURE__ */ React2.createElement(SearchBoxContainer, {
-      classProps: { isOpen }
-    }, /* @__PURE__ */ React2.createElement(DSTextBox, {
-      autoFocus: true,
-      clearable: true,
-      onChange: this.handleChange,
-      onClear: onClose,
-      onKeyDown: this.handleKeyPress,
-      placeholder,
-      value
-    }));
+    return /* @__PURE__ */ jsx(SearchBoxContainer, {
+      classProps: { isOpen },
+      children: /* @__PURE__ */ jsx(DSTextBox, {
+        autoFocus: true,
+        clearable: true,
+        onChange: this.handleChange,
+        onClear: onClose,
+        onKeyDown: this.handleKeyPress,
+        placeholder,
+        value
+      })
+    });
   }
 }
 ShuttleSearchBox.defaultProps = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleSearchBox.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,aAAa,SAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,UAAU;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,qCAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,OACvC,qCAAC;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,YAAY,WAAW;ACAvB;AACA,SAAgB,iBAAiB;AACjC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,aAAa,SAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,UAAU;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,oBAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,MACvC,8BAAC;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": []
 }