@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.
@@ -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;
@@ -0,0 +1,2 @@
1
+ export { Chip } from './chip';
2
+ export type { ChipProps } from './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
- interface CustomIconProps {
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 +1,7 @@
1
+ import { DateRange } from 'react-day-picker';
2
+
1
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;
@@ -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;
@@ -10,6 +10,7 @@ export interface SearcherProps {
10
10
  required?: boolean;
11
11
  isClearable?: boolean;
12
12
  isSearchable?: boolean;
13
+ clearOnSelect?: boolean;
13
14
  options: SelectOption[];
14
15
  noOptionsMessage?: string | React.ReactNode;
15
16
  rightModifier?: React.ReactNode;
@@ -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
- withoutBorder?: boolean;
22
+ variant?: "page" | "modal" | "fullPage";
23
23
  }
24
24
  export declare const ActionBar: React.FC<SaveBarProps>;
25
25
  export type { SaveBarProps, SaveButtonProps, CancelButtonProps, PreviousButtonProps };
@@ -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;