@fixefy/fixefy-ui-components 0.2.92 → 0.2.94

package/dist/FxModalWithButton/FxModalWithButton.js

@@ -12,6 +12,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _material = require("@mui/material");
 const _FxIcon = require("../FxIcon");
+const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -59,9 +60,12 @@ const FxModalWithButton = ({ btnType = 'text', color, btnValue, modalData, onCli
     const handleClick = (e)=>{
         if (onClick) {
             onClick();
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        } else {
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
         }
-        setIsOpen((prev)=>!prev);
-        setAnchorEl(e.currentTarget);
     };
     const handleClose = ()=>{
         setIsOpen(false);
@@ -111,7 +115,16 @@ const FxModalWithButton = ({ btnType = 'text', color, btnValue, modalData, onCli
                 open: isOpen,
                 onClose: handleClose,
                 TransitionComponent: _material.Fade,
-                children: isOpen && modalData
+                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();
+                        }
+                    }, i);
+                }))
             })
         ]
     });

package/dist/FxModalWithComponent/FxModalWithComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const FxModalWithComponent: ({ btnType, color, btnValue, modalData, onClick, disabled, icon, }: {
+    btnType?: 'text' | 'icon';
+    color?: 'secondary' | undefined;
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    icon?: string;
+}) => React.JSX.Element;

package/dist/FxModalWithComponent/FxModalWithComponent.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxModalWithComponent", {
+    enumerable: true,
+    get: function() {
+        return FxModalWithComponent;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _FxIcon = require("../FxIcon");
+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 FxModalWithComponent = ({ btnType = 'text', color, btnValue, modalData, onClick, disabled, icon })=>{
+    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: [
+            btnType == 'text' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                disabled: disabled,
+                color: color || 'primary',
+                id: "fade-button",
+                "aria-haspopup": "true",
+                onClick: handleClick,
+                sx: {
+                    fontWeight: 'normal',
+                    width: '100%',
+                    justifyContent: 'flex-start',
+                    '&:disabled': {
+                        color: '#BDBDBD',
+                        backgroundColor: '#F0F0F0'
+                    }
+                },
+                children: btnValue
+            }),
+            btnType == 'icon' && icon && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.IconButton, {
+                onClick: handleClick,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        icon: icon,
+                        width: 20,
+                        height: 20
+                    }),
+                    ' '
+                ]
+            }),
+            /*#__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/FxModalWithComponent/index.d.ts

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

package/dist/FxModalWithComponent/index.js

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

package/dist/FxModalWithMenu/FxModalWithMenu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const FxModalWithMenu: ({ btnType, color, btnValue, modalData, onClick, disabled, icon, }: {
+    btnType?: 'text' | 'icon';
+    color?: 'secondary' | undefined;
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    icon?: string;
+}) => React.JSX.Element;

package/dist/FxModalWithMenu/FxModalWithMenu.js

@@ -0,0 +1,131 @@
+"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 _FxIcon = require("../FxIcon");
+const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
+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', color, btnValue, modalData, onClick, disabled, icon })=>{
+    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: [
+            btnType == 'text' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                disabled: disabled,
+                color: color || 'primary',
+                id: "fade-button",
+                "aria-haspopup": "true",
+                onClick: handleClick,
+                sx: {
+                    fontWeight: 'normal',
+                    width: '100%',
+                    justifyContent: 'flex-start',
+                    '&:disabled': {
+                        color: '#BDBDBD',
+                        backgroundColor: '#F0F0F0'
+                    }
+                },
+                children: btnValue
+            }),
+            btnType == 'icon' && icon && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.IconButton, {
+                onClick: handleClick,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        icon: icon,
+                        width: 20,
+                        height: 20
+                    }),
+                    ' '
+                ]
+            }),
+            /*#__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();
+                        }
+                    }, i);
+                }))
+            })
+        ]
+    });
+};

package/dist/FxModalWithMenu/index.d.ts

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

package/dist/FxModalWithMenu/index.js

@@ -0,0 +1,11 @@
+"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/index.d.ts

@@ -8,7 +8,8 @@ export { FxChip, ChipPropsType } from './FxChip';
 export { FxIcon } from './FxIcon';
 export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
 export { FxModal, ModalPropsType } from './FxModal';
-export { FxModalWithButton } from './FxModalWithButton';
+export { FxModalWithComponent } from './FxModalWithComponent';
+export { FxModalWithMenu } from './FxModalWithMenu';
 export { FxNotes, NoteCreateInput, NotesPropsType } from './FxNotes';
 export { FxNumberField, NumberfieldPropsType } from './FxNumberField';
 export { FxProgressCircle, ProgressCirclePropsType } from './FxProgressCircle';

package/dist/index.js

@@ -75,8 +75,11 @@ _export(exports, {
     FxModal: function() {
         return _FxModal.FxModal;
     },
-    FxModalWithButton: function() {
-        return _FxModalWithButton.FxModalWithButton;
+    FxModalWithComponent: function() {
+        return _FxModalWithComponent.FxModalWithComponent;
+    },
+    FxModalWithMenu: function() {
+        return _FxModalWithMenu.FxModalWithMenu;
     },
     FxNotes: function() {
         return _FxNotes.FxNotes;
@@ -218,7 +221,8 @@ const _FxChip = require("./FxChip");
 const _FxIcon = require("./FxIcon");
 const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
 const _FxModal = require("./FxModal");
-const _FxModalWithButton = require("./FxModalWithButton");
+const _FxModalWithComponent = require("./FxModalWithComponent");
+const _FxModalWithMenu = require("./FxModalWithMenu");
 const _FxNotes = require("./FxNotes");
 const _FxNumberField = require("./FxNumberField");
 const _FxProgressCircle = require("./FxProgressCircle");

package/package.json

@@ -65,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.92"
+  "version": "0.2.94"
 }