@elliemae/ds-shuttle 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/classedComponents.js

@@ -4,59 +4,48 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSButton = require('@elliemae/ds-basic/Button');
 var dsClassnames = require('@elliemae/ds-classnames');
-var components_ShuttleBreadcrumb = require('./components/ShuttleBreadcrumb.js');
-var components_OverflowList = require('./components/OverflowList.js');
-require('react');
-require('react-spring/web.cjs');
-require('@elliemae/ds-basic/Breadcrumb');
-require('./animation/animationConfig.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
+var ShuttleBreadcrumb = require('./components/ShuttleBreadcrumb.js');
+var OverflowList = require('./components/OverflowList.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var blockName = 'shuttle';
-var headerBlockName = "".concat(blockName, "-header");
-var listBlockName = "".concat(blockName, "-list");
-var footerBlockName = "".concat(blockName, "-footer");
-var ShuttleContainer = dsClassnames.aggregatedClasses('div')(blockName); // wrapper
-
-var ShuttleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
-
-var ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
-var ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(components_ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
-var ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default['default'])(headerBlockName, 'search-toggle'); // list
-
-var ShuttleList = dsClassnames.aggregatedClasses('div')(listBlockName, null, function (_ref) {
-  var showPulse = _ref.showPulse;
-  return {
-    'show-pulse': showPulse
-  };
-});
-var ShuttleListPanel = dsClassnames.aggregatedClasses('div')(listBlockName, 'panel', function (_ref2) {
-  var open = _ref2.open;
-  return {
-    open: open
-  };
-});
-var Overflow = dsClassnames.aggregatedClasses(components_OverflowList)(listBlockName, 'overflow', function (_ref3) {
-  var empty = _ref3.empty,
-      searching = _ref3.searching;
-  return {
-    empty: empty,
-    searching: searching
-  };
-});
-var EmptyMessage = dsClassnames.aggregatedClasses('span')(listBlockName, 'empty-message');
-var LoadingList = dsClassnames.aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
-
-var ShuttleFooter = dsClassnames.aggregatedClasses('div')(footerBlockName);
-var ShuttleFooterActions = dsClassnames.aggregatedClasses('div')(footerBlockName, 'actions');
-var ShuttleFooterCounter = dsClassnames.aggregatedClasses('span')(footerBlockName, 'counter');
+const blockName = 'shuttle';
+const headerBlockName = `${blockName}-header`;
+const listBlockName = `${blockName}-list`;
+const footerBlockName = `${blockName}-footer`;
+const ShuttleContainer = dsClassnames.aggregatedClasses('div')(blockName); // wrapper
+
+const ShuttleWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-wrapper`); // header
+
+const ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
+const ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
+const ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default["default"])(headerBlockName, 'search-toggle'); // list
+
+const ShuttleList = dsClassnames.aggregatedClasses('div')(listBlockName, null, ({
+  showPulse
+}) => ({
+  'show-pulse': showPulse
+}));
+const ShuttleListPanel = dsClassnames.aggregatedClasses('div')(listBlockName, 'panel', ({
+  open
+}) => ({
+  open
+}));
+const Overflow = dsClassnames.aggregatedClasses(OverflowList)(listBlockName, 'overflow', ({
+  empty,
+  searching
+}) => ({
+  empty,
+  searching
+}));
+const EmptyMessage = dsClassnames.aggregatedClasses('span')(listBlockName, 'empty-message');
+const LoadingList = dsClassnames.aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
+
+const ShuttleFooter = dsClassnames.aggregatedClasses('div')(footerBlockName);
+const ShuttleFooterActions = dsClassnames.aggregatedClasses('div')(footerBlockName, 'actions');
+const ShuttleFooterCounter = dsClassnames.aggregatedClasses('span')(footerBlockName, 'counter');
 
 exports.EmptyMessage = EmptyMessage;
 exports.LoadingList = LoadingList;
@@ -71,4 +60,3 @@ exports.ShuttleHeaderSearchToggle = ShuttleHeaderSearchToggle;
 exports.ShuttleList = ShuttleList;
 exports.ShuttleListPanel = ShuttleListPanel;
 exports.ShuttleWrapper = ShuttleWrapper;
-//# sourceMappingURL=classedComponents.js.map

package/cjs/components/LoadingIndicator.js

@@ -1,26 +1,25 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var CircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+var _Wrapper;
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-18oj125-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 
-var LoadingIndicator = function LoadingIndicator() {
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, {
-    "data-testid": "shuttle__loading-indicator"
-  }, /*#__PURE__*/React__default['default'].createElement(CircularProgressIndicator.DSCircularProgressIndicator, {
-    size: "xl",
-    showLabel: true
-  }));
-};
+const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
+  "data-testid": "shuttle__loading-indicator"
+}, void 0, /*#__PURE__*/_jsx__default["default"](CircularProgressIndicator.DSCircularProgressIndicator, {
+  size: "xl",
+  showLabel: true
+})));
 
 module.exports = LoadingIndicator;
-//# sourceMappingURL=LoadingIndicator.js.map

package/cjs/components/OverflowList.js

@@ -1,49 +1,42 @@
 'use strict';
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var web_cjs = require('react-spring/web.cjs');
-var animation_animationConfig = require('../animation/animationConfig.js');
+var react = require('react');
+var web = require('react-spring/web');
+var animationConfig = require('../animation/animationConfig.js');
 var AnimationState = require('../AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function OverflowList(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$activeHierarchy = _ref.activeHierarchy,
-      activeHierarchy = _ref$activeHierarchy === void 0 ? '' : _ref$activeHierarchy,
-      children = _ref.children;
-
-  var _useContext = React.useContext(AnimationState.Context),
-      _useContext$state$isD = _useContext.state.isDrillingDown,
-      isDrillingDown = _useContext$state$isD === void 0 ? false : _useContext$state$isD,
-      setIsDrillingDown = _useContext.setIsDrillingDown;
-
-  var overflowTransition = web_cjs.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animation_animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
-    onDestroyed: function onDestroyed() {
-      return setIsDrillingDown(false);
-    }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function OverflowList({
+  className = '',
+  activeHierarchy = '',
+  children
+}) {
+  const {
+    state: {
+      isDrillingDown = false
+    },
+    setIsDrillingDown
+  } = react.useContext(AnimationState.Context);
+  const overflowTransition = web.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
+    onDestroyed: () => setIsDrillingDown(false)
   }));
-  return overflowTransition.map(function (_ref2) {
-    var props = _ref2.props,
-        key = _ref2.key;
-    return /*#__PURE__*/React__default['default'].createElement(web_cjs.animated.div, {
-      key: key,
-      className: className,
-      style: props
-    }, children);
-  });
+  return overflowTransition.map(({
+    props,
+    key
+  }) => /*#__PURE__*/_jsx__default["default"](web.animated.div, {
+    className: className,
+    style: props
+  }, key, children));
 }
 
 module.exports = OverflowList;
-//# sourceMappingURL=OverflowList.js.map

package/cjs/components/ShuttleBreadcrumb.js

@@ -1,48 +1,36 @@
 'use strict';
 
-var React = require('react');
-var web_cjs = require('react-spring/web.cjs');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var web = require('react-spring/web');
 var DSBreadcrumb = require('@elliemae/ds-basic/Breadcrumb');
-var animation_animationConfig = require('../animation/animationConfig.js');
+var animationConfig = require('../animation/animationConfig.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
 
-/* eslint-disable react/prop-types */
-
-function ShuttleBreadcrumb(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$hierarchy = _ref.hierarchy,
-      hierarchy = _ref$hierarchy === void 0 ? [] : _ref$hierarchy,
-      _ref$onNavigateTo = _ref.onNavigateTo,
-      onNavigateTo = _ref$onNavigateTo === void 0 ? function () {
-    return null;
-  } : _ref$onNavigateTo;
-  var animatedCrumbs = web_cjs.useTransition(hierarchy, function (item) {
-    return item.id;
-  }, animation_animationConfig.animationConfig.breadcrumb());
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+function ShuttleBreadcrumb({
+  className = '',
+  hierarchy = [],
+  onNavigateTo = () => null
+}) {
+  const animatedCrumbs = web.useTransition(hierarchy, item => item.id, animationConfig.animationConfig.breadcrumb());
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: className
-  }, /*#__PURE__*/React__default['default'].createElement(DSBreadcrumb__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"], {
     isTitle: true
-  }, animatedCrumbs.map(function (_ref2) {
-    var item = _ref2.item,
-        props = _ref2.props,
-        key = _ref2.key;
-    return /*#__PURE__*/React__default['default'].createElement(DSBreadcrumb__default['default'].Item, {
-      key: key,
-      containerComponent: web_cjs.animated.li,
-      label: item.name,
-      onClick: function onClick() {
-        return onNavigateTo(item, 'up');
-      },
-      style: props
-    });
-  })));
+  }, void 0, animatedCrumbs.map(({
+    item,
+    props,
+    key
+  }) => /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"].Item, {
+    containerComponent: web.animated.li,
+    label: item.name,
+    onClick: () => onNavigateTo(item, 'up'),
+    style: props
+  }, key))));
 }
 
 module.exports = ShuttleBreadcrumb;
-//# sourceMappingURL=ShuttleBreadcrumb.js.map

package/cjs/components/ShuttleInfiniteScrollIndicator.js

@@ -1,35 +1,33 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSIndeterminateProgressIndicator = require('@elliemae/ds-basic/IndeterminateProgressIndicator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
 
-/* eslint-disable react/no-unused-state */
-var blockName = 'shuttle-infinite-scroll-indicator';
-var InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
-  var isOpen = _ref.isOpen;
-  return {
-    opened: isOpen
-  };
-});
+var _DSIndeterminateProgr;
+const blockName = 'shuttle-infinite-scroll-indicator';
+const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, ({
+  isOpen
+}) => ({
+  opened: isOpen
+}));
 
-var ShuttleInfiniteScrollIndicator = function ShuttleInfiniteScrollIndicator(_ref2) {
-  var isOpen = _ref2.isOpen;
-  return /*#__PURE__*/React__default['default'].createElement(InfiniteScrollBarContainer, {
-    classProps: {
-      isOpen: isOpen
-    },
-    "data-testid": blockName
-  }, /*#__PURE__*/React__default['default'].createElement(DSIndeterminateProgressIndicator__default['default'], {
-    processing: true,
-    title: "Loading"
-  }));
-};
+const ShuttleInfiniteScrollIndicator = ({
+  isOpen
+}) => /*#__PURE__*/_jsx__default["default"](InfiniteScrollBarContainer, {
+  classProps: {
+    isOpen
+  },
+  "data-testid": blockName
+}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+  processing: true,
+  title: "Loading"
+})));
 
 module.exports = ShuttleInfiniteScrollIndicator;
-//# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

package/cjs/components/ShuttleListItem/ActionButtons.js

@@ -2,54 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSButton = require('@elliemae/ds-basic/Button');
 var CloseCircle = require('@elliemae/ds-icons/CloseCircle');
 var ArrowShortRight = require('@elliemae/ds-icons/ArrowShortRight');
 var ArrowShortReturn = require('@elliemae/ds-icons/ArrowShortReturn');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var CloseCircle__default = /*#__PURE__*/_interopDefaultLegacy(CloseCircle);
 var ArrowShortRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowShortRight);
 var ArrowShortReturn__default = /*#__PURE__*/_interopDefaultLegacy(ArrowShortReturn);
 
-var ActionButton = dsClassnames.aggregatedClasses(DSButton__default['default'])('shuttle-list-item', 'action-button');
-var DeleteButton = function DeleteButton(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ActionButton, _extends__default['default']({
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(CloseCircle__default['default'], null)
-  }, props));
-};
-var MoveButton = function MoveButton(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ActionButton, _extends__default['default']({
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(ArrowShortRight__default['default'], null)
-  }, props, {
-    containerProps: {
-      'data-testid': 'ds-shuttle__move-button'
-    }
-  }));
-};
-var DrillDownButton = function DrillDownButton(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ActionButton, _extends__default['default']({
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(ArrowShortReturn__default['default'], {
-      "data-testid": "shuttle__drill-btn-icon"
-    })
-  }, props, {
-    containerProps: {
-      'data-testid': 'shuttle__drill-btn'
-    }
-  }));
-};
+var _CloseCircle, _ArrowShortRight, _ArrowShortReturn;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const ActionButton = dsClassnames.aggregatedClasses(DSButton__default["default"])('shuttle-list-item', 'action-button');
+const DeleteButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread({
+  buttonType: "text",
+  icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](CloseCircle__default["default"], {}))
+}, props));
+const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
+  buttonType: "text",
+  icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](ArrowShortRight__default["default"], {}))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'ds-shuttle__move-button'
+  }
+}));
+const DrillDownButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
+  buttonType: "text",
+  icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](ArrowShortReturn__default["default"], {
+    "data-testid": "shuttle__drill-btn-icon"
+  }))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'shuttle__drill-btn'
+  }
+}));
 
 exports.DeleteButton = DeleteButton;
 exports.DrillDownButton = DrillDownButton;
 exports.MoveButton = MoveButton;
-//# sourceMappingURL=ActionButtons.js.map

package/cjs/components/ShuttleListItem/ShuttleListItem.js

@@ -1,85 +1,78 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var web_cjs = require('react-spring/web.cjs');
+var web = require('react-spring/web');
 var TruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
 var reactSortableHoc = require('react-sortable-hoc');
 var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
 var helper = require('../../helper.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
-require('treetabular');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var TruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(TruncatedTooltipText);
 var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
-var _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
-var blockName = 'shuttle-list-item';
-var Wrapper = dsClassnames.aggregatedClasses(web_cjs.animated.li)(blockName);
-var ActionsGroup = dsClassnames.aggregatedClasses('div')(blockName, 'actions');
-var IconWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'icon-wrapper');
-var Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', function (_ref) {
-  var isChecked = _ref.isChecked,
-      canMove = _ref.canMove,
-      isReadonly = _ref.isReadonly;
-  return {
-    checked: isChecked,
-    'can-hover': canMove,
-    'read-only': isReadonly
-  };
-});
-var SortHandler = reactSortableHoc.sortableHandle(function () {
-  return /*#__PURE__*/React__default['default'].createElement(GripperVertical__default['default'], {
-    className: "gripper"
-  });
-});
+const _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
 
-function ShuttleListItem(_ref2) {
-  var _ref2$item = _ref2.item,
-      item = _ref2$item === void 0 ? {} : _ref2$item,
-      _ref2$showIcons = _ref2.showIcons,
-      showIcons = _ref2$showIcons === void 0 ? undefined : _ref2$showIcons,
-      _ref2$showIcon = _ref2.showIcon,
-      showIcon = _ref2$showIcon === void 0 ? true : _ref2$showIcon,
-      _ref2$onSelect = _ref2.onSelect,
-      onSelect = _ref2$onSelect === void 0 ? function () {
-    return null;
-  } : _ref2$onSelect,
-      _ref2$isChecked = _ref2.isChecked,
-      isChecked = _ref2$isChecked === void 0 ? false : _ref2$isChecked,
-      _ref2$style = _ref2.style,
-      style = _ref2$style === void 0 ? undefined : _ref2$style,
-      _ref2$showActions = _ref2.showActions,
-      showActions = _ref2$showActions === void 0 ? true : _ref2$showActions,
-      _ref2$actions = _ref2.actions,
-      actions = _ref2$actions === void 0 ? [] : _ref2$actions,
-      _ref2$showSortHandler = _ref2.showSortHandler,
-      showSortHandler = _ref2$showSortHandler === void 0 ? false : _ref2$showSortHandler,
-      rest = _objectWithoutProperties__default['default'](_ref2, _excluded);
+var _GripperVertical, _SortHandler;
 
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, _extends__default['default']({}, rest, {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const blockName = 'shuttle-list-item';
+const Wrapper = dsClassnames.aggregatedClasses(web.animated.li)(blockName);
+const ActionsGroup = dsClassnames.aggregatedClasses('div')(blockName, 'actions');
+const IconWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'icon-wrapper');
+const Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', ({
+  isChecked,
+  canMove,
+  isReadonly
+}) => ({
+  checked: isChecked,
+  'can-hover': canMove,
+  'read-only': isReadonly
+}));
+const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
+  className: "gripper"
+})));
+
+function ShuttleListItem(_ref) {
+  let {
+    item = {},
+    showIcons = undefined,
+    showIcon = true,
+    onSelect = () => null,
+    isChecked = false,
+    style = undefined,
+    showActions = true,
+    actions = [],
+    showSortHandler = false
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
     role: "listitem",
-    style: style
-  }), /*#__PURE__*/React__default['default'].createElement(Content, {
-    classProps: {
-      canMove: helper.isMovable(item),
-      isChecked: isChecked,
-      isReadonly: item.readyOnly
-    },
-    onClick: onSelect
-  }, showSortHandler && /*#__PURE__*/React__default['default'].createElement(SortHandler, null), (showIcon || showIcons) && /*#__PURE__*/React__default['default'].createElement(IconWrapper, null, item.icon), /*#__PURE__*/React__default['default'].createElement(TruncatedTooltipText__default['default'], {
-    className: "shuttle-tooltip-text",
-    value: item.name
-  })), showActions && /*#__PURE__*/React__default['default'].createElement(ActionsGroup, null, actions));
+    style: style,
+    children: [/*#__PURE__*/_jsx__default["default"](Content, {
+      classProps: {
+        canMove: helper.isMovable(item),
+        isChecked,
+        isReadonly: item.readyOnly
+      },
+      onClick: onSelect
+    }, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx__default["default"](SortHandler, {}))), (showIcon || showIcons) && /*#__PURE__*/_jsx__default["default"](IconWrapper, {}, void 0, item.icon), /*#__PURE__*/_jsx__default["default"](TruncatedTooltipText__default["default"], {
+      className: "shuttle-tooltip-text",
+      value: item.name
+    })), showActions && /*#__PURE__*/_jsx__default["default"](ActionsGroup, {}, void 0, actions)]
+  }));
 }
 
 module.exports = ShuttleListItem;
-//# sourceMappingURL=ShuttleListItem.js.map