1mpacto-react-ui 0.0.20 → 0.0.22

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

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

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

@@ -1,4 +1,4 @@
 import { ITabs } from '../../interfaces/components/Tabs';
 
-declare const Tabs: ({ id, value, keyTab, tabsList, className, onChange }: ITabs) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ id, value, keyValueTab, tabsList, className, onChange }: ITabs) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

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

@@ -33,9 +33,12 @@ import { default as ModalDialog } from './Modal/ModalDialog';
 import { components as SelectDropdownContainerComponents } from 'react-select';
 import { default as Timeline } from './Timeline/Timeline';
 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 * 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, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, };
+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, };

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 
 export interface IChildFilterContainer {
     handlerOnChange: THandlerOnChangeFilterContainer;
+    handlerOnChangeNative: THandlerOnChangeNative;
     value: IMergeState;
     nativeValue: IMergeState;
 }
@@ -12,6 +13,7 @@ export interface IMergeState {
     [key: string]: object | string | boolean | string[] | IArrayOfObjectFilterContainer;
 }
 export type THandlerOnChangeFilterContainer = (value: object | string | boolean | string[] | IArrayOfObjectFilterContainer, key: string, transform: 'array-to-string' | 'array-of-object-to-array' | 'array-of-object-to-string' | '', keyTransform: string) => void;
+export type THandlerOnChangeNative = (value: IMergeState, nativeValue?: IMergeState) => void;
 export interface IFilterContainer {
     children: ((params: IChildFilterContainer) => ReactNode) | ((params: IChildFilterContainer) => ReactNode[]);
     onChange?: (value: IMergeState, nativeValue: IMergeState) => void;

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

@@ -3,7 +3,7 @@ import { InputHTMLAttributes, ReactNode } from 'react';
 export interface IInputFloatingInner extends InputHTMLAttributes<HTMLInputElement> {
     classNameContainer?: string | undefined;
     id?: string | undefined;
-    label: string;
+    label?: string;
     type?: string;
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     isRequired?: boolean;
@@ -14,7 +14,7 @@ export interface IInputFloatingInner extends InputHTMLAttributes<HTMLInputElemen
 export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {
     classNameContainer?: string | undefined;
     id?: string | undefined;
-    label: string;
+    label?: string;
     type?: string;
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     isRequired?: boolean;

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

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

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

@@ -28,6 +28,7 @@ export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean
     withSearch?: boolean;
     components?: SelectComponentsConfig<T, boolean, GroupBase<T>>;
     getOptionLabel?: (option: T) => ReactNode | Element | string;
+    selectProps?: object;
 }
 export interface IChildrenSelectDropdownContainer {
     selectValue: unknown;

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

@@ -5,9 +5,9 @@ export interface ITabsList {
 }
 export interface ITabs {
     id?: string;
-    value: string | number;
-    keyTab?: string;
+    value?: string | number;
     tabsList: ITabsList[];
+    keyValueTab?: string;
     className?: string | undefined;
     onChange?: (v: ITabsList) => void;
 }

package/package.json

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