@xsolla/xui-multi-select 0.158.0 → 0.159.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/README.md +47 -44
- package/native/index.d.mts +2 -0
- package/native/index.d.ts +2 -0
- package/native/index.js +36 -9
- package/native/index.js.map +1 -1
- package/native/index.mjs +36 -9
- package/native/index.mjs.map +1 -1
- package/package.json +5 -5
- package/web/index.d.mts +2 -0
- package/web/index.d.ts +2 -0
- package/web/index.js +36 -9
- package/web/index.js.map +1 -1
- package/web/index.mjs +36 -9
- package/web/index.mjs.map +1 -1
package/native/index.mjs
CHANGED
|
@@ -209,6 +209,8 @@ var Text = ({
|
|
|
209
209
|
numberOfLines,
|
|
210
210
|
id,
|
|
211
211
|
role,
|
|
212
|
+
testID,
|
|
213
|
+
"data-testid": dataTestId,
|
|
212
214
|
style: styleProp,
|
|
213
215
|
...props
|
|
214
216
|
}) => {
|
|
@@ -238,7 +240,7 @@ var Text = ({
|
|
|
238
240
|
{
|
|
239
241
|
style: baseStyle,
|
|
240
242
|
numberOfLines,
|
|
241
|
-
testID: id,
|
|
243
|
+
testID: dataTestId || testID || id,
|
|
242
244
|
accessibilityRole,
|
|
243
245
|
children
|
|
244
246
|
}
|
|
@@ -249,7 +251,13 @@ var Text = ({
|
|
|
249
251
|
import React from "react";
|
|
250
252
|
import { View as View2 } from "react-native";
|
|
251
253
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
252
|
-
var Icon = ({
|
|
254
|
+
var Icon = ({
|
|
255
|
+
children,
|
|
256
|
+
color,
|
|
257
|
+
size,
|
|
258
|
+
testID,
|
|
259
|
+
"data-testid": dataTestId
|
|
260
|
+
}) => {
|
|
253
261
|
const style = {
|
|
254
262
|
width: typeof size === "number" ? size : void 0,
|
|
255
263
|
height: typeof size === "number" ? size : void 0,
|
|
@@ -266,7 +274,7 @@ var Icon = ({ children, color, size }) => {
|
|
|
266
274
|
}
|
|
267
275
|
return child;
|
|
268
276
|
});
|
|
269
|
-
return /* @__PURE__ */ jsx3(View2, { style, children: childrenWithProps });
|
|
277
|
+
return /* @__PURE__ */ jsx3(View2, { style, testID: dataTestId || testID, children: childrenWithProps });
|
|
270
278
|
};
|
|
271
279
|
|
|
272
280
|
// src/MultiSelect.tsx
|
|
@@ -1021,6 +1029,7 @@ var BaseIcon = ({
|
|
|
1021
1029
|
className,
|
|
1022
1030
|
style,
|
|
1023
1031
|
"data-testid": testId,
|
|
1032
|
+
testID,
|
|
1024
1033
|
"aria-label": ariaLabel,
|
|
1025
1034
|
"aria-hidden": ariaHidden
|
|
1026
1035
|
}) => {
|
|
@@ -1033,7 +1042,7 @@ var BaseIcon = ({
|
|
|
1033
1042
|
$color: color,
|
|
1034
1043
|
className,
|
|
1035
1044
|
style,
|
|
1036
|
-
"data-testid": testId,
|
|
1045
|
+
"data-testid": testId || testID,
|
|
1037
1046
|
role: ariaLabel ? "img" : void 0,
|
|
1038
1047
|
"aria-label": ariaLabel,
|
|
1039
1048
|
"aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
|
|
@@ -1233,8 +1242,13 @@ var StyledIcon2 = styled2(FilteredDiv)`
|
|
|
1233
1242
|
stroke: currentColor;
|
|
1234
1243
|
}
|
|
1235
1244
|
`;
|
|
1236
|
-
var Icon3 = ({
|
|
1237
|
-
|
|
1245
|
+
var Icon3 = ({
|
|
1246
|
+
children,
|
|
1247
|
+
testID,
|
|
1248
|
+
"data-testid": dataTestId,
|
|
1249
|
+
...props
|
|
1250
|
+
}) => {
|
|
1251
|
+
return /* @__PURE__ */ jsx722(StyledIcon2, { "data-testid": dataTestId || testID, ...props, children });
|
|
1238
1252
|
};
|
|
1239
1253
|
var X2 = (props) => /* @__PURE__ */ jsx2100(Icon3, { ...props, children: /* @__PURE__ */ jsx2100(X, { size: "100%" }) });
|
|
1240
1254
|
|
|
@@ -1491,6 +1505,8 @@ var Text2 = ({
|
|
|
1491
1505
|
className,
|
|
1492
1506
|
id,
|
|
1493
1507
|
role,
|
|
1508
|
+
testID,
|
|
1509
|
+
"data-testid": dataTestId,
|
|
1494
1510
|
numberOfLines: _numberOfLines,
|
|
1495
1511
|
...props
|
|
1496
1512
|
}) => {
|
|
@@ -1501,7 +1517,8 @@ var Text2 = ({
|
|
|
1501
1517
|
style,
|
|
1502
1518
|
className,
|
|
1503
1519
|
id,
|
|
1504
|
-
role
|
|
1520
|
+
role,
|
|
1521
|
+
"data-testid": dataTestId || testID
|
|
1505
1522
|
}
|
|
1506
1523
|
);
|
|
1507
1524
|
};
|
|
@@ -1521,8 +1538,13 @@ var StyledIcon3 = styled32(FilteredDiv22)`
|
|
|
1521
1538
|
stroke: currentColor;
|
|
1522
1539
|
}
|
|
1523
1540
|
`;
|
|
1524
|
-
var Icon4 = ({
|
|
1525
|
-
|
|
1541
|
+
var Icon4 = ({
|
|
1542
|
+
children,
|
|
1543
|
+
testID,
|
|
1544
|
+
"data-testid": dataTestId,
|
|
1545
|
+
...props
|
|
1546
|
+
}) => {
|
|
1547
|
+
return /* @__PURE__ */ jsx3100(StyledIcon3, { "data-testid": dataTestId || testID, ...props, children });
|
|
1526
1548
|
};
|
|
1527
1549
|
var Tag = ({
|
|
1528
1550
|
size = "md",
|
|
@@ -1532,6 +1554,7 @@ var Tag = ({
|
|
|
1532
1554
|
iconLeft,
|
|
1533
1555
|
iconRight,
|
|
1534
1556
|
onRemove,
|
|
1557
|
+
testID,
|
|
1535
1558
|
themeMode,
|
|
1536
1559
|
themeProductContext
|
|
1537
1560
|
}) => {
|
|
@@ -1595,6 +1618,7 @@ var Tag = ({
|
|
|
1595
1618
|
return /* @__PURE__ */ jsxs(
|
|
1596
1619
|
Box2,
|
|
1597
1620
|
{
|
|
1621
|
+
testID,
|
|
1598
1622
|
backgroundColor: bg,
|
|
1599
1623
|
borderRadius: sizeStyles.radius,
|
|
1600
1624
|
height: sizeStyles.height,
|
|
@@ -2151,6 +2175,7 @@ var MultiSelect = forwardRef4(
|
|
|
2151
2175
|
onTriggerPress,
|
|
2152
2176
|
menuOpen = false,
|
|
2153
2177
|
menuMinWidth,
|
|
2178
|
+
testID,
|
|
2154
2179
|
themeMode,
|
|
2155
2180
|
themeProductContext
|
|
2156
2181
|
}, ref) => {
|
|
@@ -2208,6 +2233,7 @@ var MultiSelect = forwardRef4(
|
|
|
2208
2233
|
return /* @__PURE__ */ jsxs4(
|
|
2209
2234
|
Box,
|
|
2210
2235
|
{
|
|
2236
|
+
testID,
|
|
2211
2237
|
flexDirection: "column",
|
|
2212
2238
|
gap: sizeStyles.fieldGap,
|
|
2213
2239
|
style: externalFieldLayout,
|
|
@@ -2298,6 +2324,7 @@ var MultiSelect = forwardRef4(
|
|
|
2298
2324
|
return /* @__PURE__ */ jsx726(
|
|
2299
2325
|
Box,
|
|
2300
2326
|
{
|
|
2327
|
+
testID,
|
|
2301
2328
|
paddingHorizontal: sizeStyles.paddingHorizontal,
|
|
2302
2329
|
paddingVertical: 8,
|
|
2303
2330
|
onPress: () => {
|