@admin-layout/tailwind-design-pro 12.0.16-alpha.92 → 12.2.1-alpha.0

package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {generateMenuPath}from'@admin-layout/client';const OrganizationDropDown = props => {
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {generateMenuPath}from'@admin-layout/client';const OrganizationDropDown = props => {
   const {
     theme,
     layout,
@@ -38,36 +38,32 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
   const handleMouseLeave = () => {
     setIsProfileMenuOpen(false);
   };
-  return jsxs("div", {
+  return React__default.createElement("div", {
     ref: dropdownRef,
     className: "relative",
     onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [jsxs("button", {
-      className: "align-middle rounded-full flex items-center focus-themed",
-      onClick: toggleProfileMenu,
-      "aria-label": "Account",
-      "aria-haspopup": "true",
-      children: [jsx("img", {
-        className: "object-cover w-8 h-8 rounded-full",
-        src: "https://e7.pngegg.com/pngimages/241/832/png-clipart-business-management-computer-software-apartment-organization-user-avatar-blue-angle.png",
-        alt: "",
-        "aria-hidden": "true"
-      }), jsx("span", {
-        className: "ml-2 text-foreground",
-        children: routeParams?.orgName
-      })]
-    }), isProfileMenuOpen && jsx("ul", {
-      className: "absolute right-0 w-56 p-2 space-y-2 themed-dropdown",
-      "aria-label": "submenu",
-      children: upperMenus && upperMenus[0]?.children?.map(menu => jsx("li", {
-        className: "flex",
-        children: jsx(Link, {
-          to: generateMenuPath(menu?.path, routeParams),
-          className: "w-full px-3 py-2 hover:bg-muted rounded-themed transition-colors duration-150 text-foreground",
-          children: t(menu?.name)
-        }, menu?.key || menu?.name)
-      }, menu?.key || menu?.name))
-    })]
-  });
+    onMouseLeave: handleMouseLeave
+  }, React__default.createElement("button", {
+    className: "align-middle rounded-full flex items-center focus-themed",
+    onClick: toggleProfileMenu,
+    "aria-label": "Account",
+    "aria-haspopup": "true"
+  }, React__default.createElement("img", {
+    className: "object-cover w-8 h-8 rounded-full",
+    src: "https://e7.pngegg.com/pngimages/241/832/png-clipart-business-management-computer-software-apartment-organization-user-avatar-blue-angle.png",
+    alt: "",
+    "aria-hidden": "true"
+  }), React__default.createElement("span", {
+    className: "ml-2 text-foreground"
+  }, routeParams?.orgName)), isProfileMenuOpen && React__default.createElement("ul", {
+    className: "absolute right-0 w-56 p-2 space-y-2 themed-dropdown",
+    "aria-label": "submenu"
+  }, upperMenus && upperMenus[0]?.children?.map(menu => React__default.createElement("li", {
+    className: "flex",
+    key: menu?.key || menu?.name
+  }, React__default.createElement(Link, {
+    key: menu?.key || menu?.name,
+    to: generateMenuPath(menu?.path, routeParams),
+    className: "w-full px-3 py-2 hover:bg-muted rounded-themed transition-colors duration-150 text-foreground"
+  }, t(menu?.name))))));
 };export{OrganizationDropDown as default};//# sourceMappingURL=OrganizationDropdown.js.map

package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMA,MAAM,oBAAoB,GAAqC,KAAC,IAAO;AACnE,EAAA,MAAA;IACA,KAAA;IACA,MAAM;AACN,IAAA;IACA,WAAW;IAEX,SAAA;IACA;AACI,GAAA,GAAA,KAAA;QACA,CAAA,uBAAA,EAA0B,0BAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEF,WAAA,GAAA,MAAA,CAAA,IAAA,CAAA;QACA;AACI,IAAA,CAAA;AACI,IAAA;oBACI,CAAA,MAAA,CAAA;;AAER,EAAA,MAAA,iBAAE,GAAA,MAAA;AAEF,IAAA,oBAAS,CAAA,CAAA;AACT,IAAA,0BAAY,CAAA,KAAA,CAAA;AACR,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;MACtB,IAAM,WAAA,CAAA,OAAmB,IAAG,CAAE,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QAC1B,oBAAoB,CAAC,KAAK,CAAC;AAC/B,MAAE;IAEF,CAAA;YACI,CAAA,gBAAqB,CAAA,WAAO,EAAA,kBAAA,CAAA;AAChC,IAAA,OAAE,MAAA;AAEF,MAAA,QACI,CAAA,+BAAuB,EAAA,kBAAoB,CAAA;AAmB3B,IAAA,CAAA;AAexB,EAAE,CAAA,EAAA,EAAA,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"gMAMA,MAAM,oBAAoB,GAAqC,KAAC,IAAO;AACnE,EAAA,MAAA;IACA,KAAA;IACA,MAAM;AACN,IAAA;IACA,WAAW;IAEX,SAAA;IACA;AACI,GAAA,GAAA,KAAA;QACA,CAAA,uBAAA,EAA0B,0BAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEF,WAAA,GAAA,MAAA,CAAA,IAAA,CAAA;QACA;AACI,IAAA,CAAA;AACI,IAAA;oBACI,CAAA,MAAA,CAAA;;AAER,EAAA,MAAA,iBAAE,GAAA,MAAA;AAEF,IAAA,oBAAS,CAAA,CAAA;AACT,IAAA,0BAAY,CAAA,KAAA,CAAA;AACR,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;MACtB,IAAM,WAAA,CAAA,OAAmB,IAAG,CAAE,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QAC1B,oBAAoB,CAAC,KAAK,CAAC;AAC/B,MAAE;IAEF,CAAA;YACI,CAAA,gBAAqB,CAAA,WAAO,EAAA,kBAAA,CAAA;AAChC,IAAA,OAAE,MAAA;AAEF,MAAA,QACI,CAAA,mBAAA,CAAA,WAAU,EAAA,kBAAa,CAAA;;AAOf,EAAA,CAAA,EAAA,EAAA,CAAA;;QASH,gBAAA,GAAiB,MACd;wBAEoB,CAAC,IAAE,CAAA;AAEP,EAAA,CAAA;AAahC,EAAE,MAAA,gBAAA,GAAA,MAAA;AAEF,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/RightContent.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const useHorizontalScroll = () => {
+import*as React from'react';import {useState,useEffect,useRef}from'react';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const useHorizontalScroll = () => {
   const elRef = useRef(null);
   useEffect(() => {
     const el = elRef.current;
@@ -59,32 +59,28 @@ const RightContent = props => {
     el.style.overflow = curOverflow;
     return isOverflowing;
   };
-  return jsxs("div", {
-    className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`,
-    children: [jsx("div", {
-      id: "item-wrapper",
-      ref: scrollRef,
-      className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1",
-      children: navBarItems.map((item, index) => {
-        if (item.position === 'right' && item.component) {
-          return jsx("div", {
-            className: "flex-shrink-0",
-            children: item.component(props)
-          }, index);
-        }
-        return null;
-      })
-    }), jsx("div", {
-      className: "relative",
-      children: jsx(LanguageMenu, {})
-    }), jsx("div", {
-      className: "relative",
-      children: jsx(OrganizationDropDown, {
-        upperMenus: upperMenus,
-        routeParams: routeParams,
-        collapsed: collapsed,
-        settings: settings
-      })
-    })]
-  });
+  return React.createElement("div", {
+    className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`
+  }, React.createElement("div", {
+    id: "item-wrapper",
+    ref: scrollRef,
+    className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1"
+  }, navBarItems.map((item, index) => {
+    if (item.position === 'right' && item.component) {
+      return React.createElement("div", {
+        key: index,
+        className: "flex-shrink-0"
+      }, item.component(props));
+    }
+    return null;
+  })), React.createElement("div", {
+    className: "relative"
+  }, React.createElement(LanguageMenu, null)), React.createElement("div", {
+    className: "relative"
+  }, React.createElement(OrganizationDropDown, {
+    upperMenus: upperMenus,
+    routeParams: routeParams,
+    collapsed: collapsed,
+    settings: settings
+  })));
 };export{RightContent,useHorizontalScroll};//# sourceMappingURL=RightContent.js.map

package/lib/components/Layout/GlobalHeader/RightContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"iNAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAW,MAAG,CAAA,IAAuB,CAAA;WAErC,CAAA,MAAa;AACT,IAAA,MAAA,EAAA,GAAM,KAAK,CAAA;QACX,EAAA,EAAI;AACA,MAAA,MAAA,OAAM,GAAA,CAAA,IAAO;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAE,CAAA,EAAM;wBAAQ,EAAA;mBAClB,CAAA;gBACF,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,MAAA,CAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAG;AACH,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,MAAA,CAAA;AACJ,IAAA;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAO;AACH,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAM;IAEN,WAAA;IAEA,SAAA;IAEA;MACA,KAAA;QACA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACA,SAAA,GAAA,mBAAA,EAAA;;;;;;;;AASQ;AACI;;kBACI;AACJ,IAAA,MAAA,GAAA,GAAA,QAAI,CAAK,6BAAoB,CAAA;aAChC;UACJ,KAAA,CAAA,GAAA,CAAA,EAAA;AACL,QAAG,GAAA,CAAA,KAAA,CAAA,SAAA,GAAA,uBAAA;AAEH,MAAA,CAAA,MAAM;AACF,QAAA,GAAA,CAAA,eAAiB,GAAK,MAAM;AAC5B,MAAA;AACI,IAAA;;AAEJ,EAAA,MAAA,KAAA;AACA,IAAA,MAAE,WAAO,GAAA,EAAQ,CAAA,cAAe;AAChC,IAAA,IAAA,CAAA,0BAAqB,KAAA,SAAA,EAAA;AACzB,MAAE,EAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;IAEF;IACA,MAAI,aAAU,GAAM,EAAI,YAAW,GAAA,GAAO,WAAC,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;YACvC,CAAA,QAAA,GAAc;IAClB,OAAC,aAAA;AAED,EAAA,CAAA;AAgBY,EAAA,OAAAA,IAAA,CAAA,KAAE,EACA;AAiBlB,IAAE,SAAA,EAAA,CAAA,kBAAA,EAAA,SAAA,GAAA,QAAA,GAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"oMAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAW,MAAG,CAAA,IAAuB,CAAA;WAErC,CAAA,MAAa;AACT,IAAA,MAAA,EAAA,GAAM,KAAK,CAAA;QACX,EAAA,EAAI;AACA,MAAA,MAAA,OAAM,GAAA,CAAA,IAAO;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAE,CAAA,EAAM;wBAAQ,EAAA;mBAClB,CAAA;gBACF,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,MAAA,CAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAG;AACH,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,MAAA,CAAA;AACJ,IAAA;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAO;AACH,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAM;IAEN,WAAA;IAEA,SAAA;IAEA;MACA,KAAA;QACA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACA,SAAA,GAAA,mBAAA,EAAA;;;;;;;;AASQ;AACI;;kBACI;AACJ,IAAA,MAAA,GAAA,GAAA,QAAI,CAAK,6BAAoB,CAAA;aAChC;UACJ,KAAA,CAAA,GAAA,CAAA,EAAA;AACL,QAAG,GAAA,CAAA,KAAA,CAAA,SAAA,GAAA,uBAAA;AAEH,MAAA,CAAA,MAAM;AACF,QAAA,GAAA,CAAA,eAAiB,GAAK,MAAM;AAC5B,MAAA;AACI,IAAA;;AAEJ,EAAA,MAAA,KAAA;AACA,IAAA,MAAE,WAAO,GAAA,EAAQ,CAAA,cAAe;AAChC,IAAA,IAAA,CAAA,0BAAqB,KAAA,SAAA,EAAA;AACzB,MAAE,EAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;IAEF;IACA,MAAI,aAAU,GAAM,EAAI,YAAW,GAAA,GAAO,WAAC,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;YACvC,CAAA,QAAA,GAAc;IAClB,OAAC,aAAA;AAED,EAAA,CAAA;AAegB,EAAA,OAAA,KAAA,CAAA,aAAY,CAAA,KAAA,EAAA;AAChB,IAAA,SACE,EAAA,CAAA,kBAAA,EAAA,SAAA,GAAA,QAAA,GAAA,MAAA,CAAA;UAEN,CAAA,aAAA,CAAA,KAAA,EAAA;sBACI;SAIJ,SAAA;aACI,EAAA;AAShB,GAAE,EAAA,WAAA,CAAA,GAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/RightMenu.js

@@ -1,4 +1,4 @@
-import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
   path,
   onClose
 }) => {
@@ -10,11 +10,9 @@ import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useStat
       });
     }
   }, []);
-  return dialog ? jsx(dialog.default, {
+  return dialog ? React__default.createElement(dialog.default, {
     onClose: onClose
-  }) : jsx("div", {
-    children: "Loading..."
-  });
+  }) : React__default.createElement("div", null, "Loading...");
 };
 const RightMenu = ({
   menuData,
@@ -88,18 +86,16 @@ const RightMenu = ({
       name,
       icon
     } = item;
-    return jsxs("button", {
+    return React__default.createElement("button", {
       onClick: () => {
         setOpenedModalKey(key);
         setIsOpen(false); // Close the dropdown when opening a modal
       },
       className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
-      role: "menuitem",
-      children: [jsx("div", {
-        className: "mr-3",
-        children: renderDynamicIcon(icon)
-      }), t(name)]
-    });
+      role: "menuitem"
+    }, React__default.createElement("div", {
+      className: "mr-3"
+    }, renderDynamicIcon(icon)), t(name));
   };
   /**
    * Judge whether it is http link.return or a Link
@@ -116,31 +112,26 @@ const RightMenu = ({
     } = item;
     // Is it a http link
     if (/^https?:\/\//.test(itemPath)) {
-      return jsxs("a", {
+      return React__default.createElement("a", {
         href: itemPath,
         target: target,
         onClick: onClose,
         className: "flex items-center w-full p-3 text-foreground hover:bg-muted",
-        role: "menuitem",
-        children: [jsxs("div", {
-          className: "mr-3",
-          children: [renderDynamicIcon(icon), " "]
-        }), jsx("span", {
-          className: "ml-1",
-          children: name
-        })]
-      });
+        role: "menuitem"
+      }, React__default.createElement("div", {
+        className: "mr-3"
+      }, renderDynamicIcon(icon), " "), React__default.createElement("span", {
+        className: "ml-1"
+      }, name));
     }
-    return jsxs(Link, {
+    return React__default.createElement(Link, {
       to: itemPath,
       onClick: onClose,
       className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
-      role: "menuitem",
-      children: [jsx("div", {
-        className: "mr-3",
-        children: renderDynamicIcon(icon)
-      }), name]
-    });
+      role: "menuitem"
+    }, React__default.createElement("div", {
+      className: "mr-3"
+    }, renderDynamicIcon(icon)), name);
   };
   const getMenuModals = () => {
     let dialogMenus = [];
@@ -158,115 +149,100 @@ const RightMenu = ({
         key,
         name
       } = item;
-      return key === openedModalKey && jsx("div", {
-        className: "fixed inset-0 z-50 overflow-y-auto",
-        children: jsxs("div", {
-          className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",
-          children: [jsx("div", {
-            className: "fixed inset-0 transition-opacity",
-            "aria-hidden": "true",
-            children: jsx("div", {
-              className: "absolute inset-0 bg-black bg-opacity-50",
-              onClick: () => {
-                onClose();
-                setOpenedModalKey(null);
-              }
-            })
-          }), jsx("span", {
-            className: "hidden sm:inline-block sm:align-middle sm:h-screen",
-            "aria-hidden": "true",
-            children: "\u200B"
-          }), jsx("div", {
-            className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": "modal-headline",
-            children: jsxs("div", {
-              className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4",
-              children: [jsx("div", {
-                className: "flex justify-end",
-                children: jsxs("button", {
-                  type: "button",
-                  className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
-                  onClick: () => {
-                    onClose();
-                    setOpenedModalKey(null);
-                  },
-                  children: [jsx("span", {
-                    className: "sr-only",
-                    children: "Close"
-                  }), jsx("svg", {
-                    className: "h-6 w-6",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "aria-hidden": "true",
-                    children: jsx("path", {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: "2",
-                      d: "M6 18L18 6M6 6l12 12"
-                    })
-                  })]
-                })
-              }), jsx("div", {
-                className: "mt-2",
-                children: jsx(DialogComponent, {
-                  path: dialogPath,
-                  onClose: () => {
-                    onClose();
-                    setOpenedModalKey(null);
-                  }
-                })
-              })]
-            })
-          })]
-        })
-      }, k);
+      return key === openedModalKey && React__default.createElement("div", {
+        key: k,
+        className: "fixed inset-0 z-50 overflow-y-auto"
+      }, React__default.createElement("div", {
+        className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+      }, React__default.createElement("div", {
+        className: "fixed inset-0 transition-opacity",
+        "aria-hidden": "true"
+      }, React__default.createElement("div", {
+        className: "absolute inset-0 bg-black bg-opacity-50",
+        onClick: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      })), React__default.createElement("span", {
+        className: "hidden sm:inline-block sm:align-middle sm:h-screen",
+        "aria-hidden": "true"
+      }, "\u200B"), React__default.createElement("div", {
+        className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "modal-headline"
+      }, React__default.createElement("div", {
+        className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4"
+      }, React__default.createElement("div", {
+        className: "flex justify-end"
+      }, React__default.createElement("button", {
+        type: "button",
+        className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
+        onClick: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      }, React__default.createElement("span", {
+        className: "sr-only"
+      }, "Close"), React__default.createElement("svg", {
+        className: "h-6 w-6",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        "aria-hidden": "true"
+      }, React__default.createElement("path", {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M6 18L18 6M6 6l12 12"
+      })))), React__default.createElement("div", {
+        className: "mt-2"
+      }, React__default.createElement(DialogComponent, {
+        path: dialogPath,
+        onClose: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      }))))));
     });
   };
-  return jsxs(Fragment, {
-    children: [jsxs("div", {
-      className: "relative",
-      ref: menuRef,
-      onMouseEnter: onOpen,
-      children: [jsx("button", {
-        className: `
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "relative",
+    ref: menuRef,
+    onMouseEnter: onOpen
+  }, React__default.createElement("button", {
+    className: `
                         inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
                     `,
-        "aria-expanded": "false",
-        onClick: toggleMenu,
-        children: picture ? jsx("img", {
-          src: picture,
-          className: "rounded-full",
-          alt: "User"
-        }) : null
-      }), isOpen && jsxs("div", {
-        className: "bg-background absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
-        role: "menu",
-        "aria-orientation": "vertical",
-        "aria-labelledby": "user-menu",
-        children: [MenusList?.upperMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k)), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && jsx("hr", {
-          className: "border-border my-1"
-        }), MenusList?.middleMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k)), MenusList?.middleMenus?.length > 0 && MenusList?.lowerMenus?.length > 0 && jsx("hr", {
-          className: "border-border my-1"
-        }), MenusList?.lowerMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k)), MenusList?.lowerMenus?.length > 0 && MenusList?.bottomMenus?.length > 0 && jsx("hr", {
-          className: "border-border my-1"
-        }), MenusList?.bottomMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k))]
-      })]
-    }), getMenuModals()]
-  });
+    "aria-expanded": "false",
+    onClick: toggleMenu
+  }, picture ? React__default.createElement("img", {
+    src: picture,
+    className: "rounded-full",
+    alt: "User"
+  }) : null), isOpen && React__default.createElement("div", {
+    className: "bg-background absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+    role: "menu",
+    "aria-orientation": "vertical",
+    "aria-labelledby": "user-menu"
+  }, MenusList?.upperMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.middleMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.middleMenus?.length > 0 && MenusList?.lowerMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.lowerMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.lowerMenus?.length > 0 && MenusList?.bottomMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.bottomMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))))), getMenuModals());
 };export{RightMenu};//# sourceMappingURL=RightMenu.js.map

package/lib/components/Layout/GlobalHeader/RightMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"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"}
+{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/Layout/GlobalHeader/SearchBar.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useRef,useState,useEffect}from'react';import {useDispatch,useSelector}from'react-redux';import {useNavigate}from'@remix-run/react';import {icons}from'../../../icons.js';import {setSearchQuery,setSearchResult}from'../../../redux/searchReducer.js';const {
+import React__default,{useRef,useState,useEffect}from'react';import {useDispatch,useSelector}from'react-redux';import {useNavigate}from'@remix-run/react';import {icons}from'../../../icons.js';import {setSearchQuery,setSearchResult}from'../../../redux/searchReducer.js';const {
   SearchIcon
 } = icons;
 const SearchBar = ({
@@ -70,49 +70,40 @@ const SearchBar = ({
     }
     setIsOpen(false);
   };
-  return jsxs("div", {
+  return React__default.createElement("div", {
     ref: searchRef,
-    className: `relative ${className}`,
-    children: [jsxs("div", {
-      className: "relative w-full focus-within:text-primary",
-      children: [jsx("div", {
-        className: "absolute inset-y-0 flex items-center pl-2",
-        children: jsx(SearchIcon, {
-          className: `w-4 h-4 ${isSearching ? 'animate-spin' : ''}`
-        })
-      }), jsx("input", {
-        className: "w-full pl-8 pr-2 text-sm themed-input focus-themed",
-        type: "text",
-        placeholder: placeholder,
-        "aria-label": "Search",
-        value: searchQuery,
-        onChange: handleSearchChange,
-        onKeyDown: handleKeyDown,
-        onFocus: () => setIsOpen(true),
-        style: style
-      })]
-    }), isOpen && searchResults.length > 0 && jsx("div", {
-      className: "absolute z-50 w-full mt-1 themed-dropdown",
-      children: jsx("ul", {
-        className: "py-1 overflow-auto text-base leading-6 rounded-themed shadow-themed-sm max-h-60 focus:outline-none sm:text-sm sm:leading-5",
-        children: searchResults.map((result, index) => jsxs("li", {
-          className: `relative py-2 pl-3 pr-9 cursor-pointer select-none ${index === selectedIndex ? 'text-primary-foreground bg-primary' : 'text-foreground hover:bg-muted'}`,
-          onClick: () => handleResultClick(result),
-          children: [jsxs("div", {
-            className: "flex items-center",
-            children: [jsx("span", {
-              className: "block truncate font-medium",
-              children: result.title
-            }), result.type && jsx("span", {
-              className: "ml-2 px-2 py-0.5 text-xs rounded-themed bg-muted text-muted-foreground",
-              children: result.type
-            })]
-          }), result.description && jsx("span", {
-            className: "block text-sm text-muted-foreground truncate",
-            children: result.description
-          })]
-        }, result.id))
-      })
-    })]
-  });
+    className: `relative ${className}`
+  }, React__default.createElement("div", {
+    className: "relative w-full focus-within:text-primary"
+  }, React__default.createElement("div", {
+    className: "absolute inset-y-0 flex items-center pl-2"
+  }, React__default.createElement(SearchIcon, {
+    className: `w-4 h-4 ${isSearching ? 'animate-spin' : ''}`
+  })), React__default.createElement("input", {
+    className: "w-full pl-8 pr-2 text-sm themed-input focus-themed",
+    type: "text",
+    placeholder: placeholder,
+    "aria-label": "Search",
+    value: searchQuery,
+    onChange: handleSearchChange,
+    onKeyDown: handleKeyDown,
+    onFocus: () => setIsOpen(true),
+    style: style
+  })), isOpen && searchResults.length > 0 && React__default.createElement("div", {
+    className: "absolute z-50 w-full mt-1 themed-dropdown"
+  }, React__default.createElement("ul", {
+    className: "py-1 overflow-auto text-base leading-6 rounded-themed shadow-themed-sm max-h-60 focus:outline-none sm:text-sm sm:leading-5"
+  }, searchResults.map((result, index) => React__default.createElement("li", {
+    key: result.id,
+    className: `relative py-2 pl-3 pr-9 cursor-pointer select-none ${index === selectedIndex ? 'text-primary-foreground bg-primary' : 'text-foreground hover:bg-muted'}`,
+    onClick: () => handleResultClick(result)
+  }, React__default.createElement("div", {
+    className: "flex items-center"
+  }, React__default.createElement("span", {
+    className: "block truncate font-medium"
+  }, result.title), result.type && React__default.createElement("span", {
+    className: "ml-2 px-2 py-0.5 text-xs rounded-themed bg-muted text-muted-foreground"
+  }, result.type)), result.description && React__default.createElement("span", {
+    className: "block text-sm text-muted-foreground truncate"
+  }, result.description))))));
 };export{SearchBar,SearchBar as default};//# sourceMappingURL=SearchBar.js.map

package/lib/components/Layout/GlobalHeader/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACM,MAAA,SAAW,GAAA,CAAA;AACjB,EAAA;aACO,GAAA,QAAQ;;AAEf,CAAA,KAAA;QAEA,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,MAAA,sBAAwB,EAAG;AACvB,EAAA,MAAA,YAAW,MAAG,CAAK,IAAC,CAAA;AACpB,EAAA,MAAA,CAAA,MAAA,EAAS,SAAA,CAAA,GAAA,QAAqB,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAW,EAAI,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAM,CAAA,KAAa,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAK,GAAW,MAAA,KAAA,IAAA;kBACZ,KAAM,CAAA,MAAA,CAAA,KAAc;2BACpB,CAAA,KAAiB,CAAC,CAAA;mBAClB,EAAA,EAAM;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAK,GAAO,KAAA,IAAA;iBACR,CAAA,GAAK;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACA,EAAU;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAK;4BACK,EAAA;yBACG,IAAC,CAAA,IAAO,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;UAEF;UACA,SAAe,CAAA,KAAA,CAAA;AACX,QAAA;AACI,QAAA;mBACI;aACH,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAA,CAAA,OAAiB,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAI,CAAM,KAAI,CAAE;AACZ,MAAA;;YAEJ,CAAA,gBAAiB,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEF,QACI,CAAA,mBAAU,CAAA,WAAW,EAAA,kBAAuB,CAAA;AA2BZ,IAAA,CAAA;AACA,EAAA,CAAA,EAAA,EAAA,CAAA;AAwBxC;AAEA,EAAA,MAAA,iBAAyB,GAAA,MAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6QAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACM,MAAA,SAAW,GAAA,CAAA;AACjB,EAAA;aACO,GAAA,QAAQ;;AAEf,CAAA,KAAA;QAEA,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,MAAA,sBAAwB,EAAG;AACvB,EAAA,MAAA,YAAW,MAAG,CAAK,IAAC,CAAA;AACpB,EAAA,MAAA,CAAA,MAAA,EAAS,SAAA,CAAA,GAAA,QAAqB,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAW,EAAI,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAM,CAAA,KAAa,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAK,GAAW,MAAA,KAAA,IAAA;kBACZ,KAAM,CAAA,MAAA,CAAA,KAAc;2BACpB,CAAA,KAAiB,CAAC,CAAA;mBAClB,EAAA,EAAM;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAK,GAAO,KAAA,IAAA;iBACR,CAAA,GAAK;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACA,EAAU;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAK;4BACK,EAAA;yBACG,IAAC,CAAA,IAAO,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;UAEF;UACA,SAAe,CAAA,KAAA,CAAA;AACX,QAAA;AACI,QAAA;mBACI;aACH,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAA,CAAA,OAAiB,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAI,CAAM,KAAI,CAAE;AACZ,MAAA;;YAEJ,CAAA,gBAAiB,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEF,QACI,CAAA,mBAAA,CAAA,WAAU,EAAA,kBAAoB,CAAA;;;AAGlB;AAEJ,EAAA,MAAA,iBAAA,GAAA,MAAA,IAAA;QAcH,MAAM,CAAA,GAAI,EAAA;AAEH,MAAA,QAAA,CAAA,MAAA,CAAA,GAAA,CAAA;AAMoB,IAAA;AACA,IAAA,SAAA,CAAA,KAAA,CAAA;;AAKJ,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACC,IAAA,GAAA,EAAA,SAAA;gBAMJ,oBAAkB,CAAA;AAYnD,GAAE,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEF,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/ProTailwindLayout.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
 import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
 import { ClientTypes } from '@common-stack/client-core';
@@ -86,7 +85,7 @@ const ProTailwindLayout = props => {
   const params = {
     orgName: orgName
   };
-  return jsx(BasicLayoutEnhanced, {
+  return React.createElement(BasicLayoutEnhanced, {
     routeParams: params,
     permissions: permissions,
     menuData: filteredMenuData,