@xsolla/xui-context-menu 0.106.0 → 0.108.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
@@ -1414,6 +1414,7 @@ import { jsx as jsx383 } from "react/jsx-runtime";
1414
1414
  import { jsx as jsx384 } from "react/jsx-runtime";
1415
1415
  import { jsx as jsx385 } from "react/jsx-runtime";
1416
1416
  import { jsx as jsx386 } from "react/jsx-runtime";
1417
+ import { jsx as jsx387 } from "react/jsx-runtime";
1417
1418
  var StyledIcon = styled.div`
1418
1419
  display: inline-flex;
1419
1420
  align-items: center;
@@ -1431,15 +1432,15 @@ var BaseIcon = ({
1431
1432
  variant = "line",
1432
1433
  size = 24,
1433
1434
  color = "currentColor",
1434
- solidContent: solidContent386,
1435
- lineContent: lineContent386,
1435
+ solidContent: solidContent387,
1436
+ lineContent: lineContent387,
1436
1437
  className,
1437
1438
  style,
1438
1439
  "data-testid": testId,
1439
1440
  "aria-label": ariaLabel,
1440
1441
  "aria-hidden": ariaHidden
1441
1442
  }) => {
1442
- const svgContent = variant === "line" ? lineContent386 : solidContent386;
1443
+ const svgContent = variant === "line" ? lineContent387 : solidContent387;
1443
1444
  const sizeValue = typeof size === "number" ? `${size}px` : size;
1444
1445
  return /* @__PURE__ */ jsx11(
1445
1446
  StyledIcon,
@@ -1456,13 +1457,13 @@ var BaseIcon = ({
1456
1457
  }
1457
1458
  );
1458
1459
  };
1459
- 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>`;
1460
- 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>`;
1461
- var Search = (props) => /* @__PURE__ */ jsx373(BaseIcon, { ...props, solidContent: solidContent372, lineContent: lineContent372 });
1460
+ 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>`;
1461
+ 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>`;
1462
+ var Search = (props) => /* @__PURE__ */ jsx374(BaseIcon, { ...props, solidContent: solidContent373, lineContent: lineContent373 });
1462
1463
 
1463
1464
  // src/ContextMenuSearch.tsx
1464
1465
  import { Divider } from "@xsolla/xui-divider";
1465
- import { jsx as jsx387, jsxs as jsxs5 } from "react/jsx-runtime";
1466
+ import { jsx as jsx388, jsxs as jsxs5 } from "react/jsx-runtime";
1466
1467
  var ContextMenuSearch = forwardRef7(
1467
1468
  ({
1468
1469
  value,
@@ -1511,15 +1512,15 @@ var ContextMenuSearch = forwardRef7(
1511
1512
  "data-testid": testId,
1512
1513
  children: [
1513
1514
  /* @__PURE__ */ jsxs5(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
1514
- /* @__PURE__ */ jsx387(
1515
+ /* @__PURE__ */ jsx388(
1515
1516
  Icon,
1516
1517
  {
1517
1518
  size: sizeStyles.searchIconSize,
1518
1519
  color: inputColors.placeholder,
1519
- children: /* @__PURE__ */ jsx387(Search, {})
1520
+ children: /* @__PURE__ */ jsx388(Search, {})
1520
1521
  }
1521
1522
  ),
1522
- /* @__PURE__ */ jsx387(Box, { flex: 1, children: /* @__PURE__ */ jsx387(
1523
+ /* @__PURE__ */ jsx388(Box, { flex: 1, children: /* @__PURE__ */ jsx388(
1523
1524
  InputPrimitive,
1524
1525
  {
1525
1526
  ref: inputRef,
@@ -1538,7 +1539,7 @@ var ContextMenuSearch = forwardRef7(
1538
1539
  }
1539
1540
  ) })
1540
1541
  ] }),
1541
- /* @__PURE__ */ jsx387(Divider, {})
1542
+ /* @__PURE__ */ jsx388(Divider, {})
1542
1543
  ]
1543
1544
  }
1544
1545
  );
@@ -1547,7 +1548,7 @@ var ContextMenuSearch = forwardRef7(
1547
1548
  ContextMenuSearch.displayName = "ContextMenuSearch";
1548
1549
 
1549
1550
  // src/ContextMenu.tsx
1550
- import { jsx as jsx388, jsxs as jsxs6 } from "react/jsx-runtime";
1551
+ import { jsx as jsx389, jsxs as jsxs6 } from "react/jsx-runtime";
1551
1552
  var ContextMenuRoot = forwardRef8(
1552
1553
  ({
1553
1554
  children,
@@ -1726,7 +1727,7 @@ var ContextMenuRoot = forwardRef8(
1726
1727
  "data-testid": `context-menu-item-${item.id || index}`
1727
1728
  };
1728
1729
  if (item.variant === "checkbox") {
1729
- return /* @__PURE__ */ jsx388(
1730
+ return /* @__PURE__ */ jsx389(
1730
1731
  ContextMenuCheckboxItem,
1731
1732
  {
1732
1733
  ...commonProps,
@@ -1739,7 +1740,7 @@ var ContextMenuRoot = forwardRef8(
1739
1740
  );
1740
1741
  }
1741
1742
  if (item.variant === "radio") {
1742
- return /* @__PURE__ */ jsx388(
1743
+ return /* @__PURE__ */ jsx389(
1743
1744
  ContextMenuRadioItem,
1744
1745
  {
1745
1746
  ...commonProps,
@@ -1750,7 +1751,7 @@ var ContextMenuRoot = forwardRef8(
1750
1751
  itemKey
1751
1752
  );
1752
1753
  }
1753
- return /* @__PURE__ */ jsx388(
1754
+ return /* @__PURE__ */ jsx389(
1754
1755
  ContextMenuItem,
1755
1756
  {
1756
1757
  ...commonProps,
@@ -1769,8 +1770,8 @@ var ContextMenuRoot = forwardRef8(
1769
1770
  };
1770
1771
  const renderGroups = (groupsData) => {
1771
1772
  return groupsData.map((group, groupIndex) => /* @__PURE__ */ jsxs6(React7.Fragment, { children: [
1772
- groupIndex > 0 && /* @__PURE__ */ jsx388(ContextMenuSeparator, {}),
1773
- /* @__PURE__ */ jsx388(
1773
+ groupIndex > 0 && /* @__PURE__ */ jsx389(ContextMenuSeparator, {}),
1774
+ /* @__PURE__ */ jsx389(
1774
1775
  ContextMenuGroup,
1775
1776
  {
1776
1777
  label: group.label,
@@ -1784,14 +1785,14 @@ var ContextMenuRoot = forwardRef8(
1784
1785
  const renderContent = () => {
1785
1786
  if (isLoading) {
1786
1787
  const brandColor = theme.colors.control.brand.primary.bg;
1787
- return /* @__PURE__ */ jsx388(
1788
+ return /* @__PURE__ */ jsx389(
1788
1789
  Box,
1789
1790
  {
1790
1791
  padding: 16,
1791
1792
  alignItems: "center",
1792
1793
  justifyContent: "center",
1793
1794
  minHeight: 60,
1794
- children: /* @__PURE__ */ jsx388(Spinner, { size: "md", color: brandColor })
1795
+ children: /* @__PURE__ */ jsx389(Spinner, { size: "md", color: brandColor })
1795
1796
  }
1796
1797
  );
1797
1798
  }
@@ -1806,7 +1807,7 @@ var ContextMenuRoot = forwardRef8(
1806
1807
  }
1807
1808
  return null;
1808
1809
  };
1809
- return /* @__PURE__ */ jsx388(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
1810
+ return /* @__PURE__ */ jsx389(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
1810
1811
  "div",
1811
1812
  {
1812
1813
  ref: containerRef,
@@ -1817,7 +1818,7 @@ var ContextMenuRoot = forwardRef8(
1817
1818
  },
1818
1819
  "data-testid": testId,
1819
1820
  children: [
1820
- trigger && /* @__PURE__ */ jsx388(
1821
+ trigger && /* @__PURE__ */ jsx389(
1821
1822
  "div",
1822
1823
  {
1823
1824
  onClick: toggleMenu,
@@ -1826,7 +1827,7 @@ var ContextMenuRoot = forwardRef8(
1826
1827
  children: trigger
1827
1828
  }
1828
1829
  ),
1829
- isOpen && /* @__PURE__ */ jsx388(
1830
+ isOpen && /* @__PURE__ */ jsx389(
1830
1831
  Box,
1831
1832
  {
1832
1833
  ref: (node) => {