@fixefy/fixefy-ui-components 0.3.74 → 0.3.75

package/dist/FxModalWithMenu/FxModalWithMenu.js

@@ -1,114 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxModalWithMenu", {
-    enumerable: true,
-    get: function() {
-        return FxModalWithMenu;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
-const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
-const _FxStyledButton = require("../FxStyledButton");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const FxModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal = true, buttonSx, menuItemSx, iconSize })=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
-    const handleClick = (e)=>{
-        if (onClick) {
-            onClick();
-            setIsOpen((prev)=>!prev);
-            setAnchorEl(e.currentTarget);
-        } else {
-            setIsOpen((prev)=>!prev);
-            setAnchorEl(e.currentTarget);
-        }
-    };
-    const handleClose = ()=>{
-        setIsOpen(false);
-        setAnchorEl(null);
-    };
-    (0, _react.useEffect)(()=>{
-        setIsOpen(false);
-    }, [
-        btnValue
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
-                sx: buttonSx,
-                btnType: btnType,
-                btnValue: btnValue,
-                onClick: handleClick,
-                startIcon: startIcon,
-                endIcon: endIcon,
-                iconSize: iconSize || 20,
-                disabled: disabled
-            }),
-            shouldShowModal && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
-                id: "fade-menu",
-                MenuListProps: {
-                    'aria-labelledby': 'fade-button'
-                },
-                anchorEl: AnchorEl,
-                open: isOpen,
-                onClose: handleClose,
-                TransitionComponent: _material.Fade,
-                children: isOpen && (modalData === null || modalData === void 0 ? void 0 : modalData.map((item, i)=>{
-                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxMenuItemWithIcon.FxMenuItemWithIcon, {
-                        icon: item.icon,
-                        title: item.title,
-                        onClick: ()=>{
-                            handleClose();
-                            item.onClick();
-                        },
-                        sx: menuItemSx
-                    }, i);
-                }))
-            })
-        ]
-    });
-};

package/dist/FxModalWithMenu/index.d.ts

@@ -1 +0,0 @@
-export { FxModalWithMenu } from './FxModalWithMenu';

package/dist/FxModalWithMenu/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxModalWithMenu", {
-    enumerable: true,
-    get: function() {
-        return _FxModalWithMenu.FxModalWithMenu;
-    }
-});
-const _FxModalWithMenu = require("./FxModalWithMenu");

package/dist/FxPopper/styles/makeStyles.d.ts

@@ -1,16 +0,0 @@
-export declare const makeStyles: <Params = void, RuleNameSubsetReferencableInNestedSelectors extends string = never>(params?: {
-    name?: string | Record<string, unknown> | undefined;
-    uniqId?: string | undefined;
-} | undefined) => <RuleName extends string>(cssObjectByRuleNameOrGetCssObjectByRuleName: Record<RuleName, import("tss-react").CSSObject> | ((theme: import("@mui/styles").DefaultTheme, params: Params, classes: Record<RuleNameSubsetReferencableInNestedSelectors, string>) => Record<RuleNameSubsetReferencableInNestedSelectors | RuleName, import("tss-react").CSSObject>)) => (params: Params, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<RuleName, string>;
-    theme: import("@mui/styles").DefaultTheme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-}, useStyles: () => {
-    theme: import("@mui/styles").DefaultTheme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/dist/FxPopper/styles/makeStyles.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    makeStyles: function() {
-        return makeStyles;
-    },
-    useStyles: function() {
-        return useStyles;
-    }
-});
-const _tssreact = require("tss-react");
-const _styles = require("@mui/styles");
-const { makeStyles, useStyles } = (0, _tssreact.createMakeStyles)({
-    useTheme: _styles.useTheme
-});

package/dist/FxStaticDropdown/FxStaticDropdown.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export interface StaticDropdownStylesOptions {
-    width?: string | number;
-    maxWidth?: string | number;
-    inputSx?: object;
-    menuSx?: object;
-}
-export type StaticDropdownPropsType = {
-    initialValue?: string | any;
-    styles?: StaticDropdownStylesOptions;
-    multiple?: boolean;
-    onAdd?: (value: any) => void;
-    onRemoveOne?: (value: any) => void;
-    onRemoveAll?: () => void;
-    type?: 'checkbox' | 'text';
-    modal_type?: string;
-    name: string;
-    query: string;
-    isInitialOpen?: boolean;
-    placeholder?: string;
-    data: string[];
-    rootStylesOverride?: any;
-};
-export declare const FxStaticDropdown: React.ForwardRefExoticComponent<StaticDropdownPropsType & React.RefAttributes<unknown>>;

package/dist/FxStaticDropdown/FxStaticDropdown.js

@@ -1,368 +0,0 @@
-// @ts-ignore
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxStaticDropdown", {
-    enumerable: true,
-    get: function() {
-        return FxStaticDropdown;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _iconsmaterial = require("@mui/icons-material");
-const _material = require("@mui/material");
-const _FxChip = require("../FxChip");
-const _FxIcon = require("../FxIcon");
-const _dropdownstyles = require("./styles/dropdown.styles");
-const _helpers = require("./helpers/helpers");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const icon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBoxOutlineBlank, {
-    fontSize: "small"
-});
-const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBox, {
-    fontSize: "small"
-});
-const FxStaticDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
-    const { onAdd, onRemoveOne, onRemoveAll, type = 'text', modal_type, multiple, name, query, isInitialOpen, placeholder, data, rootStylesOverride } = props;
-    const ref = (0, _react.useRef)(null);
-    const theme = (0, _material.useTheme)();
-    const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
-    const [isOpen, setIsOpen] = (0, _react.useState)(isInitialOpen);
-    (0, _react.useEffect)(()=>{
-        const storedData = sessionStorage.getItem(`dropdown-${query}-${name}`);
-        if (storedData) {
-            const parsedData = JSON.parse(storedData);
-            if (parsedData) {
-                multiple ? setDisplayed([
-                    ...parsedData
-                ]) : setDisplayed(parsedData[0]);
-            }
-        }
-    }, [
-        query
-    ]);
-    const addToStoredDisplayed = (option)=>{
-        const prevStored = sessionStorage.getItem(`dropdown-${query}-${name}`);
-        let data = prevStored ? JSON.parse(prevStored) : {};
-        if (data === null || data === void 0 ? void 0 : data.length) {
-            if (multiple) {
-                data = [
-                    ...data,
-                    option
-                ];
-            } else {
-                data = [
-                    option
-                ];
-            }
-        } else {
-            data = [
-                option
-            ];
-        }
-        sessionStorage.setItem(`dropdown-${query}-${name}`, JSON.stringify(data));
-    };
-    const removeOneFromStoredDisplayed = (option)=>{
-        let storedDisplayed = sessionStorage.getItem(`dropdown-${query}-${name}`);
-        if (storedDisplayed) {
-            storedDisplayed = JSON.parse(storedDisplayed);
-            if (multiple) {
-                const newDisplayed = storedDisplayed.filter((opt)=>{
-                    opt !== option;
-                });
-                storedDisplayed = newDisplayed;
-            } else {
-                storedDisplayed = storedDisplayed.filter((opt)=>opt !== option);
-            }
-            sessionStorage.setItem(`dropdown-${query}-${name}`, JSON.stringify(storedDisplayed));
-        }
-    };
-    const handleOptionClick = (option)=>{
-        switch(multiple){
-            case true:
-                if (displayed.includes(option)) {
-                    deleteOneItem(option);
-                } else {
-                    onAdd && onAdd(option);
-                    setDisplayed((prev)=>[
-                            ...prev,
-                            option
-                        ]);
-                    addToStoredDisplayed(option);
-                }
-                break;
-            default:
-                setDisplayed(option);
-                onAdd && onAdd(option);
-                addToStoredDisplayed(option);
-        }
-    };
-    const deleteOneItem = (item)=>{
-        if (multiple) {
-            setDisplayed((prev)=>prev.filter((val)=>val !== item));
-        } else {
-            setDisplayed('');
-        }
-        onRemoveOne && onRemoveOne(item);
-        removeOneFromStoredDisplayed(item);
-    };
-    const isChecked = (option)=>{
-        return multiple ? displayed.includes(option) : displayed === option;
-    };
-    const displayListOptions = ()=>{
-        switch(type){
-            case 'checkbox':
-                {
-                    return data.map((option)=>{
-                        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("li", {
-                            onClick: ()=>{
-                                handleOptionClick(option);
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
-                                    icon: icon,
-                                    checked: isChecked(option),
-                                    checkedIcon: checkedIcon,
-                                    sx: {
-                                        mr: 1,
-                                        minWidth: 24,
-                                        minHeight: 24,
-                                        p: 0,
-                                        ['& svg']: {
-                                            fill: theme.palette.primary.light
-                                        }
-                                    }
-                                }),
-                                getSingleOptionFromListOrDisplayed(option, 'list')
-                            ]
-                        }, option);
-                    });
-                }
-            case 'text':
-            default:
-                {
-                    return data.map((option, i)=>{
-                        return /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
-                            onClick: ()=>{
-                                handleOptionClick(option);
-                            },
-                            children: getSingleOptionFromListOrDisplayed(option, 'list')
-                        }, i);
-                    });
-                }
-        }
-    };
-    const getCurrentValues = ()=>{
-        if (multiple) {
-            return getMultipleDisplayedValues();
-        } else {
-            return getSingleOptionFromListOrDisplayed(displayed, 'displayed');
-        }
-    };
-    const DeleteButton = ({ option, isDisplay })=>{
-        const isDisplayButton = isDisplay && multiple && (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 || !multiple && displayed === option;
-        if (isDisplayButton) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                onClick: ()=>{
-                    deleteOneItem(option);
-                },
-                children: "x"
-            });
-        }
-        return null;
-    };
-    const Chip = ({ option, modal })=>{
-        return modal == 'displayed' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
-            status: option,
-            label: (0, _helpers.titleCase)(option),
-            variant: "outlined",
-            onDelete: ()=>{
-                deleteOneItem(option);
-            }
-        }, option) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
-            status: option,
-            label: (0, _helpers.titleCase)(option),
-            variant: "outlined"
-        }, option);
-    };
-    const ChosenIcon = ({ option, isDisplay })=>{
-        if (isDisplay && isChecked(option)) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
-                width: 16,
-                height: 16,
-                icon: 'filters/chosen_icon.svg'
-            });
-        }
-        return null;
-    };
-    const OneOption = ({ option, modal })=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-            sx: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                width: '100%',
-                gap: 1,
-                color: 'grey',
-                cursor: 'pointer'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                    sx: {
-                        width: '100%',
-                        display: 'flex',
-                        justifyContent: 'flex-start',
-                        gap: 1
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle2",
-                            color: theme.palette.typography.title,
-                            children: (0, _helpers.titleCase)(option)
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(DeleteButton, {
-                            option: option,
-                            isDisplay: modal == 'displayed'
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(ChosenIcon, {
-                    option: option,
-                    isDisplay: modal == 'list'
-                })
-            ]
-        }, option);
-    };
-    const getSingleOptionFromListOrDisplayed = (option, modal)=>{
-        if (option) {
-            let rv = null;
-            switch(modal_type){
-                case 'chip':
-                    rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(Chip, {
-                        option: option,
-                        modal: modal
-                    });
-                    break;
-                case 'text':
-                default:
-                    rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(OneOption, {
-                        option: option,
-                        modal: modal
-                    });
-                    break;
-            }
-            return rv;
-        }
-    };
-    const getMultipleDisplayedValues = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-            direction: 'row',
-            sx: {
-                maxWidth: 214,
-                minWidth: 214,
-                display: 'flex',
-                justifyContent: 'space-between'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                    direction: 'row',
-                    sx: {
-                        overflow: 'hidden',
-                        flexWrap: 'wrap',
-                        gap: 1
-                    },
-                    children: displayed.map((item)=>{
-                        return getSingleOptionFromListOrDisplayed(item, 'displayed');
-                    })
-                }),
-                (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                    sx: {
-                        minWidth: '20px',
-                        maxWidth: '20px',
-                        cursor: 'pointer',
-                        paddingLeft: '3px'
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
-                        onClick: ()=>{
-                            setDisplayed([]);
-                            onRemoveAll && onRemoveAll();
-                            sessionStorage.removeItem(`dropdown-${query}-${name}`);
-                        },
-                        icon: `filters/remove_all_button.svg`,
-                        width: 16,
-                        height: 16
-                    })
-                })
-            ]
-        });
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_dropdownstyles.Root, {
-        style: rootStylesOverride,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                children: [
-                    getCurrentValues(),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdownstyles.InputWrapper, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                            autoFocus: true,
-                            placeholder: placeholder || 'Select an option...',
-                            onFocus: ()=>{
-                                !isInitialOpen && setIsOpen(true);
-                            },
-                            onBlur: ()=>{
-                                setTimeout(()=>{
-                                    !isInitialOpen && setIsOpen(false);
-                                }, 200);
-                            }
-                        })
-                    })
-                ]
-            }),
-            (isInitialOpen || isOpen) && data && (data === null || data === void 0 ? void 0 : data.length) > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdownstyles.StyledListBox, {
-                ref: ref,
-                children: displayListOptions()
-            })
-        ]
-    });
-});

package/dist/FxStaticDropdown/helpers/helpers.d.ts

@@ -1,2 +0,0 @@
-export declare const titleCase: (str?: string) => string;
-export declare const toPascalCase: (string: string, title?: boolean) => string;

package/dist/FxStaticDropdown/helpers/helpers.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    titleCase: function() {
-        return titleCase;
-    },
-    toPascalCase: function() {
-        return toPascalCase;
-    }
-});
-const titleCase = (str = '')=>str && toPascalCase(str.toString(), true);
-const toPascalCase = (string, title = false)=>{
-    return string && string.replace(/(_[a-z])?(^[a-z])?(_|\s[a-z])?/g, ($1)=>$1.toUpperCase().replace('_', title ? ' ' : ''));
-};

package/dist/FxStaticDropdown/index.d.ts

@@ -1 +0,0 @@
-export { FxStaticDropdown, type StaticDropdownStylesOptions, type StaticDropdownPropsType } from './FxStaticDropdown';

package/dist/FxStaticDropdown/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxStaticDropdown", {
-    enumerable: true,
-    get: function() {
-        return _FxStaticDropdown.FxStaticDropdown;
-    }
-});
-const _FxStaticDropdown = require("./FxStaticDropdown");

package/dist/FxStaticDropdown/styles/dropdown.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Root: any;
-export declare const InputWrapper: any;
-export declare const StyledListBox: any;