1mpacto-react-ui 0.0.18 → 0.0.20

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

@@ -1,4 +1,4 @@
 import { IFilterDate } from '../../interfaces/components/DatePicker';
 
-declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
+declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, idPopover, id, floatingOptions, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
 export default FilterDate;

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

@@ -0,0 +1,4 @@
+import { IFilterContainer } from '../../interfaces/components/FilterContainer';
+
+declare const FilterContainer: ({ children, onChange }: IFilterContainer) => import("react/jsx-runtime").JSX.Element;
+export default FilterContainer;

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

@@ -1,4 +1,7 @@
+import { ForwardedRef } from 'react';
 import { IRefSelectDropdownContainer, ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
 
-declare const SelectDropdownContainer: import('react').ForwardRefExoticComponent<ISelectDropdownContainer & import('react').RefAttributes<IRefSelectDropdownContainer>>;
+declare const SelectDropdownContainer: <T>(props: ISelectDropdownContainer<T> & {
+    ref?: ForwardedRef<IRefSelectDropdownContainer>;
+}) => JSX.Element;
 export default SelectDropdownContainer;

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

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

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

@@ -30,7 +30,12 @@ import { default as Sidebar } from './Sidebar/Sidebar';
 import { ISidebarModule } 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';
+import { default as Timeline } from './Timeline/Timeline';
+import { default as FilterContainer } from './FilterContainer/FilterContainer';
 
 import * as utilTable from '@tanstack/react-table';
-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, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, };
+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, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, };

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
-    variants?: 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'nude-laba-blue-10' | 'nude-gray-500' | 'primary-blue-700' | 'secondary-blue-700' | 'tertiary-blue-700' | 'ghost-blue-gray-100-bg_white';
+    variants?: 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'nude-laba-blue-10' | 'nude-gray-500' | 'primary-blue-700' | 'secondary-blue-700' | 'secondary-red-600' | 'tertiary-blue-700' | 'ghost-blue-gray-100-bg_white';
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     children: ReactNode | ReactNode[];

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ICalendarButtonConfirm, ICalendarPrevNextIcon, IDateRange, TDateType } from '../Calendar';
+import { UseFloatingOptions } from '@floating-ui/react';
 
 export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     value?: TDateType;
@@ -11,6 +12,9 @@ export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfi
     classNameButton?: string | undefined;
     buttonClick?: ((v: TDateType) => ReactNode) | ((v: TDateType) => ReactNode[]);
     onChange?: (v: TDateType | undefined) => void;
+    idPopover?: string;
+    id?: string;
+    floatingOptions?: UseFloatingOptions;
 }
 export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
     defaultValue?: IDateRange;
@@ -35,4 +39,7 @@ export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfi
     buttonList?: IButtonList[];
     typePicker?: 'RANGE' | 'SINGLE';
     onChange?: (v?: IDateRange) => void;
+    idPopover?: string;
+    id?: string;
+    floatingOptions?: UseFloatingOptions;
 }

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+export interface IChildFilterContainer {
+    handlerOnChange: THandlerOnChangeFilterContainer;
+    value: IMergeState;
+    nativeValue: IMergeState;
+}
+export type IArrayOfObjectFilterContainer = {
+    [key: string]: unknown;
+}[];
+export interface IMergeState {
+    [key: string]: object | string | boolean | string[] | IArrayOfObjectFilterContainer;
+}
+export type THandlerOnChangeFilterContainer = (value: object | string | boolean | string[] | IArrayOfObjectFilterContainer, key: string, transform: 'array-to-string' | 'array-of-object-to-array' | 'array-of-object-to-string' | '', keyTransform: string) => void;
+export interface IFilterContainer {
+    children: ((params: IChildFilterContainer) => ReactNode) | ((params: IChildFilterContainer) => ReactNode[]);
+    onChange?: (value: IMergeState, nativeValue: IMergeState) => void;
+}

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlipOptions, AutoPlacementOptions } from '@floating-ui/react';
+import { FlipOptions, AutoPlacementOptions, UseFloatingOptions } from '@floating-ui/react';
 
 export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode | ReactNode[];
@@ -13,6 +13,7 @@ export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     zIndex?: number | undefined | string;
     width?: number | string;
     styleInnerPopover?: React.CSSProperties;
+    floatingOptions?: UseFloatingOptions;
 }
 export interface IRefPopover {
     show: boolean;

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { Props as SelectProps, ActionMeta } from 'react-select';
-import { AutoPlacementOptions, FlipOptions } from '@floating-ui/react';
+import { Props as SelectProps, ActionMeta, GroupBase, SelectComponentsConfig, MultiValue, SingleValue } from 'react-select';
+import { AutoPlacementOptions, FlipOptions, UseFloatingOptions } from '@floating-ui/react';
 
-export interface ISelectDropdownContainer extends SelectProps {
+export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean, GroupBase<T>>, 'onChange' | 'getOptionLabel'> {
     width?: number | string;
     children: ((params: IChildrenSelectDropdownContainer) => ReactNode) | ((params: IChildrenSelectDropdownContainer) => ReactNode[]);
     classNameContainer?: string;
@@ -10,7 +10,7 @@ export interface ISelectDropdownContainer extends SelectProps {
     classNameContainerSelect?: string;
     classNameLabelError?: string;
     error?: string;
-    onChange?: (newValue: unknown, actionMeta: ActionMeta<unknown>) => void;
+    onChange?: (newValue: MultiValue<T> | SingleValue<T>, actionMeta: ActionMeta<T>) => void;
     externalValue?: boolean;
     defaultValueButtonDropdown?: object | unknown[];
     autoClose?: boolean;
@@ -24,7 +24,10 @@ export interface ISelectDropdownContainer extends SelectProps {
     useAutoPlacement?: boolean;
     flipOptions?: FlipOptions;
     autoPlacementOptions?: AutoPlacementOptions;
+    floatingOptions?: UseFloatingOptions;
     withSearch?: boolean;
+    components?: SelectComponentsConfig<T, boolean, GroupBase<T>>;
+    getOptionLabel?: (option: T) => ReactNode | Element | string;
 }
 export interface IChildrenSelectDropdownContainer {
     selectValue: unknown;

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.18",
+  "version": "0.0.20",
   "type": "module",
   "scripts": {
     "dev": "vite",