1mpacto-react-ui 0.0.78 → 0.0.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/assets/core.css +1 -1
  2. package/dist/assets/style.css +1 -1
  3. package/dist/index.cjs +68 -64
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.mjs +8830 -8519
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/src/components/ErrorMessage/ErrorMessage.d.ts +4 -0
  8. package/dist/src/components/Input/InputNative.d.ts +5 -0
  9. package/dist/src/components/RadioCheckbox/CheckboxTable.d.ts +4 -0
  10. package/dist/src/components/Table/Table.d.ts +1 -1
  11. package/dist/src/components/Upload/UploadMultipleFile.d.ts +4 -0
  12. package/dist/src/components/index.d.ts +12 -5
  13. package/dist/src/hooks/index.d.ts +2 -1
  14. package/dist/src/hooks/useEventListener.d.ts +10 -0
  15. package/dist/src/hooks/useMergeRefs.d.ts +3 -1
  16. package/dist/src/interfaces/components/Badges/index.d.ts +1 -1
  17. package/dist/src/interfaces/components/Button/index.d.ts +2 -2
  18. package/dist/src/interfaces/components/ButtonIcon/index.d.ts +2 -2
  19. package/dist/src/interfaces/components/Chart/index.d.ts +1 -0
  20. package/dist/src/interfaces/components/Checkbox/index.d.ts +6 -0
  21. package/dist/src/interfaces/components/ErrorMessage/index.d.ts +5 -0
  22. package/dist/src/interfaces/components/Input/index.d.ts +10 -0
  23. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +2 -1
  24. package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +3 -1
  25. package/dist/src/interfaces/components/Table/index.d.ts +11 -1
  26. package/dist/src/interfaces/components/Tabs/index.d.ts +1 -1
  27. package/dist/src/interfaces/components/Textarea/index.d.ts +2 -2
  28. package/dist/src/interfaces/components/UploadFile/index.d.ts +24 -3
  29. package/dist/src/utils/common.d.ts +1 -1
  30. package/package.json +1 -1
@@ -0,0 +1,4 @@
1
+ import { IErrorMessage } from '../../interfaces/components/ErrorMessage';
2
+
3
+ declare const ErrorMessage: ({ className, variants, error }: IErrorMessage) => import("react/jsx-runtime").JSX.Element;
4
+ export default ErrorMessage;
@@ -0,0 +1,5 @@
1
+ import { IInputNative } from '../../interfaces/components/Input';
2
+ import { default as React } from 'react';
3
+
4
+ declare const InputNative: React.ForwardRefExoticComponent<IInputNative & React.RefAttributes<HTMLInputElement>>;
5
+ export default InputNative;
@@ -0,0 +1,4 @@
1
+ import { ICheckboxTable } from '../../interfaces/components/Checkbox';
2
+
3
+ declare const CheckboxTable: ({ indeterminate, className, classNameContainer, ...props }: ICheckboxTable) => import("react/jsx-runtime").JSX.Element;
4
+ export default CheckboxTable;
@@ -4,5 +4,5 @@ import { ITable, IVirtualizationHead, IVirtualizationTable, ITableConfig } from
4
4
  export declare const ConfigTable: () => ITableConfig;
5
5
  export declare const VirtualizationHead: React.ForwardRefExoticComponent<Omit<IVirtualizationHead, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
6
6
  export declare const VirtualizationTable: ({ style, context, ...props }: IVirtualizationTable) => import("react/jsx-runtime").JSX.Element;
7
- declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
7
+ declare const Table: <T>({ tableInstance, classNameWrapperTable, classNameTable, collapseAll, handlerRowClick, privillageRowClick, virtualization, virtualizationProps, headerId, tbodyTrId, maxHeight, idCalculateHeight, kind, componentSortASC, componentSortDESC, scrollTop, emptyPlaceholder, variant, }: ITable<T>) => import("react/jsx-runtime").JSX.Element;
8
8
  export default Table;
@@ -0,0 +1,4 @@
1
+ import { IUploadMultipleFile } from '../../interfaces/components/UploadFile';
2
+
3
+ declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
4
+ export default UploadMultipleFile;
@@ -1,7 +1,8 @@
1
+ import { IDatePicker } from './../interfaces/components/DatePicker/index';
1
2
  import { default as TPublish } from './TPublish/TPublish';
2
3
  import { default as Button } from './Button/Button';
3
4
  import { default as Popover } from './Popover/Popover';
4
- import { IRefPopover } from '../interfaces/components/Popover';
5
+ import { IRefPopover, IPopover } from '../interfaces/components/Popover';
5
6
  import { default as InputFloatingInner } from './Input/InputFloatingInner';
6
7
  import { default as InputReguler } from './Input/InputReguler';
7
8
  import { default as Table, ConfigTable } from './Table/Table';
@@ -13,7 +14,7 @@ import { default as Tabs } from './Tabs/Tabs';
13
14
  import { default as TabPanel } from './Tabs/TabPanel';
14
15
  import { default as Pagination } from './Pagination/Pagination';
15
16
  import { default as SelectDropdownContainer } from './SelectDropdownContainer/SelectDropdownContainer';
16
- import { IRefSelectDropdownContainer, IChildrenSelectDropdownContainer } from '../interfaces/components/SelectDropdownContainer';
17
+ import { IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISelectDropdownContainer } from '../interfaces/components/SelectDropdownContainer';
17
18
  import { default as Calendar } from './Calendar/Calendar';
18
19
  import { default as CalendarRange } from './Calendar/CalendarRange';
19
20
  import { default as DatePicker } from './DatePicker/DatePicker';
@@ -35,7 +36,7 @@ import { default as Timeline } from './Timeline/Timeline';
35
36
  import { default as FilterContainer } from './FilterContainer/FilterContainer';
36
37
  import { default as NumberFormat } from './NumberFormat/NumberFormat';
37
38
  import { PatternFormat } from 'react-number-format';
38
- import { IInputReguler, IInputFloatingInner } from '../interfaces/components/Input';
39
+ import { IInputReguler, IInputFloatingInner, IInputNative } from '../interfaces/components/Input';
39
40
  import { default as PortalComponent } from './PortalComponent/PortalComponent';
40
41
  import { ToastContainer as AlertContainer } from 'react-toastify';
41
42
  import { TButtonVariants, TButtonSize } from '../interfaces/components/Button';
@@ -49,9 +50,15 @@ import { IListVirtualization } from '../interfaces/components/Virtualization/Lis
49
50
  import { ITableVirtualization } from '../interfaces/components/Virtualization/TableVirtualization';
50
51
  import { default as DoughnutChart } from './Chart/DoughnutChart';
51
52
  import { default as MonthYearPicker } from './DatePicker/MonthYearPicker';
53
+ import { default as CheckboxTable } from './RadioCheckbox/CheckboxTable';
54
+ import { IDataInnerLabelDoughnutChart, IDataDoughnutChart } from '../interfaces/components/Chart';
55
+ import { default as InputNative } from './Input/InputNative';
56
+ import { default as UploadMultipleFile } from './Upload/UploadMultipleFile';
57
+ import { IUploadMultipleFileValue } from '../interfaces/components/UploadFile';
58
+ import { default as ErrorMessage } from './ErrorMessage/ErrorMessage';
52
59
 
53
60
  import * as utilTable from '@tanstack/react-table';
54
61
  import type * as SelectDropdownContainerType from 'react-select';
55
62
  import type * as FilterContainerType from '../interfaces/components/FilterContainer';
56
- 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, };
57
- export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, };
63
+ 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, };
64
+ 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, };
@@ -5,5 +5,6 @@ import { default as useCombinedResizeObserver } from './useCombinedResizeObserve
5
5
  import { default as useStateRef } from './useStateRef';
6
6
  import { useMergeRefs } from './useMergeRefs';
7
7
  import { useDeepCompareEffect, useDeepCompareMemoize } from './useDeepCompareEffect';
8
+ import { useEventListener } from './useEventListener';
8
9
 
9
- export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, };
10
+ export { useElementOrWindowMediaQuery, useCountdown, useAsyncDebounce, useCombinedResizeObserver, useStateRef, useDeepCompareEffect, useDeepCompareMemoize, useMergeRefs, useEventListener, };
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface UseEventListenerOptions {
4
+ ref: React.RefObject<HTMLElement>;
5
+ handlerMain: (ref: React.RefObject<HTMLElement>, event: Event) => void;
6
+ eventListener?: keyof DocumentEventMap | (string & {});
7
+ useEffectDependency?: unknown[];
8
+ }
9
+ export declare function useEventListener({ ref, handlerMain, eventListener, useEffectDependency, }: UseEventListenerOptions): void;
10
+ export {};
@@ -1,4 +1,6 @@
1
+ import { default as React } from 'react';
2
+
1
3
  export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
2
- export declare function assignRef<T = any>(ref: ReactRef<T> | null | undefined, value: T): void;
4
+ export declare function assignRef<T = unknown>(ref: ReactRef<T> | null | undefined, value: T): void;
3
5
  export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
4
6
  export declare function useMergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
@@ -5,6 +5,6 @@ export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
5
5
  children: ReactNode | ReactNode[];
6
6
  className?: string | undefined;
7
7
  rounded?: IBorderRadius;
8
- 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';
8
+ 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-02' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01';
9
9
  fonts?: 'lato' | 'inter';
10
10
  }
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
 
3
- 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';
4
- export type TButtonSize = 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
3
+ 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' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | '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';
4
+ export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
5
5
  export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
6
6
  size?: TButtonSize;
7
7
  variants?: TButtonVariants;
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
 
3
- 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';
4
- export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
3
+ export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | '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';
4
+ export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
5
5
  export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
6
6
  size?: TButtonIconSize;
7
7
  variants?: TButtonIcomVariants;
@@ -4,6 +4,7 @@ export type TOptionsDoughnutChart = ChartOptions<'doughnut'>;
4
4
  export interface IDataDoughnutChart {
5
5
  [key: string]: unknown;
6
6
  value: string | number;
7
+ title: string;
7
8
  originalValue?: string | number;
8
9
  backgroundColor?: string;
9
10
  }
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface ICheckboxTable extends React.HTMLProps<HTMLInputElement> {
4
+ indeterminate?: boolean;
5
+ classNameContainer?: string;
6
+ }
@@ -0,0 +1,5 @@
1
+ export interface IErrorMessage {
2
+ className?: string;
3
+ variants?: 'laba' | 'payhere';
4
+ error?: string;
5
+ }
@@ -24,3 +24,13 @@ export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {
24
24
  classNameLabel?: string | undefined;
25
25
  classNameLabelError?: string | undefined;
26
26
  }
27
+ export interface IInputNative extends InputHTMLAttributes<HTMLInputElement> {
28
+ classNameContainer?: string | undefined;
29
+ id?: string | undefined;
30
+ type?: string;
31
+ startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
32
+ endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
33
+ error?: string | undefined;
34
+ sizeInput?: 's' | 'xs';
35
+ classNameLabelError?: string | undefined;
36
+ }
@@ -6,7 +6,8 @@ export interface IRadioCheckbox extends InputHTMLAttributes<HTMLInputElement> {
6
6
  classNameContainer?: string | undefined;
7
7
  classNameLabel?: string | undefined;
8
8
  classNameCheckedIcon?: string | undefined;
9
- sizeInput?: 'reguler' | 's' | 'm';
9
+ classNameContainerCheckedIcon?: string | undefined;
10
+ sizeInput?: 'reguler' | 'small' | 's' | 'm';
10
11
  variants?: 'laba-blue-10' | 'blue-700' | 'blue-700-hv_bg_transparent' | 'laba-blue-10-hv_bg_transparent';
11
12
  variantDisableds?: 'default-disabled-checkbox' | 'default-disabled-radio';
12
13
  borderRadius?: IBorderRadius;
@@ -3,7 +3,7 @@ import { Props as SelectProps, ActionMeta, GroupBase, SelectComponentsConfig, Mu
3
3
  import { AutoPlacementOptions, FlipOptions, OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
4
4
 
5
5
  export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean, GroupBase<T>>, 'onChange' | 'getOptionLabel'> {
6
- width?: number | string;
6
+ width?: number | string | ((width: number, value: MultiValue<T> | SingleValue<T> | T | T[] | object) => string | number);
7
7
  children: ((params: IChildrenSelectDropdownContainer<T>) => React.ReactNode) | ((params: IChildrenSelectDropdownContainer<T>) => React.ReactNode[]);
8
8
  classNameContainer?: string;
9
9
  classNameContainerShowSelect?: string;
@@ -30,6 +30,8 @@ export interface ISelectDropdownContainer<T> extends Omit<SelectProps<T, boolean
30
30
  getOptionLabel?: (option: T) => React.ReactNode | Element | string;
31
31
  selectProps?: object;
32
32
  offsetPopover?: OffsetOptions;
33
+ errorLabel?: 'payhere' | 'laba';
34
+ actionValueChange?: (value: MultiValue<T> | SingleValue<T> | T | T[] | object) => void;
33
35
  }
34
36
  export interface IChildrenSelectDropdownContainer<T> {
35
37
  selectValue: T | T[] | object;
@@ -16,7 +16,8 @@ export interface ITable<T = unknown> {
16
16
  tbodyTrId?: (row: Row<T>) => string | undefined;
17
17
  maxHeight?: number;
18
18
  idCalculateHeight?: string;
19
- kind?: 'laba-reguler' | 'payhere-reguler';
19
+ kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small';
20
+ variant?: 'laba-grey-02';
20
21
  componentSortASC?: Element | React.ReactNode | React.ReactNode[];
21
22
  componentSortDESC?: Element | React.ReactNode | React.ReactNode[];
22
23
  scrollTop?: boolean;
@@ -74,10 +75,12 @@ export interface ITableConfig {
74
75
  kind: {
75
76
  'payhere-reguler': string;
76
77
  'laba-reguler': string;
78
+ 'laba-small': string;
77
79
  };
78
80
  pointer: {
79
81
  'payhere-reguler': string;
80
82
  'laba-reguler': string;
83
+ 'laba-small': string;
81
84
  };
82
85
  utility: {
83
86
  'table-scroll-top': string;
@@ -91,5 +94,12 @@ export interface ITableConfig {
91
94
  asc: Element | React.ReactNode | React.ReactNode[];
92
95
  desc: Element | React.ReactNode | React.ReactNode[];
93
96
  };
97
+ 'laba-small': {
98
+ asc: Element | React.ReactNode | React.ReactNode[];
99
+ desc: Element | React.ReactNode | React.ReactNode[];
100
+ };
101
+ };
102
+ variant: {
103
+ 'laba-grey-02': string;
94
104
  };
95
105
  }
@@ -1,6 +1,6 @@
1
1
  import { IBorderRadius } from '../../../config/components/borderRadius';
2
2
 
3
- export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-laba-blue-10';
3
+ export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white';
4
4
  export type TSizeTabs = 'tabs-m' | 'tabs-s' | 'tabs-medium' | 'tabs-small';
5
5
  export interface ITabsList {
6
6
  id: string | number;
@@ -7,8 +7,8 @@ export interface ITextarea extends React.InputHTMLAttributes<HTMLTextAreaElement
7
7
  type?: string;
8
8
  isRequired?: boolean;
9
9
  error?: string | undefined;
10
- sizeInput?: 'medium' | 'm';
11
- variant?: 'solid-blue-300' | 'dashed-blue-300' | 'solid-laba-blue-10' | 'dashed-laba-blue-10';
10
+ sizeInput?: 'medium' | 'm' | 'medium-border-bottom';
11
+ variant?: 'solid-blue-300' | 'dashed-blue-300' | 'solid-laba-blue-10' | 'dashed-laba-blue-10' | 'border-bottom-laba-blue-08';
12
12
  classNameLabel?: string | undefined;
13
13
  classNameLabelError?: string | undefined;
14
14
  maxHeight?: number;
@@ -1,5 +1,6 @@
1
- import { ReactNode } from 'react';
1
+ import { default as React } from 'react';
2
2
  import { IInputReguler } from '../Input';
3
+ import { IButton } from '../Button';
3
4
 
4
5
  export interface IUploadFile {
5
6
  onChange: (v?: File | null) => void;
@@ -17,9 +18,29 @@ export interface IUploadImage {
17
18
  validateFile?: string[];
18
19
  validateFileDesc?: string;
19
20
  maxSize?: number;
20
- icon?: ReactNode;
21
- desc?: string | ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
21
+ icon?: React.ReactNode;
22
+ desc?: string | React.ReactNode | React.ReactNode[] | (() => React.ReactNode) | (() => React.ReactNode[]);
22
23
  classNameContainer?: string | undefined;
23
24
  classNameImage?: string | undefined;
24
25
  classNameAction?: string | undefined;
25
26
  }
27
+ export interface IUploadMultipleFile {
28
+ onChange?: (v?: File[] | null) => void;
29
+ classNameContainer?: string;
30
+ classNameButton?: string;
31
+ buttonProps?: Omit<IButton, 'children'>;
32
+ textUpload?: string;
33
+ validateFile?: string[];
34
+ maxSize?: number;
35
+ maxFile?: number;
36
+ value?: IUploadMultipleFileValue[];
37
+ removeElement?: (value: IUploadMultipleFileValue) => React.ReactNode | React.ReactNode[];
38
+ error?: string;
39
+ handlerDownload?: (value: IUploadMultipleFileValue) => void;
40
+ }
41
+ export interface IUploadMultipleFileValue {
42
+ name?: string;
43
+ fileName?: string;
44
+ originalName?: string;
45
+ [key: string]: unknown;
46
+ }
@@ -20,7 +20,7 @@ export declare const transformDataHistory: <T extends Record<string, TDateType>>
20
20
  format?: string;
21
21
  }) => Record<string, T[]>;
22
22
  export declare const parseDecimal: (value: number | string, decimals?: number) => number;
23
- export declare const removeKeyObjectEmptyValue: (data: IMergeState) => IMergeState;
23
+ export declare const removeKeyObjectEmptyValue: (data: IMergeState, encodeURIComponentKeys?: string[]) => IMergeState;
24
24
  export declare const transformLatLong: (value: string, options?: {
25
25
  latMin?: number;
26
26
  longMin?: number;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "1mpacto-react-ui",
3
3
  "private": false,
4
- "version": "0.0.78",
4
+ "version": "0.0.79",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",