@dishopsaas/design-system 0.0.48 → 0.0.51
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 +23 -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.d.ts +38 -0
- package/dist/index.d.ts.map +1 -0
- 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 +116 -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
- package/dist/design-system.css +0 -1
- package/dist/index.cjs +0 -172
- package/dist/index.cjs.map +0 -1
- package/dist/index.mjs +0 -26081
- package/dist/index.mjs.map +0 -1
- package/dist/vite.svg +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StripeCardField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/CardField/StripeCardField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA+CF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6GnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { default as StripeCardField } from './StripeCardField';
|
|
3
|
+
declare const meta: Meta<typeof StripeCardField>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof StripeCardField>;
|
|
6
|
+
export declare const DefaultStripeCard: Story;
|
|
7
|
+
export declare const AllVariants: Story;
|
|
8
|
+
//# sourceMappingURL=StripeCardField.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StripeCardField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/CardField/StripeCardField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,eAA8C,MAAM,mBAAmB,CAAC;AAK/E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CActC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/PhoneField/PhoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2EzC,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as PhoneField } from './PhoneField';
|
|
3
|
+
declare const meta: Meta<typeof PhoneField>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof PhoneField>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AllVariants: Story;
|
|
8
|
+
//# sourceMappingURL=PhoneField.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/PhoneField/PhoneField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,UAAU,MAAM,cAAc,CAAC;AAMtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2CjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PhoneFieldProps } from '../../../../utils/types';
|
|
2
|
+
export declare const PhoneFieldWithState: ({ value, helperText: customHelperText, onChange, ...rest }: PhoneFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=PhoneFieldStoryComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneFieldStoryComponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/PhoneField/PhoneFieldStoryComponents.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,GAAI,4DAAiE,eAAe,4CAqBnH,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type SearchFieldProps = {
|
|
3
|
+
value?: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
onSubmit?: (value: string) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
size?: "small" | "medium";
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
clearable?: boolean;
|
|
11
|
+
onClear?: () => void;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
autoFocus?: boolean;
|
|
15
|
+
focusColor?: string;
|
|
16
|
+
endAdornment?: React.ReactNode;
|
|
17
|
+
validateAddress?: boolean;
|
|
18
|
+
error?: boolean;
|
|
19
|
+
showLocateIcon?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
22
|
+
export default SearchField;
|
|
23
|
+
//# sourceMappingURL=SearchField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/SearchField/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAwFF,QAAA,MAAM,WAAW,2FAuHhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<import('./SearchField').SearchFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
onChange: {
|
|
9
|
+
table: {
|
|
10
|
+
disable: true;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
onSubmit: {
|
|
14
|
+
table: {
|
|
15
|
+
disable: true;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
onClear: {
|
|
19
|
+
table: {
|
|
20
|
+
disable: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
endAdornment: {
|
|
24
|
+
table: {
|
|
25
|
+
disable: true;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
size: {
|
|
29
|
+
control: {
|
|
30
|
+
type: "inline-radio";
|
|
31
|
+
};
|
|
32
|
+
options: string[];
|
|
33
|
+
};
|
|
34
|
+
focusColor: {
|
|
35
|
+
control: "color";
|
|
36
|
+
};
|
|
37
|
+
fullWidth: {
|
|
38
|
+
control: "boolean";
|
|
39
|
+
};
|
|
40
|
+
clearable: {
|
|
41
|
+
control: "boolean";
|
|
42
|
+
};
|
|
43
|
+
loading: {
|
|
44
|
+
control: "boolean";
|
|
45
|
+
};
|
|
46
|
+
disabled: {
|
|
47
|
+
control: "boolean";
|
|
48
|
+
};
|
|
49
|
+
autoFocus: {
|
|
50
|
+
control: "boolean";
|
|
51
|
+
};
|
|
52
|
+
placeholder: {
|
|
53
|
+
control: "text";
|
|
54
|
+
};
|
|
55
|
+
value: {
|
|
56
|
+
control: "text";
|
|
57
|
+
};
|
|
58
|
+
defaultValue: {
|
|
59
|
+
control: "text";
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
parameters: {
|
|
63
|
+
layout: string;
|
|
64
|
+
controls: {
|
|
65
|
+
expanded: boolean;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
69
|
+
value?: string | undefined;
|
|
70
|
+
defaultValue?: string | undefined;
|
|
71
|
+
onChange?: ((value: string) => void) | undefined;
|
|
72
|
+
onSubmit?: ((value: string) => void) | undefined;
|
|
73
|
+
placeholder?: string | undefined;
|
|
74
|
+
size?: "small" | "medium" | undefined;
|
|
75
|
+
fullWidth?: boolean | undefined;
|
|
76
|
+
clearable?: boolean | undefined;
|
|
77
|
+
onClear?: (() => void) | undefined;
|
|
78
|
+
loading?: boolean | undefined;
|
|
79
|
+
disabled?: boolean | undefined;
|
|
80
|
+
autoFocus?: boolean | undefined;
|
|
81
|
+
focusColor?: string | undefined;
|
|
82
|
+
endAdornment?: React.ReactNode;
|
|
83
|
+
validateAddress?: boolean | undefined;
|
|
84
|
+
error?: boolean | undefined;
|
|
85
|
+
showLocateIcon?: boolean | undefined;
|
|
86
|
+
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
87
|
+
key?: React.Key | null | undefined;
|
|
88
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
89
|
+
args: {
|
|
90
|
+
placeholder: string;
|
|
91
|
+
size: "small";
|
|
92
|
+
fullWidth: false;
|
|
93
|
+
clearable: true;
|
|
94
|
+
loading: false;
|
|
95
|
+
disabled: false;
|
|
96
|
+
autoFocus: false;
|
|
97
|
+
focusColor: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
export default meta;
|
|
101
|
+
type Story = StoryObj<typeof meta>;
|
|
102
|
+
export declare const Controlled: Story;
|
|
103
|
+
export declare const AllVariants: Story;
|
|
104
|
+
//# sourceMappingURL=SearchField.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputField/SearchField/SearchField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0BvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { TextFieldProps } from '@mui/material/TextField';
|
|
3
|
+
import { ValidationOptions } from '../../../utils/validators';
|
|
4
|
+
export type InputFieldProps = TextFieldProps & {
|
|
5
|
+
label?: string;
|
|
6
|
+
leftIcon?: React.ReactNode;
|
|
7
|
+
rightIcon?: React.ReactNode;
|
|
8
|
+
variant?: "outlined" | "filled" | "standard";
|
|
9
|
+
success?: boolean;
|
|
10
|
+
maxLength?: number;
|
|
11
|
+
hasTag?: boolean;
|
|
12
|
+
helperText?: React.ReactNode;
|
|
13
|
+
value?: string;
|
|
14
|
+
error?: boolean;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
type?: "text" | "password" | "email" | "number";
|
|
17
|
+
validation?: ValidationOptions;
|
|
18
|
+
labelAdornment?: React.ReactNode;
|
|
19
|
+
};
|
|
20
|
+
export default function InputField({ placeholder, label, leftIcon, rightIcon, variant, hasTag, value, type, validation, error: externalError, success: externalSuccess, helperText: externalHelperText, labelAdornment, onChange, ...props }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAChD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAoB,EACpB,MAAM,EACN,KAAU,EACV,IAAa,EACb,UAAU,EACV,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,kBAAkB,EAC9B,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAoLjB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { default as InputField } from './TextField';
|
|
3
|
+
declare const meta: Meta<typeof InputField>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof InputField>;
|
|
6
|
+
export declare const Username: Story;
|
|
7
|
+
export declare const Email: Story;
|
|
8
|
+
export declare const Password: Story;
|
|
9
|
+
export declare const PasswordWithForgotLink: Story;
|
|
10
|
+
export declare const PromoCode: Story;
|
|
11
|
+
export declare const AllVariants: Story;
|
|
12
|
+
//# sourceMappingURL=TextField.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputField/TextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAsBjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAQzC,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoCpC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA+CvB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAgIzB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { SxProps, Theme } from '@mui/material/styles';
|
|
2
|
+
export declare const getStringValue: (val: any) => string;
|
|
3
|
+
export declare const renderInput: ({ variant, type, value, onChange, label, placeholder, rightIcon, leftIcon, error, success, disabled, helperText, hasTag, sx }: {
|
|
4
|
+
type?: "text" | "password" | "email" | "number";
|
|
5
|
+
variant?: "outlined" | "filled" | "standard";
|
|
6
|
+
value: string;
|
|
7
|
+
onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
|
8
|
+
label?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
rightIcon?: React.ReactNode;
|
|
11
|
+
leftIcon?: React.ReactNode;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
success?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
helperText?: string;
|
|
16
|
+
hasTag?: boolean;
|
|
17
|
+
sx?: SxProps<Theme>;
|
|
18
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const GridPreview: <T>({ items, renderItem, }: {
|
|
20
|
+
items: T[];
|
|
21
|
+
renderItem: (item: T, index: number) => React.ReactNode;
|
|
22
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const gridItemStyle: React.CSSProperties;
|
|
24
|
+
export declare const PromoCodeButton: ({ status, onClick, }: {
|
|
25
|
+
status: "default" | "success" | "error";
|
|
26
|
+
onClick: () => void;
|
|
27
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const GridItems: <T extends {
|
|
29
|
+
placeholder: string;
|
|
30
|
+
value: string;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
}>({ items, renderFn, useStateInit, }: {
|
|
33
|
+
items: T[];
|
|
34
|
+
renderFn: (item: T, idx: number, state?: any, setState?: any) => React.ReactNode;
|
|
35
|
+
useStateInit?: (items: T[]) => any;
|
|
36
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
//# sourceMappingURL=TextFieldStoryComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldStoryComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputField/TextFieldStoryComponents.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D,eAAO,MAAM,cAAc,GAAI,KAAK,GAAG,WACH,CAAC;AAErC,eAAO,MAAM,WAAW,GAAI,+HAezB;IACD,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB,4CA4BA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAG,wBAG7B;IACD,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD,4CAIA,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,aAKjC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,sBAG7B;IACD,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,4CAQA,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,CAAC,SAAS;IACR,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,EACD,oCAIC;IACD,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC;CACpC,4CAQA,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const commonInputStyles: ({ theme }: any) => {
|
|
2
|
+
borderRadius: number;
|
|
3
|
+
"& fieldset": {
|
|
4
|
+
borderColor: any;
|
|
5
|
+
borderWidth: number;
|
|
6
|
+
};
|
|
7
|
+
"&:hover fieldset": {
|
|
8
|
+
borderColor: any;
|
|
9
|
+
};
|
|
10
|
+
"&.Mui-focused fieldset": {
|
|
11
|
+
borderColor: any;
|
|
12
|
+
borderWidth: number;
|
|
13
|
+
};
|
|
14
|
+
"& .MuiInputBase-input": {
|
|
15
|
+
padding: string;
|
|
16
|
+
fontSize: number;
|
|
17
|
+
textAlign: string;
|
|
18
|
+
color: any;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export declare const StyledTextField: import('@emotion/styled').StyledComponent<{
|
|
22
|
+
variant?: import('@mui/material').TextFieldVariants | undefined;
|
|
23
|
+
} & Omit<import('@mui/material').OutlinedTextFieldProps | import('@mui/material').StandardTextFieldProps | import('@mui/material').FilledTextFieldProps, "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
24
|
+
export declare const StyledMuiTelInput: import('@emotion/styled').StyledComponent<import('mui-tel-input').MuiTelInputProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
25
|
+
export declare const StyledCardFieldWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
26
|
+
hasError?: boolean;
|
|
27
|
+
isValid?: boolean;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputField/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,GAAI,WAAW,GAAG;;;;;;;;;;;;;;;;;;;CAW9C,CAAC;AAEH,eAAO,MAAM,eAAe;;wPAgCzB,CAAC;AAEJ,eAAO,MAAM,iBAAiB,yKAS3B,CAAC;AAEJ,eAAO,MAAM,sBAAsB;eACtB,OAAO;cACR,OAAO;eACN,OAAO;yGAgBjB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Props for the Toggle component.
|
|
4
|
+
*/
|
|
5
|
+
export interface ToggleProps {
|
|
6
|
+
/** Whether the toggle is on or off */
|
|
7
|
+
checked: boolean;
|
|
8
|
+
/** Callback fired when the toggle state changes. Receives the new checked state */
|
|
9
|
+
onChange: (checked: boolean) => void;
|
|
10
|
+
/** If true, the toggle is disabled. Default: false */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Toggle component with iOS-style switch and check icon.
|
|
15
|
+
*
|
|
16
|
+
* Features:
|
|
17
|
+
* - Custom switch style inspired by iOS
|
|
18
|
+
* - Check icon inside when checked
|
|
19
|
+
* - Supports disabled state
|
|
20
|
+
*
|
|
21
|
+
* Example usage:
|
|
22
|
+
* ```tsx
|
|
23
|
+
* const [checked, setChecked] = useState(false);
|
|
24
|
+
* <Toggle checked={checked} onChange={setChecked} />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare const Toggle: React.FC<ToggleProps>;
|
|
28
|
+
export default Toggle;
|
|
29
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2C/B;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IAEjB,mFAAmF;IACnF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAErC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BxC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Toggle } from './Toggle';
|
|
3
|
+
declare const meta: Meta<typeof Toggle>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Toggle>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AllVariants: Story;
|
|
8
|
+
//# sourceMappingURL=Toggle.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAoBrC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Theme } from '@mui/material/styles';
|
|
3
|
+
export declare const StartAdornment: ({ children }: {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const EndAdornment: ({ children }: {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const renderHelper: (theme: Theme, text: string, error?: boolean, success?: boolean) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const getStatus: (value: string, validate?: (v: string) => boolean) => {
|
|
11
|
+
touched: boolean;
|
|
12
|
+
error: boolean;
|
|
13
|
+
success: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const getBorderColor: (theme: Theme, error?: boolean, success?: boolean) => string;
|
|
16
|
+
export declare const commonSx: (error?: boolean, success?: boolean) => {
|
|
17
|
+
"& .MuiOutlinedInput-root": {
|
|
18
|
+
"& fieldset": {
|
|
19
|
+
borderColor: string;
|
|
20
|
+
};
|
|
21
|
+
"&:hover fieldset": {
|
|
22
|
+
borderColor: string;
|
|
23
|
+
};
|
|
24
|
+
"&.Mui-focused fieldset": {
|
|
25
|
+
borderColor: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export declare const getHelperText: (touched: boolean, error: boolean, success: boolean, value: string, defaultText?: string, invalidText?: string, validText?: string) => string;
|
|
30
|
+
export declare const countries: {
|
|
31
|
+
code: string;
|
|
32
|
+
label: string;
|
|
33
|
+
dialCode: string;
|
|
34
|
+
flag: string;
|
|
35
|
+
}[];
|
|
36
|
+
export declare const minLengthByCountry: Record<string, number>;
|
|
37
|
+
export declare const phoneNumberMinLength: (iso2: string) => number;
|
|
38
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Input/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAAoB,CAAC;AACzF,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAAoB,CAAC;AAGvF,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,EAAE,MAAM,MAAM,EAAE,QAAQ,OAAO,EAAE,UAAU,OAAO,4CAa1F,CAAC;AACF,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,WAAW,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO;;;;CAQzE,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,QAAQ,OAAO,EAAE,UAAU,OAAO,WAI9E,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAQ,OAAO,EAAE,UAAU,OAAO;;;;;;;;;;;;CAS1D,CAAC;AAGF,eAAO,MAAM,aAAa,GACxB,SAAS,OAAO,EAChB,OAAO,OAAO,EACd,SAAS,OAAO,EAChB,OAAO,MAAM,EACb,cAAa,MAAW,EACxB,oBAA+B,EAC/B,kBAA4B,KAC3B,MAKF,CAAC;AAGF,eAAO,MAAM,SAAS;;;;;GAIrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAA6B,CAAC;AAGpF,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MAYnD,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as ChoiceBox } from './ChoiceBoxOption';
|
|
3
|
+
declare const meta: Meta<typeof ChoiceBox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ChoiceBox>;
|
|
6
|
+
export declare const ShopSelection: Story;
|
|
7
|
+
export declare const orderTypeSelection: Story;
|
|
8
|
+
export declare const AllVariants: {
|
|
9
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=ChoiceBox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoiceBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Choice/ChoiceBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,SAAmC,MAAM,mBAAmB,CAAC;AAIpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAexC,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC;AAOF,eAAO,MAAM,WAAW;;CA0CvB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type ChoiceBoxOption = {
|
|
3
|
+
outlined?: boolean;
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
address?: string;
|
|
7
|
+
distanceKm?: string;
|
|
8
|
+
status?: "open" | "closed";
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
meta?: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export type ChoiceBoxProps = {
|
|
13
|
+
name?: string;
|
|
14
|
+
options: ChoiceBoxOption[];
|
|
15
|
+
value?: string[];
|
|
16
|
+
defaultValue?: string[];
|
|
17
|
+
onChange?: (next: string[]) => void;
|
|
18
|
+
selectionMode?: "multiple" | "single";
|
|
19
|
+
className?: string;
|
|
20
|
+
withoutAddressIcon?: boolean;
|
|
21
|
+
rightText?: string;
|
|
22
|
+
};
|
|
23
|
+
export declare const ChoiceBox: React.FC<ChoiceBoxProps>;
|
|
24
|
+
export default ChoiceBox;
|
|
25
|
+
//# sourceMappingURL=ChoiceBoxOption.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoiceBoxOption.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Choice/ChoiceBoxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2M9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChoiceBoxProps } from './ChoiceBoxOption';
|
|
2
|
+
import { ImageName } from '../../../utils/images';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export type ChoiceRailProps = Pick<ChoiceBoxProps, "name" | "options" | "value" | "defaultValue" | "onChange" | "selectionMode" | "className"> & {
|
|
5
|
+
labelOpen?: string;
|
|
6
|
+
labelClosed?: string;
|
|
7
|
+
width?: number | string;
|
|
8
|
+
imageName?: ImageName;
|
|
9
|
+
};
|
|
10
|
+
declare const ChoiceRail: React.FC<ChoiceRailProps>;
|
|
11
|
+
export default ChoiceRail;
|
|
12
|
+
//# sourceMappingURL=ChoiceRail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoiceRail.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Choice/ChoiceRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,cAAc,EACd,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,WAAW,CAC3F,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgGzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAOnE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4N5C,CAAC;AACF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Dropdown } from './Dropdown';
|
|
3
|
+
declare const meta: Meta<typeof Dropdown>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Dropdown>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AllVariants: Story;
|
|
8
|
+
//# sourceMappingURL=Dropdown.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAMvC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type TabItem = {
|
|
2
|
+
label: string;
|
|
3
|
+
content: React.ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export type TabsMuiProps = {
|
|
6
|
+
tabs: TabItem[];
|
|
7
|
+
};
|
|
8
|
+
export declare function TabsMui({ tabs }: TabsMuiProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default TabsMui;
|
|
10
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,2CAuC7C;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as TabsMui } from './Tabs';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: typeof TabsMui;
|
|
5
|
+
argTypes: {
|
|
6
|
+
tabs: {
|
|
7
|
+
table: {
|
|
8
|
+
disable: boolean;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
14
|
+
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,QAAQ,CAAC;;;;;;;;;;;;AAI7B,wBAME;AAEF,eAAO,MAAM,OAAO,+CAInB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
mode?: 'light' | 'dark';
|
|
5
|
+
secondaryColor?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const AppThemeProvider: React.FC<Props>;
|
|
8
|
+
export default AppThemeProvider;
|
|
9
|
+
//# sourceMappingURL=AppThemeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Providers/AppThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa5C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IconName } from '../../../utils/icons';
|
|
3
|
+
export interface CustomAccordionProps {
|
|
4
|
+
/**
|
|
5
|
+
* Title displayed in the accordion header.
|
|
6
|
+
*/
|
|
7
|
+
title: string;
|
|
8
|
+
/**
|
|
9
|
+
* Icon element displayed on the left side of the title.
|
|
10
|
+
* Example: <Home />, <Settings />, etc.
|
|
11
|
+
*/
|
|
12
|
+
leftIcon?: IconName;
|
|
13
|
+
/**
|
|
14
|
+
* Content inside the accordion when expanded.
|
|
15
|
+
* Typically contains text, lists, or custom components.
|
|
16
|
+
*/
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the accordion should be expanded by default when first rendered.
|
|
20
|
+
* Only applies in uncontrolled mode (when `expanded` is not provided).
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
23
|
+
defaultExpanded?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Controls the expanded state of the accordion (controlled mode).
|
|
26
|
+
* If defined, the component will always use this value
|
|
27
|
+
* instead of managing its own internal state.
|
|
28
|
+
*/
|
|
29
|
+
expanded?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Callback fired when the accordion is toggled.
|
|
32
|
+
* Provides the new expanded state (`true` = expanded, `false` = collapsed).
|
|
33
|
+
*/
|
|
34
|
+
onChange?: (expanded: boolean) => void;
|
|
35
|
+
/**
|
|
36
|
+
* If `true`, the accordion is disabled and cannot be toggled.
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
39
|
+
disabled?: boolean;
|
|
40
|
+
hasImage?: boolean;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Custom Accordion component built on top of Material-UI's Accordion.
|
|
44
|
+
*
|
|
45
|
+
* Features:
|
|
46
|
+
* - Supports both controlled (`expanded` + `onChange`) and uncontrolled (`defaultExpanded`) usage.
|
|
47
|
+
* - Displays a left icon and a title in the header.
|
|
48
|
+
* - Shows a `Plus` icon when collapsed and a `Minus` icon when expanded.
|
|
49
|
+
* - Allows passing custom content inside the expanded area via `children`.
|
|
50
|
+
*
|
|
51
|
+
* Example usage (uncontrolled):
|
|
52
|
+
* ```tsx
|
|
53
|
+
* <Accordion
|
|
54
|
+
* title="General settings"
|
|
55
|
+
* leftIcon={<Settings />}
|
|
56
|
+
* defaultExpanded
|
|
57
|
+
* >
|
|
58
|
+
* <p>Some configuration details...</p>
|
|
59
|
+
* </Accordion>
|
|
60
|
+
* ```
|
|
61
|
+
*
|
|
62
|
+
* Example usage (controlled):
|
|
63
|
+
* ```tsx
|
|
64
|
+
* const [open, setOpen] = useState(false);
|
|
65
|
+
*
|
|
66
|
+
* <Accordion
|
|
67
|
+
* title="User preferences"
|
|
68
|
+
* leftIcon={<User />}
|
|
69
|
+
* expanded={open}
|
|
70
|
+
* onChange={setOpen}
|
|
71
|
+
* >
|
|
72
|
+
* <PreferencesForm />
|
|
73
|
+
* </Accordion>
|
|
74
|
+
* ```
|
|
75
|
+
*/
|
|
76
|
+
declare const Accordion: ({ title, leftIcon, children, defaultExpanded, expanded: externalExpanded, onChange, disabled, hasImage }: CustomAccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
export default Accordion;
|
|
78
|
+
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Surfaces/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIrD,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,SAAS,GAAI,0GAShB,oBAAoB,4CA6CtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|