@xsolla/xui-context-menu 0.91.0 → 0.92.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/native/index.mjs CHANGED
@@ -1409,6 +1409,7 @@ import { jsx as jsx378 } from "react/jsx-runtime";
1409
1409
  import { jsx as jsx379 } from "react/jsx-runtime";
1410
1410
  import { jsx as jsx380 } from "react/jsx-runtime";
1411
1411
  import { jsx as jsx381 } from "react/jsx-runtime";
1412
+ import { jsx as jsx382 } from "react/jsx-runtime";
1412
1413
  var StyledIcon = styled.div`
1413
1414
  display: inline-flex;
1414
1415
  align-items: center;
@@ -1426,15 +1427,15 @@ var BaseIcon = ({
1426
1427
  variant = "line",
1427
1428
  size = 24,
1428
1429
  color = "currentColor",
1429
- solidContent: solidContent381,
1430
- lineContent: lineContent381,
1430
+ solidContent: solidContent382,
1431
+ lineContent: lineContent382,
1431
1432
  className,
1432
1433
  style,
1433
1434
  "data-testid": testId,
1434
1435
  "aria-label": ariaLabel,
1435
1436
  "aria-hidden": ariaHidden
1436
1437
  }) => {
1437
- const svgContent = variant === "line" ? lineContent381 : solidContent381;
1438
+ const svgContent = variant === "line" ? lineContent382 : solidContent382;
1438
1439
  const sizeValue = typeof size === "number" ? `${size}px` : size;
1439
1440
  return /* @__PURE__ */ jsx11(
1440
1441
  StyledIcon,
@@ -1451,13 +1452,13 @@ var BaseIcon = ({
1451
1452
  }
1452
1453
  );
1453
1454
  };
1454
- 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>`;
1455
- 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>`;
1456
- var Search = (props) => /* @__PURE__ */ jsx368(BaseIcon, { ...props, solidContent: solidContent367, lineContent: lineContent367 });
1455
+ 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>`;
1456
+ 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>`;
1457
+ var Search = (props) => /* @__PURE__ */ jsx369(BaseIcon, { ...props, solidContent: solidContent368, lineContent: lineContent368 });
1457
1458
 
1458
1459
  // src/ContextMenuSearch.tsx
1459
1460
  import { Divider } from "@xsolla/xui-divider";
1460
- import { jsx as jsx382, jsxs as jsxs5 } from "react/jsx-runtime";
1461
+ import { jsx as jsx383, jsxs as jsxs5 } from "react/jsx-runtime";
1461
1462
  var ContextMenuSearch = forwardRef7(
1462
1463
  ({
1463
1464
  value,
@@ -1506,15 +1507,15 @@ var ContextMenuSearch = forwardRef7(
1506
1507
  "data-testid": testId,
1507
1508
  children: [
1508
1509
  /* @__PURE__ */ jsxs5(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
1509
- /* @__PURE__ */ jsx382(
1510
+ /* @__PURE__ */ jsx383(
1510
1511
  Icon,
1511
1512
  {
1512
1513
  size: sizeStyles.searchIconSize,
1513
1514
  color: inputColors.placeholder,
1514
- children: /* @__PURE__ */ jsx382(Search, {})
1515
+ children: /* @__PURE__ */ jsx383(Search, {})
1515
1516
  }
1516
1517
  ),
1517
- /* @__PURE__ */ jsx382(Box, { flex: 1, children: /* @__PURE__ */ jsx382(
1518
+ /* @__PURE__ */ jsx383(Box, { flex: 1, children: /* @__PURE__ */ jsx383(
1518
1519
  InputPrimitive,
1519
1520
  {
1520
1521
  ref: inputRef,
@@ -1533,7 +1534,7 @@ var ContextMenuSearch = forwardRef7(
1533
1534
  }
1534
1535
  ) })
1535
1536
  ] }),
1536
- /* @__PURE__ */ jsx382(Divider, {})
1537
+ /* @__PURE__ */ jsx383(Divider, {})
1537
1538
  ]
1538
1539
  }
1539
1540
  );
@@ -1542,7 +1543,7 @@ var ContextMenuSearch = forwardRef7(
1542
1543
  ContextMenuSearch.displayName = "ContextMenuSearch";
1543
1544
 
1544
1545
  // src/ContextMenu.tsx
1545
- import { jsx as jsx383, jsxs as jsxs6 } from "react/jsx-runtime";
1546
+ import { jsx as jsx384, jsxs as jsxs6 } from "react/jsx-runtime";
1546
1547
  var ContextMenuRoot = forwardRef8(
1547
1548
  ({
1548
1549
  children,
@@ -1721,7 +1722,7 @@ var ContextMenuRoot = forwardRef8(
1721
1722
  "data-testid": `context-menu-item-${item.id || index}`
1722
1723
  };
1723
1724
  if (item.variant === "checkbox") {
1724
- return /* @__PURE__ */ jsx383(
1725
+ return /* @__PURE__ */ jsx384(
1725
1726
  ContextMenuCheckboxItem,
1726
1727
  {
1727
1728
  ...commonProps,
@@ -1734,7 +1735,7 @@ var ContextMenuRoot = forwardRef8(
1734
1735
  );
1735
1736
  }
1736
1737
  if (item.variant === "radio") {
1737
- return /* @__PURE__ */ jsx383(
1738
+ return /* @__PURE__ */ jsx384(
1738
1739
  ContextMenuRadioItem,
1739
1740
  {
1740
1741
  ...commonProps,
@@ -1745,7 +1746,7 @@ var ContextMenuRoot = forwardRef8(
1745
1746
  itemKey
1746
1747
  );
1747
1748
  }
1748
- return /* @__PURE__ */ jsx383(
1749
+ return /* @__PURE__ */ jsx384(
1749
1750
  ContextMenuItem,
1750
1751
  {
1751
1752
  ...commonProps,
@@ -1764,8 +1765,8 @@ var ContextMenuRoot = forwardRef8(
1764
1765
  };
1765
1766
  const renderGroups = (groupsData) => {
1766
1767
  return groupsData.map((group, groupIndex) => /* @__PURE__ */ jsxs6(React7.Fragment, { children: [
1767
- groupIndex > 0 && /* @__PURE__ */ jsx383(ContextMenuSeparator, {}),
1768
- /* @__PURE__ */ jsx383(
1768
+ groupIndex > 0 && /* @__PURE__ */ jsx384(ContextMenuSeparator, {}),
1769
+ /* @__PURE__ */ jsx384(
1769
1770
  ContextMenuGroup,
1770
1771
  {
1771
1772
  label: group.label,
@@ -1779,14 +1780,14 @@ var ContextMenuRoot = forwardRef8(
1779
1780
  const renderContent = () => {
1780
1781
  if (isLoading) {
1781
1782
  const brandColor = theme.colors.control.brand.primary.bg;
1782
- return /* @__PURE__ */ jsx383(
1783
+ return /* @__PURE__ */ jsx384(
1783
1784
  Box,
1784
1785
  {
1785
1786
  padding: 16,
1786
1787
  alignItems: "center",
1787
1788
  justifyContent: "center",
1788
1789
  minHeight: 60,
1789
- children: /* @__PURE__ */ jsx383(Spinner, { size: "md", color: brandColor })
1790
+ children: /* @__PURE__ */ jsx384(Spinner, { size: "md", color: brandColor })
1790
1791
  }
1791
1792
  );
1792
1793
  }
@@ -1801,7 +1802,7 @@ var ContextMenuRoot = forwardRef8(
1801
1802
  }
1802
1803
  return null;
1803
1804
  };
1804
- return /* @__PURE__ */ jsx383(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
1805
+ return /* @__PURE__ */ jsx384(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
1805
1806
  "div",
1806
1807
  {
1807
1808
  ref: containerRef,
@@ -1812,7 +1813,7 @@ var ContextMenuRoot = forwardRef8(
1812
1813
  },
1813
1814
  "data-testid": testId,
1814
1815
  children: [
1815
- trigger && /* @__PURE__ */ jsx383(
1816
+ trigger && /* @__PURE__ */ jsx384(
1816
1817
  "div",
1817
1818
  {
1818
1819
  onClick: toggleMenu,
@@ -1821,7 +1822,7 @@ var ContextMenuRoot = forwardRef8(
1821
1822
  children: trigger
1822
1823
  }
1823
1824
  ),
1824
- isOpen && /* @__PURE__ */ jsx383(
1825
+ isOpen && /* @__PURE__ */ jsx384(
1825
1826
  Box,
1826
1827
  {
1827
1828
  ref: (node) => {