@fixefy/fixefy-ui-components 0.3.73 → 0.3.75

package/dist/src/FxScore/styles/score.styles.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useStyles", {
-    enumerable: true,
-    get: function() {
-        return useStyles;
-    }
-});
-const _styles = require("@mui/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 useStyles = (0, _styles.makeStyles)((theme)=>({
-        container: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            position: 'relative',
-            color: theme.palette.common.white,
-            backgroundColor: (props)=>theme.palette.score[props.scoreColor]
-        },
-        content: {
-            position: 'absolute',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flexDirection: 'column'
-        },
-        scoreNumber: {
-            color: theme.palette.common.white,
-            fontWeight: 700
-        },
-        scoreText: _object_spread_props(_object_spread({}, theme.typography.table), {
-            fontWeight: 400,
-            color: theme.palette.common.white,
-            opacity: 0.6
-        }),
-        mainCircle: {
-            position: 'absolute',
-            zIndex: 2
-        },
-        backgroundCircle: {
-            position: 'absolute',
-            opacity: 0.2
-        }
-    }));

package/dist/src/FxShowMore/FxShowMore.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxShowMore", {
-    enumerable: true,
-    get: function() {
-        return FxShowMore;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-const _show_morestyles = require("./styles/show_more.styles");
-const _KeyboardArrowDown = /*#__PURE__*/ _interop_require_default(require("@mui/icons-material/KeyboardArrowDown"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function FxShowMore({ items, label, children, title }) {
-    const [anchorEl, setAnchorEl] = _react.default.useState(null);
-    const handleClick = (event)=>{
-        setAnchorEl(event.currentTarget);
-    };
-    const handleClose = ()=>{
-        setAnchorEl(null);
-    };
-    const open = Boolean(anchorEl);
-    const id = open ? 'simple-popover' : undefined;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_show_morestyles.ShowMoreWrapper, {
-        children: [
-            children,
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_show_morestyles.ShowMoreBtn, {
-                onClick: handleClick,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_show_morestyles.ShowMoreIcon, {
-                        isOpen: open,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_KeyboardArrowDown.default, {})
-                    }),
-                    title ? title : 'SHOW MORE'
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_show_morestyles.StyledPopover, {
-                id: id,
-                open: open,
-                anchorEl: anchorEl,
-                onClose: handleClose,
-                anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'center'
-                },
-                transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'center'
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_show_morestyles.StyledLabel, {
-                        children: [
-                            label,
-                            " (",
-                            items.length,
-                            ")"
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_show_morestyles.StyledDivider, {}),
-                    items === null || items === void 0 ? void 0 : items.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                    variant: "body1",
-                                    children: item
-                                }),
-                                index + 1 !== items.length && /*#__PURE__*/ (0, _jsxruntime.jsx)(_show_morestyles.StyledDivider, {})
-                            ]
-                        }, index))
-                ]
-            })
-        ]
-    });
-}

package/dist/src/FxShowMore/index.js

@@ -1,19 +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, {
-    FxShowMore: function() {
-        return _FxShowMore.FxShowMore;
-    },
-    ShowMorePropsType: function() {
-        return _FxShowMore.ShowMorePropsType;
-    }
-});
-const _FxShowMore = require("./FxShowMore");

package/dist/src/FxShowMore/styles/show_more.styles.js

@@ -1,134 +0,0 @@
-// import React from 'react'
-"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, {
-    ShowMoreBtn: function() {
-        return ShowMoreBtn;
-    },
-    ShowMoreIcon: function() {
-        return ShowMoreIcon;
-    },
-    ShowMoreWrapper: function() {
-        return ShowMoreWrapper;
-    },
-    StyledDivider: function() {
-        return StyledDivider;
-    },
-    StyledLabel: function() {
-        return StyledLabel;
-    },
-    StyledPopover: function() {
-        return StyledPopover;
-    }
-});
-const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
-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 ShowMoreWrapper = (0, _styles.styled)(_material.Box)(({})=>({
-        borderRadius: '8px'
-    }));
-const ShowMoreBtn = (0, _styles.styled)(_material.Button)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.button), {
-        fontWeight: 600,
-        fontSize: 12,
-        textTransform: 'uppercase',
-        color: theme.palette.primary[800],
-        padding: 0,
-        display: 'flex',
-        justifyContent: 'flex-start',
-        alignItems: 'center'
-    }));
-const ShowMoreIcon = (0, _styles.styled)(_material.Box)(({ theme, isOpen })=>({
-        width: 16,
-        height: 16,
-        color: theme.palette.primary[800],
-        borderRadius: '50%',
-        border: '1px solid',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginRight: 8,
-        ['& svg']: {
-            width: 14,
-            height: 14,
-            color: theme.palette.primary[800],
-            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-            transition: 'all 0.5s'
-        }
-    }));
-const StyledPopover = (0, _styles.styled)(_material.Popover)(({ theme })=>({
-        ['.MuiPaper-root']: {
-            background: theme.palette.common.white,
-            boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.3)',
-            borderRadius: 8,
-            padding: 24,
-            marginTop: 8,
-            minWidth: 226,
-            maxWidth: 328
-        }
-    }));
-const StyledDivider = (0, _styles.styled)(_material.Divider)(({})=>({
-        marginTop: 8,
-        marginBottom: 8
-    }));
-const StyledLabel = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.overLineCaption), {
-        color: '#8B9092'
-    }));

package/dist/src/FxSlider/FxSlider.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxSlider", {
-    enumerable: true,
-    get: function() {
-        return FxSlider;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-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 _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: 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 FxSlider(props) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Slider, _object_spread({}, props));
-}

package/dist/src/FxSlider/index.js

@@ -1,19 +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, {
-    FxSlider: function() {
-        return _FxSlider.FxSlider;
-    },
-    SliderPropsType: function() {
-        return _FxSlider.SliderPropsType;
-    }
-});
-const _FxSlider = require("./FxSlider");

package/dist/src/FxStatisticsBar/FxStatisticsBar.js

@@ -1,191 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxStatisticsBar", {
-    enumerable: true,
-    get: function() {
-        return FxStatisticsBar;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _graphqltag = require("graphql-tag");
-const _client = require("@apollo/client");
-const _material = require("@mui/material");
-const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _statisticsstyles = require("./styles/statistics.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 _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;
-}
-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 FxStatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
-    const _classes = (0, _statisticsstyles.useStyles)();
-    const { extended, input_type, title } = structure || {};
-    const { gql_operation, object_path, filter: structurefilter, variables } = extended || {};
-    const gqlOperation = gql_operation !== null && gql_operation !== void 0 ? gql_operation : 'query GET_SCORE($where: Json) { score: chargesAvg( where: $where data: { fields: ["score"], fragment: "{ score }" } ) }';
-    let _filter = structurefilter;
-    if (filter) {
-        _filter = _object_spread({}, _filter, filter);
-    }
-    const [fetchData, { data, loading }] = (0, _client.useLazyQuery)((0, _graphqltag.gql)(gqlOperation));
-    const convertValue = (value)=>{
-        var _getCurrency;
-        let newValue = '';
-        let sign = '';
-        if (value < 1000) {
-            newValue = value;
-        } else if (value >= 1000 && value < 1000000) {
-            newValue = (value / 1000).toFixed(2);
-            sign = 'K';
-        } else {
-            newValue = (value / 1000000).toFixed(2);
-            sign = 'M';
-        }
-        return new Intl.NumberFormat('en-US', {
-            style: 'currency',
-            currency: ((_getCurrency = (0, _fixefyuiutils.getCurrency)(null)) === null || _getCurrency === void 0 ? void 0 : _getCurrency.code.toUpperCase()) || 'USD'
-        }).format(Number(newValue)) + sign;
-    };
-    const checkIsCollapsed = ()=>{
-        let collapsedFromStructureIsDefined = false;
-        if (variables && variables.collapsed !== undefined && variables.collapsed !== null) {
-            collapsedFromStructureIsDefined = true;
-        }
-        if (collapsedFromStructureIsDefined) {
-            return variables.collapsed;
-        } else {
-            return collapsed;
-        }
-    };
-    const getValue = (value)=>{
-        const statisticsType = (input_type === null || input_type === void 0 ? void 0 : input_type.value) || type;
-        switch(statisticsType){
-            case 'percentage':
-                {
-                    return new Intl.NumberFormat('en-US', {
-                        style: 'percent'
-                    }).format(Number(value));
-                }
-            case 'currency':
-                {
-                    if (checkIsCollapsed()) {
-                        return convertValue(value);
-                    } else {
-                        var _getCurrency;
-                        return new Intl.NumberFormat('en-US', {
-                            style: 'currency',
-                            currency: ((_getCurrency = (0, _fixefyuiutils.getCurrency)(null)) === null || _getCurrency === void 0 ? void 0 : _getCurrency.code.toUpperCase()) || 'USD'
-                        }).format(Number(value));
-                    }
-                }
-            default:
-                return value;
-        }
-    };
-    (0, _react.useEffect)(()=>{
-        if (!value && structure) {
-            fetchData({
-                variables: {
-                    where: _object_spread({}, _filter)
-                }
-            });
-        }
-    }, []);
-    const statisticsTitle = label ? label : title;
-    const statisticsValue = data && data[object_path] != null ? getValue(data[object_path]) : getValue(value);
-    return loading ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-        sx: {
-            width: 100
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Skeleton, {
-                animation: "wave",
-                width: 100,
-                height: 30
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Skeleton, {
-                animation: "wave",
-                width: 100,
-                height: 20
-            })
-        ]
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: _classes.container,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (variables === null || variables === void 0 ? void 0 : variables.contrast) ? _classes.contrastValue : _classes.value,
-                children: statisticsValue
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (variables === null || variables === void 0 ? void 0 : variables.contrast) ? _classes.contrastLabel : _classes.label,
-                children: (0, _fixefyuiutils.titleCase)(statisticsTitle)
-            })
-        ]
-    });
-}

package/dist/src/FxStatisticsBar/index.js

@@ -1,19 +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, {
-    FxStatisticsBar: function() {
-        return _FxStatisticsBar.FxStatisticsBar;
-    },
-    StatisticsPropsType: function() {
-        return _FxStatisticsBar.StatisticsPropsType;
-    }
-});
-const _FxStatisticsBar = require("./FxStatisticsBar");