@xsolla/xui-multi-select 0.94.0 → 0.95.0

package/native/index.mjs

@@ -621,6 +621,10 @@ import { jsx as jsx379 } from "react/jsx-runtime";
 import { jsx as jsx380 } from "react/jsx-runtime";
 import { jsx as jsx381 } from "react/jsx-runtime";
 import { jsx as jsx382 } from "react/jsx-runtime";
+import { jsx as jsx383 } from "react/jsx-runtime";
+import { jsx as jsx384 } from "react/jsx-runtime";
+import { jsx as jsx385 } from "react/jsx-runtime";
+import { jsx as jsx386 } from "react/jsx-runtime";
 var StyledIcon = styled.div`
   display: inline-flex;
   align-items: center;
@@ -638,15 +642,15 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent382,
-  lineContent: lineContent382,
+  solidContent: solidContent386,
+  lineContent: lineContent386,
   className,
   style,
   "data-testid": testId,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent382 : solidContent382;
+  const svgContent = variant === "line" ? lineContent386 : solidContent386;
   const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ jsx4(
     StyledIcon,
@@ -687,16 +691,16 @@ import {
 // ../tag/dist/web/index.mjs
 import React2 from "react";
 import styled3 from "styled-components";
-import { jsx as jsx384 } from "react/jsx-runtime";
+import { jsx as jsx388 } from "react/jsx-runtime";
 import styled22 from "styled-components";
 import { jsx as jsx2101 } from "react/jsx-runtime";
 import styled32 from "styled-components";
-import { jsx as jsx385 } from "react/jsx-runtime";
+import { jsx as jsx389 } from "react/jsx-runtime";
 import { useDesignSystem } from "@xsolla/xui-core";
 
 // ../icons/dist/web/index.mjs
 import styled2 from "styled-components";
-import { jsx as jsx383 } from "react/jsx-runtime";
+import { jsx as jsx387 } from "react/jsx-runtime";
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
@@ -793,7 +797,7 @@ var StyledIcon2 = styled2.div`
   }
 `;
 var Icon3 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx383(StyledIcon2, { ...props, children });
+  return /* @__PURE__ */ jsx387(StyledIcon2, { ...props, children });
 };
 var X2 = (props) => /* @__PURE__ */ jsx2100(Icon3, { ...props, children: /* @__PURE__ */ jsx2100(X, { size: "100%" }) });
 
@@ -912,7 +916,7 @@ var Box2 = React2.forwardRef(
     ...props
   }, ref) => {
     if (as === "img" && src) {
-      return /* @__PURE__ */ jsx384(
+      return /* @__PURE__ */ jsx388(
         "img",
         {
           src,
@@ -932,7 +936,7 @@ var Box2 = React2.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx384(
+    return /* @__PURE__ */ jsx388(
       StyledBox,
       {
         ref,
@@ -1007,7 +1011,7 @@ var StyledIcon3 = styled32.div`
   }
 `;
 var Icon4 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx385(StyledIcon3, { ...props, children });
+  return /* @__PURE__ */ jsx389(StyledIcon3, { ...props, children });
 };
 var Tag = ({
   size = "md",
@@ -1108,7 +1112,7 @@ var Tag = ({
 
 // src/useMultiSelectControl.tsx
 import { useDesignSystem as useDesignSystem2 } from "@xsolla/xui-core";
-import { jsx as jsx386, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx390, jsxs as jsxs2 } from "react/jsx-runtime";
 var COUNT_ITEM_VALUE = "count-item";
 var useMultiSelectControl = ({
   variant,
@@ -1168,7 +1172,7 @@ var useMultiSelectControl = ({
   };
   const setPlaceholder = () => {
     setSelectedContent(
-      /* @__PURE__ */ jsx386(
+      /* @__PURE__ */ jsx390(
         Text,
         {
           color: theme.colors.control.input.placeholder,
@@ -1219,7 +1223,7 @@ var useMultiSelectControl = ({
       const isCount = item.value === COUNT_ITEM_VALUE;
       const isReducable = index === 0 && displayStateRef.current === 3 /* Render */ && displayedItemsCount === 0 || flexible;
       if (variant === "tag") {
-        return /* @__PURE__ */ jsx386(
+        return /* @__PURE__ */ jsx390(
           Box,
           {
             onPress: !isCount ? (e) => {
@@ -1231,7 +1235,7 @@ var useMultiSelectControl = ({
               opacity: disabled ? 0.5 : 1,
               cursor: disabled || isCount ? "not-allowed" : "pointer"
             },
-            children: /* @__PURE__ */ jsx386(
+            children: /* @__PURE__ */ jsx390(
               Tag,
               {
                 size,
@@ -1351,7 +1355,7 @@ var useMultiSelectControl = ({
 };
 
 // src/MultiSelectControl.tsx
-import { jsx as jsx387, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx391, jsxs as jsxs3 } from "react/jsx-runtime";
 var MultiSelectControl = forwardRef3(
   ({
     variant = "tag",
@@ -1452,8 +1456,8 @@ var MultiSelectControl = forwardRef3(
               gap: 8,
               style: { minWidth: 0 },
               children: [
-                iconLeft && /* @__PURE__ */ jsx387(Icon, { size: sizeStyles.iconSize, color: iconColor, variant: "line", children: iconLeft }),
-                /* @__PURE__ */ jsx387(
+                iconLeft && /* @__PURE__ */ jsx391(Icon, { size: sizeStyles.iconSize, color: iconColor, variant: "line", children: iconLeft }),
+                /* @__PURE__ */ jsx391(
                   Box,
                   {
                     ref: itemsRef,
@@ -1473,7 +1477,7 @@ var MultiSelectControl = forwardRef3(
             }
           ),
           /* @__PURE__ */ jsxs3(Box, { flexDirection: "row", alignItems: "center", gap: 4, children: [
-            extraClear && selectedItems.length > 0 && !isDisable && /* @__PURE__ */ jsx387(
+            extraClear && selectedItems.length > 0 && !isDisable && /* @__PURE__ */ jsx391(
               Box,
               {
                 onPress: (e) => {
@@ -1481,17 +1485,17 @@ var MultiSelectControl = forwardRef3(
                   removeAllValues();
                 },
                 style: { cursor: "pointer" },
-                children: /* @__PURE__ */ jsx387(Remove, { size: 18, color: iconColor, variant: "line" })
+                children: /* @__PURE__ */ jsx391(Remove, { size: 18, color: iconColor, variant: "line" })
               }
             ),
-            isError && /* @__PURE__ */ jsx387(
+            isError && /* @__PURE__ */ jsx391(
               ExclamationMarkCr,
               {
                 size: 18,
                 color: theme.colors.content.alert.primary
               }
             ),
-            iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx387(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx387(ChevronDown, { size: 18, color: iconColor })
+            iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx391(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx391(ChevronDown, { size: 18, color: iconColor })
           ] })
         ]
       }
@@ -1592,7 +1596,7 @@ var useMultiSelect = ({
 };
 
 // src/MultiSelect.tsx
-import { Fragment, jsx as jsx388, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx392, jsxs as jsxs4 } from "react/jsx-runtime";
 var MultiSelect = forwardRef4(
   ({
     options,
@@ -1657,7 +1661,7 @@ var MultiSelect = forwardRef4(
       onChoose(newValues.map(String));
     };
     return /* @__PURE__ */ jsxs4(Box, { flexDirection: "column", gap: sizeStyles.fieldGap, children: [
-      label && /* @__PURE__ */ jsx388(
+      label && /* @__PURE__ */ jsx392(
         Text,
         {
           color: theme.colors.content.secondary,
@@ -1674,7 +1678,7 @@ var MultiSelect = forwardRef4(
             position: "relative"
           },
           children: [
-            /* @__PURE__ */ jsx388(
+            /* @__PURE__ */ jsx392(
               MultiSelectControl,
               {
                 ref: controlRef,
@@ -1699,7 +1703,7 @@ var MultiSelect = forwardRef4(
               }
             ),
             isOpen && !isDisable && /* @__PURE__ */ jsxs4(Fragment, { children: [
-              /* @__PURE__ */ jsx388(
+              /* @__PURE__ */ jsx392(
                 Box,
                 {
                   style: {
@@ -1714,7 +1718,7 @@ var MultiSelect = forwardRef4(
                   onPress: onClose
                 }
               ),
-              /* @__PURE__ */ jsx388(
+              /* @__PURE__ */ jsx392(
                 Box,
                 {
                   ref: menuRef,
@@ -1738,7 +1742,7 @@ var MultiSelect = forwardRef4(
                   children: menuItems.map((item, _index) => {
                     const brandColors = theme.colors.control.brand.primary;
                     const contentColors = theme.colors.content;
-                    return /* @__PURE__ */ jsx388(
+                    return /* @__PURE__ */ jsx392(
                       Box,
                       {
                         paddingHorizontal: sizeStyles.paddingHorizontal,
@@ -1759,7 +1763,7 @@ var MultiSelect = forwardRef4(
                           cursor: item.disabled ? "not-allowed" : "pointer",
                           opacity: item.disabled ? 0.5 : 1
                         },
-                        children: /* @__PURE__ */ jsx388(
+                        children: /* @__PURE__ */ jsx392(
                           Text,
                           {
                             color: item.checked ? contentColors.on.brand : theme.colors.content.secondary,
@@ -1778,7 +1782,7 @@ var MultiSelect = forwardRef4(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx388(
+      errorMessage && /* @__PURE__ */ jsx392(
         Text,
         {
           color: theme.colors.content.alert.primary,