1mpacto-react-ui 0.0.123 → 0.0.124

package/dist/src/components/Calendar/CalendarMonth.d.ts

@@ -1,4 +1,4 @@
 import { ICalendarMonth } from '../../interfaces/components/Calendar';
 
-declare const CalendarMonth: ({ prevIcon, nextIcon, state, setActiveTypeCalendar, onChangeMonth, type }: ICalendarMonth) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarMonth: ({ prevIcon, nextIcon, state, setActiveTypeCalendar, onChangeMonth, type, hiddenHeader, }: ICalendarMonth) => import("react/jsx-runtime").JSX.Element;
 export default CalendarMonth;

package/dist/src/components/Calendar/CalendarYear.d.ts

@@ -3,5 +3,5 @@ import { ICalendarYear } from '../../interfaces/components/Calendar';
 export declare const ChevronDownIcon: ({ className }: {
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const CalendarYear: ({ title, state, type, setUpYear, setActiveTypeCalendar, onChangeYear, }: ICalendarYear) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarYear: ({ title, state, type, setUpYear, hiddenHeader, setActiveTypeCalendar, onChangeYear, }: ICalendarYear) => import("react/jsx-runtime").JSX.Element;
 export default CalendarYear;

package/dist/src/components/Chart/GradientBarChart.d.ts

@@ -0,0 +1,4 @@
+import { IGradientBarChart } from '../../interfaces/components/Chart';
+
+declare const GradientBarChart: ({ data, classNameContainer, height, id, options, customTooltip }: IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
+export default GradientBarChart;

package/dist/src/components/Chart/GradientBarChart.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ data, classNameContainer, height, id, options, customTooltip }: import('..').IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    tags: string[];
+    argTypes: {};
+    args: {};
+    render: (args: import('..').IGradientBarChart) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/Chart/GradientLineChart.d.ts

@@ -0,0 +1,4 @@
+import { IGradientLineChart } from '../../interfaces/components/Chart';
+
+declare const GradientLineChart: ({ data, height, classNameContainer, id, options, customTooltip }: IGradientLineChart) => import("react/jsx-runtime").JSX.Element;
+export default GradientLineChart;

package/dist/src/components/Chart/GradientLineChart.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ data, height, classNameContainer, id, options, customTooltip }: import('..').IGradientLineChart) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    tags: string[];
+    argTypes: {};
+    args: {};
+    render: (args: import('..').IGradientLineChart) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/DatePicker/MonthYearPicker.d.ts

@@ -1,4 +1,4 @@
 import { IMonthYearPicker } from '../../interfaces/components/DatePicker';
 
-declare const MonthYearPicker: ({ month, year, type, activeType, minDate, maxDate, className, classNameButton, onChange, buttonClick, id, idPopover, floatingOptions, offsetPopover, zIndexPopper, }: IMonthYearPicker) => import("react/jsx-runtime").JSX.Element;
+declare const MonthYearPicker: ({ month, year, type, activeType, minDate, maxDate, className, classNameButton, onChange, buttonClick, id, idPopover, floatingOptions, offsetPopover, zIndexPopper, hiddenHeader, }: IMonthYearPicker) => import("react/jsx-runtime").JSX.Element;
 export default MonthYearPicker;

package/dist/src/components/Step/StepIndicator.d.ts

@@ -0,0 +1,4 @@
+import { IStepIndicator } from '../../interfaces/components/Step';
+
+declare const StepIndicator: ({ activeStep, countStep, classNameActiveStepIndicator, classNameContainer, classNameDesc, classNameStepIndicator, id, locationStepIndicator, widthStepIndicator, dynamicWidthStepIndicator, gapStepIndicator, classNameStepIndicatorContainer, }: IStepIndicator) => import("react/jsx-runtime").JSX.Element;
+export default StepIndicator;

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

@@ -1,3 +1,4 @@
+import { IMasonryLayout } from './../hooks/useMasonry';
 import { IChips } from './../interfaces/components/Chips';
 import { IDatePicker } from './../interfaces/components/DatePicker/index';
 import { default as TPublish } from './TPublish/TPublish';
@@ -21,6 +22,7 @@ import { default as CalendarRange } from './Calendar/CalendarRange';
 import { default as DatePicker } from './DatePicker/DatePicker';
 import { default as DateRangePicker } from './DatePicker/DateRangePicker';
 import { default as FilterDate } from './DatePicker/FilterDate';
+import { IFilterDateButtonList, TKeyFilterDateButtonListType } from '../interfaces/components/DatePicker';
 import { default as Switch } from './Switch/Switch';
 import { default as ButtonIcon } from './ButtonIcon/ButtonIcon';
 import { default as Badges } from './Badges/Badges';
@@ -52,7 +54,7 @@ import { ITableVirtualization } from '../interfaces/components/Virtualization/Ta
 import { default as DoughnutChart } from './Chart/DoughnutChart';
 import { default as MonthYearPicker } from './DatePicker/MonthYearPicker';
 import { default as CheckboxTable } from './RadioCheckbox/CheckboxTable';
-import { IDataInnerLabelDoughnutChart, IDataDoughnutChart, IDataLineChart } from '../interfaces/components/Chart';
+import { IDataInnerLabelDoughnutChart, IDataDoughnutChart, IDataLineChart, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData } from '../interfaces/components/Chart';
 import { default as InputNative } from './Input/InputNative';
 import { default as UploadMultipleFile } from './Upload/UploadMultipleFile';
 import { IUploadMultipleFileValue } from '../interfaces/components/UploadFile';
@@ -64,9 +66,12 @@ import { default as LineChart } from './Chart/LineChart';
 import { default as Tooltip } from './Tooltip/Tooltip';
 import { default as ButtonPopover } from './ButtonPopover/ButtonPopover';
 import { IRefButtonPopover } from '../interfaces/components/ButtonPopover/index';
+import { default as GradientLineChart } from './Chart/GradientLineChart';
+import { default as GradientBarChart } from './Chart/GradientBarChart';
+import { default as StepIndicator } from './Step/StepIndicator';
 
 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, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, };
+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, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IMasonryLayout, };

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

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

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

@@ -1,4 +1,4 @@
-import { useEffect, RefObject } from 'react';
+import { default as React } from 'react';
 
 interface ContentRect {
     width: number;
@@ -11,13 +11,13 @@ interface ContentRect {
     y: number;
 }
 interface CombinedResizeObserverHook<T extends HTMLElement> {
-    ref: RefObject<T>;
+    ref: React.RefObject<T>;
     windowSize: {
         width: number;
         height: number;
     };
     contentRect: ContentRect;
 }
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof React.useEffect;
 declare const useCombinedResizeObserver: <T extends HTMLElement>(dependencies?: unknown[], selector?: string) => CombinedResizeObserverHook<T>;
 export default useCombinedResizeObserver;

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+
+export type TMasonryDirection = 'masonry-ltr' | 'masonry-rtl' | 'top-down-ltr' | 'top-down-rtl';
+export type TUseMasonry = <T extends HTMLElement>(params: {
+    containerRef: React.RefObject<T>;
+    children: React.ReactNode;
+    columnCount: number;
+    gapX: number;
+    gapY: number;
+    direction?: TMasonryDirection;
+    debounceRecalculate?: number;
+    durationAnimation?: number;
+    enableAnimation?: boolean;
+}) => {
+    recalculateLayout: () => void;
+};
+export interface IMasonryLayout {
+    children: React.ReactNode | React.ReactNode[];
+    columnCount?: number;
+    gapX?: number;
+    gapY?: number;
+    direction?: TMasonryDirection;
+}
+declare const useMasonry: TUseMasonry;
+export default useMasonry;

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import { default as React } from 'react';
 
-declare function useStateRef<T>(initialValue: T): [T, Dispatch<SetStateAction<T>>, React.MutableRefObject<T>];
+declare function useStateRef<T>(initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>, React.MutableRefObject<T>];
 export default useStateRef;

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

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

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

@@ -28,12 +28,14 @@ export interface ICalendar extends CalendarStateOptions<DateValue>, ICalendarPre
     activeType?: TCalendarType;
     withDateSelect?: boolean;
     type: TCalendarType[];
+    hiddenHeader?: boolean;
     handlerChangeTime?: (v: ITimeCalendar) => void;
     handlerReset: (v: CalendarState) => void;
     handlerSubmit: () => void;
 }
 export interface ICalendarDateSelect extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon {
     state: CalendarState;
+    hiddenHeader?: boolean;
     setActiveTypeCalendar: (v: TCalendarType) => void;
 }
 export interface ICustomTimeCalendar {
@@ -41,6 +43,7 @@ export interface ICustomTimeCalendar {
     value?: DateValue | null | undefined;
     minDate?: TDateType;
     maxDate?: TDateType;
+    hiddenHeader?: boolean;
     handlerChangeTime?: (v: ITimeCalendar) => void;
 }
 export interface ICalendarButton extends AriaButtonOptions<'button'> {
@@ -56,6 +59,7 @@ export interface ICalendarMonth extends ICalendarPrevNextIcon {
     setActiveTypeCalendar: (v: TCalendarType) => void;
     withDateSelect?: boolean;
     onChangeMonth?: (v: CalendarDate) => void;
+    hiddenHeader?: boolean;
 }
 export interface ISetUpYear {
     startYear: number;
@@ -68,6 +72,7 @@ export interface ICalendarYear {
     type: TCalendarType[];
     setActiveTypeCalendar: (v: TCalendarType) => void;
     onChangeYear?: (v: CalendarDate) => void;
+    hiddenHeader?: boolean;
 }
 export interface IDateRange {
     startDate: TDateType;

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

@@ -1,4 +1,5 @@
-import { ChartOptions } from 'chart.js';
+import { ChartArea, ChartData, ChartDataset, ChartOptions, CoreScaleOptions, Scale } from 'chart.js';
+import { default as React } from 'react';
 
 export type TOptionsDoughnutChart = ChartOptions<'doughnut'>;
 export interface IDataDoughnutChart {
@@ -46,3 +47,89 @@ export interface ILineChart {
     className?: string;
     height?: number;
 }
+type TGradientLineChartScales = Record<string, Scale<CoreScaleOptions>>;
+type TGradientLineChartGradientFor = 'background' | 'border';
+export interface TSetGradientLineParams {
+    ctx: CanvasRenderingContext2D;
+    chartArea: ChartArea;
+    scales: TGradientLineChartScales;
+    chartHeight: number;
+    gradientFor: TGradientLineChartGradientFor;
+    item: IGradientLineChartDataSet;
+}
+export interface TGetGradientLineParams {
+    ctx: CanvasRenderingContext2D;
+    chartArea: ChartArea;
+    scales: TGradientLineChartScales;
+    gradientFor: TGradientLineChartGradientFor;
+    item: IGradientLineChartDataSet;
+}
+export type TGradientLineChartCustomTooltip = React.ComponentType<{
+    label: string;
+    dataset: string;
+    value: number;
+}>;
+export interface IGradientLineChartDataSet extends ChartDataset<'line'> {
+    colorBackgroundPositiveZero?: string;
+    colorBackgroundPositivePercentage?: string;
+    colorBackgroundNegativeOne?: string;
+    colorBackgroundNegativePercentage?: string;
+    colorBorderPositive?: string;
+    colorBorderNegative?: string;
+}
+export interface IGradientLineChartData extends Omit<ChartData<'line'>, 'datasets'> {
+    datasets: IGradientLineChartDataSet[];
+}
+export interface IGradientLineChart {
+    data: IGradientLineChartData;
+    options?: ChartOptions<'line'>;
+    id?: string;
+    classNameContainer?: string;
+    height?: number;
+    customTooltip?: TGradientLineChartCustomTooltip;
+}
+type TGradientBarChartScales = Record<string, Scale<CoreScaleOptions>>;
+type TGradientBarChartGradientFor = 'background' | 'border';
+export interface TSetGradientBarParams {
+    ctx: CanvasRenderingContext2D;
+    chartArea: ChartArea;
+    scales: TGradientBarChartScales;
+    chartHeight: number;
+    gradientFor: TGradientBarChartGradientFor;
+    item: IGradientBarChartDataSet;
+}
+export interface TGetGradientBarParams {
+    ctx: CanvasRenderingContext2D;
+    chartArea: ChartArea;
+    scales: TGradientBarChartScales;
+    gradientFor: TGradientBarChartGradientFor;
+    item: IGradientBarChartDataSet;
+}
+export type TGradientBarChartCustomTooltip = React.ComponentType<{
+    label: string;
+    dataset: string;
+    value: number;
+}>;
+export interface IGradientBarChartDataSet extends ChartDataset<'bar'> {
+    colorBackgroundPositiveZero?: string;
+    colorBackgroundPositivePercentage?: string;
+    colorBackgroundNegativeOne?: string;
+    colorBackgroundNegativePercentage?: string;
+    colorBorderPositive?: string;
+    colorBorderNegative?: string;
+    colorTextLabelPositive?: string;
+    colorTextLabelNegative?: string;
+    setDigit?: boolean;
+}
+export interface IGradientBarChartData extends Omit<ChartData<'bar'>, 'datasets'> {
+    datasets: IGradientBarChartDataSet[];
+}
+export interface IGradientBarChart {
+    data: IGradientBarChartData;
+    options?: ChartOptions<'bar'>;
+    id?: string;
+    classNameContainer?: string;
+    height?: number;
+    customTooltip?: TGradientBarChartCustomTooltip;
+}
+export {};

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

@@ -18,6 +18,7 @@ export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfi
     floatingOptions?: UseFloatingOptions;
     offsetPopover?: OffsetOptions;
     zIndexPopper?: number | undefined | string;
+    hiddenHeader?: boolean;
 }
 export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     defaultValue?: IDateRange;
@@ -29,20 +30,20 @@ export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButton
     onChange?: (v: IDateRange) => void;
     onReset?: () => void;
 }
-export type TKeyButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom' | IDateRange;
-export interface IButtonList {
-    key: TKeyButtonListType;
+export type TKeyFilterDateButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom' | IDateRange;
+export interface IFilterDateButtonList {
+    key: TKeyFilterDateButtonListType;
     value: string;
 }
 export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     className?: string | undefined;
     classNameButton?: string | undefined;
-    buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined, label: IButtonList | undefined) => ReactNode) | ((v: IDateRange | undefined, label: IButtonList | undefined) => ReactNode[]);
+    buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined, label: IFilterDateButtonList | undefined) => ReactNode) | ((v: IDateRange | undefined, label: IFilterDateButtonList | undefined) => ReactNode[]);
     value?: IDateRange | undefined;
-    defaultValueLabel?: TKeyButtonListType | IDateRange;
-    buttonList?: IButtonList[];
+    defaultValueLabel?: TKeyFilterDateButtonListType | IDateRange;
+    buttonList?: IFilterDateButtonList[];
     typePicker?: 'RANGE' | 'SINGLE';
-    onChange?: (v?: IDateRange, label?: string) => void;
+    onChange?: (v?: IDateRange, labelDesc?: string, label?: IFilterDateButtonList) => void;
     idPopover?: string;
     id?: string;
     floatingOptions?: UseFloatingOptions;
@@ -77,4 +78,5 @@ export interface IMonthYearPicker {
     floatingOptions?: UseFloatingOptions;
     offsetPopover?: OffsetOptions;
     zIndexPopper?: number | undefined | string;
+    hiddenHeader?: boolean;
 }

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

@@ -14,3 +14,17 @@ export interface IStep {
     classNameDesc?: string;
     onChange?: (e: IDataStepList) => void;
 }
+export interface IStepIndicator {
+    activeStep: number;
+    countStep: number;
+    classNameContainer?: string;
+    classNameStepIndicator?: string;
+    classNameDesc?: string;
+    classNameActiveStepIndicator?: string;
+    id?: string;
+    locationStepIndicator?: 'left' | 'right';
+    widthStepIndicator?: number | string;
+    dynamicWidthStepIndicator?: boolean;
+    gapStepIndicator?: string;
+    classNameStepIndicatorContainer?: string;
+}

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

@@ -49,6 +49,8 @@ export declare function transformSecondTime(secs: number, option?: {
     minute: string | number;
     second: string | number;
 };
+export declare function mergeObjects<T>(target: T, ...sources: unknown[]): T;
 export declare const transformNumber: (val: string) => number;
 export declare const transformBigNumber: (val: TBigNumber) => string;
 export declare const transfromIsNan: (value: number) => number | undefined;
+export declare const setDigit: (value: number | string) => string | 0 | null;

package/package.json

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