1mpacto-react-ui 0.2.0-beta.2 → 0.2.0-beta.20

package/dist/src/interfaces/components/Table/index.d.ts

@@ -2,6 +2,18 @@ import { Table as ITableTanstack, Row, ColumnDef } from '@tanstack/react-table';
 import { default as React } from 'react';
 import { ITableVirtualization, IWrapperProps } from '../Virtualization/TableVirtualization';
 export type ITableColumnDef<T = unknown> = ColumnDef<T>;
+export interface ITableColumnBreakpoint {
+    maxWidth?: number;
+    minWidth?: number;
+    columns: string[];
+    realColumns?: string[];
+    resetExpanded?: boolean;
+}
+export type TTableRenderSubComponent<T = unknown> = (original: T, row: Row<T>, other: {
+    visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+    classNameSubMobile: string;
+}) => React.ReactNode | React.ReactNode[];
+export type TTableHandlerRowClick<T = unknown> = (original: T, row: Row<T>) => void;
 export interface ITable<T = unknown> {
     tableInstance: ITableTanstack<T>;
     classNameWrapperTable?: string;
@@ -21,13 +33,17 @@ export interface ITable<T = unknown> {
     componentSortDESC?: Element | React.ReactNode | React.ReactNode[];
     scrollTop?: boolean;
     emptyPlaceholder?: Element | React.ReactNode | React.ReactNode[];
-    renderSubComponent?: (original: T, row: Row<T>) => React.ReactNode | React.ReactNode[];
+    renderSubComponent?: (original: T, row: Row<T>, other: {
+        visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+        classNameSubMobile: string;
+    }) => React.ReactNode | React.ReactNode[];
+    columnBreakpoints?: ITableColumnBreakpoint[];
 }
 export interface INonVirtualization<T = unknown> {
     tableInstance: ITableTanstack<T>;
     classNameWrapperTable?: string;
     classNameTable?: string;
-    handlerRowClick?: (original: T, row: Row<T>) => void;
+    handlerRowClick?: ITable<T>['handlerRowClick'];
     privillageRowClick?: boolean;
     headerId?: string;
     tbodyTrId: (row: Row<T>) => string | undefined;
@@ -37,7 +53,9 @@ export interface INonVirtualization<T = unknown> {
     componentSortDESC: Element | React.ReactNode | React.ReactNode[];
     classNamePointer: string;
     emptyPlaceholder?: Element | React.ReactNode | React.ReactNode[];
-    renderSubComponent?: (original: T, row: Row<T>) => React.ReactNode | React.ReactNode[];
+    renderSubComponent?: ITable<T>['renderSubComponent'];
+    visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+    classNameSubMobile: string;
 }
 export interface IVirtualizationProps extends Omit<ITableVirtualization, 'typeHight' | 'itemContent' | 'fixedHeaderContent' | 'itemSizeNames'> {
     typeHight?: 'min-max' | 'container';
@@ -48,7 +66,7 @@ export interface IVirtualizationProps extends Omit<ITableVirtualization, 'typeHi
 export interface IVirtualization<T = unknown> {
     tableInstance: ITableTanstack<T>;
     classNameWrapperTable?: string;
-    handlerRowClick?: (original: T, row: Row<T>) => void;
+    handlerRowClick?: ITable<T>['handlerRowClick'];
     privillageRowClick?: boolean;
     virtualizationProps?: IVirtualizationProps;
     headerId?: string;
@@ -58,7 +76,9 @@ export interface IVirtualization<T = unknown> {
     componentSortDESC: Element | React.ReactNode | React.ReactNode[];
     classNamePointer: string;
     emptyPlaceholder?: Element | React.ReactNode | React.ReactNode[];
-    renderSubComponent?: (original: T, row: Row<T>) => React.ReactNode | React.ReactNode[];
+    renderSubComponent?: ITable<T>['renderSubComponent'];
+    visibilityColumns: Pick<ITableColumnBreakpoint, 'columns' | 'realColumns'>;
+    classNameSubMobile: string;
 }
 export interface IVirtualizationHead extends React.HTMLAttributes<HTMLTableSectionElement> {
     context?: {
@@ -81,6 +101,11 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
     };
+    subMobile: {
+        'payhere-reguler': string;
+        'laba-reguler': string;
+        'laba-small': string;
+    };
     pointer: {
         'payhere-reguler': string;
         'laba-reguler': string;

package/dist/src/interfaces/components/Tabs/index.d.ts

@@ -1,12 +1,15 @@
 import { IBorderRadius } from '../../../config/components/borderRadius';
-export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white';
+import { TKeyLocale } from '../Calendar';
+export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white';
 export type TSizeTabs = 'tabs-m' | 'tabs-s' | 'tabs-medium' | 'tabs-small';
+export type TTypeEventTabs = 'change' | 'mounted';
 export interface ITabsList {
     id: string | number;
     label: string | number;
     isHide?: boolean;
     className?: string;
     activeColor?: string;
+    locale?: Partial<Record<TKeyLocale, string>>;
 }
 export interface ITabs {
     id?: string;
@@ -22,8 +25,9 @@ export interface ITabs {
     disabled?: boolean;
     animation?: boolean;
     mountedExecuteChange?: boolean;
-    onChange?: (v: ITabsList) => void;
+    onChange?: (v: ITabsList, sourceEvent: TTypeEventTabs) => void;
     typeButton?: 'button' | 'submit';
+    locale?: TKeyLocale;
 }
 export interface IStyleTabs {
     width: number;

package/dist/src/interfaces/components/TruncateComponent/index.d.ts

@@ -1,11 +1,9 @@
 export interface ITruncateComponent extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode[] | React.ReactNode;
-    initialVisibleCount: number;
     maxWidth?: string;
-    moreElement: (count: number) => React.ReactNode | (() => React.ReactNode[]);
+    moreElement: (count: number) => React.ReactNode | React.ReactNode[];
     style?: React.CSSProperties;
     className?: string;
     gap?: number;
     gapStyle?: string;
-    triggerCalCulateContainer?: number | string | boolean | object;
 }

package/dist/src/interfaces/components/UploadFile/index.d.ts

@@ -24,6 +24,7 @@ export interface IUploadImage {
     classNameContainer?: string | undefined;
     classNameImage?: string | undefined;
     classNameAction?: string | undefined;
+    id?: string;
 }
 export interface IUploadMultipleFile {
     onChange?: (v?: File[] | null) => void;
@@ -40,6 +41,7 @@ export interface IUploadMultipleFile {
     handlerDownload?: (value: IUploadMultipleFileValue) => void;
     priorityError?: 'internal' | 'external';
     eventError?: (message: string) => void;
+    locationRemoveElement?: 'left' | 'right';
 }
 export interface IUploadMultipleFileValue {
     name?: string;

package/dist/src/utils/common.d.ts

@@ -9,10 +9,10 @@ export declare function parseBigDecimal<T extends {
 }>(value: number | string, options?: T): T['instance'] extends true ? TypeBigNumber : string;
 export declare const parseDecimal: (value: number | string, decimals?: number) => number;
 export declare function formatNumber(number: number, style?: 'currency' | 'decimal', options?: {
-    minimumFractionDigits: number;
-    locale: string;
-    currency: string;
-    withSpace: boolean;
+    minimumFractionDigits?: number;
+    locale?: string;
+    currency?: string;
+    withSpace?: boolean;
 }): string;
 export declare const formatDate: (date: TDateType, format?: string, defaultValue?: string, keyLocale?: TKeyLocale) => string;
 export declare const formatDateRange: (startDate: TDateType, endDate: TDateType, format?: string, separator?: string, defaultValue?: string, keyLocale?: TKeyLocale) => string;
@@ -53,6 +53,8 @@ export declare function transformSecondTime(secs: number, option?: {
     second: string | number;
 };
 export declare function mergeObjects<T>(target: T, ...sources: unknown[]): T;
+export declare function deleteKeysMutable<T = Record<string | number, unknown>>(obj: T, paths: string | string[]): T;
+export declare function deleteKeysImmutable<T = Record<string | number, unknown>>(obj: T, paths: string | string[]): T;
 export declare const transformNumber: (val: string) => number;
 export declare const transformBigNumber: (val: TBigNumber) => string;
 export declare const transfromIsNan: (value: number) => number | undefined;
@@ -62,3 +64,4 @@ export declare function parseFileName(fileName: string): {
     extension: string;
 };
 export declare const extractElementStringToOriginalValue: (value: string) => string;
+export declare function encryptRSAOAEP<T = object>(data: T, base64Key: string): string;