1mpacto-react-ui 0.0.74 → 0.0.76

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

@@ -1,5 +1,7 @@
-import { ElementType } from 'react';
-import { ISidebar } from '../../interfaces/components/Sidebar';
+import { default as React } from 'react';
+import { IRefSidebar, ISidebar } from '../../interfaces/components/Sidebar';
 
-declare const Sidebar: <T extends ElementType = "div">({ as, children, patch, iconCompany, iconSubs, iconCollapse, iconCollapseClose, modules, toleranceWidthIconCompany, onClickItems, variant, footer, ...props }: ISidebar<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Sidebar: <T extends React.ElementType = "div">(props: ISidebar<T> & {
+    ref?: React.ForwardedRef<IRefSidebar>;
+}) => JSX.Element;
 export default Sidebar;

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

@@ -27,7 +27,7 @@ import { default as RadioCheckbox, DefaultCheckedChecboxIcon, DefaultRadioChecbo
 import { default as RadioCheckboxLabel } from './RadioCheckbox/RadioCheckboxLabel';
 import { default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
 import { default as Sidebar } from './Sidebar/Sidebar';
-import { ISidebarModule } from '../interfaces/components/Sidebar';
+import { ISidebarModule, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar } from '../interfaces/components/Sidebar';
 import { default as Collapse } from './Collapse/Collapse';
 import { default as ModalDialog } from './Modal/ModalDialog';
 import { components as SelectDropdownContainerComponents } from 'react-select';
@@ -52,4 +52,4 @@ 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, Textarea, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, };

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

@@ -1,4 +1,4 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { default as React } from 'react';
 
 export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white';
 export interface ISidebarModule {
@@ -9,34 +9,50 @@ export interface ISidebarModule {
     isShow: boolean;
     parent: number;
     icon?: string;
-    svgIcon?: ReactNode | null;
-    svgIconActive?: ReactNode | null;
+    svgIcon?: React.ReactNode | null;
+    svgIconActive?: React.ReactNode | null;
+    manualRoute?: boolean;
     propsLink?: (value: string) => object;
 }
-export interface ISidebar<T extends ElementType> extends HTMLAttributes<HTMLDivElement> {
+export interface ISidebar<T extends React.ElementType> extends React.HTMLAttributes<HTMLDivElement> {
     as?: T;
-    children: ReactNode | ReactNode[];
+    children: React.ReactNode | React.ReactNode[];
     patch?: string;
-    iconCompany: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-    iconSubs?: ReactNode | ReactNode[];
-    iconCollapse?: ReactNode | ReactNode[];
-    iconCollapseClose?: ReactNode | ReactNode[];
+    iconCompany: React.ReactNode | React.ReactNode[] | ((params: IChildrenIconCompany) => React.ReactNode) | ((params: IChildrenIconCompany) => React.ReactNode[]);
+    iconSubs?: React.ReactNode | React.ReactNode[];
+    iconCollapse?: React.ReactNode | React.ReactNode[];
+    iconCollapseClose?: React.ReactNode | React.ReactNode[];
     variant?: TVariantSidebarType;
     modules: ISidebarModule[];
     toleranceWidthIconCompany?: number;
-    footer?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    footer?: React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
     onClickItems?: (v: ISidebarModule) => void;
     propsLink?: (value: string) => object;
+    withInheritance?: boolean;
 }
-export interface IItemSidebar<T extends ElementType> extends ISidebarModule {
+export interface IItemSidebar<T extends React.ElementType> extends ISidebarModule {
     as?: T;
     show: string;
     open: boolean | null;
     patch?: string;
-    iconSubs?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    iconSubs?: React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
     variant?: TVariantSidebarType;
     setShow: (v: string) => void;
     onClickItems?: (v: ISidebarModule) => void;
     propsLink?: (value: string) => object;
     linkComponent?: T;
 }
+export interface ICloneElementSidebar {
+    openSidebar?: boolean;
+    setOpenSidebar?: React.Dispatch<React.SetStateAction<boolean | null>>;
+    handlerClickCollapse?: () => void;
+}
+export interface IRefSidebar {
+    openSidebar: boolean | null;
+    setOpenSidebar: React.Dispatch<React.SetStateAction<boolean | null>>;
+    handlerClickCollapse: () => void;
+}
+export interface IChildrenIconCompany {
+    openSidebar: boolean | null;
+    setOpenSidebar: React.Dispatch<React.SetStateAction<boolean | null>>;
+}

package/package.json

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