hrm_ui_lib 2.0.3 → 2.1.0

package/components/TableV2/AdvancedPagination.js

@@ -0,0 +1,271 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React, { useState, useEffect } from 'react';
+import { Input } from '../Input/Input.js';
+import { B as Button } from '../../Alert-BslI0aA0.js';
+import { Select } from '../Select/Select/Select.js';
+import '../Select/MultiSelect/MultiSelect.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import { Text } from '../Text/Text.js';
+import 'dayjs';
+import classNames from 'classnames';
+import '@babel/runtime/helpers/extends';
+import '../../consts/index.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import 'react-syntax-highlighter';
+import 'react-dom';
+import 'framer-motion';
+import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
+import '../Collapse/CollapseGroup/CollapseGroup.js';
+import { IconMore } from '../SVGIcons/IconMore.js';
+import '../Select/SharedComponents/ContentTop.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import { OPTIONS } from './constants/index.js';
+import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
+import { IconChevronDoubleLeft } from '../SVGIcons/IconChevronDoubleLeft.js';
+import { IconChevronDoubleRight } from '../SVGIcons/IconChevronDoubleRight.js';
+import 'react-input-mask';
+import 'react-number-format';
+import '../../helperComponents/Label/Label.js';
+import '../../utils/helpers.js';
+import '../../helperComponents/ErrorMessage/ErrorMessage.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../SVGIcons/IconCheckmarkCircleFilled.js';
+import '../../type/file-upload.js';
+import '../Alert/consts.js';
+import '../../helperComponents/Loader/Loader.js';
+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 '../../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 '../Link/Link.js';
+import '../Popover/PopoverDesktop.js';
+import '../SVGIcons/IconInfo.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 '../Select/Select/SelectDesktop/index.js';
+import 'react-window';
+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 '../SVGIcons/IconEditFilled.js';
+import '../SVGIcons/IconEdit.js';
+import '../SVGIcons/IconAttach.js';
+import '../SVGIcons/IconCheckmark.js';
+import '../../hooks/useGetHasBottomSpace.js';
+import '../../hooks/useChangePositionsOnScroll.js';
+import '../Empty/Empty.js';
+import '../Image/Image.js';
+import '../Select/SharedComponents/Loading.js';
+import '../Select/constants.js';
+import '../Select/Select/helpers.js';
+import '../Collapse/CollapseItem/CollapseItem.js';
+import '../Divider/Divider.js';
+import '../SVGIcons/IconChevronDown.js';
+import '../Select/SharedComponents/Actions.js';
+import '../Menu/Menu.js';
+import '../SVGIcons/IconSearchFilled.js';
+import '../SVGIcons/IconSelectAllOff.js';
+import '../Select/Select/SelectMobile/index.js';
+import '../Select/Select/SelectMobile/MobileTopContent.js';
+import '../SVGIcons/IconChevronUp.js';
+import '../Select/localization.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';
+
+function AdvancedPagination(_ref) {
+  var table = _ref.table,
+    totalCount = _ref.totalCount,
+    buttonText = _ref.buttonText;
+  var _useState = useState('1'),
+    _useState2 = _slicedToArray(_useState, 2),
+    navigatePage = _useState2[0],
+    setNavigatePage = _useState2[1];
+  var pageIndex = table.getState().pagination.pageIndex;
+  var pageSize = table.getState().pagination.pageSize;
+  var onNavigateToPage = function onNavigateToPage(page) {
+    if (!page || /^[1-9]\d*$/.test(page) && table.getPageCount() >= Number(page)) {
+      setNavigatePage(page);
+    }
+  };
+  var onGoToPage = function onGoToPage() {
+    var page = navigatePage ? Number(navigatePage) - 1 : 0;
+    table.setPageIndex(page);
+  };
+  var onRowCountChange = function onRowCountChange(value) {
+    if (value) {
+      table.setPagination({
+        pageIndex: 0,
+        pageSize: Number(value)
+      });
+    }
+  };
+  var getVisiblePageNumbers = function getVisiblePageNumbers() {
+    var currentPage = pageIndex;
+    var totalPages = table.getPageCount();
+    var visiblePages = [];
+    if (totalPages <= 7) {
+      return Array.from({
+        length: totalPages
+      }, function (_, i) {
+        return i + 1;
+      });
+    }
+    visiblePages.push(1);
+    if (currentPage <= 3) {
+      visiblePages.push(2, 3, 4, 5, '+++', totalPages);
+    } else if (currentPage > totalPages - 5) {
+      visiblePages.push('---', totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);
+    } else {
+      visiblePages.push('---', currentPage, currentPage + 1, currentPage + 2, '+++', totalPages);
+    }
+    return visiblePages;
+  };
+  useEffect(function () {
+    if (table.getPageCount() < Number(navigatePage)) {
+      setNavigatePage('1');
+    }
+  }, [table.getPageCount(), table.getState().pagination]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "advanced-table__pagination"
+  }, /*#__PURE__*/React.createElement(Select, {
+    setSelectedItem: function setSelectedItem(value) {
+      return onRowCountChange(value);
+    },
+    selectedItem: "".concat(pageSize),
+    className: 'no-border',
+    options: OPTIONS
+  }), /*#__PURE__*/React.createElement("div", {
+    className: 'advanced-table__pagination__right'
+  }, /*#__PURE__*/React.createElement(Text, {
+    type: 'tertiary'
+  }, pageIndex * pageSize + 1, " - ", (pageIndex + 1) * pageSize, " / ", totalCount), /*#__PURE__*/React.createElement("div", {
+    className: "flexbox align-items--center"
+  }, /*#__PURE__*/React.createElement(Input, {
+    currentValue: navigatePage,
+    size: "small",
+    onChange: function onChange(e) {
+      return onNavigateToPage(e.target.value);
+    },
+    className: "advanced-table__pagination__right__input mr-8"
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: onGoToPage,
+    type: "secondary",
+    size: "medium",
+    buttonText: buttonText !== null && buttonText !== void 0 ? buttonText : 'Go to page'
+  })), /*#__PURE__*/React.createElement("ul", {
+    className: "pagination"
+  }, /*#__PURE__*/React.createElement("li", {
+    className: "previous ".concat(!table.getCanPreviousPage() ? 'disabled' : '')
+  }, /*#__PURE__*/React.createElement("a", {
+    rel: 'prev',
+    role: 'button',
+    onClick: function onClick() {
+      return table.firstPage();
+    }
+  }, /*#__PURE__*/React.createElement(IconChevronDoubleLeft, {
+    size: 'small'
+  }))), /*#__PURE__*/React.createElement("li", {
+    className: "previous ".concat(!table.getCanPreviousPage() ? 'disabled' : '')
+  }, /*#__PURE__*/React.createElement("a", {
+    rel: 'prev',
+    role: 'button',
+    onClick: function onClick() {
+      return table.previousPage();
+    }
+  }, /*#__PURE__*/React.createElement(IconChevronLeft, {
+    size: 'small'
+  }))), getVisiblePageNumbers().map(function (pageNumber, index) {
+    return pageNumber === '---' ? /*#__PURE__*/React.createElement("li", {
+      key: "ellipsis-".concat(index),
+      className: 'pagination__more'
+    }, /*#__PURE__*/React.createElement("a", {
+      role: 'button',
+      onClick: function onClick() {
+        return table.setPageIndex(+pageIndex - 3);
+      }
+    }, /*#__PURE__*/React.createElement(IconMore, {
+      size: 'small'
+    }))) : pageNumber === '+++' ? /*#__PURE__*/React.createElement("li", {
+      key: "ellipsis-".concat(index),
+      className: 'pagination__more'
+    }, /*#__PURE__*/React.createElement("a", {
+      role: 'button',
+      onClick: function onClick() {
+        return table.setPageIndex(+pageIndex + 3);
+      }
+    }, /*#__PURE__*/React.createElement(IconMore, {
+      size: 'small'
+    }))) : /*#__PURE__*/React.createElement("li", {
+      className: classNames(_defineProperty({}, 'active', pageNumber === pageIndex + 1)),
+      key: pageNumber
+    }, /*#__PURE__*/React.createElement("a", {
+      role: 'button',
+      onClick: function onClick() {
+        return table.setPageIndex(+pageNumber - 1);
+      }
+    }, pageNumber));
+  }), /*#__PURE__*/React.createElement("li", {
+    className: "next ".concat(!table.getCanNextPage() ? 'disabled' : '')
+  }, /*#__PURE__*/React.createElement("a", {
+    rel: 'next',
+    role: 'button',
+    onClick: function onClick() {
+      return table.nextPage();
+    }
+  }, /*#__PURE__*/React.createElement(IconChevronRight, {
+    size: 'small'
+  }))), /*#__PURE__*/React.createElement("li", {
+    className: "next ".concat(!table.getCanNextPage() ? 'disabled' : '')
+  }, /*#__PURE__*/React.createElement("a", {
+    rel: 'next',
+    role: 'button',
+    onClick: function onClick() {
+      return table.lastPage();
+    }
+  }, /*#__PURE__*/React.createElement(IconChevronDoubleRight, {
+    size: 'small'
+  }))))));
+}
+
+export { AdvancedPagination };

package/components/TableV2/ColumnHeader.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+import type { Header } from '@tanstack/react-table';
+interface DraggableColumnHeaderProps<TData> {
+    header: Header<TData, unknown>;
+    isPinned?: boolean;
+    pinnedStyles: CSSProperties;
+}
+export declare function ColumnHeader<TData>({ header, pinnedStyles }: DraggableColumnHeaderProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/TableV2/ColumnHeader.js

@@ -0,0 +1,64 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React from 'react';
+import { flexRender } from '@tanstack/react-table';
+import { useSortable } from '@dnd-kit/sortable';
+import { IconArrowDown } from '../SVGIcons/IconArrowDown.js';
+import { IconArrowSort } from '../SVGIcons/IconArrowSort.js';
+import { IconArrowUp } from '../SVGIcons/IconArrowUp.js';
+import { Text } from '../Text/Text.js';
+import classNames from 'classnames';
+import '../../utils/helpers.js';
+import 'dayjs';
+
+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 ColumnHeader(_ref) {
+  var header = _ref.header,
+    pinnedStyles = _ref.pinnedStyles;
+  var _useSortable = useSortable({
+      id: header.id
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  var style = transform ? {
+    transform: "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0)"),
+    transition: transition,
+    minWidth: header.getSize(),
+    position: 'relative',
+    zIndex: isDragging ? 1 : 0
+  } : {
+    minWidth: header.getSize(),
+    position: 'relative',
+    zIndex: isDragging ? 1 : 0
+  };
+  return /*#__PURE__*/React.createElement("th", _extends({
+    ref: setNodeRef,
+    style: _objectSpread(_objectSpread({}, style), pinnedStyles),
+    className: classNames('select-none', _defineProperty(_defineProperty(_defineProperty({}, 'with-checkbox', header.column.id === 'select'), 'actions-header', header.column.id === 'actions'), 'cursor-pointer', header.column.getCanSort()))
+  }, attributes), /*#__PURE__*/React.createElement("div", {
+    onClick: header.column.getToggleSortingHandler(),
+    className: "flexbox align-items--center"
+  }, /*#__PURE__*/React.createElement("div", listeners, /*#__PURE__*/React.createElement(Text, {
+    className: "text-left",
+    weight: 'bold'
+  }, flexRender(header.column.columnDef.header, header.getContext()))), /*#__PURE__*/React.createElement("span", {
+    className: "ml-4"
+  }, header.column.getCanSort() && (header.column.getIsSorted() === 'asc' ? /*#__PURE__*/React.createElement(IconArrowUp, {
+    size: "xsmall"
+  }) : header.column.getIsSorted() === 'desc' ? /*#__PURE__*/React.createElement(IconArrowDown, {
+    size: "xsmall"
+  }) : /*#__PURE__*/React.createElement(IconArrowSort, {
+    size: "xsmall"
+  })))), /*#__PURE__*/React.createElement("div", {
+    onMouseDown: header.getResizeHandler(),
+    onTouchStart: header.getResizeHandler(),
+    className: "resize-icon select-none touch-none"
+  }));
+}
+
+export { ColumnHeader };

package/components/TableV2/ColumnSettings.d.ts

@@ -0,0 +1,9 @@
+import type { Table } from '@tanstack/react-table';
+interface ColumnSettingsProps<T> {
+    table: Table<T>;
+    tooltipText?: string;
+    hiddenColumns?: string[];
+    allToggleText?: string;
+}
+export declare function ColumnSettings<T>({ table, tooltipText, hiddenColumns, allToggleText }: ColumnSettingsProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/TableV2/ColumnSettings.js

@@ -0,0 +1,164 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React, { useState } from 'react';
+import { B as Button } from '../../Alert-BslI0aA0.js';
+import '@babel/runtime/helpers/defineProperty';
+import 'classnames';
+import { IconSettings } from '../SVGIcons/IconSettings.js';
+import { Switcher } from '../Switcher/Switcher.js';
+import { Menu } from '../Menu/Menu.js';
+import 'react-dom';
+import { Positions } from '../Tooltip/types.js';
+import '../../consts/index.js';
+import 'dayjs';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '@babel/runtime/helpers/extends';
+import 'framer-motion';
+import '../Collapse/CollapseGroup/CollapseGroup.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import 'react-syntax-highlighter';
+import '../Alert/consts.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../helperComponents/Loader/Loader.js';
+import 'react-dropzone';
+import '../SVGIcons/IconUpload.js';
+import '../../type/file-upload.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 '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useHideBodyScroll.js';
+import '../SVGIcons/IconDismiss.js';
+import '../Link/Link.js';
+import '../Popover/PopoverDesktop.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../../hooks/useHideOnScroll.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 '../../helperComponents/Label/Label.js';
+import '../SVGIcons/IconCheckmark.js';
+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/CollapseItem/CollapseItem.js';
+import '../SVGIcons/IconChevronRight.js';
+import '../Divider/Divider.js';
+import '../SVGIcons/IconChevronDown.js';
+
+var defaultHiddenColumnSettings = ['select', 'actions', 'expand'];
+function ColumnSettings(_ref) {
+  var table = _ref.table,
+    tooltipText = _ref.tooltipText,
+    _ref$hiddenColumns = _ref.hiddenColumns,
+    hiddenColumns = _ref$hiddenColumns === void 0 ? [] : _ref$hiddenColumns,
+    _ref$allToggleText = _ref.allToggleText,
+    allToggleText = _ref$allToggleText === void 0 ? 'All' : _ref$allToggleText;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    ref = _useState2[0],
+    setRef = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var closeUserMenu = function closeUserMenu() {
+    setIsOpen(false);
+  };
+  var handleClick = function handleClick(column) {
+    var toggle = column.getToggleVisibilityHandler();
+    if (toggle) {
+      toggle({
+        target: {
+          checked: !column.getIsVisible()
+        }
+      });
+    }
+  };
+  var hiddenColumnSettings = defaultHiddenColumnSettings.concat(hiddenColumns);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: setRef
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "secondary",
+    iconProps: {
+      Component: IconSettings
+    },
+    onClick: function onClick() {
+      return setIsOpen(function (prev) {
+        return !prev;
+      });
+    }
+  }), /*#__PURE__*/React.createElement(Menu, {
+    className: "settings-menu",
+    position: "top-left",
+    onClose: closeUserMenu,
+    isOpen: isOpen,
+    parentRef: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "settings-menu__dropdown"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "settings-menu__dropdown__option sticky"
+  }, /*#__PURE__*/React.createElement(Switcher, {
+    label: allToggleText,
+    selectedValue: table.getIsAllColumnsVisible(),
+    onClick: function onClick() {
+      return table.toggleAllColumnsVisible();
+    },
+    inlineType: true,
+    size: 'small'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "scrollbar--content scrollbar scrollbar--vertical"
+  }, table.getAllLeafColumns().map(function (column) {
+    if (!(hiddenColumnSettings !== null && hiddenColumnSettings !== void 0 && hiddenColumnSettings.includes(column.id))) {
+      var label = typeof column.columnDef.header === 'string' ? column.columnDef.header : column.columnDef.id;
+      return /*#__PURE__*/React.createElement("div", {
+        key: column.id,
+        className: 'settings-menu__dropdown__option'
+      }, tooltipText && !column.getCanHide() && /*#__PURE__*/React.createElement(Tooltip, {
+        position: Positions.TOP_CENTER,
+        text: tooltipText,
+        id: column.columnDef.id
+      }), /*#__PURE__*/React.createElement(Switcher, {
+        label: label,
+        id: column.columnDef.id,
+        selectedValue: column.getIsVisible(),
+        onClick: function onClick() {
+          return handleClick(column);
+        },
+        disabled: !column.getCanHide(),
+        inlineType: true,
+        size: 'small'
+      }));
+    }
+  })))));
+}
+
+export { ColumnSettings };

package/components/TableV2/IndeterminateCheckbox.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type IndeterminateCheckboxProps = {
+    indeterminate: boolean;
+    checked: boolean;
+    onChange: (e: {
+        target: {
+            checked: boolean;
+        };
+    }) => void;
+    disabled?: boolean;
+};
+export declare const IndeterminateCheckbox: React.ForwardRefExoticComponent<IndeterminateCheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/components/TableV2/IndeterminateCheckbox.js

@@ -0,0 +1,87 @@
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { C as Checkbox } from '../../Alert-BslI0aA0.js';
+import classNames from 'classnames';
+import '@babel/runtime/helpers/extends';
+import '../Alert/consts.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import 'dayjs';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../helperComponents/Loader/Loader.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/toConsumableArray';
+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';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+var IndeterminateCheckbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var indeterminate = _ref.indeterminate,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled;
+  var defaultRef = useRef(null);
+  var resolvedRef = ref !== null && ref !== void 0 ? ref : defaultRef;
+  useEffect(function () {
+    resolvedRef.current.indeterminate = indeterminate;
+  }, [resolvedRef, indeterminate]);
+  var handleChange = function handleChange(v) {
+    onChange({
+      target: {
+        checked: v
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'actions-list'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    className: classNames('actions-list__checkbox', {
+      'active-checkbox': checked
+    }),
+    value: checked,
+    disabled: disabled,
+    onClick: handleChange,
+    ref: resolvedRef
+  }));
+});
+IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';
+
+export { IndeterminateCheckbox };

package/components/TableV2/Table.d.ts

@@ -0,0 +1,3 @@
+import type { TTableProps } from './types';
+import 'react-loading-skeleton/dist/skeleton.css';
+export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, defaultHiddenColumns, collapsibleRows, renderExpandedContent, renderHeader, renderFooter, onSortChange, onRowClick, tableSettings, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;