1mpacto-react-ui 0.0.62 → 0.0.64

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

@@ -1,4 +1,4 @@
 import { IPaginationProps } from '../../interfaces/components/Pagination';
 
-declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withOptionPageSize, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;

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

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
 import { IItemSidebar } from '../../interfaces/components/Sidebar';
 
-declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs, kind, setShow, onClickItems, propsLink, ...value }: IItemSidebar<T>) => import("react/jsx-runtime").JSX.Element;
+declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs, variant, setShow, onClickItems, propsLink, ...value }: IItemSidebar<T>) => import("react/jsx-runtime").JSX.Element;
 export default ItemSidebar;

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

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
 import { ISidebar } from '../../interfaces/components/Sidebar';
 
-declare const Sidebar: <T extends ElementType = "div">({ as, children, patch, iconCompany, iconSubs, iconCollapse, iconCollapseClose, kind, modules, toleranceWidthIconCompany, onClickItems, ...props }: ISidebar<T>) => import("react/jsx-runtime").JSX.Element;
+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;
 export default Sidebar;

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

@@ -1,6 +1,6 @@
 import { ITimelineContent, ITimelineLayout } from '../../interfaces/components/Timeline';
 
-declare const Timeline: (({ children }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
-    TimelineContent: ({ children, time, clasName }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
+declare const Timeline: (({ children, noTime }: ITimelineLayout) => import("react/jsx-runtime").JSX.Element) & {
+    TimelineContent: ({ children, time, clasName, noTime }: ITimelineContent) => import("react/jsx-runtime").JSX.Element;
 };
 export default Timeline;

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

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
 
+export type TButtonIcomVariants = 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'ghost-blue-gray-100-bg_white' | 'nude-laba-blue-10' | 'nude-gray-500' | 'nude-laba-red-10' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500';
+export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
 export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    size?: 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
-    kind?: 'filled' | 'ghost' | 'nude' | 'primary' | 'secondary' | 'tertiary';
+    size?: TButtonIconSize;
+    variants?: TButtonIcomVariants;
     children: ReactNode | ReactNode[];
     className?: string | undefined;
+    loading?: boolean;
+    classNameIconLoading?: string | undefined;
 }

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

@@ -5,6 +5,7 @@ import { CalendarState, CalendarStateOptions, DateRangePickerStateOptions, Range
 
 export type TCalendarType = 'date' | 'month' | 'year';
 export type TDateType = Date | string | null | undefined;
+export type TKeyLocale = 'id' | 'enUS' | 'nl';
 export interface ICalendarPrevNextIcon {
     prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);

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

@@ -1,3 +1,4 @@
+import { OffsetOptions } from '@floating-ui/react';
 import { ReactNode } from 'react';
 
 export type TKindPaginationType = 'box' | 'nude';
@@ -14,4 +15,8 @@ export interface IPaginationProps extends IPagination {
     id?: string | undefined;
     prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    optionPageSize?: number[];
+    offset?: OffsetOptions;
+    zIndex?: number | undefined | string;
+    withOptionPageSize?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import { ElementType, HTMLAttributes, ReactNode } from 'react';
 
-export type TColorSidebarType = 'payhere' | 'laba';
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white';
 export interface ISidebarModule {
     name: string;
     label: string;
@@ -21,9 +21,10 @@ export interface ISidebar<T extends ElementType> extends HTMLAttributes<HTMLDivE
     iconSubs?: ReactNode | ReactNode[];
     iconCollapse?: ReactNode | ReactNode[];
     iconCollapseClose?: ReactNode | ReactNode[];
-    kind?: TColorSidebarType;
+    variant?: TVariantSidebarType;
     modules: ISidebarModule[];
     toleranceWidthIconCompany?: number;
+    footer?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     onClickItems?: (v: ISidebarModule) => void;
     propsLink?: (value: string) => object;
 }
@@ -33,7 +34,7 @@ export interface IItemSidebar<T extends ElementType> extends ISidebarModule {
     open: boolean | null;
     patch?: string;
     iconSubs?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-    kind?: TColorSidebarType;
+    variant?: TVariantSidebarType;
     setShow: (v: string) => void;
     onClickItems?: (v: ISidebarModule) => void;
     propsLink?: (value: string) => object;

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

@@ -3,9 +3,11 @@ import { ReactNode } from 'react';
 export interface ITimelineLayout {
     children: ReactNode | ReactNode[];
     id?: string;
+    noTime?: boolean;
 }
 export interface ITimelineContent {
     children: ReactNode | ReactNode[];
     time?: string;
     clasName?: string | undefined;
+    noTime?: boolean;
 }

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

@@ -1,4 +1,4 @@
-import { TDateType } from '../interfaces/components/Calendar';
+import { TDateType, TKeyLocale } from '../interfaces/components/Calendar';
 import { IMergeState } from '../interfaces/components/FilterContainer';
 
 export declare function formatNumber(number: number, style?: 'currency' | 'decimal', options?: {
@@ -7,9 +7,12 @@ export declare function formatNumber(number: number, style?: 'currency' | 'decim
     currency: string;
     withSpace: boolean;
 }): string;
-export declare const formatDate: (date: TDateType, format?: string, defaultValue?: string) => string;
-export declare const formatDateRange: (startDate: TDateType, endDate: TDateType, format?: string, separator?: string, defaultValue?: string) => 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;
 export declare const groupByKey: <T>(value: T[], key: keyof T) => Record<string, T[]>;
+export declare const transformDataHistoryOld: <T extends {
+    date: string | Date;
+}>(value: T[], key: string, format?: string) => Record<string, T[]>;
 export declare const transformDataHistory: <T extends Record<string, TDateType>>({ value, keyDate, keyFormat, format, }: {
     value: T[];
     keyDate?: string;

package/package.json

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