@codezee/sixtify-brahma 0.2.33 → 1.1.0

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

@@ -1,17 +0,0 @@
-"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, { direction: "row", gap: "10px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(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", sx: {
-                            transform: "scale(1)",
-                        } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(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", sx: {
-                            transform: "scale(1)",
-                        } })] })] }));
-};
-exports.Skeleton = Skeleton;

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

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

package/packages/shared-components/dist/FormFields/DateRangePicker/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("./DateRangePicker"), exports);

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC5E,sBAAsB,CAAC,eAAe,CAAC,GACvC,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAkCL,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,MAA2B,EAC3B,UAAU,EACV,WAAW,EACX,gBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAmKxB"}

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

@@ -1,150 +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.DateTimePicker = DateTimePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ChevronLeft_1 = __importDefault(require("@mui/icons-material/ChevronLeft"));
-const ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
-const material_1 = require("@mui/material");
-const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
-const luxon_1 = require("luxon");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const Actions_1 = require("../../Actions");
-const Skeleton_1 = require("./Skeleton");
-const LeftArrowIcon = () => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(ChevronLeft_1.default, { sx: {
-            border: `1px solid ${iron[800]}`,
-            borderRadius: "5px",
-            p: "4px",
-        } }));
-};
-const RightArrowIcon = () => {
-    const theme = (0, material_1.useTheme)();
-    const { iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(ChevronRight_1.default, { sx: {
-            border: `1px solid ${iron[800]}`,
-            borderRadius: "5px",
-            p: "4px",
-        } }));
-};
-function DateTimePicker({ control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = true, rules, format = "dd-MM-yyyy HH:mm", helperIcon, toolTipText, timeStepsMinutes = 1, ...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 { iron, butterflyBlue, mirage } = theme.palette.app.color;
-    const pickerValue = value
-        ? // eslint-disable-next-line sonarjs/no-nested-conditional
-            luxon_1.DateTime.fromISO(value)
-        : null;
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "350px" }, children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label }) }));
-    }
-    const EmptyIcon = () => null;
-    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)(DateTimePicker_1.DateTimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, timeSteps: { minutes: timeStepsMinutes }, format: format, onOpen: () => setOpen(true), onClose: () => setOpen(false), slotProps: {
-                    field: {
-                        clearable,
-                        onClear: () => onChange(null),
-                    },
-                    clearButton: {
-                        tabIndex: -1,
-                    },
-                    textField: {
-                        disabled,
-                        helperText,
-                        error,
-                        InputProps: {
-                            endAdornment: (0, jsx_runtime_1.jsx)(Actions_1.CalendarAction, { onClick: () => setOpen(true) }),
-                            sx: {
-                                "& .MuiInputAdornment-root": {
-                                    width: "30px",
-                                },
-                            },
-                        },
-                    },
-                    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",
-                            },
-                        },
-                    },
-                    day: {
-                        sx: {
-                            "&.MuiPickersDay-root": {
-                                borderRadius: "5px",
-                                borderColor: butterflyBlue[900],
-                                fontWeight: 500,
-                                color: mirage[900],
-                            },
-                            "&.MuiPickersDay-root.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                                color: iron[600],
-                            },
-                            "&.MuiPickersDay-today": {
-                                color: butterflyBlue[900],
-                                backgroundColor: iron[600],
-                            },
-                            ":focus": {
-                                backgroundColor: "transparent",
-                            },
-                        },
-                    },
-                    calendarHeader: {
-                        sx: {
-                            "& .MuiPickersCalendarHeader-label": {
-                                fontWeight: "bold",
-                            },
-                        },
-                    },
-                    yearButton: {
-                        sx: {
-                            "&.MuiPickersYear-yearButton.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                            },
-                        },
-                    },
-                }, slots: {
-                    leftArrowIcon: LeftArrowIcon,
-                    rightArrowIcon: RightArrowIcon,
-                    switchViewIcon: EmptyIcon,
-                }, shouldDisableTime: () => !pickerValue, onChange: (value) => {
-                    if (value?.isValid) {
-                        return onChange(value.toUTC().toISO());
-                    }
-                    onChange(value);
-                } })] }));
-}

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

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

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

@@ -1,13 +0,0 @@
-"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/DateTimePicker/index.d.ts.map

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

package/packages/shared-components/dist/FormFields/DateTimePicker/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("./DateTimePicker"), exports);

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileNames.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileNames.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,qBAAqB,cAAc,8CAqB5D,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/FileNames.js

@@ -1,17 +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.FileNames = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const DeleteOutlineOutlined_1 = __importDefault(require("@mui/icons-material/DeleteOutlineOutlined"));
-const material_1 = require("@mui/material");
-const uuid_1 = require("uuid");
-const FileNames = ({ names, onDelete }) => {
-    return names.map((name, index) => {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "8x", children: [(0, jsx_runtime_1.jsx)(icons_material_1.AttachFile, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: name })] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => onDelete(index), children: (0, jsx_runtime_1.jsx)(DeleteOutlineOutlined_1.default, {}) })] }, (0, uuid_1.v4)()));
-    });
-};
-exports.FileNames = FileNames;

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAQzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAA0C,EAC1C,WAAsD,EACtD,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CA6GpB"}

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

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.error_with_transaltion = void 0;
-exports.FileUpload = FileUpload;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const lodash_1 = require("lodash");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const PadBox_1 = require("../../PadBox");
-const Svgs_1 = require("../../Svgs");
-const utils_1 = require("../../utils");
-const FileUpload_styled_1 = require("./FileUpload.styled");
-const Skeleton_1 = require("./Skeleton");
-exports.error_with_transaltion = "error_with_transaltion";
-function FileUpload({ loading = false, onChange, isDisabled, multiple = false, error, helperText, label, fileNames, size = 10, name, setError, accept = ".png,.jpg,.jpeg,.doc,.docx,.pdf", acceptTitle = "Only JPG, PNG, PDF files are accepted.", ...restProps }) {
-    const theme = (0, material_1.useTheme)();
-    const { red } = theme.palette.app.color;
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const inputRef = (0, react_1.useRef)(null);
-    const handleFileChange = (event) => {
-        if (event.target.files) {
-            const files = Array.from(event.target.files);
-            const uploadFiles = [];
-            const inValidFiles = [];
-            let isShowError = false;
-            for (const element of files) {
-                if (!(0, utils_1.isFileSizeValid)(element, size)) {
-                    isShowError = true;
-                    inValidFiles.push(t("fileUpload.fileSize.error.message", {
-                        fileName: element.name,
-                        fileSize: size,
-                    }));
-                }
-                else if (!(0, utils_1.isFileTypeValid)(element)) {
-                    isShowError = true;
-                    inValidFiles.push(t("fileUpload.fileType.error.message", {
-                        fileName: element.name,
-                    }));
-                }
-                else {
-                    uploadFiles.push(element);
-                }
-            }
-            if (isShowError) {
-                if ((0, lodash_1.isFunction)(setError)) {
-                    setError(name, {
-                        type: exports.error_with_transaltion,
-                        message: inValidFiles.join("\n"),
-                    });
-                }
-                return;
-            }
-            if (uploadFiles?.length > 0) {
-                onChange(uploadFiles);
-                event.target.value = "";
-            }
-        }
-    };
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: true, children: label }), (0, jsx_runtime_1.jsx)(FileUpload_styled_1.FileUploadContainer, { onClick: () => inputRef.current?.click(), error: error, ...restProps, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", alignItems: "center", justifyContent: "center", children: [(0, jsx_runtime_1.jsx)(FileUpload_styled_1.FileInput, { disabled: isDisabled, type: "file", accept: accept, ref: inputRef, onChange: handleFileChange, multiple: multiple }), (0, jsx_runtime_1.jsx)(Svgs_1.SvgsDrop, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Drag & drop files or Browse" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: acceptTitle })] }) }) }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
-                    color: `${red[900]}`,
-                    whiteSpace: "pre",
-                    textWrap: "wrap",
-                }, children: helperText })), fileNames] }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAUnE,CAAC;AAEN,eAAO,MAAM,SAAS,EAAE,aAAa,CACnC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAG1E,CAAC"}

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInput = exports.FileUploadContainer = void 0;
-const material_1 = require("@mui/material");
-exports.FileUploadContainer = (0, material_1.styled)(material_1.Box)(({ theme, error }) => ({
-    border: error
-        ? `2px dashed ${theme.palette.app.color.red[900]}`
-        : `2px dashed ${theme.palette.app.color.iron[800]}`,
-    borderRadius: "8px",
-    cursor: "pointer",
-    "&:hover": {
-        borderColor: theme.palette.app.color.butterflyBlue[900],
-    },
-}));
-exports.FileInput = (0, material_1.styled)("input")({
-    display: "none",
-});

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

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

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

@@ -1,13 +0,0 @@
-"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, { width: 120, height: "23px", sx: {
-                    transform: "scale(1)",
-                } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "141px", sx: {
-                    transform: "scale(1)",
-                } })] }));
-};
-exports.Skeleton = Skeleton;

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

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

package/packages/shared-components/dist/FormFields/FileUpload/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("./FileNames"), exports);
-__exportStar(require("./FileUpload"), exports);

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,QAAiC,GAClC,EAAE,gBAAgB,2CAmJlB"}

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

@@ -1,69 +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.ImageUpload = ImageUpload;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const CameraAltOutlined_1 = __importDefault(require("@mui/icons-material/CameraAltOutlined"));
-const PersonAddAlt_1 = __importDefault(require("@mui/icons-material/PersonAddAlt"));
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const Button_1 = require("../../Button");
-const PadBox_1 = require("../../PadBox");
-const ImageUpload_styled_1 = require("./ImageUpload.styled");
-const PhotoCaptureDialog_1 = require("./PhotoCaptureDialog");
-const Skeleton_1 = require("./Skeleton");
-function ImageUpload({ variant = "square", isUploading = false, defaultValue = "", onDelete, onChange, label, isCapture = false, loading = false, subTitle = "PNG, JPEG under 5 MB", }) {
-    const inputRef = (0, react_1.useRef)(null);
-    const [hover, setHover] = (0, react_1.useState)(false);
-    const [isOpenCaptureModal, setIsOpenCaptureModal] = (0, react_1.useState)(false);
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, iron } = theme.palette.app.color;
-    const handleFileChange = (event) => {
-        if (event.target.files) {
-            const files = Array.from(event.target.files);
-            onChange(files);
-        }
-    };
-    const handleFileRemove = (event) => {
-        event.stopPropagation();
-        onDelete();
-        if (inputRef.current) {
-            inputRef.current.value = "";
-        }
-    };
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), sx: {
-                            height: "120px",
-                            width: "120px",
-                            position: "relative",
-                            overflow: "hidden",
-                            border: defaultValue
-                                ? `2px solid ${butterflyBlue[900]}`
-                                : `2px dashed ${theme.palette.grey[400]}`,
-                            cursor: "pointer",
-                            borderRadius: "10px",
-                            "& img": {
-                                borderRadius: "10px",
-                            },
-                            ":hover": {
-                                border: `2px dashed ${butterflyBlue[900]}`,
-                            },
-                            ...(variant === "circle"
-                                ? {
-                                    borderRadius: "50%",
-                                    "& img": {
-                                        borderRadius: "50%",
-                                    },
-                                }
-                                : {}),
-                        }, children: [(0, jsx_runtime_1.jsx)("input", { type: "file", ref: inputRef, onChange: handleFileChange, style: { display: "none" }, accept: "image/png, image/jpeg" }), hover && !!defaultValue && ((0, jsx_runtime_1.jsxs)(ImageUpload_styled_1.DarkBackgroundContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => inputRef.current?.click(), children: (0, jsx_runtime_1.jsx)(icons_material_1.Edit, { sx: { color: "white" } }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleFileRemove, children: (0, jsx_runtime_1.jsx)(icons_material_1.Delete, { sx: { color: "white" } }) })] })), isUploading && ((0, jsx_runtime_1.jsx)(ImageUpload_styled_1.DarkBackgroundContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: iron[600], children: "Processing..." }) })), defaultValue ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, style: {
-                                        width: "100%",
-                                        height: "100%",
-                                        objectFit: "cover",
-                                    } }) })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)(PersonAddAlt_1.default, {}) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", fontWeight: 500, children: label }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: iron[800], children: subTitle })] }), isCapture && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setIsOpenCaptureModal(true), variant: "outlined", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", children: [(0, jsx_runtime_1.jsx)(CameraAltOutlined_1.default, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "Capture photo" })] }) }))] }), isOpenCaptureModal && ((0, jsx_runtime_1.jsx)(PhotoCaptureDialog_1.PhotoCaptureDialog, { onChange: onChange, isUploading: isUploading, open: isOpenCaptureModal, onClose: () => setIsOpenCaptureModal(false) }))] }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC,QAAQ,CAe1D,CAAC"}

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DarkBackgroundContainer = void 0;
-const material_1 = require("@mui/material");
-exports.DarkBackgroundContainer = (0, material_1.styled)(material_1.Box)(({ theme, }) => {
-    return {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: theme.palette.app.color.mirage[600],
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        transition: "opacity 0.5s ease",
-    };
-});

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageUploadView.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUploadView.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,GACR,EAAE,oBAAoB,2CAqDtB"}

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageUploadView = ImageUploadView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const PadBox_1 = require("../../PadBox");
-const react_1 = require("react");
-function ImageUploadView({ defaultValue, variant, }) {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue } = theme.palette.app.color;
-    const [hasError, setHasError] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-            height: "120px",
-            minWidth: "120px",
-            maxWidth: "120px",
-            overflow: "hidden",
-            border: `2px solid ${butterflyBlue[900]}`,
-            borderRadius: "10px",
-            "& img": {
-                borderRadius: "10px",
-            },
-            ...(variant === "circle"
-                ? {
-                    borderRadius: "50%",
-                    "& img": {
-                        borderRadius: "50%",
-                    },
-                }
-                : {}),
-        }, children: defaultValue && !hasError ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, onError: () => setHasError(true), style: {
-                    width: "100%",
-                    height: "100%",
-                    objectFit: "cover",
-                } }) })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { sx: { width: "93%", height: "93%" } }) })) }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PhotoCaptureDialog.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/PhotoCaptureDialog.tsx"],"names":[],"mappings":"AAQA,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2CAKhC,uBAAuB,4CAqDzB,CAAC"}

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

@@ -1,36 +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.PhotoCaptureDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const file64_1 = require("file64");
-const react_1 = require("react");
-const react_webcam_1 = __importDefault(require("react-webcam"));
-const Button_1 = require("../../Button");
-const Dialog_1 = require("../../Dialog");
-const Toast_1 = require("../../Toast");
-const PhotoCaptureDialog = ({ open, isUploading, onClose, onChange, }) => {
-    const webcamRef = (0, react_1.useRef)(null);
-    const capture = (0, react_1.useCallback)(async () => {
-        if (webcamRef.current) {
-            const imageSrc = webcamRef.current.getScreenshot();
-            if (imageSrc) {
-                try {
-                    const file = await (0, file64_1.base64ToFile)(imageSrc, "image/jpeg");
-                    onChange([file]);
-                    onClose();
-                }
-                catch (error) {
-                    Toast_1.toasts.error({ title: `Failed to convert base64 to file:${error}` });
-                }
-            }
-        }
-    }, [webcamRef]);
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { onClose: onClose, open: open, title: "Photo Capture", maxWidth: "md", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClose, variant: "outlined", children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => {
-                        capture();
-                    }, loading: isUploading, children: "Save" })] }), children: (0, jsx_runtime_1.jsx)(react_webcam_1.default, { mirrored: true, ref: webcamRef, screenshotFormat: "image/jpeg", width: "835", height: "600" }) }));
-};
-exports.PhotoCaptureDialog = PhotoCaptureDialog;

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

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

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

@@ -1,15 +0,0 @@
-"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: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "120px", height: "120px", sx: {
-                    transform: "scale(1)",
-                } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "8px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 129, height: "24px", sx: {
-                            transform: "scale(1)",
-                        } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 129, height: "16px", sx: {
-                            transform: "scale(1)",
-                        } })] })] }));
-};
-exports.Skeleton = Skeleton;

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

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

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.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,uBAAuB,EAC3B,EAAE,mBAAmB,2CA6BrB"}