@xsolla/xui-multi-select 0.78.0 → 0.79.0-pr119.1769781556

package/native/index.d.mts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 
 type MultiSelectValue = (string | number)[];
 type MultiSelectVariant = "tag" | "text";
@@ -83,6 +84,6 @@ interface MultiSelectProps {
     maxHeight?: number;
 }
 
-declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
+declare const MultiSelect: react.ForwardRefExoticComponent<MultiSelectProps & react.RefAttributes<HTMLDivElement>>;
 
 export { MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiSelectSize, type MultiSelectState, type MultiSelectValue, type MultiSelectVariant };

package/native/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 
 type MultiSelectValue = (string | number)[];
 type MultiSelectVariant = "tag" | "text";
@@ -83,6 +84,6 @@ interface MultiSelectProps {
     maxHeight?: number;
 }
 
-declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
+declare const MultiSelect: react.ForwardRefExoticComponent<MultiSelectProps & react.RefAttributes<HTMLDivElement>>;
 
 export { MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiSelectSize, type MultiSelectState, type MultiSelectValue, type MultiSelectVariant };

package/native/index.js

@@ -247,7 +247,6 @@ var Spinner = ({
   role,
   "aria-label": ariaLabel,
   "aria-live": ariaLive,
-  "aria-describedby": ariaDescribedBy,
   testID
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -346,14 +345,11 @@ var InputPrimitive = (0, import_react2.forwardRef)(
     fontSize,
     placeholderTextColor,
     maxLength,
-    name,
     type,
     inputMode,
     autoComplete,
     id,
-    "aria-invalid": ariaInvalid,
     "aria-describedby": ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy,
     "aria-label": ariaLabel,
     "aria-disabled": ariaDisabled,
     "data-testid": dataTestId
@@ -445,9 +441,7 @@ var TextAreaPrimitive = (0, import_react3.forwardRef)(
     maxLength,
     rows,
     id,
-    "aria-invalid": ariaInvalid,
     "aria-describedby": ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy,
     "aria-label": ariaLabel,
     "aria-disabled": ariaDisabled,
     "data-testid": dataTestId
@@ -910,8 +904,8 @@ var StyledIcon = import_styled_components.default.div`
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: ${(props) => props.$size}px;
-  height: ${(props) => props.$size}px;
+  width: ${(props) => props.$size};
+  height: ${(props) => props.$size};
   color: ${(props) => props.$color};
 
   svg {
@@ -932,10 +926,11 @@ var BaseIcon = ({
   "aria-hidden": ariaHidden
 }) => {
   const svgContent = variant === "line" ? lineContent381 : solidContent381;
+  const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     StyledIcon,
     {
-      $size: size,
+      $size: sizeValue,
       $color: color,
       className,
       style,
@@ -1483,7 +1478,7 @@ var TextAreaPrimitive2 = (0, import_react8.forwardRef)(
   }
 );
 TextAreaPrimitive2.displayName = "TextAreaPrimitive";
-var X2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime396.jsx)(Icon3, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime396.jsx)(X, {}) });
+var X2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime396.jsx)(Icon3, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime396.jsx)(X, { size: "100%" }) });
 
 // ../tag/dist/web/index.mjs
 var import_jsx_runtime404 = require("react/jsx-runtime");
@@ -2633,7 +2628,7 @@ var MultiSelect = (0, import_react15.forwardRef)(
                     maxHeight,
                     overflowY: "auto"
                   },
-                  children: menuItems.map((item, index) => {
+                  children: menuItems.map((item, _index) => {
                     const brandColors = theme.colors.control.brand.primary;
                     const contentColors = theme.colors.content;
                     return /* @__PURE__ */ (0, import_jsx_runtime407.jsx)(

package/native/index.js.flow

@@ -5,7 +5,8 @@
  * @flow
  */
 
-import React, { Node } from "react";
+import * as react from "react";
+import { Node } from "react";
 declare type MultiSelectValue = (string | number)[];
 declare type MultiSelectVariant = "tag" | "text";
 declare type MultiSelectSize = "xs" | "sm" | "md" | "lg" | "xl";
@@ -108,9 +109,9 @@ declare interface MultiSelectProps {
    */
   maxHeight?: number;
 }
-declare var MultiSelect: React.ForwardRefExoticComponent<{
+declare var MultiSelect: react.ForwardRefExoticComponent<{
   ...MultiSelectProps,
-  ...React.RefAttributes<HTMLDivElement>,
+  ...react.RefAttributes<HTMLDivElement>,
 }>;
 export type {
   MultiSelectOption,