@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -2,100 +2,133 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('../../configs/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+var React = require('react');
+var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@babel/runtime/helpers/jsx');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b86fbdf4.js');
+require('../../styled.js');
+require('react/jsx-runtime');
 require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('../../parts/EmptyContent.js');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+var DataTableContext = require('../../DataTableContext.js');
+require('../../parts/Row.js');
 require('../../parts/Footer.js');
-require('@babel/runtime/helpers/extends');
 require('../../parts/HoC/SortableItemContext.js');
-require('../../DataTableContext.js');
 require('../../redux/reducers/index.js');
-require('../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('../../helpers/getIdFromUniqueRowAccessor.js');
-require('../../helpers/sizeToCss.js');
-require('../../helpers/cellPadding.js');
-require('react-redux');
-require('../../addons/Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('../../helpers/refs-helpers.js');
-require('../../parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../../parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../../helpers/dndkit/utilities.js');
-require('../../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../../helpers/dndkit/tree/customCollisionDetection.js');
-require('../../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../../parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../RowVariants.js');
-require('../Filters/singleSelectFilterFn.js');
-require('../Filters/multiSelectFilterFn.js');
-require('../Filters/textFilterFn.js');
-require('moment');
-require('../Filters/numberRangeFilterFn.js');
-require('../Filters/currencyRangeFilterFn.js');
-require('../FilterTypes.js');
-require('../../addons/Columns/ColumnAction/ColumnAction.js');
-require('../../hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../prop-types.js');
-require('../../parts/Cells/useCellStyle.js');
-require('./useRowRendererProperties.js');
-require('./useRowStyle.js');
-require('../../parts/DropIndicator.js');
-require('../../configs/zIndexInternalConfig.js');
-require('../../helpers/addCellData.js');
-require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../../parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('../../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../../redux/reducers/headersReducers/logic.js');
-require('../../redux/reducers/headersReducers/defaults.js');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../../helpers/columnsToGrid.js');
-require('../../parts/Headers/useHeaderCellHandlers.js');
-require('../../parts/Headers/useHeaderCellConfig.js');
-require('../../hooks/useRecoverFocusCol.js');
-require('../../parts/Headers/RequiredDot.js');
-require('../../parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../../parts/HoC/withConditionalDnDSortableContext.js');
-require('../../parts/Headers/EmptyChildrenGroup.js');
-require('../../configs/fixedSizes.js');
-require('../../parts/Loader.js');
-require('@elliemae/ds-system');
-require('redux');
-require('../../redux/reducers/rowsReducers/rowsReducer.js');
-require('../../redux/reducers/rowsReducers/logic.js');
-require('../../redux/reducers/rowsReducers/defaults.js');
+var useDispatchRowsActions = require('../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
+
+const useRowRendererHandlers = _ref => {
+  let {
+    row,
+    itemIndex,
+    items,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  } = _ref;
+  const {
+    tableProps: {
+      onRowClick,
+      onRowFocus
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const {
+    setSelectedRowId,
+    setFocusedRowId
+  } = useDispatchRowsActions.useDispatchRowsActions();
+  const handleItemClick = React.useCallback(function (e) {
+    let {
+      original,
+      uid
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : row;
+    // setSelectedRowId(null);
+    onRowClick(original, e, uid);
+    onRowFocus({
+      itemIndex,
+      scrollToItem: function () {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          align: 'start'
+        };
+        return scrollToIndex(itemIndex, opts);
+      },
+      original
+    }, e);
+  }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
+  const isActive = draggableProps && draggableProps.active;
+  const handleKeyDown = React.useCallback(e => {
+    if (isDragOverlay || isActive) {
+      e.preventDefault();
+      return;
+    }
+
+    if (e.code === 'Enter') {
+      e.preventDefault();
+
+      if (selectedRowId !== row.uid) {
+        setSelectedRowId(row.uid);
+        setTimeout(() => {
+          const focuseableCell = row.cells.find(cell => cell.ref.current !== null);
+          if (focuseableCell) focuseableCell.ref.current.focus();
+        });
+      }
+    }
+
+    if (e.code === 'Space') {
+      e.preventDefault();
+      handleItemClick(e, row);
+    }
+
+    if (e.code === 'ArrowDown') {
+      e.preventDefault();
+      if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);
+    }
 
+    if (e.code === 'ArrowUp') {
+      e.preventDefault();
+      if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);
+    }
+  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
+  const handleOnBlur = React.useCallback(e => {
+    var _e$relatedTarget;
 
+    if (((_e$relatedTarget = e.relatedTarget) === null || _e$relatedTarget === void 0 ? void 0 : _e$relatedTarget.getAttribute('data-testid')) === 'data-table-row-content') {
+      setSelectedRowId(null);
+    }
+  }, [setSelectedRowId]);
+  const handleOnFocus = React.useCallback(e => {
+    if (e.target && e.target.getAttribute('data-testid') === constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+      setFocusedRowId(row.uid);
+    }
+  }, [row.uid, setFocusedRowId]);
+  return {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  };
+};
 
-exports.useRowRendererHandlers = addons_Columns_ColumnExpand_ColumnExpand.useRowRendererHandlers;
-//# sourceMappingURL=useRowRendererHandlers.js.map
+exports.useRowRendererHandlers = useRowRendererHandlers;

package/cjs/exported-related/RowRenderer/useRowRendererProperties.js

@@ -3,12 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var DataTableContext = require('../../DataTableContext.js');
-var exportedRelated_RowRenderer_useRowStyle = require('./useRowStyle.js');
-require('../../configs/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../parts/HoC/SortableItemContext.js');
+var useRowStyle = require('./useRowStyle.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,27 +20,29 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
-var useRowRendererProperties = function useRowRendererProperties(_ref) {
-  var row = _ref.row;
-
-  var _useContext = React.useContext(DataTableContext['default']),
-      colsLayoutStyle = _useContext.tableProps.colsLayoutStyle,
-      totalColumnsWidth = _useContext.layoutHelpers.totalColumnsWidth;
-
-  var userDataProperties = React.useMemo(function () {
-    return Object.keys(row.original).reduce(function (acc, cur) {
-      if (cur.startsWith('data-')) acc[cur] = row.original[cur];
-      return acc;
-    }, {});
-  }, [row]);
-  var styleRelatedProps = exportedRelated_RowRenderer_useRowStyle.useRowStyle(row);
+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 useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
+  const {
+    tableProps: {
+      colsLayoutStyle
+    },
+    layoutHelpers: {
+      totalColumnsWidth
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const userDataProperties = React.useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
+    if (cur.startsWith('data-')) acc[cur] = row.original[cur];
+    return acc;
+  }, {}), [row]);
+  const styleRelatedProps = useRowStyle.useRowStyle(row);
   return _objectSpread({
-    userDataProperties: userDataProperties,
-    colsLayoutStyle: colsLayoutStyle,
-    totalColumnsWidth: totalColumnsWidth
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth
   }, styleRelatedProps);
 };
 
 exports.useRowRendererProperties = useRowRendererProperties;
-//# sourceMappingURL=useRowRendererProperties.js.map

package/cjs/exported-related/RowRenderer/useRowStyle.js

@@ -2,27 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DataTableContext = require('../../DataTableContext.js');
-var parts_HoC_SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
-require('../../configs/constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useRowStyle = function useRowStyle(row) {
-  var _useContext = React.useContext(DataTableContext['default']),
-      flattenedData = _useContext.flattenedData;
-
-  var _useContext2 = React.useContext(parts_HoC_SortableItemContext.SortableItemContext),
-      draggableProps = _useContext2.draggableProps; // ---------------------------------------------------------------------------
+var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
+
+const useRowStyle = row => {
+  const {
+    flattenedData
+  } = React.useContext(DataTableContext["default"]);
+  const {
+    draggableProps
+  } = React.useContext(SortableItemContext.SortableItemContext); // ---------------------------------------------------------------------------
   // Border calculation
   // ---------------------------------------------------------------------------
 
-
-  var _useMemo = React.useMemo(function () {
+  const [borderTop, borderBottom, shouldAppendDottedBorder] = React.useMemo(() => {
     if (row.original.dimsumHeaderValue) {
       return ['none', 'none', false];
     }
@@ -40,25 +35,17 @@ var useRowStyle = function useRowStyle(row) {
     }
 
     return ['none', '1px solid #EBEDF0', false];
-  }, [row, flattenedData]),
-      _useMemo2 = _slicedToArray__default['default'](_useMemo, 3),
-      borderTop = _useMemo2[0],
-      borderBottom = _useMemo2[1],
-      shouldAppendDottedBorder = _useMemo2[2];
-
-  var rowStyle = React.useMemo(function () {
-    return {
-      borderTop: borderTop,
-      borderBottom: borderBottom
-    };
-  }, [borderTop, borderBottom]);
-  var dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
+  }, [row, flattenedData]);
+  const rowStyle = React.useMemo(() => ({
+    borderTop,
+    borderBottom
+  }), [borderTop, borderBottom]);
+  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
   return {
-    rowStyle: rowStyle,
-    shouldAppendDottedBorder: shouldAppendDottedBorder,
-    dropIndicatorPosition: dropIndicatorPosition
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
   };
 };
 
 exports.useRowStyle = useRowStyle;
-//# sourceMappingURL=useRowStyle.js.map

package/cjs/exported-related/RowVariants.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ROW_VARIANTS = {
+const ROW_VARIANTS = {
   HEADER_GROUP: 'ds-header-group-row',
   PRIMARY: 'ds-primary-row',
   SECONDARY: 'ds-secondary-row',
   COMPACT_PRIMARY: 'ds-compact-primary-row',
   COMPACT_SECONDARY: 'ds-compact-secondary-row'
 };
-var ROW_VARIANT_KEY = 'row_variant_type';
-var ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';
+const ROW_VARIANT_KEY = 'row_variant_type';
+const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';
 
 exports.ROW_VARIANTS = ROW_VARIANTS;
 exports.ROW_VARIANT_COMPACT_KEY = ROW_VARIANT_COMPACT_KEY;
 exports.ROW_VARIANT_KEY = ROW_VARIANT_KEY;
-//# sourceMappingURL=RowVariants.js.map

package/cjs/exported-related/Toolbar/Toolbar.js

@@ -2,162 +2,86 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var styled = require('styled-components');
 var DSButton = require('@elliemae/ds-button');
 var dsIcons = require('@elliemae/ds-icons');
 var dsUtilities = require('@elliemae/ds-utilities');
-var configs_constants = require('../../configs/constants.js');
+var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
-require('../../styled-b86fbdf4.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('../../styled.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('../../parts/EmptyContent.js');
+require('@elliemae/ds-system');
+require('../../DataTableContext.js');
+require('../../parts/Row.js');
 require('../../parts/Footer.js');
-require('@babel/runtime/helpers/extends');
 require('../../parts/HoC/SortableItemContext.js');
-require('../../helpers/getIdFromUniqueRowAccessor.js');
-require('../../helpers/sizeToCss.js');
-require('../../helpers/cellPadding.js');
-require('react-redux');
-require('../../DataTableContext.js');
-require('../../addons/Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('../../helpers/refs-helpers.js');
-require('../../parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../../parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../../helpers/dndkit/utilities.js');
-require('../../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../../helpers/dndkit/tree/customCollisionDetection.js');
-require('../../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../../parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-popperjs');
-require('../../redux/reducers/index.js');
-require('redux');
-require('../../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../../redux/reducers/headersReducers/logic.js');
-require('../../redux/reducers/headersReducers/defaults.js');
-require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('../../redux/reducers/rowsReducers/rowsReducer.js');
-require('../../redux/reducers/rowsReducers/logic.js');
-require('../../redux/reducers/rowsReducers/defaults.js');
-require('../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('uid');
-require('../RowVariants.js');
-require('../Filters/singleSelectFilterFn.js');
-require('../Filters/multiSelectFilterFn.js');
-require('../Filters/textFilterFn.js');
-require('moment');
-require('../Filters/numberRangeFilterFn.js');
-require('../Filters/currencyRangeFilterFn.js');
-require('../FilterTypes.js');
-require('../../addons/Columns/ColumnAction/ColumnAction.js');
-require('../../hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../prop-types.js');
-require('../../parts/Cells/useCellStyle.js');
-require('../RowRenderer/useRowRendererProperties.js');
-require('../RowRenderer/useRowStyle.js');
-require('../../parts/DropIndicator.js');
-require('../../configs/zIndexInternalConfig.js');
-require('../../helpers/addCellData.js');
-require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../../parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../../helpers/columnsToGrid.js');
-require('../../parts/Headers/useHeaderCellHandlers.js');
-require('../../parts/Headers/useHeaderCellConfig.js');
-require('../../hooks/useRecoverFocusCol.js');
-require('../../parts/Headers/RequiredDot.js');
-require('../../parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../../parts/HoC/withConditionalDnDSortableContext.js');
-require('../../parts/Headers/EmptyChildrenGroup.js');
-require('../../configs/fixedSizes.js');
-require('../../parts/Loader.js');
-require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var ToolbarBtns = /*#__PURE__*/styled__default['default'].div.withConfig({
+var _MoreOptionsVert;
+const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ru2no0-0"
 })(["& > .em-ds-toolbar{box-shadow:none;}"]);
-var ToolbarWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ToolbarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ru2no0-1"
 })(["display:flex;align-items:center;height:36px;margin-right:1px;pointer-events:all;&:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.13),0 1px 2px 0 rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"]);
-var ToolbarPosition = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ToolbarPosition = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ru2no0-2"
-})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:28px;margin-top:4px;width:100%;padding-left:4px;&:hover{z-index:1;}:after{content:'';position:absolute;left:0px;top:4px;bottom:4px;width:1px;background-color:", ";z-index:7;}"], function (props) {
-  return props.theme.colors.neutral['080'];
-}); // eslint-disable-next-line react/prop-types
-
-var Toolbar = function Toolbar(_ref) {
-  var children = _ref.children;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      clicked = _useState4[0],
-      setClicked = _useState4[1];
+})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:28px;margin-top:4px;width:100%;padding-left:4px;&:hover{z-index:1;}:after{content:'';position:absolute;left:0px;top:4px;bottom:4px;width:1px;background-color:", ";z-index:7;}"], props => props.theme.colors.neutral['080']); // eslint-disable-next-line react/prop-types
 
-  var toolbarRef = React.useRef(null);
-  var handleOnClickOutside = React.useCallback(function () {
+const Toolbar = _ref => {
+  let {
+    children
+  } = _ref;
+  const [show, setShow] = React.useState(false);
+  const [clicked, setClicked] = React.useState(false);
+  const toolbarRef = React.useRef(null);
+  const handleOnClickOutside = React.useCallback(() => {
     setShow(false);
     setClicked(false);
   }, []);
-  var handleOnClick = React.useCallback(function () {
+  const handleOnClick = React.useCallback(() => {
     setShow(true);
     setClicked(true);
   }, []);
   dsUtilities.useOnClickOutside(toolbarRef, handleOnClickOutside);
-  return /*#__PURE__*/React__default['default'].createElement(ToolbarPosition, {
-    ref: toolbarRef
-  }, /*#__PURE__*/React__default['default'].createElement(ToolbarWrapper, {
-    onMouseEnter: function onMouseEnter() {
-      return setShow(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setShow(clicked);
-    }
-  }, show && /*#__PURE__*/React__default['default'].createElement(ToolbarBtns, null, children), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": configs_constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, null),
-    onClick: handleOnClick,
-    onKeyDown: function onKeyDown(e) {
-      return ['Enter', 'Space'].includes(e.code) && handleOnClick();
-    },
-    tabIndex: 0
-  })));
+  return /*#__PURE__*/jsxRuntime.jsx(ToolbarPosition, {
+    ref: toolbarRef,
+    children: /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(clicked)
+    }, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "text",
+      className: "toolbar-trigger",
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})),
+      onClick: handleOnClick,
+      onKeyDown: e => ['Enter', 'Space'].includes(e.code) && handleOnClick(),
+      tabIndex: 0
+    }))
+  });
 };
 
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar.js.map