@dishopsaas/design-system 0.0.48 → 0.0.52
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/Interface/Interfaces.d.ts +190 -0
- package/dist/Interface/Interfaces.d.ts.map +1 -0
- package/dist/components/DataDisplay/AlertBanner/AlertBanner.d.ts +34 -0
- package/dist/components/DataDisplay/AlertBanner/AlertBanner.d.ts.map +1 -0
- package/dist/components/DataDisplay/AlertBanner/AlertBanner.stories.d.ts +94 -0
- package/dist/components/DataDisplay/AlertBanner/AlertBanner.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Avatar/Avatar.d.ts +17 -0
- package/dist/components/DataDisplay/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/DataDisplay/Avatar/Avatar.stories.d.ts +8 -0
- package/dist/components/DataDisplay/Avatar/Avatar.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Counter/Counter.d.ts +5 -0
- package/dist/components/DataDisplay/Counter/Counter.d.ts.map +1 -0
- package/dist/components/DataDisplay/Counter/Counter.stories.d.ts +8 -0
- package/dist/components/DataDisplay/Counter/Counter.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Divider/Divider.d.ts +14 -0
- package/dist/components/DataDisplay/Divider/Divider.d.ts.map +1 -0
- package/dist/components/DataDisplay/Divider/Divider.stories.d.ts +8 -0
- package/dist/components/DataDisplay/Divider/Divider.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/EmptyState/EmptyState.d.ts +35 -0
- package/dist/components/DataDisplay/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/components/DataDisplay/EmptyState/EmptyState.stories.d.ts +7 -0
- package/dist/components/DataDisplay/EmptyState/EmptyState.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Grid/ResponsiveGrid.d.ts +5 -0
- package/dist/components/DataDisplay/Grid/ResponsiveGrid.d.ts.map +1 -0
- package/dist/components/DataDisplay/Grid/ResponsiveGrid.stories.d.ts +8 -0
- package/dist/components/DataDisplay/Grid/ResponsiveGrid.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Header/Header.d.ts +25 -0
- package/dist/components/DataDisplay/Header/Header.d.ts.map +1 -0
- package/dist/components/DataDisplay/Header/Header.stories.d.ts +7 -0
- package/dist/components/DataDisplay/Header/Header.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Header/ScrollView/ScrollView.d.ts +28 -0
- package/dist/components/DataDisplay/Header/ScrollView/ScrollView.d.ts.map +1 -0
- package/dist/components/DataDisplay/Header/ScrollView/ScrollView.stories.d.ts +7 -0
- package/dist/components/DataDisplay/Header/ScrollView/ScrollView.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/ListItem/ListItem.d.ts +5 -0
- package/dist/components/DataDisplay/ListItem/ListItem.d.ts.map +1 -0
- package/dist/components/DataDisplay/ListItem/ListItem.stories.d.ts +9 -0
- package/dist/components/DataDisplay/ListItem/ListItem.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Table/Table.d.ts +68 -0
- package/dist/components/DataDisplay/Table/Table.d.ts.map +1 -0
- package/dist/components/DataDisplay/Table/Table.stories.d.ts +18 -0
- package/dist/components/DataDisplay/Table/Table.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/Tags/Tags.d.ts +25 -0
- package/dist/components/DataDisplay/Tags/Tags.d.ts.map +1 -0
- package/dist/components/DataDisplay/Tags/Tags.stories.d.ts +8 -0
- package/dist/components/DataDisplay/Tags/Tags.stories.d.ts.map +1 -0
- package/dist/components/DataDisplay/badge/badge.d.ts +32 -0
- package/dist/components/DataDisplay/badge/badge.d.ts.map +1 -0
- package/dist/components/DataDisplay/badge/badge.stories.d.ts +9 -0
- package/dist/components/DataDisplay/badge/badge.stories.d.ts.map +1 -0
- package/dist/components/Feedback/Modal/Modal.d.ts +28 -0
- package/dist/components/Feedback/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Feedback/Modal/Modal.stories.d.ts +9 -0
- package/dist/components/Feedback/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/components/Feedback/Modal/ProductDetailModal/OptionGroup.d.ts +6 -0
- package/dist/components/Feedback/Modal/ProductDetailModal/OptionGroup.d.ts.map +1 -0
- package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.d.ts +4 -0
- package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.d.ts.map +1 -0
- package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.stories.d.ts +7 -0
- package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.stories.d.ts.map +1 -0
- package/dist/components/Feedback/Progress/CircularProgress.stories.d.ts +8 -0
- package/dist/components/Feedback/Progress/CircularProgress.stories.d.ts.map +1 -0
- package/dist/components/Feedback/Progress/LinearProgress.stories.d.ts +8 -0
- package/dist/components/Feedback/Progress/LinearProgress.stories.d.ts.map +1 -0
- package/dist/components/Feedback/Progress/Progress.d.ts +32 -0
- package/dist/components/Feedback/Progress/Progress.d.ts.map +1 -0
- package/dist/components/Feedback/Progress/Stepper.d.ts +13 -0
- package/dist/components/Feedback/Progress/Stepper.d.ts.map +1 -0
- package/dist/components/Feedback/Progress/Stepper.stories.d.ts +33 -0
- package/dist/components/Feedback/Progress/Stepper.stories.d.ts.map +1 -0
- package/dist/components/Footer/Footer.d.ts +18 -0
- package/dist/components/Footer/Footer.d.ts.map +1 -0
- package/dist/components/Footer/Footer.stories.d.ts +6 -0
- package/dist/components/Footer/Footer.stories.d.ts.map +1 -0
- package/dist/components/Footer/OrderCard.d.ts +17 -0
- package/dist/components/Footer/OrderCard.d.ts.map +1 -0
- package/dist/components/Input/Button/Button.d.ts +5 -0
- package/dist/components/Input/Button/Button.d.ts.map +1 -0
- package/dist/components/Input/Button/Button.stories.d.ts +8 -0
- package/dist/components/Input/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/Input/Button/ButtonLink.d.ts +18 -0
- package/dist/components/Input/Button/ButtonLink.d.ts.map +1 -0
- package/dist/components/Input/Button/ButtonLink.stories.d.ts +8 -0
- package/dist/components/Input/Button/ButtonLink.stories.d.ts.map +1 -0
- package/dist/components/Input/Button/ButtonQuantityControl.d.ts +10 -0
- package/dist/components/Input/Button/ButtonQuantityControl.d.ts.map +1 -0
- package/dist/components/Input/CustomInput/Checkbox.stories.d.ts +9 -0
- package/dist/components/Input/CustomInput/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/Input/CustomInput/CustomInput.d.ts +19 -0
- package/dist/components/Input/CustomInput/CustomInput.d.ts.map +1 -0
- package/dist/components/Input/CustomInput/RadioButton.stories.d.ts +9 -0
- package/dist/components/Input/CustomInput/RadioButton.stories.d.ts.map +1 -0
- package/dist/components/Input/InputField/CardField/StripeCardField.d.ts +15 -0
- package/dist/components/Input/InputField/CardField/StripeCardField.d.ts.map +1 -0
- package/dist/components/Input/InputField/CardField/StripeCardField.stories.d.ts +8 -0
- package/dist/components/Input/InputField/CardField/StripeCardField.stories.d.ts.map +1 -0
- package/dist/components/Input/InputField/PhoneField/PhoneField.d.ts +5 -0
- package/dist/components/Input/InputField/PhoneField/PhoneField.d.ts.map +1 -0
- package/dist/components/Input/InputField/PhoneField/PhoneField.stories.d.ts +8 -0
- package/dist/components/Input/InputField/PhoneField/PhoneField.stories.d.ts.map +1 -0
- package/dist/components/Input/InputField/PhoneField/PhoneFieldStoryComponents.d.ts +3 -0
- package/dist/components/Input/InputField/PhoneField/PhoneFieldStoryComponents.d.ts.map +1 -0
- package/dist/components/Input/InputField/SearchField/SearchField.d.ts +23 -0
- package/dist/components/Input/InputField/SearchField/SearchField.d.ts.map +1 -0
- package/dist/components/Input/InputField/SearchField/SearchField.stories.d.ts +104 -0
- package/dist/components/Input/InputField/SearchField/SearchField.stories.d.ts.map +1 -0
- package/dist/components/Input/InputField/TextField.d.ts +21 -0
- package/dist/components/Input/InputField/TextField.d.ts.map +1 -0
- package/dist/components/Input/InputField/TextField.stories.d.ts +12 -0
- package/dist/components/Input/InputField/TextField.stories.d.ts.map +1 -0
- package/dist/components/Input/InputField/TextFieldStoryComponents.d.ts +37 -0
- package/dist/components/Input/InputField/TextFieldStoryComponents.d.ts.map +1 -0
- package/dist/components/Input/InputField/styles.d.ts +30 -0
- package/dist/components/Input/InputField/styles.d.ts.map +1 -0
- package/dist/components/Input/Toggle/Toggle.d.ts +29 -0
- package/dist/components/Input/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Input/Toggle/Toggle.stories.d.ts +8 -0
- package/dist/components/Input/Toggle/Toggle.stories.d.ts.map +1 -0
- package/dist/components/Input/utils.d.ts +38 -0
- package/dist/components/Input/utils.d.ts.map +1 -0
- package/dist/components/Navigation/Choice/ChoiceBox.stories.d.ts +11 -0
- package/dist/components/Navigation/Choice/ChoiceBox.stories.d.ts.map +1 -0
- package/dist/components/Navigation/Choice/ChoiceBoxOption.d.ts +25 -0
- package/dist/components/Navigation/Choice/ChoiceBoxOption.d.ts.map +1 -0
- package/dist/components/Navigation/Choice/ChoiceRail.d.ts +12 -0
- package/dist/components/Navigation/Choice/ChoiceRail.d.ts.map +1 -0
- package/dist/components/Navigation/Dropdown/Dropdown.d.ts +5 -0
- package/dist/components/Navigation/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/Navigation/Dropdown/Dropdown.stories.d.ts +8 -0
- package/dist/components/Navigation/Dropdown/Dropdown.stories.d.ts.map +1 -0
- package/dist/components/Navigation/Tabs/Tabs.d.ts +10 -0
- package/dist/components/Navigation/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Navigation/Tabs/Tabs.stories.d.ts +15 -0
- package/dist/components/Navigation/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/Providers/AppThemeProvider.d.ts +9 -0
- package/dist/components/Providers/AppThemeProvider.d.ts.map +1 -0
- package/dist/components/Surfaces/Accordion/Accordion.d.ts +78 -0
- package/dist/components/Surfaces/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Surfaces/Accordion/Accordion.stories.d.ts +9 -0
- package/dist/components/Surfaces/Accordion/Accordion.stories.d.ts.map +1 -0
- package/dist/components/Surfaces/Accordion/PromoCodeWrapper.d.ts +7 -0
- package/dist/components/Surfaces/Accordion/PromoCodeWrapper.d.ts.map +1 -0
- package/dist/components/Surfaces/ProductCard/ProductCard.d.ts +4 -0
- package/dist/components/Surfaces/ProductCard/ProductCard.d.ts.map +1 -0
- package/dist/components/Surfaces/ProductCard/ProductCard.stories.d.ts +8 -0
- package/dist/components/Surfaces/ProductCard/ProductCard.stories.d.ts.map +1 -0
- package/dist/index.cjs +66 -66
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +38 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +9452 -8837
- package/dist/index.mjs.map +1 -1
- package/dist/utils/constants.d.ts +158 -0
- package/dist/utils/constants.d.ts.map +1 -0
- package/dist/utils/dataConfig.d.ts +196 -0
- package/dist/utils/dataConfig.d.ts.map +1 -0
- package/dist/utils/icons.d.ts +53 -0
- package/dist/utils/icons.d.ts.map +1 -0
- package/dist/utils/images.d.ts +38 -0
- package/dist/utils/images.d.ts.map +1 -0
- package/dist/utils/theme.d.ts +216 -0
- package/dist/utils/theme.d.ts.map +1 -0
- package/dist/utils/types.d.ts +117 -0
- package/dist/utils/types.d.ts.map +1 -0
- package/dist/utils/utils.d.ts +45 -0
- package/dist/utils/utils.d.ts.map +1 -0
- package/dist/utils/validators.d.ts +48 -0
- package/dist/utils/validators.d.ts.map +1 -0
- package/package.json +22 -30
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
export type Size = 'sm' | 'md' | 'lg';
|
|
2
|
+
export declare const Sizes: Size[];
|
|
3
|
+
export type SmallMediumSize = 'sm' | 'md';
|
|
4
|
+
export declare const SmallMediumSizes: SmallMediumSize[];
|
|
5
|
+
export type Color = 'inherit' | 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning';
|
|
6
|
+
export declare const Colors: Color[];
|
|
7
|
+
export type Variant = 'text' | 'outlined' | 'contained';
|
|
8
|
+
export declare const Variants: Variant[];
|
|
9
|
+
export type ButtonVariant = Variant;
|
|
10
|
+
export type ButtonColor = Color;
|
|
11
|
+
export declare const ButtonColors: Color[];
|
|
12
|
+
export type ButtonSize = Size;
|
|
13
|
+
export declare const ButtonSizes: Size[];
|
|
14
|
+
export type IconButtonSize = Size;
|
|
15
|
+
export declare const IconButtonSizes: Size[];
|
|
16
|
+
export type IconButtonColor = Color;
|
|
17
|
+
export declare const IconButtonColors: Color[];
|
|
18
|
+
export type TextFieldVariant = 'standard' | 'outlined' | 'filled';
|
|
19
|
+
export declare const TextFieldVariants: TextFieldVariant[];
|
|
20
|
+
export type TextFieldSize = SmallMediumSize;
|
|
21
|
+
export declare const TextFieldSizes: SmallMediumSize[];
|
|
22
|
+
export type AvatarSize = Size;
|
|
23
|
+
export declare const AvatarSizes: Size[];
|
|
24
|
+
export type AlertColor = 'error' | 'info' | 'success' | 'warning' | 'primary' | 'secondary';
|
|
25
|
+
export declare const AlertColors: AlertColor[];
|
|
26
|
+
export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline' | 'srOnly' | 'inherit';
|
|
27
|
+
export declare const TypographyVariants: TypographyVariant[];
|
|
28
|
+
export type HorizontalPosition = 'left' | 'center' | 'right';
|
|
29
|
+
export type VerticalPosition = 'top' | 'bottom';
|
|
30
|
+
export interface SnackbarPosition {
|
|
31
|
+
vertical: VerticalPosition;
|
|
32
|
+
horizontal: HorizontalPosition;
|
|
33
|
+
}
|
|
34
|
+
export type Alignment = 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
|
35
|
+
export declare const Alignments: Alignment[];
|
|
36
|
+
export interface PaymentMethod {
|
|
37
|
+
id: string;
|
|
38
|
+
brand: string;
|
|
39
|
+
last4: string;
|
|
40
|
+
expiresText?: string;
|
|
41
|
+
creditText?: string;
|
|
42
|
+
isDefault?: boolean;
|
|
43
|
+
logoSrc?: string;
|
|
44
|
+
disabled?: boolean;
|
|
45
|
+
}
|
|
46
|
+
export type PhoneFieldProps = {
|
|
47
|
+
label?: string;
|
|
48
|
+
value?: string;
|
|
49
|
+
onChange?: (value: string) => void;
|
|
50
|
+
onBlur?: () => void;
|
|
51
|
+
isPhoneIncorrect?: (isIncorrect: boolean) => void;
|
|
52
|
+
getPhoneObj?: (phoneObj: {
|
|
53
|
+
number: string;
|
|
54
|
+
countryCode: string;
|
|
55
|
+
prefix: string;
|
|
56
|
+
}) => void;
|
|
57
|
+
countryCode?: string;
|
|
58
|
+
disabled?: boolean;
|
|
59
|
+
helperText?: string;
|
|
60
|
+
error?: boolean;
|
|
61
|
+
};
|
|
62
|
+
export type OptionType = "radio" | "checkbox" | "multiple";
|
|
63
|
+
export type ProductOptionItem = {
|
|
64
|
+
id: string;
|
|
65
|
+
label: string;
|
|
66
|
+
price?: number;
|
|
67
|
+
popular?: boolean;
|
|
68
|
+
disabled?: boolean;
|
|
69
|
+
helperText?: string;
|
|
70
|
+
image?: string;
|
|
71
|
+
description?: string;
|
|
72
|
+
};
|
|
73
|
+
export type ProductOptionGroup = {
|
|
74
|
+
id: string;
|
|
75
|
+
title: string;
|
|
76
|
+
subtitle?: string;
|
|
77
|
+
type: OptionType;
|
|
78
|
+
min?: number;
|
|
79
|
+
max?: number;
|
|
80
|
+
items: ProductOptionItem[];
|
|
81
|
+
selectedCountLabel?: (count: number) => string;
|
|
82
|
+
};
|
|
83
|
+
export type ProductDetail = {
|
|
84
|
+
id: string;
|
|
85
|
+
name: string;
|
|
86
|
+
description?: string;
|
|
87
|
+
image?: string;
|
|
88
|
+
alertTitle?: string;
|
|
89
|
+
alertMessage?: string;
|
|
90
|
+
allergens?: string;
|
|
91
|
+
priceCents?: number;
|
|
92
|
+
currency?: string;
|
|
93
|
+
enableProductInstruction?: boolean;
|
|
94
|
+
};
|
|
95
|
+
export type SelectedOptions = Record<string, string[]>;
|
|
96
|
+
export type ProductDetailModalProps = {
|
|
97
|
+
open: boolean;
|
|
98
|
+
product: ProductDetail;
|
|
99
|
+
groups?: ProductOptionGroup[];
|
|
100
|
+
value?: SelectedOptions;
|
|
101
|
+
onChange?: (next: SelectedOptions) => void;
|
|
102
|
+
quantity: number;
|
|
103
|
+
onQuantityChange: (nextQty: number) => void;
|
|
104
|
+
onClose: () => void;
|
|
105
|
+
onAddToCart?: (instruction: string) => void;
|
|
106
|
+
ctaLabel?: string;
|
|
107
|
+
maxWidth?: number;
|
|
108
|
+
alertTitle?: string;
|
|
109
|
+
alertMessage?: string;
|
|
110
|
+
};
|
|
111
|
+
export type OptionGroupProps = {
|
|
112
|
+
group: ProductOptionGroup;
|
|
113
|
+
value: SelectedOptions;
|
|
114
|
+
highlightError?: boolean;
|
|
115
|
+
onChange: (next: SelectedOptions) => void;
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ColorType, VariantType } from './constants.tsx';
|
|
2
|
+
import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
|
|
3
|
+
import { IconName } from './icons.tsx';
|
|
4
|
+
import { ImageName } from './images.tsx';
|
|
5
|
+
import { ReactNode } from 'react';
|
|
6
|
+
export declare const mapVariant: (variantType: VariantType | undefined) => MuiButtonProps["variant"];
|
|
7
|
+
export declare const mapColor: (colorType: ColorType | undefined) => MuiButtonProps["color"];
|
|
8
|
+
interface IconOptions {
|
|
9
|
+
size?: number;
|
|
10
|
+
color?: string;
|
|
11
|
+
sx?: object;
|
|
12
|
+
}
|
|
13
|
+
interface ImageOptions {
|
|
14
|
+
size?: number;
|
|
15
|
+
sx?: object;
|
|
16
|
+
}
|
|
17
|
+
export declare const getIcon: (name: IconName, options?: IconOptions) => ReactNode;
|
|
18
|
+
export declare const getImageSrc: (name: ImageName) => string;
|
|
19
|
+
export declare const getImage: (name: string | ImageName, options?: ImageOptions, color?: string) => ReactNode;
|
|
20
|
+
export declare const clampLines: (lines?: number) => {
|
|
21
|
+
readonly display: "-webkit-box";
|
|
22
|
+
readonly WebkitLineClamp: number;
|
|
23
|
+
readonly WebkitBoxOrient: "vertical";
|
|
24
|
+
readonly overflow: "hidden";
|
|
25
|
+
readonly textOverflow: "ellipsis";
|
|
26
|
+
};
|
|
27
|
+
export declare const getColorDerivatives: (baseColor: string) => {
|
|
28
|
+
default: string;
|
|
29
|
+
hover: string;
|
|
30
|
+
disabledBg: string;
|
|
31
|
+
disabledText: string;
|
|
32
|
+
};
|
|
33
|
+
export declare const isLink: (str: string) => boolean;
|
|
34
|
+
export declare const isValidPrice: (value: string | number | undefined | null) => boolean;
|
|
35
|
+
export declare const TextStyled: React.FC<{
|
|
36
|
+
children: React.ReactNode;
|
|
37
|
+
variant?: "title" | "message";
|
|
38
|
+
color?: string;
|
|
39
|
+
bold?: boolean;
|
|
40
|
+
}>;
|
|
41
|
+
export declare const makeTitle: (text: string, imageName?: ImageName) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare const makeMessage: (text: string) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export declare const formatEuro: (amount: number) => string;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,UAAU,GACrB,aAAa,WAAW,GAAG,SAAS,KACnC,cAAc,CAAC,SAAS,CAQ1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,WAAW,SAAS,GAAG,SAAS,KAC/B,cAAc,CAAC,OAAO,CAcxB,CAAC;AAEF,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,GAAI,MAAM,QAAQ,EAAE,UAAU,WAAW,KAAG,SAS/D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,KAAG,MAM7C,CAAC;AACF,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,GAAG,SAAS,EAAE,UAAU,YAAY,EAAE,QAAQ,MAAM,KAAG,SA6B3F,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAO,MAAU;;;;;;CAMjC,CAAC;AAEZ,eAAO,MAAM,mBAAmB,GAAI,WAAW,MAAM;;;;;CAuDpD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,KAAK,MAAM,YASjC,CAAC;AACF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,KAAG,OAMxE,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAaA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,YAAY,SAAS,4CAK5D,CAAC;AAGF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,4CAIvC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,MAE3C,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export type ValidationType = 'email' | 'password' | 'custom';
|
|
2
|
+
export interface ValidationConfig {
|
|
3
|
+
type: ValidationType;
|
|
4
|
+
customValidation?: (value: string) => boolean;
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
minLength?: number;
|
|
7
|
+
maxLength?: number;
|
|
8
|
+
pattern?: RegExp;
|
|
9
|
+
}
|
|
10
|
+
export interface ValidationOptions {
|
|
11
|
+
type?: ValidationType;
|
|
12
|
+
customValidation?: (value: string) => boolean;
|
|
13
|
+
errorMessage?: string;
|
|
14
|
+
minLength?: number;
|
|
15
|
+
maxLength?: number;
|
|
16
|
+
pattern?: RegExp;
|
|
17
|
+
}
|
|
18
|
+
export declare const validations: Record<string, (value: string, config?: ValidationOptions) => boolean>;
|
|
19
|
+
export declare const defaultErrorMessages: Record<string, string>;
|
|
20
|
+
export declare const detectValidationType: (inputType?: string, validationOptions?: ValidationOptions) => ValidationType | undefined;
|
|
21
|
+
export declare const validateField: (value: string, validationOptions?: ValidationOptions) => {
|
|
22
|
+
isValid: boolean;
|
|
23
|
+
errorMessage: string | null;
|
|
24
|
+
};
|
|
25
|
+
export declare const commonValidations: {
|
|
26
|
+
email: (value: string) => boolean;
|
|
27
|
+
strongPassword: (value: string) => boolean;
|
|
28
|
+
basicPassword: (value: string) => boolean;
|
|
29
|
+
username: (value: string) => boolean;
|
|
30
|
+
phone: (value: string) => boolean;
|
|
31
|
+
postalCode: (value: string) => boolean;
|
|
32
|
+
required: (value: string) => boolean;
|
|
33
|
+
minLength: (min: number) => (value: string) => boolean;
|
|
34
|
+
maxLength: (max: number) => (value: string) => boolean;
|
|
35
|
+
pattern: (regex: RegExp) => (value: string) => boolean;
|
|
36
|
+
};
|
|
37
|
+
export declare const commonErrorMessages: {
|
|
38
|
+
email: string;
|
|
39
|
+
strongPassword: string;
|
|
40
|
+
basicPassword: string;
|
|
41
|
+
username: string;
|
|
42
|
+
phone: string;
|
|
43
|
+
postalCode: string;
|
|
44
|
+
required: string;
|
|
45
|
+
minLength: (min: number) => string;
|
|
46
|
+
maxLength: (max: number) => string;
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=validators.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,cAAc,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,OAAO,CAe9F,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAIvD,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,MAAM,EAClB,oBAAoB,iBAAiB,KACpC,cAAc,GAAG,SAKnB,CAAC;AAGF,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,oBAAoB,iBAAiB,KACpC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CA0BjD,CAAC;AAGF,eAAO,MAAM,iBAAiB;mBAEb,MAAM;4BAMG,MAAM;2BASP,MAAM;sBAIX,MAAM;mBAKT,MAAM;wBAMD,MAAM;sBAKR,MAAM;qBAKP,MAAM,MAAM,OAAO,MAAM;qBAKzB,MAAM,MAAM,OAAO,MAAM;qBAKzB,MAAM,MAAM,OAAO,MAAM;CAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;qBAQb,MAAM;qBACN,MAAM;CACxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dishopsaas/design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.52",
|
|
5
5
|
"description": "Design System Dishop (React + TS + MUI) minimal with Storybook",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -34,45 +34,37 @@
|
|
|
34
34
|
"check:format": "prettier --check .",
|
|
35
35
|
"lint": "eslint ."
|
|
36
36
|
},
|
|
37
|
-
"peerDependencies": {
|
|
38
|
-
"@emotion/react": "^11",
|
|
39
|
-
"@emotion/styled": "^11",
|
|
40
|
-
"@mui/icons-material": "^7",
|
|
41
|
-
"@mui/material": "^7",
|
|
42
|
-
"react": "^18 || ^19",
|
|
43
|
-
"react-dom": "^18 || ^19"
|
|
44
|
-
},
|
|
45
37
|
"devDependencies": {
|
|
46
38
|
"@emotion/react": "^11.14.0",
|
|
47
39
|
"@emotion/styled": "^11.14.1",
|
|
48
|
-
"@eslint/js": "^9.
|
|
49
|
-
"@mui/
|
|
50
|
-
"@
|
|
51
|
-
"@types/react": "^19.
|
|
52
|
-
"@types/react-dom": "^19.
|
|
53
|
-
"@vitejs/plugin-react": "^5.
|
|
54
|
-
"eslint": "^9.
|
|
40
|
+
"@eslint/js": "^9.39.1",
|
|
41
|
+
"@mui/material": "^7.3.6",
|
|
42
|
+
"@storybook/react": "^10.1.11",
|
|
43
|
+
"@types/react": "^19.2.7",
|
|
44
|
+
"@types/react-dom": "^19.2.3",
|
|
45
|
+
"@vitejs/plugin-react": "^5.1.2",
|
|
46
|
+
"eslint": "^9.39.1",
|
|
55
47
|
"eslint-config-prettier": "^10.1.8",
|
|
56
|
-
"eslint-plugin-react-hooks": "^
|
|
57
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
58
|
-
"eslint-plugin-storybook": "10.
|
|
59
|
-
"globals": "^16.
|
|
60
|
-
"prettier": "^3.
|
|
61
|
-
"react": "^19.
|
|
62
|
-
"react-dom": "^19.
|
|
63
|
-
"storybook": "^10.
|
|
64
|
-
"typescript": "~5.
|
|
65
|
-
"vite": "^7.
|
|
48
|
+
"eslint-plugin-react-hooks": "^7.0.1",
|
|
49
|
+
"eslint-plugin-react-refresh": "^0.4.24",
|
|
50
|
+
"eslint-plugin-storybook": "10.1.7",
|
|
51
|
+
"globals": "^16.5.0",
|
|
52
|
+
"prettier": "^3.7.4",
|
|
53
|
+
"react": "^19.2.3",
|
|
54
|
+
"react-dom": "^19.2.3",
|
|
55
|
+
"storybook": "^10.1.7",
|
|
56
|
+
"typescript": "~5.9.3",
|
|
57
|
+
"vite": "^7.2.7",
|
|
66
58
|
"vite-plugin-static-copy": "^3.1.4"
|
|
67
59
|
},
|
|
68
60
|
"engines": {
|
|
69
61
|
"node": ">=22.0.0"
|
|
70
62
|
},
|
|
71
63
|
"dependencies": {
|
|
72
|
-
"@storybook/react-vite": "^10.
|
|
73
|
-
"@stripe/react-stripe-js": "^
|
|
74
|
-
"@stripe/stripe-js": "^
|
|
75
|
-
"lucide-react": "^0.
|
|
64
|
+
"@storybook/react-vite": "^10.1.7",
|
|
65
|
+
"@stripe/react-stripe-js": "^5.4.1",
|
|
66
|
+
"@stripe/stripe-js": "^8.5.3",
|
|
67
|
+
"lucide-react": "^0.561.0",
|
|
76
68
|
"mui-tel-input": "^9.0.1",
|
|
77
69
|
"react-perfect-scrollbar": "^1.5.8",
|
|
78
70
|
"vite-plugin-dts": "^4.5.4"
|