awing-library 2.1.2-dev.67 → 2.1.2-dev.69

package/dist/esm/AWING/TableEditableCollapsible/Container.d.ts

@@ -0,0 +1,2 @@
+import type { TableEditableProps } from './interface';
+export default function TableEditable<T>(props: TableEditableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AWING/TableEditableCollapsible/components/TableCellEditable.d.ts

@@ -0,0 +1,2 @@
+import { TableCellEditableProps } from '../interface';
+export default function TableCellEditable<T extends object>(props: TableCellEditableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AWING/TableEditableCollapsible/components/TableEditableBody.d.ts

@@ -0,0 +1,2 @@
+import type { TableEditableBodyProps } from '../interface';
+export default function TableEditableBody<T>(props: TableEditableBodyProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AWING/TableEditableCollapsible/components/TableHeader.d.ts

@@ -0,0 +1,2 @@
+import { TableHeaderProps } from '../interface';
+export default function TableHeader<T>(props: TableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AWING/TableEditableCollapsible/components/TableRowEditable.d.ts

@@ -0,0 +1,2 @@
+import { TableRowEditableProps } from '../interface';
+export default function TableRowEditable<T>(props: TableRowEditableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AWING/TableEditableCollapsible/components/TopBarActions.d.ts

@@ -0,0 +1,2 @@
+import { TopBarActionsProps } from '../interface';
+export default function TopBarActions(props: TopBarActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AWING/TableEditableCollapsible/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './Container';
+export { default as TableEditableCollapsibleTableHeader } from './components/TableHeader';
+export { default as TableEditableCollapsibleBody } from './components/TableEditableBody';
+export { default as TableEditableCollapsibleCell } from './components/TableCellEditable';
+export { default as TableEditableCollapsibleTopBarActions } from './components/TopBarActions';
+export * from './interface';

package/dist/esm/AWING/TableEditableCollapsible/interface.d.ts

@@ -0,0 +1,96 @@
+import { TableCellProps } from '@mui/material/TableCell';
+import { ReactNode } from 'react';
+import type { SelectionActionDefinition } from '../DataGrid/interface';
+import { FieldDefinitionProps } from 'AWING/DataInput/interfaces';
+export type CellDefinition<T extends object> = FieldDefinitionProps<T> & {
+    TableCellProps?: TableCellProps;
+    isTooltip?: boolean;
+    row?: Partial<T>;
+    getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
+};
+export interface ColumnDefinition<T extends object> {
+    headerName: ReactNode;
+    /**
+     * Độ rộng của cột
+     */
+    width?: string | number;
+    TableCellProps?: TableCellProps;
+    editFieldDefinition?: CellDefinition<T>;
+    isRowGroup?: boolean;
+    contentGetter?: (obj: T, idx?: number) => ReactNode;
+    fieldName?: string;
+    isTooltip?: boolean;
+    getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
+}
+export type TableEditableProps<T> = {
+    columnDefinitions: Array<ColumnDefinition<Partial<T>>>;
+    fieldDefinitions: Array<ColumnDefinition<Partial<T>>>;
+    items: Array<Partial<T>>;
+    onChange(newData: Array<Partial<T>>, dataValid: boolean, fieldName?: keyof T): void;
+    getRowId?(obj: Partial<T>): number;
+    selected?: number[];
+    onSelectedChange?(ids: number[]): void;
+    hideHeader?: boolean;
+    onAddNew?(): void;
+    includeDelete?: boolean;
+    spanningRows?: ReactNode[];
+    selectionActions?: SelectionActionDefinition[];
+    mergeRowsBy?: string;
+    observation?: {
+        objObserve: Array<keyof T>;
+        callback: (fieldName?: keyof T, columnValue?: unknown, index?: number) => void;
+    }[];
+};
+export interface TopBarActionsProps {
+    selected: number[];
+    selectionActions?: SelectionActionDefinition[];
+}
+export interface TableHeaderProps<T> {
+    selected?: number[];
+    onSelectedChange?: (selected: number[]) => void;
+    numOfRows: number;
+    onSelectAll: () => void;
+    includeDelete?: boolean;
+    columnDefinitions: Array<ColumnDefinition<Partial<T>>>;
+}
+export interface TableEditableBodyProps<T> {
+    items: Array<Partial<T>>;
+    getId: (item: Partial<T>) => string | number | undefined;
+    selected?: number[];
+    onSelectedChange?: (selected: number[]) => void;
+    onSelect: (id: number) => void;
+    columnDefinitions: Array<ColumnDefinition<Partial<T>>>;
+    fieldDefinitions?: Array<ColumnDefinition<Partial<T>>>;
+    dataValidation: Partial<{
+        [K in keyof T]: boolean;
+    }>[];
+    includeDelete?: boolean;
+    spanningRows?: ReactNode[];
+    onChange: (indexes: number[], fieldName: keyof T, newValue: T[keyof T], valid: boolean) => void;
+    onDelete: (rowIdx: number) => void;
+    mergeRowsBy?: string;
+}
+export interface TableRowEditableProps<T> {
+    id: string | number;
+    rowIdx: number;
+    selected?: number[];
+    onSelectedChange?: (selected: number[]) => void;
+    onSelect: (id: number) => void;
+    columnDefinitions: Array<ColumnDefinition<Partial<T>>>;
+    fieldDefinitions?: Array<ColumnDefinition<Partial<T>>>;
+    mergeRowsBy?: string;
+    convertItems: Partial<T>[];
+    row: Partial<T>;
+    itemIndex: number;
+    includeDelete?: boolean;
+    dataValidation: Partial<{
+        [K in keyof T]: boolean;
+    }>[];
+    onChange: (indexes: number[], fieldName: keyof T, newValue: T[keyof T], valid: boolean) => void;
+    onDelete: (rowIdx: number) => void;
+}
+export interface TableCellEditableProps<T extends object> {
+    cellDefinition: CellDefinition<T>;
+    isContainer?: boolean;
+    numOfRowSpan?: number;
+}

package/dist/esm/AWING/index.d.ts

@@ -149,3 +149,7 @@ export { default as Statistics, TYPE_CHART } from './Statistics';
 export type { CellDefinition, ColumnDefinition, TableCellEditableProps, TableEditableBodyProps, TableEditableProps, TableHeaderProps, TopBarActionsProps, } from './TableEditable';
 export { default as TableEditable, TableCellEditable, TableEditableBody, TableHeader, TopBarActions, } from './TableEditable';
 /*****/
+/*****/
+export type { CellDefinition as TableEditableCollapsibleCellDefinition, ColumnDefinition as TableEditableCollapsibleColumnDefinition, TableCellEditableProps as TableEditableCollapsibleTableCellEditableProps, TableEditableBodyProps as TableEditableCollapsibleTableEditableBodyProps, TableEditableProps as TableEditableCollapsibleTableEditableProps, TableHeaderProps as TableEditableCollapsibleTableHeaderProps, TopBarActionsProps as TableEditableCollapsibleTopBarActionsProps, } from './TableEditable';
+export { default as TableEditableCollapsible, TableEditableCollapsibleCell, TableEditableCollapsibleBody, TableEditableCollapsibleTableHeader, TableEditableCollapsibleTopBarActions, } from './TableEditableCollapsible';
+/*****/

package/dist/esm/index.js

@@ -3,7 +3,7 @@ import { initReactI18next, useTranslation, Trans, I18nextProvider } from 'react-
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, Fragment, Children, isValidElement, cloneElement, useMemo, createElement, forwardRef, useLayoutEffect, useCallback, createContext as createContext$1, memo, useReducer, useContext, PureComponent, createRef } from 'react';
 import { MoreVert, KeyboardArrowDown, Done as Done$1, FolderOpen, ArrowDropDown, ArrowDropUp, CheckBoxOutlineBlank, CheckBox, ExpandMore, ExpandLess, KeyboardArrowUp, DragIndicator, PinDrop, LastPage, FirstPage, KeyboardArrowRight, KeyboardArrowLeft, UnfoldMore, North, South, HighlightOff, CalendarTodaySharp, FileCopyOutlined, Close, Save, Check, ArrowRightAlt as ArrowRightAlt$1, CallSplit, ManageAccounts, People, Person, Info, ChevronRight as ChevronRight$1, Clear, AddCircleOutline, Search, MoreHoriz, CreateNewFolderOutlined, Delete, PlaylistAddCheck, FormatListNumbered, Add, MoreHorizOutlined, DisplaySettings, VisibilityOff, Visibility, ManageSearch, Notifications as Notifications$6, Science, Settings, AddBox, Edit as Edit$2, InsertDriveFile, SignalCellularAlt, Logout, ArrowRight, ChevronLeft as ChevronLeft$1 } from '@mui/icons-material';
-import { Tooltip as Tooltip$2, IconButton as IconButton$1, Menu as Menu$2, MenuItem as MenuItem$1, Button as Button$1, TextField as TextField$1, Grid as Grid$1, FormControl as FormControl$1, Select as Select$1, Box as Box$1, alpha as alpha$2, Typography as Typography$1, Paper as Paper$1, List as List$1, ListItem as ListItem$1, ListItemButton, ListItemText, Divider, Popover as Popover$1, Popper as Popper$2, Grow as Grow$1, ClickAwayListener, Autocomplete as Autocomplete$2, InputBase as InputBase$1, Stack, ButtonBase as ButtonBase$1, Collapse as Collapse$1, Chip as Chip$1, CircularProgress as CircularProgress$2, FormControlLabel, Checkbox as Checkbox$1, RadioGroup, Radio, InputLabel as InputLabel$1, ListSubheader as ListSubheader$1, FormLabel as FormLabel$1, TablePagination, TableRow, TableContainer, Table, TableHead, TableCell, TableSortLabel, TableBody, InputAdornment as InputAdornment$1, Drawer as Drawer$1, Dialog as Dialog$3, DialogTitle, DialogContent as DialogContent$1, DialogContentText, DialogActions as DialogActions$1, Tabs, Tab, Snackbar, Alert, Toolbar, Switch, tooltipClasses as tooltipClasses$1, Avatar, Skeleton, Badge, Stepper, Step, StepLabel, StepContent, Card, CardHeader, CardContent, NoSsr, ListItemIcon, styled as styled$4, AppBar, Container as Container$o, Icon, CssBaseline } from '@mui/material';
+import { Tooltip as Tooltip$2, IconButton as IconButton$1, Menu as Menu$2, MenuItem as MenuItem$1, Button as Button$1, TextField as TextField$1, Grid as Grid$1, FormControl as FormControl$1, Select as Select$1, Box as Box$1, alpha as alpha$2, Typography as Typography$1, Paper as Paper$1, List as List$1, ListItem as ListItem$1, ListItemButton, ListItemText, Divider, Popover as Popover$1, Popper as Popper$2, Grow as Grow$1, ClickAwayListener, Autocomplete as Autocomplete$2, InputBase as InputBase$1, Stack, ButtonBase as ButtonBase$1, Collapse as Collapse$1, Chip as Chip$1, CircularProgress as CircularProgress$2, FormControlLabel, Checkbox as Checkbox$1, RadioGroup, Radio, InputLabel as InputLabel$1, ListSubheader as ListSubheader$1, FormLabel as FormLabel$1, TablePagination, TableRow, TableContainer, Table, TableHead, TableCell, TableSortLabel, TableBody, InputAdornment as InputAdornment$1, Drawer as Drawer$1, Dialog as Dialog$3, DialogTitle, DialogContent as DialogContent$1, DialogContentText, DialogActions as DialogActions$1, Tabs, Tab, Snackbar, Alert, Toolbar, Switch, tooltipClasses as tooltipClasses$1, styled as styled$4, Avatar, Skeleton, Badge, Stepper, Step, StepLabel, StepContent, Card, CardHeader, CardContent, NoSsr, ListItemIcon, AppBar, Container as Container$o, Icon, CssBaseline } from '@mui/material';
 import styled$3 from '@emotion/styled';
 import { CacheProvider, Global, ThemeContext as ThemeContext$2, keyframes, css } from '@emotion/react';
 import { makeStyles } from '@mui/styles';
@@ -166516,7 +166516,7 @@ const getCellWidth = id => {
       return '10%';
   }
 };
-const TableHeader$1 = props => {
+const TableHeader$2 = props => {
   const {
     headCells
   } = props;
@@ -166570,7 +166570,7 @@ const PermissionManagement = props => {
       border: BORDER_LIGHTGRAY$1,
       borderRadius: '0px 0px 4px 4px'
     }),
-    children: [jsxRuntimeExports.jsx(TableHeader$1, {
+    children: [jsxRuntimeExports.jsx(TableHeader$2, {
       headCells: headCells
     }), jsxRuntimeExports.jsx(TableBody, {
       children: isLoading ? jsxRuntimeExports.jsx(TableRow, {
@@ -169039,7 +169039,7 @@ function PermissionTable(props) {
       sx: {
         minWidth: '900px'
       },
-      children: [jsxRuntimeExports.jsx(TableHeader$1, {
+      children: [jsxRuntimeExports.jsx(TableHeader$2, {
         headCells: headCells
       }), jsxRuntimeExports.jsx(TableBody, {
         children: explicitPermissions.map((item, idx) => {
@@ -177066,7 +177066,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   TransitionProps: PropTypes.object
 } : void 0;
 
-const StyleTooltip$1 = styled(_a => {
+const StyleTooltip$3 = styled(_a => {
   var {
       className
     } = _a,
@@ -177088,7 +177088,7 @@ const StyleTooltip$1 = styled(_a => {
     boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)'
   }
 }));
-function TableCellEditable(props) {
+function TableCellEditable$1(props) {
   const {
     cellDefinition,
     numOfRowSpan
@@ -177122,7 +177122,7 @@ function TableCellEditable(props) {
     },
     rowSpan: numOfRowSpan
   }, TableCellProps, {
-    children: isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$1, {
+    children: isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$3, {
       title: getTitleTooltip && getTitleTooltip(value) || '',
       placement: "top-start",
       children: jsxRuntimeExports.jsx("div", {
@@ -177132,7 +177132,7 @@ function TableCellEditable(props) {
   }));
 }
 
-const StyleTooltip = styled(_a => {
+const StyleTooltip$2 = styled(_a => {
   var {
       className
     } = _a,
@@ -177154,7 +177154,7 @@ const StyleTooltip = styled(_a => {
     boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)'
   }
 }));
-function TableEditableBody(props) {
+function TableEditableBody$1(props) {
   const {
     items,
     getId,
@@ -177217,7 +177217,7 @@ function TableEditableBody(props) {
               }
             }, colDef.TableCellProps, {
               rowSpan: numOfRowSpan,
-              children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
+              children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$2, {
                 title: colDef.getTitleTooltip && colDef.getTitleTooltip(content) || '',
                 placement: "top-start",
                 children: jsxRuntimeExports.jsx("div", {
@@ -177235,7 +177235,7 @@ function TableEditableBody(props) {
             const isDisplay = isMergeColumn ? index == 0 || convertItems[index - 1][fieldName] !== row[fieldName] : true;
             const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
             const error = ((_c = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _c === void 0 ? void 0 : _c[fieldName]) !== undefined && !((_d = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _d === void 0 ? void 0 : _d[fieldName]);
-            return isDisplay && jsxRuntimeExports.jsx(TableCellEditable, {
+            return isDisplay && jsxRuntimeExports.jsx(TableCellEditable$1, {
               cellDefinition: Object.assign(Object.assign({}, colDef.editFieldDefinition), {
                 row,
                 TableCellProps: colDef.TableCellProps,
@@ -177278,7 +177278,7 @@ function TableEditableBody(props) {
   });
 }
 
-function TableHeader(props) {
+function TableHeader$1(props) {
   const {
     selected,
     onSelectedChange,
@@ -177331,7 +177331,7 @@ function TableHeader(props) {
   });
 }
 
-function TopBarActions(props) {
+function TopBarActions$1(props) {
   const {
     t
   } = useTranslation();
@@ -177382,7 +177382,7 @@ function TopBarActions(props) {
   });
 }
 
-function TableEditable(props) {
+function TableEditable$1(props) {
   const {
     t
   } = useTranslation();
@@ -177560,6 +177560,757 @@ function TableEditable(props) {
   return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
     children: [jsxRuntimeExports.jsxs(TableContainer, {
       component: Paper$1,
+      children: [selected && onSelectedChange && selected.length > 0 && selectionActions && jsxRuntimeExports.jsx(TopBarActions$1, {
+        selected: selected,
+        selectionActions: selectionActions
+      }), jsxRuntimeExports.jsxs(Table, {
+        "aria-label": "table editable",
+        children: [!hideHeader && jsxRuntimeExports.jsx(TableHeader$1, {
+          selected: selected,
+          onSelectedChange: onSelectedChange,
+          numOfRows: items.length,
+          onSelectAll: handleSelectAll,
+          includeDelete: includeDelete,
+          columnDefinitions: columnDefinitions
+        }), jsxRuntimeExports.jsx(TableEditableBody$1, {
+          items: items,
+          getId: getId,
+          selected: selected,
+          onSelectedChange: onSelectedChange,
+          onSelect: handleSelect,
+          columnDefinitions: columnDefinitions,
+          dataValidation: dataValidation,
+          includeDelete: includeDelete,
+          spanningRows: spanningRows,
+          onChange: handleChange,
+          onDelete: handleDelete,
+          mergeRowsBy: mergeRowsBy
+        })]
+      })]
+    }), onAddNew && jsxRuntimeExports.jsx(Button$1, {
+      variant: "outlined",
+      startIcon: jsxRuntimeExports.jsx(Add, {}),
+      sx: {
+        mt: 2
+      },
+      onClick: () => onAddNew(),
+      children: t('Common.Create')
+    })]
+  });
+}
+
+const StyleTooltip$1 = styled(_a => {
+  var {
+      className
+    } = _a,
+    props = __rest$1(_a, ["className"]);
+  return jsxRuntimeExports.jsx(Tooltip, Object.assign({}, props, {
+    arrow: true,
+    classes: {
+      popper: className
+    }
+  }));
+})(() => ({
+  ["& .".concat(tooltipClasses.arrow)]: {
+    color: '#bbbbbb',
+    maxWidth: 450
+  },
+  ["& .".concat(tooltipClasses.tooltip)]: {
+    backgroundColor: '#f5f5f5',
+    maxWidth: 900,
+    boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)'
+  }
+}));
+function TableCellEditable(props) {
+  const {
+    isContainer,
+    cellDefinition,
+    numOfRowSpan
+  } = props;
+  const {
+    TableCellProps,
+    isTooltip,
+    getTitleTooltip,
+    value,
+    error
+  } = cellDefinition;
+  const renderDataInput = () => {
+    var _a;
+    const inputProps = Object.assign(Object.assign(Object.assign({}, ![FIELD_TYPE.ASYNC_AUTOCOMPLETE, FIELD_TYPE.AUTOCOMPLETE].includes(cellDefinition === null || cellDefinition === void 0 ? void 0 : cellDefinition.type) ? {
+      InputProps: {
+        disableUnderline: true,
+        style: {
+          textAlign: ((_a = cellDefinition === null || cellDefinition === void 0 ? void 0 : cellDefinition.TableCellProps) === null || _a === void 0 ? void 0 : _a.align) == 'right' ? 'end' : undefined,
+          padding: '0px 8px'
+        }
+      }
+    } : {}), cellDefinition), {
+      disableHelperText: true
+    });
+    return jsxRuntimeExports.jsx(InputFactory, Object.assign({}, inputProps));
+  };
+  return isContainer ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+    children: isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$1, {
+      title: getTitleTooltip && getTitleTooltip(value) || '',
+      placement: "top-start",
+      children: jsxRuntimeExports.jsx(Stack, {
+        children: renderDataInput()
+      })
+    }) : renderDataInput()
+  }) : jsxRuntimeExports.jsx(TableCell, Object.assign({
+    sx: {
+      p: 1,
+      border: error ? '2px solid #ED1D25' : '1px solid rgb(224, 224, 224)'
+    },
+    rowSpan: numOfRowSpan
+  }, TableCellProps, {
+    children: isTooltip ? jsxRuntimeExports.jsx(StyleTooltip$1, {
+      title: getTitleTooltip && getTitleTooltip(value) || '',
+      placement: "top-start",
+      children: jsxRuntimeExports.jsx(Stack, {
+        children: renderDataInput()
+      })
+    }) : renderDataInput()
+  }));
+}
+
+const StyleTooltip = styled$4(_a => {
+  var {
+      className
+    } = _a,
+    props = __rest$1(_a, ["className"]);
+  return jsxRuntimeExports.jsx(Tooltip$2, Object.assign({}, props, {
+    arrow: true,
+    classes: {
+      popper: className
+    }
+  }));
+})(() => ({
+  ["& .".concat(tooltipClasses$1.arrow)]: {
+    color: '#bbbbbb',
+    maxWidth: 450
+  },
+  ["& .".concat(tooltipClasses$1.tooltip)]: {
+    backgroundColor: '#f5f5f5',
+    maxWidth: 900,
+    boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)'
+  }
+}));
+function TableRowEditable(props) {
+  const {
+    id,
+    rowIdx,
+    selected,
+    columnDefinitions,
+    fieldDefinitions,
+    mergeRowsBy,
+    row,
+    convertItems,
+    itemIndex,
+    dataValidation,
+    includeDelete,
+    onSelectedChange,
+    onSelect,
+    onChange,
+    onDelete
+  } = props;
+  const [open, setOpen] = useState(false);
+  return jsxRuntimeExports.jsx(Fragment, {
+    children: jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+      children: [jsxRuntimeExports.jsxs(TableRow, {
+        children: [selected && onSelectedChange && jsxRuntimeExports.jsx(TableCell, {
+          padding: "checkbox",
+          sx: {
+            border: '1px solid rgb(224, 224, 224)'
+          },
+          children: jsxRuntimeExports.jsx(Checkbox$1, {
+            color: "primary",
+            checked: selected.includes(Number(id)),
+            onClick: e => e.stopPropagation(),
+            onChange: () => onSelect(Number(id)),
+            slotProps: {
+              input: {
+                'aria-braillelabel': "enhanced-table-checkbox-".concat(id)
+              }
+            }
+          })
+        }), columnDefinitions.map((colDef, idx) => {
+          var _a, _b, _c, _d;
+          if (colDef.contentGetter) {
+            const content = colDef.contentGetter(row, rowIdx);
+            const fieldName = (_a = colDef.fieldName) !== null && _a !== void 0 ? _a : '';
+            const isMergeColumn = fieldName === mergeRowsBy;
+            const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
+            const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
+            return isDisplay && jsxRuntimeExports.jsxs(TableCell, Object.assign({
+              sx: {
+                border: '1px solid rgb(224, 224, 224)'
+              }
+            }, colDef.TableCellProps, {
+              rowSpan: numOfRowSpan,
+              children: [idx === 0 &&
+              // Hiển thị icon mở rộng, ở cột đầu tiên
+              jsxRuntimeExports.jsx(IconButton$1, {
+                "aria-label": "expand row",
+                size: "small",
+                onClick: () => setOpen(!open),
+                children: open ? jsxRuntimeExports.jsx(KeyboardArrowDown, {}) : jsxRuntimeExports.jsx(KeyboardArrowRight, {})
+              }), colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
+                title: colDef.getTitleTooltip && colDef.getTitleTooltip(content),
+                placement: "top-start",
+                children: jsxRuntimeExports.jsx("div", {
+                  children: content
+                })
+              }) : colDef.contentGetter(row, rowIdx)]
+            }), idx);
+          }
+          if (colDef.editFieldDefinition) {
+            const {
+              fieldName
+            } = colDef.editFieldDefinition;
+            const currentValue = (_b = row[fieldName]) !== null && _b !== void 0 ? _b : '';
+            const isMergeColumn = fieldName === mergeRowsBy;
+            const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
+            const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
+            const error = ((_c = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _c === void 0 ? void 0 : _c[fieldName]) !== undefined && !((_d = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _d === void 0 ? void 0 : _d[fieldName]);
+            return isDisplay && jsxRuntimeExports.jsx(TableCellEditable, {
+              cellDefinition: Object.assign(Object.assign({}, colDef.editFieldDefinition), {
+                row,
+                TableCellProps: colDef.TableCellProps,
+                isTooltip: colDef.isTooltip,
+                getTitleTooltip: colDef.getTitleTooltip,
+                error: error,
+                value: currentValue,
+                onChange: (newValue, valid) => {
+                  let indexes = [rowIdx];
+                  if (isMergeColumn) {
+                    indexes = convertItems.filter(c => c[fieldName] === row[fieldName]).map(c => {
+                      var _a;
+                      return (_a = c === null || c === void 0 ? void 0 : c.originalIndex) !== null && _a !== void 0 ? _a : 0;
+                    });
+                  }
+                  onChange(indexes, fieldName, newValue, valid);
+                },
+                type: colDef.editFieldDefinition.type,
+                fieldName: colDef.editFieldDefinition.fieldName || ''
+              }),
+              numOfRowSpan: numOfRowSpan
+            }, idx);
+          }
+        }), includeDelete === true && jsxRuntimeExports.jsx(TableCell, {
+          align: "center",
+          sx: {
+            p: 0,
+            border: '1px solid rgb(224, 224, 224)'
+          },
+          children: jsxRuntimeExports.jsx(IconButton$1, {
+            "aria-label": "delete",
+            onClick: () => onDelete(rowIdx),
+            children: jsxRuntimeExports.jsx(Delete, {})
+          })
+        })]
+      }, rowIdx), jsxRuntimeExports.jsxs(TableRow, {
+        children: [jsxRuntimeExports.jsx(TableCell, {
+          style: {
+            paddingBottom: 0,
+            paddingTop: 0
+          }
+        }), jsxRuntimeExports.jsx(TableCell, {
+          style: {
+            paddingBottom: 0,
+            paddingTop: 0
+          },
+          colSpan: columnDefinitions.length - 1,
+          children: jsxRuntimeExports.jsx(Collapse$1, {
+            in: open,
+            timeout: "auto",
+            unmountOnExit: true,
+            children: jsxRuntimeExports.jsx(Box$1, {
+              sx: {
+                margin: 1
+              },
+              display: "flex",
+              flexWrap: "wrap",
+              gap: 2,
+              children: fieldDefinitions === null || fieldDefinitions === void 0 ? void 0 : fieldDefinitions.map((colDef, idx) => {
+                var _a, _b, _c, _d;
+                if (colDef.contentGetter) {
+                  const content = colDef.contentGetter(row, rowIdx);
+                  const fieldName = (_a = colDef.fieldName) !== null && _a !== void 0 ? _a : '';
+                  const isMergeColumn = fieldName === mergeRowsBy;
+                  const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
+                  isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
+                  return isDisplay && jsxRuntimeExports.jsx(Box$1, {
+                    sx: {
+                      flex: '0 1 calc(33.333% - 16px)',
+                      boxSizing: 'border-box',
+                      p: 2
+                    },
+                    children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
+                      title: colDef.getTitleTooltip && colDef.getTitleTooltip(content),
+                      placement: "top-start",
+                      children: jsxRuntimeExports.jsx("div", {
+                        children: content
+                      })
+                    }) : colDef.contentGetter(row, rowIdx)
+                  }, idx);
+                }
+                if (colDef.editFieldDefinition) {
+                  const {
+                    fieldName
+                  } = colDef.editFieldDefinition;
+                  const currentValue = (_b = row[fieldName]) !== null && _b !== void 0 ? _b : '';
+                  const isMergeColumn = fieldName === mergeRowsBy;
+                  const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
+                  const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
+                  const error = ((_c = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _c === void 0 ? void 0 : _c[fieldName]) !== undefined && !((_d = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _d === void 0 ? void 0 : _d[fieldName]);
+                  return isDisplay && jsxRuntimeExports.jsx(Box$1, {
+                    sx: {
+                      flex: '0 1 calc(33.333% - 16px)',
+                      boxSizing: 'border-box',
+                      p: 2
+                    },
+                    children: jsxRuntimeExports.jsx(TableCellEditable, {
+                      isContainer: true,
+                      cellDefinition: Object.assign(Object.assign({}, colDef.editFieldDefinition), {
+                        row,
+                        TableCellProps: colDef.TableCellProps,
+                        isTooltip: colDef.isTooltip,
+                        getTitleTooltip: colDef.getTitleTooltip,
+                        error: error,
+                        value: currentValue,
+                        onChange: (newValue, valid) => {
+                          let indexes = [rowIdx];
+                          if (isMergeColumn) {
+                            indexes = convertItems.filter(c => c[fieldName] === row[fieldName]).map(c => {
+                              var _a;
+                              return (_a = c === null || c === void 0 ? void 0 : c.originalIndex) !== null && _a !== void 0 ? _a : 0;
+                            });
+                          }
+                          onChange(indexes, fieldName, newValue, valid);
+                        },
+                        type: colDef.editFieldDefinition.type,
+                        fieldName: colDef.editFieldDefinition.fieldName || ''
+                      }),
+                      numOfRowSpan: numOfRowSpan
+                    }, idx)
+                  }, idx);
+                }
+              })
+            })
+          })
+        })]
+      })]
+    })
+  });
+}
+
+styled(_a => {
+  var {
+      className
+    } = _a,
+    props = __rest$1(_a, ["className"]);
+  return jsxRuntimeExports.jsx(Tooltip$2, Object.assign({}, props, {
+    arrow: true,
+    classes: {
+      popper: className
+    }
+  }));
+})(() => ({
+  ["& .".concat(tooltipClasses$1.arrow)]: {
+    color: '#bbbbbb',
+    maxWidth: 450
+  },
+  ["& .".concat(tooltipClasses$1.tooltip)]: {
+    backgroundColor: '#f5f5f5',
+    maxWidth: 900,
+    boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)'
+  }
+}));
+function TableEditableBody(props) {
+  const {
+    items,
+    getId,
+    selected,
+    onSelectedChange,
+    onSelect,
+    columnDefinitions,
+    fieldDefinitions,
+    dataValidation,
+    includeDelete,
+    spanningRows,
+    onChange,
+    onDelete,
+    mergeRowsBy
+  } = props;
+  const convertToMergeAbleItems = keyValue => {
+    const result = [];
+    const temp = [...items.map((item, index) => Object.assign(Object.assign({}, item), {
+      originalIndex: index
+    }))];
+    lodashExports.uniqBy(temp, keyValue).map(t => {
+      const childs = temp.filter(item => item[keyValue] === t[keyValue]);
+      result.push(...childs);
+    });
+    return result;
+  };
+  const convertItems = mergeRowsBy ? convertToMergeAbleItems(mergeRowsBy) : items;
+  return jsxRuntimeExports.jsxs(TableBody, {
+    children: [convertItems.map((row, index) => {
+      var _a, _b;
+      const rowIdx = (_a = row.originalIndex) !== null && _a !== void 0 ? _a : index;
+      const id = (_b = getId(row)) !== null && _b !== void 0 ? _b : rowIdx;
+      return jsxRuntimeExports.jsx(TableRowEditable, {
+        columnDefinitions: columnDefinitions,
+        fieldDefinitions: fieldDefinitions,
+        convertItems: convertItems,
+        dataValidation: dataValidation,
+        id: id,
+        itemIndex: index,
+        row: row,
+        rowIdx: rowIdx,
+        mergeRowsBy: mergeRowsBy,
+        selected: selected,
+        onChange: onChange,
+        onDelete: onDelete,
+        onSelect: onSelect,
+        includeDelete: includeDelete,
+        onSelectedChange: onSelectedChange
+      }, index);
+    }), spanningRows === null || spanningRows === void 0 ? void 0 : spanningRows.map((row, index) => jsxRuntimeExports.jsx(Fragment, {
+      children: row
+    }, index))]
+  });
+}
+
+function TableHeader(props) {
+  const {
+    selected,
+    onSelectedChange,
+    numOfRows,
+    onSelectAll,
+    includeDelete,
+    columnDefinitions
+  } = props;
+  return jsxRuntimeExports.jsx(TableHead, {
+    children: jsxRuntimeExports.jsxs(TableRow, {
+      children: [selected && onSelectedChange && jsxRuntimeExports.jsx(TableCell, {
+        padding: "checkbox",
+        sx: {
+          border: '1px solid rgb(224, 224, 224)'
+        },
+        children: jsxRuntimeExports.jsx(Checkbox$1, {
+          color: "primary",
+          indeterminate: selected.length > 0 && selected.length < numOfRows,
+          checked: selected.length > 0 && selected.length === numOfRows,
+          onChange: () => onSelectAll(),
+          slotProps: {
+            input: {
+              'aria-label': 'select all desserts'
+            }
+          }
+        })
+      }), columnDefinitions.map((colDef, idx) => {
+        var _a;
+        const {
+          headerName,
+          width,
+          TableCellProps
+        } = colDef;
+        return jsxRuntimeExports.jsx(TableCell, Object.assign({
+          sx: Object.assign({
+            border: '1px solid rgb(224, 224, 224)'
+          }, width && {
+            width: width
+          })
+        }, TableCellProps, {
+          children: "".concat(headerName).concat(((_a = colDef === null || colDef === void 0 ? void 0 : colDef.editFieldDefinition) === null || _a === void 0 ? void 0 : _a.required) ? '*' : '')
+        }), idx);
+      }), includeDelete === true && jsxRuntimeExports.jsx(TableCell, {
+        sx: {
+          width: 60,
+          border: '1px solid rgb(224, 224, 224)'
+        }
+      })]
+    })
+  });
+}
+
+function TopBarActions(props) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    selected,
+    selectionActions
+  } = props;
+  return jsxRuntimeExports.jsx(Box$1, {
+    sx: {
+      position: 'relative'
+    },
+    children: jsxRuntimeExports.jsxs(Box$1, {
+      sx: {
+        padding: '10px 16px',
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        background: '#EEEEEE'
+      },
+      children: [jsxRuntimeExports.jsx(Typography$1, {
+        variant: "body1",
+        style: {
+          display: 'flex',
+          alignItems: 'center'
+        },
+        children: "".concat(selected.length, " ").concat(t('Common.Selected').toLowerCase())
+      }), jsxRuntimeExports.jsx(Box$1, {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          justifyContent: 'flex-end'
+        },
+        children: selectionActions && selectionActions.map((actionDef, actIdx) => jsxRuntimeExports.jsx(Tooltip$2, {
+          title: actionDef.tooltipTitle,
+          children: jsxRuntimeExports.jsx(IconButton$1, {
+            size: "small",
+            onClick: () => actionDef.action(),
+            sx: {
+              mx: 0.5
+            },
+            disabled: actionDef.disabled,
+            children: actionDef.icon
+          })
+        }, actIdx))
+      })]
+    })
+  });
+}
+
+function TableEditable(props) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    columnDefinitions,
+    fieldDefinitions,
+    items,
+    onChange,
+    getRowId,
+    selected,
+    onSelectedChange,
+    hideHeader = false,
+    onAddNew,
+    includeDelete = false,
+    spanningRows,
+    selectionActions,
+    mergeRowsBy,
+    observation
+  } = props;
+  const [dataValidation, setDataValidation] = useState(items.map(() => ({})));
+  useEffect(() => {
+    const difference = items.length - dataValidation.length;
+    if (difference > 0) {
+      let newDataValidation = _$3.cloneDeep(dataValidation);
+      for (let i = 0; i < difference; i++) {
+        newDataValidation.push({});
+      }
+      setDataValidation(newDataValidation);
+    }
+  }, [items]);
+  const handleChange = (indexes, fieldName, newValue, valid) => {
+    console.log('sss', indexes, fieldName, newValue, valid);
+    let newData = _$3.cloneDeep(items);
+    let newValidation = _$3.cloneDeep(dataValidation);
+    indexes.map(indexOfArray => {
+      var _a, _b;
+      newData[indexOfArray][fieldName] = newValue;
+      newValidation[indexOfArray][fieldName] = valid;
+      let columnField = (_a = columnDefinitions.find(x => {
+        var _a;
+        return ((_a = x.editFieldDefinition) === null || _a === void 0 ? void 0 : _a.fieldName) === fieldName;
+      })) === null || _a === void 0 ? void 0 : _a.editFieldDefinition;
+      let collapField = (_b = fieldDefinitions.find(x => {
+        var _a;
+        return ((_a = x.editFieldDefinition) === null || _a === void 0 ? void 0 : _a.fieldName) === fieldName;
+      })) === null || _b === void 0 ? void 0 : _b.editFieldDefinition;
+      // Column
+      if (columnField) {
+        if (columnField.customeFieldChange) {
+          const objChange = columnField.customeFieldChange(newValue);
+          if (typeof objChange === 'object' && objChange !== null) {
+            newData[indexOfArray] = Object.assign(Object.assign({}, newData[indexOfArray]), objChange);
+            for (let fieldKey in objChange) {
+              newValidation[indexOfArray][fieldKey] = true;
+            }
+          }
+        }
+        const convertFields = columnDefinitions.filter(col => col.editFieldDefinition && col.editFieldDefinition.fieldName).map(col => {
+          var _a;
+          return {
+            fieldName: String(col.editFieldDefinition.fieldName),
+            value: String((_a = newData[indexOfArray][col.editFieldDefinition.fieldName]) !== null && _a !== void 0 ? _a : '')
+          };
+        });
+        const convertFormulas = columnDefinitions.filter(col => !!col.editFieldDefinition && !!col.editFieldDefinition.autoFormula && col.editFieldDefinition.fieldName).map(col => {
+          var _a;
+          return {
+            fieldName: String(col.editFieldDefinition.fieldName),
+            value: (_a = col.editFieldDefinition) === null || _a === void 0 ? void 0 : _a.autoFormula
+          };
+        });
+        const currentField = columnField;
+        const relateFormulas = convertFormulas.filter(formula => {
+          var _a, _b;
+          return (_a = formula === null || formula === void 0 ? void 0 : formula.value) === null || _a === void 0 ? void 0 : _a.includes("{".concat((_b = currentField === null || currentField === void 0 ? void 0 : currentField.fieldName) === null || _b === void 0 ? void 0 : _b.toString(), "}"));
+        });
+        if (relateFormulas.length > 0) {
+          const result = updateFieldsWithFormulas(convertFormulas, convertFields, newData[indexOfArray], newValidation[indexOfArray], relateFormulas);
+          newData[indexOfArray] = result.newData;
+          newValidation[indexOfArray] = result.newValidation;
+        }
+      }
+      // collapsible
+      if (collapField) {
+        if (collapField.customeFieldChange) {
+          const objChange = collapField.customeFieldChange(newValue);
+          if (typeof objChange === 'object' && objChange !== null) {
+            newData[indexOfArray] = Object.assign(Object.assign({}, newData[indexOfArray]), objChange);
+            for (let fieldKey in objChange) {
+              newValidation[indexOfArray][fieldKey] = true;
+            }
+          }
+        }
+        const convertFields = columnDefinitions.filter(col => col.editFieldDefinition && col.editFieldDefinition.fieldName).map(col => {
+          var _a;
+          return {
+            fieldName: String(col.editFieldDefinition.fieldName),
+            value: String((_a = newData[indexOfArray][col.editFieldDefinition.fieldName]) !== null && _a !== void 0 ? _a : '')
+          };
+        });
+        const convertFormulas = columnDefinitions.filter(col => !!col.editFieldDefinition && !!col.editFieldDefinition.autoFormula && col.editFieldDefinition.fieldName).map(col => {
+          var _a;
+          return {
+            fieldName: String(col.editFieldDefinition.fieldName),
+            value: (_a = col.editFieldDefinition) === null || _a === void 0 ? void 0 : _a.autoFormula
+          };
+        });
+        const currentField = collapField;
+        const relateFormulas = convertFormulas.filter(formula => {
+          var _a, _b;
+          return (_a = formula === null || formula === void 0 ? void 0 : formula.value) === null || _a === void 0 ? void 0 : _a.includes("{".concat((_b = currentField === null || currentField === void 0 ? void 0 : currentField.fieldName) === null || _b === void 0 ? void 0 : _b.toString(), "}"));
+        });
+        if (relateFormulas.length > 0) {
+          const result = updateFieldsWithFormulas(convertFormulas, convertFields, newData[indexOfArray], newValidation[indexOfArray], relateFormulas);
+          newData[indexOfArray] = result.newData;
+          newValidation[indexOfArray] = result.newValidation;
+        }
+      }
+    });
+    const dataValid = getDataValidation(newData, newValidation);
+    if (mergeRowsBy) {
+      newData = _$3.omit(newData, 'originalId');
+    }
+    onChange(newData, dataValid, fieldName);
+    setDataValidation(newValidation);
+    if (observation && observation.length) {
+      observation.forEach(o => {
+        if (o.objObserve.includes(fieldName)) {
+          o.callback(fieldName, newValue, indexes[0]);
+        }
+      });
+    }
+  };
+  const updateFieldsWithFormulas = (convertFormulas, convertFields, newValue, validation, relateFormulas) => {
+    const newData = Object.assign({}, newValue);
+    const newValidation = Object.assign({}, validation);
+    const newFields = Object.assign([], convertFields);
+    relateFormulas.map(formula => {
+      var _a;
+      let stack = [formula];
+      while (stack.length > 0) {
+        const currentStack = stack.shift();
+        const replaceValue = replaceFieldsValue(newFields, (_a = currentStack === null || currentStack === void 0 ? void 0 : currentStack.value) !== null && _a !== void 0 ? _a : '');
+        if (!replaceValue.includes('notready')) {
+          const binaryTree = convertFormulaToBinaryTree(replaceValue);
+          if (binaryTree) {
+            const result = calculateValue(binaryTree);
+            const fieldIndex = newFields.findIndex(field => field.fieldName === (currentStack === null || currentStack === void 0 ? void 0 : currentStack.fieldName));
+            newFields[fieldIndex].value = result.toString();
+            newData[currentStack === null || currentStack === void 0 ? void 0 : currentStack.fieldName] = result.toString();
+            newValidation[currentStack === null || currentStack === void 0 ? void 0 : currentStack.fieldName] = true;
+            const relateField = newFields[fieldIndex];
+            const relateAgains = convertFormulas.filter(formula => {
+              var _a;
+              return (_a = formula === null || formula === void 0 ? void 0 : formula.value) === null || _a === void 0 ? void 0 : _a.includes(relateField.fieldName);
+            });
+            stack.push(...relateAgains);
+          }
+        }
+      }
+    });
+    return {
+      newData,
+      newValidation
+    };
+  };
+  const handleDelete = indexOfArray => {
+    const newData = _$3.cloneDeep(items);
+    const itemDeleted = newData[indexOfArray];
+    newData.splice(indexOfArray, 1);
+    const newValidation = _$3.cloneDeep(dataValidation);
+    newValidation.splice(indexOfArray, 1);
+    const dataValid = getDataValidation(newData, newValidation);
+    if (selected === null || selected === void 0 ? void 0 : selected.includes(itemDeleted.id)) handleSelect(itemDeleted.id);
+    onChange(newData, dataValid);
+    setDataValidation(newValidation);
+  };
+  const getDataValidation = (data, validation) => {
+    let dataValid = validation.every(validation => Object.keys(validation).every(key => validation[key]));
+    if (dataValid) {
+      data.forEach(item => {
+        columnDefinitions.filter(x => x.editFieldDefinition && x.editFieldDefinition.required).forEach(fieldDef => {
+          if (dataValid && fieldDef.editFieldDefinition && item[fieldDef.editFieldDefinition.fieldName] == undefined) dataValid = false;
+        });
+      });
+    }
+    return dataValid;
+  };
+  const getId = row => {
+    if (getRowId) {
+      return getRowId(row);
+    } else if (row.hasOwnProperty('id')) {
+      return 'id' in row ? row['id'] : undefined;
+    } else {
+      return undefined;
+    }
+  };
+  const handleSelectAll = () => {
+    if (selected && onSelectedChange) {
+      if (selected.length > 0) {
+        onSelectedChange([]);
+      } else {
+        onSelectedChange(items === null || items === void 0 ? void 0 : items.map((r, index) => getId(r) !== undefined ? getId(r) : index));
+      }
+    }
+  };
+  const handleSelect = id => {
+    if (selected && onSelectedChange) {
+      if (selected.includes(id)) {
+        onSelectedChange(selected.filter(x => x !== id));
+      } else {
+        let newSelected = selected.slice();
+        newSelected.push(id);
+        onSelectedChange(newSelected);
+      }
+    }
+  };
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [jsxRuntimeExports.jsxs(TableContainer, {
+      component: Paper$1,
+      sx: {
+        overflow: 'hidden'
+      },
       children: [selected && onSelectedChange && selected.length > 0 && selectionActions && jsxRuntimeExports.jsx(TopBarActions, {
         selected: selected,
         selectionActions: selectionActions
@@ -177579,6 +178330,7 @@ function TableEditable(props) {
           onSelectedChange: onSelectedChange,
           onSelect: handleSelect,
           columnDefinitions: columnDefinitions,
+          fieldDefinitions: fieldDefinitions,
           dataValidation: dataValidation,
           includeDelete: includeDelete,
           spanningRows: spanningRows,
@@ -189420,9 +190172,6 @@ function Create() {
     }
   }, []);
   const checkValidSubmit = useMemo(() => {
-    if (id && Number(id) < 100) {
-      return false;
-    }
     const getChangeField = (oldValue, newValue) => oldValue !== newValue ? true : false;
     let checkV = false;
     if (isCreate) {
@@ -205684,4 +206433,4 @@ var index_es = /*#__PURE__*/Object.freeze({
     vectorsRatio: vectorsRatio
 });
 
-export { Container$n as Action, AdvancedSearch, AppContext, AppProvider, AsyncAutocomplete, AwingContext, BarLineChart, BoxResizableSplit, ButtonDateRangePicker, ButtonSelect, CircularProgress, DrawerBase as ClassicBaseDrawer, DrawerWrapper$1 as ClassicDrawer, CloseAction, ContentHeader, ControlPanels, CopyButton, CronTab, DataForm, DataGrid, DataGridGroup, DataGridSortType, InputFactory as DataInput, DateAutoFormat, Container$g as DatePicker, DateRangePicker$1 as DateRangePicker, Container$h as DateRangePickerOld, EnhancedDialog as DeprecatedEnhancedDialog, CreateDirectory as DirectoryForm, PermissionWarpper as DirectoryPermission, DirectoryRoot, DirectorySystem, DirectoryTree, DrawerWrapper as Drawer, DrawerNavigate, DrawerStateEnum, Container$m as EnhancedAutoComplete, EnumFieldInputType, EnumSelectedPlaceType, FIELD_TYPE, FilterNotification, FilterOperationType, FilterTreeView, FooterContainer as Footer, GoogleMap, GroupSystem, GroupTable, HierarchyTree, I18nProvider, INT_NUMBER_LIMIT, Container as Layout, Notifications as LayoutNotifications, LogicExpressionInput as LogicExpression, LogicalOperatorType, MemoWrap, MonacoEditor$1 as MonacoEditor, MultipleChoice, MultipleHierarchicalChoice, NoData, NotificationConfig, NotificationFilter as NotificationObjectFilter, NumberFormat, AsynchronousAutocomplete as OldAsyncAutoComplete, Page, PageManagement, Pagination, PieChart, PlaceFilter, RoleSystem, RoleTagSystem, SchemaSystem, SearchBox, Sharing as SharingSystem, ShowTreeItem, SimpleTreeItemWrapper, SortEnumType, Sortable, SortableTree, StatisticsCommon as Statistics, SubscriptionConfig, TIMELINE_TYPE, TYPE_CHART, TYPE_FILTERS, TabLabel, TableCellEditable, TableEditable, TableEditableBody, TableHeader, TablePaginationActions, Template as TemplateConfig, ThemeProvider, ToolbarLayout as Toolbar, TopBarActions, TreeItemWithAction, User as UserSystem, WMAPEcalculator, WorkflowFeature as WorkflowSystem, WorkspaceType, Wrapper, arrayIsNotEmptyValid, calculateValue, calculatorDirectoryIdRoot, changeToAlias, checkValidMacAddress, checkValidStringListAP, checkValidUrl, colorValid, containsOnlyDigits, convertArrayFiltersToCondition, convertArrayToObject, convertDataSetPattern, convertDateTimeToTimestamp, convertFilterExpressionToCondition, convertFormulaToBinaryTree, convertTimeLine, convertTimelineToDateTime, convertTimestampToDateTime, convertToPostfix, darkTheme, dateRangeValid, dateTimeToString, dateToString, dateToStringDDMMYYYY, dateValid, download, downloadWithDataSet, emailValid, fillMissingDates, flattenTree, formatChartNumber, formatJSON$1 as formatJSON, formatNumberByLocale, formatNumberWithLanguage, generateUUID, getCookie, getGUID, getPrecedence, getQueryVariable, getRandomKey, getRoutePath, getStartOfDay, getToday, handleExportExcel, i18n as i18nLib, isOperand, isOperator, lightTheme, nameExportStandard, notNullValid, numberNotNullValid, numberOnlyValid, numberPercentageNotNullValid, off, offlinePaginate, parseJSON, passwordValid, positiveNumberNotNullValid, pub, replaceFieldsValue, roundDecimalNumber, setObject, stringNotNullValid, stringNullableValid, sub, textValidation, timestampToStringDDMMYYYY, toCapitalize, tokenize, updateGUID, updateObjectFields, urlValid, useAppHelper, useAwing, useDrawer, useGetContext$8 as useGetContext, useGetData, usePath, validateNumber };
+export { Container$n as Action, AdvancedSearch, AppContext, AppProvider, AsyncAutocomplete, AwingContext, BarLineChart, BoxResizableSplit, ButtonDateRangePicker, ButtonSelect, CircularProgress, DrawerBase as ClassicBaseDrawer, DrawerWrapper$1 as ClassicDrawer, CloseAction, ContentHeader, ControlPanels, CopyButton, CronTab, DataForm, DataGrid, DataGridGroup, DataGridSortType, InputFactory as DataInput, DateAutoFormat, Container$g as DatePicker, DateRangePicker$1 as DateRangePicker, Container$h as DateRangePickerOld, EnhancedDialog as DeprecatedEnhancedDialog, CreateDirectory as DirectoryForm, PermissionWarpper as DirectoryPermission, DirectoryRoot, DirectorySystem, DirectoryTree, DrawerWrapper as Drawer, DrawerNavigate, DrawerStateEnum, Container$m as EnhancedAutoComplete, EnumFieldInputType, EnumSelectedPlaceType, FIELD_TYPE, FilterNotification, FilterOperationType, FilterTreeView, FooterContainer as Footer, GoogleMap, GroupSystem, GroupTable, HierarchyTree, I18nProvider, INT_NUMBER_LIMIT, Container as Layout, Notifications as LayoutNotifications, LogicExpressionInput as LogicExpression, LogicalOperatorType, MemoWrap, MonacoEditor$1 as MonacoEditor, MultipleChoice, MultipleHierarchicalChoice, NoData, NotificationConfig, NotificationFilter as NotificationObjectFilter, NumberFormat, AsynchronousAutocomplete as OldAsyncAutoComplete, Page, PageManagement, Pagination, PieChart, PlaceFilter, RoleSystem, RoleTagSystem, SchemaSystem, SearchBox, Sharing as SharingSystem, ShowTreeItem, SimpleTreeItemWrapper, SortEnumType, Sortable, SortableTree, StatisticsCommon as Statistics, SubscriptionConfig, TIMELINE_TYPE, TYPE_CHART, TYPE_FILTERS, TabLabel, TableCellEditable$1 as TableCellEditable, TableEditable$1 as TableEditable, TableEditableBody$1 as TableEditableBody, TableEditable as TableEditableCollapsible, TableEditableBody as TableEditableCollapsibleBody, TableCellEditable as TableEditableCollapsibleCell, TableHeader as TableEditableCollapsibleTableHeader, TopBarActions as TableEditableCollapsibleTopBarActions, TableHeader$1 as TableHeader, TablePaginationActions, Template as TemplateConfig, ThemeProvider, ToolbarLayout as Toolbar, TopBarActions$1 as TopBarActions, TreeItemWithAction, User as UserSystem, WMAPEcalculator, WorkflowFeature as WorkflowSystem, WorkspaceType, Wrapper, arrayIsNotEmptyValid, calculateValue, calculatorDirectoryIdRoot, changeToAlias, checkValidMacAddress, checkValidStringListAP, checkValidUrl, colorValid, containsOnlyDigits, convertArrayFiltersToCondition, convertArrayToObject, convertDataSetPattern, convertDateTimeToTimestamp, convertFilterExpressionToCondition, convertFormulaToBinaryTree, convertTimeLine, convertTimelineToDateTime, convertTimestampToDateTime, convertToPostfix, darkTheme, dateRangeValid, dateTimeToString, dateToString, dateToStringDDMMYYYY, dateValid, download, downloadWithDataSet, emailValid, fillMissingDates, flattenTree, formatChartNumber, formatJSON$1 as formatJSON, formatNumberByLocale, formatNumberWithLanguage, generateUUID, getCookie, getGUID, getPrecedence, getQueryVariable, getRandomKey, getRoutePath, getStartOfDay, getToday, handleExportExcel, i18n as i18nLib, isOperand, isOperator, lightTheme, nameExportStandard, notNullValid, numberNotNullValid, numberOnlyValid, numberPercentageNotNullValid, off, offlinePaginate, parseJSON, passwordValid, positiveNumberNotNullValid, pub, replaceFieldsValue, roundDecimalNumber, setObject, stringNotNullValid, stringNullableValid, sub, textValidation, timestampToStringDDMMYYYY, toCapitalize, tokenize, updateGUID, updateObjectFields, urlValid, useAppHelper, useAwing, useDrawer, useGetContext$8 as useGetContext, useGetData, usePath, validateNumber };

package/dist/index.d.ts

@@ -1723,6 +1723,87 @@ interface ChartContentProps<F> extends Pick<IStatisticsProps<F>, 'dataChart' | '
 
 declare const StatisticsCommon: <F extends object = object>(props: IStatisticsProps<F>) => react_jsx_runtime.JSX.Element;
 
+type CellDefinition$1<T extends object> = FieldDefinitionProps$1<T> & {
+    TableCellProps?: TableCellProps$1;
+    isTooltip?: boolean;
+    row?: Partial<T>;
+    getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
+};
+interface ColumnDefinition$1<T extends object> {
+    headerName: ReactNode;
+    /**
+     * Độ rộng của cột
+     */
+    width?: string | number;
+    TableCellProps?: TableCellProps$1;
+    editFieldDefinition?: CellDefinition$1<T>;
+    isRowGroup?: boolean;
+    contentGetter?: (obj: T, idx?: number) => ReactNode;
+    fieldName?: string;
+    isTooltip?: boolean;
+    getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
+}
+type TableEditableProps$1<T> = {
+    columnDefinitions: Array<ColumnDefinition$1<Partial<T>>>;
+    items: Array<Partial<T>>;
+    onChange(newData: Array<Partial<T>>, dataValid: boolean, fieldName?: keyof T): void;
+    getRowId?(obj: Partial<T>): number;
+    selected?: number[];
+    onSelectedChange?(ids: number[]): void;
+    hideHeader?: boolean;
+    onAddNew?(): void;
+    includeDelete?: boolean;
+    spanningRows?: ReactNode[];
+    selectionActions?: SelectionActionDefinition[];
+    mergeRowsBy?: string;
+    observation?: {
+        objObserve: Array<keyof T>;
+        callback: (fieldName?: keyof T, columnValue?: unknown, index?: number) => void;
+    }[];
+};
+interface TopBarActionsProps$1 {
+    selected: number[];
+    selectionActions?: SelectionActionDefinition[];
+}
+interface TableHeaderProps$1<T> {
+    selected?: number[];
+    onSelectedChange?: (selected: number[]) => void;
+    numOfRows: number;
+    onSelectAll: () => void;
+    includeDelete?: boolean;
+    columnDefinitions: Array<ColumnDefinition$1<Partial<T>>>;
+}
+interface TableEditableBodyProps$1<T> {
+    items: Array<Partial<T>>;
+    getId: (item: Partial<T>) => string | number | undefined;
+    selected?: number[];
+    onSelectedChange?: (selected: number[]) => void;
+    onSelect: (id: number) => void;
+    columnDefinitions: Array<ColumnDefinition$1<Partial<T>>>;
+    dataValidation: Partial<{
+        [K in keyof T]: boolean;
+    }>[];
+    includeDelete?: boolean;
+    spanningRows?: ReactNode[];
+    onChange: (indexes: number[], fieldName: keyof T, newValue: T[keyof T], valid: boolean) => void;
+    onDelete: (rowIdx: number) => void;
+    mergeRowsBy?: string;
+}
+interface TableCellEditableProps$1<T extends object> {
+    cellDefinition: CellDefinition$1<T>;
+    numOfRowSpan?: number;
+}
+
+declare function TableEditable$1<T>(props: TableEditableProps$1<T>): react_jsx_runtime.JSX.Element;
+
+declare function TableHeader$1<T>(props: TableHeaderProps$1<T>): react_jsx_runtime.JSX.Element;
+
+declare function TableEditableBody$1<T>(props: TableEditableBodyProps$1<T>): react_jsx_runtime.JSX.Element;
+
+declare function TableCellEditable$1<T extends object>(props: TableCellEditableProps$1<T>): react_jsx_runtime.JSX.Element;
+
+declare function TopBarActions$1(props: TopBarActionsProps$1): react_jsx_runtime.JSX.Element;
+
 type CellDefinition<T extends object> = FieldDefinitionProps$1<T> & {
     TableCellProps?: TableCellProps$1;
     isTooltip?: boolean;
@@ -1745,6 +1826,7 @@ interface ColumnDefinition<T extends object> {
 }
 type TableEditableProps<T> = {
     columnDefinitions: Array<ColumnDefinition<Partial<T>>>;
+    fieldDefinitions: Array<ColumnDefinition<Partial<T>>>;
     items: Array<Partial<T>>;
     onChange(newData: Array<Partial<T>>, dataValid: boolean, fieldName?: keyof T): void;
     getRowId?(obj: Partial<T>): number;
@@ -1780,6 +1862,7 @@ interface TableEditableBodyProps<T> {
     onSelectedChange?: (selected: number[]) => void;
     onSelect: (id: number) => void;
     columnDefinitions: Array<ColumnDefinition<Partial<T>>>;
+    fieldDefinitions?: Array<ColumnDefinition<Partial<T>>>;
     dataValidation: Partial<{
         [K in keyof T]: boolean;
     }>[];
@@ -1791,6 +1874,7 @@ interface TableEditableBodyProps<T> {
 }
 interface TableCellEditableProps<T extends object> {
     cellDefinition: CellDefinition<T>;
+    isContainer?: boolean;
     numOfRowSpan?: number;
 }
 
@@ -3418,4 +3502,4 @@ declare function ThemeProvider(props: {
     };
 }): react_jsx_runtime.JSX.Element;
 
-export { Container$4 as Action, type ActionsProps, AdvancedSearch, type AdvancedSearchField, type AdvancedSearchProps, type AnalyticDataProviderModel, AppContext, AppProvider, AsyncAutocomplete, type AsyncAutocompleteProps, type AsynchronousAutocompleteProps, AwingContext, BarLineChart, type BaseDirectoryPermission, type BaseFieldDefinition, type BaseFieldRender, type BinaryTreeNode, BoxResizableSplit, type BoxResizableSplitProps, ButtonDateRangePicker, type ButtonDateRangePickerProps, ButtonSelect, type ButtonSelectProps, type Cell, type CellDefinition, type ChartContentProps, CircularProgress, DrawerBase as ClassicBaseDrawer, DrawerWrapper as ClassicDrawer, CloseAction, type ColumnDefinition, type CombinedProps, ContentHeader, type OwnProps as ContentHeaderProps, ControlPanels, CopyButton, type CopyButtonProps, CronTab, type CronTabProps, type CronTabValue, type DataExportEntity, DataForm, type DataFormProps, DataGrid, type DataGridColumnDefinitionBase, DataGridGroup, type DataGridProps, DataGridSortType, InputFactory as DataInput, type DataSet, DateAutoFormat, type DateAutoFormatProps, Container$2 as DatePicker, type DatePickerProps, type DateRange, DateRangePicker, Container$3 as DateRangePickerOld, type DateRangePickerOldProps, type DateRangePickerProps, type DayInterval, type DayIntervalPickerProps, EnhancedDialog as DeprecatedEnhancedDialog, type Directory$2 as Directory, CreateDirectory as DirectoryForm, PermissionWarpper as DirectoryPermission, type DirectoryPermissionServices, type DirectoryProps, DirectoryRoot, DirectorySystem, DirectoryTree, type DirectoryTreeProps, DrawerWrapper$1 as Drawer, type DrawerBaseProps, type DrawerHandle, DrawerNavigate, type DrawerNavigateProps, type DrawerProps, DrawerStateEnum, Container$1 as EnhancedAutoComplete, type EnhancedAutoCompleteProps, type EnhancedDialogProps, EnumFieldInputType, EnumSelectedPlaceType, FIELD_TYPE, type FieldDefinitionProps, type FileResponse, type FilterExpression, type FilterGroup, type FilterItem, FilterNotification, FilterOperationType, FilterTreeView, type FilterTreeViewProps, type FiltersType, FooterContainer as Footer, type FunctionStructure, GoogleMap, type GridSortDirection, type GridSortModel, type GroupComponentProps, type GroupFilter, GroupSystem, GroupTable, type GroupTableProps, type HeadCell, HierarchyTree, I18nProvider, type IChartJsContainer, type ICircularProgress, type IConfigChart, type IControlPanel, type DataGridGroupsProps as IDataGridGroups, type IDirectoryTreeViewProps, type IFilterField, type IGoogleMapProps, type IMenu, type IMonacoEditorProps, type IMultipleChoiceComponentProps, type IMultipleChoiceProps, type IMultipleHierarchicalChoice, type IMultipleHierarchicalChoiceInput, type IMultipleHierarchicalChoiceProps, type IMultipleSelect, INT_NUMBER_LIMIT, type IOption, type IPieContainer, type IStatisticsProps, type ITag, Container as Layout, Notifications as LayoutNotifications, type Locale, LogicExpressionInput as LogicExpression, type LogicExpressionInputProps, LogicalOperatorType, MemoWrap, type MemoWrapProps, type MenuOption, type ModalDrawerProps, MonacoEditor, MultipleChoice, type MultipleHierarChicalChoiceComponentProps, MultipleHierarchicalChoice, NoData, NotificationConfig, NotificationFilter$1 as NotificationObjectFilter, NumberFormat, type ObjectDefinition$4 as ObjectDefinition, type ObjectStructure, AsynchronousAutocomplete as OldAsyncAutoComplete, Page, PageManagement, type PageManagementProps, type PageProps, Pagination, type PermissionContainerProps, PieChart, PlaceFilter, type PlaceFilterProps, type QueryInput, type QueryInputStatistics, type Role, type RoleServices, RoleSystem, type RoleTag$3 as RoleTag, type RoleTagServices, RoleTagSystem, type Row, type RowActionDefinition, type RowId, type RowProps, type SchedulePermission, SchemaSystem, SearchBox, type SearchBoxProps, type SearchType, type SharingProps, Sharing as SharingSystem, ShowTreeItem, SimpleTreeItemWrapper, SortEnumType, Sortable, SortableTree, type SortableTreeProps, StatisticsCommon as Statistics, SubscriptionConfig, TIMELINE_TYPE, TYPE_CHART, TYPE_FILTERS, TabLabel, TableCellEditable, type TableCellEditableProps, TableEditable, TableEditableBody, type TableEditableBodyProps, type TableEditableProps, type TableGridProps, TableHeader, type TableHeaderProps, type TableLabelProps, TablePaginationActions, type TablePaginationActionsProps, Template as TemplateConfig, ThemeProvider, type Timestamp, ToolbarLayout as Toolbar, TopBarActions, type TopBarActionsProps, type TreeItem, type TreeItemOption, TreeItemWithAction, type TreeItemWithActionProps, type TreeItems, User as UserSystem, type Value, type ValueBase, WMAPEcalculator, WorkflowFeature as WorkflowSystem, WorkspaceType, Wrapper, arrayIsNotEmptyValid, calculateValue, calculatorDirectoryIdRoot, changeToAlias, checkValidMacAddress, checkValidStringListAP, checkValidUrl, colorValid, containsOnlyDigits, convertArrayFiltersToCondition, convertArrayToObject, convertDataSetPattern, convertDateTimeToTimestamp, convertFilterExpressionToCondition, convertFormulaToBinaryTree, convertTimeLine, convertTimelineToDateTime, convertTimestampToDateTime, convertToPostfix, darkTheme, dateRangeValid, dateTimeToString, dateToString, dateToStringDDMMYYYY, dateValid, download, downloadWithDataSet, emailValid, fillMissingDates, flattenTree, formatChartNumber, formatJSON, formatNumberByLocale, formatNumberWithLanguage, generateUUID, getCookie, getGUID, getPrecedence, getQueryVariable, getRandomKey, getRoutePath, getStartOfDay, getToday, handleExportExcel, i18n as i18nLib, isOperand, isOperator, lightTheme, nameExportStandard, notNullValid, numberNotNullValid, numberOnlyValid, numberPercentageNotNullValid, off, offlinePaginate, parseJSON, passwordValid, positiveNumberNotNullValid, pub, replaceFieldsValue, roundDecimalNumber, setObject, stringNotNullValid, stringNullableValid, sub, textValidation, timestampToStringDDMMYYYY, toCapitalize, tokenize, updateGUID, updateObjectFields, urlValid, useAppHelper, useAwing, useDrawer, useGetContext, useGetData, usePath, validateNumber };
+export { Container$4 as Action, type ActionsProps, AdvancedSearch, type AdvancedSearchField, type AdvancedSearchProps, type AnalyticDataProviderModel, AppContext, AppProvider, AsyncAutocomplete, type AsyncAutocompleteProps, type AsynchronousAutocompleteProps, AwingContext, BarLineChart, type BaseDirectoryPermission, type BaseFieldDefinition, type BaseFieldRender, type BinaryTreeNode, BoxResizableSplit, type BoxResizableSplitProps, ButtonDateRangePicker, type ButtonDateRangePickerProps, ButtonSelect, type ButtonSelectProps, type Cell, type CellDefinition$1 as CellDefinition, type ChartContentProps, CircularProgress, DrawerBase as ClassicBaseDrawer, DrawerWrapper as ClassicDrawer, CloseAction, type ColumnDefinition$1 as ColumnDefinition, type CombinedProps, ContentHeader, type OwnProps as ContentHeaderProps, ControlPanels, CopyButton, type CopyButtonProps, CronTab, type CronTabProps, type CronTabValue, type DataExportEntity, DataForm, type DataFormProps, DataGrid, type DataGridColumnDefinitionBase, DataGridGroup, type DataGridProps, DataGridSortType, InputFactory as DataInput, type DataSet, DateAutoFormat, type DateAutoFormatProps, Container$2 as DatePicker, type DatePickerProps, type DateRange, DateRangePicker, Container$3 as DateRangePickerOld, type DateRangePickerOldProps, type DateRangePickerProps, type DayInterval, type DayIntervalPickerProps, EnhancedDialog as DeprecatedEnhancedDialog, type Directory$2 as Directory, CreateDirectory as DirectoryForm, PermissionWarpper as DirectoryPermission, type DirectoryPermissionServices, type DirectoryProps, DirectoryRoot, DirectorySystem, DirectoryTree, type DirectoryTreeProps, DrawerWrapper$1 as Drawer, type DrawerBaseProps, type DrawerHandle, DrawerNavigate, type DrawerNavigateProps, type DrawerProps, DrawerStateEnum, Container$1 as EnhancedAutoComplete, type EnhancedAutoCompleteProps, type EnhancedDialogProps, EnumFieldInputType, EnumSelectedPlaceType, FIELD_TYPE, type FieldDefinitionProps, type FileResponse, type FilterExpression, type FilterGroup, type FilterItem, FilterNotification, FilterOperationType, FilterTreeView, type FilterTreeViewProps, type FiltersType, FooterContainer as Footer, type FunctionStructure, GoogleMap, type GridSortDirection, type GridSortModel, type GroupComponentProps, type GroupFilter, GroupSystem, GroupTable, type GroupTableProps, type HeadCell, HierarchyTree, I18nProvider, type IChartJsContainer, type ICircularProgress, type IConfigChart, type IControlPanel, type DataGridGroupsProps as IDataGridGroups, type IDirectoryTreeViewProps, type IFilterField, type IGoogleMapProps, type IMenu, type IMonacoEditorProps, type IMultipleChoiceComponentProps, type IMultipleChoiceProps, type IMultipleHierarchicalChoice, type IMultipleHierarchicalChoiceInput, type IMultipleHierarchicalChoiceProps, type IMultipleSelect, INT_NUMBER_LIMIT, type IOption, type IPieContainer, type IStatisticsProps, type ITag, Container as Layout, Notifications as LayoutNotifications, type Locale, LogicExpressionInput as LogicExpression, type LogicExpressionInputProps, LogicalOperatorType, MemoWrap, type MemoWrapProps, type MenuOption, type ModalDrawerProps, MonacoEditor, MultipleChoice, type MultipleHierarChicalChoiceComponentProps, MultipleHierarchicalChoice, NoData, NotificationConfig, NotificationFilter$1 as NotificationObjectFilter, NumberFormat, type ObjectDefinition$4 as ObjectDefinition, type ObjectStructure, AsynchronousAutocomplete as OldAsyncAutoComplete, Page, PageManagement, type PageManagementProps, type PageProps, Pagination, type PermissionContainerProps, PieChart, PlaceFilter, type PlaceFilterProps, type QueryInput, type QueryInputStatistics, type Role, type RoleServices, RoleSystem, type RoleTag$3 as RoleTag, type RoleTagServices, RoleTagSystem, type Row, type RowActionDefinition, type RowId, type RowProps, type SchedulePermission, SchemaSystem, SearchBox, type SearchBoxProps, type SearchType, type SharingProps, Sharing as SharingSystem, ShowTreeItem, SimpleTreeItemWrapper, SortEnumType, Sortable, SortableTree, type SortableTreeProps, StatisticsCommon as Statistics, SubscriptionConfig, TIMELINE_TYPE, TYPE_CHART, TYPE_FILTERS, TabLabel, TableCellEditable$1 as TableCellEditable, type TableCellEditableProps$1 as TableCellEditableProps, TableEditable$1 as TableEditable, TableEditableBody$1 as TableEditableBody, type TableEditableBodyProps$1 as TableEditableBodyProps, TableEditable as TableEditableCollapsible, TableEditableBody as TableEditableCollapsibleBody, TableCellEditable as TableEditableCollapsibleCell, type CellDefinition$1 as TableEditableCollapsibleCellDefinition, type ColumnDefinition$1 as TableEditableCollapsibleColumnDefinition, type TableCellEditableProps$1 as TableEditableCollapsibleTableCellEditableProps, type TableEditableBodyProps$1 as TableEditableCollapsibleTableEditableBodyProps, type TableEditableProps$1 as TableEditableCollapsibleTableEditableProps, TableHeader as TableEditableCollapsibleTableHeader, type TableHeaderProps$1 as TableEditableCollapsibleTableHeaderProps, TopBarActions as TableEditableCollapsibleTopBarActions, type TopBarActionsProps$1 as TableEditableCollapsibleTopBarActionsProps, type TableEditableProps$1 as TableEditableProps, type TableGridProps, TableHeader$1 as TableHeader, type TableHeaderProps$1 as TableHeaderProps, type TableLabelProps, TablePaginationActions, type TablePaginationActionsProps, Template as TemplateConfig, ThemeProvider, type Timestamp, ToolbarLayout as Toolbar, TopBarActions$1 as TopBarActions, type TopBarActionsProps$1 as TopBarActionsProps, type TreeItem, type TreeItemOption, TreeItemWithAction, type TreeItemWithActionProps, type TreeItems, User as UserSystem, type Value, type ValueBase, WMAPEcalculator, WorkflowFeature as WorkflowSystem, WorkspaceType, Wrapper, arrayIsNotEmptyValid, calculateValue, calculatorDirectoryIdRoot, changeToAlias, checkValidMacAddress, checkValidStringListAP, checkValidUrl, colorValid, containsOnlyDigits, convertArrayFiltersToCondition, convertArrayToObject, convertDataSetPattern, convertDateTimeToTimestamp, convertFilterExpressionToCondition, convertFormulaToBinaryTree, convertTimeLine, convertTimelineToDateTime, convertTimestampToDateTime, convertToPostfix, darkTheme, dateRangeValid, dateTimeToString, dateToString, dateToStringDDMMYYYY, dateValid, download, downloadWithDataSet, emailValid, fillMissingDates, flattenTree, formatChartNumber, formatJSON, formatNumberByLocale, formatNumberWithLanguage, generateUUID, getCookie, getGUID, getPrecedence, getQueryVariable, getRandomKey, getRoutePath, getStartOfDay, getToday, handleExportExcel, i18n as i18nLib, isOperand, isOperator, lightTheme, nameExportStandard, notNullValid, numberNotNullValid, numberOnlyValid, numberPercentageNotNullValid, off, offlinePaginate, parseJSON, passwordValid, positiveNumberNotNullValid, pub, replaceFieldsValue, roundDecimalNumber, setObject, stringNotNullValid, stringNullableValid, sub, textValidation, timestampToStringDDMMYYYY, toCapitalize, tokenize, updateGUID, updateObjectFields, urlValid, useAppHelper, useAwing, useDrawer, useGetContext, useGetData, usePath, validateNumber };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.67",
+    "version": "2.1.2-dev.69",
     "main": "dist/esm/index.js",
     "module": "dist/esm/index.js",
     "types": "dist/index.d.ts",