hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Table/index.js

@@ -1,61 +1 @@
-export { Table } from './Table.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import 'react-table';
-import './utils.js';
-import './IndeterminateCheckbox.js';
-import '../../Alert-V_kH4Snn.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 '../../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 './Row.js';
-import './Header.js';
-import '../SVGIcons/IconArrowDown.js';
-import '../SVGIcons/IconArrowUp.js';
-import '../../hooks/useDispatchEventOnScroll.js';
+import{Table as r}from"./Table.js";export{r as Table};

package/components/Table/localization.d.ts

@@ -0,0 +1,5 @@
+export declare const TABLE_LOCALIZATION: {
+    [key: string]: {
+        [key: string]: string;
+    };
+};

package/components/Table/localization.js

@@ -0,0 +1 @@
+const e={en:{n_selected:"%s selected"},ru:{n_selected:"%s выбранно"},hy:{n_selected:"%s ընտրված"}};export{e as TABLE_LOCALIZATION};

package/components/Table/types.d.ts

@@ -1,4 +1,5 @@
 import { Column, TableState } from 'react-table';
+import { TButtonPropTypes } from '../Button/types';
 type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
 export type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
 export type TColumnProps = {
@@ -11,6 +12,9 @@ export type TColumnFields = {
     widthInPercent?: IntRange<0, 100>;
 };
 export type TColumn = Column & TColumnFields;
+export interface IButtonPropTypes extends Omit<TButtonPropTypes, 'onClick'> {
+    onClick: (event: TClickEventType, data: any, clearRowSelection?: () => void) => void;
+}
 export type TTableProps = {
     className?: string;
     columns: TColumn[];
@@ -22,6 +26,8 @@ export type TTableProps = {
     handleRowClick?: (row: any) => void;
     onChange?: (state: TableState) => void;
     containerRefHandler?: (ref: HTMLDivElement) => void;
+    language?: string;
+    submitButtons?: IButtonPropTypes[];
 };
 export type SortBy = {
     id: string;

package/components/Table/types.js

@@ -1 +0,0 @@
-

package/components/Table/utils.js

@@ -1,78 +1,3 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import React from 'react';
-import { IndeterminateCheckbox } from './IndeterminateCheckbox.js';
-import '../../Alert-V_kH4Snn.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/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 '../../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';
-
-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;
-          return /*#__PURE__*/React.createElement(IndeterminateCheckbox, getToggleAllRowsSelectedProps());
-        },
-        Cell: function Cell(_ref2) {
-          var row = _ref2.row;
-          return /*#__PURE__*/React.createElement(IndeterminateCheckbox, row.getToggleRowSelectedProps());
-        }
-      }].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.d.ts

@@ -0,0 +1,8 @@
+import type { Table } from '@tanstack/react-table';
+interface PaginationProps<T> {
+    table: Table<T>;
+    totalCount: number;
+    buttonText?: string;
+}
+export declare function AdvancedPagination<TData>({ table, totalCount, buttonText }: PaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/TableV2/AdvancedPagination.js

@@ -0,0 +1,12 @@
+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"../../helperComponents/ErrorMessage/consts.js";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 oe({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,o=e.getPageCount(),i=[];return o<=7?Array.from({length:o},(e,t)=>t+1):(i.push(1),t<=3?i.push(2,3,4,5,"+++",o):t>o-5?i.push("---",o-4,o-3,o-2,o-1,o):i.push("---",t,t+1,t+2,"+++",o),i)})().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{oe as 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,6 @@
+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.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,8 @@
+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"../../helperComponents/ErrorMessage/consts.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import"../Checkbox/Checkbox.js";const N=["select","actions","expand"];function q({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{q as 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,2 @@
+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.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;

package/components/TableV2/Table.js

@@ -0,0 +1,8 @@
+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.d.ts

@@ -0,0 +1,6 @@
+export declare const STORAGE_TYPE: {
+    LOCAL: string;
+    EXTERNAL: string;
+};
+export declare const TABLE_NAME_PREFIX = "table-settings";
+export declare const OPTIONS: TSelectOptions;

package/components/TableV2/constants/index.js

@@ -0,0 +1 @@
+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.d.ts

@@ -0,0 +1,2 @@
+import type { Table } from '@tanstack/react-table';
+export declare const useTableColumnSettings: <T>(table: Table<T>, tableName: string, shouldPersistToStorage: boolean) => void;

package/components/TableV2/hooks/useTableColumnSettings.js

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

package/components/TableV2/hooks/useTableControl.d.ts

@@ -0,0 +1,11 @@
+import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
+import type { Column, TTableProps } from '../types';
+export declare function useTableControl<TData>({ withSelect, columns, data, tableSettings, totalCount, defaultPageSize, defaultPageIndex, defaultHiddenColumns, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
+    table: import("@tanstack/react-table").Table<TData>;
+    activeHeader: import("@tanstack/react-table").Header<TData, unknown> | null | undefined;
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+    memoizedColumns: Column<TData>[];
+    handleDragCancel: () => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragStart: (event: DragStartEvent) => void;
+};

package/components/TableV2/hooks/useTableControl.js

@@ -0,0 +1 @@
+import{jsx as A}from"react/jsx-runtime";import{useReactTable as se,getPaginationRowModel as te,getSortedRowModel as ce,getCoreRowModel as re}from"@tanstack/react-table";import{useSensors as le,useSensor as L,MouseSensor as de,TouchSensor as me}from"@dnd-kit/core";import{useState as t,useMemo as P,useEffect as ae}from"react";import{IndeterminateCheckbox as D}from"../IndeterminateCheckbox.js";import{arrayMove as ue}from"@dnd-kit/sortable";import{loadTableSettings as ge}from"../loadTableSettings.js";import{useTableColumnSettings as fe}from"./useTableColumnSettings.js";import{STORAGE_TYPE as N,TABLE_NAME_PREFIX as he}from"../constants/index.js";function Se({withSelect:e,columns:n,data:o,tableSettings:i,totalCount:l=0,defaultPageSize:a=10,defaultPageIndex:s=0,defaultHiddenColumns:r=[],onSortChange:d,onRowSelection:c,onColumnSizing:u,onPaginationChange:g}){var m;const S=(null==i?void 0:i.persistColumnSettings)===N.LOCAL,C=(null==i?void 0:i.persistColumnSettings)===N.EXTERNAL,f=`${he}-${null==i?void 0:i.tableName}`,b=S&&f?ge(f):{columnVisibility:{},columnSizing:{},columnOrder:[]},[h,p]=t(null),[R,v]=t([]),[w,y]=t({}),[z,M]=t(b.columnSizing??{}),[T,E]=t({...r.reduce((e,n)=>(e[n]=!1,e),{}),...b.columnVisibility}),[O,x]=t({pageIndex:s,pageSize:a}),I=P(()=>{const t=[...n].map(e=>"actions"===e.id?{...e,enableColumnDragging:!1,enableSorting:!1,enableResizing:!1,enableHiding:!1}:e);return e&&t.unshift({id:"select",enableHiding:!1,enableColumnDragging:!1,enablePinning:!0,header:({table:e})=>/* @__PURE__ */A(D,{checked:e.getIsAllRowsSelected(),indeterminate:e.getIsSomeRowsSelected(),onChange:e.getToggleAllRowsSelectedHandler()}),cell:({row:e})=>/* @__PURE__ */A(D,{checked:e.getIsSelected(),disabled:!e.getCanSelect(),indeterminate:e.getIsSomeSelected(),onChange:e.getToggleSelectedHandler()})}),t},[n]),[k,H]=t(null!=(m=b.columnOrder)&&m.length&&b.columnOrder.length===I.length?b.columnOrder:I.map(e=>e.id)),j=k.map(e=>I.find(n=>n.id===e)),V=null==r?void 0:r.reduce((e,n)=>(e[n]=!1,e),{}),_=P(()=>{const e=[];return I.forEach(n=>{n.enablePinning&&n.id&&e.push(n.id)}),{left:e,right:["actions"]}},[I]),G=se({data:o,columns:j,pageCount:Math.ceil(l/O.pageSize),state:{sorting:R,pagination:O,columnOrder:k,columnSizing:z,rowSelection:w,columnVisibility:{...V,...T},columnPinning:_},onPaginationChange:e=>{const n="function"==typeof e?e(O):e;x(n),null==g||g(n)},onColumnSizingChange:e=>{const n="function"==typeof e?e(z):e;M(n),null==u||u(n)},onSortingChange:e=>{const n="function"==typeof e?e(R):e;v(n);const t=n.map(e=>({column:e.id??"",direction:e.desc?"desc":!!e.id&&"asc",timestamp:Date.now()}));null==d||d(t)},onRowSelectionChange:e=>{const n="function"==typeof e?e(w):e;y(n),null==c||c(n)},onColumnVisibilityChange:E,getCoreRowModel:re(),getSortedRowModel:ce(),getPaginationRowModel:te(),columnResizeMode:"onChange",manualSorting:!!d,manualPagination:!!g,enableRowSelection:!0,enableColumnResizing:!0,isMultiSortEvent:()=>!0});fe(G,f,S);const X=le(L(de,{activationConstraint:{distance:8}}),L(me,{activationConstraint:{delay:200,tolerance:5}})),$=h?G.getHeaderGroups()[0].headers.find(e=>e.id===h):null;return ae(()=>{var e;const n={columnVisibility:T,columnOrder:k,columnSizing:z};if(S&&i.tableName){const e=JSON.stringify(n);localStorage.setItem(f,e)}C&&(null==(e=null==i?void 0:i.onColumnSettingsChange)||e.call(i,n))},[T,k,z]),{table:G,activeHeader:$,sensors:X,memoizedColumns:I,handleDragCancel:()=>{p(null),document.body.classList.remove("select-none")},handleDragEnd:e=>{const{active:n,over:t}=e;if(t&&n.id!==t.id){const e=k.indexOf(n.id),o=k.indexOf(t.id),i=j[o];if(!1===(null==i?void 0:i.enableColumnDragging))return;const l=ue(k,e,o);H(l)}p(null),document.body.classList.remove("select-none")},handleDragStart:e=>{p(e.active.id),document.body.classList.add("select-none")}}}export{Se as 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 @@
+import{Table as a}from"./Table.js";import{ColumnSettings as t}from"./ColumnSettings.js";import{AdvancedPagination as m}from"./AdvancedPagination.js";export{m as AdvancedPagination,t as ColumnSettings,a as TableV2};

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 @@
+const n=n=>{try{const t=localStorage.getItem(n);return t?JSON.parse(t):{columnOrder:[],columnSizing:{},columnVisibility:{}}}catch{return{columnOrder:[],columnSizing:{},columnVisibility:{}}}};export{n as 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/Text/Text.js

@@ -1,36 +1,2 @@
-import React from 'react';
-import classNames from 'classnames';
-import { noop } from '../../utils/helpers.js';
-import 'dayjs';
-
-var Text = function Text(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'standard' : _props$size,
-    _props$weight = props.weight,
-    weight = _props$weight === void 0 ? 'regular' : _props$weight,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'medium' : _props$lineHeight,
-    _props$as = props.as,
-    As = _props$as === void 0 ? 'p' : _props$as,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$onClick = props.onClick,
-    onClick = _props$onClick === void 0 ? noop : _props$onClick,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id,
-    title = props.title;
-  return /*#__PURE__*/React.createElement(As, {
-    id: id,
-    title: title,
-    "data-id": dataId,
-    onClick: onClick,
-    className: classNames('body', size && "body-".concat(size), type && "color-".concat(type), weight, lineHeight && "lh-".concat(lineHeight), className)
-  }, children);
-};
-
-export { Text };
+import{jsx as p}from"react/jsx-runtime";import h from"classnames";import{noop as y}from"../../utils/helpers.js";const x=e=>{const{children:t,className:i="",type:r="primary",size:s="standard",weight:a="regular",lineHeight:o="medium",as:l="p",dataId:d="",onClick:m=y,id:n="",title:c}=e;/* @__PURE__ */
+return p(l,{id:n,title:c,"data-id":d,onClick:m,className:h("body",s&&`body-${s}`,r&&`color-${r}`,a,o&&`lh-${o}`,i),children:t})};export{x as Text};

package/components/Text/index.js

@@ -1,5 +1 @@
-export { Text } from './Text.js';
-import 'react';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
+import{Text as r}from"./Text.js";export{r as Text};

package/components/Text/types.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, MouseEvent, ReactNode } from 'react';
 type TTextTypes = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
-type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';
+export type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large' | 'xlarge';
 type TTextWeight = 'regular' | 'semibold' | 'bold' | 'bolder';
 type TTextLineHeight = 'xsmall' | 'small' | 'medium' | 'large';
 export interface TextPropTypes {

package/components/Text/types.js

@@ -1 +0,0 @@
-