@xsolla/xui-multi-select 0.158.0 → 0.159.0

package/web/index.mjs

@@ -271,6 +271,8 @@ var Text = ({
   className,
   id,
   role,
+  testID,
+  "data-testid": dataTestId,
   numberOfLines: _numberOfLines,
   ...props
 }) => {
@@ -281,7 +283,8 @@ var Text = ({
       style,
       className,
       id,
-      role
+      role,
+      "data-testid": dataTestId || testID
     }
   );
 };
@@ -305,8 +308,13 @@ var StyledIcon = styled3(FilteredDiv2)`
     stroke: currentColor;
   }
 `;
-var Icon = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx3(StyledIcon, { ...props, children });
+var Icon = ({
+  children,
+  testID,
+  "data-testid": dataTestId,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx3(StyledIcon, { "data-testid": dataTestId || testID, ...props, children });
 };
 
 // src/MultiSelect.tsx
@@ -1061,6 +1069,7 @@ var BaseIcon = ({
   className,
   style,
   "data-testid": testId,
+  testID,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
@@ -1073,7 +1082,7 @@ var BaseIcon = ({
       $color: color,
       className,
       style,
-      "data-testid": testId,
+      "data-testid": testId || testID,
       role: ariaLabel ? "img" : void 0,
       "aria-label": ariaLabel,
       "aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
@@ -1273,8 +1282,13 @@ var StyledIcon3 = styled5(FilteredDiv3)`
     stroke: currentColor;
   }
 `;
-var Icon3 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx722(StyledIcon3, { ...props, children });
+var Icon3 = ({
+  children,
+  testID,
+  "data-testid": dataTestId,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx722(StyledIcon3, { "data-testid": dataTestId || testID, ...props, children });
 };
 var X2 = (props) => /* @__PURE__ */ jsx2100(Icon3, { ...props, children: /* @__PURE__ */ jsx2100(X, { size: "100%" }) });
 
@@ -1531,6 +1545,8 @@ var Text2 = ({
   className,
   id,
   role,
+  testID,
+  "data-testid": dataTestId,
   numberOfLines: _numberOfLines,
   ...props
 }) => {
@@ -1541,7 +1557,8 @@ var Text2 = ({
       style,
       className,
       id,
-      role
+      role,
+      "data-testid": dataTestId || testID
     }
   );
 };
@@ -1561,8 +1578,13 @@ var StyledIcon4 = styled32(FilteredDiv22)`
     stroke: currentColor;
   }
 `;
-var Icon4 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx3100(StyledIcon4, { ...props, children });
+var Icon4 = ({
+  children,
+  testID,
+  "data-testid": dataTestId,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx3100(StyledIcon4, { "data-testid": dataTestId || testID, ...props, children });
 };
 var Tag = ({
   size = "md",
@@ -1572,6 +1594,7 @@ var Tag = ({
   iconLeft,
   iconRight,
   onRemove,
+  testID,
   themeMode,
   themeProductContext
 }) => {
@@ -1635,6 +1658,7 @@ var Tag = ({
   return /* @__PURE__ */ jsxs(
     Box2,
     {
+      testID,
       backgroundColor: bg,
       borderRadius: sizeStyles.radius,
       height: sizeStyles.height,
@@ -2191,6 +2215,7 @@ var MultiSelect = forwardRef4(
     onTriggerPress,
     menuOpen = false,
     menuMinWidth,
+    testID,
     themeMode,
     themeProductContext
   }, ref) => {
@@ -2248,6 +2273,7 @@ var MultiSelect = forwardRef4(
     return /* @__PURE__ */ jsxs4(
       Box,
       {
+        testID,
         flexDirection: "column",
         gap: sizeStyles.fieldGap,
         style: externalFieldLayout,
@@ -2338,6 +2364,7 @@ var MultiSelect = forwardRef4(
                         return /* @__PURE__ */ jsx726(
                           Box,
                           {
+                            testID,
                             paddingHorizontal: sizeStyles.paddingHorizontal,
                             paddingVertical: 8,
                             onPress: () => {