@fixefy/fixefy-ui-components 0.3.28 → 0.3.29

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,6 +5,7 @@ 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';

package/dist/index.js

@@ -66,6 +66,9 @@ _export(exports, {
     FxDatesProgress: function() {
         return _FxDatesProgress.FxDatesProgress;
     },
+    FxGeneralModal: function() {
+        return _FxGeneralModal.FxGeneralModal;
+    },
     FxIcon: function() {
         return _FxIcon.FxIcon;
     },
@@ -233,6 +236,7 @@ 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");

package/package.json

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