@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.
- package/dist/components/alert/alert.d.ts +17 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +15 -0
- package/dist/components/breadcrumb/index.d.ts +2 -0
- package/dist/components/button/button.d.ts +17 -0
- package/dist/components/chip/chip.d.ts +13 -0
- package/dist/components/chip/index.d.ts +2 -0
- package/dist/components/icons/customIcon/customIcon.d.ts +16 -0
- package/dist/components/icons/fileIcon/fileIcon.d.ts +5 -0
- package/dist/components/icons/{index.js → index.d.ts} +1 -1
- package/dist/components/icons/mailIcon/mailIcon.d.ts +5 -0
- package/dist/components/icons/parameters.d.ts +51 -0
- package/dist/components/icons/priceCloseIcon/priceCloseIcon.d.ts +5 -0
- package/dist/components/icons/priceDownIcon/priceDownIcon.d.ts +5 -0
- package/dist/components/icons/searchPublication/searchPublication.d.ts +5 -0
- package/dist/components/image/image.d.ts +11 -0
- package/dist/components/image/index.d.ts +1 -0
- package/dist/components/{index.js → index.d.ts} +1 -1
- package/dist/components/inputs/checkboxInput/checkboxInput.d.ts +9 -0
- package/dist/components/inputs/checkboxInput/checkboxInputGroup.d.ts +22 -0
- package/dist/components/inputs/checkboxInput/{index.js → index.d.ts} +2 -1
- package/dist/components/inputs/datePicker/datePicker.d.ts +5 -0
- package/dist/components/inputs/datePicker/datePickerCustomStyles.d.ts +8 -0
- package/dist/components/inputs/datePicker/datePickerTypes.d.ts +14 -0
- package/dist/components/inputs/datePicker/datePickerUtils.d.ts +68 -0
- package/dist/components/inputs/datePicker/index.d.ts +3 -0
- package/dist/components/inputs/dateRangePicker/dateFormater.d.ts +7 -0
- package/dist/components/inputs/dateRangePicker/dateRangePicker.d.ts +5 -0
- package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.d.ts +14 -0
- package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.d.ts +9 -0
- package/dist/components/inputs/dateRangePicker/index.d.ts +4 -0
- package/dist/components/inputs/formField/formField.d.ts +10 -0
- package/dist/components/inputs/formField/passwordInput.d.ts +4 -0
- package/dist/components/inputs/formField/textInput.d.ts +25 -0
- package/dist/components/inputs/{index.js → index.d.ts} +1 -1
- package/dist/components/inputs/searcher/searcher.d.ts +28 -0
- package/dist/components/inputs/selectField/selectField.d.ts +42 -0
- package/dist/components/inputs/switchInput/index.d.ts +4 -0
- package/dist/components/inputs/switchInput/switchInput.d.ts +31 -0
- package/dist/components/loaders/index.d.ts +2 -0
- package/dist/components/loaders/progressbar/progressbar.d.ts +8 -0
- package/dist/components/loaders/spinner/spinner.d.ts +6 -0
- package/dist/components/menuAction/index.d.ts +1 -0
- package/dist/components/menuAction/menuAction.d.ts +18 -0
- package/dist/components/menuAction/menuActionCustomStyles.d.ts +4 -0
- package/dist/components/modals/index.d.ts +1 -0
- package/dist/components/modals/warningModal/index.d.ts +1 -0
- package/dist/components/modals/warningModal/warningModal.d.ts +17 -0
- package/dist/components/patterns/actionBar/actionBar.d.ts +26 -0
- package/dist/components/patterns/copyButton/copyButton.d.ts +11 -0
- package/dist/components/patterns/copyButton/index.d.ts +1 -0
- package/dist/components/patterns/emptyState/emptyState.d.ts +11 -0
- package/dist/components/patterns/headerSection/headerSection.d.ts +14 -0
- package/dist/components/patterns/headerSection/index.d.ts +1 -0
- package/dist/components/patterns/iconWithIdentifier/iconWithIdentifier.d.ts +11 -0
- package/dist/components/patterns/iconWithIdentifier/index.d.ts +1 -0
- package/dist/components/patterns/{index.js → index.d.ts} +1 -1
- package/dist/components/patterns/linkWithIcon/index.d.ts +1 -0
- package/dist/components/patterns/linkWithIcon/linkWithIcon.d.ts +14 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/tabs/tabs.d.ts +17 -0
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/overflowChecker.d.ts +5 -0
- package/dist/components/tooltip/tooltip.d.ts +20 -0
- package/dist/favicon.svg +43 -0
- package/dist/hooks/useReduxFormField.d.ts +26 -0
- package/dist/{index.js → index.d.ts} +1 -1
- package/dist/locales/description.d.ts +15 -0
- package/dist/locales/es.d.ts +227 -0
- package/dist/locales/index.d.ts +2 -0
- package/dist/locales/translator.d.ts +3 -0
- package/dist/producteca-ui-kit.cjs.js +508 -3
- package/dist/producteca-ui-kit.es.js +43799 -3
- package/dist/producteca-ui-kit.umd.js +508 -9
- package/dist/style.css +1 -0
- package/dist/styles/colors.d.ts +25 -0
- package/dist/styles/theme.d.ts +2 -0
- package/dist/validators/errorMessage.d.ts +5 -0
- package/dist/validators/index.d.ts +2 -0
- package/dist/validators/validation.d.ts +21 -0
- package/package.json +4 -4
- package/dist/components/alert/alert.js +0 -37
- package/dist/components/breadcrumb/breadcrumb.js +0 -33
- package/dist/components/breadcrumb/index.js +0 -2
- package/dist/components/button/button.js +0 -34
- package/dist/components/chip/chip.js +0 -27
- package/dist/components/chip/index.js +0 -1
- package/dist/components/icons/customIcon/customIcon.js +0 -41
- package/dist/components/icons/fileIcon/fileIcon.js +0 -14
- package/dist/components/icons/mailIcon/mailIcon.js +0 -14
- package/dist/components/icons/parameters.js +0 -26
- package/dist/components/icons/priceCloseIcon/priceCloseIcon.js +0 -14
- package/dist/components/icons/priceDownIcon/priceDownIcon.js +0 -14
- package/dist/components/icons/searchPublication/searchPublication.js +0 -14
- package/dist/components/image/image.js +0 -26
- package/dist/components/image/index.js +0 -1
- package/dist/components/inputs/checkboxInput/checkboxInput.js +0 -35
- package/dist/components/inputs/checkboxInput/checkboxInputGroup.js +0 -58
- package/dist/components/inputs/datePicker/datePicker.js +0 -143
- package/dist/components/inputs/datePicker/datePickerCustomStyles.js +0 -145
- package/dist/components/inputs/datePicker/datePickerTypes.js +0 -1
- package/dist/components/inputs/datePicker/datePickerUtils.js +0 -109
- package/dist/components/inputs/datePicker/index.js +0 -2
- package/dist/components/inputs/dateRangePicker/dateFormater.js +0 -28
- package/dist/components/inputs/dateRangePicker/dateRangePicker.js +0 -118
- package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.js +0 -1
- package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.js +0 -67
- package/dist/components/inputs/dateRangePicker/index.js +0 -2
- package/dist/components/inputs/formField/formField.js +0 -35
- package/dist/components/inputs/formField/passwordInput.js +0 -22
- package/dist/components/inputs/formField/textInput.js +0 -79
- package/dist/components/inputs/searcher/searcher.js +0 -112
- package/dist/components/inputs/selectField/selectField.js +0 -183
- package/dist/components/inputs/switchInput/index.js +0 -2
- package/dist/components/inputs/switchInput/switchInput.js +0 -77
- package/dist/components/loaders/index.js +0 -2
- package/dist/components/loaders/progressbar/progressbar.js +0 -37
- package/dist/components/loaders/spinner/spinner.js +0 -15
- package/dist/components/menuAction/index.js +0 -1
- package/dist/components/menuAction/menuAction.js +0 -67
- package/dist/components/menuAction/menuActionCustomStyles.js +0 -13
- package/dist/components/modals/index.js +0 -1
- package/dist/components/modals/warningModal/index.js +0 -1
- package/dist/components/modals/warningModal/warningModal.js +0 -41
- package/dist/components/patterns/actionBar/actionBar.js +0 -38
- package/dist/components/patterns/copyButton/copyButton.js +0 -69
- package/dist/components/patterns/copyButton/index.js +0 -1
- package/dist/components/patterns/emptyState/emptyState.js +0 -17
- package/dist/components/patterns/headerSection/headerSection.js +0 -17
- package/dist/components/patterns/headerSection/index.js +0 -1
- package/dist/components/patterns/iconWithIdentifier/iconWithIdentifier.js +0 -12
- package/dist/components/patterns/iconWithIdentifier/index.js +0 -1
- package/dist/components/patterns/linkWithIcon/index.js +0 -1
- package/dist/components/patterns/linkWithIcon/linkWithIcon.js +0 -26
- package/dist/components/tabs/index.js +0 -1
- package/dist/components/tabs/tabs.js +0 -70
- package/dist/components/tooltip/index.js +0 -2
- package/dist/components/tooltip/overflowChecker.js +0 -27
- package/dist/components/tooltip/tooltip.js +0 -97
- package/dist/hooks/useReduxFormField.js +0 -34
- package/dist/locales/description.js +0 -15
- package/dist/locales/es.js +0 -227
- package/dist/locales/index.js +0 -2
- package/dist/locales/translator.js +0 -20
- package/dist/styles/colors.js +0 -67
- package/dist/styles/styles/colors.tsx +0 -88
- package/dist/styles/styles/global.module.scss +0 -85
- package/dist/styles/styles/theme.tsx +0 -24
- package/dist/styles/styles/variables.module.scss +0 -74
- package/dist/styles/theme.js +0 -22
- package/dist/validators/errorMessage.js +0 -15
- package/dist/validators/index.js +0 -2
- 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,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,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,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,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';
|
|
@@ -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
|
-
|
|
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,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,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,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>;
|
|
@@ -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,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,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 @@
|
|
|
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 @@
|
|
|
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;
|