@codezee/sixtify-brahma 0.2.201 → 0.2.202

package/packages/shared-components/dist/FormFields/TextField/TextField.js

@@ -1,11 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = TextField;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const InfoOutlined_1 = __importDefault(require("@mui/icons-material/InfoOutlined"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const react_hook_form_1 = require("react-hook-form");
-const icons_material_1 = require("@mui/icons-material");
 const Tooltip_1 = require("../../Tooltip");
+const utils_1 = require("../../utils");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const commonStyles_1 = require("../commonStyles");
 const Skeleton_1 = require("./Skeleton");
@@ -22,12 +28,26 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
     regex: /^[\s\S]*$/,
 }, navigationKey, customOnChange, ...inputFieldProps }) {
     const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { inputRef, maintainFocus, handleKeyDown: handleNavigationKeyDown, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey });
+    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
+    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
+    const { inputRef, maintainFocus, handleKeyDown: handleNavigationKeyDown, handleEnterNavigation, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
     const handleKeyDown = (event) => {
         if (event.key === "-" && type === "number") {
             event.preventDefault();
         }
-        handleNavigationKeyDown(event, undefined, false);
+        const isMultiline = Boolean(rows ?? inputFieldProps.multiline);
+        if (isMultiline &&
+            event.key === "Enter" &&
+            resolvedNavigationKey === "enter" &&
+            !event.shiftKey &&
+            !event.ctrlKey &&
+            !event.metaKey &&
+            !event.altKey) {
+            handleEnterNavigation(event, true);
+        }
+        else {
+            handleNavigationKeyDown(event, undefined, false);
+        }
     };
     const getCharacterRegex = (type) => {
         switch (type) {
@@ -71,16 +91,16 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows, styling: styling });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(icons_material_1.InfoOutlined, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(InfoOutlined_1.default, { sx: {
                                 fontSize: 13,
-                            } }) }))] })), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, inputRef: inputRef, onKeyDown: handleKeyDown, placeholder: styling === "default" ? placeholder : placeholder || label, type: type, label: styling === "default" ? label : undefined, sx: (0, commonStyles_1.getDefaultTextFieldSx)(styling), InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling), inputProps: {
+                            } }) }))] })), (0, jsx_runtime_1.jsx)(TextField_1.default, { disabled: disabled, required: required, fullWidth: true, inputRef: inputRef, onKeyDown: handleKeyDown, placeholder: styling === "default" ? placeholder : (placeholder ?? label), type: type, label: styling === "default" ? label : undefined, sx: (0, commonStyles_1.getDefaultTextFieldSx)(styling), InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling), inputProps: {
                     min: 0,
                 }, error: Boolean(error), helperText: error?.message, onChange: (event) => {
                     const input = event.target;
                     const { selectionStart, selectionEnd } = input;
-                    let value = event.target.value || null;
+                    let value = event.target.value ?? null;
                     if (typeof value === "string" && value.trim() === "") {
-                        value = null;
+                        value = "";
                     }
                     else if (!isTrimStartDisabled && typeof value === "string") {
                         value = value.trimStart();

package/packages/shared-components/dist/FormFields/TimeField/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oBAAoB,aAAa,4CAqBzD,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oBAAoB,aAAa,4CAqBzD,CAAC"}

package/packages/shared-components/dist/FormFields/TimeField/Skeleton.js

@@ -1,12 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const Skeleton = ({ label, styling }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 120, height: "18.69px", sx: {
                     transform: "scale(1)",
-                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", width: "100%", sx: {
+                } })), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "35.69px", width: "100%", sx: {
                     transform: "scale(1)",
                 } })] }));
 };

package/packages/shared-components/dist/FormFields/TimeField/TimeField.d.ts

@@ -1,8 +1,8 @@
-import type { PickerValidDate } from "@mui/x-date-pickers/models";
 import { type TimeFieldProps as MuiTimeFieldProps } from "@mui/x-date-pickers/TimeField";
-import type { FieldValues, UseControllerProps } from "react-hook-form";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
 import type { Styling } from "../../utils/types";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+import type { FieldValues, UseControllerProps } from "react-hook-form";
 export type TimeFieldProps<P extends FieldValues> = UseControllerProps<P> & MuiTimeFieldProps<PickerValidDate> & Partial<{
     label: string;
     required: boolean;

package/packages/shared-components/dist/FormFields/TimeField/TimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/TimeField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAEL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,iBAAiB,CAAC,eAAe,CAAC,GAClC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEL,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAgB,EAChB,iBAAyB,EACzB,oBAA4B,EAC5B,OAAkB,EAClB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAgGnB"}
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/TimeField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,+BAA+B,CAAC;AAKvC,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,iBAAiB,CAAC,eAAe,CAAC,GAClC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEL,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAgB,EAChB,iBAAyB,EACzB,oBAA4B,EAC5B,OAAkB,EAClB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAqGnB"}

package/packages/shared-components/dist/FormFields/TimeField/TimeField.js

@@ -1,18 +1,26 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeField = TimeField;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
 const TimeField_1 = require("@mui/x-date-pickers/TimeField");
 const luxon_1 = require("luxon");
 const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../../utils");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const commonStyles_1 = require("../commonStyles");
 const Skeleton_1 = require("./Skeleton");
 function TimeField({ control, defaultValue, disabled = false, label, name, error, helperText, loading = false, required = false, rules, format = "HH:mm", isReturnLocalTime = false, isReturnDateWithTime = false, styling = "custom", navigationKey, ...restProps }) {
     const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { inputRef, maintainFocus, handleKeyDown: handleNavigationKeyDown, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey });
-    const theme = (0, material_1.useTheme)();
+    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
+    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
+    const { inputRef, maintainFocus, handleKeyDown: handleNavigationKeyDown, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
     if (error && value && typeof value === "object") {
         helperText = "Invalid time";
@@ -23,7 +31,7 @@ function TimeField({ control, defaultValue, disabled = false, label, name, error
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, styling: styling });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(TimeField_1.TimeField, { ...restField, ...restProps, disabled: disabled, value: pickerValue, onChange: (value) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(TimeField_1.TimeField, { ...restField, ...restProps, disabled: disabled, value: pickerValue, onChange: (value) => {
                     if (value?.isValid) {
                         if (isReturnLocalTime) {
                             onChange(value.toFormat(format));

package/packages/shared-components/dist/FormFields/TimePicker/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oBAAoB,aAAa,4CAqBzD,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oBAAoB,aAAa,4CAqBzD,CAAC"}

package/packages/shared-components/dist/FormFields/TimePicker/Skeleton.js

@@ -1,12 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const Skeleton = ({ label, styling }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 120, height: "18.69px", sx: {
                     transform: "scale(1)",
-                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", width: "100%", sx: {
+                } })), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "35.69px", width: "100%", sx: {
                     transform: "scale(1)",
                 } })] }));
 };

package/packages/shared-components/dist/FormFields/TimePicker/TimePicker.d.ts

@@ -1,10 +1,10 @@
-import type { StackProps } from "@mui/material";
-import type { TimePickerProps as MuiTimePickerProps } from "@mui/x-date-pickers/TimePicker";
-import type { PickerValidDate } from "@mui/x-date-pickers/models";
+import { type TimePickerProps as MuiTimePickerProps } from "@mui/x-date-pickers/TimePicker";
 import { type ReactElement } from "react";
-import type { FieldValues, UseControllerProps } from "react-hook-form";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
 import type { Styling } from "../../utils/types";
+import type { StackProps } from "@mui/material/Stack";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+import type { FieldValues, UseControllerProps } from "react-hook-form";
 export type TimePickerProps<P extends FieldValues> = UseControllerProps<P> & MuiTimePickerProps<PickerValidDate> & Partial<{
     label: string;
     required: boolean;

package/packages/shared-components/dist/FormFields/TimePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEL,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAgB,EAChB,iBAAyB,EACzB,oBAA4B,EAC5B,gBAAoB,EACpB,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAkB,EAClB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwMpB"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,eAAe,IAAI,kBAAkB,EAC3C,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIpD,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEL,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAgB,EAChB,iBAAyB,EACzB,oBAA4B,EAC5B,gBAAoB,EACpB,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAkB,EAClB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAgNpB"}

package/packages/shared-components/dist/FormFields/TimePicker/TimePicker.js

@@ -1,23 +1,32 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = TimePicker;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 const TimePicker_1 = require("@mui/x-date-pickers/TimePicker");
 const luxon_1 = require("luxon");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../../utils");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const commonStyles_1 = require("../commonStyles");
 const Skeleton_1 = require("./Skeleton");
 function TimePicker({ control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, rules, format = "HH:mm", isReturnLocalTime = false, isReturnDateWithTime = false, timeStepsMinutes = 1, helperIcon, toolTipText, containerProps, styling = "custom", navigationKey, ...restProps }) {
     const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const [open, setOpen] = (0, react_1.useState)(false);
-    const { setInputRef, maintainFocus, maintainFocusAfterClose, handleKeyDown, handleEnterNavigation, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ isOpen: open, navigationKey });
+    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
+    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
+    const { setInputRef, maintainFocus, maintainFocusAfterClose, handleKeyDown, handleEnterNavigation, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ isOpen: open, navigationKey: resolvedNavigationKey });
     if (error && value && typeof value === "object") {
         helperText = "Invalid time";
     }
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
     const pickerValue = value
         ? luxon_1.DateTime.fromISO(value)
@@ -25,7 +34,7 @@ function TimePicker({ control, defaultValue, disabled = false, label, readOnly =
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, styling: styling });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", ...containerProps, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", flexDirection: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label }), helperIcon && toolTipText && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipText, placement: "bottom", children: helperIcon }))] })), (0, jsx_runtime_1.jsx)(TimePicker_1.TimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, format: format, onOpen: () => setOpen(true), onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", ...containerProps, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { alignItems: "center", flexDirection: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label }), helperIcon && toolTipText && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: toolTipText, placement: "bottom", children: helperIcon }))] })), (0, jsx_runtime_1.jsx)(TimePicker_1.TimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, format: format, onOpen: () => setOpen(true), onClose: () => {
                     setOpen(false);
                     maintainFocusAfterClose();
                 }, timeSteps: { minutes: timeStepsMinutes }, slotProps: {
@@ -46,7 +55,7 @@ function TimePicker({ control, defaultValue, disabled = false, label, readOnly =
                             },
                         },
                         onKeyDown: (event) => {
-                            if (navigationKey === "enter") {
+                            if (resolvedNavigationKey === "enter") {
                                 if (event.key === " " && !open && !disabled && !readOnly) {
                                     event.preventDefault();
                                     event.stopPropagation();
@@ -74,7 +83,7 @@ function TimePicker({ control, defaultValue, disabled = false, label, readOnly =
                         },
                     },
                     openPickerButton: {
-                        ...(navigationKey === "enter"
+                        ...(resolvedNavigationKey === "enter"
                             ? {
                                 onKeyDown: (event) => {
                                     if (event.key === "Enter") {
@@ -119,7 +128,9 @@ function TimePicker({ control, defaultValue, disabled = false, label, readOnly =
                             },
                         },
                         onKeyDown: (event) => {
-                            if (navigationKey === "enter" && event.key === "Enter" && open) {
+                            if (resolvedNavigationKey === "enter" &&
+                                event.key === "Enter" &&
+                                open) {
                                 event.preventDefault();
                                 event.stopPropagation();
                                 setOpen(false);

package/packages/shared-components/dist/FormFields/commonStyles.d.ts

@@ -1,4 +1,4 @@
-import type { SxProps, Theme } from "@mui/material";
+import type { Theme, SxProps } from "@mui/material/styles";
 export declare const getDefaultInputLabelProps: (styling?: "custom" | "default") => {
     sx?: SxProps<Theme>;
 } | undefined;

package/packages/shared-components/dist/FormFields/commonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../src/FormFields/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,eAAO,MAAM,yBAAyB,GACpC,UAAU,QAAQ,GAAG,SAAS,KAC7B;IAAE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CAAE,GAAG,SAkB5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,UAAU,QAAQ,GAAG,SAAS,KAE7B,OAAO,CAAC,KAAK,CAAC,GAAG,SAanB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,UAAU,QAAQ,GAAG,SAAS,KAE7B,OAAO,CAAC,KAAK,CAAC,GAAG,SAUnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,UAAU,QAAQ,GAAG,SAAS,KAE7B,OAAO,CAAC,KAAK,CAAC,GAAG,SAgBnB,CAAC"}
+{"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../src/FormFields/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE3D,eAAO,MAAM,yBAAyB,GACpC,UAAU,QAAQ,GAAG,SAAS,KAC7B;IAAE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CAAE,GAAG,SAkB5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,UAAU,QAAQ,GAAG,SAAS,KAE7B,OAAO,CAAC,KAAK,CAAC,GAAG,SAanB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,UAAU,QAAQ,GAAG,SAAS,KAE7B,OAAO,CAAC,KAAK,CAAC,GAAG,SAUnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,UAAU,QAAQ,GAAG,SAAS,KAE7B,OAAO,CAAC,KAAK,CAAC,GAAG,SAgBnB,CAAC"}

package/packages/shared-components/dist/HighlightedText/HighlightedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../src/HighlightedText/HighlightedText.tsx"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAG7B,oBAAoB,KAAG,GAAG,CAAC,OA2C7B,CAAC"}
+{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../src/HighlightedText/HighlightedText.tsx"],"names":[],"mappings":"AAKA,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAG7B,oBAAoB,KAAG,GAAG,CAAC,OA2C7B,CAAC"}

package/packages/shared-components/dist/HighlightedText/HighlightedText.js

@@ -1,25 +1,29 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightedText = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
 const regex_1 = require("../utils/regex");
 const HighlightedText = ({ text, highlightWords, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { slate } = theme.palette.app.color;
     if (!highlightWords?.length) {
-        return (0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", children: text });
+        return (0, jsx_runtime_1.jsx)(Box_1.default, { component: "span", children: text });
     }
     const escapedWords = highlightWords.map((w) => w.replace(regex_1.highlightWordsRegex, "\\$&"));
     const pattern = new RegExp(`(${escapedWords.join("|")})`, "gi");
     const segments = text.split(pattern);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", children: segments.map((segment, index) => pattern.test(segment) ? ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: {
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { component: "span", children: segments.map((segment, index) => pattern.test(segment) ? ((0, jsx_runtime_1.jsx)(Box_1.default, { component: "span", sx: {
                 padding: "2px 4px",
                 backgroundColor: slate[800],
                 border: `1px solid ${slate[700]}`,
                 borderRadius: "5px",
                 fontFamily: "monospace",
                 fontSize: "0.9em",
-            }, children: segment }, `highlight-${index}-${segment}`)) : ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", children: segment }, `text-${index}-${segment}`))) }));
+            }, children: segment }, `highlight-${index}-${segment}`)) : ((0, jsx_runtime_1.jsx)(Box_1.default, { component: "span", children: segment }, `text-${index}-${segment}`))) }));
 };
 exports.HighlightedText = HighlightedText;

package/packages/shared-components/dist/Indicator/Indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../src/Indicator/Indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,gCAAgC,cAAc,4CAOvE,CAAC"}
+{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../src/Indicator/Indicator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,gCAAgC,cAAc,4CAQvE,CAAC"}

package/packages/shared-components/dist/Indicator/Indicator.js

@@ -1,10 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Indicator = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const SvgIndicator_1 = require("../Svgs/SvgIndicator");
 const Indicator = ({ label, variant, colourCode }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(SvgIndicator_1.SvgIndicator, { variant: variant, colourCode: colourCode }), label] }));
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(SvgIndicator_1.SvgIndicator, { variant: variant, colourCode: colourCode }), label] }));
 };
 exports.Indicator = Indicator;

package/packages/shared-components/dist/Indicator/SeverityIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeverityIndicator.d.ts","sourceRoot":"","sources":["../../src/Indicator/SeverityIndicator.tsx"],"names":[],"mappings":"AAIA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iCAI/B,sBAAsB,4CAmBxB,CAAC"}
+{"version":3,"file":"SeverityIndicator.d.ts","sourceRoot":"","sources":["../../src/Indicator/SeverityIndicator.tsx"],"names":[],"mappings":"AAQA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iCAI/B,sBAAsB,4CAmBxB,CAAC"}

package/packages/shared-components/dist/Indicator/SeverityIndicator.js

@@ -5,14 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SeverityIndicator = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const PadBox_1 = require("../PadBox");
 const Circle_1 = __importDefault(require("@mui/icons-material/Circle"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const PadBox_1 = require("../PadBox");
 const SeverityIndicator = ({ color, label, isBackground = false, }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-            backgroundColor: `${isBackground ? (0, material_1.alpha)(color, 0.2) : ""}`,
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
+            backgroundColor: `${isBackground ? (0, styles_1.alpha)(color, 0.2) : ""}`,
             width: "max-content",
             borderRadius: "6px",
-        }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: isBackground ? "5px 8px" : "0" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: "8px", children: [(0, jsx_runtime_1.jsx)(Circle_1.default, { sx: { color, fontSize: "12px" } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: label })] }) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: isBackground ? "5px 8px" : "0" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { flexDirection: "row", alignItems: "center", gap: "8px", children: [(0, jsx_runtime_1.jsx)(Circle_1.default, { sx: { color, fontSize: "12px" } }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", sx: { fontWeight: 500 }, children: label })] }) }) }));
 };
 exports.SeverityIndicator = SeverityIndicator;

package/packages/shared-components/dist/Layouts/ButtonContainer.d.ts

@@ -1,4 +1,4 @@
-import { type SxProps } from "@mui/material";
+import type { SxProps } from "@mui/material/styles";
 import type { PropsWithChildren } from "react";
 type ButtonContainerProps = PropsWithChildren & {
     columns?: number;

package/packages/shared-components/dist/Layouts/ButtonContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,KAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAYtB,CAAC"}
+{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/ButtonContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAYtB,CAAC"}

package/packages/shared-components/dist/Layouts/ButtonContainer.js

@@ -1,12 +1,15 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const useGetDeviceType_1 = require("../utils/hooks/useGetDeviceType");
 const FormGridLayout_1 = require("./FormGridLayout");
 const ButtonContainer = ({ columns = 2, columnsOnMobile = 2, children, sx, }) => {
     const { layout } = (0, useGetDeviceType_1.useGetDeviceType)();
-    return layout === "mobile" ? ((0, jsx_runtime_1.jsx)(FormGridLayout_1.FormGridLayout, { columnsOnMobile: columnsOnMobile, columns: columns, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { sx: sx, direction: "row", gap: "5px", children: children }));
+    return layout === "mobile" ? ((0, jsx_runtime_1.jsx)(FormGridLayout_1.FormGridLayout, { columnsOnMobile: columnsOnMobile, columns: columns, children: children })) : ((0, jsx_runtime_1.jsx)(Stack_1.default, { sx: sx, direction: "row", gap: "5px", children: children }));
 };
 exports.ButtonContainer = ButtonContainer;

package/packages/shared-components/dist/Layouts/FilePreviewContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/FilePreviewContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,yBAAyB,GAAG,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAY,GACb,EAAE,yBAAyB,2CAM3B"}
+{"version":3,"file":"FilePreviewContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/FilePreviewContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,yBAAyB,GAAG,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAY,GACb,EAAE,yBAAyB,2CAM3B"}

package/packages/shared-components/dist/Layouts/FilePreviewContainer.js

@@ -1,8 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilePreviewContainer = FilePreviewContainer;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
 function FilePreviewContainer({ children, height = 630, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", justifyContent: "center", height: "100%" }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height }, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: { display: "flex", justifyContent: "center", height: "100%" }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { width: "100%", height }, children: children }) }));
 }

package/packages/shared-components/dist/Layouts/FormContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/FormContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,cAAc,iBAAiB,4CAE5D,CAAC"}
+{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/FormContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,cAAc,iBAAiB,4CAE5D,CAAC"}

package/packages/shared-components/dist/Layouts/FormContainer.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const FormContainer = ({ children }) => {
-    return (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: "15px", children: children });
+    return (0, jsx_runtime_1.jsx)(Stack_1.default, { gap: "15px", children: children });
 };
 exports.FormContainer = FormContainer;

package/packages/shared-components/dist/Layouts/FormGridLayout.js

@@ -1,13 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormGridLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Grid_1 = __importDefault(require("@mui/material/Grid"));
 const react_1 = require("react");
 const FormGridLayout = ({ children, columns = 3, columnsOnMobile = 1, }) => {
     const validColumns = columns ? columns : 3;
     const validColumnsOnMobile = columnsOnMobile ? columnsOnMobile : 1;
-    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, rowSpacing: 1, children: react_1.Children.map(children, (child, index) => child && ((0, jsx_runtime_1.jsx)(material_1.Grid
+    return ((0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, spacing: 2, rowSpacing: 1, children: react_1.Children.map(children, (child, index) => child && ((0, jsx_runtime_1.jsx)(Grid_1.default
         // eslint-disable-next-line sonarjs/no-array-index-key
         , { sx: {
                 "& > *": {

package/packages/shared-components/dist/Layouts/FormRow/FormRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../src/Layouts/FormRow/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,OAAO,GAAI,qCAIrB,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAYhE,CAAC"}
+{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../src/Layouts/FormRow/FormRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,OAAO,GAAI,qCAIrB,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAYhE,CAAC"}

package/packages/shared-components/dist/Layouts/FormRow/FormRow.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRow.styled.d.ts","sourceRoot":"","sources":["../../../src/Layouts/FormRow/FormRow.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmB3C,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,CAuBlE,CAAC"}
+{"version":3,"file":"FormRow.styled.d.ts","sourceRoot":"","sources":["../../../src/Layouts/FormRow/FormRow.styled.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAkB3C,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,CAuBlE,CAAC"}

package/packages/shared-components/dist/Layouts/FormSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/Layouts/FormSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,eAAO,MAAM,WAAW,GAAI,sBAGzB,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAgBvC,CAAC"}
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/Layouts/FormSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,WAAW,GAAI,sBAGzB,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,4CAgBvC,CAAC"}

package/packages/shared-components/dist/Layouts/FormSection.js

@@ -1,12 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const PadBox_1 = require("../PadBox");
 const utils_1 = require("../utils");
 const FormSection = ({ title, children, }) => {
     const { layout } = (0, utils_1.useGetDeviceType)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "15px", children: [title && ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 700, variant: "h5", children: title })), (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: layout === "mobile" ? "10px" : "15px" }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: "15px", children: children }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "15px", children: [title && ((0, jsx_runtime_1.jsx)(Typography_1.default, { fontWeight: 700, variant: "h5", children: title })), (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: layout === "mobile" ? "10px" : "15px" }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { gap: "15px", children: children }) })] }));
 };
 exports.FormSection = FormSection;

package/packages/shared-components/dist/Layouts/GridProvider.d.ts

@@ -1,4 +1,4 @@
-import { type StackProps } from "@mui/material";
+import { type StackProps } from "@mui/material/Stack";
 import type { PropsWithChildren } from "react";
 type GridProviderProps = PropsWithChildren & StackProps & {
     gap?: number | string;

package/packages/shared-components/dist/Layouts/GridProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridProvider.d.ts","sourceRoot":"","sources":["../../src/Layouts/GridProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,iBAAiB,GAAG,iBAAiB,GACxC,UAAU,GAAG;IACX,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,eAAO,MAAM,YAAY,GAAI,8FAQ1B,iBAAiB,4CAgBnB,CAAC"}
+{"version":3,"file":"GridProvider.d.ts","sourceRoot":"","sources":["../../src/Layouts/GridProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,iBAAiB,GAAG,iBAAiB,GACxC,UAAU,GAAG;IACX,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,eAAO,MAAM,YAAY,GAAI,8FAQ1B,iBAAiB,4CAgBnB,CAAC"}

package/packages/shared-components/dist/Layouts/GridProvider.js

@@ -1,10 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const GridProvider = ({ children, gap, columns = 3, columnsOnMobile = 1, columnsOnSmallDevice = 2, columnsOnTablet = 3, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { ...props, display: "grid", gap: gap, gridTemplateColumns: {
+    return ((0, jsx_runtime_1.jsx)(Stack_1.default, { ...props, display: "grid", gap: gap, gridTemplateColumns: {
             xs: `repeat(${columnsOnMobile},  minmax(0, 1fr))`,
             sm: `repeat(${Math.min(columns, columnsOnSmallDevice)},  minmax(0, 1fr))`,
             md: `repeat(${Math.min(columns, columnsOnTablet)},  minmax(0, 1fr))`,

package/packages/shared-components/dist/Layouts/MasterPageLayout.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
 import type { DialogTypes } from "../utils";
+import type { ReactNode } from "react";
 type MasterPageLayoutProps = {
     breadcrumbs: ReactNode;
     btnLabel?: string;

package/packages/shared-components/dist/Layouts/MasterPageLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasterPageLayout.d.ts","sourceRoot":"","sources":["../../src/Layouts/MasterPageLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC3C,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,gGAS9B,qBAAqB,4CAsDvB,CAAC"}
+{"version":3,"file":"MasterPageLayout.d.ts","sourceRoot":"","sources":["../../src/Layouts/MasterPageLayout.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC3C,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,gGAS9B,qBAAqB,4CAsDvB,CAAC"}