@fixefy/fixefy-ui-components 0.1.80 → 0.1.82

package/dist/FxAsyncDropdown/FxAsyncDropdown.d.ts

@@ -21,7 +21,6 @@ export type AsyncDropdownPropsType = {
     type?: 'checkbox' | 'text';
     renderOptions?: (option: Option, index: number) => void;
     [x: string]: any;
-    showSelectedValue?: boolean;
     modal_type?: string;
     query: string;
 };

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -283,12 +283,29 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         onChange && onChange(item, 'uncheck');
         removeFromStoredDisplayed(item);
     };
+    const isChecked = (option)=>{
+        const clicked = getClicked(option);
+        if (typeof displayed === 'string') {
+            return false;
+        } else {
+            if (multiple) {
+                return displayed.map((item)=>{
+                    if (search_path.includes('workspace')) {
+                        return item['title'];
+                    } else {
+                        return item[search_path];
+                    }
+                }).includes(clicked);
+            } else {
+                return displayed[search_path] === clicked;
+            }
+        }
+    };
     const handleListOptions = ()=>{
         switch(type){
             case 'checkbox':
                 {
                     return options.map((option)=>{
-                        const clicked = getClicked(option);
                         return /*#__PURE__*/ (0, _jsxruntime.jsxs)("li", {
                             onClick: ()=>{
                                 handleOptionClick(option);
@@ -296,7 +313,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                             children: [
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
                                     icon: icon,
-                                    checked: displayed.map((item)=>item[search_path]).includes(clicked),
+                                    checked: isChecked(option),
                                     checkedIcon: checkedIcon,
                                     sx: {
                                         mr: 1,
@@ -463,10 +480,13 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         });
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_dropdownstyles.Root, {
+        sx: {
+            background: '#FFFFFF'
+        },
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                 sx: {
-                    padding: '5px 0 5px 15px'
+                    padding: '5px 0 5px 5px'
                 },
                 children: [
                     getCurrentValues(),

package/dist/FxModalWithButton/FxModalWithButton.d.ts

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

package/dist/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: isOpen ? 'bold' : '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/FxModalWithButton/index.d.ts

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

package/dist/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");

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { FxButton, ButtonPropsType } from './FxButton';
 export { FxChip, ChipPropsType } from './FxChip';
 export { FxIcon } from './FxIcon';
 export { FxModal, ModalPropsType } from './FxModal';
+export { FxModalWithButton } from './FxModalWithButton';
 export { FxNotes, NoteCreateInput, NotesPropsType } from './FxNotes';
 export { FxNumberField, NumberfieldPropsType } from './FxNumberField';
 export { FxProgressCircle, ProgressCirclePropsType } from './FxProgressCircle';

package/dist/index.js

@@ -69,6 +69,9 @@ _export(exports, {
     FxModal: function() {
         return _FxModal.FxModal;
     },
+    FxModalWithButton: function() {
+        return _FxModalWithButton.FxModalWithButton;
+    },
     FxNotes: function() {
         return _FxNotes.FxNotes;
     },
@@ -192,6 +195,7 @@ const _FxButton = require("./FxButton");
 const _FxChip = require("./FxChip");
 const _FxIcon = require("./FxIcon");
 const _FxModal = require("./FxModal");
+const _FxModalWithButton = require("./FxModalWithButton");
 const _FxNotes = require("./FxNotes");
 const _FxNumberField = require("./FxNumberField");
 const _FxProgressCircle = require("./FxProgressCircle");

package/package.json

@@ -13,8 +13,8 @@
     "@react-spring/web": "^9.7.3",
     "graphql-tag": "^2.12.6",
     "next": "^13.5.3",
-    "react": "18.0.2",
-    "react-dom": "18.0.2",
+    "react": "17.2.0",
+    "react-dom": "17.2.0",
     "swc-loader": "^0.2.3"
   },
   "devDependencies": {
@@ -70,5 +70,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.1.80"
+  "version": "0.1.82"
 }