@elliemae/ds-shuttle 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/components/LoadingIndicator.js

@@ -1,18 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
-import styled from 'styled-components';
-
-var _Wrapper;
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-18oj125-0"
-})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
-
-const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx(Wrapper, {
+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"
-}, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
+}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
   size: "xl",
   showLabel: true
-})));
-
-export { LoadingIndicator as default };
+}));
+var LoadingIndicator_default = LoadingIndicator;
+export {
+  LoadingIndicator,
+  LoadingIndicator_default as default
+};
+//# sourceMappingURL=LoadingIndicator.js.map

package/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/esm/components/OverflowList.js

@@ -1,46 +1,26 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { useContext } from 'react';
-import { useTransition, animated } from 'react-spring/web';
-import { animationConfig } from '../animation/animationConfig.js';
-import AnimationContext from '../AnimationState.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function OverflowList(_ref) {
-  let {
-    className = '',
-    activeHierarchy = '',
-    children
-  } = _ref;
+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
-    },
+    state: { isDrillingDown = false },
     setIsDrillingDown
-  } = useContext(AnimationContext.Context);
-  const overflowTransition = useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.moveList(isDrillingDown)), {}, {
+  } = useContext(AnimationState.Context);
+  const overflowTransition = useTransition(activeHierarchy, null, {
+    ...animationConfig.moveList(isDrillingDown),
     onDestroyed: () => setIsDrillingDown(false)
-  }));
-  return overflowTransition.map(_ref2 => {
-    let {
-      props,
-      key
-    } = _ref2;
-    return /*#__PURE__*/_jsx(animated.div, {
-      className: className,
-      style: props
-    }, key, children);
   });
+  return overflowTransition.map(({ props, key }) => /* @__PURE__ */ React2.createElement(animated.div, {
+    key,
+    className,
+    style: props
+  }, children));
 }
-
-export { OverflowList as default };
+var OverflowList_default = OverflowList;
+export {
+  OverflowList,
+  OverflowList_default as default
+};
+//# sourceMappingURL=OverflowList.js.map

package/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;AAAA,OAC3D,gBAAgB,SAAS;AAAA,IAC5B,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/esm/components/ShuttleBreadcrumb.js

@@ -1,35 +1,25 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'react';
-import { useTransition, animated } from 'react-spring/web';
-import DSBreadcrumb from '@elliemae/ds-basic/Breadcrumb';
-import { animationConfig } from '../animation/animationConfig.js';
-
-function ShuttleBreadcrumb(_ref) {
-  let {
-    className = '',
-    hierarchy = [],
-    onNavigateTo = () => null
-  } = _ref;
-  const animatedCrumbs = useTransition(hierarchy, item => item.id, animationConfig.breadcrumb());
-  return /*#__PURE__*/_jsx("div", {
-    className: className
-  }, void 0, /*#__PURE__*/_jsx(DSBreadcrumb, {
+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
-  }, void 0, animatedCrumbs.map(_ref2 => {
-    let {
-      item,
-      props,
-      key
-    } = _ref2;
-    return /*#__PURE__*/_jsx(DSBreadcrumb.Item, {
-      containerComponent: animated.li,
-      label: item.name,
-      onClick: () => onNavigateTo(item, 'up'),
-      style: props
-    }, key);
-  })));
+  }, animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
+    key,
+    containerComponent: animated.li,
+    label: item.name,
+    onClick: () => onNavigateTo(item, "up"),
+    style: props
+  }))));
 }
-
-export { ShuttleBreadcrumb as default };
+var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
+export {
+  ShuttleBreadcrumb,
+  ShuttleBreadcrumb_default as default
+};
+//# sourceMappingURL=ShuttleBreadcrumb.js.map

package/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/esm/components/ShuttleInfiniteScrollIndicator.js

@@ -1,32 +1,19 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';
-
-var _DSIndeterminateProgr;
-const blockName = 'shuttle-infinite-scroll-indicator';
-const InfiniteScrollBarContainer = aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    isOpen
-  } = _ref;
-  return {
-    opened: isOpen
-  };
-});
-
-const ShuttleInfiniteScrollIndicator = _ref2 => {
-  let {
-    isOpen
-  } = _ref2;
-  return /*#__PURE__*/_jsx(InfiniteScrollBarContainer, {
-    classProps: {
-      isOpen
-    },
-    "data-testid": blockName
-  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx(DSIndeterminateProgressIndicator, {
-    processing: true,
-    title: "Loading"
-  })));
+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
 };
-
-export { ShuttleInfiniteScrollIndicator as default };
+//# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

package/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/esm/components/ShuttleListItem/ActionButtons.js

@@ -1,43 +1,31 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSButton from '@elliemae/ds-button';
-import { ArrowShortRight, ArrowShortReturn, CloseCircle } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
-
-var _CloseCircle, _ArrowShortRight, _ArrowShortReturn;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const ActionButton = aggregatedClasses(DSButton)('shuttle-list-item', 'action-button');
-const DeleteButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread({
+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, {
   buttonType: "text",
-  icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx(CloseCircle, {}))
-}, props));
-const MoveButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread(_objectSpread({
+  icon: /* @__PURE__ */ React2.createElement(CloseCircle, null),
+  ...props
+});
+const MoveButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
   buttonType: "text",
-  icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx(ArrowShortRight, {}))
-}, props), {}, {
-  containerProps: {
-    'data-testid': 'ds-shuttle__move-button'
-  }
-}));
-const DrillDownButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread(_objectSpread({
+  icon: /* @__PURE__ */ React2.createElement(ArrowShortRight, null),
+  ...props,
+  containerProps: { "data-testid": "ds-shuttle__move-button" }
+});
+const DrillDownButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
   buttonType: "text",
-  icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx(ArrowShortReturn, {
+  icon: /* @__PURE__ */ React2.createElement(ArrowShortReturn, {
     "data-testid": "shuttle__drill-btn-icon"
-  }))
-}, props), {}, {
-  containerProps: {
-    'data-testid': 'shuttle__drill-btn'
-  }
-}));
-
-export { DeleteButton, DrillDownButton, MoveButton };
+  }),
+  ...props,
+  containerProps: { "data-testid": "shuttle__drill-btn" }
+});
+export {
+  DeleteButton,
+  DrillDownButton,
+  MoveButton
+};
+//# sourceMappingURL=ActionButtons.js.map

package/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,KACF;AAAA;AAKD,MAAM,aAAa,CAAC,UACzB,qCAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,qCAAC,iBAAD;AAAA,KACF;AAAA,EACJ,gBAAgB,EAAE,eAAe;AAAA;AAI9B,MAAM,kBAAkB,CAAC,UAC9B,qCAAC,cAAD;AAAA,EACE,YAAW;AAAA,EACX,MAAM,qCAAC,kBAAD;AAAA,IAAkB,eAAY;AAAA;AAAA,KAChC;AAAA,EACJ,gBAAgB,EAAE,eAAe;AAAA;",
+  "names": []
+}

package/esm/components/ShuttleListItem/ShuttleListItem.js

@@ -1,76 +1,54 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { animated } from 'react-spring/web';
-import TruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';
-import { sortableHandle } from 'react-sortable-hoc';
-import { GripperVertical } from '@elliemae/ds-icons';
-import { isMovable } from '../../helper.js';
-import { jsxs } from 'react/jsx-runtime';
-
-const _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
-
-var _GripperVertical, _SortHandler;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'shuttle-list-item';
+import * as React from "react";
+import React2 from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { animated } from "react-spring/web";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { sortableHandle } from "react-sortable-hoc";
+import { GripperVertical } from "@elliemae/ds-icons";
+import { isMovable } from "../../helper";
+const blockName = "shuttle-list-item";
 const Wrapper = aggregatedClasses(animated.li)(blockName);
-const ActionsGroup = aggregatedClasses('div')(blockName, 'actions');
-const IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');
-const Content = aggregatedClasses('label')(blockName, 'content', _ref => {
-  let {
-    isChecked,
-    canMove,
-    isReadonly
-  } = _ref;
-  return {
-    checked: isChecked,
-    'can-hover': canMove,
-    'read-only': isReadonly
-  };
-});
-const SortHandler = sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx(GripperVertical, {
+const ActionsGroup = aggregatedClasses("div")(blockName, "actions");
+const IconWrapper = aggregatedClasses("div")(blockName, "icon-wrapper");
+const Content = aggregatedClasses("label")(blockName, "content", ({ isChecked, canMove, isReadonly }) => ({
+  checked: isChecked,
+  "can-hover": canMove,
+  "read-only": isReadonly
+}));
+const SortHandler = sortableHandle(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
   className: "gripper"
-})));
-
-function ShuttleListItem(_ref2) {
-  let {
-    item = {},
-    showIcons = undefined,
-    showIcon = true,
-    onSelect = () => null,
-    isChecked = false,
-    style = undefined,
-    showActions = true,
-    actions = [],
-    showSortHandler = false
-  } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
+}));
+function ShuttleListItem({
+  item = {},
+  showIcons = void 0,
+  showIcon = true,
+  onSelect = () => null,
+  isChecked = false,
+  style = void 0,
+  showActions = true,
+  actions = [],
+  showSortHandler = false,
+  ...rest
+}) {
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
+    ...rest,
     role: "listitem",
-    style: style,
-    children: [/*#__PURE__*/_jsx(Content, {
-      classProps: {
-        canMove: isMovable(item),
-        isChecked,
-        isReadonly: item.readyOnly
-      },
-      onClick: onSelect
-    }, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx(SortHandler, {}))), (showIcon || showIcons) && /*#__PURE__*/_jsx(IconWrapper, {}, void 0, item.icon), /*#__PURE__*/_jsx(TruncatedTooltipText, {
-      className: "shuttle-tooltip-text",
-      value: item.name
-    })), showActions && /*#__PURE__*/_jsx(ActionsGroup, {}, void 0, actions)]
-  }));
+    style
+  }, /* @__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));
 }
-
-export { ShuttleListItem as default };
+var ShuttleListItem_default = ShuttleListItem;
+export {
+  ShuttleListItem,
+  ShuttleListItem_default as default
+};
+//# sourceMappingURL=ShuttleListItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\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  return (\n    <Wrapper {...rest} role=\"listitem\" style={style}>\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;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,IAAI;AAC/C,MAAM,eAAe,kBAAkB,OAAO,WAAW;AACzD,MAAM,cAAc,kBAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,kBAAkB,SAAS,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA;AAGf,MAAM,cAAc,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEpE,yBAAyB;AAAA,EACvB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,kBAAkB;AAAA,KACf;AAAA,GACF;AACD,SACE,qCAAC,SAAD;AAAA,OAAa;AAAA,IAAM,MAAK;AAAA,IAAW;AAAA,KACjC,qCAAC,SAAD;AAAA,IACE,YAAY;AAAA,MACV,SAAS,UAAU;AAAA,MACnB;AAAA,MACA,YAAY,KAAK;AAAA;AAAA,IAEnB,SAAS;AAAA,KAER,mBAAmB,qCAAC,aAAD,OAClB,aAAY,cAAc,qCAAC,aAAD,MAAc,KAAK,OAC/C,qCAAC,wBAAD;AAAA,IAAwB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,OAEtE,eAAe,qCAAC,cAAD,MAAe;AAAA;AAMrC,IAAO,0BAAQ;",
+  "names": []
+}

package/esm/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -1,37 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useCallback, useEffect } from 'react';
-import { isMovable } from '../../helper.js';
-import { DrillDownButton, MoveButton } from './ActionButtons.js';
-import ShuttleListItem from './ShuttleListItem.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceTo", "isChecked", "showMoveButton", "showDrillDownButton", "index"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function ShuttleSourceListItem(_ref) {
-  let {
-    item = {},
-    onItemCheck = () => null,
-    onMoveToTarget = () => null,
-    onNavigateOnSourceTo = () => null,
-    isChecked = false,
-    showMoveButton = true,
-    showDrillDownButton = true,
-    index
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useState, useCallback, useEffect } from "react";
+import { isMovable } from "../../helper";
+import { DrillDownButton, MoveButton } from "./ActionButtons";
+import { ShuttleListItem } from "./ShuttleListItem";
+function ShuttleSourceListItem({
+  item = {},
+  onItemCheck = () => null,
+  onMoveToTarget = () => null,
+  onNavigateOnSourceTo = () => null,
+  isChecked = false,
+  showMoveButton = true,
+  showDrillDownButton = true,
+  index,
+  ...rest
+}) {
   const [clicked, setClicked] = useState(false);
   const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);
   useEffect(() => {
@@ -39,30 +21,41 @@ function ShuttleSourceListItem(_ref) {
       moveToTarget();
     }
   }, [clicked]);
-  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [item]);
+  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [
+    item
+  ]);
   const checkItem = useCallback(() => {
-    if (!clicked) onItemCheck(item);
+    if (!clicked)
+      onItemCheck(item);
   }, [item, clicked]);
-
   const handleOnClick = () => {
     if (!clicked) {
       setClicked(true);
     }
   };
-
-  return /*#__PURE__*/jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
-    actions: [showDrillDownButton && /*#__PURE__*/_jsx(DrillDownButton, {
-      disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
-      onClick: navigateOnSourceTo
-    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx(MoveButton, {
-      "data-testid": "ds-shuttle__move-button",
-      disabled: !isMovable(item) || item.readOnly,
-      onClick: handleOnClick
-    }, "move")],
-    isChecked: isChecked,
-    item: item,
+  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
+    ...rest,
+    actions: [
+      showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
+        key: "drill-down",
+        disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
+        onClick: navigateOnSourceTo
+      }),
+      showMoveButton && /* @__PURE__ */ React2.createElement(MoveButton, {
+        "data-testid": "ds-shuttle__move-button",
+        key: "move",
+        disabled: !isMovable(item) || item.readOnly,
+        onClick: handleOnClick
+      })
+    ],
+    isChecked,
+    item,
     onSelect: checkItem
-  }));
+  });
 }
-
-export { ShuttleSourceListItem as default };
+var ShuttleSourceListItem_default = ShuttleSourceListItem;
+export {
+  ShuttleSourceListItem,
+  ShuttleSourceListItem_default as default
+};
+//# sourceMappingURL=ShuttleSourceListItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA,EACP,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;AACvC,QAAM,eAAe,YAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,YAAU,MAAM;AACd,QAAI,SAAS;AACX;AAAA;AAAA,KAED,CAAC;AACJ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY;AAAA,KACzB,CAAC,MAAM;AACV,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW;AAAA;AAAA;AAIf,SACE,qCAAC,iBAAD;AAAA,OACM;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC,iBAAD;AAAA,QACE,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA;AAAA,MAGb,kBACE,qCAAC,YAAD;AAAA,QACE,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,UAAU,SAAS,KAAK;AAAA,QACnC,SAAS;AAAA;AAAA;AAAA,IAIf;AAAA,IACA;AAAA,IACA,UAAU;AAAA;AAAA;AAMhB,IAAO,gCAAQ;",
+  "names": []
+}