@producteca/producteca-ui-kit 1.21.1-beta.0 → 1.21.1-beta.1

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 (152) hide show
  1. package/dist/components/alert/alert.d.ts +17 -0
  2. package/dist/components/breadcrumb/breadcrumb.d.ts +15 -0
  3. package/dist/components/breadcrumb/index.d.ts +2 -0
  4. package/dist/components/button/button.d.ts +17 -0
  5. package/dist/components/chip/chip.d.ts +13 -0
  6. package/dist/components/chip/index.d.ts +2 -0
  7. package/dist/components/icons/customIcon/customIcon.d.ts +16 -0
  8. package/dist/components/icons/fileIcon/fileIcon.d.ts +5 -0
  9. package/dist/components/icons/{index.js → index.d.ts} +1 -1
  10. package/dist/components/icons/mailIcon/mailIcon.d.ts +5 -0
  11. package/dist/components/icons/parameters.d.ts +51 -0
  12. package/dist/components/icons/priceCloseIcon/priceCloseIcon.d.ts +5 -0
  13. package/dist/components/icons/priceDownIcon/priceDownIcon.d.ts +5 -0
  14. package/dist/components/icons/searchPublication/searchPublication.d.ts +5 -0
  15. package/dist/components/image/image.d.ts +11 -0
  16. package/dist/components/image/index.d.ts +1 -0
  17. package/dist/components/{index.js → index.d.ts} +1 -1
  18. package/dist/components/inputs/checkboxInput/checkboxInput.d.ts +9 -0
  19. package/dist/components/inputs/checkboxInput/checkboxInputGroup.d.ts +22 -0
  20. package/dist/components/inputs/checkboxInput/{index.js → index.d.ts} +2 -1
  21. package/dist/components/inputs/datePicker/datePicker.d.ts +5 -0
  22. package/dist/components/inputs/datePicker/datePickerCustomStyles.d.ts +8 -0
  23. package/dist/components/inputs/datePicker/datePickerTypes.d.ts +14 -0
  24. package/dist/components/inputs/datePicker/datePickerUtils.d.ts +68 -0
  25. package/dist/components/inputs/datePicker/index.d.ts +3 -0
  26. package/dist/components/inputs/dateRangePicker/dateFormater.d.ts +7 -0
  27. package/dist/components/inputs/dateRangePicker/dateRangePicker.d.ts +5 -0
  28. package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.d.ts +14 -0
  29. package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.d.ts +9 -0
  30. package/dist/components/inputs/dateRangePicker/index.d.ts +4 -0
  31. package/dist/components/inputs/formField/formField.d.ts +10 -0
  32. package/dist/components/inputs/formField/passwordInput.d.ts +4 -0
  33. package/dist/components/inputs/formField/textInput.d.ts +25 -0
  34. package/dist/components/inputs/{index.js → index.d.ts} +1 -1
  35. package/dist/components/inputs/searcher/searcher.d.ts +28 -0
  36. package/dist/components/inputs/selectField/selectField.d.ts +42 -0
  37. package/dist/components/inputs/switchInput/index.d.ts +4 -0
  38. package/dist/components/inputs/switchInput/switchInput.d.ts +31 -0
  39. package/dist/components/loaders/index.d.ts +2 -0
  40. package/dist/components/loaders/progressbar/progressbar.d.ts +8 -0
  41. package/dist/components/loaders/spinner/spinner.d.ts +6 -0
  42. package/dist/components/menuAction/index.d.ts +1 -0
  43. package/dist/components/menuAction/menuAction.d.ts +18 -0
  44. package/dist/components/menuAction/menuActionCustomStyles.d.ts +4 -0
  45. package/dist/components/modals/index.d.ts +1 -0
  46. package/dist/components/modals/warningModal/index.d.ts +1 -0
  47. package/dist/components/modals/warningModal/warningModal.d.ts +17 -0
  48. package/dist/components/patterns/actionBar/actionBar.d.ts +26 -0
  49. package/dist/components/patterns/copyButton/copyButton.d.ts +11 -0
  50. package/dist/components/patterns/copyButton/index.d.ts +1 -0
  51. package/dist/components/patterns/emptyState/emptyState.d.ts +11 -0
  52. package/dist/components/patterns/headerSection/headerSection.d.ts +14 -0
  53. package/dist/components/patterns/headerSection/index.d.ts +1 -0
  54. package/dist/components/patterns/iconWithIdentifier/iconWithIdentifier.d.ts +11 -0
  55. package/dist/components/patterns/iconWithIdentifier/index.d.ts +1 -0
  56. package/dist/components/patterns/{index.js → index.d.ts} +1 -1
  57. package/dist/components/patterns/linkWithIcon/index.d.ts +1 -0
  58. package/dist/components/patterns/linkWithIcon/linkWithIcon.d.ts +14 -0
  59. package/dist/components/tabs/index.d.ts +2 -0
  60. package/dist/components/tabs/tabs.d.ts +17 -0
  61. package/dist/components/tooltip/index.d.ts +3 -0
  62. package/dist/components/tooltip/overflowChecker.d.ts +5 -0
  63. package/dist/components/tooltip/tooltip.d.ts +20 -0
  64. package/dist/favicon.svg +43 -0
  65. package/dist/hooks/useReduxFormField.d.ts +26 -0
  66. package/dist/{index.js → index.d.ts} +1 -1
  67. package/dist/locales/description.d.ts +15 -0
  68. package/dist/locales/es.d.ts +227 -0
  69. package/dist/locales/index.d.ts +2 -0
  70. package/dist/locales/translator.d.ts +3 -0
  71. package/dist/producteca-ui-kit.cjs.js +508 -3
  72. package/dist/producteca-ui-kit.es.js +43799 -3
  73. package/dist/producteca-ui-kit.umd.js +508 -9
  74. package/dist/style.css +1 -0
  75. package/dist/styles/colors.d.ts +25 -0
  76. package/dist/styles/theme.d.ts +2 -0
  77. package/dist/validators/errorMessage.d.ts +5 -0
  78. package/dist/validators/index.d.ts +2 -0
  79. package/dist/validators/validation.d.ts +21 -0
  80. package/package.json +4 -4
  81. package/dist/components/alert/alert.js +0 -37
  82. package/dist/components/breadcrumb/breadcrumb.js +0 -33
  83. package/dist/components/breadcrumb/index.js +0 -2
  84. package/dist/components/button/button.js +0 -34
  85. package/dist/components/chip/chip.js +0 -27
  86. package/dist/components/chip/index.js +0 -1
  87. package/dist/components/icons/customIcon/customIcon.js +0 -41
  88. package/dist/components/icons/fileIcon/fileIcon.js +0 -14
  89. package/dist/components/icons/mailIcon/mailIcon.js +0 -14
  90. package/dist/components/icons/parameters.js +0 -26
  91. package/dist/components/icons/priceCloseIcon/priceCloseIcon.js +0 -14
  92. package/dist/components/icons/priceDownIcon/priceDownIcon.js +0 -14
  93. package/dist/components/icons/searchPublication/searchPublication.js +0 -14
  94. package/dist/components/image/image.js +0 -26
  95. package/dist/components/image/index.js +0 -1
  96. package/dist/components/inputs/checkboxInput/checkboxInput.js +0 -35
  97. package/dist/components/inputs/checkboxInput/checkboxInputGroup.js +0 -58
  98. package/dist/components/inputs/datePicker/datePicker.js +0 -143
  99. package/dist/components/inputs/datePicker/datePickerCustomStyles.js +0 -145
  100. package/dist/components/inputs/datePicker/datePickerTypes.js +0 -1
  101. package/dist/components/inputs/datePicker/datePickerUtils.js +0 -109
  102. package/dist/components/inputs/datePicker/index.js +0 -2
  103. package/dist/components/inputs/dateRangePicker/dateFormater.js +0 -28
  104. package/dist/components/inputs/dateRangePicker/dateRangePicker.js +0 -118
  105. package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.js +0 -1
  106. package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.js +0 -67
  107. package/dist/components/inputs/dateRangePicker/index.js +0 -2
  108. package/dist/components/inputs/formField/formField.js +0 -35
  109. package/dist/components/inputs/formField/passwordInput.js +0 -22
  110. package/dist/components/inputs/formField/textInput.js +0 -79
  111. package/dist/components/inputs/searcher/searcher.js +0 -112
  112. package/dist/components/inputs/selectField/selectField.js +0 -183
  113. package/dist/components/inputs/switchInput/index.js +0 -2
  114. package/dist/components/inputs/switchInput/switchInput.js +0 -77
  115. package/dist/components/loaders/index.js +0 -2
  116. package/dist/components/loaders/progressbar/progressbar.js +0 -37
  117. package/dist/components/loaders/spinner/spinner.js +0 -15
  118. package/dist/components/menuAction/index.js +0 -1
  119. package/dist/components/menuAction/menuAction.js +0 -67
  120. package/dist/components/menuAction/menuActionCustomStyles.js +0 -13
  121. package/dist/components/modals/index.js +0 -1
  122. package/dist/components/modals/warningModal/index.js +0 -1
  123. package/dist/components/modals/warningModal/warningModal.js +0 -41
  124. package/dist/components/patterns/actionBar/actionBar.js +0 -38
  125. package/dist/components/patterns/copyButton/copyButton.js +0 -69
  126. package/dist/components/patterns/copyButton/index.js +0 -1
  127. package/dist/components/patterns/emptyState/emptyState.js +0 -17
  128. package/dist/components/patterns/headerSection/headerSection.js +0 -17
  129. package/dist/components/patterns/headerSection/index.js +0 -1
  130. package/dist/components/patterns/iconWithIdentifier/iconWithIdentifier.js +0 -12
  131. package/dist/components/patterns/iconWithIdentifier/index.js +0 -1
  132. package/dist/components/patterns/linkWithIcon/index.js +0 -1
  133. package/dist/components/patterns/linkWithIcon/linkWithIcon.js +0 -26
  134. package/dist/components/tabs/index.js +0 -1
  135. package/dist/components/tabs/tabs.js +0 -70
  136. package/dist/components/tooltip/index.js +0 -2
  137. package/dist/components/tooltip/overflowChecker.js +0 -27
  138. package/dist/components/tooltip/tooltip.js +0 -97
  139. package/dist/hooks/useReduxFormField.js +0 -34
  140. package/dist/locales/description.js +0 -15
  141. package/dist/locales/es.js +0 -227
  142. package/dist/locales/index.js +0 -2
  143. package/dist/locales/translator.js +0 -20
  144. package/dist/styles/colors.js +0 -67
  145. package/dist/styles/styles/colors.tsx +0 -88
  146. package/dist/styles/styles/global.module.scss +0 -85
  147. package/dist/styles/styles/theme.tsx +0 -24
  148. package/dist/styles/styles/variables.module.scss +0 -74
  149. package/dist/styles/theme.js +0 -22
  150. package/dist/validators/errorMessage.js +0 -15
  151. package/dist/validators/index.js +0 -2
  152. package/dist/validators/validation.js +0 -25
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface AlertProps {
4
+ message: string;
5
+ variant?: 'success' | 'error' | 'warning' | 'info';
6
+ className?: string;
7
+ icon?: React.ReactNode;
8
+ fullWidth?: boolean;
9
+ link?: {
10
+ text: string;
11
+ href?: string;
12
+ onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
13
+ };
14
+ }
15
+ export declare const Alert: ({ message, variant, className, icon, fullWidth, link, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
16
+ export type { AlertProps };
17
+ export default Alert;
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface BreadcrumbItem {
4
+ text: string;
5
+ href?: string;
6
+ onClick?: () => void;
7
+ isActive?: boolean;
8
+ }
9
+ interface BreadcrumbProps {
10
+ items: BreadcrumbItem[];
11
+ className?: string;
12
+ }
13
+ export declare const Breadcrumb: React.FC<BreadcrumbProps>;
14
+ export type { BreadcrumbProps, BreadcrumbItem };
15
+ export default Breadcrumb;
@@ -0,0 +1,2 @@
1
+ export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb';
2
+ export { Breadcrumb as default } from './breadcrumb';
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface ButtonProps {
4
+ label: string;
5
+ outline?: boolean;
6
+ size?: 'sm' | 'md' | 'lg';
7
+ type?: 'submit' | 'button' | 'reset';
8
+ variant?: 'primary' | 'secondary' | 'success' | 'error' | 'link' | 'tooltip-link';
9
+ disabled?: boolean;
10
+ className?: string;
11
+ onClick?: () => void;
12
+ leftAdornment?: React.ReactNode;
13
+ rightAdornment?: React.ReactNode;
14
+ }
15
+ export declare const Button: ({ type, variant, size, label, outline, leftAdornment, rightAdornment, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
16
+ export type { ButtonProps };
17
+ export default Button;
@@ -0,0 +1,13 @@
1
+ type ChipVariant = 'primary' | 'success' | 'error' | 'secondary' | 'grey' | 'tab';
2
+ type ChipSize = 'sm' | 'lg';
3
+ export interface ChipProps {
4
+ text?: string;
5
+ title?: string;
6
+ onRemove?: () => void;
7
+ disabled?: boolean;
8
+ variant?: ChipVariant;
9
+ size?: ChipSize;
10
+ isActive?: boolean;
11
+ }
12
+ export declare const Chip: ({ isActive, title, text, onRemove, disabled, variant, size }: ChipProps) => import("react/jsx-runtime").JSX.Element;
13
+ export default Chip;
@@ -0,0 +1,2 @@
1
+ export { Chip } from './chip';
2
+ export type { ChipProps } from './chip';
@@ -0,0 +1,16 @@
1
+ import { default as React, ReactElement } from 'react';
2
+ import { SvgIcon, SxProps, Theme } from '@mui/material';
3
+
4
+ export type iconSize = '32' | '24' | '20' | '16' | '12' | '8';
5
+ type BaseSvgIconProps = React.ComponentProps<typeof SvgIcon>;
6
+ interface CustomIconProps extends Omit<BaseSvgIconProps, 'color'> {
7
+ color?: string;
8
+ size?: iconSize;
9
+ sx?: SxProps<Theme>;
10
+ children: ReactElement;
11
+ disabled?: boolean;
12
+ onClick?: () => void;
13
+ className?: string;
14
+ }
15
+ export declare const CustomIcon: React.FC<CustomIconProps>;
16
+ export default CustomIcon;
@@ -0,0 +1,5 @@
1
+ import { IconInterface } from '../parameters';
2
+
3
+ export declare const FileIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
+ export type { IconInterface };
5
+ export default FileIcon;
@@ -3,4 +3,4 @@ export * from './mailIcon/mailIcon';
3
3
  export * from './fileIcon/fileIcon';
4
4
  export * from './priceDownIcon/priceDownIcon';
5
5
  export * from './priceCloseIcon/priceCloseIcon';
6
- export * from './customIcon/customIcon';
6
+ export * from './customIcon/customIcon';
@@ -0,0 +1,5 @@
1
+ import { IconInterface } from '../parameters';
2
+
3
+ export declare const MailIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
+ export type { IconInterface };
5
+ export default MailIcon;
@@ -0,0 +1,51 @@
1
+ export interface IconInterface {
2
+ size?: number;
3
+ color?: string;
4
+ }
5
+ export declare const argTypes: {
6
+ color: {
7
+ control: {
8
+ type: string;
9
+ presetColors: boolean[];
10
+ };
11
+ description: string;
12
+ };
13
+ size: {
14
+ control: {
15
+ type: string;
16
+ };
17
+ description: string;
18
+ };
19
+ };
20
+ export declare const parameters: {
21
+ layout: string;
22
+ design: {
23
+ type: string;
24
+ url: string;
25
+ };
26
+ };
27
+ export declare const defaultParameters: {
28
+ parameters: {
29
+ layout: string;
30
+ design: {
31
+ type: string;
32
+ url: string;
33
+ };
34
+ };
35
+ argTypes: {
36
+ color: {
37
+ control: {
38
+ type: string;
39
+ presetColors: boolean[];
40
+ };
41
+ description: string;
42
+ };
43
+ size: {
44
+ control: {
45
+ type: string;
46
+ };
47
+ description: string;
48
+ };
49
+ };
50
+ };
51
+ export default defaultParameters;
@@ -0,0 +1,5 @@
1
+ import { IconInterface } from '../parameters';
2
+
3
+ export declare const PriceCloseIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
+ export type { IconInterface };
5
+ export default PriceCloseIcon;
@@ -0,0 +1,5 @@
1
+ import { IconInterface } from '../parameters';
2
+
3
+ export declare const PriceDownIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
+ export type { IconInterface };
5
+ export default PriceDownIcon;
@@ -0,0 +1,5 @@
1
+ import { IconInterface } from '../parameters';
2
+
3
+ export declare const SearchPublication: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
+ export type { IconInterface };
5
+ export default SearchPublication;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface ImageProps {
4
+ src: string;
5
+ className?: string;
6
+ sx?: React.CSSProperties;
7
+ alt?: string;
8
+ }
9
+ export declare const Image: React.FC<ImageProps>;
10
+ export type { ImageProps };
11
+ export default Image;
@@ -0,0 +1 @@
1
+ export { Image, type ImageProps } from './image';
@@ -10,4 +10,4 @@ export * from './image';
10
10
  export * from './breadcrumb';
11
11
  export * from './menuAction';
12
12
  export * from './modals';
13
- export * from './tabs';
13
+ export * from './tabs';
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { CheckboxInputProps } from './checkboxInputGroup';
3
+
4
+ export declare const CheckboxInput: React.FC<Omit<CheckboxInputProps, 'items'> & {
5
+ checked?: boolean;
6
+ label: string;
7
+ disabled?: boolean;
8
+ }>;
9
+ export default CheckboxInput;
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { ReduxFormInput } from '../../../hooks/useReduxFormField';
3
+
4
+ export interface CheckboxItem {
5
+ id?: string;
6
+ name?: string;
7
+ label: string;
8
+ value?: any;
9
+ checked?: boolean;
10
+ disabled?: boolean;
11
+ }
12
+ export interface CheckboxInputProps {
13
+ name: string;
14
+ items: CheckboxItem[];
15
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
16
+ title?: string;
17
+ type?: 'checkbox' | 'radio';
18
+ size?: 'sm' | 'md' | 'lg';
19
+ input?: ReduxFormInput;
20
+ }
21
+ export declare const CheckboxInputGroup: React.FC<CheckboxInputProps>;
22
+ export default CheckboxInputGroup;
@@ -1,3 +1,4 @@
1
1
  import { CheckboxInput } from './checkboxInput';
2
2
  import { CheckboxInputGroup } from './checkboxInputGroup';
3
- export { CheckboxInput, CheckboxInput as Checkbox, CheckboxInputGroup, CheckboxInputGroup as CheckboxGroup };
3
+
4
+ export { CheckboxInput, CheckboxInput as Checkbox, CheckboxInputGroup, CheckboxInputGroup as CheckboxGroup };
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { DatePickerProps } from './datePickerTypes';
3
+
4
+ export declare const DatePickerInput: React.FC<DatePickerProps>;
5
+ export declare const DatePicker: ({ label, rightAdornment, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { SxProps, Theme } from '@mui/material/styles';
2
+
3
+ export declare const datePickerLayoutStyles: SxProps<Theme>;
4
+ export declare const datePickerInputStyles: SxProps<Theme>;
5
+ export declare const datePickerDayStyles: SxProps<Theme>;
6
+ export declare const datePickerDigitalClockStyles: SxProps<Theme>;
7
+ export declare const datePickerYearStyles: SxProps<Theme>;
8
+ export declare const datePickerPopperStyles: SxProps<Theme>;
@@ -0,0 +1,14 @@
1
+ import { FormFieldProps } from '../formField/formField';
2
+ import { InputValue } from '../../../validators';
3
+
4
+ export interface DatePickerSpecificProps {
5
+ value?: InputValue;
6
+ minDate?: InputValue;
7
+ maxDate?: InputValue;
8
+ format?: string;
9
+ }
10
+ type UnusedFormFieldProps = 'max' | 'min' | 'isClearable' | 'leftIcon' | 'rightIcon' | 'type' | 'inputRef' | 'children';
11
+ type OverriddenFormFieldProps = 'value';
12
+ export interface DatePickerProps extends Omit<FormFieldProps, UnusedFormFieldProps | OverriddenFormFieldProps>, DatePickerSpecificProps {
13
+ }
14
+ export {};
@@ -0,0 +1,68 @@
1
+ import { TextField } from '@mui/material';
2
+ import { default as dayjs, Dayjs } from 'dayjs';
3
+ import { InputValue } from '../../../validators';
4
+ import { default as React } from 'react';
5
+
6
+ export declare const ActionComponent: React.FC<{
7
+ showClearIcon: boolean;
8
+ onClear?: () => void;
9
+ onOpen?: () => void;
10
+ }>;
11
+ export type PickerType = 'date' | 'dateTime' | 'time' | 'year';
12
+ export declare const getPickerTypeFromFormat: (format?: string) => PickerType;
13
+ export declare const getFinalFormat: (format?: string) => string;
14
+ export declare const getPlaceholderByFormat: (format?: string, customPlaceholder?: string) => string;
15
+ export declare const convertToDate: (val: InputValue, format: string) => Dayjs | null;
16
+ export declare const getPickerProps: ({ currentValue, finalFormat, onChange, disabled, minDate, maxDate, placeholder, name, otherProps, onClear, onOpen, onClose, open, }: {
17
+ currentValue: InputValue;
18
+ finalFormat: string;
19
+ onChange: (date: Dayjs | null) => void;
20
+ open: boolean;
21
+ disabled: boolean;
22
+ minDate?: InputValue;
23
+ maxDate?: InputValue;
24
+ placeholder?: string;
25
+ name?: string;
26
+ onClear?: () => void;
27
+ onOpen?: () => void;
28
+ onClose?: () => void;
29
+ otherProps: any;
30
+ }) => {
31
+ open: boolean;
32
+ value: dayjs.Dayjs | null;
33
+ onAccept: (date: Dayjs | null) => void;
34
+ onClose: (() => void) | undefined;
35
+ disabled: boolean;
36
+ minDate: dayjs.Dayjs | undefined;
37
+ maxDate: dayjs.Dayjs | undefined;
38
+ format: string;
39
+ slots: {
40
+ textField: typeof TextField;
41
+ };
42
+ slotProps: {
43
+ textField: {
44
+ placeholder: string;
45
+ name: string | undefined;
46
+ onClick: (() => void) | undefined;
47
+ variant: "outlined";
48
+ fullWidth: boolean;
49
+ className: string;
50
+ sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
51
+ InputProps: {
52
+ style: {
53
+ cursor: string;
54
+ };
55
+ endAdornment: import("react/jsx-runtime").JSX.Element;
56
+ };
57
+ };
58
+ layout: {
59
+ sx: {};
60
+ };
61
+ day: {
62
+ sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
63
+ };
64
+ popper: {
65
+ sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
66
+ };
67
+ };
68
+ };
@@ -0,0 +1,3 @@
1
+ export * from './datePicker';
2
+ export type * from './datePickerTypes';
3
+ export * from './datePickerCustomStyles';
@@ -0,0 +1,7 @@
1
+ import { DateRange } from 'react-day-picker';
2
+
3
+ export declare const formatDate: (date: Date, format: string) => string;
4
+ export declare const formatRangeLimits: (range: DateRange | undefined) => {
5
+ from: Date;
6
+ to: Date;
7
+ } | undefined;
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { DateRangePickerProps } from './dateRangePickerTypes';
3
+
4
+ export declare const DateRangePickerInput: React.FC<DateRangePickerProps>;
5
+ export declare const DateRangePicker: ({ label, rightAdornment, value, ...props }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { InputValue } from '../../../validators';
2
+ import { DatePickerProps } from '../datePicker';
3
+
4
+ export interface DateRangeValue {
5
+ from: InputValue;
6
+ to: InputValue;
7
+ }
8
+ export interface DateRangePickerSpecificProps {
9
+ value?: DateRangeValue;
10
+ }
11
+ type OverriddenDatePickerProps = 'value';
12
+ export interface DateRangePickerProps extends Omit<DatePickerProps, OverriddenDatePickerProps>, DateRangePickerSpecificProps {
13
+ }
14
+ export {};
@@ -0,0 +1,9 @@
1
+ import { DateRange, Matcher } from 'react-day-picker';
2
+ import { InputValue } from '../../../validators';
3
+
4
+ export type DisabledDays = Matcher | Matcher[] | undefined;
5
+ export declare const fromInputValue: (inputValue: InputValue) => DateRange | undefined;
6
+ export declare const getDisplayRange: (range: DateRange | undefined, format?: string) => string;
7
+ export declare const convertToDate: (val: InputValue | undefined) => Date | undefined;
8
+ export declare const CustomWeekday: (props: any) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const getDisabledDays: (disabled: boolean, minDate?: InputValue, maxDate?: InputValue) => DisabledDays;
@@ -0,0 +1,4 @@
1
+ export { DateRangePicker, DateRangePickerInput } from './dateRangePicker';
2
+ export type { DateRangePickerProps } from './dateRangePickerTypes';
3
+ export type { DateRangeValue } from './dateRangePickerTypes';
4
+ export { formatDate } from './dateFormater';
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ import { TextInputProps } from './textInput';
3
+
4
+ export interface FormFieldProps extends TextInputProps {
5
+ label?: string;
6
+ children?: React.ReactNode;
7
+ rightAdornment?: React.ReactNode;
8
+ }
9
+ export declare const FormField: React.FC<FormFieldProps>;
10
+ export default FormField;
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { FormFieldProps } from './formField';
3
+
4
+ export declare const PasswordInput: React.FC<FormFieldProps>;
@@ -0,0 +1,25 @@
1
+ import { default as React, ChangeEvent } from 'react';
2
+ import { Meta, InputValue } from '../../../validators';
3
+ import { ReduxFormInput } from '../../../hooks/useReduxFormField';
4
+
5
+ export interface TextInputProps {
6
+ meta?: Meta;
7
+ max?: number;
8
+ min?: number;
9
+ name: string;
10
+ noErrors?: boolean;
11
+ value?: InputValue;
12
+ disabled?: boolean;
13
+ required?: boolean;
14
+ placeholder?: string;
15
+ isClearable?: boolean;
16
+ size?: 'sm' | 'md' | 'lg';
17
+ leftIcon?: React.ReactNode;
18
+ rightIcon?: React.ReactNode;
19
+ isValid?: (value: InputValue) => boolean;
20
+ type?: 'text' | 'number' | 'password' | 'date' | 'dateRange' | undefined;
21
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
22
+ input?: ReduxFormInput;
23
+ inputRef?: React.RefObject<HTMLInputElement>;
24
+ }
25
+ export declare const TextInput: React.FC<TextInputProps>;
@@ -5,4 +5,4 @@ export * from './checkboxInput';
5
5
  export * from './searcher/searcher';
6
6
  export * from './switchInput';
7
7
  export * from './datePicker';
8
- export * from './dateRangePicker';
8
+ export * from './dateRangePicker';
@@ -0,0 +1,28 @@
1
+ import { default as React } from 'react';
2
+ import { SelectOption } from '../selectField/selectField';
3
+
4
+ export interface SearcherProps {
5
+ name: string;
6
+ label?: string;
7
+ size?: 'md' | 'lg';
8
+ placeholder?: string;
9
+ disabled?: boolean;
10
+ required?: boolean;
11
+ isClearable?: boolean;
12
+ isSearchable?: boolean;
13
+ clearOnSelect?: boolean;
14
+ options: SelectOption[];
15
+ noOptionsMessage?: string | React.ReactNode;
16
+ rightModifier?: React.ReactNode;
17
+ isOptionDisabled?: (option: SelectOption) => boolean;
18
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
19
+ onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
20
+ isLoading?: boolean;
21
+ input?: {
22
+ value: any;
23
+ onChange: (value: any) => void;
24
+ onBlur: () => void;
25
+ name: string;
26
+ };
27
+ }
28
+ export declare const Searcher: React.FC<SearcherProps>;
@@ -0,0 +1,42 @@
1
+ import { default as React } from 'react';
2
+ import { OptionProps, SingleValueProps } from 'react-select';
3
+ import { ReduxFormInput } from '../../../hooks/useReduxFormField';
4
+
5
+ export interface SelectOption {
6
+ label: string;
7
+ value: string | number;
8
+ tooltipMessage?: string;
9
+ [key: string]: any;
10
+ }
11
+ export type SelectOptionType = SelectOption[] | SelectOption | null;
12
+ export interface SelectFieldProps {
13
+ name: string;
14
+ label?: string;
15
+ size?: 'md' | 'lg';
16
+ onBlur?: () => void;
17
+ placeholder?: string;
18
+ disabled?: boolean;
19
+ isMultiple?: boolean;
20
+ required?: boolean;
21
+ isClearable?: boolean;
22
+ isSearchable?: boolean;
23
+ options: SelectOption[];
24
+ noOptionsMessage?: string;
25
+ hideSelectedOptions?: boolean;
26
+ rightModifier?: React.ReactNode;
27
+ isOptionDisabled?: (option: SelectOption) => boolean;
28
+ value?: (string | number)[] | null | undefined;
29
+ defaultValue?: (string | number) | (string | number)[] | null | undefined;
30
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
31
+ input?: ReduxFormInput;
32
+ }
33
+ export declare const Option: (props: OptionProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const SingleValue: (props: SingleValueProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
35
+ export declare const SearchComponent: () => import("react/jsx-runtime").JSX.Element;
36
+ export declare const ClearComponent: ({ optionSelected, isClearable, handleChange, }: {
37
+ optionSelected?: SelectOptionType | undefined;
38
+ isClearable: boolean;
39
+ handleChange: (selected: SelectOptionType) => void;
40
+ }) => import("react/jsx-runtime").JSX.Element | null;
41
+ export declare const SelectField: React.FC<SelectFieldProps>;
42
+ export default SelectField;
@@ -0,0 +1,4 @@
1
+ import { SwitchInput, SwitchInputGroup, SwitchItem, SwitchInputProps } from './switchInput';
2
+
3
+ export { SwitchInput, SwitchInput as Switch, SwitchInputGroup, SwitchInputGroup as SwitchGroup };
4
+ export type { SwitchItem, SwitchInputProps };
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ import { ReduxFormInput } from '../../../hooks/useReduxFormField';
3
+
4
+ export interface SwitchItem {
5
+ id?: string;
6
+ name?: string;
7
+ label: string;
8
+ value?: any;
9
+ checked?: boolean;
10
+ disabled?: boolean;
11
+ }
12
+ export interface SwitchInputProps {
13
+ name: string;
14
+ items: SwitchItem[];
15
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
16
+ title?: string;
17
+ size?: 'sm' | 'md' | 'lg';
18
+ input?: ReduxFormInput;
19
+ }
20
+ export declare const SwitchInputGroup: React.FC<SwitchInputProps>;
21
+ export declare const SwitchInput: React.FC<{
22
+ name: string;
23
+ checked?: boolean;
24
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
25
+ label: string;
26
+ title?: string;
27
+ disabled?: boolean;
28
+ size?: 'sm' | 'md' | 'lg';
29
+ input?: ReduxFormInput;
30
+ }>;
31
+ export default SwitchInput;
@@ -0,0 +1,2 @@
1
+ export * from './spinner/spinner';
2
+ export * from './progressbar/progressbar';
@@ -0,0 +1,8 @@
1
+ interface ProgressbarProps {
2
+ size?: 'sm' | 'lg';
3
+ progress?: number;
4
+ variant?: 'determinate' | 'indeterminate' | 'buffer' | 'query';
5
+ }
6
+ export declare const Progressbar: ({ size, progress: initialProgress, variant, }: ProgressbarProps) => import("react/jsx-runtime").JSX.Element;
7
+ export type { ProgressbarProps };
8
+ export default Progressbar;
@@ -0,0 +1,6 @@
1
+ interface SpinnerProps {
2
+ size?: 'sm' | 'lg';
3
+ }
4
+ export declare const Spinner: ({ size }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
5
+ export type { SpinnerProps };
6
+ export default Spinner;
@@ -0,0 +1 @@
1
+ export { MenuAction, type MenuActionProps, type MenuActionItem } from './menuAction';
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface MenuActionItem {
4
+ label: React.ReactNode;
5
+ onClick?: () => void;
6
+ selected?: boolean;
7
+ disabled?: boolean;
8
+ }
9
+ interface MenuActionProps {
10
+ items: MenuActionItem[];
11
+ id?: string;
12
+ maxItemsVisible?: number;
13
+ icon?: React.ReactNode;
14
+ otherProps?: React.HTMLAttributes<HTMLButtonElement>;
15
+ }
16
+ export declare const MenuAction: React.FC<MenuActionProps>;
17
+ export type { MenuActionProps, MenuActionItem };
18
+ export default MenuAction;
@@ -0,0 +1,4 @@
1
+ import { SxProps, Theme } from '@mui/material/styles';
2
+
3
+ export declare const menuPaperStyles: SxProps<Theme>;
4
+ export declare const menuItemStyles: SxProps<Theme>;
@@ -0,0 +1 @@
1
+ export * from './warningModal/warningModal';
@@ -0,0 +1 @@
1
+ export { WarningModal, type WarningModalProps } from './warningModal';
@@ -0,0 +1,17 @@
1
+ import { default as React, ChangeEvent } from 'react';
2
+
3
+ interface WarningModalProps {
4
+ icon?: React.ReactNode;
5
+ title?: string;
6
+ description: React.ReactNode;
7
+ confirmLabel?: string;
8
+ cancelLabel?: string;
9
+ onSave?: () => void;
10
+ onCancel?: () => void;
11
+ dontShowAgainLabel?: string;
12
+ onChangeDontShowAgain?: (event: ChangeEvent<HTMLInputElement>) => void;
13
+ onClickGuide?: (e: React.MouseEvent<SVGSVGElement>) => void;
14
+ }
15
+ export declare const WarningModal: React.FC<WarningModalProps>;
16
+ export type { WarningModalProps };
17
+ export default WarningModal;