hrm_ui_lib 2.0.3 → 2.1.0

package/components/TableV2/hooks/useTableControl.js

@@ -0,0 +1,303 @@
+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 { 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;
+    });
+    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()
+          });
+        }
+      });
+    }
+    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()
+      };
+    });
+    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
+    };
+    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.d.ts

@@ -0,0 +1,3 @@
+export { Table as TableV2 } from './Table';
+export { ColumnSettings } from './ColumnSettings';
+export { AdvancedPagination } from './AdvancedPagination';

package/components/TableV2/index.js

@@ -0,0 +1,131 @@
+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';

package/components/TableV2/loadTableSettings.d.ts

@@ -0,0 +1,2 @@
+import type { ColumnSettings } from './types';
+export declare const loadTableSettings: (tableKey: string) => ColumnSettings;

package/components/TableV2/loadTableSettings.js

@@ -0,0 +1,18 @@
+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 { loadTableSettings };

package/components/TableV2/types.d.ts

@@ -0,0 +1,70 @@
+import type { ColumnDef, ColumnSizingState, PaginationState, RowSelectionState, Table, Row } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export type TTable<TData> = Table<TData>;
+export type TRowSelectionState = RowSelectionState;
+export type TColumnSizingState = ColumnSizingState;
+export type TPaginationState = PaginationState;
+export type TPersistColumnSettings = 'localStorage' | 'external';
+export type TTableProps<TData> = {
+    data: (TData & {
+        subRows?: TData[];
+    })[];
+    isLoading?: boolean;
+    columns: ColumnDef<TData>[];
+    wi?: boolean;
+    isActionsVisible?: boolean;
+    totalCount?: number;
+    hasError?: boolean;
+    emptyTitle?: string;
+    emptySubTitle?: string;
+    emptyIllustration?: string;
+    className?: string;
+    withSelect?: boolean;
+    withBorder?: boolean;
+    customHeader?: ReactNode;
+    defaultPageIndex?: number;
+    defaultPageSize?: number;
+    defaultHiddenColumns?: string[];
+    collapsibleRows?: boolean;
+    tableSettings?: {
+        tableName: string;
+        persistColumnSettings?: TPersistColumnSettings;
+        onColumnSettingsChange?: (settings: ColumnSettings) => void;
+    };
+    renderExpandedContent?: (row: Row<TData>) => ReactNode;
+    renderHeader?: (table: TTable<TData>) => ReactNode;
+    renderFooter?: (table: Table<TData>) => ReactNode;
+    onRowClick?: (row: Row<TData>) => void;
+    onSortChange?: (state: SortingUpdateEvent[]) => void;
+    onRowSelection?: (state: TRowSelectionState) => void;
+    onColumnSizing?: (state: TColumnSizingState) => void;
+    onPaginationChange?: (state: TPaginationState) => void;
+};
+export type Column<TData> = ColumnDef<TData> & {
+    enableColumnDragging?: boolean;
+};
+export type SortingUpdateEvent = {
+    column: string;
+    direction: 'asc' | 'desc' | false;
+    timestamp: number;
+};
+export interface ICellProps<TData> {
+    row: Row<TData>;
+}
+export interface IHeaderProps<TData> {
+    table: Table<TData>;
+}
+export interface TableData {
+    subRows: TableData[];
+    [key: string]: unknown;
+}
+export interface ExpandColumnProps<TData> {
+    row: Row<TData>;
+    expandedRows: Set<string>;
+    onToggle: (rowId: string) => void;
+}
+export interface ColumnSettings {
+    columnVisibility: Record<string, boolean>;
+    columnOrder: string[];
+    columnSizing: Record<string, number>;
+}

package/components/TableV2/types.js

@@ -0,0 +1 @@
+

package/components/Textarea/Textarea.js

@@ -12,7 +12,7 @@ import '../../consts/index.js';
 import 'dayjs';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
+import '../../Alert-BslI0aA0.js';
 import 'react-syntax-highlighter';
 import { IconCheckmarkCircleFilled } from '../SVGIcons/IconCheckmarkCircleFilled.js';
 import '../../utils/helpers.js';

package/components/Textarea/index.js

@@ -17,7 +17,7 @@ import '../../consts/index.js';
 import '../../type/file-upload.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
+import '../../Alert-BslI0aA0.js';
 import '../Alert/consts.js';
 import '../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';

package/helperComponents/GoToWebPage/GoToWebPage.js

@@ -6,7 +6,7 @@ import 'classnames';
 import '../../utils/helpers.js';
 import 'dayjs';
 import '../../components/Image/Image.js';
-import '../../Alert-V_kH4Snn.js';
+import '../../Alert-BslI0aA0.js';
 import '../../components/Alert/consts.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/helperComponents/OptionItem/OptionItem.js

@@ -9,7 +9,7 @@ import '../../hooks/useScreenSize.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-hook-form';
 import '@babel/runtime/helpers/defineProperty';
-import { C as Checkbox } from '../../Alert-V_kH4Snn.js';
+import { C as Checkbox } from '../../Alert-BslI0aA0.js';
 import { IconCheckmark } from '../../components/SVGIcons/IconCheckmark.js';
 import '../../components/FileUpload/FileUpload.js';
 import '@babel/runtime/helpers/toConsumableArray';

package/helperComponents/OptionItem/index.js

@@ -7,7 +7,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import '../../components/FileUpload/FileUpload.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '../../components/FileUpload/types.js';
-import '../../Alert-V_kH4Snn.js';
+import '../../Alert-BslI0aA0.js';
 import '../../components/Alert/consts.js';
 import '../../components/Text/Text.js';
 import '../../utils/helpers.js';

package/helperComponents/index.js

@@ -15,7 +15,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import '../components/FileUpload/FileUpload.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '../components/FileUpload/types.js';
-import '../Alert-V_kH4Snn.js';
+import '../Alert-BslI0aA0.js';
 import '../components/Alert/consts.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/helpers/check-authorization.js

@@ -10,7 +10,7 @@ import '../components/Text/Text.js';
 import 'classnames';
 import '../utils/helpers.js';
 import 'dayjs';
-import '../Alert-V_kH4Snn.js';
+import '../Alert-BslI0aA0.js';
 import '../components/Alert/consts.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/helpers/index.js

@@ -14,7 +14,7 @@ import 'react-toastify';
 import '../components/Text/Text.js';
 import 'classnames';
 import '../utils/helpers.js';
-import '../Alert-V_kH4Snn.js';
+import '../Alert-BslI0aA0.js';
 import '../components/Alert/consts.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/index.d.ts

@@ -36,6 +36,7 @@ export * from './components/Stepper';
 export * from './components/Switcher';
 export * from './components/Tab';
 export * from './components/Table';
+export * from './components/TableV2';
 export * from './components/Text';
 export * from './components/Textarea';
 export * from './components/Tooltip';