@codezee/sixtify-brahma 0.2.12 → 0.2.14
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/README.md +90 -90
- package/package.json +79 -79
- package/packages/shared-components/dist/AppBar/AppBar.styled.d.ts +8 -0
- package/packages/shared-components/dist/AppBar/AppBar.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts.map +1 -1
- package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.js +3 -4
- package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.d.ts.map +1 -1
- package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.js +3 -0
- package/packages/shared-components/dist/Drawer/Drawer.d.ts +1 -0
- package/packages/shared-components/dist/Drawer/Drawer.d.ts.map +1 -1
- package/packages/shared-components/dist/Drawer/Drawer.styled.d.ts +10 -0
- package/packages/shared-components/dist/Drawer/Drawer.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.d.ts.map +1 -1
- package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.js +4 -1
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js +4 -5
- package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.d.ts +12 -0
- package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.js +2 -2
- package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.d.ts +9 -0
- package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts +4 -0
- package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.js +1 -1
- package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.d.ts +6 -0
- package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts +13 -0
- package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.js +49 -0
- package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts +7 -0
- package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js +14 -0
- package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts +11 -2
- package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/TextField/TextField.js +46 -5
- package/packages/shared-components/dist/Layouts/FormRow/FormRow.styled.d.ts +9 -0
- package/packages/shared-components/dist/Layouts/FormRow/FormRow.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/Stepper/Stepper.d.ts +4 -1
- package/packages/shared-components/dist/Stepper/Stepper.d.ts.map +1 -1
- package/packages/shared-components/dist/Stepper/Stepper.js +33 -10
- package/packages/shared-components/dist/Toast/Toaster.styled.d.ts +6 -0
- package/packages/shared-components/dist/Toast/Toaster.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts +5 -0
- package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts.map +1 -0
- package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js +1 -1
- package/apps/docs/storybook-static/favicon.svg +0 -1
- package/apps/docs/storybook-static/index.html +0 -173
- package/apps/docs/storybook-static/index.json +0 -1
- package/apps/docs/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/apps/docs/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/apps/docs/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/apps/docs/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/apps/docs/storybook-static/project.json +0 -1
- package/apps/docs/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +0 -12
- package/apps/docs/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +0 -402
- package/apps/docs/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js +0 -242
- package/apps/docs/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-addons/links-1/manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/apps/docs/storybook-static/sb-common-assets/favicon.svg +0 -1
- package/apps/docs/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/apps/docs/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/apps/docs/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/apps/docs/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/apps/docs/storybook-static/sb-manager/globals-module-info.js +0 -1051
- package/apps/docs/storybook-static/sb-manager/globals-runtime.js +0 -41591
- package/apps/docs/storybook-static/sb-manager/globals.js +0 -48
- package/apps/docs/storybook-static/sb-manager/runtime.js +0 -12048
- package/apps/docs/storybook-static/sb-preview/globals.js +0 -33
- package/apps/docs/storybook-static/sb-preview/runtime.js +0 -7745
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PhoneInputField = PhoneInputField;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const material_1 = require("@mui/material");
|
|
9
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
10
|
+
const react_phone_input_2_1 = __importDefault(require("react-phone-input-2"));
|
|
11
|
+
require("react-phone-input-2/lib/style.css");
|
|
12
|
+
const Skeleton_1 = require("./Skeleton");
|
|
13
|
+
function PhoneInputField({ control, name, defaultValue, rules, label, disabled = false, required, rows, loading = false, placeholder = "", error, helperText, ...phoneInputProps }) {
|
|
14
|
+
const theme = (0, material_1.useTheme)();
|
|
15
|
+
const { iron } = theme.palette.app.color;
|
|
16
|
+
const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({
|
|
17
|
+
name,
|
|
18
|
+
control,
|
|
19
|
+
defaultValue,
|
|
20
|
+
rules,
|
|
21
|
+
});
|
|
22
|
+
if (loading) {
|
|
23
|
+
return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
|
|
24
|
+
}
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, placeholder: placeholder || label, onChange: (phone) => {
|
|
26
|
+
if (!phone.startsWith("+")) {
|
|
27
|
+
onChange(`+${phone}`);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
onChange(phone);
|
|
31
|
+
}
|
|
32
|
+
}, value: value, countryCodeEditable: false, containerStyle: {
|
|
33
|
+
width: "100%",
|
|
34
|
+
border: error ? "1px solid red" : `1px solid ${iron[800]}`,
|
|
35
|
+
borderRadius: "4px",
|
|
36
|
+
}, inputStyle: {
|
|
37
|
+
width: "100%",
|
|
38
|
+
paddingTop: "19px",
|
|
39
|
+
paddingBottom: "19px",
|
|
40
|
+
fontSize: "16px",
|
|
41
|
+
border: "none",
|
|
42
|
+
}, buttonStyle: {
|
|
43
|
+
border: "none",
|
|
44
|
+
}, ...restField, ...phoneInputProps })] }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
|
|
45
|
+
color: `red`,
|
|
46
|
+
whiteSpace: "pre",
|
|
47
|
+
textWrap: "wrap",
|
|
48
|
+
}, children: helperText }))] }));
|
|
49
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/Skeleton.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,iBAAiB,aAAa,4CAuBtD,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Skeleton = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
const Skeleton = ({ rows, label }) => {
|
|
7
|
+
const height = rows === undefined ? 40 : rows * 23;
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
|
|
9
|
+
transform: "scale(1)",
|
|
10
|
+
} })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: `${height}px`, sx: {
|
|
11
|
+
transform: "scale(1)",
|
|
12
|
+
} })] }));
|
|
13
|
+
};
|
|
14
|
+
exports.Skeleton = Skeleton;
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import { type TextFieldProps as MuiTextFieldProps } from "@mui/material";
|
|
2
|
-
import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
|
|
2
|
+
import { FieldError, type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
|
|
3
|
+
type AllowedCharacterType = "string" | "string-number" | "string-number-special";
|
|
4
|
+
type LetterCase = "uppercase" | "lowercase" | "mixed";
|
|
3
5
|
export type TextFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<MuiTextFieldProps, keyof ControllerRenderProps<P>> & {
|
|
4
6
|
label?: string;
|
|
5
7
|
loading?: boolean;
|
|
6
8
|
rows?: number;
|
|
7
9
|
isCapitalize?: boolean;
|
|
8
10
|
isTrimStartDisabled?: boolean;
|
|
11
|
+
characterType?: AllowedCharacterType;
|
|
12
|
+
letterCase?: LetterCase;
|
|
13
|
+
setError?: (name: keyof P, error: FieldError | {
|
|
14
|
+
type: string;
|
|
15
|
+
message?: string;
|
|
16
|
+
}) => void;
|
|
9
17
|
};
|
|
10
|
-
export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, characterType, letterCase, setError, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
11
20
|
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EAEV,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,oBAAoB,GACrB,QAAQ,GACR,eAAe,GACf,uBAAuB,CAAC;AAE5B,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAQtD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAkGnB"}
|
|
@@ -5,19 +5,52 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const react_hook_form_1 = require("react-hook-form");
|
|
7
7
|
const Skeleton_1 = require("./Skeleton");
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const characterTypeMessages = {
|
|
9
|
+
string: "Only alphabetic characters are allowed.",
|
|
10
|
+
"string-number": "Only letters and numbers are allowed.",
|
|
11
|
+
"string-number-special": "Special characters are allowed.",
|
|
12
|
+
};
|
|
13
|
+
function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, characterType = "string-number-special", letterCase = "mixed", setError, ...inputFieldProps }) {
|
|
14
|
+
const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
|
|
10
15
|
const handleKeyDown = (event) => {
|
|
11
16
|
if (event.key === "-" && type === "number") {
|
|
12
17
|
event.preventDefault();
|
|
13
18
|
}
|
|
14
19
|
};
|
|
20
|
+
const getCharacterRegex = (type) => {
|
|
21
|
+
switch (type) {
|
|
22
|
+
case "string":
|
|
23
|
+
return /^[A-Za-z\s]*$/;
|
|
24
|
+
case "string-number":
|
|
25
|
+
return /^[A-Za-z0-9\s]*$/;
|
|
26
|
+
case "string-number-special":
|
|
27
|
+
default:
|
|
28
|
+
return /^[\s\S]*$/;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const cleanInput = (input) => {
|
|
32
|
+
let result = input;
|
|
33
|
+
const regex = getCharacterRegex(characterType);
|
|
34
|
+
if (!regex.test(result)) {
|
|
35
|
+
result = result
|
|
36
|
+
.split("")
|
|
37
|
+
.filter((char) => regex.test(char))
|
|
38
|
+
.join("");
|
|
39
|
+
}
|
|
40
|
+
if (letterCase === "uppercase") {
|
|
41
|
+
result = result.toUpperCase();
|
|
42
|
+
}
|
|
43
|
+
else if (letterCase === "lowercase") {
|
|
44
|
+
result = result.toLowerCase();
|
|
45
|
+
}
|
|
46
|
+
return result;
|
|
47
|
+
};
|
|
15
48
|
if (loading) {
|
|
16
49
|
return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
|
|
17
50
|
}
|
|
18
51
|
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, onKeyDown: handleKeyDown, placeholder: placeholder || label, type: type, inputProps: {
|
|
19
52
|
min: 0,
|
|
20
|
-
}, onChange: (event) => {
|
|
53
|
+
}, error: Boolean(error), helperText: error?.message, onChange: (event) => {
|
|
21
54
|
let value = event.target.value || null;
|
|
22
55
|
if (typeof value === "string" && value.trim() === "") {
|
|
23
56
|
value = null;
|
|
@@ -25,14 +58,22 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
|
|
|
25
58
|
else if (!isTrimStartDisabled && typeof value === "string") {
|
|
26
59
|
value = value.trimStart();
|
|
27
60
|
}
|
|
61
|
+
const cleanedVal = value && cleanInput(value);
|
|
62
|
+
if (value !== cleanedVal) {
|
|
63
|
+
const errorMessage = characterTypeMessages[characterType];
|
|
64
|
+
if (setError) {
|
|
65
|
+
setError(name, { type: "manual", message: errorMessage });
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
28
69
|
if (value && type === "number") {
|
|
29
70
|
onChange(Number(value));
|
|
30
71
|
}
|
|
31
72
|
else if (isCapitalize) {
|
|
32
|
-
onChange(
|
|
73
|
+
onChange(cleanedVal ? cleanedVal.toUpperCase() : null);
|
|
33
74
|
}
|
|
34
75
|
else {
|
|
35
|
-
onChange(
|
|
76
|
+
onChange(cleanedVal);
|
|
36
77
|
}
|
|
37
78
|
}, value: typeof value === "string" ? value.trimStart() : (value ?? ""), ...restField, ...inputFieldProps })] }));
|
|
38
79
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { StackProps } from "@mui/material";
|
|
2
|
+
import { ComponentType } from "react";
|
|
3
|
+
type RowContainerStyledProps = StackProps & {
|
|
4
|
+
fullWidth: boolean;
|
|
5
|
+
maxColumn: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const RowContainerStyled: ComponentType<RowContainerStyledProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=FormRow.styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormRow.styled.d.ts","sourceRoot":"","sources":["../../../src/Layouts/FormRow/FormRow.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAY,aAAa,EAAE,MAAM,OAAO,CAAC;AAkBhD,KAAK,uBAAuB,GAAG,UAAU,GAAG;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAmBlE,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import type { StepperProps as MuiStepperProps, StepLabelProps } from "@mui/material";
|
|
2
2
|
type StepperProps = MuiStepperProps & {
|
|
3
3
|
steps: string[];
|
|
4
|
+
stepUrls?: string[];
|
|
5
|
+
errorSteps?: number[];
|
|
4
6
|
showActiveStepIcon?: boolean;
|
|
5
7
|
stepLabelProps?: StepLabelProps;
|
|
8
|
+
onStepClick?: (stepIndex: number) => void;
|
|
6
9
|
};
|
|
7
|
-
export declare const Stepper: ({ orientation, activeStep, stepLabelProps, steps, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const Stepper: ({ orientation, activeStep, stepLabelProps, steps, stepUrls, errorSteps, onStepClick, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
11
|
export {};
|
|
9
12
|
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,eAAe,EAC/B,cAAc,EACf,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,eAAe,EAC/B,cAAc,EACf,MAAM,eAAe,CAAC;AAWvB,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,gGASrB,YAAY,4CAsDd,CAAC"}
|
|
@@ -3,16 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Stepper = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const
|
|
6
|
+
const router_1 = require("next/router");
|
|
7
|
+
const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, stepUrls = [], errorSteps = [], onStepClick, ...rest }) => {
|
|
7
8
|
const theme = (0, material_1.useTheme)();
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
const router = (0, router_1.useRouter)();
|
|
10
|
+
const { butterflyBlue, red } = theme.palette.app.color;
|
|
11
|
+
const handleStepClick = (index) => {
|
|
12
|
+
if (onStepClick) {
|
|
13
|
+
onStepClick(index);
|
|
14
|
+
}
|
|
15
|
+
else if (stepUrls[index]) {
|
|
16
|
+
router.push(stepUrls[index]);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { activeStep: activeStep, orientation: orientation, ...rest, children: steps.map((label, index) => {
|
|
20
|
+
const isError = errorSteps.includes(index);
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Step, { children: (0, jsx_runtime_1.jsx)(material_1.StepLabel, { ...stepLabelProps, error: isError, sx: {
|
|
22
|
+
cursor: stepUrls[index] || onStepClick ? "pointer" : "default",
|
|
23
|
+
".Mui-active .MuiStepIcon-root": {
|
|
24
|
+
color: `${butterflyBlue[900]} !important`,
|
|
25
|
+
},
|
|
26
|
+
".Mui-completed .MuiStepIcon-root": {
|
|
27
|
+
color: `${butterflyBlue[900]} !important`,
|
|
28
|
+
},
|
|
29
|
+
...(isError && {
|
|
30
|
+
".MuiStepIcon-root": {
|
|
31
|
+
color: `${red[900]} !important`,
|
|
32
|
+
},
|
|
33
|
+
".MuiStepLabel-label": {
|
|
34
|
+
color: `${red[900]} !important`,
|
|
35
|
+
},
|
|
36
|
+
}),
|
|
37
|
+
...stepLabelProps.sx,
|
|
38
|
+
}, onClick: () => handleStepClick(index), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label }) }) }, label));
|
|
39
|
+
}) }) }));
|
|
17
40
|
};
|
|
18
41
|
exports.Stepper = Stepper;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { BoxProps } from "@mui/material";
|
|
2
|
+
import { ComponentType } from "react";
|
|
3
|
+
import { type ToastContainerProps } from "react-toastify";
|
|
4
|
+
export declare const ToasterStyled: ComponentType<ToastContainerProps>;
|
|
5
|
+
export declare const HoverBox: ComponentType<BoxProps>;
|
|
6
|
+
//# sourceMappingURL=Toaster.styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toaster.styled.d.ts","sourceRoot":"","sources":["../../src/Toast/Toaster.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAA0B,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAkE3D,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAM1C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { IconButtonProps, MenuProps } from "@mui/material";
|
|
2
|
+
import { ComponentType } from "react";
|
|
3
|
+
export declare const MenuStyled: ComponentType<MenuProps>;
|
|
4
|
+
export declare const IconButtonStyled: ComponentType<IconButtonProps>;
|
|
5
|
+
//# sourceMappingURL=UserProfileMenu.styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserProfileMenu.styled.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAGf,SAAS,EAEV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAmB9C,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAa1D,CAAC"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.IconButtonStyled = exports.MenuStyled = void 0;
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
5
|
const styles_1 = require("@mui/material/styles");
|
|
6
|
-
exports.MenuStyled = (0, styles_1.styled)(material_1.Menu)(({ theme }) => {
|
|
6
|
+
exports.MenuStyled = (0, styles_1.styled)(material_1.Menu)(({ theme, }) => {
|
|
7
7
|
const style = {
|
|
8
8
|
[`& .${material_1.menuClasses.paper}`]: {
|
|
9
9
|
boxShadow: theme.palette.app.paperBoxShadow,
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
|
|
6
|
-
<title>@storybook/core - Storybook</title>
|
|
7
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
|
|
11
|
-
|
|
12
|
-
<style>
|
|
13
|
-
@font-face {
|
|
14
|
-
font-family: 'Nunito Sans';
|
|
15
|
-
font-style: normal;
|
|
16
|
-
font-weight: 400;
|
|
17
|
-
font-display: swap;
|
|
18
|
-
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@font-face {
|
|
22
|
-
font-family: 'Nunito Sans';
|
|
23
|
-
font-style: italic;
|
|
24
|
-
font-weight: 400;
|
|
25
|
-
font-display: swap;
|
|
26
|
-
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@font-face {
|
|
30
|
-
font-family: 'Nunito Sans';
|
|
31
|
-
font-style: normal;
|
|
32
|
-
font-weight: 700;
|
|
33
|
-
font-display: swap;
|
|
34
|
-
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
@font-face {
|
|
38
|
-
font-family: 'Nunito Sans';
|
|
39
|
-
font-style: italic;
|
|
40
|
-
font-weight: 700;
|
|
41
|
-
font-display: swap;
|
|
42
|
-
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
|
|
43
|
-
}
|
|
44
|
-
</style>
|
|
45
|
-
|
|
46
|
-
<link href="./sb-manager/runtime.js" rel="modulepreload" />
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
<link href="./sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js" rel="modulepreload" />
|
|
50
|
-
|
|
51
|
-
<link href="./sb-addons/links-1/manager-bundle.js" rel="modulepreload" />
|
|
52
|
-
|
|
53
|
-
<link href="./sb-addons/essentials-controls-2/manager-bundle.js" rel="modulepreload" />
|
|
54
|
-
|
|
55
|
-
<link href="./sb-addons/essentials-actions-3/manager-bundle.js" rel="modulepreload" />
|
|
56
|
-
|
|
57
|
-
<link href="./sb-addons/essentials-docs-4/manager-bundle.js" rel="modulepreload" />
|
|
58
|
-
|
|
59
|
-
<link href="./sb-addons/essentials-backgrounds-5/manager-bundle.js" rel="modulepreload" />
|
|
60
|
-
|
|
61
|
-
<link href="./sb-addons/essentials-viewport-6/manager-bundle.js" rel="modulepreload" />
|
|
62
|
-
|
|
63
|
-
<link href="./sb-addons/essentials-toolbars-7/manager-bundle.js" rel="modulepreload" />
|
|
64
|
-
|
|
65
|
-
<link href="./sb-addons/essentials-measure-8/manager-bundle.js" rel="modulepreload" />
|
|
66
|
-
|
|
67
|
-
<link href="./sb-addons/essentials-outline-9/manager-bundle.js" rel="modulepreload" />
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
<style>
|
|
71
|
-
#storybook-root[hidden] {
|
|
72
|
-
display: none !important;
|
|
73
|
-
}
|
|
74
|
-
</style>
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
</head>
|
|
78
|
-
<body>
|
|
79
|
-
<div id="root"></div>
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
<script>
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
window['FEATURES'] = {
|
|
86
|
-
"argTypeTargetsV7": true,
|
|
87
|
-
"legacyDecoratorFileOrder": false,
|
|
88
|
-
"disallowImplicitActionsInRenderV8": true
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
window['REFS'] = {};
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
window['LOGLEVEL'] = "info";
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
window['DOCS_OPTIONS'] = {
|
|
102
|
-
"defaultName": "Docs",
|
|
103
|
-
"autodocs": "tag"
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
window['CONFIG_TYPE'] = "PRODUCTION";
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
window['TAGS_OPTIONS'] = {
|
|
117
|
-
"dev-only": {
|
|
118
|
-
"excludeFromDocsStories": true
|
|
119
|
-
},
|
|
120
|
-
"docs-only": {
|
|
121
|
-
"excludeFromSidebar": true
|
|
122
|
-
},
|
|
123
|
-
"test-only": {
|
|
124
|
-
"excludeFromSidebar": true,
|
|
125
|
-
"excludeFromDocsStories": true
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
window['STORYBOOK_RENDERER'] = "react";
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
window['STORYBOOK_BUILDER'] = "@storybook/builder-webpack5";
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
window['STORYBOOK_FRAMEWORK'] = "D:\\codezee\\sixtify-brahma\\node_modules\\.pnpm\\@storybook+nextjs@8.6.6_esbuild@0.25.1_next@14.2.24_react-dom@18.3.1_react@18.3.1_storybook@8_m2lybnmijlhws2gdmyn2m6n5nq\\node_modules\\@storybook\\nextjs";
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
</script>
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
<script type="module">
|
|
146
|
-
import './sb-manager/globals-runtime.js';
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
import './sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js';
|
|
150
|
-
|
|
151
|
-
import './sb-addons/links-1/manager-bundle.js';
|
|
152
|
-
|
|
153
|
-
import './sb-addons/essentials-controls-2/manager-bundle.js';
|
|
154
|
-
|
|
155
|
-
import './sb-addons/essentials-actions-3/manager-bundle.js';
|
|
156
|
-
|
|
157
|
-
import './sb-addons/essentials-docs-4/manager-bundle.js';
|
|
158
|
-
|
|
159
|
-
import './sb-addons/essentials-backgrounds-5/manager-bundle.js';
|
|
160
|
-
|
|
161
|
-
import './sb-addons/essentials-viewport-6/manager-bundle.js';
|
|
162
|
-
|
|
163
|
-
import './sb-addons/essentials-toolbars-7/manager-bundle.js';
|
|
164
|
-
|
|
165
|
-
import './sb-addons/essentials-measure-8/manager-bundle.js';
|
|
166
|
-
|
|
167
|
-
import './sb-addons/essentials-outline-9/manager-bundle.js';
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
import './sb-manager/runtime.js';
|
|
171
|
-
</script>
|
|
172
|
-
</body>
|
|
173
|
-
</html>
|