1mpacto-react-ui 0.0.23 → 0.0.24

package/dist/src/components/DatePicker/FilterDate.d.ts

@@ -1,4 +1,4 @@
 import { IFilterDate } from '../../interfaces/components/DatePicker';
 
-declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, idPopover, id, floatingOptions, offsetPopover, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
+declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, idPopover, id, floatingOptions, offsetPopover, zIndexPopper, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
 export default FilterDate;

package/dist/src/components/Modal/ModalDialog.d.ts

@@ -1,4 +1,5 @@
+import { ElementType } from 'react';
 import { IModalDialog } from '../../interfaces/components/Modal';
 
-declare const ModalDialog: ({ children, id, idModal, withOverlay, show, size, className, classNameContainer, onClose, }: IModalDialog) => import("react/jsx-runtime").JSX.Element;
+declare const ModalDialog: <T extends ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, className, classNameContainer, onClose, ...props }: IModalDialog<T>) => import("react/jsx-runtime").JSX.Element;
 export default ModalDialog;

package/dist/src/components/NumberFormat/NumberFormat.d.ts

@@ -1,4 +1,4 @@
 import { INumberFormat } from '../../interfaces/components/NumberFormat';
 
-declare const NumberFormat: ({ max, onChange, ...otherProps }: INumberFormat) => import("react/jsx-runtime").JSX.Element;
+declare const NumberFormat: ({ max, min, onChange, ...otherProps }: INumberFormat) => import("react/jsx-runtime").JSX.Element;
 export default NumberFormat;

package/dist/src/components/PortalComponent/PortalComponent.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+declare const PortalComponent: React.FC<{
+    containerId?: string;
+    children: ReactNode;
+}>;
+export default PortalComponent;

package/dist/src/components/RadioCheckbox/RadioCheckbox.d.ts

@@ -1,4 +1,10 @@
 import { IRadioCheckbox } from '../../interfaces/components/RadioCheckbox/RadioCheckbox';
 
+export declare const DefaultCheckedChecboxIcon: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultRadioChecboxIcon: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const RadioCheckbox: import('react').ForwardRefExoticComponent<IRadioCheckbox & import('react').RefAttributes<HTMLInputElement>>;
 export default RadioCheckbox;

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

@@ -1,5 +1,6 @@
-import { ITable, IVirtualizationHead, IVirtualizationTable } from '../../interfaces/components/Table';
+import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from '../../interfaces/components/Table';
 
+export declare const ConfigTable: () => ITableConfig;
 export declare const VirtualizationHead: import('react').ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
 export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
 declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,8 +4,8 @@ import { default as Popover } from './Popover/Popover';
 import { IRefPopover } from '../interfaces/components/Popover';
 import { default as InputFloatingInner } from './Input/InputFloatingInner';
 import { default as InputReguler } from './Input/InputReguler';
-import { default as Table } from './Table/Table';
-import { ITableColumnDef } from '../interfaces/components/Table';
+import { default as Table, ConfigTable } from './Table/Table';
+import { ITableColumnDef, ITableConfig } from '../interfaces/components/Table';
 import { default as TableVirtualization } from './Virtualization/TableVirtualization';
 import { TableVirtuosoHandle as IRefTableVirtualization, VirtuosoHandle as IRefListVirtualization } from 'react-virtuoso';
 import { default as ListVirtualization } from './Virtualization/ListVirtualization';
@@ -23,7 +23,7 @@ import { default as Switch } from './Switch/Switch';
 import { default as ButtonIcon } from './ButtonIcon/ButtonIcon';
 import { default as Badges } from './Badges/Badges';
 import { default as Chips } from './Chips/Chips';
-import { default as RadioCheckbox } from './RadioCheckbox/RadioCheckbox';
+import { default as RadioCheckbox, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon } from './RadioCheckbox/RadioCheckbox';
 import { default as RadioCheckboxLabel } from './RadioCheckbox/RadioCheckboxLabel';
 import { default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
 import { default as Sidebar } from './Sidebar/Sidebar';
@@ -36,9 +36,10 @@ import { default as FilterContainer } from './FilterContainer/FilterContainer';
 import { default as NumberFormat } from './NumberFormat/NumberFormat';
 import { PatternFormat } from 'react-number-format';
 import { IInputReguler, IInputFloatingInner } from '../interfaces/components/Input';
+import { default as PortalComponent } from './PortalComponent/PortalComponent';
 
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, };
+export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, };

package/dist/src/hooks/index.d.ts

@@ -1,4 +1,6 @@
 import { default as useElementOrWindowMediaQuery } from './useElementOrWindowMediaQuery';
 import { default as useCountdown } from './useCountdown';
+import { default as useAsyncDebounce } from './useAsyncDebounce';
+import { default as useCombinedResizeObserver } from './useCombinedResizeObserver';
 
-export { useElementOrWindowMediaQuery, useCountdown };
+export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver };

package/dist/src/hooks/useAsyncDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useAsyncDebounce<T extends (...args: unknown[]) => Promise<unknown>>(defaultFn: T, defaultWait?: number): (...args: Parameters<T>) => Promise<ReturnType<T>>;
+export default useAsyncDebounce;

package/dist/src/hooks/useCombinedResizeObserver.d.ts

@@ -0,0 +1,22 @@
+import { RefObject } from 'react';
+
+interface ContentRect {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+    x: number;
+    y: number;
+}
+interface CombinedResizeObserverHook<T extends HTMLElement> {
+    ref: RefObject<T>;
+    windowSize: {
+        width: number;
+        height: number;
+    };
+    contentRect: ContentRect;
+}
+declare const useCombinedResizeObserver: <T extends HTMLElement>() => CombinedResizeObserverHook<T>;
+export default useCombinedResizeObserver;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ICalendarButtonConfirm, ICalendarPrevNextIcon, IDateRange, TDateType } from '../Calendar';
-import { UseFloatingOptions } from '@floating-ui/react';
+import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
 
 export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     value?: TDateType;
@@ -15,7 +15,8 @@ export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfi
     idPopover?: string;
     id?: string;
     floatingOptions?: UseFloatingOptions;
-    offsetPopover?: number;
+    offsetPopover?: OffsetOptions;
+    zIndexPopper?: number;
 }
 export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     defaultValue?: IDateRange;
@@ -43,5 +44,6 @@ export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfi
     idPopover?: string;
     id?: string;
     floatingOptions?: UseFloatingOptions;
-    offsetPopover?: number;
+    offsetPopover?: OffsetOptions;
+    zIndexPopper?: number;
 }

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

@@ -1,6 +1,7 @@
-import { ReactNode } from 'react';
+import { ReactNode, ElementType } from 'react';
 
-export interface IModalDialog {
+export interface IModalDialog<T extends ElementType> {
+    as?: T;
     children: ReactNode | ReactNode[];
     id?: string;
     idModal?: string;

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

@@ -2,5 +2,6 @@ import { NumericFormatProps } from 'react-number-format';
 
 export interface INumberFormat extends NumericFormatProps {
     max?: number | undefined;
+    min?: number | undefined;
     [key: string]: unknown;
 }

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

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { FlipOptions, AutoPlacementOptions, UseFloatingOptions } from '@floating-ui/react';
+import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions } from '@floating-ui/react';
 
 export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode | ReactNode[];
     className?: string | undefined;
-    offset?: number;
+    offset?: OffsetOptions;
     anchorEl?: ReactNode;
     isShow?: boolean;
     useAutoPlacement?: boolean;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Props as SelectProps, ActionMeta, GroupBase, SelectComponentsConfig, MultiValue, SingleValue } from 'react-select';
-import { AutoPlacementOptions, FlipOptions, UseFloatingOptions } from '@floating-ui/react';
+import { AutoPlacementOptions, FlipOptions, OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
 
 export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean, GroupBase<T>>, 'onChange' | 'getOptionLabel'> {
     width?: number | string;
@@ -29,7 +29,7 @@ export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean
     components?: SelectComponentsConfig<T, boolean, GroupBase<T>>;
     getOptionLabel?: (option: T) => ReactNode | Element | string;
     selectProps?: object;
-    offsetPopover?: number;
+    offsetPopover?: OffsetOptions;
 }
 export interface IChildrenSelectDropdownContainer {
     selectValue: unknown;

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

@@ -62,3 +62,16 @@ export interface IVirtualizationTable extends HTMLAttributes<HTMLTableElement> {
     };
     [key: string]: unknown;
 }
+export interface ITableConfig {
+    kind: {
+        'payhere-reguler': string;
+        'laba-reguler': string;
+    };
+    pointer: {
+        'payhere-reguler': string;
+        'laba-reguler': string;
+    };
+    utility: {
+        'table-scroll-top': string;
+    };
+}

package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts

@@ -14,7 +14,7 @@ export interface IItemProps {
 }
 export interface IListVirtualization {
     classNameContainer?: string;
-    computeItemKey?: () => string;
+    computeItemKey?: (index: number, item: unknown, context: unknown) => string;
     itemSize?: (el: HTMLElement) => number;
     totalCount?: number;
     typeHight: 'min-max' | 'container';
@@ -23,7 +23,7 @@ export interface IListVirtualization {
     minLengthItem?: number;
     itemContent: (Wrapper: React.ComponentType<IWrapperProps>, index: number, data: unknown, context: unknown) => ReactNode;
     typeCalculateItemSize?: 'auto' | 'manual';
-    itemSizeNames: string[];
+    itemSizeNames?: string[];
     overscan?: (value?: number) => number;
     component?: Components;
     idContainer?: string;

package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts

@@ -14,7 +14,7 @@ export interface ITableRowProps {
 }
 export interface ITableVirtualization {
     classNameContainer?: string;
-    computeItemKey?: () => string;
+    computeItemKey?: (index: number, item: unknown, context: unknown) => string;
     itemSize?: (el: HTMLElement) => number;
     totalCount?: number;
     typeHight: 'min-max' | 'container';
@@ -24,7 +24,7 @@ export interface ITableVirtualization {
     fixedHeaderContent: (() => ReactNode) | (() => ReactNode[]);
     itemContent: (Wrapper: React.ComponentType<IWrapperProps>, index: number, data: unknown, context: unknown) => ReactNode;
     typeCalculateItemSize?: 'auto' | 'manual';
-    itemSizeNames: string[];
+    itemSizeNames?: string[];
     overscan?: (value?: number) => number;
     component?: TableComponents;
     idContainer?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.23",
+  "version": "0.0.24",
   "type": "module",
   "scripts": {
     "dev": "vite",