1mpacto-react-ui 0.0.60 → 0.0.62

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

@@ -18,5 +18,5 @@ interface CombinedResizeObserverHook<T extends HTMLElement> {
     };
     contentRect: ContentRect;
 }
-declare const useCombinedResizeObserver: <T extends HTMLElement>(dependencies?: unknown[]) => CombinedResizeObserverHook<T>;
+declare const useCombinedResizeObserver: <T extends HTMLElement>(dependencies?: unknown[], selector?: string) => CombinedResizeObserverHook<T>;
 export default useCombinedResizeObserver;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-export type TButtonVariants = 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'nude-laba-blue-10' | 'nude-gray-500' | 'primary-blue-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-blue-gray-100-bg_white';
+export type TButtonVariants = '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 TButtonSize = 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: TButtonSize;

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

@@ -4,6 +4,7 @@ import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
 
 export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     value?: TDateType;
+    defaultValue?: TDateType;
     minDate?: TDateType;
     maxDate?: TDateType;
     withConfirm?: boolean;
@@ -11,7 +12,7 @@ export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfi
     className?: string | undefined;
     classNameButton?: string | undefined;
     buttonClick?: ((v: TDateType) => ReactNode) | ((v: TDateType) => ReactNode[]);
-    onChange?: (v: TDateType | undefined) => void;
+    onChange?: (v?: TDateType) => void;
     idPopover?: string;
     id?: string;
     floatingOptions?: UseFloatingOptions;
@@ -28,7 +29,7 @@ export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButton
     onChange?: (v: IDateRange) => void;
     onReset?: () => void;
 }
-export type TKeyButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom';
+export type TKeyButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom' | IDateRange;
 export interface IButtonList {
     key: TKeyButtonListType;
     value: string;
@@ -38,7 +39,7 @@ export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfi
     classNameButton?: string | undefined;
     buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined, label: IButtonList | undefined) => ReactNode) | ((v: IDateRange | undefined, label: IButtonList | undefined) => ReactNode[]);
     value?: IDateRange | undefined;
-    defaultValueLabel?: TKeyButtonListType;
+    defaultValueLabel?: TKeyButtonListType | IDateRange;
     buttonList?: IButtonList[];
     typePicker?: 'RANGE' | 'SINGLE';
     onChange?: (v?: IDateRange) => void;

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

@@ -10,9 +10,12 @@ export declare function formatNumber(number: number, style?: 'currency' | 'decim
 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 groupByKey: <T>(value: T[], key: keyof T) => Record<string, T[]>;
-export declare const transformDataHistory: <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;
+    keyFormat?: string;
+    format?: string;
+}) => Record<string, T[]>;
 export declare const parseDecimal: (value: number | string, decimals?: number) => number;
 export declare const removeKeyObjectEmptyValue: (data: IMergeState) => IMergeState;
 export declare const transformLatLong: (value: string, options?: {

package/package.json

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