@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.
Files changed (169) hide show
  1. package/dist/Interface/Interfaces.d.ts +190 -0
  2. package/dist/Interface/Interfaces.d.ts.map +1 -0
  3. package/dist/components/DataDisplay/AlertBanner/AlertBanner.d.ts +34 -0
  4. package/dist/components/DataDisplay/AlertBanner/AlertBanner.d.ts.map +1 -0
  5. package/dist/components/DataDisplay/AlertBanner/AlertBanner.stories.d.ts +94 -0
  6. package/dist/components/DataDisplay/AlertBanner/AlertBanner.stories.d.ts.map +1 -0
  7. package/dist/components/DataDisplay/Avatar/Avatar.d.ts +17 -0
  8. package/dist/components/DataDisplay/Avatar/Avatar.d.ts.map +1 -0
  9. package/dist/components/DataDisplay/Avatar/Avatar.stories.d.ts +8 -0
  10. package/dist/components/DataDisplay/Avatar/Avatar.stories.d.ts.map +1 -0
  11. package/dist/components/DataDisplay/Counter/Counter.d.ts +5 -0
  12. package/dist/components/DataDisplay/Counter/Counter.d.ts.map +1 -0
  13. package/dist/components/DataDisplay/Counter/Counter.stories.d.ts +8 -0
  14. package/dist/components/DataDisplay/Counter/Counter.stories.d.ts.map +1 -0
  15. package/dist/components/DataDisplay/Divider/Divider.d.ts +14 -0
  16. package/dist/components/DataDisplay/Divider/Divider.d.ts.map +1 -0
  17. package/dist/components/DataDisplay/Divider/Divider.stories.d.ts +8 -0
  18. package/dist/components/DataDisplay/Divider/Divider.stories.d.ts.map +1 -0
  19. package/dist/components/DataDisplay/EmptyState/EmptyState.d.ts +35 -0
  20. package/dist/components/DataDisplay/EmptyState/EmptyState.d.ts.map +1 -0
  21. package/dist/components/DataDisplay/EmptyState/EmptyState.stories.d.ts +7 -0
  22. package/dist/components/DataDisplay/EmptyState/EmptyState.stories.d.ts.map +1 -0
  23. package/dist/components/DataDisplay/Grid/ResponsiveGrid.d.ts +5 -0
  24. package/dist/components/DataDisplay/Grid/ResponsiveGrid.d.ts.map +1 -0
  25. package/dist/components/DataDisplay/Grid/ResponsiveGrid.stories.d.ts +8 -0
  26. package/dist/components/DataDisplay/Grid/ResponsiveGrid.stories.d.ts.map +1 -0
  27. package/dist/components/DataDisplay/Header/Header.d.ts +25 -0
  28. package/dist/components/DataDisplay/Header/Header.d.ts.map +1 -0
  29. package/dist/components/DataDisplay/Header/Header.stories.d.ts +7 -0
  30. package/dist/components/DataDisplay/Header/Header.stories.d.ts.map +1 -0
  31. package/dist/components/DataDisplay/Header/ScrollView/ScrollView.d.ts +28 -0
  32. package/dist/components/DataDisplay/Header/ScrollView/ScrollView.d.ts.map +1 -0
  33. package/dist/components/DataDisplay/Header/ScrollView/ScrollView.stories.d.ts +7 -0
  34. package/dist/components/DataDisplay/Header/ScrollView/ScrollView.stories.d.ts.map +1 -0
  35. package/dist/components/DataDisplay/ListItem/ListItem.d.ts +5 -0
  36. package/dist/components/DataDisplay/ListItem/ListItem.d.ts.map +1 -0
  37. package/dist/components/DataDisplay/ListItem/ListItem.stories.d.ts +9 -0
  38. package/dist/components/DataDisplay/ListItem/ListItem.stories.d.ts.map +1 -0
  39. package/dist/components/DataDisplay/Table/Table.d.ts +68 -0
  40. package/dist/components/DataDisplay/Table/Table.d.ts.map +1 -0
  41. package/dist/components/DataDisplay/Table/Table.stories.d.ts +18 -0
  42. package/dist/components/DataDisplay/Table/Table.stories.d.ts.map +1 -0
  43. package/dist/components/DataDisplay/Tags/Tags.d.ts +25 -0
  44. package/dist/components/DataDisplay/Tags/Tags.d.ts.map +1 -0
  45. package/dist/components/DataDisplay/Tags/Tags.stories.d.ts +8 -0
  46. package/dist/components/DataDisplay/Tags/Tags.stories.d.ts.map +1 -0
  47. package/dist/components/DataDisplay/badge/badge.d.ts +32 -0
  48. package/dist/components/DataDisplay/badge/badge.d.ts.map +1 -0
  49. package/dist/components/DataDisplay/badge/badge.stories.d.ts +9 -0
  50. package/dist/components/DataDisplay/badge/badge.stories.d.ts.map +1 -0
  51. package/dist/components/Feedback/Modal/Modal.d.ts +28 -0
  52. package/dist/components/Feedback/Modal/Modal.d.ts.map +1 -0
  53. package/dist/components/Feedback/Modal/Modal.stories.d.ts +9 -0
  54. package/dist/components/Feedback/Modal/Modal.stories.d.ts.map +1 -0
  55. package/dist/components/Feedback/Modal/ProductDetailModal/OptionGroup.d.ts +6 -0
  56. package/dist/components/Feedback/Modal/ProductDetailModal/OptionGroup.d.ts.map +1 -0
  57. package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.d.ts +4 -0
  58. package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.d.ts.map +1 -0
  59. package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.stories.d.ts +7 -0
  60. package/dist/components/Feedback/Modal/ProductDetailModal/ProductDetailModal.stories.d.ts.map +1 -0
  61. package/dist/components/Feedback/Progress/CircularProgress.stories.d.ts +8 -0
  62. package/dist/components/Feedback/Progress/CircularProgress.stories.d.ts.map +1 -0
  63. package/dist/components/Feedback/Progress/LinearProgress.stories.d.ts +8 -0
  64. package/dist/components/Feedback/Progress/LinearProgress.stories.d.ts.map +1 -0
  65. package/dist/components/Feedback/Progress/Progress.d.ts +32 -0
  66. package/dist/components/Feedback/Progress/Progress.d.ts.map +1 -0
  67. package/dist/components/Feedback/Progress/Stepper.d.ts +13 -0
  68. package/dist/components/Feedback/Progress/Stepper.d.ts.map +1 -0
  69. package/dist/components/Feedback/Progress/Stepper.stories.d.ts +33 -0
  70. package/dist/components/Feedback/Progress/Stepper.stories.d.ts.map +1 -0
  71. package/dist/components/Footer/Footer.d.ts +18 -0
  72. package/dist/components/Footer/Footer.d.ts.map +1 -0
  73. package/dist/components/Footer/Footer.stories.d.ts +6 -0
  74. package/dist/components/Footer/Footer.stories.d.ts.map +1 -0
  75. package/dist/components/Footer/OrderCard.d.ts +17 -0
  76. package/dist/components/Footer/OrderCard.d.ts.map +1 -0
  77. package/dist/components/Input/Button/Button.d.ts +5 -0
  78. package/dist/components/Input/Button/Button.d.ts.map +1 -0
  79. package/dist/components/Input/Button/Button.stories.d.ts +8 -0
  80. package/dist/components/Input/Button/Button.stories.d.ts.map +1 -0
  81. package/dist/components/Input/Button/ButtonLink.d.ts +18 -0
  82. package/dist/components/Input/Button/ButtonLink.d.ts.map +1 -0
  83. package/dist/components/Input/Button/ButtonLink.stories.d.ts +8 -0
  84. package/dist/components/Input/Button/ButtonLink.stories.d.ts.map +1 -0
  85. package/dist/components/Input/Button/ButtonQuantityControl.d.ts +10 -0
  86. package/dist/components/Input/Button/ButtonQuantityControl.d.ts.map +1 -0
  87. package/dist/components/Input/CustomInput/Checkbox.stories.d.ts +9 -0
  88. package/dist/components/Input/CustomInput/Checkbox.stories.d.ts.map +1 -0
  89. package/dist/components/Input/CustomInput/CustomInput.d.ts +19 -0
  90. package/dist/components/Input/CustomInput/CustomInput.d.ts.map +1 -0
  91. package/dist/components/Input/CustomInput/RadioButton.stories.d.ts +9 -0
  92. package/dist/components/Input/CustomInput/RadioButton.stories.d.ts.map +1 -0
  93. package/dist/components/Input/InputField/CardField/StripeCardField.d.ts +15 -0
  94. package/dist/components/Input/InputField/CardField/StripeCardField.d.ts.map +1 -0
  95. package/dist/components/Input/InputField/CardField/StripeCardField.stories.d.ts +8 -0
  96. package/dist/components/Input/InputField/CardField/StripeCardField.stories.d.ts.map +1 -0
  97. package/dist/components/Input/InputField/PhoneField/PhoneField.d.ts +5 -0
  98. package/dist/components/Input/InputField/PhoneField/PhoneField.d.ts.map +1 -0
  99. package/dist/components/Input/InputField/PhoneField/PhoneField.stories.d.ts +8 -0
  100. package/dist/components/Input/InputField/PhoneField/PhoneField.stories.d.ts.map +1 -0
  101. package/dist/components/Input/InputField/PhoneField/PhoneFieldStoryComponents.d.ts +3 -0
  102. package/dist/components/Input/InputField/PhoneField/PhoneFieldStoryComponents.d.ts.map +1 -0
  103. package/dist/components/Input/InputField/SearchField/SearchField.d.ts +23 -0
  104. package/dist/components/Input/InputField/SearchField/SearchField.d.ts.map +1 -0
  105. package/dist/components/Input/InputField/SearchField/SearchField.stories.d.ts +104 -0
  106. package/dist/components/Input/InputField/SearchField/SearchField.stories.d.ts.map +1 -0
  107. package/dist/components/Input/InputField/TextField.d.ts +21 -0
  108. package/dist/components/Input/InputField/TextField.d.ts.map +1 -0
  109. package/dist/components/Input/InputField/TextField.stories.d.ts +12 -0
  110. package/dist/components/Input/InputField/TextField.stories.d.ts.map +1 -0
  111. package/dist/components/Input/InputField/TextFieldStoryComponents.d.ts +37 -0
  112. package/dist/components/Input/InputField/TextFieldStoryComponents.d.ts.map +1 -0
  113. package/dist/components/Input/InputField/styles.d.ts +30 -0
  114. package/dist/components/Input/InputField/styles.d.ts.map +1 -0
  115. package/dist/components/Input/Toggle/Toggle.d.ts +29 -0
  116. package/dist/components/Input/Toggle/Toggle.d.ts.map +1 -0
  117. package/dist/components/Input/Toggle/Toggle.stories.d.ts +8 -0
  118. package/dist/components/Input/Toggle/Toggle.stories.d.ts.map +1 -0
  119. package/dist/components/Input/utils.d.ts +38 -0
  120. package/dist/components/Input/utils.d.ts.map +1 -0
  121. package/dist/components/Navigation/Choice/ChoiceBox.stories.d.ts +11 -0
  122. package/dist/components/Navigation/Choice/ChoiceBox.stories.d.ts.map +1 -0
  123. package/dist/components/Navigation/Choice/ChoiceBoxOption.d.ts +25 -0
  124. package/dist/components/Navigation/Choice/ChoiceBoxOption.d.ts.map +1 -0
  125. package/dist/components/Navigation/Choice/ChoiceRail.d.ts +12 -0
  126. package/dist/components/Navigation/Choice/ChoiceRail.d.ts.map +1 -0
  127. package/dist/components/Navigation/Dropdown/Dropdown.d.ts +5 -0
  128. package/dist/components/Navigation/Dropdown/Dropdown.d.ts.map +1 -0
  129. package/dist/components/Navigation/Dropdown/Dropdown.stories.d.ts +8 -0
  130. package/dist/components/Navigation/Dropdown/Dropdown.stories.d.ts.map +1 -0
  131. package/dist/components/Navigation/Tabs/Tabs.d.ts +10 -0
  132. package/dist/components/Navigation/Tabs/Tabs.d.ts.map +1 -0
  133. package/dist/components/Navigation/Tabs/Tabs.stories.d.ts +15 -0
  134. package/dist/components/Navigation/Tabs/Tabs.stories.d.ts.map +1 -0
  135. package/dist/components/Providers/AppThemeProvider.d.ts +9 -0
  136. package/dist/components/Providers/AppThemeProvider.d.ts.map +1 -0
  137. package/dist/components/Surfaces/Accordion/Accordion.d.ts +78 -0
  138. package/dist/components/Surfaces/Accordion/Accordion.d.ts.map +1 -0
  139. package/dist/components/Surfaces/Accordion/Accordion.stories.d.ts +9 -0
  140. package/dist/components/Surfaces/Accordion/Accordion.stories.d.ts.map +1 -0
  141. package/dist/components/Surfaces/Accordion/PromoCodeWrapper.d.ts +7 -0
  142. package/dist/components/Surfaces/Accordion/PromoCodeWrapper.d.ts.map +1 -0
  143. package/dist/components/Surfaces/ProductCard/ProductCard.d.ts +4 -0
  144. package/dist/components/Surfaces/ProductCard/ProductCard.d.ts.map +1 -0
  145. package/dist/components/Surfaces/ProductCard/ProductCard.stories.d.ts +8 -0
  146. package/dist/components/Surfaces/ProductCard/ProductCard.stories.d.ts.map +1 -0
  147. package/dist/index.cjs +66 -66
  148. package/dist/index.cjs.map +1 -1
  149. package/dist/index.d.ts +38 -0
  150. package/dist/index.d.ts.map +1 -0
  151. package/dist/index.mjs +9452 -8837
  152. package/dist/index.mjs.map +1 -1
  153. package/dist/utils/constants.d.ts +158 -0
  154. package/dist/utils/constants.d.ts.map +1 -0
  155. package/dist/utils/dataConfig.d.ts +196 -0
  156. package/dist/utils/dataConfig.d.ts.map +1 -0
  157. package/dist/utils/icons.d.ts +53 -0
  158. package/dist/utils/icons.d.ts.map +1 -0
  159. package/dist/utils/images.d.ts +38 -0
  160. package/dist/utils/images.d.ts.map +1 -0
  161. package/dist/utils/theme.d.ts +216 -0
  162. package/dist/utils/theme.d.ts.map +1 -0
  163. package/dist/utils/types.d.ts +117 -0
  164. package/dist/utils/types.d.ts.map +1 -0
  165. package/dist/utils/utils.d.ts +45 -0
  166. package/dist/utils/utils.d.ts.map +1 -0
  167. package/dist/utils/validators.d.ts +48 -0
  168. package/dist/utils/validators.d.ts.map +1 -0
  169. 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.48",
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.33.0",
49
- "@mui/icons-material": "^7.3.1",
50
- "@mui/material": "^7.3.5",
51
- "@types/react": "^19.1.11",
52
- "@types/react-dom": "^19.1.8",
53
- "@vitejs/plugin-react": "^5.0.0",
54
- "eslint": "^9.33.0",
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": "^5.2.0",
57
- "eslint-plugin-react-refresh": "^0.4.20",
58
- "eslint-plugin-storybook": "10.0.8",
59
- "globals": "^16.3.0",
60
- "prettier": "^3.6.2",
61
- "react": "^19.1.1",
62
- "react-dom": "^19.1.1",
63
- "storybook": "^10.0.8",
64
- "typescript": "~5.8.3",
65
- "vite": "^7.1.2",
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.0.8",
73
- "@stripe/react-stripe-js": "^3.9.2",
74
- "@stripe/stripe-js": "^7.9.0",
75
- "lucide-react": "^0.542.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"