@fixefy/fixefy-ui-components 0.3.74 → 0.3.78

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;

package/dist/FxStaticDropdown/styles/dropdown.styles.js

@@ -1,190 +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, {
-    InputWrapper: function() {
-        return InputWrapper;
-    },
-    Root: function() {
-        return Root;
-    },
-    StyledListBox: function() {
-        return StyledListBox;
-    }
-});
-const _styles = require("@mui/material/styles");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const Root = (0, _styles.styled)('div')(({ props })=>{
-    return _object_spread({
-        color: 'rgba(0,0,0,.85)',
-        fontSize: 14,
-        background: '#FFFFFF',
-        padding: '0 16px',
-        position: 'relative',
-        ' & .MuiBox-root': {
-            ['& > div']: {
-                padding: 0
-            }
-        }
-    }, props);
-});
-const InputWrapper = (0, _styles.styled)('div')(({ theme, hasValue, disabled })=>{
-    const disabledBorder = `1px solid ${theme.palette.greyscale[200]}`;
-    const activeBorder = `1px solid ${theme.palette.primary[500]}`;
-    return {
-        backgroundColor: theme.palette.common.white,
-        borderRadius: 4,
-        padding: 1,
-        display: 'flex',
-        alignItems: 'center',
-        flexWrap: 'wrap',
-        cursor: disabled ? 'not-allowed' : 'pointer',
-        width: '100%',
-        border: 'none !important',
-        outline: 'none !important',
-        ['&:hover']: {
-            border: disabled ? disabledBorder : activeBorder,
-            borderRadius: 4
-        },
-        ['&:focus']: {
-            border: disabled ? disabledBorder : activeBorder,
-            borderRadius: 4
-        },
-        ['& > svg']: {
-            color: disabled ? theme.palette.greyscale[300] : theme.palette.primary['500'],
-            marginRight: 8
-        },
-        ['& input']: _object_spread_props(_object_spread({
-            border: 'none',
-            outline: 'none',
-            cursor: disabled ? 'not-allowed' : 'pointer',
-            backgroundColor: theme.palette.common.white,
-            color: theme.palette.typography.title,
-            height: 36,
-            boxSizing: 'border-box',
-            width: 0,
-            minWidth: 30,
-            flexGrow: 1,
-            margin: 0
-        }, theme.typography.body1), {
-            lineHeight: '20px',
-            ['& ::placeholder']: {
-                color: hasValue ? theme.palette.typography.title : theme.palette.greyscale[400]
-            }
-        })
-    };
-});
-const StyledListBox = (0, _styles.styled)('ul')(({ theme })=>({
-        margin: 0,
-        padding: 0,
-        listStyle: 'none',
-        backgroundColor: theme.palette.common.white,
-        overflow: 'auto',
-        zIndex: 1,
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        overflowX: 'hidden',
-        paddingTop: 8,
-        paddingBottom: 8,
-        '&::-webkit-scrollbar': {
-            width: '8px',
-            backgroundColor: 'transparent'
-        },
-        '&::-webkit-scrollbar-thumb': {
-            backgroundColor: '#8B9092',
-            borderRadius: '8px'
-        },
-        // To support Firefox
-        scrollbarWidth: 'thin',
-        scrollbarColor: '#8B9092 transparent',
-        maxHeight: '300px',
-        overflowY: 'auto',
-        ['& div']: {
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden'
-        },
-        ['& li']: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'flex-start',
-            height: 40,
-            cursor: 'pointer',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            width: '100%'
-        },
-        ['& li:hover']: {
-            backgroundColor: '#F6F9FA'
-        },
-        ["& li[aria-selected='true']"]: {
-            fontWeight: 900,
-            backgroundColor: '#F6F9FA'
-        },
-        ["& li[data-focus='true']"]: {
-            backgroundColor: '#F6F9FA',
-            cursor: 'pointer',
-            ['& svg ']: {
-                color: 'currentColor'
-            }
-        }
-    }));

package/dist/FxWizard/FxWizard/FxWizard.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const FxWizard: ({ config, footer }: {
-    config: any;
-    footer: any;
-}) => React.JSX.Element;
-export default FxWizard;

package/dist/FxWizard/FxWizard/FxWizard.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _reactusewizard = require("react-use-wizard");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const FxWizard = ({ config, footer })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactusewizard.Wizard, {
-        footer: footer,
-        children: config === null || config === void 0 ? void 0 : config.steps.map((step, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(WizardStepWrapper, {
-                props: step,
-                Component: step.component
-            }, i))
-    });
-};
-const WizardStepWrapper = ({ Component, props })=>{
-    console.log('WizardStepWrapper', JSON.stringify(props));
-    const { goToStep, isLastStep } = (0, _reactusewizard.useWizard)();
-    const handleNext = ()=>{
-        if (!isLastStep) {
-            goToStep(props.nextStepPath);
-        } else {
-            console.log('Reached the final step');
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
-        onHandleNext: handleNext
-    });
-};
-const _default = FxWizard;

package/dist/FxWizard/FxWizard/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FxWizard';
-export * from './utils';

package/dist/FxWizard/FxWizard/index.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./FxWizard"), exports);
-_export_star(require("./utils"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/dist/FxWizard/FxWizard/utils/envHelpers.d.ts

@@ -1 +0,0 @@
-export declare const getEnvSuffix: () => string;