@codezee/sixtify-brahma 0.2.6 → 0.2.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,SAAiB,EACjB,EAAO,EACP,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAuDzB"}

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

@@ -0,0 +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.RadioGroupField = RadioGroupField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Radio_1 = __importDefault(require("@mui/material/Radio"));
+const react_hook_form_1 = require("react-hook-form");
+const Skeleton_1 = require("./Skeleton");
+function RadioGroupField({ name, rules, label, control, options, defaultValue, size = "small", color = "secondary", loading = false, direction = "row", sx = {}, ...restRadioButtonProps }) {
+    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: label }), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onChange: (_, event) => {
+                    if (event === "true") {
+                        onChange(true);
+                    }
+                    else if (event === "false") {
+                        onChange(false);
+                    }
+                    else {
+                        onChange(event);
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: direction === "column" ? "5px" : "45px", direction: direction, children: options?.map(({ label, values, disabled }, index) => {
+                        return (
+                        // eslint-disable-next-line sonarjs/no-array-index-key
+                        (0, jsx_runtime_1.jsx)(material_1.Box, { width: "max-content", children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size }), disabled: disabled, label: label, sx: sx }) }, index));
+                    }) }) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/Skeleton.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

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

@@ -0,0 +1,9 @@
+"use strict";
+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 = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "20px", width: "70px", sx: { transform: "scale(1)" } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "50px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "23px", width: "38px", sx: { transform: "scale(1)" } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "23px", width: "38px", sx: { transform: "scale(1)" } })] })] })] }));
+};
+exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/RadioGroupField/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./RadioGroupField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/packages/shared-components/dist/FormFields/RadioGroupField/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RadioGroupField"), exports);

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

@@ -0,0 +1,4 @@
+import type { FieldValues } from "react-hook-form";
+import type { TextFieldProps } from "../TextField";
+export declare function SearchField<P extends FieldValues>(props: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/SearchField/SearchField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAc1E"}

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

@@ -0,0 +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.SearchField = SearchField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const SearchOutlined_1 = __importDefault(require("@mui/icons-material/SearchOutlined"));
+const TextField_1 = require("../TextField");
+function SearchField(props) {
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { placeholder: "Search", InputProps: {
+            startAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(SearchOutlined_1.default, { fontSize: "small" }) })),
+        }, ...props }));
+}

package/packages/shared-components/dist/FormFields/SearchField/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SearchField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/SearchField/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/packages/shared-components/dist/FormFields/SearchField/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SearchField"), exports);

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

@@ -0,0 +1,2 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Switch/Skeleton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CASpB,CAAC"}

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

@@ -0,0 +1,9 @@
+"use strict";
+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 = () => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 50, height: 20, sx: { borderRadius: "4px" }, variant: "rectangular" }));
+};
+exports.Skeleton = Skeleton;

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

@@ -0,0 +1,7 @@
+import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
+import type { SwitchProps } from "@mui/material";
+export type SwitchFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<Omit<SwitchProps, "checked">, keyof ControllerRenderProps<P>> & {
+    loading?: boolean;
+};
+export declare function Switch<P extends FieldValues>({ name, rules, control, defaultValue, loading, ...restSwitchProps }: SwitchFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5C,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,GAAG,eAAe,EACnB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAUrB"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = Switch;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const material_1 = require("@mui/material");
+const Skeleton_1 = require("./Skeleton");
+function Switch({ name, rules, control, defaultValue, loading = false, ...restSwitchProps }) {
+    const { field: { value = false, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
+    }
+    return (0, jsx_runtime_1.jsx)(material_1.Switch, { checked: value, ...restField, ...restSwitchProps });
+}

package/packages/shared-components/dist/FormFields/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Switch";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/packages/shared-components/dist/FormFields/Switch/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Switch"), exports);

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

@@ -0,0 +1,7 @@
+type SkeletonProps = {
+    rows?: number;
+    label?: string;
+};
+export declare const Skeleton: ({ rows, label }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/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,oBAAqB,aAAa,4CAuBtD,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+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 = ({ rows, label }) => {
+    const height = rows === undefined ? 40 : rows * 23;
+    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: {
+                    transform: "scale(1)",
+                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: `${height}px`, sx: {
+                    transform: "scale(1)",
+                } })] }));
+};
+exports.Skeleton = Skeleton;

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

@@ -0,0 +1,11 @@
+import { type TextFieldProps as MuiTextFieldProps } from "@mui/material";
+import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
+export type TextFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<MuiTextFieldProps, keyof ControllerRenderProps<P>> & {
+    label?: string;
+    loading?: boolean;
+    rows?: number;
+    isCapitalize?: boolean;
+    isTrimStartDisabled?: boolean;
+};
+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;
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = TextField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_hook_form_1 = require("react-hook-form");
+const Skeleton_1 = require("./Skeleton");
+function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, ...inputFieldProps }) {
+    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+    const handleKeyDown = (event) => {
+        if (event.key === "-" && type === "number") {
+            event.preventDefault();
+        }
+    };
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
+    }
+    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: {
+                    min: 0,
+                }, onChange: (event) => {
+                    let value = event.target.value || null;
+                    if (typeof value === "string" && value.trim() === "") {
+                        value = null;
+                    }
+                    else if (!isTrimStartDisabled && typeof value === "string") {
+                        value = value.trimStart();
+                    }
+                    if (value && type === "number") {
+                        onChange(Number(value));
+                    }
+                    else if (isCapitalize) {
+                        onChange(value ? value?.toUpperCase() : null);
+                    }
+                    else {
+                        onChange(value);
+                    }
+                }, value: typeof value === "string" ? value.trimStart() : (value ?? ""), ...restField, ...inputFieldProps })] }));
+}

package/packages/shared-components/dist/FormFields/TextField/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TextField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextField"), exports);

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

@@ -0,0 +1,4 @@
+export declare const Skeleton: ({ label }: {
+    label?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/Skeleton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,cAAe;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,4CAqBrD,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+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 = ({ label }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
+                    transform: "scale(1)",
+                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", width: "100%", sx: {
+                    transform: "scale(1)",
+                } })] }));
+};
+exports.Skeleton = Skeleton;

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

@@ -0,0 +1,16 @@
+import { type TimeFieldProps as MuiTimeFieldProps } from "@mui/x-date-pickers/TimeField";
+import type { FieldValues, UseControllerProps } from "react-hook-form";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+export type TimeFieldProps<P extends FieldValues> = UseControllerProps<P> & MuiTimeFieldProps<PickerValidDate> & Partial<{
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    error: boolean;
+    helperText: string;
+    loading: boolean;
+    format: string;
+    isReturnLocalTime: boolean;
+    isReturnDateWithTime: boolean;
+}>;
+export declare function TimeField<P extends FieldValues>({ control, defaultValue, disabled, label, name, error, helperText, loading, required, rules, format, isReturnLocalTime, isReturnDateWithTime, ...restProps }: TimeFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/TimeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,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;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,GAAG,SAAS,EACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CA0EnB"}

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeField = TimeField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const TimeField_1 = require("@mui/x-date-pickers/TimeField");
+const luxon_1 = require("luxon");
+const react_hook_form_1 = require("react-hook-form");
+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, ...restProps }) {
+    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue } = theme.palette.app.color;
+    if (error && value && typeof value === "object") {
+        helperText = "Invalid time";
+    }
+    const pickerValue = value
+        ? luxon_1.DateTime.fromISO(value)
+        : null;
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label });
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((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) => {
+                    if (value?.isValid) {
+                        if (isReturnLocalTime) {
+                            return onChange(value.toFormat(format));
+                        }
+                        if (isReturnDateWithTime) {
+                            return onChange(value.toUTC().toISO());
+                        }
+                        onChange(value.toUTC().toISOTime());
+                    }
+                    else {
+                        onChange(value);
+                    }
+                }, slotProps: {
+                    textField: {
+                        disabled,
+                        helperText,
+                        error,
+                        sx: {
+                            backgroundColor: "white",
+                            "& .Mui-selected": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                        },
+                    },
+                }, format: format, helperText: helperText, sx: {
+                    backgroundColor: "white",
+                    "& .Mui-selected": {
+                        backgroundColor: butterflyBlue[900],
+                        borderRadius: "5px",
+                    },
+                } })] }));
+}

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

@@ -0,0 +1,2 @@
+export * from "./TimeField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimeField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TimeField"), exports);

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

@@ -0,0 +1,4 @@
+export declare const Skeleton: ({ label }: {
+    label?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/Skeleton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,cAAe;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,4CAqBrD,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+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 = ({ label }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
+                    transform: "scale(1)",
+                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", width: "100%", sx: {
+                    transform: "scale(1)",
+                } })] }));
+};
+exports.Skeleton = Skeleton;

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

@@ -0,0 +1,20 @@
+import type { TimePickerProps as MuiTimePickerProps } from "@mui/x-date-pickers/TimePicker";
+import type { PickerValidDate } from "@mui/x-date-pickers/models";
+import { type ReactElement } from "react";
+import type { FieldValues, UseControllerProps } from "react-hook-form";
+export type TimePickerProps<P extends FieldValues> = UseControllerProps<P> & MuiTimePickerProps<PickerValidDate> & Partial<{
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    format: string;
+    error: boolean;
+    helperText: string;
+    loading: boolean;
+    isReturnLocalTime: boolean;
+    isReturnDateWithTime: boolean;
+    helperIcon?: ReactElement;
+    toolTipText?: string;
+    timeStepsMinutes?: number;
+}>;
+export declare function TimePicker<P extends FieldValues>({ control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, rules, format, isReturnLocalTime, isReturnDateWithTime, timeStepsMinutes, helperIcon, toolTipText, ...restProps }: TimePickerProps<P>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAIzB,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;CAC3B,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,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAoHpB"}

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = TimePicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+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 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, ...restProps }) {
+    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+    const [open, setOpen] = (0, react_1.useState)(false);
+    if (error && value && typeof value === "object") {
+        helperText = "Invalid time";
+    }
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue } = theme.palette.app.color;
+    const pickerValue = value
+        ? luxon_1.DateTime.fromISO(value)
+        : null;
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label });
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((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: () => setOpen(false), timeSteps: { minutes: timeStepsMinutes }, slotProps: {
+                    textField: {
+                        disabled,
+                        helperText,
+                        error,
+                        sx: {
+                            backgroundColor: "white",
+                            "& .Mui-selected": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                        },
+                    },
+                    popper: {
+                        sx: {
+                            "& .MuiMultiSectionDigitalClockSection-root::after": {
+                                display: "unset",
+                            },
+                            "& .MuiList-padding": {
+                                padding: "10px",
+                            },
+                            "& .MuiMultiSectionDigitalClockSection-item": {
+                                padding: "4px",
+                            },
+                            "& .MuiMultiSectionDigitalClockSection-item.Mui-selected": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                            "& .MuiMultiSectionDigitalClockSection-item.Mui-selected:hover": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                            "& .Mui-selected:hover": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                            "& .MuiMultiSectionDigitalClockSection-item.Mui-selected:focus-visible": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                            "& .Mui-selected:focus-visible": {
+                                backgroundColor: butterflyBlue[900],
+                                borderRadius: "5px",
+                            },
+                        },
+                    },
+                }, onChange: (value) => {
+                    if (value?.isValid) {
+                        if (isReturnLocalTime) {
+                            return onChange(value.toFormat(format));
+                        }
+                        if (isReturnDateWithTime) {
+                            return onChange(value.toUTC().toISO());
+                        }
+                        onChange(value.toUTC().toISOTime());
+                    }
+                    else {
+                        onChange(value);
+                    }
+                } })] }));
+}

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

@@ -0,0 +1,2 @@
+export * from "./TimePicker";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}