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

package/dist/esm/ShuttleRenderer.js

@@ -0,0 +1,176 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useCallback, useContext } from "react";
+import { ShuttleSource } from "./components/ShuttleSource";
+import { ShuttleTarget } from "./components/ShuttleTarget";
+import { ShuttleContainer } from "./classedComponents";
+import { AnimationState } from "./AnimationState";
+const noop = () => {
+};
+function ShuttleRenderer(_a) {
+  var _b = _a, {
+    containerProps,
+    onNavigateOnTargetTo = noop,
+    onNavigateOnSourceTo = noop,
+    onMoveItemToSource = noop,
+    onMoveItemToTarget = noop,
+    onClearMovedItems = noop,
+    onMoveCheckedItems = noop,
+    onClearCheckedItems = noop,
+    onToggleSearch = noop,
+    onSearch = noop,
+    onSearchClose = noop,
+    onSearchOpen = noop,
+    searching = false,
+    onCheckItem = noop,
+    hierarchy = [],
+    hierarchyDest = [],
+    checkedItems = [],
+    sourceItems = [],
+    targetItems = [],
+    sourceEmptyMessage,
+    targetEmptyMessage,
+    composeTargetItemProps,
+    composeSourceItemProps,
+    targetSortable,
+    sourceSortable,
+    onSourceSortEnd,
+    onTargetSortEnd,
+    loadingSource = false,
+    loadingTarget = false,
+    onGetMoreItems = () => {
+    },
+    moreItemsLoading = false,
+    hasNextPage = false
+  } = _b, otherProps = __objRest(_b, [
+    "containerProps",
+    "onNavigateOnTargetTo",
+    "onNavigateOnSourceTo",
+    "onMoveItemToSource",
+    "onMoveItemToTarget",
+    "onClearMovedItems",
+    "onMoveCheckedItems",
+    "onClearCheckedItems",
+    "onToggleSearch",
+    "onSearch",
+    "onSearchClose",
+    "onSearchOpen",
+    "searching",
+    "onCheckItem",
+    "hierarchy",
+    "hierarchyDest",
+    "checkedItems",
+    "sourceItems",
+    "targetItems",
+    "sourceEmptyMessage",
+    "targetEmptyMessage",
+    "composeTargetItemProps",
+    "composeSourceItemProps",
+    "targetSortable",
+    "sourceSortable",
+    "onSourceSortEnd",
+    "onTargetSortEnd",
+    "loadingSource",
+    "loadingTarget",
+    "onGetMoreItems",
+    "moreItemsLoading",
+    "hasNextPage"
+  ]);
+  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(AnimationState.Context);
+  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));
+  return /* @__PURE__ */ React2.createElement(ShuttleContainer, __spreadValues({
+    "data-testid": "em-ds-shuttle"
+  }, containerProps), /* @__PURE__ */ React2.createElement(ShuttleSource, __spreadProps(__spreadValues({}, 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, __spreadProps(__spreadValues({}, 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 {
+  ShuttleRenderer,
+  ShuttleRenderer_default as default
+};
+//# sourceMappingURL=ShuttleRenderer.js.map

package/dist/esm/ShuttleRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "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;ACEA;AACA;AACA;AACA;AACA;AAGA,MAAM,OAAO,MAAM;AAAA;AACnB,yBAAyB,IAkCtB;AAlCsB,eACvB;AAAA;AAAA,IACA,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,iBAAiB,MAAM;AAAA;AAAA,IACvB,mBAAmB;AAAA,IACnB,cAAc;AAAA,MAhCS,IAiCpB,uBAjCoB,IAiCpB;AAAA,IAhCH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,UAAU,WACjE,eAAe;AAGjB,QAAM,uBAAuB,YAAY,MACvC,WAAW,MAAM,SAAS;AAG5B,SACE,qCAAC,kBAAD;AAAA,IAAkB,eAAY;AAAA,KAAoB,iBAChD,qCAAC,eAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,oBAAoB,CAAC,SAAS;AAC5B,kBAAY;AACZ,yBAAmB;AAAA;AAAA,IAErB,YAAY,CAAC,SAAS;AACpB,kBAAY;AACZ,yBAAmB;AACnB;AAAA;AAAA,IAEF,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,UAAU,UACjC,CAAC,UAAU,MAAM,OAAO,KAAK;AAE/B,wBAAkB,qBAAqB;AACvC,2BAAqB,MAAM;AAAA;AAAA,IAE7B;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,OAEF,qCAAC,eAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB,MAAM;AACvB,sBAAgB;AAChB;AACA;AAAA;AAAA,IAEF,YAAY,CAAC,SAAS;AACpB,sBAAgB;AAChB;AACA,yBAAmB;AAAA;AAAA,IAErB,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,cAAc,UACrC,CAAC,UAAU,MAAM,OAAO,KAAK;AAE/B,wBAAkB,qBAAqB;AACvC,2BAAqB,MAAM;AAAA;AAAA,IAE7B,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA;AAAA;AAOjB,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/ShuttleState.js

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { useState } from "react";
+import createContainer from "constate";
+import { getItemsById, pipe } from "./helper";
+import * as actions from "./Shuttle.actions";
+function useShuttleState() {
+  const [shuttleState, setShuttleState] = useState({
+    checkedItems: [],
+    movedItems: {},
+    hierarchy: [{ name: "Category", id: null }],
+    hierarchyDest: [{ name: "Added users", id: null }]
+  });
+  const setState = (state) => setShuttleState(state(shuttleState));
+  function setMovedItems(itemsIds = [], items = []) {
+    const itemsToMove = getItemsById(itemsIds, items);
+    const pipeActions = itemsToMove.map((item) => actions.moveItem(item, true));
+    setState(pipe([actions.resetMovedItems(), ...pipeActions]));
+  }
+  function navigate(item, dest) {
+    setState(pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
+  }
+  function resetCheckedItems() {
+    setState(actions.resetCheckedItems());
+  }
+  function resetMovedItems() {
+    setState(pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
+  }
+  function moveItem(item, dest) {
+    setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));
+  }
+  function toggleItemSelection(item) {
+    setState(actions.toggleItemSelection(item.id));
+  }
+  function moveCheckedItems(items, dest = true) {
+    const pipeActions = items.map((item) => moveItem(item, dest));
+    setState(pipe([...pipeActions, resetCheckedItems()]));
+  }
+  return {
+    state: shuttleState,
+    toggleItemSelection,
+    moveCheckedItems,
+    moveItem,
+    resetMovedItems,
+    resetCheckedItems,
+    navigate,
+    setMovedItems
+  };
+}
+const useShuttleStateHOC = createContainer(useShuttleState, (value) => [value.state]);
+var ShuttleState_default = useShuttleStateHOC;
+export {
+  useShuttleStateHOC as ShuttleState,
+  ShuttleState_default as default
+};
+//# sourceMappingURL=ShuttleState.js.map

package/dist/esm/ShuttleState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState } from 'react';\nimport createContainer from 'constate';\nimport { getItemsById, pipe } from './helper';\nimport * as actions from './Shuttle.actions';\n\nfunction useShuttleState() {\n  const [shuttleState, setShuttleState] = useState({\n    checkedItems: [],\n    movedItems: {},\n    hierarchy: [{ name: 'Category', id: null }],\n    hierarchyDest: [{ name: 'Added users', id: null }],\n  });\n\n  const setState = state => setShuttleState(state(shuttleState));\n\n  function setMovedItems(itemsIds = [], items = []) {\n    const itemsToMove = getItemsById(itemsIds, items);\n    const pipeActions = itemsToMove.map(item => actions.moveItem(item, true));\n    setState(pipe([actions.resetMovedItems(), ...pipeActions]));\n  }\n\n  function navigate(item, dest) {\n    setState(\n      pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]),\n    );\n  }\n\n  function resetCheckedItems() {\n    setState(actions.resetCheckedItems());\n  }\n\n  function resetMovedItems() {\n    setState(\n      pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]),\n    );\n  }\n\n  function moveItem(item, dest) {\n    setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));\n  }\n\n  function toggleItemSelection(item) {\n    setState(actions.toggleItemSelection(item.id));\n  }\n\n  function moveCheckedItems(items, dest = true) {\n    const pipeActions = items.map(item => moveItem(item, dest));\n    setState(pipe([...pipeActions, resetCheckedItems()]));\n  }\n\n  return {\n    state: shuttleState,\n    toggleItemSelection,\n    moveCheckedItems,\n    moveItem,\n    resetMovedItems,\n    resetCheckedItems,\n    navigate,\n    setMovedItems,\n  };\n}\n\nconst useShuttleStateHOC = createContainer(useShuttleState, value => [value.state]);\nexport { useShuttleStateHOC as ShuttleState };\nexport default useShuttleStateHOC;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,2BAA2B;AACzB,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAAA,IAC/C,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW,CAAC,EAAE,MAAM,YAAY,IAAI;AAAA,IACpC,eAAe,CAAC,EAAE,MAAM,eAAe,IAAI;AAAA;AAG7C,QAAM,WAAW,WAAS,gBAAgB,MAAM;AAEhD,yBAAuB,WAAW,IAAI,QAAQ,IAAI;AAChD,UAAM,cAAc,aAAa,UAAU;AAC3C,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM;AACnE,aAAS,KAAK,CAAC,QAAQ,mBAAmB,GAAG;AAAA;AAG/C,oBAAkB,MAAM,MAAM;AAC5B,aACE,KAAK,CAAC,QAAQ,WAAW,MAAM,OAAO,QAAQ;AAAA;AAIlD,+BAA6B;AAC3B,aAAS,QAAQ;AAAA;AAGnB,6BAA2B;AACzB,aACE,KAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,QAAQ,OAAO,QAAQ;AAAA;AAI1D,oBAAkB,MAAM,MAAM;AAC5B,aAAS,KAAK,CAAC,QAAQ,SAAS,MAAM,OAAO,QAAQ;AAAA;AAGvD,+BAA6B,MAAM;AACjC,aAAS,QAAQ,oBAAoB,KAAK;AAAA;AAG5C,4BAA0B,OAAO,OAAO,MAAM;AAC5C,UAAM,cAAc,MAAM,IAAI,UAAQ,SAAS,MAAM;AACrD,aAAS,KAAK,CAAC,GAAG,aAAa;AAAA;AAGjC,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,qBAAqB,gBAAgB,iBAAiB,WAAS,CAAC,MAAM;AAE5E,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/animation/animationConfig.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+const itemAnimationDuration = 300;
+const listAnimationDuration = 300;
+const xPosMovement = 500;
+const breadcrumbDuration = 200;
+const xBreadcrumbPos = 300;
+const animationConfig = {
+  slideRight: {
+    from: { transform: "translate3d(0,0,0)" },
+    to: { transform: `translate3d(${xPosMovement}px,0,0)` }
+  },
+  slideLeft: {
+    from: { transform: "translate3d(0,0,0)" },
+    to: { transform: `translate3d(${-xPosMovement}px,0,0)` }
+  },
+  moveItem: (isMovingLeft) => ({
+    config: { duration: itemAnimationDuration },
+    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
+    from: {
+      opacity: 1,
+      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+    },
+    leave: {
+      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+    }
+  }),
+  moveList: (isDrillingDown) => ({
+    config: { duration: listAnimationDuration },
+    enter: { opacity: 1, transform: "translate3d(0,0,0)" },
+    from: {
+      opacity: 0,
+      transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
+    },
+    leave: {
+      opacity: 0,
+      transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
+    }
+  }),
+  breadcrumb: () => ({
+    config: { duration: breadcrumbDuration },
+    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
+    from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },
+    leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` }
+  })
+};
+export {
+  animationConfig
+};
+//# sourceMappingURL=animationConfig.js.map

package/dist/esm/animation/animationConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/animation/animationConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// shuttle list and items constants\nconst itemAnimationDuration = 300;\nconst listAnimationDuration = 300;\nconst xPosMovement = 500;\n\n// breadcrumb constants\nconst breadcrumbDuration = 200;\nconst xBreadcrumbPos = 300;\n\nexport const animationConfig = {\n  slideRight: {\n    from: { transform: 'translate3d(0,0,0)' },\n    to: { transform: `translate3d(${xPosMovement}px,0,0)` },\n  },\n  slideLeft: {\n    from: { transform: 'translate3d(0,0,0)' },\n    to: { transform: `translate3d(${-xPosMovement}px,0,0)` },\n  },\n  moveItem: isMovingLeft => ({\n    config: { duration: itemAnimationDuration },\n    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n    from: {\n      opacity: 1,\n      transform: `translate3d(${\n        isMovingLeft ? -xPosMovement : xPosMovement\n      }px,0,0)`,\n    },\n    leave: {\n      transform: `translate3d(${\n        isMovingLeft ? -xPosMovement : xPosMovement\n      }px,0,0)`,\n    },\n  }),\n  moveList: isDrillingDown => ({\n    config: { duration: listAnimationDuration },\n    enter: { opacity: 1, transform: 'translate3d(0,0,0)' },\n    from: {\n      opacity: 0,\n      transform: `translate3d(0px,${\n        isDrillingDown ? xPosMovement : -xPosMovement\n      }px,0)`,\n    },\n    leave: {\n      opacity: 0,\n      transform: `translate3d(0,${\n        isDrillingDown ? -xPosMovement : xPosMovement\n      }px,0)`,\n    },\n  }),\n  breadcrumb: () => ({\n    config: { duration: breadcrumbDuration },\n    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n    from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },\n    leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` },\n  }),\n};\n"],
+  "mappings": "AAAA;ACCA,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AAGrB,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB;AAEhB,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,IACV,MAAM,EAAE,WAAW;AAAA,IACnB,IAAI,EAAE,WAAW,eAAe;AAAA;AAAA,EAElC,WAAW;AAAA,IACT,MAAM,EAAE,WAAW;AAAA,IACnB,IAAI,EAAE,WAAW,eAAe,CAAC;AAAA;AAAA,EAEnC,UAAU,kBAAiB;AAAA,IACzB,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC/C,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eACT,eAAe,CAAC,eAAe;AAAA;AAAA,IAGnC,OAAO;AAAA,MACL,WAAW,eACT,eAAe,CAAC,eAAe;AAAA;AAAA;AAAA,EAIrC,UAAU,oBAAmB;AAAA,IAC3B,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW;AAAA,IAChC,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBACT,iBAAiB,eAAe,CAAC;AAAA;AAAA,IAGrC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBACT,iBAAiB,CAAC,eAAe;AAAA;AAAA;AAAA,EAIvC,YAAY,MAAO;AAAA,IACjB,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC/C,MAAM,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC9C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/classedComponents.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { DSButton } from "@elliemae/ds-button";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { ShuttleBreadcrumb } from "./components/ShuttleBreadcrumb";
+import { OverflowList } from "./components/OverflowList";
+const blockName = "shuttle";
+const headerBlockName = `${blockName}-header`;
+const listBlockName = `${blockName}-list`;
+const footerBlockName = `${blockName}-footer`;
+const ShuttleContainer = aggregatedClasses("div")(blockName);
+const ShuttleWrapper = aggregatedClasses("div")(`${blockName}-wrapper`);
+const ShuttleHeader = aggregatedClasses("div")(headerBlockName);
+const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, "breadcrumb");
+const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, "search-toggle");
+const ShuttleList = aggregatedClasses("div")(listBlockName, null, ({ showPulse }) => ({
+  "show-pulse": showPulse
+}));
+const ShuttleListPanel = aggregatedClasses("div")(listBlockName, "panel", ({ open }) => ({ open }));
+const Overflow = aggregatedClasses(OverflowList)(listBlockName, "overflow", ({ empty, searching }) => ({
+  empty,
+  searching
+}));
+const EmptyMessage = aggregatedClasses("span")(listBlockName, "empty-message");
+const LoadingList = aggregatedClasses("div")(listBlockName, "loading-list");
+const ShuttleFooter = aggregatedClasses("div")(footerBlockName);
+const ShuttleFooterActions = aggregatedClasses("div")(footerBlockName, "actions");
+const ShuttleFooterCounter = aggregatedClasses("span")(footerBlockName, "counter");
+export {
+  EmptyMessage,
+  LoadingList,
+  Overflow,
+  ShuttleContainer,
+  ShuttleFooter,
+  ShuttleFooterActions,
+  ShuttleFooterCounter,
+  ShuttleHeader,
+  ShuttleHeaderBreadcrumb,
+  ShuttleHeaderSearchToggle,
+  ShuttleList,
+  ShuttleListPanel,
+  ShuttleWrapper
+};
+//# sourceMappingURL=classedComponents.js.map

package/dist/esm/classedComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/classedComponents.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ShuttleBreadcrumb } from './components/ShuttleBreadcrumb';\nimport { OverflowList } from './components/OverflowList';\n\n// block names\nconst blockName = 'shuttle';\nconst headerBlockName = `${blockName}-header`;\nconst listBlockName = `${blockName}-list`;\nconst footerBlockName = `${blockName}-footer`;\n\nexport const ShuttleContainer = aggregatedClasses('div')(blockName);\n\n// wrapper\nexport const ShuttleWrapper = aggregatedClasses('div')(`${blockName}-wrapper`);\n\n// header\nexport const ShuttleHeader = aggregatedClasses('div')(headerBlockName);\nexport const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');\nexport const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, 'search-toggle');\n\n// list\nexport const ShuttleList = aggregatedClasses('div')(listBlockName, null, ({ showPulse }) => ({\n  'show-pulse': showPulse,\n}));\n\nexport const ShuttleListPanel = aggregatedClasses('div')(listBlockName, 'panel', ({ open }) => ({ open }));\nexport const Overflow = aggregatedClasses(OverflowList)(listBlockName, 'overflow', ({ empty, searching }) => ({\n  empty,\n  searching,\n}));\nexport const EmptyMessage = aggregatedClasses('span')(listBlockName, 'empty-message');\nexport const LoadingList = aggregatedClasses('div')(listBlockName, 'loading-list');\n\n// footer\nexport const ShuttleFooter = aggregatedClasses('div')(footerBlockName);\nexport const ShuttleFooterActions = aggregatedClasses('div')(footerBlockName, 'actions');\nexport const ShuttleFooterCounter = aggregatedClasses('span')(footerBlockName, 'counter');\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAGA,MAAM,YAAY;AAClB,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAEpB,MAAM,mBAAmB,kBAAkB,OAAO;AAGlD,MAAM,iBAAiB,kBAAkB,OAAO,GAAG;AAGnD,MAAM,gBAAgB,kBAAkB,OAAO;AAC/C,MAAM,0BAA0B,kBAAkB,mBAAmB,iBAAiB;AACtF,MAAM,4BAA4B,kBAAkB,UAAU,iBAAiB;AAG/E,MAAM,cAAc,kBAAkB,OAAO,eAAe,MAAM,CAAC,EAAE,gBAAiB;AAAA,EAC3F,cAAc;AAAA;AAGT,MAAM,mBAAmB,kBAAkB,OAAO,eAAe,SAAS,CAAC,EAAE,WAAY,GAAE;AAC3F,MAAM,WAAW,kBAAkB,cAAc,eAAe,YAAY,CAAC,EAAE,OAAO,gBAAiB;AAAA,EAC5G;AAAA,EACA;AAAA;AAEK,MAAM,eAAe,kBAAkB,QAAQ,eAAe;AAC9D,MAAM,cAAc,kBAAkB,OAAO,eAAe;AAG5D,MAAM,gBAAgB,kBAAkB,OAAO;AAC/C,MAAM,uBAAuB,kBAAkB,OAAO,iBAAiB;AACvE,MAAM,uBAAuB,kBAAkB,QAAQ,iBAAiB;",
+  "names": []
+}

package/dist/esm/components/LoadingIndicator.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import React2 from "react";
+import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
+import styled from "styled-components";
+const Wrapper = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+`;
+const LoadingIndicator = () => /* @__PURE__ */ React2.createElement(Wrapper, {
+  "data-testid": "shuttle__loading-indicator"
+}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
+  size: "xl",
+  showLabel: true
+}));
+var LoadingIndicator_default = LoadingIndicator;
+export {
+  LoadingIndicator,
+  LoadingIndicator_default as default
+};
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 'styled-components';\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;ACAA;AACA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,qCAAC,SAAD;AAAA,EAAS,eAAY;AAAA,GACnB,qCAAC,6BAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,WAAS;AAAA;AAKpD,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/components/OverflowList.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { useContext } from "react";
+import { useTransition, animated } from "react-spring/web";
+import { animationConfig } from "../animation/animationConfig";
+import { AnimationState } from "../AnimationState";
+function OverflowList({ className = "", activeHierarchy = "", children }) {
+  const {
+    state: { isDrillingDown = false },
+    setIsDrillingDown
+  } = useContext(AnimationState.Context);
+  const overflowTransition = useTransition(activeHierarchy, null, __spreadProps(__spreadValues({}, animationConfig.moveList(isDrillingDown)), {
+    onDestroyed: () => setIsDrillingDown(false)
+  }));
+  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ React2.createElement(animated.div, {
+    key,
+    className,
+    style: props
+  }, children));
+}
+var OverflowList_default = OverflowList;
+export {
+  OverflowList,
+  OverflowList_default as default
+};
+//# sourceMappingURL=OverflowList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAE9B,QAAM,qBAAqB,cAAc,iBAAiB,MAAM,iCAC3D,gBAAgB,SAAS,kBADkC;AAAA,IAE9D,aAAa,MAAM,kBAAkB;AAAA;AAEvC,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,UACtC,qCAAC,SAAS,KAAV;AAAA,IAAc;AAAA,IAAU;AAAA,IAAsB,OAAO;AAAA,KAClD;AAAA;AAMP,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/components/ShuttleBreadcrumb.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import React2 from "react";
+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
+  }))));
+}
+var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
+export {
+  ShuttleBreadcrumb,
+  ShuttleBreadcrumb_default as default
+};
+//# sourceMappingURL=ShuttleBreadcrumb.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,IAAI,eAAe,MAAM,QAAQ;AACxF,QAAM,iBAAiB,cAAc,WAAW,CAAC,SAAS,KAAK,IAAI,gBAAgB;AAEnF,SACE,qCAAC,OAAD;AAAA,IAAK;AAAA,KACH,qCAAC,cAAD;AAAA,IAAc,SAAO;AAAA,KAClB,eAAe,IAAI,CAAC,EAAE,MAAM,OAAO,UAClC,qCAAC,aAAa,MAAd;AAAA,IACE;AAAA,IACA,oBAAoB,SAAS;AAAA,IAC7B,OAAO,KAAK;AAAA,IACZ,SAAS,MAAM,aAAa,MAAM;AAAA,IAClC,OAAO;AAAA;AAAA;AASnB,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/components/ShuttleInfiniteScrollIndicator.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import React2 from "react";
+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, {
+  classProps: { isOpen },
+  "data-testid": blockName
+}, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
+  processing: true,
+  title: "Loading"
+}));
+var ShuttleInfiniteScrollIndicator_default = ShuttleInfiniteScrollIndicator;
+export {
+  ShuttleInfiniteScrollIndicator,
+  ShuttleInfiniteScrollIndicator_default as default
+};
+//# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ;AAExG,MAAM,iCAAiC,CAAC,EAAE,aACxC,qCAAC,4BAAD;AAAA,EAA4B,YAAY,EAAE;AAAA,EAAU,eAAa;AAAA,GAC/D,qCAAC,kCAAD;AAAA,EAAkC,YAAU;AAAA,EAAC,OAAM;AAAA;AAKvD,IAAO,yCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2 from "react";
+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, __spreadValues({
+  buttonType: "text",
+  icon: /* @__PURE__ */ React2.createElement(CloseCircle, null)
+}, props));
+const MoveButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, __spreadProps(__spreadValues({
+  buttonType: "text",
+  icon: /* @__PURE__ */ React2.createElement(ArrowShortRight, null)
+}, props), {
+  containerProps: { "data-testid": "ds-shuttle__move-button" }
+}));
+const DrillDownButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, __spreadProps(__spreadValues({
+  buttonType: "text",
+  icon: /* @__PURE__ */ React2.createElement(ArrowShortReturn, {
+    "data-testid": "shuttle__drill-btn-icon"
+  })
+}, props), {
+  containerProps: { "data-testid": "shuttle__drill-btn" }
+}));
+export {
+  DeleteButton,
+  DrillDownButton,
+  MoveButton
+};
+//# sourceMappingURL=ActionButtons.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,UAAU,qBAAqB;AAE/D,MAAM,eAAe,CAAC,UAC3B,qCAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,qCAAC,aAAD;AAAA,GACF;AAKD,MAAM,aAAa,CAAC,UACzB,qCAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,qCAAC,iBAAD;AAAA,GACF,QAHN;AAAA,EAIE,gBAAgB,EAAE,eAAe;AAAA;AAI9B,MAAM,kBAAkB,CAAC,UAC9B,qCAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,qCAAC,kBAAD;AAAA,IAAkB,eAAY;AAAA;AAAA,GAChC,QAHN;AAAA,EAIE,gBAAgB,EAAE,eAAe;AAAA;",
+  "names": []
+}