@elliemae/ds-shuttle 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/animation/animationConfig.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var animationConfig_exports = {};
+__export(animationConfig_exports, {
+  animationConfig: () => animationConfig
+});
+var React = __toESM(require("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)` }
+  })
+};
+module.exports = __toCommonJS(animationConfig_exports);
+//# sourceMappingURL=animationConfig.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/animation/animationConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,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/cjs/classedComponents.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var classedComponents_exports = {};
+__export(classedComponents_exports, {
+  EmptyMessage: () => EmptyMessage,
+  LoadingList: () => LoadingList,
+  Overflow: () => Overflow,
+  ShuttleContainer: () => ShuttleContainer,
+  ShuttleFooter: () => ShuttleFooter,
+  ShuttleFooterActions: () => ShuttleFooterActions,
+  ShuttleFooterCounter: () => ShuttleFooterCounter,
+  ShuttleHeader: () => ShuttleHeader,
+  ShuttleHeaderBreadcrumb: () => ShuttleHeaderBreadcrumb,
+  ShuttleHeaderSearchToggle: () => ShuttleHeaderSearchToggle,
+  ShuttleList: () => ShuttleList,
+  ShuttleListPanel: () => ShuttleListPanel,
+  ShuttleWrapper: () => ShuttleWrapper
+});
+var React = __toESM(require("react"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ShuttleBreadcrumb = require("./components/ShuttleBreadcrumb");
+var import_OverflowList = require("./components/OverflowList");
+const blockName = "shuttle";
+const headerBlockName = `${blockName}-header`;
+const listBlockName = `${blockName}-list`;
+const footerBlockName = `${blockName}-footer`;
+const ShuttleContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const ShuttleWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-wrapper`);
+const ShuttleHeader = (0, import_ds_classnames.aggregatedClasses)("div")(headerBlockName);
+const ShuttleHeaderBreadcrumb = (0, import_ds_classnames.aggregatedClasses)(import_ShuttleBreadcrumb.ShuttleBreadcrumb)(headerBlockName, "breadcrumb");
+const ShuttleHeaderSearchToggle = (0, import_ds_classnames.aggregatedClasses)(import_ds_button.DSButton)(headerBlockName, "search-toggle");
+const ShuttleList = (0, import_ds_classnames.aggregatedClasses)("div")(listBlockName, null, ({ showPulse }) => ({
+  "show-pulse": showPulse
+}));
+const ShuttleListPanel = (0, import_ds_classnames.aggregatedClasses)("div")(listBlockName, "panel", ({ open }) => ({ open }));
+const Overflow = (0, import_ds_classnames.aggregatedClasses)(import_OverflowList.OverflowList)(listBlockName, "overflow", ({ empty, searching }) => ({
+  empty,
+  searching
+}));
+const EmptyMessage = (0, import_ds_classnames.aggregatedClasses)("span")(listBlockName, "empty-message");
+const LoadingList = (0, import_ds_classnames.aggregatedClasses)("div")(listBlockName, "loading-list");
+const ShuttleFooter = (0, import_ds_classnames.aggregatedClasses)("div")(footerBlockName);
+const ShuttleFooterActions = (0, import_ds_classnames.aggregatedClasses)("div")(footerBlockName, "actions");
+const ShuttleFooterCounter = (0, import_ds_classnames.aggregatedClasses)("span")(footerBlockName, "counter");
+module.exports = __toCommonJS(classedComponents_exports);
+//# sourceMappingURL=classedComponents.js.map

package/dist/cjs/classedComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/classedComponents.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyB;AACzB,2BAAkC;AAClC,+BAAkC;AAClC,0BAA6B;AAG7B,MAAM,YAAY;AAClB,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAEpB,MAAM,mBAAmB,4CAAkB,OAAO;AAGlD,MAAM,iBAAiB,4CAAkB,OAAO,GAAG;AAGnD,MAAM,gBAAgB,4CAAkB,OAAO;AAC/C,MAAM,0BAA0B,4CAAkB,4CAAmB,iBAAiB;AACtF,MAAM,4BAA4B,4CAAkB,2BAAU,iBAAiB;AAG/E,MAAM,cAAc,4CAAkB,OAAO,eAAe,MAAM,CAAC,EAAE,gBAAiB;AAAA,EAC3F,cAAc;AAAA;AAGT,MAAM,mBAAmB,4CAAkB,OAAO,eAAe,SAAS,CAAC,EAAE,WAAY,GAAE;AAC3F,MAAM,WAAW,4CAAkB,kCAAc,eAAe,YAAY,CAAC,EAAE,OAAO,gBAAiB;AAAA,EAC5G;AAAA,EACA;AAAA;AAEK,MAAM,eAAe,4CAAkB,QAAQ,eAAe;AAC9D,MAAM,cAAc,4CAAkB,OAAO,eAAe;AAG5D,MAAM,gBAAgB,4CAAkB,OAAO;AAC/C,MAAM,uBAAuB,4CAAkB,OAAO,iBAAiB;AACvE,MAAM,uBAAuB,4CAAkB,QAAQ,iBAAiB;",
+  "names": []
+}

package/dist/cjs/components/LoadingIndicator.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LoadingIndicator_exports = {};
+__export(LoadingIndicator_exports, {
+  LoadingIndicator: () => LoadingIndicator,
+  default: () => LoadingIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
+var import_styled_components = __toESM(require("styled-components"));
+const Wrapper = import_styled_components.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+`;
+const LoadingIndicator = () => /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  "data-testid": "shuttle__loading-indicator"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
+  size: "xl",
+  showLabel: true
+}));
+var LoadingIndicator_default = LoadingIndicator;
+module.exports = __toCommonJS(LoadingIndicator_exports);
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/LoadingIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4CAA4C;AAC5C,+BAAmB;AAEnB,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,mDAAC,SAAD;AAAA,EAAS,eAAY;AAAA,GACnB,mDAAC,mEAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,WAAS;AAAA;AAKpD,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/cjs/components/OverflowList.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var OverflowList_exports = {};
+__export(OverflowList_exports, {
+  OverflowList: () => OverflowList,
+  default: () => OverflowList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_web = require("react-spring/web");
+var import_animationConfig = require("../animation/animationConfig");
+var import_AnimationState = require("../AnimationState");
+function OverflowList({ className = "", activeHierarchy = "", children }) {
+  const {
+    state: { isDrillingDown = false },
+    setIsDrillingDown
+  } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
+  const overflowTransition = (0, import_web.useTransition)(activeHierarchy, null, __spreadProps(__spreadValues({}, import_animationConfig.animationConfig.moveList(isDrillingDown)), {
+    onDestroyed: () => setIsDrillingDown(false)
+  }));
+  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, {
+    key,
+    className,
+    style: props
+  }, children));
+}
+var OverflowList_default = OverflowList;
+module.exports = __toCommonJS(OverflowList_exports);
+//# sourceMappingURL=OverflowList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/OverflowList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,iBAAwC;AACxC,6BAAgC;AAChC,4BAA+B;AAE/B,sBAAsB,EAAE,YAAY,IAAI,kBAAkB,IAAI,YAAY;AACxE,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,6BAAW,qCAAe;AAE9B,QAAM,qBAAqB,8BAAc,iBAAiB,MAAM,iCAC3D,uCAAgB,SAAS,kBADkC;AAAA,IAE9D,aAAa,MAAM,kBAAkB;AAAA;AAEvC,SAAO,mBAAmB,IAAI,CAAC,EAAE,OAAO,UACtC,mDAAC,oBAAS,KAAV;AAAA,IAAc;AAAA,IAAU;AAAA,IAAsB,OAAO;AAAA,KAClD;AAAA;AAMP,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/components/ShuttleBreadcrumb.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ShuttleBreadcrumb_exports = {};
+__export(ShuttleBreadcrumb_exports, {
+  ShuttleBreadcrumb: () => ShuttleBreadcrumb,
+  default: () => ShuttleBreadcrumb_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_web = require("react-spring/web");
+var import_ds_breadcrumb = require("@elliemae/ds-breadcrumb");
+var import_animationConfig = require("../animation/animationConfig");
+function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () => null }) {
+  const animatedCrumbs = (0, import_web.useTransition)(hierarchy, (item) => item.id, import_animationConfig.animationConfig.breadcrumb());
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.DSBreadcrumb, {
+    isTitle: true
+  }, animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.DSBreadcrumb.Item, {
+    key,
+    containerComponent: import_web.animated.li,
+    label: item.name,
+    onClick: () => onNavigateTo(item, "up"),
+    style: props
+  }))));
+}
+var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
+module.exports = __toCommonJS(ShuttleBreadcrumb_exports);
+//# sourceMappingURL=ShuttleBreadcrumb.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ShuttleBreadcrumb.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,iBAAwC;AACxC,2BAA6B;AAC7B,6BAAgC;AAEhC,2BAA2B,EAAE,YAAY,IAAI,YAAY,IAAI,eAAe,MAAM,QAAQ;AACxF,QAAM,iBAAiB,8BAAc,WAAW,CAAC,SAAS,KAAK,IAAI,uCAAgB;AAEnF,SACE,mDAAC,OAAD;AAAA,IAAK;AAAA,KACH,mDAAC,mCAAD;AAAA,IAAc,SAAO;AAAA,KAClB,eAAe,IAAI,CAAC,EAAE,MAAM,OAAO,UAClC,mDAAC,kCAAa,MAAd;AAAA,IACE;AAAA,IACA,oBAAoB,oBAAS;AAAA,IAC7B,OAAO,KAAK;AAAA,IACZ,SAAS,MAAM,aAAa,MAAM;AAAA,IAClC,OAAO;AAAA;AAAA;AASnB,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ShuttleInfiniteScrollIndicator_exports = {};
+__export(ShuttleInfiniteScrollIndicator_exports, {
+  ShuttleInfiniteScrollIndicator: () => ShuttleInfiniteScrollIndicator,
+  default: () => ShuttleInfiniteScrollIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_indeterminate_progress_indicator = require("@elliemae/ds-indeterminate-progress-indicator");
+const blockName = "shuttle-infinite-scroll-indicator";
+const InfiniteScrollBarContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
+const ShuttleInfiniteScrollIndicator = ({ isOpen }) => /* @__PURE__ */ import_react.default.createElement(InfiniteScrollBarContainer, {
+  classProps: { isOpen },
+  "data-testid": blockName
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.DSIndeterminateProgressIndicator, {
+  processing: true,
+  title: "Loading"
+}));
+var ShuttleInfiniteScrollIndicator_default = ShuttleInfiniteScrollIndicator;
+module.exports = __toCommonJS(ShuttleInfiniteScrollIndicator_exports);
+//# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ShuttleInfiniteScrollIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAAkC;AAClC,iDAAiD;AAEjD,MAAM,YAAY;AAElB,MAAM,6BAA6B,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc,GAAE,QAAQ;AAExG,MAAM,iCAAiC,CAAC,EAAE,aACxC,mDAAC,4BAAD;AAAA,EAA4B,YAAY,EAAE;AAAA,EAAU,eAAa;AAAA,GAC/D,mDAAC,6EAAD;AAAA,EAAkC,YAAU;AAAA,EAAC,OAAM;AAAA;AAKvD,IAAO,yCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,76 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ActionButtons_exports = {};
+__export(ActionButtons_exports, {
+  DeleteButton: () => DeleteButton,
+  DrillDownButton: () => DrillDownButton,
+  MoveButton: () => MoveButton
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+const ActionButton = (0, import_ds_classnames.aggregatedClasses)(import_ds_button.DSButton)("shuttle-list-item", "action-button");
+const DeleteButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, __spreadValues({
+  buttonType: "text",
+  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseCircle, null)
+}, props));
+const MoveButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, __spreadProps(__spreadValues({
+  buttonType: "text",
+  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortRight, null)
+}, props), {
+  containerProps: { "data-testid": "ds-shuttle__move-button" }
+}));
+const DrillDownButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, __spreadProps(__spreadValues({
+  buttonType: "text",
+  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortReturn, {
+    "data-testid": "shuttle__drill-btn-icon"
+  })
+}, props), {
+  containerProps: { "data-testid": "shuttle__drill-btn" }
+}));
+module.exports = __toCommonJS(ActionButtons_exports);
+//# sourceMappingURL=ActionButtons.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ShuttleListItem/ActionButtons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ArrowShortRight, ArrowShortReturn, CloseCircle } from '@elliemae/ds-icons';\n\nconst ActionButton = aggregatedClasses(DSButton)('shuttle-list-item', 'action-button');\n\nexport const DeleteButton = (props) => (\n  <ActionButton\n    buttonType=\"text\"\n    icon={<CloseCircle />}\n    {...props}\n    // containerProps={{ 'data-testid': 'ds-shuttle__close-button' }}\n  />\n);\n\nexport const MoveButton = (props) => (\n  <ActionButton\n    buttonType=\"text\"\n    icon={<ArrowShortRight />}\n    {...props}\n    containerProps={{ 'data-testid': 'ds-shuttle__move-button' }}\n  />\n);\n\nexport const DrillDownButton = (props) => (\n  <ActionButton\n    buttonType=\"text\"\n    icon={<ArrowShortReturn data-testid=\"shuttle__drill-btn-icon\" />}\n    {...props}\n    containerProps={{ 'data-testid': 'shuttle__drill-btn' }}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,uBAAyB;AACzB,sBAA+D;AAE/D,MAAM,eAAe,4CAAkB,2BAAU,qBAAqB;AAE/D,MAAM,eAAe,CAAC,UAC3B,mDAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,mDAAC,6BAAD;AAAA,GACF;AAKD,MAAM,aAAa,CAAC,UACzB,mDAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,mDAAC,iCAAD;AAAA,GACF,QAHN;AAAA,EAIE,gBAAgB,EAAE,eAAe;AAAA;AAI9B,MAAM,kBAAkB,CAAC,UAC9B,mDAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,mDAAC,kCAAD;AAAA,IAAkB,eAAY;AAAA;AAAA,GAChC,QAHN;AAAA,EAIE,gBAAgB,EAAE,eAAe;AAAA;",
+  "names": []
+}