@fixefy/fixefy-ui-components 0.2.86 → 0.2.88

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -120,7 +120,7 @@ const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBox,
     fontSize: "small"
 });
 const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
-    const { onAdd, onRemoveOne, onRemoveAll, fetcher, disabled, type = 'text', variables, search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, logo_placeholder, logo_folder_name, options_path } = props;
+    const { onAdd, onRemoveOne, onRemoveAll, fetcher, disabled, type = 'text', variables, search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, logo_placeholder, logo_folder_name, options_path, _id } = props;
     let { defaultValue } = props;
     const ref = (0, _react.useRef)(null);
     const theme = (0, _material.useTheme)();
@@ -181,7 +181,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
         }
     }, []);
     (0, _react.useEffect)(()=>{
-        const storedData = sessionStorage.getItem(`dropdown-${query}-${name}`);
+        const storedData = sessionStorage.getItem(`dropdown-${query}-${name}-${_id}`);
         if (storedData) {
             const parsedData = JSON.parse(storedData);
             const items = parsedData[name];
@@ -236,7 +236,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
         setIsLastPage(false);
     };
     const addToStoredDisplayed = (option)=>{
-        const prevStored = sessionStorage.getItem(`dropdown-${query}-${name}`);
+        const prevStored = sessionStorage.getItem(`dropdown-${query}-${name}-${_id}`);
         let data = prevStored ? JSON.parse(prevStored) : {};
         if (data[name]) {
             if (multiple) {
@@ -254,10 +254,10 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
                 option
             ];
         }
-        sessionStorage.setItem(`dropdown-${query}-${name}`, JSON.stringify(data));
+        sessionStorage.setItem(`dropdown-${query}-${name}-${_id}`, JSON.stringify(data));
     };
     const removeOneFromStoredDisplayed = (option)=>{
-        let storedDisplayed = sessionStorage.getItem(`dropdown-${query}-${name}`);
+        let storedDisplayed = sessionStorage.getItem(`dropdown-${query}-${name}-${_id}`);
         if (storedDisplayed) {
             storedDisplayed = JSON.parse(storedDisplayed);
             if (multiple) {
@@ -266,7 +266,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
             } else {
                 delete storedDisplayed[name];
             }
-            sessionStorage.setItem(`dropdown-${query}-${name}`, JSON.stringify(storedDisplayed));
+            sessionStorage.setItem(`dropdown-${query}-${name}-${_id}`, JSON.stringify(storedDisplayed));
         }
     };
     const handleOptionClick = (option)=>{
@@ -527,7 +527,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
                         onClick: ()=>{
                             setDisplayed([]);
                             onRemoveAll && onRemoveAll();
-                            sessionStorage.removeItem(`dropdown-${query}-${name}`);
+                            sessionStorage.removeItem(`dropdown-${query}-${name}-${_id}`);
                         },
                         icon: `filters/remove_all_button.svg`,
                         width: 16,

package/dist/FxModalWithButton/FxModalWithButton.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
-export declare const FxModalWithButton: ({ color, btnValue, modalData, onClick, disabled, }: {
+export declare const FxModalWithButton: ({ 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/FxModalWithButton/FxModalWithButton.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "FxModalWithButton", {
 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();
@@ -52,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxModalWithButton = ({ color, btnValue, modalData, onClick, disabled })=>{
+const FxModalWithButton = ({ 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)=>{
@@ -73,7 +74,7 @@ const FxModalWithButton = ({ color, btnValue, modalData, onClick, disabled })=>{
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+            btnType == 'text' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
                 disabled: disabled,
                 color: color || 'primary',
                 id: "fade-button",
@@ -90,7 +91,17 @@ const FxModalWithButton = ({ color, btnValue, modalData, onClick, disabled })=>{
                 },
                 children: btnValue
             }),
-            ' ',
+            btnType == 'icon' && icon && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.IconButton, {
+                onClick: onClick,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        icon: icon,
+                        width: 20,
+                        height: 20
+                    }),
+                    ' '
+                ]
+            }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
                 id: "fade-menu",
                 MenuListProps: {

package/package.json

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