@producteca/producteca-ui-kit 1.17.0 → 1.19.0
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/chip/chip.d.ts +13 -0
- package/dist/components/chip/index.d.ts +2 -0
- package/dist/components/icons/customIcon/customIcon.d.ts +6 -3
- package/dist/components/index.d.ts +2 -0
- package/dist/components/inputs/dateRangePicker/dateFormater.d.ts +6 -0
- package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.d.ts +1 -1
- package/dist/components/inputs/searcher/searcher.d.ts +1 -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 +1 -1
- package/dist/locales/es.d.ts +15 -1
- package/dist/producteca-ui-kit.es.js +20426 -20317
- package/dist/producteca-ui-kit.umd.js +132 -132
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
type ChipVariant = 'primary' | 'success' | 'error' | 'secondary' | 'grey';
|
|
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;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { default as React, ReactElement } from 'react';
|
|
2
|
-
import { SxProps, Theme } from '@mui/material';
|
|
2
|
+
import { SvgIcon, SxProps, Theme } from '@mui/material';
|
|
3
3
|
|
|
4
|
-
export type iconSize = '24' | '20' | '16' | '12' | '8';
|
|
5
|
-
|
|
4
|
+
export type iconSize = '32' | '24' | '20' | '16' | '12' | '8';
|
|
5
|
+
type BaseSvgIconProps = React.ComponentProps<typeof SvgIcon>;
|
|
6
|
+
interface CustomIconProps extends Omit<BaseSvgIconProps, 'color'> {
|
|
6
7
|
color?: string;
|
|
7
8
|
size?: iconSize;
|
|
8
9
|
sx?: SxProps<Theme>;
|
|
9
10
|
children: ReactElement;
|
|
10
11
|
disabled?: boolean;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
className?: string;
|
|
11
14
|
}
|
|
12
15
|
export declare const CustomIcon: React.FC<CustomIconProps>;
|
|
13
16
|
export default CustomIcon;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './button/button';
|
|
2
|
+
export * from './chip';
|
|
2
3
|
export * from './icons';
|
|
3
4
|
export * from './inputs';
|
|
4
5
|
export * from './patterns';
|
|
@@ -8,3 +9,4 @@ export * from './tooltip';
|
|
|
8
9
|
export * from './image';
|
|
9
10
|
export * from './breadcrumb';
|
|
10
11
|
export * from './menuAction';
|
|
12
|
+
export * from './modals';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DateRange, Matcher } from 'react-day-picker';
|
|
2
2
|
import { InputValue } from '../../../validators';
|
|
3
3
|
|
|
4
|
+
export type DisabledDays = Matcher | Matcher[] | undefined;
|
|
4
5
|
export declare const fromInputValue: (inputValue: InputValue) => DateRange | undefined;
|
|
5
6
|
export declare const getDisplayRange: (range: DateRange | undefined, format?: string) => string;
|
|
6
7
|
export declare const convertToDate: (val: InputValue | undefined) => Date | undefined;
|
|
7
8
|
export declare const CustomWeekday: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export type DisabledDays = Matcher | Matcher[] | undefined;
|
|
9
9
|
export declare const getDisabledDays: (disabled: boolean, minDate?: InputValue, maxDate?: InputValue) => DisabledDays;
|
|
@@ -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;
|
|
@@ -19,7 +19,7 @@ interface SaveBarProps {
|
|
|
19
19
|
saveProps: SaveButtonProps;
|
|
20
20
|
cancelProps: CancelButtonProps;
|
|
21
21
|
previousProps?: PreviousButtonProps;
|
|
22
|
-
|
|
22
|
+
variant?: "page" | "modal" | "fullPage";
|
|
23
23
|
}
|
|
24
24
|
export declare const ActionBar: React.FC<SaveBarProps>;
|
|
25
25
|
export type { SaveBarProps, SaveButtonProps, CancelButtonProps, PreviousButtonProps };
|
package/dist/locales/es.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ declare const _default: {
|
|
|
17
17
|
continue: string;
|
|
18
18
|
cancel: string;
|
|
19
19
|
save: string;
|
|
20
|
+
guide: string;
|
|
20
21
|
hideSelectedOptionsExplainText: string;
|
|
21
22
|
switchInput: {
|
|
22
23
|
options: string;
|
|
@@ -68,7 +69,6 @@ declare const _default: {
|
|
|
68
69
|
saveButtonProps: string;
|
|
69
70
|
cancelButtonProps: string;
|
|
70
71
|
previousButtonProps: string;
|
|
71
|
-
withoutBorder: string;
|
|
72
72
|
};
|
|
73
73
|
formField: {
|
|
74
74
|
example: string;
|
|
@@ -92,6 +92,8 @@ declare const _default: {
|
|
|
92
92
|
searchLabel: string;
|
|
93
93
|
noResults: string;
|
|
94
94
|
writeToSearch: string;
|
|
95
|
+
clearOnSelectDescription: string;
|
|
96
|
+
clearOnSelectStoryDescription: string;
|
|
95
97
|
};
|
|
96
98
|
breadcrumb: {
|
|
97
99
|
itemFormat: string;
|
|
@@ -194,5 +196,17 @@ declare const _default: {
|
|
|
194
196
|
disabledWithRestrictions: string;
|
|
195
197
|
completelyDisabled: string;
|
|
196
198
|
};
|
|
199
|
+
chip: {
|
|
200
|
+
text: string;
|
|
201
|
+
title: string;
|
|
202
|
+
onRemove: string;
|
|
203
|
+
disabled: string;
|
|
204
|
+
variant: string;
|
|
205
|
+
size: string;
|
|
206
|
+
};
|
|
207
|
+
warningModal: {
|
|
208
|
+
warning: string;
|
|
209
|
+
dontShowAgain: string;
|
|
210
|
+
};
|
|
197
211
|
};
|
|
198
212
|
export default _default;
|