@codezee/sixtify-brahma 0.2.207 → 0.2.209

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

@@ -1,19 +0,0 @@
-"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 Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Skeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: "120px", height: "120px", sx: {
-                    transform: "scale(1)",
-                } }), (0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "8px", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 129, height: "24px", sx: {
-                            transform: "scale(1)",
-                        } }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 129, height: "16px", sx: {
-                            transform: "scale(1)",
-                        } })] })] }));
-};
-exports.Skeleton = Skeleton;

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

@@ -1,18 +0,0 @@
-"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("./ImageUpload"), exports);
-__exportStar(require("./ImageUploadView"), exports);

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

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItemButton = ListItemButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const react_1 = require("react");
-const Tooltip_1 = require("../../Tooltip");
-const ListItemButton_styled_1 = require("./ListItemButton.styled");
-function ListItemButton({ label, selected, actions, companyName, ...restListItemButtonProps }) {
-    const theme = (0, styles_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    const textRef = (0, react_1.useRef)(null);
-    const [isOverflowed, setIsOverflowed] = (0, react_1.useState)(false);
-    //useMemo is not allowed on side effects.
-    (0, react_1.useEffect)(() => {
-        const el = textRef.current;
-        if (!el) {
-            return;
-        }
-        const handleResize = () => setIsOverflowed(el.scrollWidth > el.clientWidth);
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return () => window.removeEventListener("resize", handleResize);
-    }, [label, companyName]);
-    return ((0, jsx_runtime_1.jsx)(ListItemButton_styled_1.StyledListItemButton, { selected: selected, alignItems: "flex-start", ...restListItemButtonProps, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", direction: "column", flex: 1, display: "grid", children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: label, checkOverflow: !isOverflowed, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", fontWeight: 500, ref: textRef, sx: {
-                                    width: "auto",
-                                    whiteSpace: "nowrap",
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
-                                    display: "block",
-                                }, children: label }) }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", color: iron[800], children: companyName })] }), actions] }) }));
-}

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledListItemButton = void 0;
-const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-const styles_1 = require("@mui/material/styles");
-exports.StyledListItemButton = (0, styles_1.styled)(ListItemButton_1.default, {
-    shouldForwardProp: (prop) => prop !== "selected",
-})(({ theme, selected }) => ({
-    background: theme.palette.app.color.iron[600],
-    color: theme.palette.app.color.mirage[900],
-    borderRadius: "4px",
-    //TODO: Manish, Add a transition
-    border: `1px solid ${theme.palette.app.color.butterflyBlue[300]}`,
-    ...(selected
-        ? {
-            background: theme.palette.app.color.deepAqua[500],
-            color: theme.palette.app.color.mirage[900],
-            borderLeft: `6px solid ${theme.palette.app.color.butterflyBlue[900]}`,
-        }
-        : {}),
-}));

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

@@ -1,17 +0,0 @@
-"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("./ListItemButton"), exports);

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

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordField = PasswordField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LockOutlined_1 = __importDefault(require("@mui/icons-material/LockOutlined"));
-const VisibilityOffOutlined_1 = __importDefault(require("@mui/icons-material/VisibilityOffOutlined"));
-const VisibilityOutlined_1 = __importDefault(require("@mui/icons-material/VisibilityOutlined"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-const react_1 = require("react");
-const TextField_1 = require("../TextField");
-function PasswordField(props) {
-    const [isPasswordVisible, setIsPasswordVisible] = (0, react_1.useState)(false);
-    const togglePasswordVisibility = () => {
-        setIsPasswordVisible((prevState) => !prevState);
-    };
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { type: isPasswordVisible ? "text" : "password", InputProps: {
-            startAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "start", children: (0, jsx_runtime_1.jsx)(LockOutlined_1.default, { fontSize: "small" }) })),
-            endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { "aria-label": "toggle password visibility", onClick: togglePasswordVisibility, edge: "end", children: isPasswordVisible ? ((0, jsx_runtime_1.jsx)(VisibilityOffOutlined_1.default, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(VisibilityOutlined_1.default, { fontSize: "small" })) }) })),
-        }, ...props }));
-}

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

@@ -1,17 +0,0 @@
-"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("./PasswordField"), exports);

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

@@ -1,134 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneInputField = PhoneInputField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable sonarjs/no-nested-conditional */
-const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const react_phone_input_2_1 = __importDefault(require("react-phone-input-2"));
-const utils_1 = require("../../utils");
-const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
-const PhoneInputField_styled_1 = require("./PhoneInputField.styled");
-const Skeleton_1 = require("./Skeleton");
-function PhoneInputField({ control, name, defaultValue, rules, label, disabled = false, required, rows, loading = false, placeholder = "", error, helperText, navigationKey, styling = "custom", ...phoneInputProps }) {
-    const theme = (0, styles_1.useTheme)();
-    const { iron, red, slate } = theme.palette.app.color;
-    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
-    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
-    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({
-        name,
-        control,
-        defaultValue,
-        rules,
-    });
-    const [dropdownOpen, setDropdownOpen] = (0, react_1.useState)(false);
-    const { setInputRef, maintainFocusAfterClose, handleKeyDown } = (0, useFormFieldFocus_1.useFormFieldFocus)({
-        isOpen: dropdownOpen,
-        navigationKey: resolvedNavigationKey,
-    });
-    const containerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const container = containerRef.current;
-        if (!container || disabled) {
-            return;
-        }
-        const mainInput = container.querySelector("input[type='tel']");
-        if (mainInput) {
-            setInputRef(mainInput);
-            restField.ref(mainInput);
-        }
-        const checkDropdownState = () => {
-            const selectedFlag = container.querySelector(".selected-flag");
-            if (selectedFlag) {
-                selectedFlag.setAttribute("tabindex", "-1");
-                selectedFlag.addEventListener("focus", () => {
-                    selectedFlag.blur();
-                });
-            }
-            const dropdown = container.querySelector(".flag-dropdown.open");
-            const isOpen = !!dropdown;
-            setDropdownOpen(isOpen);
-            if (isOpen) {
-                setTimeout(() => {
-                    const searchInput = container.querySelector(".country-list .search-box input");
-                    if (searchInput) {
-                        searchInput.focus();
-                    }
-                }, 0);
-            }
-        };
-        const observer = new MutationObserver(checkDropdownState);
-        observer.observe(container, {
-            attributes: true,
-            attributeFilter: ["class"],
-            subtree: true,
-            childList: true,
-        });
-        const handleClick = (e) => {
-            const target = e.target;
-            if (target.closest(".flag-dropdown") || target.closest(".country-list")) {
-                setTimeout(checkDropdownState, 0);
-            }
-        };
-        const handleClickOutside = (e) => {
-            const target = e.target;
-            if (!target.closest(".flag-dropdown") &&
-                !target.closest(".country-list")) {
-                setTimeout(checkDropdownState, 0);
-            }
-        };
-        container.addEventListener("click", handleClick);
-        document.addEventListener("click", handleClickOutside);
-        checkDropdownState();
-        return () => {
-            observer.disconnect();
-            container.removeEventListener("click", handleClick);
-            document.removeEventListener("click", handleClickOutside);
-        };
-    }, [setInputRef, restField, disabled]);
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows, styling: styling });
-    }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "4px", children: [(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)(PhoneInputField_styled_1.PhoneInputWrapper, { ref: containerRef, styling: styling, error: error, className: styling === "custom" ? "custom_phone_input" : "default_phone_input", children: (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, specialLabel: label ?? "", placeholder: placeholder || label, onChange: (phone) => {
-                                onChange(phone);
-                            }, value: value, onBlur: () => {
-                                restField.onBlur();
-                                if (!dropdownOpen) {
-                                    maintainFocusAfterClose();
-                                }
-                            }, onKeyDown: (event) => {
-                                if (!dropdownOpen) {
-                                    handleKeyDown(event, undefined, false);
-                                }
-                            }, containerStyle: {
-                                width: "100%",
-                                border: error
-                                    ? `1px solid ${red[900]}`
-                                    : disabled
-                                        ? `1px solid ${iron[700]}`
-                                        : `1px solid ${iron[800]}`,
-                                borderRadius: "4px",
-                                transition: "all 0.2s ease",
-                            }, inputStyle: {
-                                width: "100%",
-                                padding: "8.5px 40px",
-                                fontSize: "13px",
-                                border: "none",
-                                outline: "none",
-                                transition: "all 0.2s ease",
-                                color: disabled ? iron[100] : slate[900],
-                            }, containerClass: "phone-input-container", inputClass: "phone-input-field", buttonStyle: {
-                                border: "none",
-                            }, ...phoneInputProps }) })] }), error && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", sx: {
-                    color: "red",
-                    whiteSpace: "pre",
-                    textWrap: "wrap",
-                }, children: helperText }))] }));
-}

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.styled.js

@@ -1,219 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneInputWrapper = void 0;
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const styles_1 = require("@mui/material/styles");
-exports.PhoneInputWrapper = (0, styles_1.styled)(Box_1.default)(({ styling, theme, error }) => {
-    const baseStyles = {
-        position: "relative",
-    };
-    const { red, butterflyBlue, iron, slate, black } = theme.palette.app.color;
-    if (styling === "custom") {
-        return {
-            ...baseStyles,
-            "&.custom_phone_input": {
-                "& .phone-input-container": {
-                    "&:focus-within": {
-                        border: `2px solid ${butterflyBlue[900]} !important`,
-                    },
-                },
-                "& .phone-input-field": {
-                    padding: "8.5px 50px 8.5px 30px",
-                    "&:focus": {
-                        "& ~ .flag-dropdown": {
-                            borderColor: error ? red[900] : butterflyBlue[900],
-                        },
-                    },
-                },
-                "& .flag-dropdown": {
-                    "&.open": {
-                        borderColor: error ? red[900] : butterflyBlue[900],
-                    },
-                },
-            },
-        };
-    }
-    return {
-        "&.default_phone_input": {
-            "& .react-tel-input": {
-                "& .form-control": {
-                    fontSize: "16px",
-                    background: iron[600],
-                    border: `1px solid ${slate[100]}`,
-                    borderRadius: "5px",
-                    width: "300px",
-                    outline: "none",
-                    padding: "18.5px 14px 18.5px 58px",
-                    transition: "box-shadow ease .25s, border-color ease .25s",
-                    "&:focus": {
-                        borderColor: butterflyBlue[900],
-                        boxShadow: `0 0 0 2px ${butterflyBlue[900]}`,
-                    },
-                    "&.invalid-number": {
-                        border: `1px solid ${red[900]}`,
-                        "&:focus": {
-                            boxShadow: `0 0 0 2px ${red[900]}`,
-                        },
-                        "&+div:before": {
-                            content: "'Error'",
-                            display: "none",
-                            color: `${red[900]}`,
-                            width: "27px",
-                        },
-                    },
-                },
-                "& .flag-dropdown": {
-                    position: "absolute",
-                    top: "0",
-                    bottom: "0",
-                    padding: "0",
-                    backgroundColor: iron[600],
-                    borderRadius: "3px 0 0 3px",
-                    "&:hover, &:focus": {
-                        cursor: "pointer",
-                    },
-                },
-                "& input[disabled]": {
-                    "&+.flag-dropdown": {
-                        "&:hover": {
-                            cursor: "default",
-                            borderColor: slate[100],
-                            "& .selected-flag": {
-                                backgroundColor: "transparent",
-                            },
-                        },
-                    },
-                },
-                "& .selected-flag": {
-                    outline: "none",
-                    position: "relative",
-                    height: "100%",
-                    padding: "0 0 0 8px",
-                    borderRadius: "3px 0 0 3px",
-                    "&:focus": {
-                        "& .arrow": {
-                            borderLeftWidth: "4px",
-                            borderRightWidth: "4px",
-                            borderTop: `5px solid ${butterflyBlue[900]}`,
-                        },
-                    },
-                    "& .flag": {
-                        position: "absolute",
-                        top: "50%",
-                        marginTop: "-6px",
-                    },
-                    "& .arrow": {
-                        position: "relative",
-                        top: "50%",
-                        marginTop: "-1px",
-                        width: "0",
-                        height: "0",
-                        borderLeft: "3px solid transparent",
-                        borderRight: "3px solid transparent",
-                        borderTop: "4px solid #555",
-                        "&.up": {
-                            borderTop: "none",
-                            borderBottom: "4px solid #555",
-                        },
-                    },
-                },
-                "& .country-list": {
-                    outline: "none",
-                    zIndex: 1,
-                    listStyle: "none",
-                    position: "absolute",
-                    padding: "0",
-                    margin: "10px 0 10px -1px",
-                    boxShadow: `1px 2px 18px ${black[900]}`,
-                    backgroundColor: "white",
-                    width: "300px",
-                    maxHeight: "220px",
-                    overflowY: "scroll",
-                    borderRadius: "7px",
-                    "& .flag": {
-                        display: "inline-block",
-                        position: "absolute",
-                        left: "13px",
-                        top: "8px",
-                        marginRight: "7px",
-                        marginTop: "2px",
-                    },
-                    "& .divider": {
-                        paddingBottom: "5px",
-                        marginBottom: "5px",
-                        borderBottom: "1px solid #ccc",
-                    },
-                    "& .country": {
-                        position: "relative",
-                        padding: "12px 9px 13px 46px",
-                        "& .dial-code": {
-                            color: "#6b6b6b",
-                        },
-                        "&:hover": {
-                            backgroundColor: "hsl(0, 0.00%, 94.50%)",
-                        },
-                        "&.highlight": {
-                            backgroundColor: slate[300],
-                        },
-                    },
-                    "& .country-name": {
-                        marginRight: "6px",
-                    },
-                    "& .search": {
-                        zIndex: 2,
-                        position: "sticky",
-                        top: "0",
-                        backgroundColor: "#fff",
-                        padding: "10px 0 6px 10px",
-                    },
-                    "& .search-emoji": {
-                        display: "none",
-                        fontSize: "15px",
-                    },
-                    "& .search-box": {
-                        border: `1px solid ${slate[100]}`,
-                        borderRadius: "3px",
-                        fontSize: "15px",
-                        lineHeight: "15px",
-                        marginLeft: "6px",
-                        padding: "3px 8px 5px",
-                        outline: "none",
-                        "&:hover": {
-                            borderColor: slate[50],
-                        },
-                    },
-                    "& .no-entries-message": {
-                        padding: "7px 10px 11px",
-                        opacity: ".7",
-                    },
-                },
-                "& .invalid-number-message": {
-                    position: "absolute",
-                    zIndex: 1,
-                    fontSize: "13px",
-                    left: "25px",
-                    top: "-7px",
-                    background: "#fff",
-                    padding: "0 5px",
-                    color: red[900],
-                },
-                "& .special-label": {
-                    position: "absolute",
-                    zIndex: 5,
-                    top: "-7px",
-                    left: "10px",
-                    display: "block",
-                    color: black[900],
-                    background: iron[600],
-                    opacity: "1",
-                    fontSize: "10.5px",
-                    whiteSpace: "nowrap",
-                    lineHeight: "1.1",
-                },
-            },
-        },
-    };
-});

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

@@ -1,18 +0,0 @@
-"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 Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Skeleton = ({ rows, label, styling }) => {
-    const height = rows === undefined ? 35.69 : rows * 26.5;
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", 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)(Skeleton_1.default, { height: `${height}px`, sx: {
-                    transform: "scale(1)",
-                } })] }));
-};
-exports.Skeleton = Skeleton;

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

@@ -1,17 +0,0 @@
-"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("./PhoneInputField"), exports);

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

@@ -1,89 +0,0 @@
-"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 Box_1 = __importDefault(require("@mui/material/Box"));
-const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const Radio_1 = __importDefault(require("@mui/material/Radio"));
-const RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-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 Skeleton_1 = require("./Skeleton");
-function RadioGroupField({ name, rules, label, control, options, defaultValue, size = "small", color = "secondary", loading = false, required = false, direction = "row", sx = {}, containerProps, isHorizontal = false, navigationKey, customOnChange, ...restRadioButtonProps }) {
-    const { field: { value, onChange, ref, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
-    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
-    const { inputRef, handleKeyDown: handleNavigationKeyDown, maintainFocus, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
-    const fallbackInputRef = (0, react_1.useRef)(null);
-    const handleKeyDown = (event) => {
-        handleNavigationKeyDown(event, undefined, false);
-    };
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: isHorizontal ? "row" : "column", alignItems: isHorizontal ? "center" : undefined, gap: isHorizontal ? 1 : "5px", children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { sx: {
-                    whiteSpace: "normal",
-                    overflow: "visible",
-                    textOverflow: "unset",
-                }, required: required, disabled: restRadioButtonProps.disabled, children: label })), (0, jsx_runtime_1.jsx)(RadioGroup_1.default, { name: name, value: value, onKeyDown: handleKeyDown, onChange: (event, radioValue) => {
-                    let selectedValue;
-                    if (radioValue === "true") {
-                        selectedValue = true;
-                        onChange(true);
-                    }
-                    else if (radioValue === "false") {
-                        selectedValue = false;
-                        onChange(false);
-                    }
-                    else {
-                        selectedValue = radioValue;
-                        onChange(radioValue);
-                    }
-                    if (customOnChange) {
-                        const selectedOption = options.find(({ values }) => values === selectedValue);
-                        if (selectedOption) {
-                            customOnChange(selectedOption);
-                        }
-                    }
-                    const targetInput = event.target;
-                    if (targetInput) {
-                        inputRef.current = targetInput;
-                    }
-                    else if (!inputRef.current && fallbackInputRef.current) {
-                        inputRef.current = fallbackInputRef.current;
-                    }
-                    maintainFocus();
-                }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { gap: direction === "column" ? "5px" : "10px", direction: direction, ...containerProps, children: options?.map(({ label, values, disabled }, index) => {
-                        return (
-                        // eslint-disable-next-line sonarjs/no-array-index-key
-                        (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(FormControlLabel_1.default, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size, inputRef: (el) => {
-                                        if (!el) {
-                                            return;
-                                        }
-                                        const shouldUseAsPrimaryRef = value === values ||
-                                            (!inputRef.current && index === 0);
-                                        if (shouldUseAsPrimaryRef) {
-                                            inputRef.current = el;
-                                            fallbackInputRef.current = el;
-                                        }
-                                        else if (!fallbackInputRef.current && index === 0) {
-                                            fallbackInputRef.current = el;
-                                        }
-                                        if (ref) {
-                                            if (typeof ref === "function") {
-                                                ref(el);
-                                            }
-                                            else {
-                                                ref.current = el;
-                                            }
-                                        }
-                                    } }), disabled: disabled, label: label, sx: sx }) }, index));
-                    }) }) })] }));
-}