1mpacto-react-ui 0.0.66 → 0.0.67

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

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

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

@@ -0,0 +1,4 @@
+import { ITextarea } from '../../interfaces/components/Textarea';
+
+declare const Textarea: import('react').ForwardRefExoticComponent<ITextarea & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

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

@@ -43,9 +43,11 @@ import { default as UploadFile } from './Upload/UploadFile';
 import { ITabsList } from '../interfaces/components/Tabs';
 import { default as TruncateComponent } from './TruncateComponent/TruncateComponent';
 import { default as UploadImage } from './Upload/UploadImage';
+import { default as Textarea } from './Textarea/Textarea';
+import { ITextarea } from '../interfaces/components/Textarea';
 
 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, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, };
+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, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, };

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

@@ -3,6 +3,7 @@ import { default as useCountdown } from './useCountdown';
 import { default as useAsyncDebounce } from './useAsyncDebounce';
 import { default as useCombinedResizeObserver } from './useCombinedResizeObserver';
 import { default as useStateRef } from './useStateRef';
+import { useMergeRefs } from './useMergeRefs';
 import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEffect';
 
-export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, };
+export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, };

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

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { useEffect, RefObject } from 'react';
 
 interface ContentRect {
     width: number;
@@ -18,5 +18,6 @@ interface CombinedResizeObserverHook<T extends HTMLElement> {
     };
     contentRect: ContentRect;
 }
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
 declare const useCombinedResizeObserver: <T extends HTMLElement>(dependencies?: unknown[], selector?: string) => CombinedResizeObserverHook<T>;
 export default useCombinedResizeObserver;

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

@@ -0,0 +1,4 @@
+export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
+export declare function assignRef<T = any>(ref: ReactRef<T> | null | undefined, value: T): void;
+export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
+export declare function useMergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;

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

@@ -6,12 +6,14 @@ export interface ITabsList {
     id: string | number;
     label: string | number;
     isHide?: boolean;
+    activeColor?: string;
 }
 export interface ITabs {
     id?: string;
     value?: string | number;
     tabsList: ITabsList[];
     keyValueTab?: string;
+    classNameContainer?: string;
     className?: string;
     classNameButton?: string;
     variant?: TVariantTabs;

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

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface ITextarea extends InputHTMLAttributes<HTMLTextAreaElement> {
+    classNameContainer?: string | undefined;
+    id?: string | undefined;
+    label?: string;
+    type?: string;
+    isRequired?: boolean;
+    error?: string | undefined;
+    sizeInput?: 'medium' | 'm';
+    variant?: 'solid-blue-300' | 'dashed-blue-300' | 'solid-laba-blue-10' | 'dashed-laba-blue-10';
+    classNameLabel?: string | undefined;
+    classNameLabelError?: string | undefined;
+    maxHeight?: number;
+    minHeight?: number;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.66",
+  "version": "0.0.67",
   "type": "module",
   "scripts": {
     "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",