hrm_ui_lib 2.1.0 → 2.2.0

package/components/TableV2/hooks/useTableControl.js

@@ -1,303 +1,182 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useReactTable, getPaginationRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import { useSensors, useSensor, MouseSensor, TouchSensor } from '@dnd-kit/core';
-import React, { useState, useMemo, useEffect } from 'react';
-import { IndeterminateCheckbox } from '../IndeterminateCheckbox.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useReactTable, getCoreRowModel, getSortedRowModel, getPaginationRowModel } from '@tanstack/react-table';
+import { MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { useState, useMemo, useEffect } from 'react';
+import { IndeterminateCheckbox } from '../IndeterminateCheckbox';
 import { arrayMove } from '@dnd-kit/sortable';
-import { loadTableSettings } from '../loadTableSettings.js';
-import { useTableColumnSettings } from './useTableColumnSettings.js';
-import { STORAGE_TYPE, TABLE_NAME_PREFIX } from '../constants/index.js';
-import '../../../Alert-BslI0aA0.js';
-import '@babel/runtime/helpers/extends';
-import '../../Alert/consts.js';
-import 'classnames';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../../helperComponents/Loader/Loader.js';
-import '../../../consts/index.js';
-import '../../../type/file-upload.js';
-import '../../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../../SVGIcons/IconUpload.js';
-import '../../FileUpload/types.js';
-import '../../../helpers/format-date.js';
-import '../../../helpers/locale.js';
-import '../../../type/locale.js';
-import '../../../helpers/storage.js';
-import 'react-toastify';
-import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../../hooks/useOnOutsideClick.js';
-import '../../../hooks/useHideBodyScroll.js';
-import '../../SVGIcons/IconDismiss.js';
-import '../../Tooltip/types.js';
-import '../../Tooltip/Tooltip.js';
-import '../../../hooks/useGetTooltipStyles.js';
-import '../../../hooks/useGetElemSizes.js';
-import '../../../hooks/useGetElemPositions.js';
-import '../../../hooks/useGetTooltipPosition.js';
-import '../../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../../Link/Link.js';
-import '../../Popover/PopoverDesktop.js';
-import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../../SVGIcons/IconDismissFilled.js';
-import '../../SVGIcons/IconDelete.js';
-import '../../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../../Progress/Progress.js';
-import '../../SVGIcons/IconArrowDownloadFilled.js';
-import '../../../helpers/download-file.js';
-import '../../Button/consts.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function useTableControl(_ref) {
-  var _savedSettings$column, _savedSettings$column2;
-  var withSelect = _ref.withSelect,
-    columns = _ref.columns,
-    data = _ref.data,
-    tableSettings = _ref.tableSettings,
-    _ref$totalCount = _ref.totalCount,
-    totalCount = _ref$totalCount === void 0 ? 0 : _ref$totalCount,
-    _ref$defaultPageSize = _ref.defaultPageSize,
-    defaultPageSize = _ref$defaultPageSize === void 0 ? 10 : _ref$defaultPageSize,
-    _ref$defaultPageIndex = _ref.defaultPageIndex,
-    defaultPageIndex = _ref$defaultPageIndex === void 0 ? 0 : _ref$defaultPageIndex,
-    _ref$defaultHiddenCol = _ref.defaultHiddenColumns,
-    defaultHiddenColumns = _ref$defaultHiddenCol === void 0 ? [] : _ref$defaultHiddenCol,
-    onSortChange = _ref.onSortChange,
-    onRowSelection = _ref.onRowSelection,
-    onColumnSizing = _ref.onColumnSizing,
-    onPaginationChange = _ref.onPaginationChange;
-  var shouldPersistToStorage = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.LOCAL;
-  var shouldEmitExternal = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.EXTERNAL;
-  var tableName = "".concat(TABLE_NAME_PREFIX, "-").concat(tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.tableName);
-  var savedSettings = shouldPersistToStorage && tableName ? loadTableSettings(tableName) : {
-    columnVisibility: {},
-    columnSizing: {},
-    columnOrder: []
-  };
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeId = _useState2[0],
-    setActiveId = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sorting = _useState4[0],
-    setSorting = _useState4[1];
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    rowSelection = _useState6[0],
-    setRowSelection = _useState6[1];
-  var _useState7 = useState((_savedSettings$column = savedSettings.columnSizing) !== null && _savedSettings$column !== void 0 ? _savedSettings$column : {}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    columnSizing = _useState8[0],
-    setColumnSizing = _useState8[1];
-  var _useState9 = useState(_objectSpread(_objectSpread({}, defaultHiddenColumns.reduce(function (acc, key) {
-      acc[key] = false;
-      return acc;
-    }, {})), savedSettings.columnVisibility)),
-    _useState0 = _slicedToArray(_useState9, 2),
-    columnVisibility = _useState0[0],
-    setColumnVisibility = _useState0[1];
-  var _useState1 = useState({
-      pageIndex: defaultPageIndex,
-      pageSize: defaultPageSize
-    }),
-    _useState10 = _slicedToArray(_useState1, 2),
-    pagination = _useState10[0],
-    setPagination = _useState10[1];
-  var memoizedColumns = useMemo(function () {
-    var columnsList = _toConsumableArray(columns).map(function (col) {
-      if (col.id === 'actions') {
-        return _objectSpread(_objectSpread({}, col), {}, {
-          enableColumnDragging: false,
-          enableSorting: false,
-          enableResizing: false,
-          enableHiding: false
-        });
-      }
-      return col;
+import { loadTableSettings } from '../loadTableSettings';
+import { useTableColumnSettings } from './useTableColumnSettings';
+import { STORAGE_TYPE, TABLE_NAME_PREFIX } from '../constants';
+export function useTableControl({ withSelect, columns, data, tableSettings, totalCount = 0, defaultPageSize = 10, defaultPageIndex = 0, defaultHiddenColumns = [], onSortChange, onRowSelection, onColumnSizing, onPaginationChange }) {
+    var _a, _b;
+    const shouldPersistToStorage = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.LOCAL;
+    const shouldEmitExternal = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.EXTERNAL;
+    const tableName = `${TABLE_NAME_PREFIX}-${tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.tableName}`;
+    const savedSettings = shouldPersistToStorage && tableName
+        ? loadTableSettings(tableName)
+        : { columnVisibility: {}, columnSizing: {}, columnOrder: [] };
+    const [activeId, setActiveId] = useState(null);
+    const [sorting, setSorting] = useState([]);
+    const [rowSelection, setRowSelection] = useState({});
+    const [columnSizing, setColumnSizing] = useState((_a = savedSettings.columnSizing) !== null && _a !== void 0 ? _a : {});
+    const [columnVisibility, setColumnVisibility] = useState(Object.assign(Object.assign({}, defaultHiddenColumns.reduce((acc, key) => {
+        acc[key] = false;
+        return acc;
+    }, {})), savedSettings.columnVisibility));
+    const [pagination, setPagination] = useState({
+        pageIndex: defaultPageIndex,
+        pageSize: defaultPageSize
     });
-    if (withSelect) {
-      columnsList.unshift({
-        id: 'select',
-        enableHiding: false,
-        enableColumnDragging: false,
-        enablePinning: true,
-        header: function header(_ref2) {
-          var table = _ref2.table;
-          return /*#__PURE__*/React.createElement(IndeterminateCheckbox, {
-            checked: table.getIsAllRowsSelected(),
-            indeterminate: table.getIsSomeRowsSelected(),
-            onChange: table.getToggleAllRowsSelectedHandler()
-          });
-        },
-        cell: function cell(_ref3) {
-          var row = _ref3.row;
-          return /*#__PURE__*/React.createElement(IndeterminateCheckbox, {
-            checked: row.getIsSelected(),
-            disabled: !row.getCanSelect(),
-            indeterminate: row.getIsSomeSelected(),
-            onChange: row.getToggleSelectedHandler()
-          });
+    const memoizedColumns = useMemo(() => {
+        const columnsList = [...columns].map((col) => {
+            if (col.id === 'actions') {
+                return Object.assign(Object.assign({}, col), { enableColumnDragging: false, enableSorting: false, enableResizing: false, enableHiding: false });
+            }
+            return col;
+        });
+        if (withSelect) {
+            columnsList.unshift({
+                id: 'select',
+                enableHiding: false,
+                enableColumnDragging: false,
+                enablePinning: true,
+                header: ({ table }) => (_jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected(), indeterminate: table.getIsSomeRowsSelected(), onChange: table.getToggleAllRowsSelectedHandler() })),
+                cell: ({ row }) => (_jsx(IndeterminateCheckbox, { checked: row.getIsSelected(), disabled: !row.getCanSelect(), indeterminate: row.getIsSomeSelected(), onChange: row.getToggleSelectedHandler() }))
+            });
         }
-      });
-    }
-    return columnsList;
-  }, [columns]);
-  var _useState11 = useState((_savedSettings$column2 = savedSettings.columnOrder) !== null && _savedSettings$column2 !== void 0 && _savedSettings$column2.length && savedSettings.columnOrder.length === memoizedColumns.length ? savedSettings.columnOrder : memoizedColumns.map(function (column) {
-      return column.id;
-    })),
-    _useState12 = _slicedToArray(_useState11, 2),
-    columnOrder = _useState12[0],
-    setColumnOrder = _useState12[1];
-  var reorderedColumns = columnOrder.map(function (columnId) {
-    return memoizedColumns.find(function (col) {
-      return col.id === columnId;
-    });
-  });
-  var handleSortingChange = function handleSortingChange(updaterOrValue) {
-    var newSorting = typeof updaterOrValue === 'function' ? updaterOrValue(sorting) : updaterOrValue;
-    setSorting(newSorting);
-    var sortingEvent = newSorting.map(function (sort) {
-      var _sort$id;
-      return {
-        column: (_sort$id = sort.id) !== null && _sort$id !== void 0 ? _sort$id : '',
-        direction: sort.desc ? 'desc' : sort.id ? 'asc' : false,
-        timestamp: Date.now()
-      };
+        return columnsList;
+    }, [columns]);
+    const [columnOrder, setColumnOrder] = useState(((_b = savedSettings.columnOrder) === null || _b === void 0 ? void 0 : _b.length) && savedSettings.columnOrder.length === memoizedColumns.length
+        ? savedSettings.columnOrder
+        : memoizedColumns.map((column) => column.id));
+    const reorderedColumns = columnOrder.map((columnId) => memoizedColumns.find((col) => col.id === columnId));
+    const handleSortingChange = (updaterOrValue) => {
+        const newSorting = typeof updaterOrValue === 'function' ? updaterOrValue(sorting) : updaterOrValue;
+        setSorting(newSorting);
+        const sortingEvent = newSorting.map((sort) => {
+            var _a;
+            return ({
+                column: (_a = sort.id) !== null && _a !== void 0 ? _a : '',
+                direction: sort.desc ? 'desc' : sort.id ? 'asc' : false,
+                timestamp: Date.now()
+            });
+        });
+        onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(sortingEvent);
+    };
+    const handleRowSelect = (updaterOrValue) => {
+        const newSelectionRow = typeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;
+        setRowSelection(newSelectionRow);
+        onRowSelection === null || onRowSelection === void 0 ? void 0 : onRowSelection(newSelectionRow);
+    };
+    const handleColumnSizingChange = (updaterOrValue) => {
+        const newColumnSizing = typeof updaterOrValue === 'function' ? updaterOrValue(columnSizing) : updaterOrValue;
+        setColumnSizing(newColumnSizing);
+        onColumnSizing === null || onColumnSizing === void 0 ? void 0 : onColumnSizing(newColumnSizing);
+    };
+    const handlePaginationChange = (updaterOrValue) => {
+        const newPagination = typeof updaterOrValue === 'function' ? updaterOrValue(pagination) : updaterOrValue;
+        setPagination(newPagination);
+        onPaginationChange === null || onPaginationChange === void 0 ? void 0 : onPaginationChange(newPagination);
+    };
+    const hiddenColumns = defaultHiddenColumns === null || defaultHiddenColumns === void 0 ? void 0 : defaultHiddenColumns.reduce((acc, key) => {
+        acc[key] = false;
+        return acc;
+    }, {});
+    const table = useReactTable({
+        data,
+        columns: reorderedColumns,
+        pageCount: Math.ceil(totalCount / pagination.pageSize),
+        state: {
+            sorting,
+            pagination,
+            columnOrder,
+            columnSizing,
+            rowSelection,
+            columnVisibility: Object.assign(Object.assign({}, hiddenColumns), columnVisibility),
+            columnPinning: {
+                left: ['select'],
+                right: ['actions']
+            }
+        },
+        defaultColumn: {
+            minSize: 200,
+            size: 150,
+            maxSize: 400
+        },
+        onPaginationChange: handlePaginationChange,
+        onColumnSizingChange: handleColumnSizingChange,
+        onSortingChange: handleSortingChange,
+        onRowSelectionChange: handleRowSelect,
+        onColumnVisibilityChange: setColumnVisibility,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        columnResizeMode: 'onChange',
+        manualSorting: !!onSortChange,
+        manualPagination: !!onPaginationChange,
+        enableRowSelection: true,
+        enableColumnResizing: true,
+        isMultiSortEvent: () => true
     });
-    onSortChange === null || onSortChange === void 0 || onSortChange(sortingEvent);
-  };
-  var handleRowSelect = function handleRowSelect(updaterOrValue) {
-    var newSelectionRow = typeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;
-    setRowSelection(newSelectionRow);
-    onRowSelection === null || onRowSelection === void 0 || onRowSelection(newSelectionRow);
-  };
-  var handleColumnSizingChange = function handleColumnSizingChange(updaterOrValue) {
-    var newColumnSizing = typeof updaterOrValue === 'function' ? updaterOrValue(columnSizing) : updaterOrValue;
-    setColumnSizing(newColumnSizing);
-    onColumnSizing === null || onColumnSizing === void 0 || onColumnSizing(newColumnSizing);
-  };
-  var handlePaginationChange = function handlePaginationChange(updaterOrValue) {
-    var newPagination = typeof updaterOrValue === 'function' ? updaterOrValue(pagination) : updaterOrValue;
-    setPagination(newPagination);
-    onPaginationChange === null || onPaginationChange === void 0 || onPaginationChange(newPagination);
-  };
-  var hiddenColumns = defaultHiddenColumns === null || defaultHiddenColumns === void 0 ? void 0 : defaultHiddenColumns.reduce(function (acc, key) {
-    acc[key] = false;
-    return acc;
-  }, {});
-  var table = useReactTable({
-    data: data,
-    columns: reorderedColumns,
-    pageCount: Math.ceil(totalCount / pagination.pageSize),
-    state: {
-      sorting: sorting,
-      pagination: pagination,
-      columnOrder: columnOrder,
-      columnSizing: columnSizing,
-      rowSelection: rowSelection,
-      columnVisibility: _objectSpread(_objectSpread({}, hiddenColumns), columnVisibility),
-      columnPinning: {
-        left: ['select'],
-        right: ['actions']
-      }
-    },
-    defaultColumn: {
-      minSize: 200,
-      size: 150,
-      maxSize: 400
-    },
-    onPaginationChange: handlePaginationChange,
-    onColumnSizingChange: handleColumnSizingChange,
-    onSortingChange: handleSortingChange,
-    onRowSelectionChange: handleRowSelect,
-    onColumnVisibilityChange: setColumnVisibility,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    columnResizeMode: 'onChange',
-    manualSorting: !!onSortChange,
-    manualPagination: !!onPaginationChange,
-    enableRowSelection: true,
-    enableColumnResizing: true,
-    isMultiSortEvent: function isMultiSortEvent() {
-      return true;
-    }
-  });
-  useTableColumnSettings(table, tableName, shouldPersistToStorage);
-  var sensors = useSensors(useSensor(MouseSensor, {
-    activationConstraint: {
-      distance: 8
-    }
-  }), useSensor(TouchSensor, {
-    activationConstraint: {
-      delay: 200,
-      tolerance: 5
-    }
-  }));
-  var handleDragStart = function handleDragStart(event) {
-    setActiveId(event.active.id);
-    document.body.classList.add('select-none');
-  };
-  var handleDragEnd = function handleDragEnd(event) {
-    var active = event.active,
-      over = event.over;
-    if (over && active.id !== over.id) {
-      var oldIndex = columnOrder.indexOf(active.id);
-      var newIndex = columnOrder.indexOf(over.id);
-      var oldColumn = reorderedColumns[newIndex];
-      if ((oldColumn === null || oldColumn === void 0 ? void 0 : oldColumn.enableColumnDragging) === false) {
-        return;
-      }
-      var newColumnOrder = arrayMove(columnOrder, oldIndex, newIndex);
-      setColumnOrder(newColumnOrder);
-    }
-    setActiveId(null);
-    document.body.classList.remove('select-none');
-  };
-  var handleDragCancel = function handleDragCancel() {
-    setActiveId(null);
-    document.body.classList.remove('select-none');
-  };
-  var activeHeader = activeId ? table.getHeaderGroups()[0].headers.find(function (header) {
-    return header.id === activeId;
-  }) : null;
-  useEffect(function () {
-    var settings = {
-      columnVisibility: columnVisibility,
-      columnOrder: columnOrder,
-      columnSizing: columnSizing
+    useTableColumnSettings(table, tableName, shouldPersistToStorage);
+    const sensors = useSensors(useSensor(MouseSensor, {
+        activationConstraint: {
+            distance: 8
+        }
+    }), useSensor(TouchSensor, {
+        activationConstraint: {
+            delay: 200,
+            tolerance: 5
+        }
+    }));
+    const handleDragStart = (event) => {
+        setActiveId(event.active.id);
+        document.body.classList.add('select-none');
+    };
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (over && active.id !== over.id) {
+            const oldIndex = columnOrder.indexOf(active.id);
+            const newIndex = columnOrder.indexOf(over.id);
+            const oldColumn = reorderedColumns[newIndex];
+            if ((oldColumn === null || oldColumn === void 0 ? void 0 : oldColumn.enableColumnDragging) === false) {
+                return;
+            }
+            const newColumnOrder = arrayMove(columnOrder, oldIndex, newIndex);
+            setColumnOrder(newColumnOrder);
+        }
+        setActiveId(null);
+        document.body.classList.remove('select-none');
+    };
+    const handleDragCancel = () => {
+        setActiveId(null);
+        document.body.classList.remove('select-none');
+    };
+    const activeHeader = activeId
+        ? table.getHeaderGroups()[0].headers.find((header) => header.id === activeId)
+        : null;
+    useEffect(() => {
+        var _a;
+        const settings = {
+            columnVisibility,
+            columnOrder,
+            columnSizing
+        };
+        if (shouldPersistToStorage && tableSettings.tableName) {
+            const serialized = JSON.stringify(settings);
+            localStorage.setItem(tableName, serialized);
+        }
+        if (shouldEmitExternal) {
+            (_a = tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.onColumnSettingsChange) === null || _a === void 0 ? void 0 : _a.call(tableSettings, settings);
+        }
+    }, [columnVisibility, columnOrder, columnSizing]);
+    return {
+        table,
+        activeHeader,
+        sensors,
+        memoizedColumns,
+        handleDragCancel,
+        handleDragEnd,
+        handleDragStart
     };
-    if (shouldPersistToStorage && tableSettings.tableName) {
-      var serialized = JSON.stringify(settings);
-      localStorage.setItem(tableName, serialized);
-    }
-    if (shouldEmitExternal) {
-      var _tableSettings$onColu;
-      tableSettings === null || tableSettings === void 0 || (_tableSettings$onColu = tableSettings.onColumnSettingsChange) === null || _tableSettings$onColu === void 0 || _tableSettings$onColu.call(tableSettings, settings);
-    }
-  }, [columnVisibility, columnOrder, columnSizing]);
-  return {
-    table: table,
-    activeHeader: activeHeader,
-    sensors: sensors,
-    memoizedColumns: memoizedColumns,
-    handleDragCancel: handleDragCancel,
-    handleDragEnd: handleDragEnd,
-    handleDragStart: handleDragStart
-  };
 }
-
-export { useTableControl };

package/components/TableV2/index.js

@@ -1,131 +1,3 @@
-export { Table as TableV2 } from './Table.js';
-export { ColumnSettings } from './ColumnSettings.js';
-export { AdvancedPagination } from './AdvancedPagination.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '@tanstack/react-table';
-import '@dnd-kit/core';
-import '@dnd-kit/sortable';
-import './ColumnHeader.js';
-import '@babel/runtime/helpers/extends';
-import '../SVGIcons/IconArrowDown.js';
-import 'classnames';
-import '../SVGIcons/IconArrowSort.js';
-import '../SVGIcons/IconArrowUp.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import 'react-loading-skeleton';
-import './hooks/useTableControl.js';
-import './IndeterminateCheckbox.js';
-import '../../Alert-BslI0aA0.js';
-import '../Alert/consts.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import './loadTableSettings.js';
-import './hooks/useTableColumnSettings.js';
-import './constants/index.js';
-import '../Empty/Empty.js';
-import '../Image/Image.js';
-import '../SVGIcons/IconChevronDown.js';
-import '../SVGIcons/IconChevronUp.js';
-import '../SVGIcons/IconSettings.js';
-import '../Switcher/Switcher.js';
-import '../../helperComponents/Label/Label.js';
-import '../SVGIcons/IconCheckmark.js';
-import '../Menu/Menu.js';
-import 'react-dom';
-import '../../helperComponents/OptionItem/OptionItem.js';
-import '../Avatar/Avatar.js';
-import '../FileUpload/FileUpload.js';
-import '../FileUpload/UploadItems.js';
-import '../../hooks/useFormProps.js';
-import '../../context/types.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../SVGIcons/IconEditFilled.js';
-import '../SVGIcons/IconEdit.js';
-import '../SVGIcons/IconAttach.js';
-import '../Collapse/CollapseGroup/CollapseGroup.js';
-import '../Collapse/CollapseItem/CollapseItem.js';
-import '../SVGIcons/IconChevronRight.js';
-import '../Divider/Divider.js';
-import '../Input/Input.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../Select/Select/Select.js';
-import '../Select/Select/SelectDesktop/index.js';
-import 'react-window';
-import '../../hooks/useGetHasBottomSpace.js';
-import '../../hooks/useChangePositionsOnScroll.js';
-import '../Select/SharedComponents/ContentTop.js';
-import '../Select/SharedComponents/Actions.js';
-import '../SVGIcons/IconMore.js';
-import '../SVGIcons/IconSearchFilled.js';
-import '../SVGIcons/IconSelectAllOff.js';
-import '../SVGIcons/IconChevronLeft.js';
-import '../Select/SharedComponents/Loading.js';
-import '../Select/constants.js';
-import '../Select/Select/helpers.js';
-import '../Select/Select/SelectMobile/index.js';
-import '../Select/Select/SelectMobile/MobileTopContent.js';
-import '../Select/localization.js';
-import '../Select/MultiSelect/MultiSelect.js';
-import '../Select/MultiSelect/OptionsWrapper.js';
-import '../Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
-import '../SVGIcons/IconCaretUpFilled.js';
-import '../SVGIcons/IconCaretDownFilled.js';
-import '../Select/MultiSelect/MultiBase/MultiBase.js';
-import '../Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
-import '../Tab/Tab.js';
-import '../Tab/TabItem.js';
-import '../Badge/Badge.js';
-import '../Select/SharedComponents/Footer.js';
-import '../Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js';
-import '../Select/MultiSelect/MobileWrapper.js';
-import '../Select/MultiSelect/DesktopWrapper.js';
-import '../Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js';
-import '../Select/SharedComponents/ButtonSelectWrapper/Button/Button.js';
-import '../SVGIcons/IconChevronDoubleLeft.js';
-import '../SVGIcons/IconChevronDoubleRight.js';
+export { Table as TableV2 } from './Table';
+export { ColumnSettings } from './ColumnSettings';
+export { AdvancedPagination } from './AdvancedPagination';

package/components/TableV2/loadTableSettings.js

@@ -1,18 +1,9 @@
-var loadTableSettings = function loadTableSettings(tableKey) {
-  try {
-    var raw = localStorage.getItem(tableKey);
-    return raw ? JSON.parse(raw) : {
-      columnOrder: [],
-      columnSizing: {},
-      columnVisibility: {}
-    };
-  } catch (_unused) {
-    return {
-      columnOrder: [],
-      columnSizing: {},
-      columnVisibility: {}
-    };
-  }
+export const loadTableSettings = (tableKey) => {
+    try {
+        const raw = localStorage.getItem(tableKey);
+        return raw ? JSON.parse(raw) : { columnOrder: [], columnSizing: {}, columnVisibility: {} };
+    }
+    catch (_a) {
+        return { columnOrder: [], columnSizing: {}, columnVisibility: {} };
+    }
 };
-
-export { loadTableSettings };

package/components/TableV2/types.js

@@ -1 +1 @@
-
+export {};