@fixefy/fixefy-ui-components 0.3.108 → 0.3.110

package/dist/fixefy-ui-components/src/FxGridEmptyState/FxGridEmptyState.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxGridEmptyState", {
+    enumerable: true,
+    get: function() {
+        return FxGridEmptyState;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _FxIcon = require("../FxIcon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxGridEmptyState = ({ assetUrl, mainIcon, message, mainIconWidth, mainIconHeight })=>{
+    const icon = mainIcon || 'table/table_no_results.svg';
+    const iconWidth = mainIconWidth || 279;
+    const iconHeight = mainIconHeight || 250;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
+        sx: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            p: '30px 0'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                width: 380,
+                height: 415,
+                icon: 'general/hexagon_bottom.svg',
+                assetUrl: assetUrl
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
+                display: 'flex',
+                flexDirection: 'column',
+                sx: {
+                    width: '100%',
+                    justifyContent: 'center',
+                    margin: 'auto',
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        width: iconWidth,
+                        height: iconHeight,
+                        icon: icon,
+                        assetUrl: assetUrl
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
+                        sx: {
+                            width: '100%',
+                            height: '100%',
+                            textAlign: 'center',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            margin: 'auto'
+                        },
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            mt: 3,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                                variant: "h5",
+                                children: message || 'There is currently no data to display.'
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                width: 416,
+                height: 377,
+                icon: 'general/hexagon_right.svg',
+                assetUrl: assetUrl
+            })
+        ]
+    });
+};

package/dist/fixefy-ui-components/src/FxGridEmptyState/index.js

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

package/dist/fixefy-ui-components/src/FxGridError/FxGridError.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxGridError", {
+    enumerable: true,
+    get: function() {
+        return FxGridError;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+const _FxIcon = require("../FxIcon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth, assetUrl })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        sx: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            p: '30px 0'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                width: 380,
+                height: 415,
+                icon: 'general/hexagon_bottom.svg',
+                assetUrl: assetUrl
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                display: 'flex',
+                flexDirection: 'column',
+                sx: {
+                    width: '100%',
+                    justifyContent: 'center',
+                    margin: 'auto',
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        width: imageWidth || 345,
+                        height: imageHeight || 412,
+                        icon: image || 'general/bot_with_bubble.svg',
+                        assetUrl: assetUrl
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                        sx: {
+                            width: '100%',
+                            height: '100%',
+                            textAlign: 'center',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            margin: 'auto'
+                        },
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            sx: textSx || {
+                                mr: '160px',
+                                marginTop: '40px'
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                    variant: "h5",
+                                    children: header || 'Something went wrong on our end.'
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                    variant: "subtitle2",
+                                    children: message || 'Please try again later.'
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                width: 416,
+                height: 377,
+                icon: 'general/hexagon_right.svg',
+                assetUrl: assetUrl
+            })
+        ]
+    });
+};

package/dist/fixefy-ui-components/src/FxGridError/index.js

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

package/dist/fixefy-ui-components/src/FxIcon/FxIcon.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxIcon", {
+    enumerable: true,
+    get: function() {
+        return FxIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Avatar = /*#__PURE__*/ _interop_require_default(require("@mui/material/Avatar"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: 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;
+}
+const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl })=>{
+    const [isError, setError] = (0, _react.useState)(false);
+    const handleError = (isError)=>setError(isError);
+    if (isError) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Avatar.default, {
+            variant: variant || 'rounded',
+            sx: {
+                background: background || '#bdbdbd',
+                width,
+                height
+            },
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                fontSize: fontSize || 29,
+                fontWeight: 600,
+                children: initials || (0, _fixefyuiutils.toInitials)(icon)
+            })
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+        alt: "",
+        width: width,
+        height: height,
+        loader: assetUrl ? (0, _fixefyuiutils.createImageLoader)(assetUrl) : _fixefyuiutils.imageLoader,
+        src: icon,
+        onLoad: ()=>handleError(false),
+        onError: ()=>handleError(true),
+        onClick: onClick
+    });
+};
+const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl })=>{
+    if (!icon) throw Error('Provide a property `icon`');
+    return parseIconFromLibrary({
+        icon,
+        width,
+        height,
+        onClick,
+        variant,
+        fontSize,
+        background,
+        initials,
+        assetUrl
+    });
+};
+const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(PublicIcon, {
+        icon: icon,
+        width: width,
+        height: height,
+        onClick: onClick,
+        variant: variant,
+        fontSize: fontSize,
+        background: background,
+        initials: initials,
+        assetUrl: assetUrl
+    });
+};

package/dist/fixefy-ui-components/src/FxIcon/content/dynamic_icon.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DynamicIcon", {
+    enumerable: true,
+    get: function() {
+        return DynamicIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DynamicIcon = ({ icon: IconComponent, sx })=>IconComponent ? /*#__PURE__*/ (0, _jsxruntime.jsx)(IconComponent, {
+        sx: sx
+    }) : null;

package/dist/fixefy-ui-components/src/FxIcon/content/index.js

@@ -0,0 +1,20 @@
+"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, {
+    DynamicIcon: function() {
+        return _dynamic_icon.DynamicIcon;
+    },
+    LazyIcon: function() {
+        return _lazy_icon.LazyIcon;
+    }
+});
+const _dynamic_icon = require("./dynamic_icon");
+const _lazy_icon = require("./lazy_icon");

package/dist/fixefy-ui-components/src/FxIcon/content/lazy_icon.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LazyIcon", {
+    enumerable: true,
+    get: function() {
+        return LazyIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Avatar = /*#__PURE__*/ _interop_require_default(require("@mui/material/Avatar"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: 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;
+}
+const LazyIcon = ({ icon, width, height })=>{
+    const [isError, setError] = (0, _react.useState)(false);
+    const handleError = (isError)=>setError(isError);
+    if (isError) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Avatar.default, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                fontSize: 29,
+                fontWeight: 600,
+                children: (0, _fixefyuiutils.toInitials)(icon)
+            })
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+        alt: icon,
+        width: width,
+        height: height,
+        //@ts-ignore
+        loader: (obj)=>(0, _fixefyuiutils.imageLoader)({
+                src: icon
+            }),
+        src: icon,
+        onLoad: ()=>handleError(false),
+        onError: ()=>handleError(true)
+    });
+};

package/dist/fixefy-ui-components/src/FxIcon/index.js

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

package/dist/fixefy-ui-components/src/FxMenuItemWithIcon/FxMenuItemWithIcon.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxMenuItemWithIcon", {
+    enumerable: true,
+    get: function() {
+        return FxMenuItemWithIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ListItemIcon = /*#__PURE__*/ _interop_require_default(require("@mui/material/ListItemIcon"));
+const _ListItemText = /*#__PURE__*/ _interop_require_default(require("@mui/material/ListItemText"));
+const _MenuItem = /*#__PURE__*/ _interop_require_default(require("@mui/material/MenuItem"));
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _FxIcon = require("../FxIcon");
+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;
+}
+const FxMenuItemWithIcon = ({ assetUrl, title, icon, onClick, sx = {} })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_MenuItem.default, {
+        sx: {
+            width: '197px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            background: '#fff',
+            marginLeft: 'auto',
+            cursor: 'pointer',
+            ['&:hover']: {
+                background: '#F6F9FA'
+            }
+        },
+        onClick: onClick ? onClick : null,
+        value: title,
+        children: [
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListItemIcon.default, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                    width: 16,
+                    height: 16,
+                    icon: icon,
+                    assetUrl: assetUrl
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListItemText.default, {
+                secondary: (0, _fixefyuiutils.titleCase)(title),
+                secondaryTypographyProps: _object_spread({
+                    fontSize: '14px',
+                    marginLeft: '-10px'
+                }, sx)
+            })
+        ]
+    });
+};

package/dist/fixefy-ui-components/src/FxMenuItemWithIcon/index.js

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