hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/Table/utils.js

@@ -1,106 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import React from 'react';
-import { IndeterminateCheckbox } from './IndeterminateCheckbox.js';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import 'classnames';
-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 '../../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 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-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 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-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';
-
-var CHECKBOX_HEADER_ID = 'selection';
-var CHECKBOX_DEFAULT_WIDTH = 48;
-function setSelectedRows(hooks, withSelect) {
-  if (withSelect) {
-    hooks.visibleColumns.push(function (columns) {
-      return [{
-        id: CHECKBOX_HEADER_ID,
-        Header: function Header(_ref) {
-          var getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
-            rows = _ref.rows,
-            state = _ref.state,
-            toggleRowSelected = _ref.toggleRowSelected;
-          var allEnabledRows = rows.filter(function (row) {
-            return 'enableSelection' in row.original ? row.original.enableSelection : true;
-          });
-          var allSelected = allEnabledRows.every(function (row) {
-            return state.selectedRowIds[row.id];
-          });
-          var someSelected = allEnabledRows.some(function (row) {
-            return state.selectedRowIds[row.id];
-          });
-          return /*#__PURE__*/React.createElement(IndeterminateCheckbox, _extends({}, getToggleAllRowsSelectedProps({
-            checked: allSelected,
-            indeterminate: !allSelected && someSelected,
-            disabled: allEnabledRows.length === 0
-          }), {
-            onChange: function onChange(e) {
-              var checked = e.target.checked;
-              allEnabledRows.forEach(function (row) {
-                toggleRowSelected(row.id, checked);
-              });
-            }
-          }));
-        },
-        Cell: function Cell(_ref2) {
-          var row = _ref2.row;
-          var disabled = 'enableSelection' in row.original ? !row.original.enableSelection : false;
-          return /*#__PURE__*/React.createElement(IndeterminateCheckbox, row.getToggleRowSelectedProps({
-            disabled: disabled
-          }));
-        }
-      }].concat(_toConsumableArray(columns));
-    });
-  }
-}
-function calcColumnWidth(percent, tableWidth) {
-  return percent * tableWidth / 100;
-}
-
-export { CHECKBOX_DEFAULT_WIDTH, CHECKBOX_HEADER_ID, calcColumnWidth, setSelectedRows };
+import{jsx as s}from"react/jsx-runtime";import{IndeterminateCheckbox as r}from"./IndeterminateCheckbox.js";const u="selection",S=48;function E(e,t){t&&e.visibleColumns.push(e=>[{id:u,Header:({getToggleAllRowsSelectedProps:e,rows:t,state:o,toggleRowSelected:n})=>{const i=t.filter(e=>!("enableSelection"in e.original)||e.original.enableSelection),l=i.every(e=>o.selectedRowIds[e.id]),c=i.some(e=>o.selectedRowIds[e.id]);/* @__PURE__ */
+return s(r,{...e({checked:l,indeterminate:!l&&c,disabled:0===i.length}),onChange:e=>{const t=e.target.checked;i.forEach(e=>{n(e.id,t)})}})},Cell:({row:e})=>{const t="enableSelection"in e.original&&!e.original.enableSelection;/* @__PURE__ */
+return s(r,{...e.getToggleRowSelectedProps({disabled:t})})}},...e])}function R(e,t){return e*t/100}export{S as CHECKBOX_DEFAULT_WIDTH,u as CHECKBOX_HEADER_ID,R as calcColumnWidth,E as setSelectedRows};

package/components/TableV2/AdvancedPagination.js

@@ -1,273 +1,12 @@
-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-C_U8td2x.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 '@babel/runtime/helpers/objectWithoutProperties';
-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-syntax-highlighter/dist/esm/styles/prism';
-import 'react-dom';
-import 'motion/react';
-import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
-import { IconChevronDoubleLeft } from '../SVGIcons/IconChevronDoubleLeft.js';
-import { IconChevronDoubleRight } from '../SVGIcons/IconChevronDoubleRight.js';
-import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
-import { IconMore } from '../SVGIcons/IconMore.js';
-import '../Collapse/CollapseGroup/CollapseGroup.js';
-import '../Select/SharedComponents/ContentTop.js';
-import { OPTIONS } from './constants/index.js';
-import 'react-input-mask';
-import 'react-number-format';
-import '../../helperComponents/Label/Label.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../IconDynamicComponent/IconDynamicComponent.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 'dayjs/plugin/utc';
-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 'react-toastify/dist/ReactToastify.css';
-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/IconCaretDownFilled.js';
-import '../SVGIcons/IconCaretUpFilled.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 };
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as v,useEffect as C}from"react";import{Input as x}from"../Input/Input.js";import{Button as N}from"../Button/Button.js";import{Select as _}from"../Select/Select/Select.js";import"../Select/MultiSelect/MultiSelect.js";import I from"classnames";import{Text as z}from"../Text/Text.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import S from"../SVGIcons/IconChevronRight.js";import"../Collapse/CollapseGroup/CollapseGroup.js";import m from"../SVGIcons/IconMore.js";import"../Select/SharedComponents/ContentTop.js";import{OPTIONS as k}from"./constants/index.js";import $ from"../SVGIcons/IconChevronLeft.js";import y from"../SVGIcons/IconChevronDoubleLeft.js";import T from"../SVGIcons/IconChevronDoubleRight.js";function te({table:e,totalCount:t,buttonText:o}){const[a,n]=v("1"),s=e.getState().pagination.pageIndex,l=e.getState().pagination.pageSize;return C(()=>{e.getPageCount()<Number(a)&&n("1")},[e.getPageCount(),e.getState().pagination]),/* @__PURE__ */r("div",{className:"advanced-table__pagination",children:[
+/* @__PURE__ */i(_,{setSelectedItem:t=>(t=>{t&&e.setPagination({pageIndex:0,pageSize:Number(t)})})(t),selectedItem:`${l}`,className:"no-border",options:k}),
+/* @__PURE__ */r("div",{className:"advanced-table__pagination__right",children:[
+/* @__PURE__ */r(z,{type:"tertiary",children:[s*l+1," - ",(s+1)*l," / ",t]}),
+/* @__PURE__ */r("div",{className:"flexbox align-items--center",children:[
+/* @__PURE__ */i(x,{currentValue:a,size:"small",onChange:t=>(t=>{(!t||/^[1-9]\d*$/.test(t)&&e.getPageCount()>=Number(t))&&n(t)})(t.target.value),className:"advanced-table__pagination__right__input mr-8"}),
+/* @__PURE__ */i(N,{onClick:()=>{const t=a?Number(a)-1:0;e.setPageIndex(t)},type:"secondary",size:"medium",buttonText:o??"Go to page"})]}),
+/* @__PURE__ */r("ul",{className:"pagination",children:[
+/* @__PURE__ */i("li",{className:"previous "+(e.getCanPreviousPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"prev",role:"button",onClick:()=>e.firstPage(),children:/* @__PURE__ */i(y,{size:"small"})})}),
+/* @__PURE__ */i("li",{className:"previous "+(e.getCanPreviousPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"prev",role:"button",onClick:()=>e.previousPage(),children:/* @__PURE__ */i($,{size:"small"})})}),(()=>{const t=s,i=e.getPageCount(),o=[];return i<=7?Array.from({length:i},(e,t)=>t+1):(o.push(1),t<=3?o.push(2,3,4,5,"+++",i):t>i-5?o.push("---",i-4,i-3,i-2,i-1,i):o.push("---",t,t+1,t+2,"+++",i),o)})().map((t,o)=>"---"===t?/* @__PURE__ */i("li",{className:"pagination__more",children:/* @__PURE__ */i("a",{role:"button",onClick:()=>e.setPageIndex(+s-3),children:/* @__PURE__ */i(m,{size:"small"})})},`ellipsis-${o}`):"+++"===t?/* @__PURE__ */i("li",{className:"pagination__more",children:/* @__PURE__ */i("a",{role:"button",onClick:()=>e.setPageIndex(+s+3),children:/* @__PURE__ */i(m,{size:"small"})})},`ellipsis-${o}`):/* @__PURE__ */i("li",{className:I({active:t===s+1}),children:/* @__PURE__ */i("a",{role:"button",onClick:()=>e.setPageIndex(+t-1),children:t})},t)),
+/* @__PURE__ */i("li",{className:"next "+(e.getCanNextPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"next",role:"button",onClick:()=>e.nextPage(),children:/* @__PURE__ */i(S,{size:"small"})})}),
+/* @__PURE__ */i("li",{className:"next "+(e.getCanNextPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"next",role:"button",onClick:()=>e.lastPage(),children:/* @__PURE__ */i(T,{size:"small"})})})]})]})]})}export{te as AdvancedPagination};

package/components/TableV2/ColumnHeader.js

@@ -1,64 +1,6 @@
-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 };
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{flexRender as g}from"@tanstack/react-table";import{useSortable as u}from"@dnd-kit/sortable";import x from"../SVGIcons/IconArrowDown.js";import f from"../SVGIcons/IconArrowSort.js";import d from"../SVGIcons/IconArrowUp.js";import{Text as p}from"../Text/Text.js";import z from"classnames";function H({header:e,pinnedStyles:o}){const{attributes:n,listeners:s,setNodeRef:r,transform:a,transition:l,isDragging:c}=u({id:e.id}),m=a?{transform:`translate3d(${a.x}px, ${a.y}px, 0)`,transition:l,minWidth:e.getSize(),position:"relative",zIndex:c?1:0}:{minWidth:e.getSize(),position:"relative",zIndex:c?1:0};/* @__PURE__ */
+return i("th",{ref:r,style:{...m,...o},className:z("select-none",{"with-checkbox":"select"===e.column.id,"actions-header":"actions"===e.column.id,"cursor-pointer":e.column.getCanSort()}),...n,children:[
+/* @__PURE__ */i("div",{onClick:e.column.getToggleSortingHandler(),className:"flexbox align-items--center",children:[
+/* @__PURE__ */t("div",{...s,children:/* @__PURE__ */t(p,{className:"text-left",weight:"bold",children:g(e.column.columnDef.header,e.getContext())})}),
+/* @__PURE__ */t("span",{className:"ml-4",children:e.column.getCanSort()&&("asc"===e.column.getIsSorted()?/* @__PURE__ */t(d,{size:"xsmall"}):"desc"===e.column.getIsSorted()?/* @__PURE__ */t(x,{size:"xsmall"}):/* @__PURE__ */t(f,{size:"xsmall"}))})]}),
+/* @__PURE__ */t("div",{onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),className:"resize-icon select-none touch-none"})]})}export{H as ColumnHeader};

package/components/TableV2/ColumnSettings.js

@@ -1,166 +1,8 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState } from 'react';
-import { B as Button } from '../../Alert-C_U8td2x.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 'motion/react';
-import '../Collapse/CollapseGroup/CollapseGroup.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/toConsumableArray';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-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 'dayjs/plugin/utc';
-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 '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-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 '../../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 '../SVGIcons/IconCheckmark.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 };
+import{jsxs as n,jsx as i}from"react/jsx-runtime";import{useState as d}from"react";import{Button as h}from"../Button/Button.js";import _ from"../SVGIcons/IconSettings.js";import{Switcher as a}from"../Switcher/Switcher.js";import{Menu as b}from"../Menu/Menu.js";import"react-dom";import{Positions as v}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"classnames";import"motion/react";import"dayjs";import"../Collapse/CollapseGroup/CollapseGroup.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import"../Checkbox/Checkbox.js";const N=["select","actions","expand"];function U({table:e,tooltipText:o,hiddenColumns:t=[],allToggleText:s="All"}){const[l,r]=d(null),[c,m]=d(!1),p=N.concat(t);/* @__PURE__ */
+return n("div",{ref:r,children:[
+/* @__PURE__ */i(h,{type:"secondary",iconProps:{Component:_},onClick:()=>m(e=>!e)}),
+/* @__PURE__ */i(b,{className:"settings-menu",position:"top-left",onClose:()=>{m(!1)},isOpen:c,parentRef:l,children:/* @__PURE__ */n("div",{className:"settings-menu__dropdown",children:[
+/* @__PURE__ */i("div",{className:"relative",children:/* @__PURE__ */i("div",{className:"settings-menu__dropdown__option sticky",children:/* @__PURE__ */i(a,{label:s,selectedValue:e.getIsAllColumnsVisible(),onClick:()=>e.toggleAllColumnsVisible(),inlineType:!0,size:"small"})})}),
+/* @__PURE__ */i("div",{className:"scrollbar--content scrollbar scrollbar--vertical",children:e.getAllLeafColumns().map(e=>{if(null==p||!p.includes(e.id)){const t="string"==typeof e.columnDef.header?e.columnDef.header:e.columnDef.id;/* @__PURE__ */
+return n("div",{className:"settings-menu__dropdown__option",children:[o&&!e.getCanHide()&&/* @__PURE__ */i(y,{position:v.TOP_CENTER,text:o,id:e.columnDef.id}),
+/* @__PURE__ */i(a,{label:t,id:e.columnDef.id,selectedValue:e.getIsVisible(),onClick:()=>(e=>{const o=e.getToggleVisibilityHandler();o&&o({target:{checked:!e.getIsVisible()}})})(e),disabled:!e.getCanHide(),inlineType:!0,size:"small"})]},e.id)}})})]})})]})}export{U as ColumnSettings};