@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.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
|
@@ -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:
|
|
1430
|
-
lineContent:
|
|
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" ?
|
|
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
|
|
1455
|
-
var
|
|
1456
|
-
var Search = (props) => /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
1510
|
+
/* @__PURE__ */ jsx383(
|
|
1510
1511
|
Icon,
|
|
1511
1512
|
{
|
|
1512
1513
|
size: sizeStyles.searchIconSize,
|
|
1513
1514
|
color: inputColors.placeholder,
|
|
1514
|
-
children: /* @__PURE__ */
|
|
1515
|
+
children: /* @__PURE__ */ jsx383(Search, {})
|
|
1515
1516
|
}
|
|
1516
1517
|
),
|
|
1517
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1768
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1825
|
+
isOpen && /* @__PURE__ */ jsx384(
|
|
1825
1826
|
Box,
|
|
1826
1827
|
{
|
|
1827
1828
|
ref: (node) => {
|