@xsolla/xui-context-menu 0.107.0 → 0.108.0

package/native/index.js

@@ -1451,6 +1451,7 @@ var import_jsx_runtime393 = require("react/jsx-runtime");
 var import_jsx_runtime394 = require("react/jsx-runtime");
 var import_jsx_runtime395 = require("react/jsx-runtime");
 var import_jsx_runtime396 = require("react/jsx-runtime");
+var import_jsx_runtime397 = require("react/jsx-runtime");
 var StyledIcon = import_styled_components.default.div`
   display: inline-flex;
   align-items: center;
@@ -1468,15 +1469,15 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent386,
-  lineContent: lineContent386,
+  solidContent: solidContent387,
+  lineContent: lineContent387,
   className,
   style,
   "data-testid": testId,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent386 : solidContent386;
+  const svgContent = variant === "line" ? lineContent387 : solidContent387;
   const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     StyledIcon,
@@ -1493,13 +1494,13 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent372 = `<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 lineContent372 = `<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_runtime383.jsx)(BaseIcon, { ...props, solidContent: solidContent372, lineContent: lineContent372 });
+var solidContent373 = `<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 lineContent373 = `<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_runtime384.jsx)(BaseIcon, { ...props, solidContent: solidContent373, lineContent: lineContent373 });
 
 // src/ContextMenuSearch.tsx
 var import_xui_divider = require("@xsolla/xui-divider");
-var import_jsx_runtime397 = require("react/jsx-runtime");
+var import_jsx_runtime398 = require("react/jsx-runtime");
 var ContextMenuSearch = (0, import_react9.forwardRef)(
   ({
     value,
@@ -1538,7 +1539,7 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
         context?.closeMenu();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime397.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime398.jsxs)(
       Box,
       {
         flexDirection: "column",
@@ -1547,16 +1548,16 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
         paddingVertical: sizeStyles.searchPaddingVertical,
         "data-testid": testId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime397.jsxs)(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime397.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime398.jsxs)(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
               Icon,
               {
                 size: sizeStyles.searchIconSize,
                 color: inputColors.placeholder,
-                children: /* @__PURE__ */ (0, import_jsx_runtime397.jsx)(Search, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(Search, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime397.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime397.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
               InputPrimitive,
               {
                 ref: inputRef,
@@ -1575,7 +1576,7 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime397.jsx)(import_xui_divider.Divider, {})
+          /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(import_xui_divider.Divider, {})
         ]
       }
     );
@@ -1584,7 +1585,7 @@ var ContextMenuSearch = (0, import_react9.forwardRef)(
 ContextMenuSearch.displayName = "ContextMenuSearch";
 
 // src/ContextMenu.tsx
-var import_jsx_runtime398 = require("react/jsx-runtime");
+var import_jsx_runtime399 = require("react/jsx-runtime");
 var ContextMenuRoot = (0, import_react10.forwardRef)(
   ({
     children,
@@ -1763,7 +1764,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
           "data-testid": `context-menu-item-${item.id || index}`
         };
         if (item.variant === "checkbox") {
-          return /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
             ContextMenuCheckboxItem,
             {
               ...commonProps,
@@ -1776,7 +1777,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
           );
         }
         if (item.variant === "radio") {
-          return /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
             ContextMenuRadioItem,
             {
               ...commonProps,
@@ -1787,7 +1788,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
             itemKey
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
           ContextMenuItem,
           {
             ...commonProps,
@@ -1805,9 +1806,9 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
       });
     };
     const renderGroups = (groupsData) => {
-      return groupsData.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime398.jsxs)(import_react10.default.Fragment, { children: [
-        groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(ContextMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+      return groupsData.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime399.jsxs)(import_react10.default.Fragment, { children: [
+        groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(ContextMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
           ContextMenuGroup,
           {
             label: group.label,
@@ -1821,14 +1822,14 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
     const renderContent = () => {
       if (isLoading) {
         const brandColor = theme.colors.control.brand.primary.bg;
-        return /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
           Box,
           {
             padding: 16,
             alignItems: "center",
             justifyContent: "center",
             minHeight: 60,
-            children: /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(import_xui_spinner.Spinner, { size: "md", color: brandColor })
+            children: /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(import_xui_spinner.Spinner, { size: "md", color: brandColor })
           }
         );
       }
@@ -1843,7 +1844,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
       }
       return null;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime398.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime399.jsxs)(
       "div",
       {
         ref: containerRef,
@@ -1854,7 +1855,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
         },
         "data-testid": testId,
         children: [
-          trigger && /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+          trigger && /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
             "div",
             {
               onClick: toggleMenu,
@@ -1863,7 +1864,7 @@ var ContextMenuRoot = (0, import_react10.forwardRef)(
               children: trigger
             }
           ),
-          isOpen && /* @__PURE__ */ (0, import_jsx_runtime398.jsx)(
+          isOpen && /* @__PURE__ */ (0, import_jsx_runtime399.jsx)(
             Box,
             {
               ref: (node) => {