@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.
Files changed (74) hide show
  1. package/README.md +90 -90
  2. package/package.json +79 -79
  3. package/packages/shared-components/dist/AppBar/AppBar.styled.d.ts +8 -0
  4. package/packages/shared-components/dist/AppBar/AppBar.styled.d.ts.map +1 -0
  5. package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts.map +1 -1
  6. package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.js +3 -4
  7. package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.d.ts.map +1 -1
  8. package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.js +3 -0
  9. package/packages/shared-components/dist/Drawer/Drawer.d.ts +1 -0
  10. package/packages/shared-components/dist/Drawer/Drawer.d.ts.map +1 -1
  11. package/packages/shared-components/dist/Drawer/Drawer.styled.d.ts +10 -0
  12. package/packages/shared-components/dist/Drawer/Drawer.styled.d.ts.map +1 -0
  13. package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.d.ts.map +1 -1
  14. package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.js +4 -1
  15. package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map +1 -1
  16. package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js +4 -5
  17. package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.d.ts +12 -0
  18. package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.d.ts.map +1 -0
  19. package/packages/shared-components/dist/FormFields/CheckBox/CheckBox.styled.js +2 -2
  20. package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.d.ts +9 -0
  21. package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.d.ts.map +1 -0
  22. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts +4 -0
  23. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts.map +1 -0
  24. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.js +1 -1
  25. package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.d.ts +6 -0
  26. package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.d.ts.map +1 -0
  27. package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts +13 -0
  28. package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts.map +1 -0
  29. package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.js +49 -0
  30. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts +7 -0
  31. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts.map +1 -0
  32. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js +14 -0
  33. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts +11 -2
  34. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map +1 -1
  35. package/packages/shared-components/dist/FormFields/TextField/TextField.js +46 -5
  36. package/packages/shared-components/dist/Layouts/FormRow/FormRow.styled.d.ts +9 -0
  37. package/packages/shared-components/dist/Layouts/FormRow/FormRow.styled.d.ts.map +1 -0
  38. package/packages/shared-components/dist/Stepper/Stepper.d.ts +4 -1
  39. package/packages/shared-components/dist/Stepper/Stepper.d.ts.map +1 -1
  40. package/packages/shared-components/dist/Stepper/Stepper.js +33 -10
  41. package/packages/shared-components/dist/Toast/Toaster.styled.d.ts +6 -0
  42. package/packages/shared-components/dist/Toast/Toaster.styled.d.ts.map +1 -0
  43. package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts +5 -0
  44. package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts.map +1 -0
  45. package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js +1 -1
  46. package/apps/docs/storybook-static/favicon.svg +0 -1
  47. package/apps/docs/storybook-static/index.html +0 -173
  48. package/apps/docs/storybook-static/index.json +0 -1
  49. package/apps/docs/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  50. package/apps/docs/storybook-static/nunito-sans-bold.woff2 +0 -0
  51. package/apps/docs/storybook-static/nunito-sans-italic.woff2 +0 -0
  52. package/apps/docs/storybook-static/nunito-sans-regular.woff2 +0 -0
  53. package/apps/docs/storybook-static/project.json +0 -1
  54. package/apps/docs/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +0 -3
  55. package/apps/docs/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +0 -12
  56. package/apps/docs/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +0 -402
  57. package/apps/docs/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js +0 -242
  58. package/apps/docs/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +0 -3
  59. package/apps/docs/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +0 -3
  60. package/apps/docs/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +0 -3
  61. package/apps/docs/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +0 -3
  62. package/apps/docs/storybook-static/sb-addons/links-1/manager-bundle.js +0 -3
  63. package/apps/docs/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  64. package/apps/docs/storybook-static/sb-common-assets/favicon.svg +0 -1
  65. package/apps/docs/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  66. package/apps/docs/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  67. package/apps/docs/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  68. package/apps/docs/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  69. package/apps/docs/storybook-static/sb-manager/globals-module-info.js +0 -1051
  70. package/apps/docs/storybook-static/sb-manager/globals-runtime.js +0 -41591
  71. package/apps/docs/storybook-static/sb-manager/globals.js +0 -48
  72. package/apps/docs/storybook-static/sb-manager/runtime.js +0 -12048
  73. package/apps/docs/storybook-static/sb-preview/globals.js +0 -33
  74. 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,7 @@
1
+ type SkeletonProps = {
2
+ rows?: number;
3
+ label?: string;
4
+ };
5
+ export declare const Skeleton: ({ rows, label }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=Skeleton.d.ts.map
@@ -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,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,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;CAC/B,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,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAoDnB"}
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
- function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, ...inputFieldProps }) {
9
- const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
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(value ? value?.toUpperCase() : null);
73
+ onChange(cleanedVal ? cleanedVal.toUpperCase() : null);
33
74
  }
34
75
  else {
35
- onChange(value);
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;AAUvB,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,6DAMrB,YAAY,4CA4Bd,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 Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, ...rest }) => {
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 { butterflyBlue } = theme.palette.app.color;
9
- 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) => ((0, jsx_runtime_1.jsx)(material_1.Step, { children: (0, jsx_runtime_1.jsx)(material_1.StepLabel, { ...stepLabelProps, sx: {
10
- ".Mui-active .css-18pqgpd-MuiSvgIcon-root-MuiStepIcon-root": {
11
- color: `${butterflyBlue[900]} !important`,
12
- },
13
- ".Mui-completed": {
14
- color: `${butterflyBlue[900]} !important`,
15
- },
16
- }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label }) }) }, label))) }) }));
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>