1mpacto-react-ui 0.0.76 → 0.0.78

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

@@ -1,4 +1,4 @@
 import { ICalendarMonth } from '../../interfaces/components/Calendar';
 
-declare const CalendarMonth: ({ prevIcon, nextIcon, state, setType }: ICalendarMonth) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarMonth: ({ prevIcon, nextIcon, state, setActiveTypeCalendar, onChangeMonth, type }: 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, setUpYear, setType, }: ICalendarYear) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarYear: ({ title, state, type, setUpYear, setActiveTypeCalendar, onChangeYear, }: ICalendarYear) => import("react/jsx-runtime").JSX.Element;
 export default CalendarYear;

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

@@ -0,0 +1,4 @@
+import { IDoughnutChart } from '../../interfaces/components/Chart';
+
+declare const DoughnutChart: ({ labels, data, backgroundColor, options, redraw, widthInnerDoughnut, innerLabels, open, keyRemoveDataOpen, keyLabel, keyValue, keyBackground, className, }: IDoughnutChart) => import("react/jsx-runtime").JSX.Element;
+export default DoughnutChart;

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

@@ -1,4 +1,4 @@
 import { ICollapse } from '../../interfaces/components/Collapse';
 
-declare const Collapse: ({ children, open, className }: ICollapse) => import("react/jsx-runtime").JSX.Element;
+declare const Collapse: ({ children, id, open, className, maxCollapsedHeight, }: ICollapse) => import("react/jsx-runtime").JSX.Element;
 export default Collapse;

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

@@ -0,0 +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;
+export default MonthYearPicker;

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

@@ -47,9 +47,11 @@ import { default as Textarea } from './Textarea/Textarea';
 import { ITextarea } from '../interfaces/components/Textarea';
 import { IListVirtualization } from '../interfaces/components/Virtualization/ListVirtualization';
 import { ITableVirtualization } from '../interfaces/components/Virtualization/TableVirtualization';
+import { default as DoughnutChart } from './Chart/DoughnutChart';
+import { default as MonthYearPicker } from './DatePicker/MonthYearPicker';
 
 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 { 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, };
 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/Badges/index.d.ts

@@ -5,6 +5,6 @@ export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode | ReactNode[];
     className?: string | undefined;
     rounded?: IBorderRadius;
-    variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800';
+    variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-blue-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01';
     fonts?: 'lato' | 'inter';
 }

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

@@ -1,6 +1,6 @@
 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 TButtonIcomVariants = 'filled-laba-blue-10' | 'filled-laba-white_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?: TButtonIconSize;

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

@@ -25,13 +25,16 @@ export interface ICalendar extends CalendarStateOptions<DateValue>, ICalendarPre
     minDate?: TDateType;
     maxDate?: TDateType;
     time?: ITimeCalendar;
+    activeType?: TCalendarType;
+    withDateSelect?: boolean;
+    type: TCalendarType[];
     handlerChangeTime?: (v: ITimeCalendar) => void;
     handlerReset: (v: CalendarState) => void;
     handlerSubmit: () => void;
 }
 export interface ICalendarDateSelect extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon {
     state: CalendarState;
-    setType: (v: TCalendarType) => void;
+    setActiveTypeCalendar: (v: TCalendarType) => void;
 }
 export interface ICustomTimeCalendar {
     time?: ITimeCalendar;
@@ -49,7 +52,10 @@ export interface ICalendarCell {
 }
 export interface ICalendarMonth extends ICalendarPrevNextIcon {
     state: CalendarState | RangeCalendarState;
-    setType: (v: TCalendarType) => void;
+    type: TCalendarType[];
+    setActiveTypeCalendar: (v: TCalendarType) => void;
+    withDateSelect?: boolean;
+    onChangeMonth?: (v: CalendarDate) => void;
 }
 export interface ISetUpYear {
     startYear: number;
@@ -59,7 +65,9 @@ export interface ICalendarYear {
     title: string;
     state: CalendarState | RangeCalendarState;
     setUpYear?: ISetUpYear;
-    setType: (v: TCalendarType) => void;
+    type: TCalendarType[];
+    setActiveTypeCalendar: (v: TCalendarType) => void;
+    onChangeYear?: (v: CalendarDate) => void;
 }
 export interface IDateRange {
     startDate: TDateType;

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

@@ -0,0 +1,35 @@
+import { ChartOptions } from 'chart.js';
+
+export type TOptionsDoughnutChart = ChartOptions<'doughnut'>;
+export interface IDataDoughnutChart {
+    [key: string]: unknown;
+    value: string | number;
+    originalValue?: string | number;
+    backgroundColor?: string;
+}
+export interface IDataInnerLabelDoughnutChart {
+    id: string;
+    text: string;
+    font?: {
+        size: number;
+        lineHeight: number;
+    };
+    percentage?: string;
+    color?: string;
+    urlIconDesc?: string;
+}
+export interface IDoughnutChart {
+    data: IDataDoughnutChart[];
+    widthInnerDoughnut: number;
+    innerLabels: IDataInnerLabelDoughnutChart[];
+    open?: boolean;
+    labels?: string[];
+    backgroundColor?: string[];
+    options?: TOptionsDoughnutChart;
+    redraw?: boolean;
+    keyLabel?: string;
+    keyValue?: string;
+    keyRemoveDataOpen?: string;
+    keyBackground?: string;
+    className?: string;
+}

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

@@ -5,7 +5,7 @@ export interface IChips extends React.HTMLAttributes<HTMLSpanElement> {
     className?: string | undefined;
     fonts?: 'lato' | 'inter';
     size?: 'reguler' | 'small' | 'l' | 's';
-    variants?: 'filled-laba-blue-10' | 'ghost-laba-grey-02' | 'nude-laba-grey-10' | 'filled-blue-gray-100';
+    variants?: 'filled-laba-blue-10' | 'ghost-laba-grey-02' | 'nude-laba-grey-10' | 'filled-blue-gray-100' | 'filled-gray-300';
     icon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     removeIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
 }

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

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 
 export interface ICollapse {
-    open: boolean;
     children: ReactNode | ReactNode[];
+    open: boolean;
+    id?: string;
     className?: string | undefined;
+    maxCollapsedHeight?: number | string;
 }

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

@@ -42,7 +42,34 @@ export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfi
     defaultValueLabel?: TKeyButtonListType | IDateRange;
     buttonList?: IButtonList[];
     typePicker?: 'RANGE' | 'SINGLE';
-    onChange?: (v?: IDateRange) => void;
+    onChange?: (v?: IDateRange, label?: string) => void;
+    idPopover?: string;
+    id?: string;
+    floatingOptions?: UseFloatingOptions;
+    offsetPopover?: OffsetOptions;
+    zIndexPopper?: number | undefined | string;
+}
+export type TTypeMonthYearPicker = 'month' | 'year';
+export interface IMonthYearPicker {
+    month: number;
+    year: number;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    type?: TTypeMonthYearPicker[];
+    activeType?: TTypeMonthYearPicker;
+    className?: string | undefined;
+    classNameButton?: string | undefined;
+    buttonClick?: ((v: {
+        month: number;
+        year: number;
+    }) => ReactNode) | ((v: {
+        month: number;
+        year: number;
+    }) => ReactNode[]);
+    onChange?: (v: {
+        month: number;
+        year: number;
+    }) => void;
     idPopover?: string;
     id?: string;
     floatingOptions?: UseFloatingOptions;

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

@@ -1,6 +1,6 @@
 type StrictCookieOptions = Pick<Cookies.CookieAttributes, 'expires' | 'path' | 'domain' | 'secure' | 'sameSite'>;
 declare const cookieStorage: {
-    setItem(key: string, value: string, expires?: number, chunkSize?: number, options?: Partial<StrictCookieOptions>): void;
+    setItem(key: string, value: string, options?: Partial<StrictCookieOptions>, chunkSize?: number): void;
     getItem(key: string): string | null;
     removeItem(key: string, options?: Partial<StrictCookieOptions>): void;
     clear(options?: Partial<StrictCookieOptions>): void;

package/package.json

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