@bigbinary/neetoui 8.2.14 → 8.2.16

package/dist/Table.js

@@ -4,23 +4,23 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useRef, useEffect, useMemo, useState, useCallback } from 'react';
+import React__default, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
 import classnames from 'classnames';
-import { noop, isPresent, snakeToCamelCase, camelToSnakeCase, isNotEmpty, modifyBy, dynamicArray } from '@bigbinary/neeto-cist';
+import { isPresent, noop, snakeToCamelCase, camelToSnakeCase, isNotEmpty, modifyBy, dynamicArray } from '@bigbinary/neeto-cist';
 import { UpArrow, DownArrow, Left, Right, MenuHorizontal } from '@bigbinary/neeto-icons';
-import { move, has, equals, props, mergeLeft, isEmpty, all, includes, __, pluck, assoc } from 'ramda';
+import { isNil, move, isEmpty, all, includes, __, pipe, filter, pluck, has, without, append, equals, props, mergeLeft, assoc } from 'ramda';
 import ReactDragListView from 'react-drag-listview';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
 import { ANTD_LOCALE } from './constants.js';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import { b as buildUrl, n as noop$1, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-abadd6e9.js';
+import { r as removeFromLocalStorage, s as setToLocalStorage, b as buildUrl, n as noop$1, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-4d4c3cde.js';
 import { u as useQueryParams } from './useQueryParams-dcb34865.js';
 import Button from './Button.js';
 import Callout from './Callout.js';
 import Typography from './Typography.js';
-import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu, S as SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT, a as SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT, u as useRestoreScrollPosition } from './HeaderCellMenu-bca097dd.js';
+import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu, C as COLUMN_FIXED_VALUES, S as SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT, a as SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT, u as useRestoreScrollPosition } from './useRestoreScrollPosition-853e5957.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { Resizable } from 'react-resizable';
 import Spinner from './Spinner.js';
@@ -39,13 +39,13 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import 'qs';
-import './en-41f5c641.js';
+import './en-8006295a.js';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';
-import 'zustand';
 import './Dropdown.js';
 import './Popover.js';
+import 'zustand';
 
 var useTimeout = function useTimeout(callback, delay) {
   var savedCallback = useRef(callback);
@@ -86,6 +86,37 @@ var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
   })));
 };
 
+var getStorageValue = function getStorageValue(key, defaultValue) {
+  try {
+    var storedValue = localStorage.getItem(key);
+    return storedValue ? JSON.parse(storedValue) : defaultValue;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+    return defaultValue;
+  }
+};
+var useLocalStorage = function useLocalStorage(key, defaultValue) {
+  var _useState = useState(function () {
+      return getStorageValue(key, defaultValue);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    storedValue = _useState2[0],
+    setStoredValue = _useState2[1];
+  var setValue = function setValue(value) {
+    return setStoredValue(function (prevStoredValue) {
+      var newValue = typeof value === "function" ? value(prevStoredValue) : value;
+      if (isNil(newValue)) {
+        removeFromLocalStorage(key);
+      } else {
+        setToLocalStorage(key, newValue);
+      }
+      return newValue;
+    });
+  };
+  return [storedValue, setValue];
+};
+
 var useReorderColumns = function useReorderColumns(_ref) {
   var isEnabled = _ref.isEnabled,
     columns = _ref.columns,
@@ -137,10 +168,199 @@ var SortIcon = function SortIcon(_ref) {
   return null;
 };
 
+var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "isFixedColumn", "onColumnHide", "onAddColumn", "onColumnDelete", "onColumnFreeze", "onMoreActionClick", "column", "moreActions"];
+var CellContent = function CellContent(_ref) {
+  var children = _ref.children,
+    isSortable = _ref.isSortable,
+    isAddEnabled = _ref.isAddEnabled,
+    sortedInfo = _ref.sortedInfo,
+    onSort = _ref.onSort,
+    _ref$isHidable = _ref.isHidable,
+    isHidable = _ref$isHidable === void 0 ? true : _ref$isHidable,
+    _ref$isDeletable = _ref.isDeletable,
+    isDeletable = _ref$isDeletable === void 0 ? false : _ref$isDeletable,
+    isFixedColumn = _ref.isFixedColumn,
+    onColumnHide = _ref.onColumnHide,
+    onAddColumn = _ref.onAddColumn,
+    onColumnDelete = _ref.onColumnDelete,
+    onColumnFreeze = _ref.onColumnFreeze,
+    onMoreActionClick = _ref.onMoreActionClick,
+    column = _ref.column,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
+    headerProps = _objectWithoutProperties(_ref, _excluded$4);
+  var isColumnHidable = isHidable && isPresent(onColumnHide);
+  var isColumnDeletable = isDeletable && isPresent(onColumnDelete);
+  var hasMoreActions = !isEmpty(moreActions) && isPresent(onMoreActionClick);
+  var hasMoreMenu = isPresent(column);
+  return /*#__PURE__*/React__default.createElement("th", _extends({}, headerProps, {
+    title: "",
+    onClick: isSortable ? noop : headerProps.onClick
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "min-w-0 flex-grow"
+  }, children), hasMoreMenu && /*#__PURE__*/React__default.createElement(HeaderCellMenu, {
+    column: column,
+    hasMoreActions: hasMoreActions,
+    isAddEnabled: isAddEnabled,
+    isColumnDeletable: isColumnDeletable,
+    isFixedColumn: isFixedColumn,
+    isSortable: isSortable,
+    moreActions: moreActions,
+    onAddColumn: onAddColumn,
+    onColumnDelete: onColumnDelete,
+    onColumnFreeze: onColumnFreeze,
+    onColumnHide: onColumnHide,
+    onMoreActionClick: onMoreActionClick,
+    onSort: onSort,
+    sortedInfo: sortedInfo,
+    columnTitle: headerProps.title,
+    isHidable: isColumnHidable
+  })));
+};
+
+var _excluded$3 = ["onResize", "width", "onResizeStop", "className"];
+var HeaderCell = function HeaderCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    onResizeStop = props.onResizeStop,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded$3);
+  if (!width) {
+    return /*#__PURE__*/React__default.createElement(CellContent, _extends({}, restProps, {
+      className: classnames(className, "drag-handler")
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
+    width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    height: 0,
+    handle: /*#__PURE__*/React__default.createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }),
+    onResizeStart: function onResizeStart(e) {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default.createElement(CellContent, _extends({}, restProps, {
+    className: classnames(className, "drag-handler")
+  })));
+};
+
+var _excluded$2 = ["onResize", "width", "onResizeStop"];
+var ResizableHeaderCell = function ResizableHeaderCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    onResizeStop = props.onResizeStop,
+    restProps = _objectWithoutProperties(props, _excluded$2);
+  if (!width) {
+    return /*#__PURE__*/React__default.createElement(CellContent, restProps);
+  }
+  return /*#__PURE__*/React__default.createElement(Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
+    width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    height: 0,
+    handle: /*#__PURE__*/React__default.createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }),
+    onResizeStart: function onResizeStart(e) {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default.createElement(CellContent, restProps));
+};
+
+var _excluded$1 = ["className"];
+var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default.createElement(CellContent, _extends({}, props, {
+    className: classnames(className, "drag-handler")
+  }));
+};
+
+var convertLocationPathnameToId = function convertLocationPathnameToId() {
+  var pathname = decodeURIComponent(window.location.pathname).replace(/^\//, "");
+  var hash = 0;
+  for (var i = 0; i < pathname.length; i++) {
+    var _char = pathname.charCodeAt(i);
+    hash = (hash << 5) - hash + _char;
+    hash = hash & hash; // Convert to 32-bit integer
+  }
+
+  return Math.abs(hash).toString(16).toUpperCase();
+};
+var getHeaderCell = function getHeaderCell(_ref) {
+  var enableColumnResize = _ref.enableColumnResize,
+    enableColumnReorder = _ref.enableColumnReorder;
+  if (enableColumnReorder && enableColumnResize) return {
+    cell: HeaderCell
+  };
+  if (enableColumnResize) return {
+    cell: ResizableHeaderCell
+  };
+  if (enableColumnReorder) return {
+    cell: ReorderableHeaderCell
+  };
+  return {
+    cell: CellContent
+  };
+};
+var isIncludedIn = function isIncludedIn(array1, array2) {
+  return all(includes(__, array1), array2);
+};
+var getSelectAllRowsCalloutHeight = function getSelectAllRowsCalloutHeight() {
+  return window.innerWidth < 768 ? SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT : SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT;
+};
+var sortFrozenColumns = function sortFrozenColumns(columnData) {
+  var originalIndices = new Map(columnData.map(function (col, index) {
+    return [col.dataIndex, index];
+  }));
+  return function (a, b) {
+    var aFixed = isPresent(a.fixed);
+    var bFixed = isPresent(b.fixed);
+    var aIndex = originalIndices.get(a.dataIndex);
+    var bIndex = originalIndices.get(b.dataIndex);
+    if (aFixed !== bFixed) return aFixed ? -1 : 1;
+    return aIndex - bIndex;
+  };
+};
+var getFixedColumns = function getFixedColumns(columnData) {
+  return pipe(filter(function (_ref2) {
+    var fixed = _ref2.fixed;
+    return isPresent(fixed);
+  }), pluck("dataIndex"))(columnData);
+};
+var getColumnSortOrder = function getColumnSortOrder(col, sortedInfo) {
+  return sortedInfo.field === col.dataIndex || sortedInfo.field === col.key ? sortedInfo.order : null;
+};
+var getColumFixedValue = function getColumFixedValue(col, frozenColumns) {
+  return frozenColumns.indexOf(col.dataIndex) !== -1 ? COLUMN_FIXED_VALUES.LEFT : null;
+};
+var getFrozenColumnsLocalStorageKey = function getFrozenColumnsLocalStorageKey(localStorageKeyPrefix) {
+  var prefix = isPresent(localStorageKeyPrefix) ? localStorageKeyPrefix : convertLocationPathnameToId();
+  return "NEETOUI-".concat(prefix, "-FIXED_COLUMNS");
+};
+
 function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useResizableColumns = function useResizableColumns(_ref) {
   var columns = _ref.columns,
+    columnData = _ref.columnData,
+    frozenColumns = _ref.frozenColumns,
     setColumns = _ref.setColumns,
     isEnabled = _ref.isEnabled,
     isAddEnabled = _ref.isAddEnabled,
@@ -150,6 +370,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
     handleSort = _ref.handleSort,
     sortedInfo = _ref.sortedInfo,
     onColumnHide = _ref.onColumnHide,
+    onColumnFreeze = _ref.onColumnFreeze,
     onMoreActionClick = _ref.onMoreActionClick,
     tableOnChangeProps = _ref.tableOnChangeProps;
   var handleResize = function handleResize(index) {
@@ -164,6 +385,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
   };
   var computedColumnsData = useMemo(function () {
     return columns.map(function (col, index) {
+      var fixed = getColumFixedValue(col, frozenColumns);
       var modifiedColumn = _objectSpread$2(_objectSpread$2({}, col), {}, {
         onHeaderCell: function onHeaderCell(column) {
           return {
@@ -176,11 +398,13 @@ var useResizableColumns = function useResizableColumns(_ref) {
             onSort: handleSort,
             sortedInfo: sortedInfo,
             onColumnHide: onColumnHide,
+            onColumnFreeze: onColumnFreeze,
             onMoreActionClick: onMoreActionClick,
-            isAddEnabled: isAddEnabled && !col.fixed,
+            isAddEnabled: isAddEnabled && !fixed,
             onAddColumn: function onAddColumn(positionOffset) {
               return onColumnAdd(index + positionOffset);
             },
+            isFixedColumn: !!fixed,
             onColumnDelete: onColumnDelete,
             isHidable: col.isHidable,
             isDeletable: col.isDeletable,
@@ -189,14 +413,13 @@ var useResizableColumns = function useResizableColumns(_ref) {
           };
         },
         sortIcon: SortIcon,
-        sortOrder: sortedInfo.field === col.dataIndex || sortedInfo.field === col.key ? sortedInfo.order : null
+        sortOrder: getColumnSortOrder(col, sortedInfo),
+        fixed: fixed
       });
-      if (!has("ellipsis", col)) {
-        modifiedColumn.ellipsis = true;
-      }
+      if (!has("ellipsis", col)) modifiedColumn.ellipsis = true;
       return modifiedColumn;
-    });
-  }, [columns, sortedInfo, tableOnChangeProps]);
+    }).sort(sortFrozenColumns(columnData));
+  }, [columns, sortedInfo, tableOnChangeProps, onColumnFreeze, frozenColumns, columnData]);
   return {
     columns: computedColumnsData
   };
@@ -206,6 +429,7 @@ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useColumns = function useColumns(_ref) {
   var columns = _ref.columns,
+    columnData = _ref.columnData,
     setColumns = _ref.setColumns,
     isResizeEnabled = _ref.isResizeEnabled,
     isReorderEnabled = _ref.isReorderEnabled,
@@ -221,7 +445,17 @@ var useColumns = function useColumns(_ref) {
     onTableChange = _ref.onTableChange,
     tableOnChangeProps = _ref.tableOnChangeProps,
     handleTableSortChange = _ref.handleTableSortChange,
-    isDefaultPageChangeHandler = _ref.isDefaultPageChangeHandler;
+    isDefaultPageChangeHandler = _ref.isDefaultPageChangeHandler,
+    localStorageKeyPrefix = _ref.localStorageKeyPrefix;
+  var _useLocalStorage = useLocalStorage(getFrozenColumnsLocalStorageKey(localStorageKeyPrefix), getFixedColumns(columnData)),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    frozenColumns = _useLocalStorage2[0],
+    setFrozenColumns = _useLocalStorage2[1];
+  var onColumnFreeze = useCallback(function (isFixedColumn, _ref2) {
+    var dataIndex = _ref2.dataIndex;
+    var updatedColumns = isFixedColumn ? without([dataIndex], frozenColumns) : append(dataIndex, frozenColumns);
+    setFrozenColumns(updatedColumns);
+  }, [frozenColumns, setFrozenColumns]);
   var _useReorderColumns = useReorderColumns({
       isEnabled: isReorderEnabled,
       columns: columns,
@@ -247,6 +481,8 @@ var useColumns = function useColumns(_ref) {
   };
   var _useResizableColumns = useResizableColumns({
       columns: columns,
+      columnData: columnData,
+      frozenColumns: frozenColumns,
       setColumns: setColumns,
       isEnabled: isResizeEnabled,
       isAddEnabled: isAddEnabled,
@@ -257,7 +493,8 @@ var useColumns = function useColumns(_ref) {
       sortedInfo: sortedInfo,
       onColumnHide: onColumnHide,
       onMoreActionClick: onMoreActionClick,
-      tableOnChangeProps: tableOnChangeProps
+      tableOnChangeProps: tableOnChangeProps,
+      onColumnFreeze: onColumnFreeze
     }),
     computedColumnsData = _useResizableColumns.columns;
   return {
@@ -302,150 +539,7 @@ var useTableSort = function useTableSort() {
   };
 };
 
-var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "onColumnHide", "onAddColumn", "onColumnDelete", "onMoreActionClick", "column", "moreActions"];
-var CellContent = function CellContent(_ref) {
-  var children = _ref.children,
-    isSortable = _ref.isSortable,
-    isAddEnabled = _ref.isAddEnabled,
-    sortedInfo = _ref.sortedInfo,
-    onSort = _ref.onSort,
-    _ref$isHidable = _ref.isHidable,
-    isHidable = _ref$isHidable === void 0 ? true : _ref$isHidable,
-    _ref$isDeletable = _ref.isDeletable,
-    isDeletable = _ref$isDeletable === void 0 ? false : _ref$isDeletable,
-    onColumnHide = _ref.onColumnHide,
-    onAddColumn = _ref.onAddColumn,
-    onColumnDelete = _ref.onColumnDelete,
-    onMoreActionClick = _ref.onMoreActionClick,
-    column = _ref.column,
-    _ref$moreActions = _ref.moreActions,
-    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
-    headerProps = _objectWithoutProperties(_ref, _excluded$4);
-  var isColumnHidable = isHidable && isPresent(onColumnHide);
-  var isColumnDeletable = isDeletable && isPresent(onColumnDelete);
-  var hasMoreActions = !isEmpty(moreActions) && isPresent(onMoreActionClick);
-  var hasMoreMenu = isSortable || isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions;
-  return /*#__PURE__*/React__default.createElement("th", _extends({}, headerProps, {
-    title: "",
-    onClick: isSortable ? noop : headerProps.onClick
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "min-w-0 flex-grow"
-  }, children), hasMoreMenu && /*#__PURE__*/React__default.createElement(HeaderCellMenu, {
-    column: column,
-    hasMoreActions: hasMoreActions,
-    isAddEnabled: isAddEnabled,
-    isColumnDeletable: isColumnDeletable,
-    isSortable: isSortable,
-    moreActions: moreActions,
-    onAddColumn: onAddColumn,
-    onColumnDelete: onColumnDelete,
-    onColumnHide: onColumnHide,
-    onMoreActionClick: onMoreActionClick,
-    onSort: onSort,
-    sortedInfo: sortedInfo,
-    columnTitle: headerProps.title,
-    isHidable: isColumnHidable
-  })));
-};
-
-var _excluded$3 = ["onResize", "width", "onResizeStop", "className"];
-var HeaderCell = function HeaderCell(props) {
-  var onResize = props.onResize,
-    width = props.width,
-    onResizeStop = props.onResizeStop,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded$3);
-  if (!width) {
-    return /*#__PURE__*/React__default.createElement(CellContent, _extends({}, restProps, {
-      className: classnames(className, "drag-handler")
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(Resizable, {
-    onResize: onResize,
-    onResizeStop: onResizeStop,
-    width: width,
-    draggableOpts: {
-      enableUserSelectHack: false
-    },
-    height: 0,
-    handle: /*#__PURE__*/React__default.createElement("span", {
-      className: "react-resizable-handle",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }),
-    onResizeStart: function onResizeStart(e) {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/React__default.createElement(CellContent, _extends({}, restProps, {
-    className: classnames(className, "drag-handler")
-  })));
-};
-
-var _excluded$2 = ["onResize", "width", "onResizeStop"];
-var ResizableHeaderCell = function ResizableHeaderCell(props) {
-  var onResize = props.onResize,
-    width = props.width,
-    onResizeStop = props.onResizeStop,
-    restProps = _objectWithoutProperties(props, _excluded$2);
-  if (!width) {
-    return /*#__PURE__*/React__default.createElement(CellContent, restProps);
-  }
-  return /*#__PURE__*/React__default.createElement(Resizable, {
-    onResize: onResize,
-    onResizeStop: onResizeStop,
-    width: width,
-    draggableOpts: {
-      enableUserSelectHack: false
-    },
-    height: 0,
-    handle: /*#__PURE__*/React__default.createElement("span", {
-      className: "react-resizable-handle",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }),
-    onResizeStart: function onResizeStart(e) {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/React__default.createElement(CellContent, restProps));
-};
-
-var _excluded$1 = ["className"];
-var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(CellContent, _extends({}, props, {
-    className: classnames(className, "drag-handler")
-  }));
-};
-
-var getHeaderCell = function getHeaderCell(_ref) {
-  var enableColumnResize = _ref.enableColumnResize,
-    enableColumnReorder = _ref.enableColumnReorder;
-  if (enableColumnReorder && enableColumnResize) return {
-    cell: HeaderCell
-  };
-  if (enableColumnResize) return {
-    cell: ResizableHeaderCell
-  };
-  if (enableColumnReorder) return {
-    cell: ReorderableHeaderCell
-  };
-  return {
-    cell: CellContent
-  };
-};
-var isIncludedIn = function isIncludedIn(array1, array2) {
-  return all(includes(__, array1), array2);
-};
-var getSelectAllRowsCalloutHeight = function getSelectAllRowsCalloutHeight() {
-  return window.innerWidth < 768 ? SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT : SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT;
-};
-
-var _excluded = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "rowKey", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick", "bulkSelectAllRowsProps"];
+var _excluded = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "rowKey", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick", "bulkSelectAllRowsProps", "localStorageKeyPrefix"];
 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; }
 var TABLE_PAGINATION_HEIGHT = 64;
@@ -503,6 +597,7 @@ var Table = function Table(_ref) {
     onChange = _ref.onChange,
     onMoreActionClick = _ref.onMoreActionClick,
     bulkSelectAllRowsProps = _ref.bulkSelectAllRowsProps,
+    localStorageKeyPrefix = _ref.localStorageKeyPrefix,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = useTranslation(),
     i18n = _useTranslation.i18n;
@@ -564,6 +659,7 @@ var Table = function Table(_ref) {
       isAddEnabled: enableAddColumn,
       onTableChange: onChange,
       columns: columns,
+      columnData: columnData,
       setColumns: setColumns,
       onColumnUpdate: onColumnUpdate,
       rowSelection: rowSelection,
@@ -575,7 +671,8 @@ var Table = function Table(_ref) {
       onColumnDelete: onColumnDelete,
       tableOnChangeProps: tableOnChangeProps,
       handleTableSortChange: handleTableSortChange,
-      isDefaultPageChangeHandler: isDefaultPageChangeHandler
+      isDefaultPageChangeHandler: isDefaultPageChangeHandler,
+      localStorageKeyPrefix: localStorageKeyPrefix
     }),
     dragProps = _useColumns.dragProps,
     curatedColumnsData = _useColumns.columns;