@xsolla/xui-context-menu 0.91.0 → 0.92.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-context-menu",
-  "version": "0.91.0",
+  "version": "0.92.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,13 +13,13 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-checkbox": "0.91.0",
-    "@xsolla/xui-core": "0.91.0",
-    "@xsolla/xui-divider": "0.91.0",
-    "@xsolla/xui-icons": "0.91.0",
-    "@xsolla/xui-primitives-core": "0.91.0",
-    "@xsolla/xui-radio": "0.91.0",
-    "@xsolla/xui-spinner": "0.91.0"
+    "@xsolla/xui-checkbox": "0.92.0",
+    "@xsolla/xui-core": "0.92.0",
+    "@xsolla/xui-divider": "0.92.0",
+    "@xsolla/xui-icons": "0.92.0",
+    "@xsolla/xui-primitives-core": "0.92.0",
+    "@xsolla/xui-radio": "0.92.0",
+    "@xsolla/xui-spinner": "0.92.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.js

@@ -1418,6 +1418,7 @@ var import_jsx_runtime388 = require("react/jsx-runtime");
 var import_jsx_runtime389 = require("react/jsx-runtime");
 var import_jsx_runtime390 = require("react/jsx-runtime");
 var import_jsx_runtime391 = require("react/jsx-runtime");
+var import_jsx_runtime392 = require("react/jsx-runtime");
 var StyledIcon2 = import_styled_components5.default.div`
   display: inline-flex;
   align-items: center;
@@ -1435,15 +1436,15 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent381,
-  lineContent: lineContent381,
+  solidContent: solidContent382,
+  lineContent: lineContent382,
   className,
   style,
   "data-testid": testId,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent381 : solidContent381;
+  const svgContent = variant === "line" ? lineContent382 : solidContent382;
   const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     StyledIcon2,
@@ -1460,13 +1461,13 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent367 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
-var lineContent367 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
-var Search = (props) => /* @__PURE__ */ (0, import_jsx_runtime378.jsx)(BaseIcon, { ...props, solidContent: solidContent367, lineContent: lineContent367 });
+var solidContent368 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
+var lineContent368 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
+var Search = (props) => /* @__PURE__ */ (0, import_jsx_runtime379.jsx)(BaseIcon, { ...props, solidContent: solidContent368, lineContent: lineContent368 });
 
 // src/ContextMenuSearch.tsx
 var import_xui_divider = require("@xsolla/xui-divider");
-var import_jsx_runtime392 = require("react/jsx-runtime");
+var import_jsx_runtime393 = require("react/jsx-runtime");
 var ContextMenuSearch = (0, import_react9.forwardRef)(
   ({
     value,
@@ -1505,7 +1506,7 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
         context?.closeMenu();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime392.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime393.jsxs)(
       Box,
       {
         flexDirection: "column",
@@ -1514,16 +1515,16 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
         paddingVertical: sizeStyles.searchPaddingVertical,
         "data-testid": testId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime392.jsxs)(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime392.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime393.jsxs)(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
               Icon,
               {
                 size: sizeStyles.searchIconSize,
                 color: inputColors.placeholder,
-                children: /* @__PURE__ */ (0, import_jsx_runtime392.jsx)(Search, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(Search, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime392.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime392.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
               InputPrimitive,
               {
                 ref: inputRef,
@@ -1542,7 +1543,7 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime392.jsx)(import_xui_divider.Divider, {})
+          /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(import_xui_divider.Divider, {})
         ]
       }
     );
@@ -1551,7 +1552,7 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
 ContextMenuSearch.displayName = "ContextMenuSearch";
 
 // src/ContextMenu.tsx
-var import_jsx_runtime393 = require("react/jsx-runtime");
+var import_jsx_runtime394 = require("react/jsx-runtime");
 var ContextMenuRoot = (0, import_react10.forwardRef)(
   ({
     children,
@@ -1730,7 +1731,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
           "data-testid": `context-menu-item-${item.id || index}`
         };
         if (item.variant === "checkbox") {
-          return /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
             ContextMenuCheckboxItem,
             {
               ...commonProps,
@@ -1743,7 +1744,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
           );
         }
         if (item.variant === "radio") {
-          return /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
             ContextMenuRadioItem,
             {
               ...commonProps,
@@ -1754,7 +1755,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
             itemKey
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
           ContextMenuItem,
           {
             ...commonProps,
@@ -1772,9 +1773,9 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
       });
     };
     const renderGroups = (groupsData) => {
-      return groupsData.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime393.jsxs)(import_react10.default.Fragment, { children: [
-        groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(ContextMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+      return groupsData.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime394.jsxs)(import_react10.default.Fragment, { children: [
+        groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(ContextMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
           ContextMenuGroup,
           {
             label: group.label,
@@ -1788,14 +1789,14 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
     const renderContent = () => {
       if (isLoading) {
         const brandColor = theme.colors.control.brand.primary.bg;
-        return /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
           Box,
           {
             padding: 16,
             alignItems: "center",
             justifyContent: "center",
             minHeight: 60,
-            children: /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(import_xui_spinner.Spinner, { size: "md", color: brandColor })
+            children: /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(import_xui_spinner.Spinner, { size: "md", color: brandColor })
           }
         );
       }
@@ -1810,7 +1811,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
       }
       return null;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime393.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime394.jsxs)(
       "div",
       {
         ref: containerRef,
@@ -1821,7 +1822,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
         },
         "data-testid": testId,
         children: [
-          trigger && /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+          trigger && /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
             "div",
             {
               onClick: toggleMenu,
@@ -1830,7 +1831,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
               children: trigger
             }
           ),
-          isOpen && /* @__PURE__ */ (0, import_jsx_runtime393.jsx)(
+          isOpen && /* @__PURE__ */ (0, import_jsx_runtime394.jsx)(
             Box,
             {
               ref: (node) => {