@inceptionbg/iui 2.0.23 → 2.0.24

package/src/types/ITable.ts

@@ -1,281 +1,290 @@
-import { Dispatch, MouseEvent, ReactElement, ReactNode, SetStateAction } from 'react';
-import { IAnyObject, ISimpleObject } from './IBasic';
-import { ITableKeyboardActionsBase } from './IKeyboard';
-import { IPopupControl } from './IPopup';
-
-export interface ITable<T = unknown> {
-  id?: string;
-  columnData: ITableColumnsData;
-  data: ITableDataItem<T>[];
-  dataActions?: ITableDataActions<T>;
-  rowSelect?: {
-    selectedRows: Set<string>;
-    setSelectedRows: Dispatch<SetStateAction<Set<string>>>;
-    actions?: ITableSelectedAction[];
-  };
-  filterData?: ITableFilterData;
-  sortData?: ITableSortData;
-  templateData?: ITableTemplateData;
-  printData?: IPrintData<T>;
-  sumRows?: ITableDataItem<T>[];
-  editable?: ITableEdit<T>;
-  selectedRowUuid?: string;
-  itemDeleteData?: ITableItemDeleteData;
-  keyboard?: {
-    enabled: boolean;
-    actions?: ITableKeyboardActionsBase;
-  };
-  headerWrap?: boolean;
-  customHeader?: ITableColumn[][];
-  // customPrintData?: ICustomPrintData;
-  // additionsalOptions?: ReactNode;
-  footer?: {
-    paginationControl?: IPaginationControl;
-    customPagination?: {
-      defaultLimit?: number;
-      customLimit?: number[];
-    };
-    totalRows?: number;
-    // noTotalRows?: boolean;
-    refetch?: () => void;
-  };
-  isLoading?: boolean;
-  className?: string;
-  rowHeight?: 'xs' | 's' | 'm';
-  maxHeight?: string;
-}
-
-export interface ITableColumn {
-  id: string;
-  label?: string | ReactElement;
-  labelForFilter?: string;
-  align?: 'center' | 'left' | 'right' | 'justify' | undefined;
-  unavailable?: boolean;
-  hidden?: boolean;
-  printHidden?: boolean;
-  width?: string;
-  minWidth?: string;
-  colSpan?: number;
-  rowSpan?: number;
-  break?: boolean;
-  color?: 'secondary';
-  sticky?: boolean;
-  sortOptions?: {
-    asc: string;
-    desc: string;
-    label: string;
-  };
-  notFirstCell?: boolean;
-  // code?: string;
-  className?: string;
-}
-
-export interface ITableDataItem<T = unknown> {
-  uuid: string;
-  onRowClick?: (event?: MouseEvent<HTMLTableRowElement>) => void;
-  className?: string;
-  item?: T;
-  disableSelect?: boolean;
-  cells: ITableDataItemCells;
-  extendable?: {
-    element: ReactElement;
-    isLoading?: boolean;
-  };
-}
-export interface ITableDataItemCells {
-  [id: string]: {
-    value: any;
-    align?: ITableColumn['align'];
-    className?: string;
-    onClick?: (event?: MouseEvent<HTMLTableCellElement>) => void;
-    link?: boolean;
-    tooltip?: string;
-    span?: number;
-    unclickable?: boolean;
-    printValue?: string;
-  };
-}
-
-export interface ITableDataActions<T = unknown> {
-  hasEditAccess?: boolean;
-  actions?: (item?: T) => {
-    label: string;
-    onClick: () => void;
-    hasAccess: boolean;
-    disabled?: boolean;
-  }[];
-}
-export interface ITableFilterData {
-  filters: ITableFilter;
-  customFilterIdList?: string[];
-  activeFilterNo?: number;
-  additionalFilters?: ReactElement;
-  defaultSearch?: IAnyObject;
-  search: IAnyObject;
-  searchData: IAnyObject;
-  setSearchData: (search: IAnyObject) => void;
-  onSearch: (search: IAnyObject) => void;
-  excludeFromSearch?: string[];
-}
-
-export interface ITableFilterItem {
-  label: string;
-  field: ReactElement;
-}
-export interface ITableFilter {
-  [id: string]: ITableFilterItem;
-}
-
-export interface ITableSortData {
-  sort: string;
-  setSort: (sort: string) => void;
-  sortOptions: ITableSort[];
-  menuSize?: 's' | 'm' | 'l';
-}
-export interface ITableSort {
-  label: string;
-  value: string;
-}
-
-export interface ITableColumnsData {
-  defaultColumns: ITableColumn[];
-  columns: ITableColumn[];
-  setColumns?: (columns: ITableColumn[]) => void;
-  // withSearch?: boolean;
-}
-export interface ITableSelectedAction {
-  label: string;
-  onClick: (selected: Set<string>) => void;
-  hidden?: boolean;
-  disabled?: boolean;
-  clearSelected?: boolean;
-}
-
-export interface ITableTemplateData {
-  identifier: string;
-  popupController: IPopupControl;
-  defaultTemplate?: IReportTemplate;
-  items: IReportTemplate[];
-  isLoading?: boolean;
-  isFetching?: boolean;
-  setSearch?: (search: string) => void;
-  setItemToDeleteUuids: (itemUuids: string[]) => void;
-  DeleteDialog: ReactNode;
-  createItem: {
-    allowPublicCreate?: boolean;
-    onCreate: (data: Partial<IReportTemplate>) => void;
-    onCreateDefault: () => void;
-  };
-}
-///// EDIT /////
-export interface ITableEdit<T = unknown> {
-  selectedItem: ITableDataItem<T> | null;
-  setSelectedItem: (item: ITableDataItem<T> | null) => void;
-  editData: Partial<T>;
-  setEditData: Dispatch<SetStateAction<Partial<T>>>;
-  onSubmit: (data: T, onSubmitCallback: () => void) => void;
-  cells: ITableDataItemCells;
-  defaultDataValue?: T;
-  addDisabled?: boolean;
-  addLabel?: string;
-  // inputFocusRef?: RefObject<any>;
-  keepEditOnSubmit?: boolean;
-}
-
-///// DELETE /////
-export interface ITableItemDeleteData {
-  hasAccess: boolean;
-  itemToDeleteUuids: string[];
-  setItemToDeleteUuids: Dispatch<SetStateAction<string[]>>;
-  DeleteDialog: ReactNode;
-}
-
-///// PRINT /////
-export interface IBasePrintData {
-  label: string;
-  organization?: {
-    name?: string;
-    taxId?: string;
-    registrationNumber?: string;
-    jbkjs?: string;
-    email?: string;
-  };
-  filters?: {
-    basic?: { label: string; value?: string }[];
-    date?: { label: string; from?: string; to?: string }[];
-  };
-  saveXlsx?: () => void;
-}
-
-export type IGetPrintData<T> = (props: {
-  pagination: IPagination;
-  noTotalRows?: boolean;
-}) => Promise<{ items: T[]; totalRows?: number }>;
-
-export interface IPrintData<T = unknown> extends IBasePrintData {
-  printPopupControl: IPopupControl;
-  customHeader?: ITableColumn[][];
-  isLoading?: boolean;
-  progress?: number;
-  tableData?: ITableDataItem[];
-  items?: T[];
-  paginationControl?: IPaginationControl;
-  totals?: ITableDataItem;
-  optionalNode?: {
-    aboveTable?: ReactNode;
-    bellowTable?: ReactNode;
-  };
-}
-
-export interface ICustomPrintData extends IBasePrintData {
-  content: ReactNode;
-}
-///////////////
-
-///// PAGINATION /////
-export interface IPagination {
-  limit: number;
-  offset: number;
-}
-export interface IPaginationControl {
-  limit: number;
-  offset: number;
-  setLimit: Dispatch<SetStateAction<number>>;
-  setOffset: Dispatch<SetStateAction<number>>;
-}
-
-///// REPORT TEMPLATE /////
-
-export interface IReportTemplate {
-  uuid: string;
-  name: string;
-  identifier: string;
-  filterValues?: IReportTemplateFilterValue[];
-  options?: { key: string; value?: any }[];
-  columns: string[];
-  organization?: ISimpleObject;
-  subsystem?: string; // IModuleId;
-  sorts?: string[];
-  isPublic?: boolean;
-  isDefault?: boolean;
-  order?: number;
-  createdAt?: string;
-  createdBy?: ISimpleObject;
-}
-
-export interface IReportTemplateFilterValue {
-  filter: string;
-  value: string;
-  name?: string;
-  type: 'STRING' | 'ARRAY' | 'OBJECT' | 'BOOLEAN';
-}
-
-export interface IReportTemplateData {
-  searchData?: IAnyObject;
-  visibleColumns?: string[];
-  sorts?: string[];
-  options?: { key: string; value?: any }[];
-}
-
-export const tableStandardLimit = [5, 10, 25, 50, 100];
-export const tableCustomLimit1000 = [...tableStandardLimit, 1000];
+import type {
+  Dispatch,
+  MouseEvent,
+  ReactElement,
+  ReactNode,
+  SetStateAction,
+} from 'react';
+import type { IAnyObject, ISimpleObject } from './IBasic';
+import type { ITableKeyboardActionsBase } from './IKeyboard';
+import type { IPopupControl } from './IPopup';
+
+export interface ITable<T = unknown> {
+  id?: string;
+  columnData: ITableColumnsData;
+  data: ITableDataItem<T>[];
+  dataActions?: ITableDataActions<T>;
+  rowSelect?: {
+    selectedRows: Set<string>;
+    setSelectedRows: Dispatch<SetStateAction<Set<string>>>;
+    actions?: ITableSelectedAction[];
+  };
+  filterData?: ITableFilterData;
+  sortData?: ITableSortData;
+  templateData?: ITableTemplateData;
+  printData?: IPrintData<T>;
+  sumRows?: ITableDataItem<T>[];
+  editable?: ITableEdit<T>;
+  selectedRowUuid?: string;
+  itemDeleteData?: ITableItemDeleteData;
+  keyboard?: {
+    enabled: boolean;
+    actions?: ITableKeyboardActionsBase;
+  };
+  headerWrap?: boolean;
+  customHeader?: ITableColumn[][];
+  // customPrintData?: ICustomPrintData;
+  // additionsalOptions?: ReactNode;
+  footer?: {
+    paginationControl?: IPaginationControl;
+    customPagination?: {
+      defaultLimit?: number;
+      customLimit?: number[];
+    };
+    totalRows?: number;
+    // noTotalRows?: boolean;
+    refetch?: () => void;
+  };
+  isLoading?: boolean;
+  className?: string;
+  rowHeight?: 'xs' | 's' | 'm';
+  maxHeight?: string;
+}
+
+export interface ITableColumn {
+  id: string;
+  label?: string | ReactElement;
+  labelForFilter?: string;
+  align?: 'center' | 'left' | 'right' | 'justify' | undefined;
+  unavailable?: boolean;
+  hidden?: boolean;
+  printHidden?: boolean;
+  width?: string;
+  minWidth?: string;
+  colSpan?: number;
+  rowSpan?: number;
+  break?: boolean;
+  color?: 'secondary';
+  sticky?: boolean;
+  sortOptions?: {
+    asc: string;
+    desc: string;
+    label: string;
+  };
+  notFirstCell?: boolean;
+  // code?: string;
+  className?: string;
+}
+
+export interface ITableDataItem<T = unknown> {
+  uuid: string;
+  onRowClick?: (event?: MouseEvent<HTMLTableRowElement>) => void;
+  className?: string;
+  item?: T;
+  disableSelect?: boolean;
+  cells: ITableDataItemCells;
+  extendable?: {
+    element: ReactElement;
+    isLoading?: boolean;
+  };
+}
+export interface ITableDataItemCells {
+  [id: string]: {
+    value: any;
+    align?: ITableColumn['align'];
+    className?: string;
+    onClick?: (event?: MouseEvent<HTMLTableCellElement>) => void;
+    link?: boolean;
+    tooltip?: string;
+    span?: number;
+    unclickable?: boolean;
+    printValue?: string;
+  };
+}
+
+export interface ITableDataActions<T = unknown> {
+  hasEditAccess?: boolean;
+  actions?: (item?: T) => {
+    label: string;
+    onClick: () => void;
+    hasAccess: boolean;
+    disabled?: boolean;
+  }[];
+}
+export interface ITableFilterData {
+  filters: ITableFilter;
+  customFilterIdList?: string[];
+  activeFilterNo?: number;
+  additionalFilters?: ReactElement;
+  defaultSearch?: IAnyObject;
+  search: IAnyObject;
+  searchData: IAnyObject;
+  setSearchData: (search: IAnyObject) => void;
+  onSearch: (search: IAnyObject) => void;
+  excludeFromSearch?: string[];
+}
+
+export interface ITableFilterItem {
+  label: string;
+  field: ReactElement;
+}
+export interface ITableFilter {
+  [id: string]: ITableFilterItem;
+}
+
+export interface ITableSortData {
+  sort: string;
+  setSort: (sort: string) => void;
+  sortOptions: ITableSort[];
+  menuSize?: 's' | 'm' | 'l';
+}
+export interface ITableSort {
+  label: string;
+  value: string;
+}
+
+export interface ITableColumnsData {
+  defaultColumns: ITableColumn[];
+  columns: ITableColumn[];
+  setColumns?: (columns: ITableColumn[]) => void;
+  // withSearch?: boolean;
+}
+export interface ITableSelectedAction {
+  label: string;
+  onClick: (selected: Set<string>) => void;
+  hidden?: boolean;
+  disabled?: boolean;
+  clearSelected?: boolean;
+}
+
+export interface ITableTemplateData {
+  identifier: string;
+  popupController: IPopupControl;
+  defaultTemplate?: IReportTemplate;
+  items: IReportTemplate[];
+  isLoading?: boolean;
+  isFetching?: boolean;
+  setSearch?: (search: string) => void;
+  setItemToDeleteUuids: (itemUuids: string[]) => void;
+  DeleteDialog: ReactNode;
+  createItem: {
+    allowPublicCreate?: boolean;
+    onCreate: (data: Partial<IReportTemplate>) => void;
+    onCreateDefault: () => void;
+  };
+}
+
+///// EDIT /////
+export interface ITableEdit<T = unknown> {
+  selectedItem: ITableDataItem<T> | null;
+  setSelectedItem: (item: ITableDataItem<T> | null) => void;
+  editData: Partial<T>;
+  setEditData: Dispatch<SetStateAction<Partial<T>>>;
+  onSubmit: ITableEditSubmit<T>;
+  cells: ITableDataItemCells;
+  defaultDataValue?: T;
+  addDisabled?: boolean;
+  addLabel?: string;
+  // inputFocusRef?: RefObject<any>;
+  keepEditOnSubmit?: boolean;
+}
+
+export type ITableEditSubmit<T> = (data: T, onSuccess: () => void) => void;
+
+///// DELETE /////
+export interface ITableItemDeleteData {
+  hasAccess: boolean;
+  itemToDeleteUuids: string[];
+  setItemToDeleteUuids: Dispatch<SetStateAction<string[]>>;
+  DeleteDialog: ReactNode;
+}
+
+///// PRINT /////
+export interface IBasePrintData {
+  label: string;
+  organization?: {
+    name?: string;
+    taxId?: string;
+    registrationNumber?: string;
+    jbkjs?: string;
+    email?: string;
+  };
+  filters?: {
+    basic?: { label: string; value?: string }[];
+    date?: { label: string; from?: string; to?: string }[];
+  };
+  saveXlsx?: () => void;
+}
+
+export type IGetPrintData<T> = (props: {
+  pagination: IPagination;
+  noTotalRows?: boolean;
+}) => Promise<{ items: T[]; totalRows?: number }>;
+
+export interface IPrintData<T = unknown> extends IBasePrintData {
+  printPopupControl: IPopupControl;
+  customHeader?: ITableColumn[][];
+  isLoading?: boolean;
+  progress?: number;
+  tableData?: ITableDataItem[];
+  items?: T[];
+  paginationControl?: IPaginationControl;
+  totals?: ITableDataItem;
+  optionalNode?: {
+    aboveTable?: ReactNode;
+    bellowTable?: ReactNode;
+  };
+}
+
+export interface ICustomPrintData extends IBasePrintData {
+  content: ReactNode;
+}
+///////////////
+
+///// PAGINATION /////
+export interface IPagination {
+  limit: number;
+  offset: number;
+}
+export interface IPaginationControl {
+  limit: number;
+  offset: number;
+  setLimit: Dispatch<SetStateAction<number>>;
+  setOffset: Dispatch<SetStateAction<number>>;
+}
+
+///// REPORT TEMPLATE /////
+
+export interface IReportTemplate {
+  uuid: string;
+  name: string;
+  identifier: string;
+  filterValues?: IReportTemplateFilterValue[];
+  options?: { key: string; value?: any }[];
+  columns: string[];
+  organization?: ISimpleObject;
+  subsystem?: string; // IModuleId;
+  sorts?: string[];
+  isPublic?: boolean;
+  isDefault?: boolean;
+  order?: number;
+  createdAt?: string;
+  createdBy?: ISimpleObject;
+}
+
+export interface IReportTemplateFilterValue {
+  filter: string;
+  value: string;
+  name?: string;
+  type: 'STRING' | 'ARRAY' | 'OBJECT' | 'BOOLEAN';
+}
+
+export interface IReportTemplateData {
+  searchData?: IAnyObject;
+  visibleColumns?: string[];
+  sorts?: string[];
+  options?: { key: string; value?: any }[];
+}
+
+export const tableStandardLimit = [5, 10, 25, 50, 100];
+export const tableCustomLimit1000 = [...tableStandardLimit, 1000];

package/src/types/ITree.ts

@@ -1,6 +1,6 @@
-export interface ITreeItem {
-  uuid: string;
-  name: string;
-  code?: string;
-  children?: ITreeItem[];
-}
+export interface ITreeItem {
+  uuid: string;
+  name: string;
+  code?: string;
+  children?: ITreeItem[];
+}

package/src/utils/InputPatternValidation.ts

@@ -1,12 +1,12 @@
-export const inputPattern = {
-  taxId: '^\\d{9}$',
-  businessCode: '^\\d{8}$',
-  umcn: '^\\d{13}$',
-  idCardNumber: '^\\d{9}$',
-  phoneNumber: '^\\+\\d{11,13}$',
-  port: '^\\d{4}$',
-  year: '^\\d{4}$',
-  number: '^\\d*$',
-  strongPassword: '^.*(?=.{8,})(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).*$',
-  email: '\\S+@\\S+\\.\\S+',
-};
+export const inputPattern = {
+  taxId: '^\\d{9}$',
+  businessCode: '^\\d{8}$',
+  umcn: '^\\d{13}$',
+  idCardNumber: '^\\d{9}$',
+  phoneNumber: '^\\+\\d{11,13}$',
+  port: '^\\d{4}$',
+  year: '^\\d{4}$',
+  number: '^\\d*$',
+  strongPassword: '^.*(?=.{8,})(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).*$',
+  email: '\\S+@\\S+\\.\\S+',
+};