@fixefy/fixefy-ui-components 0.3.28 → 0.3.30

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const FxButtonModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, icon, sx, iconSize, }: {
+    btnType?: 'text' | 'icon';
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    icon?: string;
+    sx?: any;
+    iconSize?: number;
+}) => React.JSX.Element;

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxButtonModalWithComponent", {
+    enumerable: true,
+    get: function() {
+        return FxButtonModalWithComponent;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _FxStyledButton = require("../FxStyledButton");
+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 FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, icon, sx, iconSize })=>{
+    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: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
+                sx: sx,
+                btnType: btnType,
+                btnValue: btnValue,
+                onClick: handleClick,
+                startIcon: icon,
+                disabled: disabled,
+                iconSize: iconSize || 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/FxButtonModalWithComponent/index.d.ts

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

package/dist/FxButtonModalWithComponent/index.js

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

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare const FxButtonModalWithMenu: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, }: {
+    btnType?: 'text' | 'icon';
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    startIcon?: string;
+    endIcon?: string;
+    shouldShowModal?: boolean;
+    buttonSx?: any;
+    menuItemSx?: any;
+    iconSize?: number;
+}) => React.JSX.Element;

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxButtonModalWithMenu", {
+    enumerable: true,
+    get: function() {
+        return FxButtonModalWithMenu;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
+const _FxStyledButton = require("../FxStyledButton");
+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 FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal = true, buttonSx, menuItemSx, iconSize })=>{
+    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: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
+                sx: buttonSx,
+                btnType: btnType,
+                btnValue: btnValue,
+                onClick: handleClick,
+                startIcon: startIcon,
+                endIcon: endIcon,
+                iconSize: iconSize || 20,
+                disabled: disabled
+            }),
+            shouldShowModal && /*#__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();
+                        },
+                        sx: menuItemSx
+                    }, i);
+                }))
+            })
+        ]
+    });
+};

package/dist/FxButtonModalWithMenu/index.d.ts

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

package/dist/FxButtonModalWithMenu/index.js

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

package/dist/FxGeneralModal/FxGeneralModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FxGeneralModal: ({ buttonComponent, modalComponent, onClick, }: {
+    buttonComponent: any;
+    modalComponent: any;
+    onClick?: any;
+}) => React.JSX.Element;

package/dist/FxGeneralModal/FxGeneralModal.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxGeneralModal", {
+    enumerable: true,
+    get: function() {
+        return FxGeneralModal;
+    }
+});
+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 FxGeneralModal = ({ buttonComponent, modalComponent, 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);
+        } else {
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        }
+    };
+    const handleClose = ()=>{
+        setIsOpen(false);
+        setAnchorEl(null);
+    };
+    (0, _react.useEffect)(()=>{
+        setIsOpen(false);
+    }, [
+        buttonComponent
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                onClick: handleClick,
+                children: buttonComponent
+            }),
+            /*#__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 && modalComponent
+            })
+        ]
+    });
+};

package/dist/FxGeneralModal/index.d.ts

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

package/dist/FxGeneralModal/index.js

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

package/dist/index.d.ts

@@ -5,11 +5,12 @@ export { FxAvatar, AvatarPropsType, BackgroundColorsType } from './FxAvatar';
 export { FxButton, ButtonPropsType } from './FxButton';
 export { FxChip, ChipPropsType } from './FxChip';
 export { FxDatesProgress } from './FxDatesProgress';
+export { FxGeneralModal } from './FxGeneralModal';
 export { FxIcon } from './FxIcon';
 export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
 export { FxModal, ModalPropsType } from './FxModal';
-export { FxModalWithComponent } from './FxModalWithComponent';
-export { FxModalWithMenu } from './FxModalWithMenu';
+export { FxButtonModalWithComponent } from './FxButtonModalWithComponent';
+export { FxButtonModalWithMenu } from './FxButtonModalWithMenu';
 export { FxNotes, NoteCreateInput, NotesPropsType } from './FxNotes';
 export { FxNumberField, NumberfieldPropsType } from './FxNumberField';
 export { Arrow, PopperHeader, PopperWithOutside } from './FxPopper';

package/dist/index.js

@@ -60,12 +60,21 @@ _export(exports, {
     FxButton: function() {
         return _FxButton.FxButton;
     },
+    FxButtonModalWithComponent: function() {
+        return _FxButtonModalWithComponent.FxButtonModalWithComponent;
+    },
+    FxButtonModalWithMenu: function() {
+        return _FxButtonModalWithMenu.FxButtonModalWithMenu;
+    },
     FxChip: function() {
         return _FxChip.FxChip;
     },
     FxDatesProgress: function() {
         return _FxDatesProgress.FxDatesProgress;
     },
+    FxGeneralModal: function() {
+        return _FxGeneralModal.FxGeneralModal;
+    },
     FxIcon: function() {
         return _FxIcon.FxIcon;
     },
@@ -75,12 +84,6 @@ _export(exports, {
     FxModal: function() {
         return _FxModal.FxModal;
     },
-    FxModalWithComponent: function() {
-        return _FxModalWithComponent.FxModalWithComponent;
-    },
-    FxModalWithMenu: function() {
-        return _FxModalWithMenu.FxModalWithMenu;
-    },
     FxNotes: function() {
         return _FxNotes.FxNotes;
     },
@@ -233,11 +236,12 @@ const _FxAvatar = require("./FxAvatar");
 const _FxButton = require("./FxButton");
 const _FxChip = require("./FxChip");
 const _FxDatesProgress = require("./FxDatesProgress");
+const _FxGeneralModal = require("./FxGeneralModal");
 const _FxIcon = require("./FxIcon");
 const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
 const _FxModal = require("./FxModal");
-const _FxModalWithComponent = require("./FxModalWithComponent");
-const _FxModalWithMenu = require("./FxModalWithMenu");
+const _FxButtonModalWithComponent = require("./FxButtonModalWithComponent");
+const _FxButtonModalWithMenu = require("./FxButtonModalWithMenu");
 const _FxNotes = require("./FxNotes");
 const _FxNumberField = require("./FxNumberField");
 const _FxPopper = require("./FxPopper");

package/package.json

@@ -67,5 +67,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.28"
+  "version": "0.3.30"
 }