@codezee/sixtify-brahma 0.2.207 → 0.2.209

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

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

@@ -1,43 +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.CheckBox = CheckBox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Checkbox_1 = __importDefault(require("@mui/material/Checkbox/Checkbox"));
-const react_hook_form_1 = require("react-hook-form");
-const utils_1 = require("../../utils");
-const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
-const CheckBox_styled_1 = require("./CheckBox.styled");
-const Skeleton_1 = require("./Skeleton");
-function CheckBox({ name, rules, control, defaultValue, size, loading = false, navigationKey, ...restCheckBoxProps }) {
-    const { field: { value = false, 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, maintainFocus, handleKeyDown: handleNavigationKeyDown, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
-    const handleKeyDown = (event) => {
-        handleNavigationKeyDown(event, undefined, false);
-        if (restCheckBoxProps.onKeyDown) {
-            restCheckBoxProps.onKeyDown(event);
-        }
-    };
-    const handleInputRef = (el) => {
-        inputRef.current = el;
-        if (ref) {
-            if (typeof ref === "function") {
-                ref(el);
-            }
-            else {
-                ref.current = el;
-            }
-        }
-    };
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { icon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.BoxStyled, { size: size }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckBox_styled_1.CheckStyled, { size: size }), checked: value, inputRef: handleInputRef, onChange: (event) => {
-            onChange(event.target.checked);
-            maintainFocus();
-        }, onKeyDown: handleKeyDown, ...restField, ...restCheckBoxProps }));
-}

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

@@ -1,59 +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.CheckStyled = exports.BoxStyled = void 0;
-const Check_1 = __importDefault(require("@mui/icons-material/Check"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const styles_1 = require("@mui/material/styles");
-exports.BoxStyled = (0, styles_1.styled)(Box_1.default)(({ theme, size }) => {
-    const { color } = theme.palette.app;
-    const checkBoxSize = size === "small"
-        ? {
-            width: "14px",
-            height: "14px",
-        }
-        : {
-            width: "20px",
-            height: "20px",
-        };
-    const style = {
-        ...checkBoxSize,
-        borderRadius: "4px",
-        border: `2px solid ${color.iron[900]}`,
-        "input:hover ~ &": {
-            borderColor: color.butterflyBlue[900],
-        },
-        "input:disabled ~ &": {
-            borderColor: color.iron[800],
-        },
-    };
-    return style;
-});
-exports.CheckStyled = (0, styles_1.styled)(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-Check_1.default)(({ theme, size }) => {
-    const { color } = theme.palette.app;
-    const checkBoxSize = size === "small"
-        ? {
-            width: "14px",
-            height: "14px",
-        }
-        : {
-            width: "20px",
-            height: "20px",
-        };
-    const style = {
-        ...checkBoxSize,
-        border: `2px solid ${color.butterflyBlue[900]}`,
-        borderRadius: "4px",
-        color: color.iron[600],
-        backgroundColor: color.butterflyBlue[900],
-        "input:disabled ~ &": {
-            borderColor: color.iron[800],
-            backgroundColor: color.iron[800],
-        },
-    };
-    return style;
-});

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

@@ -1,12 +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 Skeleton = () => {
-    return ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 30, height: 30, sx: { borderRadius: "4px" }, variant: "rectangular" }));
-};
-exports.Skeleton = Skeleton;

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

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

@@ -1,245 +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.RightArrowIcon = exports.LeftArrowIcon = exports.dateFormats = void 0;
-exports.DatePicker = DatePicker;
-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 InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
-const isFunction_1 = __importDefault(require("lodash/isFunction"));
-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 NavigationKeyContext_1 = require("../../utils/context/NavigationKeyContext");
-const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
-const commonStyles_1 = require("../commonStyles");
-const Skeleton_1 = require("./Skeleton");
-exports.dateFormats = {
-    dateWithISO8601: "yyyy-MM-dd",
-    dateWithEuropean: "dd-MM-yyyy",
-};
-const LeftArrowIcon = () => {
-    const theme = (0, styles_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",
-        } }));
-};
-exports.LeftArrowIcon = LeftArrowIcon;
-const RightArrowIcon = () => {
-    const theme = (0, styles_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",
-        } }));
-};
-exports.RightArrowIcon = RightArrowIcon;
-function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = required ? false : true, rules, disableKeyboardInput = false, setOnFinalChange = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, containerProps, styling = "custom", navigationKey, ...restProps }) {
-    const [localError, setLocalError] = (0, react_1.useState)();
-    const { navigationKey: navigationKeyFromContext } = (0, NavigationKeyContext_1.useNavigationKeyContext)();
-    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
-    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const { setInputRef, maintainFocus, maintainFocusAfterClose, handleKeyDown, handleEnterNavigation, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ isOpen: open, navigationKey: resolvedNavigationKey });
-    const theme = (0, styles_1.useTheme)();
-    const { iron, butterflyBlue, mirage } = theme.palette.app.color;
-    const finalValue = (0, react_1.useMemo)(() => {
-        if ((disableKeyboardInput || setOnFinalChange) && open) {
-            return value ? luxon_1.DateTime.fromISO(value) : undefined;
-        }
-        return luxon_1.DateTime.fromISO(value);
-    }, [value, disableKeyboardInput, setOnFinalChange, open]);
-    // eslint-disable-next-line sonarjs/rules-of-hooks
-    (0, react_1.useMemo)(() => {
-        if (!error && localError) {
-            const timer = setTimeout(() => {
-                setLocalError(undefined);
-            }, 100);
-            return () => clearTimeout(timer);
-        }
-    }, [error]);
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, styling: styling });
-    }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", ...containerProps, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { ...restField, ...restProps, disabled: disabled, views: views, format: format, value: finalValue, readOnly: readOnly, open: open && !readOnly, onOpen: () => setOpen(true), onClose: () => {
-                    setOpen(false);
-                    maintainFocusAfterClose();
-                }, slotProps: {
-                    field: {
-                        clearable,
-                        onClear: () => onChange(null),
-                        readOnly: disableKeyboardInput,
-                        onKeyDown: (event) => {
-                            if (resolvedNavigationKey === "enter" && event.key === "Enter") {
-                                event.preventDefault();
-                            }
-                            if (resolvedNavigationKey === "enter" &&
-                                event.key === " " &&
-                                !open &&
-                                !readOnly &&
-                                !disabled) {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                setOpen(true);
-                            }
-                        },
-                    },
-                    clearButton: {
-                        tabIndex: clearable ? 0 : -1,
-                        onKeyDown: (event) => {
-                            if (resolvedNavigationKey === "enter" && event.key === "Enter") {
-                                handleEnterNavigation(event);
-                            }
-                        },
-                    },
-                    textField: {
-                        disabled,
-                        error: !!localError || error,
-                        helperText: localError ?? helperText,
-                        label: styling === "default" ? label : undefined,
-                        required: styling === "default" ? required : undefined,
-                        sx: (0, commonStyles_1.getDefaultTextFieldSx)(styling),
-                        InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling),
-                        inputRef: setInputRef,
-                        InputProps: {
-                            endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { disabled: disabled, onClick: () => setOpen(true), showTooltip: false, onKeyDown: (event) => {
-                                    if (resolvedNavigationKey === "enter" &&
-                                        event.key === "Enter") {
-                                        handleEnterNavigation(event);
-                                    }
-                                } })),
-                            sx: {
-                                "& .MuiInputAdornment-root": {
-                                    width: "30px",
-                                },
-                            },
-                        },
-                        onKeyDown: (event) => {
-                            if (resolvedNavigationKey === "enter") {
-                                if (event.key === " " && !open && !readOnly && !disabled) {
-                                    event.preventDefault();
-                                    event.stopPropagation();
-                                    setOpen(true);
-                                    return;
-                                }
-                                if (event.key === "Enter") {
-                                    if (open) {
-                                        setOpen(false);
-                                    }
-                                    handleEnterNavigation(event, true);
-                                    return;
-                                }
-                            }
-                            handleKeyDown(event, () => setOpen(false), open);
-                            if (event.key === "Backspace" && clearable) {
-                                onChange(null);
-                                setLocalError(undefined);
-                            }
-                            else if (event.key === "Backspace" && !clearable) {
-                                event.preventDefault();
-                            }
-                        },
-                    },
-                    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],
-                            },
-                            "&.MuiPickersDay-root:not(.Mui-selected):hover": {
-                                color: butterflyBlue[900],
-                            },
-                        },
-                    },
-                    calendarHeader: {
-                        sx: {
-                            "& .MuiPickersCalendarHeader-label": {
-                                fontWeight: "500",
-                                "&:hover": {
-                                    color: butterflyBlue[900],
-                                },
-                            },
-                        },
-                    },
-                    yearButton: {
-                        sx: {
-                            "&.MuiPickersYear-yearButton.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                                color: iron[600],
-                            },
-                            "&.MuiPickersYear-yearButton:not(.Mui-selected):hover": {
-                                color: butterflyBlue[900],
-                            },
-                        },
-                    },
-                    monthButton: {
-                        sx: {
-                            "&.MuiPickersMonth-monthButton.Mui-selected": {
-                                backgroundColor: butterflyBlue[900],
-                                color: iron[600],
-                            },
-                            "&.MuiPickersMonth-monthButton:not(.Mui-selected):hover": {
-                                color: butterflyBlue[900],
-                            },
-                        },
-                    },
-                }, slots: {
-                    leftArrowIcon: exports.LeftArrowIcon,
-                    rightArrowIcon: exports.RightArrowIcon,
-                }, dayOfWeekFormatter: (weekday) => `${weekday.toFormat("ccc")}`, onAccept: (value, details) => {
-                    if (setOnFinalChange && value?.isValid) {
-                        onChange(value.toISODate());
-                        setLocalError(undefined);
-                        maintainFocus();
-                    }
-                    restProps?.onAccept?.(value, details);
-                }, onChange: (value, details) => {
-                    if ((disableKeyboardInput || setOnFinalChange) && open) {
-                        return;
-                    }
-                    if (!value) {
-                        onChange(null);
-                        setLocalError(undefined);
-                        maintainFocus();
-                        return;
-                    }
-                    const isValid = value?.isValid === true;
-                    const hasError = Boolean(details.validationError ?? !isValid);
-                    onChange(isValid ? value.toISODate() : null);
-                    const errorMessage = hasError
-                        ? "Please enter a valid date"
-                        : undefined;
-                    setLocalError(errorMessage);
-                    requestAnimationFrame(() => {
-                        if ((0, isFunction_1.default)(setError) && hasError) {
-                            setError(name, {
-                                type: "manual",
-                                message: errorMessage,
-                            });
-                        }
-                        maintainFocus();
-                    });
-                    restProps?.onChange?.(value, details);
-                } })] }));
-}

package/packages/shared-components/dist/FormFields/DatePicker/Skeleton.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.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 = ({ label, styling }) => {
-    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: "35.69px", sx: {
-                    transform: "scale(1)",
-                } })] }));
-};
-exports.Skeleton = Skeleton;

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

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

@@ -1,45 +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.DateRangePicker = DateRangePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const luxon_1 = require("luxon");
-const react_1 = require("react");
-const react_date_range_1 = require("react-date-range");
-const react_hook_form_1 = require("react-hook-form");
-const Skeleton_1 = require("./Skeleton");
-function DateRangePicker({ control, defaultValue, disabled = false, label, name, error = false, helperText, loading = false, required = false, months = 1, rules, minDate, maxDate, }) {
-    const { field: { onChange }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const [range, setRange] = (0, react_1.useState)([
-        {
-            startDate: defaultValue?.[0] ? new Date(defaultValue[0]) : new Date(),
-            endDate: defaultValue?.[1] ? new Date(defaultValue[1]) : new Date(),
-            key: "selection",
-        },
-    ]);
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(react_date_range_1.DateRangePicker, { ranges: range, onChange: (ranges) => {
-                    const selectedRange = ranges.selection;
-                    if (selectedRange?.endDate &&
-                        selectedRange?.startDate &&
-                        selectedRange?.key) {
-                        setRange([
-                            {
-                                startDate: selectedRange.startDate,
-                                endDate: selectedRange.endDate,
-                                key: selectedRange.key,
-                            },
-                        ]);
-                        const startDate = luxon_1.DateTime.fromJSDate(selectedRange.startDate).toISODate();
-                        const endDate = luxon_1.DateTime.fromJSDate(selectedRange.endDate).toISODate();
-                        onChange([startDate, endDate]);
-                    }
-                }, months: months, direction: "horizontal", calendarFocus: "backwards", staticRanges: [], inputRanges: [], moveRangeOnFirstSelection: false, preventSnapRefocus: true, minDate: minDate, maxDate: maxDate }), error && (0, jsx_runtime_1.jsx)(Typography_1.default, { color: "red", children: helperText })] }));
-}

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

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

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/DateRangeSelector/DateRangeSelector.js

@@ -1,59 +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.DateRangeSelector = DateRangeSelector;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-const Popover_1 = __importDefault(require("@mui/material/Popover"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const luxon_1 = require("luxon");
-const react_1 = require("react");
-const PadBox_1 = require("../../PadBox");
-const utils_1 = require("../../utils");
-const DateRangePicker_1 = require("../DateRangePicker");
-function DateRangeSelector({ name, watch, control, setValue, }) {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const [showCustom, setShowCustom] = (0, react_1.useState)(false);
-    const dateField = watch(name);
-    function castDateRangeToPathValue(dateField) {
-        return dateField;
-    }
-    function setRange(days) {
-        if (!showCustom) {
-            const fromDate = luxon_1.DateTime.now()
-                .minus({ days: 1 + days })
-                .toISODate();
-            const toDate = luxon_1.DateTime.now().minus({ days: 1 }).toISODate();
-            setValue(name, castDateRangeToPathValue([fromDate, toDate]));
-            setAnchorEl(null);
-        }
-    }
-    const defaultRanges = [
-        { title: "Last 7 days", onClick: () => setRange(7) },
-        { title: "Last 14 days", onClick: () => setRange(14) },
-        { title: "Last 30 days", onClick: () => setRange(30) },
-        { title: "Custom", onClick: () => setShowCustom(true) },
-    ];
-    (0, react_1.useMemo)(() => {
-        if (showCustom && Array.isArray(dateField)) {
-            setValue(name, castDateRangeToPathValue(dateField));
-        }
-    }, [showCustom, name]);
-    function handleClick(event) {
-        setAnchorEl(event.currentTarget);
-    }
-    function handleClose() {
-        setAnchorEl(null);
-        setShowCustom(false);
-    }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, { variant: "body2", children: [(0, utils_1.formatDate)(dateField[0] ?? "", "dd MMM yyyy"), " -", (0, utils_1.formatDate)(dateField[1] ?? "", "dd MMM yyyy")] }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { component: "div", onClick: handleClick, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, { fontSize: "small" }) }), !!anchorEl && ((0, jsx_runtime_1.jsx)(Popover_1.default, { open: true, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: showCustom ? ((0, jsx_runtime_1.jsx)(DateRangePicker_1.DateRangePicker, { name: name, control: control })) : (defaultRanges.map((item) => ((0, jsx_runtime_1.jsx)(ListItemButton_1.default, { sx: {
-                            width: "100%",
-                            textAlign: "start",
-                            padding: "5px 16px 5px 10px",
-                        }, onClick: item.onClick, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body1", children: item.title }) }, item.title)))) }) }))] }));
-}

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