@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/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 = ({ children, color, size }) => {
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 = ({ children, ...props }) => {
1237
- return /* @__PURE__ */ jsx722(StyledIcon2, { ...props, children });
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 = ({ children, ...props }) => {
1525
- return /* @__PURE__ */ jsx3100(StyledIcon3, { ...props, children });
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: () => {