@fixefy/fixefy-ui-components 0.3.31 → 0.3.33

package/dist/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/src/FxIcon/content/lazy_icon.js

@@ -0,0 +1,137 @@
+"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 _material = require("@mui/material");
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
+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 _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 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 LazyIcon = ({ icon, root, width, height })=>{
+    const [isError, setError] = (0, _react.useState)(false);
+    const handleError = (isError)=>setError(isError);
+    if (isError) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Avatar, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                fontSize: 29,
+                fontWeight: 600,
+                children: (0, _fixefyuiutils.toInitials)(icon)
+            })
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+        alt: icon,
+        width: width,
+        height: height,
+        loader: (obj)=>(0, _fixefyuiutils.imageLoader)(_object_spread_props(_object_spread({}, obj), {
+                root
+            })),
+        src: icon,
+        onLoad: ()=>handleError(false),
+        onError: ()=>handleError(true)
+    });
+};

package/dist/{FxCheckbox → src/FxIcon}/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "FxCheckbox", {
+Object.defineProperty(exports, "FxIcon", {
     enumerable: true,
     get: function() {
-        return _FxCheckbox.FxCheckbox;
+        return _FxIcon.FxIcon;
     }
 });
-const _FxCheckbox = require("./FxCheckbox");
+const _FxIcon = require("./FxIcon");

package/dist/src/FxModal/FxModal.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxModal", {
+    enumerable: true,
+    get: function() {
+        return FxModal;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+const _modalstyle = require("./styles/modal.style");
+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 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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const FxDialogTitle = (props)=>{
+    const { children } = props, other = _object_without_properties(props, [
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.StyledDialogTitle, _object_spread_props(_object_spread({}, other), {
+        children: children
+    }));
+};
+const FxInlineDialogTitle = (props)=>{
+    const { children } = props, other = _object_without_properties(props, [
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.StyledInlineDialogTitle, _object_spread_props(_object_spread({}, other), {
+        children: children
+    }));
+};
+const IconTitle = ({ icon, title, inline })=>{
+    const renderObject = inline ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        sx: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        children: [
+            icon,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(FxInlineDialogTitle, {
+                id: "customized-dialog-title",
+                children: title
+            })
+        ]
+    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            icon && icon,
+            title && /*#__PURE__*/ (0, _jsxruntime.jsx)(FxDialogTitle, {
+                id: "customized-dialog-title",
+                children: title
+            })
+        ]
+    });
+    return renderObject;
+};
+const FxModal = (_param)=>{
+    var { isOpen = false, isIconTitleInline = false, icon, onClose, children, title, actions } = _param, rest = _object_without_properties(_param, [
+        "isOpen",
+        "isIconTitleInline",
+        "icon",
+        "onClose",
+        "children",
+        "title",
+        "actions"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_modalstyle.FxDialog, _object_spread_props(_object_spread({}, rest), {
+            fullWidth: true,
+            onClose: onClose,
+            "aria-labelledby": "customized-dialog-title",
+            open: isOpen,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(IconTitle, {
+                    icon: icon,
+                    title: title,
+                    inline: isIconTitleInline
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
+                    children: children
+                }),
+                actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.DialogActionsStyled, {
+                    children: actions
+                })
+            ]
+        }))
+    });
+};

package/dist/src/FxModal/index.js

@@ -0,0 +1,19 @@
+"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, {
+    FxModal: function() {
+        return _FxModal.FxModal;
+    },
+    ModalPropsType: function() {
+        return _FxModal.ModalPropsType;
+    }
+});
+const _FxModal = require("./FxModal");

package/dist/src/FxModal/styles/modal.style.js

@@ -0,0 +1,59 @@
+"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, {
+    DialogActionsStyled: function() {
+        return DialogActionsStyled;
+    },
+    FxDialog: function() {
+        return FxDialog;
+    },
+    StyledDialogTitle: function() {
+        return StyledDialogTitle;
+    },
+    StyledInlineDialogTitle: function() {
+        return StyledInlineDialogTitle;
+    }
+});
+const _styles = require("@mui/material/styles");
+const _material = require("@mui/material");
+const FxDialog = (0, _styles.styled)(_material.Dialog)(()=>({
+        '& .MuiDialog-paper': {
+            borderRadius: 8,
+            padding: '24px',
+            // minWidth: "370px",
+            maxWidth: 'fit-content'
+        },
+        '& .MuiDialogContent-root': {
+            padding: 0
+        },
+        // "& .MuiDialogTitle-root": {
+        //   margin: "8px 0",
+        // },
+        '& .MuiDialogActions-root': {
+            margin: '24px 0 0 0',
+            padding: 0
+        }
+    }));
+const StyledDialogTitle = (0, _styles.styled)(_material.DialogTitle)(()=>({
+        fontSize: 14,
+        fontWeight: 900,
+        margin: '8px 0'
+    }));
+const StyledInlineDialogTitle = (0, _styles.styled)(_material.DialogTitle)(()=>({
+        fontSize: 19,
+        fontWeight: 600,
+        color: '#568793',
+        margin: '8px 16px',
+        padding: 0
+    }));
+const DialogActionsStyled = (0, _styles.styled)(_material.DialogActions)(({})=>({
+        justifyContent: 'flex-start'
+    }));

package/dist/src/FxModalWithButton/FxModalWithButton.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxModalWithButton", {
+    enumerable: true,
+    get: function() {
+        return FxModalWithButton;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+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 FxModalWithButton = ({ btnValue, modalData, onClick })=>{
+    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);
+    };
+    const handleClose = ()=>{
+        setIsOpen(false);
+        setAnchorEl(null);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                id: "fade-button",
+                "aria-haspopup": "true",
+                onClick: handleClick,
+                sx: {
+                    fontWeight: 'normal'
+                },
+                children: btnValue
+            }),
+            ' ',
+            /*#__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
+            })
+        ]
+    });
+};

package/dist/src/FxModalWithButton/index.js

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