@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.js +26 -25
- package/native/index.js.map +1 -1
- package/native/index.mjs +23 -22
- package/native/index.mjs.map +1 -1
- package/package.json +8 -8
- package/web/index.js +26 -25
- package/web/index.js.map +1 -1
- package/web/index.mjs +23 -22
- package/web/index.mjs.map +1 -1
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:
|
|
1435
|
-
lineContent:
|
|
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" ?
|
|
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
|
|
1460
|
-
var
|
|
1461
|
-
var Search = (props) => /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
1515
|
+
/* @__PURE__ */ jsx388(
|
|
1515
1516
|
Icon,
|
|
1516
1517
|
{
|
|
1517
1518
|
size: sizeStyles.searchIconSize,
|
|
1518
1519
|
color: inputColors.placeholder,
|
|
1519
|
-
children: /* @__PURE__ */
|
|
1520
|
+
children: /* @__PURE__ */ jsx388(Search, {})
|
|
1520
1521
|
}
|
|
1521
1522
|
),
|
|
1522
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1773
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1830
|
+
isOpen && /* @__PURE__ */ jsx389(
|
|
1830
1831
|
Box,
|
|
1831
1832
|
{
|
|
1832
1833
|
ref: (node) => {
|