@commercetools-uikit/data-table-manager 15.14.3 → 15.15.1

package/dist/commercetools-uikit-data-table-manager.cjs.prod.js

@@ -18,9 +18,7 @@ var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _styled = require('@emotion/styled/base');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@commercetools-uikit/utils');
@@ -42,6 +40,7 @@ var reactBeautifulDnd = require('react-beautiful-dnd');
 var debounce = require('debounce-promise');
 var differenceWith = require('lodash/differenceWith');
 var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var Tag = require('@commercetools-uikit/tag');
 var hooks = require('@commercetools-uikit/hooks');
 
@@ -58,7 +57,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
@@ -76,37 +74,38 @@ var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceP
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var differenceWith__default = /*#__PURE__*/_interopDefault(differenceWith);
 var AsyncSelectInput__default = /*#__PURE__*/_interopDefault(AsyncSelectInput);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var Tag__default = /*#__PURE__*/_interopDefault(Tag);
 
-var UPDATE_ACTIONS = {
+const UPDATE_ACTIONS = {
   COLUMNS_UPDATE: 'columnsUpdate',
   IS_TABLE_CONDENSED_UPDATE: 'isTableCondensedUpdate',
   IS_TABLE_WRAPPING_TEXT_UPDATE: 'isTableWrappingTextUpdate'
 };
-var COLUMN_MANAGER = 'columnManager';
-var DISPLAY_SETTINGS = 'displaySettings';
+const COLUMN_MANAGER = 'columnManager';
+const DISPLAY_SETTINGS = 'displaySettings';
 
-var HeaderContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const HeaderContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e6ezr101"
 } )({
   name: "1bhm8h2",
   styles: "display:flex;flex:1;justify-content:space-between"
 } );
 
-var CardContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+const CardContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e6ezr100"
 } )("padding:", designSystem.designTokens.paddingForTableManagerSettingsPanel, ";" + ("" ));
 
-var SettingsContainer = function SettingsContainer(props) {
-  var intl = reactIntl.useIntl();
+const SettingsContainer = props => {
+  const intl = reactIntl.useIntl();
 
-  var _useTheme = designSystem.useTheme(),
-      themedValue = _useTheme.themedValue;
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
 
   return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
     isDefaultClosed: false,
-    children: function children(_ref) {
-      var registerContentNode = _ref.registerContentNode,
+    children: _ref => {
+      let registerContentNode = _ref.registerContentNode,
           containerStyles = _ref.containerStyles;
       return jsxRuntime.jsx(Card__default["default"], {
         type: themedValue('flat', 'raised'),
@@ -151,7 +150,7 @@ var SettingsContainer = function SettingsContainer(props) {
 
 SettingsContainer.propTypes = {};
 SettingsContainer.displayName = 'SettingsContainer';
-var defaultProps$2 = {
+const defaultProps$2 = {
   containerTheme: 'dark'
 };
 SettingsContainer.defaultProps = defaultProps$2;
@@ -200,20 +199,20 @@ var messages$3 = reactIntl.defineMessages({
   }
 });
 
-var WRAPPED_TEXT_VISIBLE = 'wrapped-text-visible';
-var SHOW_HIDE_ON_DEMAND = 'show-hide-on-demand';
-var DENSITY_DEFAULT = 'density-default';
-var DENSITY_COMPACT = 'density-compact';
+const WRAPPED_TEXT_VISIBLE = 'wrapped-text-visible';
+const SHOW_HIDE_ON_DEMAND = 'show-hide-on-demand';
+const DENSITY_DEFAULT = 'density-default';
+const DENSITY_COMPACT = 'density-compact';
 
-var DensityManager = function DensityManager(props) {
-  var intl = reactIntl.useIntl();
+const DensityManager = props => {
+  const intl = reactIntl.useIntl();
 
-  var _useTheme = designSystem.useTheme(),
-      themedValue = _useTheme.themedValue;
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
 
-  var textWrappingOption = props.isWrappingText ? SHOW_HIDE_ON_DEMAND : WRAPPED_TEXT_VISIBLE;
-  var densityDisplayOption = props.isCondensed ? DENSITY_COMPACT : DENSITY_DEFAULT;
-  var columnStackScale = themedValue('s', 'l');
+  const textWrappingOption = props.isWrappingText ? SHOW_HIDE_ON_DEMAND : WRAPPED_TEXT_VISIBLE;
+  const densityDisplayOption = props.isCondensed ? DENSITY_COMPACT : DENSITY_DEFAULT;
+  const columnStackScale = themedValue('s', 'l');
   return jsxRuntime.jsx(SettingsContainer$1, {
     title: messages$3.title,
     closeButtonLabel: messages$3.closeButtonLabel,
@@ -285,21 +284,21 @@ var DensityManager = function DensityManager(props) {
 
 DensityManager.propTypes = {};
 DensityManager.displayName = 'DensityManager';
-var defaultProps$1 = {
+const defaultProps$1 = {
   isCondensed: false,
   isWrappingText: false
 };
 DensityManager.defaultProps = defaultProps$1;
 var DisplaySettingsManager = DensityManager;
 
-var DraggingSmall = /*#__PURE__*/_styled__default["default"]("small", {
+const DraggingSmall = /*#__PURE__*/_styled__default["default"]("small", {
   target: "e1mp438g1"
 } )({
   name: "1fhyj3b",
   styles: "&:hover{cursor:grab;}"
 } );
 
-var DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1mp438g0"
 } )(DraggingSmall, ";" + ("" ));
 
@@ -309,12 +308,12 @@ function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["d
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "emzjy4n0"
 } )("padding:", designSystem.designTokens.paddingForTableManagerDraggableTag, ";" + ("" ));
 
-var DraggableTag = function DraggableTag(props) {
-  var handleRemoveColumn = function handleRemoveColumn() {
+const DraggableTag = props => {
+  const handleRemoveColumn = () => {
     var _props$onRemove;
 
     return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
@@ -324,7 +323,7 @@ var DraggableTag = function DraggableTag(props) {
     draggableId: props.column.key,
     index: props.index,
     isDragDisabled: props.isDisabled,
-    children: function children(provided) {
+    children: provided => {
       return jsxRuntime.jsx(DraggableTagWrapper, {
         children: jsxRuntime.jsx(DraggingContainer$1, _objectSpread$3(_objectSpread$3(_objectSpread$3({
           ref: provided.innerRef
@@ -345,7 +344,7 @@ DraggableTag.propTypes = {};
 DraggableTag.displayName = 'DraggableTag';
 var DraggableTag$1 = DraggableTag;
 
-var TagContainerEditable = /*#__PURE__*/_styled__default["default"]("div", {
+const TagContainerEditable = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e7rakq0"
 } )("background-color:", designSystem.designTokens.backgroundColorForInput, ";border:1px solid ", designSystem.designTokens.borderColorForTableManagerDroppableList, ";border-radius:", designSystem.designTokens.borderRadiusForTableManagerDroppableList, ";padding:", designSystem.designTokens.paddingForTableManagerDroppableList, ";height:", designSystem.designTokens.constraint7, ";overflow:auto;" + ("" ));
 
@@ -359,10 +358,10 @@ var messages$2 = reactIntl.defineMessages({
   }
 });
 
-var DroppablePanel = function DroppablePanel(props) {
+const DroppablePanel = props => {
   return jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
     droppableId: props.droppableId,
-    children: function children(provided) {
+    children: provided => {
       var _context;
 
       return jsxRuntime.jsxs(TagContainerEditable$1, {
@@ -375,16 +374,16 @@ var DroppablePanel = function DroppablePanel(props) {
             children: props.noColumnsText
           })
         }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, function (column, index) {
+          children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => {
             var _context2;
 
             return jsxRuntime.jsx(DraggableTag$1, {
               column: column,
               index: index,
-              onRemove: props.onRemove ? function () {
-                var _context3, _context4, _context5;
+              onRemove: props.onRemove ? () => {
+                var _context3, _context4;
 
-                return props.onRemove(_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, 0, index)), _toConsumableArray(_sliceInstanceProperty__default["default"](_context5 = props.columns).call(_context5, index + 1))));
+                return props.onRemove([..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, index + 1)]);
               } : undefined,
               isDisabled: props.isDisabled
             }, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
@@ -438,116 +437,88 @@ var messages$1 = reactIntl.defineMessages({
   }
 });
 
-var HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
-var SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
+const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
+const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var noSearch = function noSearch() {
-  return _Promise__default["default"].resolve([]);
-}; // 'onChange' prop in AsyncSelectInput is required but not needed here
+const noSearch = () => _Promise__default["default"].resolve([]); // 'onChange' prop in AsyncSelectInput is required but not needed here
 
 
-var voidChangeHandler = function voidChangeHandler() {
-  return undefined;
-};
+const voidChangeHandler = () => undefined;
 
-var DroppableContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const DroppableContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "en01od20"
-} )("width:100%;position:relative;max-width:", designSystem.designTokens.constraint10, ";cursor:", function (props) {
-  return props.isDragging ? 'grabbing' : 'auto';
-}, ";" + ("" ));
+} )("width:100%;position:relative;max-width:", designSystem.designTokens.constraint10, ";cursor:", props => props.isDragging ? 'grabbing' : 'auto', ";" + ("" ));
 
-var handleColumnsUpdate = function handleColumnsUpdate(dragResult, onUpdateColumns, selectedColumns, availableColumns, setIsDragging) {
+const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, availableColumns, setIsDragging) => {
   setIsDragging(false); // Invalid drop destination, do nothing
 
   if (!dragResult.destination) return;
 
   if (dragResult.destination.droppableId === HIDDEN_COLUMNS_PANEL) {
-    var _context;
-
     if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
-    onUpdateColumns(_concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1))));
+    onUpdateColumns([..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
   } else {
-    var _context2;
-
     // the destination is the selected columns panel
     // it's a swap when the source and the destination are the same
-    var isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
-    var items = isSwap ? // remove the dragged item from its position if it is not coming from
+    const isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
+    const items = isSwap ? // remove the dragged item from its position if it is not coming from
     // the hidden section (it is a swap)
-    _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1))) : selectedColumns;
-    var columns = isSwap ? selectedColumns : availableColumns;
+    [..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
+    const columns = isSwap ? selectedColumns : availableColumns;
 
-    var draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, function (col) {
-      return col.key === dragResult.draggableId;
-    }); // push the column in the new position if draggedColumn is found
+    const draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, col => col.key === dragResult.draggableId); // push the column in the new position if draggedColumn is found
 
 
     if (draggedColumn) {
-      var _context3;
-
-      onUpdateColumns(_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index)), [draggedColumn], _toConsumableArray(_sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index))));
+      onUpdateColumns([..._sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index), draggedColumn, ..._sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index)]);
     }
   }
 };
 
-var DropdownIndicator = function DropdownIndicator() {
-  return jsxRuntime.jsx(Spacings__default["default"].Inline, {
-    alignItems: "center",
-    children: jsxRuntime.jsx(icons.SearchIcon, {
-      size: "medium",
-      color: "primary"
-    })
-  });
-};
+const DropdownIndicator = () => jsxRuntime.jsx(Spacings__default["default"].Inline, {
+  alignItems: "center",
+  children: jsxRuntime.jsx(icons.SearchIcon, {
+    size: "medium",
+    color: "primary"
+  })
+});
 
 DropdownIndicator.displayName = 'DropdownIndicator';
 
-var Nothing = function Nothing() {
-  return null;
-};
+const Nothing = () => null;
 
-var selectInputComponents = {
+const selectInputComponents = {
   Option: Nothing,
   Menu: Nothing,
-  DropdownIndicator: DropdownIndicator
+  DropdownIndicator
 };
-var ColumnSettingsManager = function ColumnSettingsManager(props) {
+const ColumnSettingsManager = props => {
   if (props.areHiddenColumnsSearchable) ;
 
-  var intl = reactIntl.useIntl();
+  const intl = reactIntl.useIntl();
 
-  var _useTheme = designSystem.useTheme(),
-      themedValue = _useTheme.themedValue;
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
 
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isDragging = _useState2[0],
-      setIsDragging = _useState2[1];
+  const _useState = react.useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        isDragging = _useState2[0],
+        setIsDragging = _useState2[1];
 
-  var searchHiddenColumns = props.searchHiddenColumns;
+  const searchHiddenColumns = props.searchHiddenColumns;
 
-  var handleDragStart = function handleDragStart() {
+  const handleDragStart = () => {
     setIsDragging(true);
   };
 
-  var hiddenColumns = react.useMemo(function () {
-    return differenceWith__default["default"](props.availableColumns, props.selectedColumns, function (a, b) {
-      return a.key === b.key;
-    });
-  }, [props.availableColumns, props.selectedColumns]);
-  var handleDragEnd = react.useCallback(function (dragResult) {
-    return handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging);
-  }, [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
-  var debouncedSearchHiddenColumns = react.useMemo(function () {
-    return debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300);
-  }, [searchHiddenColumns]);
-  var handleInputChange = react.useCallback(function (inputValue) {
-    return debouncedSearchHiddenColumns(inputValue);
-  }, [debouncedSearchHiddenColumns]);
+  const hiddenColumns = react.useMemo(() => differenceWith__default["default"](props.availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [props.availableColumns, props.selectedColumns]);
+  const handleDragEnd = react.useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
+  const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
+  const handleInputChange = react.useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
   return jsxRuntime.jsx(SettingsContainer$1, {
     title: messages$1.title,
     closeButtonLabel: messages$1.closeButtonLabel,
@@ -618,7 +589,7 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
 };
 ColumnSettingsManager.propTypes = {};
 ColumnSettingsManager.displayName = 'ColumnSettingsManager';
-var defaultProps = {
+const defaultProps = {
   availableColumns: []
 };
 ColumnSettingsManager.defaultProps = defaultProps;
@@ -644,80 +615,72 @@ var messages = reactIntl.defineMessages({
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 /* The horizontal constraint is set on this container instead of the SelectInput
 because the input is always empty, and therefore doesn't take any space by itself
 but we want to keep enough space for the placeholder to be readable */
-var SelectContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const SelectContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e3i1gnv1"
 } )("min-width:", designSystem.designTokens.constraint4, ";" + ("" ));
 
-var TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e3i1gnv0"
 } )({
   name: "1ff36h2",
   styles: "flex-grow:1"
 } );
 
-var getDropdownOptions = function getDropdownOptions(_ref) {
-  var _context;
-
-  var areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
+const getDropdownOptions = _ref => {
+  let areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
       areDisplaySettingsEnabled = _ref.areDisplaySettingsEnabled,
       formatMessage = _ref.formatMessage;
-  return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(areColumnSettingsEnabled ? [{
+  return [...(areColumnSettingsEnabled ? [{
     value: COLUMN_MANAGER,
     label: formatMessage(messages.columnManagerOption)
-  }] : []), _toConsumableArray(areDisplaySettingsEnabled ? [{
+  }] : []), ...(areDisplaySettingsEnabled ? [{
     value: DISPLAY_SETTINGS,
     label: formatMessage(messages.displaySettingsOption)
-  }] : []));
+  }] : [])];
 };
-var getMappedColumns = function getMappedColumns() {
-  var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return _reduceInstanceProperty__default["default"](columns).call(columns, function (mappedColumns, column) {
-    return _objectSpread$1(_objectSpread$1({}, mappedColumns), {}, _defineProperty({}, column.key, column));
-  }, {});
+const getMappedColumns = function () {
+  let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return _reduceInstanceProperty__default["default"](columns).call(columns, (mappedColumns, column) => _objectSpread$1(_objectSpread$1({}, mappedColumns), {}, {
+    [column.key]: column
+  }), {});
 };
-var getSelectedColumns = function getSelectedColumns(mappedColumns) {
-  var visibleColumnsKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, function (columnKey) {
-    return mappedColumns[columnKey];
-  });
+const getSelectedColumns = function (mappedColumns) {
+  let visibleColumnsKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, columnKey => mappedColumns[columnKey]);
 };
 
-var DataTableSettings = function DataTableSettings(props) {
+const DataTableSettings = props => {
   var _props$columnManager$, _props$columnManager;
 
-  var areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
-  var areColumnSettingsEnabled = Boolean(props.columnManager && !props.columnManager.disableColumnManager);
-  var intl = reactIntl.useIntl();
+  const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
+  const areColumnSettingsEnabled = Boolean(props.columnManager && !props.columnManager.disableColumnManager);
+  const intl = reactIntl.useIntl();
 
-  var _useTheme = designSystem.useTheme(),
-      themedValue = _useTheme.themedValue;
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
 
-  var _useState = react.useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      openedPanelId = _useState2[0],
-      setOpenedPanelId = _useState2[1];
+  const _useState = react.useState(null),
+        _useState2 = _slicedToArray(_useState, 2),
+        openedPanelId = _useState2[0],
+        setOpenedPanelId = _useState2[1];
 
-  var dropdownOptions = getDropdownOptions({
-    areDisplaySettingsEnabled: areDisplaySettingsEnabled,
-    areColumnSettingsEnabled: areColumnSettingsEnabled,
+  const dropdownOptions = getDropdownOptions({
+    areDisplaySettingsEnabled,
+    areColumnSettingsEnabled,
     formatMessage: intl.formatMessage
   });
 
-  var handleDropdownChange = function handleDropdownChange(event) {
-    return setOpenedPanelId(_Array$isArray__default["default"](event.target.value) ? event.target.value[0] : event.target.value);
-  };
+  const handleDropdownChange = event => setOpenedPanelId(_Array$isArray__default["default"](event.target.value) ? event.target.value[0] : event.target.value);
 
-  var mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
-  var selectedColumns = getSelectedColumns(mappedColumns, areColumnSettingsEnabled ? props.columnManager.visibleColumnKeys : undefined);
+  const mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
+  const selectedColumns = getSelectedColumns(mappedColumns, areColumnSettingsEnabled ? props.columnManager.visibleColumnKeys : undefined);
 
-  var handleSettingsPanelChange = function handleSettingsPanelChange() {
-    return setOpenedPanelId(null);
-  };
+  const handleSettingsPanelChange = () => setOpenedPanelId(null);
 
   return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
     scale: themedValue('s', 'xs'),
@@ -747,12 +710,12 @@ var DataTableSettings = function DataTableSettings(props) {
       })]
     }), openedPanelId === DISPLAY_SETTINGS && jsxRuntime.jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
       onClose: handleSettingsPanelChange,
-      onDensityDisplayChange: function onDensityDisplayChange(event) {
+      onDensityDisplayChange: event => {
         var _props$onSettingsChan;
 
         (_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 ? void 0 : _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
       },
-      onTextWrappingChange: function onTextWrappingChange(event) {
+      onTextWrappingChange: event => {
         var _props$onSettingsChan2;
 
         (_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 ? void 0 : _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
@@ -762,12 +725,10 @@ var DataTableSettings = function DataTableSettings(props) {
       availableColumns: (_props$columnManager$ = (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
       selectedColumns: selectedColumns,
       onClose: handleSettingsPanelChange,
-      onUpdateColumns: function onUpdateColumns(nextVisibleColumns) {
+      onUpdateColumns: nextVisibleColumns => {
         var _props$onSettingsChan3;
 
-        var keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, function (visibleColumn) {
-          return visibleColumn.key;
-        });
+        const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
 
         (_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 ? void 0 : _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
       },
@@ -784,20 +745,18 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var DataTableManager = function DataTableManager(props) {
-  var _useTheme = designSystem.useTheme(),
-      themedValue = _useTheme.themedValue;
+const DataTableManager = props => {
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
 
-  var areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
-  var isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
-  var columns = react.useMemo(function () {
+  const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
+  const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
+  const columns = react.useMemo(() => {
     var _context;
 
-    return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, function (column) {
-      return _objectSpread(_objectSpread({}, column), {}, {
-        isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
-      });
-    });
+    return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, column => _objectSpread(_objectSpread({}, column), {}, {
+      isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
+    }));
   }, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
   return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
     children: [jsxRuntime.jsx(DataTableSettings$1, {
@@ -807,7 +766,7 @@ var DataTableManager = function DataTableManager(props) {
       displaySettings: props.displaySettings,
       managerTheme: themedValue(props.managerTheme, 'light')
     }), /*#__PURE__*/react.cloneElement(props.children, {
-      columns: columns,
+      columns,
       isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
     })]
   });
@@ -818,7 +777,7 @@ DataTableManager.displayName = 'DataTableManager';
 var DataTableManager$1 = DataTableManager;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.14.3";
+var version = "15.15.1";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,