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

package/components/TableV2/IndeterminateCheckbox.js

@@ -1,87 +1,2 @@
-import React, { forwardRef, useRef, useEffect } from 'react';
-import { C as Checkbox } from '../../Alert-C_U8td2x.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 '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 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 };
+import{jsx as c}from"react/jsx-runtime";import{forwardRef as m,useRef as f,useEffect as d}from"react";import{Checkbox as h}from"../Checkbox/Checkbox.js";import u from"classnames";const x=m(({indeterminate:e,checked:a,onChange:t,disabled:s},r)=>{const o=f(null),i=r??o;d(()=>{i.current.indeterminate=e},[i,e]);/* @__PURE__ */
+return c("div",{className:"actions-list",children:/* @__PURE__ */c(h,{className:u("actions-list__checkbox",{"active-checkbox":a}),value:a,disabled:s,onClick:e=>{t({target:{checked:e}})},ref:i})})});x.displayName="IndeterminateCheckbox";export{x as IndeterminateCheckbox};

package/components/TableV2/Table.js

@@ -1,322 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useCallback, useMemo } from 'react';
-import { flexRender } from '@tanstack/react-table';
-import { DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
-import { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
-import { ColumnHeader } from './ColumnHeader.js';
-import Skeleton from 'react-loading-skeleton';
-import { useTableControl } from './hooks/useTableControl.js';
-import { Text } from '../Text/Text.js';
-import classNames from 'classnames';
-import { Empty } from '../Empty/Empty.js';
-import { B as Button } from '../../Alert-C_U8td2x.js';
-import { IconChevronDown } from '../SVGIcons/IconChevronDown.js';
-import { IconChevronUp } from '../SVGIcons/IconChevronUp.js';
-import 'react-loading-skeleton/dist/skeleton.css';
-import '@babel/runtime/helpers/extends';
-import '../SVGIcons/IconArrowDown.js';
-import '../SVGIcons/IconArrowSort.js';
-import '../SVGIcons/IconArrowUp.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import './IndeterminateCheckbox.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 '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';
-import './loadTableSettings.js';
-import './hooks/useTableColumnSettings.js';
-import './constants/index.js';
-import '../Image/Image.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; }
-var ColumnId = /*#__PURE__*/function (ColumnId) {
-  ColumnId["Select"] = "select";
-  ColumnId["Actions"] = "actions";
-  ColumnId["Expand"] = "expand";
-  return ColumnId;
-}(ColumnId || {});
-var ExpandColumn = function ExpandColumn(_ref) {
-  var _row$original, _row$original2;
-  var row = _ref.row,
-    expandedRows = _ref.expandedRows,
-    onToggle = _ref.onToggle;
-  var hasSubRows = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.subRows) && ((_row$original2 = row.original) === null || _row$original2 === void 0 || (_row$original2 = _row$original2.subRows) === null || _row$original2 === void 0 ? void 0 : _row$original2.length) > 0;
-  if (!hasSubRows) return null;
-  return /*#__PURE__*/React.createElement(Button, {
-    type: "tertiary",
-    size: "medium",
-    className: classNames('advanced-table__expand-button'),
-    iconProps: {
-      Component: expandedRows.has(row.id) ? IconChevronUp : IconChevronDown
-    },
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      onToggle(row.id);
-    }
-  });
-};
-function Table(_ref2) {
-  var data = _ref2.data,
-    columns = _ref2.columns,
-    isLoading = _ref2.isLoading,
-    hasError = _ref2.hasError,
-    _ref2$isActionsVisibl = _ref2.isActionsVisible,
-    isActionsVisible = _ref2$isActionsVisibl === void 0 ? false : _ref2$isActionsVisibl,
-    _ref2$totalCount = _ref2.totalCount,
-    totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount,
-    emptyTitle = _ref2.emptyTitle,
-    emptySubTitle = _ref2.emptySubTitle,
-    emptyIllustration = _ref2.emptyIllustration,
-    _ref2$withSelect = _ref2.withSelect,
-    withSelect = _ref2$withSelect === void 0 ? false : _ref2$withSelect,
-    _ref2$withBorder = _ref2.withBorder,
-    withBorder = _ref2$withBorder === void 0 ? true : _ref2$withBorder,
-    defaultPageIndex = _ref2.defaultPageIndex,
-    defaultPageSize = _ref2.defaultPageSize,
-    defaultHiddenColumns = _ref2.defaultHiddenColumns,
-    _ref2$collapsibleRows = _ref2.collapsibleRows,
-    collapsibleRows = _ref2$collapsibleRows === void 0 ? false : _ref2$collapsibleRows,
-    renderExpandedContent = _ref2.renderExpandedContent,
-    renderHeader = _ref2.renderHeader,
-    renderFooter = _ref2.renderFooter,
-    onSortChange = _ref2.onSortChange,
-    onRowClick = _ref2.onRowClick,
-    tableSettings = _ref2.tableSettings,
-    onRowSelection = _ref2.onRowSelection,
-    onColumnSizing = _ref2.onColumnSizing,
-    onPaginationChange = _ref2.onPaginationChange;
-  var _useState = useState(new Set()),
-    _useState2 = _slicedToArray(_useState, 2),
-    expandedRows = _useState2[0],
-    setExpandedRows = _useState2[1];
-  var handleToggleRow = useCallback(function (rowId) {
-    setExpandedRows(function (prev) {
-      var next = new Set(prev);
-      if (next.has(rowId)) {
-        next["delete"](rowId);
-      } else {
-        next.add(rowId);
-      }
-      return next;
-    });
-  }, []);
-  var expandColumn = useMemo(function () {
-    return {
-      id: ColumnId.Expand,
-      accessorKey: 'expand',
-      header: function header() {
-        return /*#__PURE__*/React.createElement("span", {
-          style: {
-            display: 'none'
-          }
-        }, "Expand");
-      },
-      size: 50,
-      minSize: 50,
-      maxSize: 50,
-      cell: function cell(_ref3) {
-        var row = _ref3.row;
-        return /*#__PURE__*/React.createElement(ExpandColumn, {
-          row: row,
-          expandedRows: expandedRows,
-          onToggle: handleToggleRow
-        });
-      },
-      meta: {
-        enableHiding: false,
-        enableColumnDragging: false,
-        enablePinning: true,
-        enableResizing: false,
-        headerVisible: false,
-        enableSorting: false
-      }
-    };
-  }, [expandedRows, handleToggleRow]);
-  var _useTableControl = useTableControl({
-      data: data,
-      tableSettings: tableSettings,
-      columns: collapsibleRows ? [expandColumn].concat(_toConsumableArray(columns)) : columns,
-      withSelect: withSelect,
-      totalCount: totalCount,
-      defaultPageIndex: defaultPageIndex,
-      defaultPageSize: defaultPageSize,
-      defaultHiddenColumns: defaultHiddenColumns,
-      onSortChange: onSortChange,
-      onRowSelection: onRowSelection,
-      onColumnSizing: onColumnSizing,
-      onPaginationChange: onPaginationChange
-    }),
-    table = _useTableControl.table,
-    sensors = _useTableControl.sensors,
-    handleDragStart = _useTableControl.handleDragStart,
-    handleDragEnd = _useTableControl.handleDragEnd,
-    handleDragCancel = _useTableControl.handleDragCancel,
-    activeHeader = _useTableControl.activeHeader;
-  var header = renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader(table);
-  var footer = renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter(table);
-  var getCommonPinningStyles = function getCommonPinningStyles(column) {
-    var isPinned = column.getIsPinned();
-    return {
-      left: isPinned === 'left' ? "".concat(column.getStart('left'), "px") : undefined,
-      right: isPinned === 'right' ? "".concat(column.getAfter('right'), "px") : undefined,
-      position: isPinned ? 'sticky' : 'relative',
-      backgroundColor: isPinned ? 'white' : undefined,
-      minWidth: column.getSize(),
-      zIndex: isPinned ? 1 : 0
-    };
-  };
-  var handleRowClick = function handleRowClick(column, row) {
-    if (column.id !== ColumnId.Actions && column.id !== ColumnId.Select && onRowClick) {
-      onRowClick(row);
-    }
-  };
-  var tableStyle = useMemo(function () {
-    return {
-      minWidth: data !== null && data !== void 0 && data.length ? table.getCenterTotalSize() : undefined
-    };
-  }, [data === null || data === void 0 ? void 0 : data.length, table]);
-  var skeletonRowSize = useMemo(function () {
-    return Array.from({
-      length: table.getState().pagination.pageSize
-    });
-  }, [table.getState().pagination.pageSize]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('advanced-table', {
-      'with-border': withBorder
-    })
-  }, header, /*#__PURE__*/React.createElement("div", {
-    className: classNames('advanced-table__inner scrollbar scrollbar--horizontal scrollbar--vertical')
-  }, /*#__PURE__*/React.createElement(DndContext, {
-    sensors: sensors,
-    collisionDetection: closestCenter,
-    onDragStart: handleDragStart,
-    onDragEnd: handleDragEnd,
-    onDragCancel: handleDragCancel
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("table", {
-    style: tableStyle
-  }, !isLoading && (!(data !== null && data !== void 0 && data.length) || hasError) ? /*#__PURE__*/React.createElement(Empty, {
-    mainMessage: emptyTitle,
-    paragraphMessage: emptySubTitle,
-    illustration: emptyIllustration
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("thead", {
-    className: classNames('advanced-table__thead')
-  }, table.getHeaderGroups().map(function (headerGroup) {
-    return /*#__PURE__*/React.createElement("tr", {
-      key: headerGroup.id
-    }, /*#__PURE__*/React.createElement(SortableContext, {
-      items: headerGroup.headers.map(function (header) {
-        return header.id;
-      }),
-      strategy: horizontalListSortingStrategy
-    }, headerGroup.headers.map(function (header) {
-      if (header.id === ColumnId.Actions && !isActionsVisible) return null;
-      return /*#__PURE__*/React.createElement(ColumnHeader, {
-        pinnedStyles: _objectSpread({}, getCommonPinningStyles(header.column)),
-        key: header.id,
-        header: header
-      });
-    })));
-  })), /*#__PURE__*/React.createElement("tbody", null, isLoading ? skeletonRowSize.map(function (_, i) {
-    return /*#__PURE__*/React.createElement("tr", {
-      key: "skeleton-row-".concat(i)
-    }, table.getVisibleFlatColumns().map(function (column) {
-      return /*#__PURE__*/React.createElement("td", {
-        className: classNames({
-          'with-checkbox': column.id === ColumnId.Select,
-          'pinned-cell': column.getIsPinned(),
-          'action-column': column.id === ColumnId.Actions && !isActionsVisible
-        }),
-        key: column.id,
-        style: _objectSpread({}, getCommonPinningStyles(column))
-      }, /*#__PURE__*/React.createElement(Skeleton, null));
-    }));
-  }) : table.getRowModel().rows.map(function (row) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: row.id
-    }, /*#__PURE__*/React.createElement("tr", {
-      className: classNames({
-        selected: row.getIsSelected()
-      })
-    }, row.getVisibleCells().map(function (cell) {
-      return /*#__PURE__*/React.createElement("td", {
-        className: classNames({
-          'with-checkbox': cell.column.id === ColumnId.Select,
-          'pinned-cell': cell.column.getIsPinned(),
-          'action-column': cell.column.id === ColumnId.Actions && !isActionsVisible,
-          'expand-column': cell.column.id === ColumnId.Expand
-        }),
-        id: cell.id,
-        key: cell.id,
-        onClick: function onClick() {
-          return handleRowClick(cell.column, row);
-        },
-        style: _objectSpread({}, getCommonPinningStyles(cell.column))
-      }, cell.column.id === ColumnId.Actions && !isActionsVisible ? /*#__PURE__*/React.createElement("div", {
-        className: classNames('actions-list__right')
-      }, flexRender(cell.column.columnDef.cell, cell.getContext())) : flexRender(cell.column.columnDef.cell, cell.getContext()));
-    })), collapsibleRows && expandedRows.has(row.id) && renderExpandedContent && /*#__PURE__*/React.createElement("tr", {
-      className: classNames('advanced-table__expanded-row')
-    }, /*#__PURE__*/React.createElement("td", {
-      colSpan: row.getVisibleCells().length
-    }, renderExpandedContent(row))));
-  }))))), /*#__PURE__*/React.createElement(DragOverlay, {
-    dropAnimation: null
-  }, activeHeader && /*#__PURE__*/React.createElement("table", {
-    style: {
-      width: activeHeader.getSize()
-    }
-  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-    className: classNames('draggable-col'),
-    style: {
-      width: activeHeader.getSize()
-    }
-  }, /*#__PURE__*/React.createElement(Text, {
-    weight: 'bold'
-  }, flexRender(activeHeader.column.columnDef.header, activeHeader.getContext()))))))))), !!data.length && !hasError && footer);
-}
-
-export { Table };
+import{jsx as t,jsxs as h,Fragment as Q}from"react/jsx-runtime";import X,{useState as Y,useCallback as Z,useMemo as C}from"react";import{flexRender as y}from"@tanstack/react-table";import{DndContext as F,closestCenter as G,DragOverlay as ee}from"@dnd-kit/core";import{SortableContext as ne,horizontalListSortingStrategy as te}from"@dnd-kit/sortable";import{ColumnHeader as ie}from"./ColumnHeader.js";import le from"react-loading-skeleton";import{useTableControl as oe}from"./hooks/useTableControl.js";import{Text as ae}from"../Text/Text.js";import o from"classnames";import{Empty as se}from"../Empty/Empty.js";import{Button as re}from"../Button/Button.js";import ce from"../SVGIcons/IconChevronDown.js";import de from"../SVGIcons/IconChevronUp.js";import"react-loading-skeleton/dist/skeleton.css";const me=({row:e,expandedRows:n,onToggle:a})=>{var l,i,r;return(null==(l=e.original)?void 0:l.subRows)&&(null==(r=null==(i=e.original)?void 0:i.subRows)?void 0:r.length)>0?/* @__PURE__ */t(re,{type:"tertiary",size:"medium",className:o("advanced-table__expand-button"),iconProps:{Component:n.has(e.id)?de:ce},onClick:t=>{t.stopPropagation(),a(e.id)}}):null};function _e({data:e,columns:n,isLoading:a,hasError:l,isActionsVisible:i=!1,totalCount:r=0,emptyTitle:d,emptySubTitle:s,emptyIllustration:c,withSelect:m=!1,withBorder:g=!0,defaultPageIndex:u,defaultPageSize:p,defaultHiddenColumns:b,collapsibleRows:S=!1,renderExpandedContent:x,renderHeader:f,renderFooter:w,onSortChange:v,onRowClick:z,tableSettings:k,onRowSelection:D,onColumnSizing:I,onPaginationChange:P}){const[_,R]=Y(/* @__PURE__ */new Set),T=Z(e=>{R(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),j=C(()=>({id:"expand",accessorKey:"expand",header:()=>/* @__PURE__ */t("span",{style:{display:"none"},children:"Expand"}),size:50,minSize:50,maxSize:50,cell:({row:e})=>/* @__PURE__ */t(me,{row:e,expandedRows:_,onToggle:T}),meta:{enableHiding:!1,enableColumnDragging:!1,enablePinning:!0,enableResizing:!1,headerVisible:!1,enableSorting:!1}}),[_,T]),{table:N,sensors:E,handleDragStart:H,handleDragEnd:V,handleDragCancel:A,activeHeader:B}=oe({data:e,tableSettings:k,columns:S?[j,...n]:n,withSelect:m,totalCount:r,defaultPageIndex:u,defaultPageSize:p,defaultHiddenColumns:b,onSortChange:v,onRowSelection:D,onColumnSizing:I,onPaginationChange:P}),M=null==f?void 0:f(N),$=null==w?void 0:w(N),L=e=>{const t=e.getIsPinned();return{left:"left"===t?`${e.getStart("left")}px`:void 0,right:"right"===t?`${e.getAfter("right")}px`:void 0,position:t?"sticky":"relative",backgroundColor:t?"white":void 0,minWidth:e.getSize(),zIndex:t?1:0}},W=C(()=>({minWidth:null!=e&&e.length?N.getCenterTotalSize():void 0}),[null==e?void 0:e.length,N]),K=C(()=>Array.from({length:N.getState().pagination.pageSize}),[N.getState().pagination.pageSize]);/* @__PURE__ */
+return h("div",{className:o("advanced-table",{"with-border":g}),children:[M,
+/* @__PURE__ */t("div",{className:o("advanced-table__inner scrollbar scrollbar--horizontal scrollbar--vertical"),children:/* @__PURE__ */h(F,{sensors:E,collisionDetection:G,onDragStart:H,onDragEnd:V,onDragCancel:A,children:[
+/* @__PURE__ */t("div",{children:/* @__PURE__ */t("table",{style:W,children:a||null!=e&&e.length&&!l?/* @__PURE__ */h(Q,{children:[
+/* @__PURE__ */t("thead",{className:o("advanced-table__thead"),children:N.getHeaderGroups().map(e=>/* @__PURE__ */t("tr",{children:/* @__PURE__ */t(ne,{items:e.headers.map(e=>e.id),strategy:te,children:e.headers.map(e=>"actions"!==e.id||i?/* @__PURE__ */t(ie,{pinnedStyles:{...L(e.column)},header:e},e.id):null)})},e.id))}),
+/* @__PURE__ */t("tbody",{children:a?K.map((e,n)=>/* @__PURE__ */t("tr",{children:N.getVisibleFlatColumns().map(e=>/* @__PURE__ */t("td",{className:o({"with-checkbox":"select"===e.id,"pinned-cell":e.getIsPinned(),"action-column":"actions"===e.id&&!i}),style:{...L(e)},children:/* @__PURE__ */t(le,{})},e.id))},`skeleton-row-${n}`)):N.getRowModel().rows.map(e=>/* @__PURE__ */h(X.Fragment,{children:[
+/* @__PURE__ */t("tr",{className:o({selected:e.getIsSelected()}),children:e.getVisibleCells().map(n=>/* @__PURE__ */t("td",{className:o({"with-checkbox":"select"===n.column.id,"pinned-cell":n.column.getIsPinned(),"action-column":"actions"===n.column.id&&!i,"expand-column":"expand"===n.column.id}),id:n.id,onClick:()=>((e,t)=>{"actions"!==e.id&&"select"!==e.id&&z&&z(t)})(n.column,e),style:{...L(n.column)},children:"actions"!==n.column.id||i?y(n.column.columnDef.cell,n.getContext()):/* @__PURE__ */t("div",{className:o("actions-list__right"),children:y(n.column.columnDef.cell,n.getContext())})},n.id))}),S&&_.has(e.id)&&x&&/* @__PURE__ */t("tr",{className:o("advanced-table__expanded-row"),children:/* @__PURE__ */t("td",{colSpan:e.getVisibleCells().length,children:x(e)})})]},e.id))})]}):/* @__PURE__ */t(se,{mainMessage:d,paragraphMessage:s,illustration:c})})}),
+/* @__PURE__ */t(ee,{dropAnimation:null,children:B&&/* @__PURE__ */t("table",{style:{width:B.getSize()},children:/* @__PURE__ */t("thead",{children:/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("th",{className:o("draggable-col"),style:{width:B.getSize()},children:/* @__PURE__ */t(ae,{weight:"bold",children:y(B.column.columnDef.header,B.getContext())})})})})})})]})}),!!e.length&&!l&&$]})}export{_e as Table};

package/components/TableV2/constants/index.js

@@ -1,23 +1 @@
-var STORAGE_TYPE = {
-  LOCAL: 'localStorage',
-  EXTERNAL: 'external'
-};
-var TABLE_NAME_PREFIX = 'table-settings';
-var OPTIONS = [{
-  value: '10',
-  label: '10'
-}, {
-  value: '20',
-  label: '20'
-}, {
-  value: '30',
-  label: '30'
-}, {
-  value: '40',
-  label: '40'
-}, {
-  value: '50',
-  label: '50'
-}];
-
-export { OPTIONS, STORAGE_TYPE, TABLE_NAME_PREFIX };
+const l={LOCAL:"localStorage",EXTERNAL:"external"},e="table-settings",a=[{value:"10",label:"10"},{value:"20",label:"20"},{value:"30",label:"30"},{value:"40",label:"40"},{value:"50",label:"50"}];export{a as OPTIONS,l as STORAGE_TYPE,e as TABLE_NAME_PREFIX};

package/components/TableV2/hooks/useTableColumnSettings.js

@@ -1,20 +1 @@
-import { useRef, useEffect } from 'react';
-
-var useTableColumnSettings = function useTableColumnSettings(table, tableName, shouldPersistToStorage) {
-  var prevSettings = useRef(null);
-  var state = table.getState();
-  useEffect(function () {
-    var settings = {
-      columnVisibility: state.columnVisibility,
-      columnOrder: state.columnOrder,
-      columnSizing: state.columnSizing
-    };
-    var serialized = JSON.stringify(settings);
-    if (prevSettings.current !== serialized && shouldPersistToStorage) {
-      localStorage.setItem(tableName, serialized);
-      prevSettings.current = serialized;
-    }
-  }, [state.columnVisibility, state.columnOrder, state.columnSizing, tableName]);
-};
-
-export { useTableColumnSettings };
+import{useRef as l,useEffect as r}from"react";const m=(i,n,t)=>{const e=l(null),o=i.getState();r(()=>{const i={columnVisibility:o.columnVisibility,columnOrder:o.columnOrder,columnSizing:o.columnSizing},l=JSON.stringify(i);e.current!==l&&t&&(localStorage.setItem(n,l),e.current=l)},[o.columnVisibility,o.columnOrder,o.columnSizing,n])};export{m as useTableColumnSettings};