@xsolla/xui-multi-select 0.172.2 → 0.173.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.js +4 -20
- package/native/index.js.map +1 -1
- package/native/index.mjs +4 -20
- package/native/index.mjs.map +1 -1
- package/package.json +5 -5
- package/web/index.js +4 -20
- package/web/index.js.map +1 -1
- package/web/index.mjs +4 -20
- package/web/index.mjs.map +1 -1
package/web/index.mjs
CHANGED
|
@@ -1990,13 +1990,7 @@ var MultiSelectControl = forwardRef3(
|
|
|
1990
1990
|
isCanBeCleared: Boolean(extraClear && selectedItems.length),
|
|
1991
1991
|
containerRef
|
|
1992
1992
|
});
|
|
1993
|
-
const tagItemsGap = {
|
|
1994
|
-
xs: 4,
|
|
1995
|
-
sm: 4,
|
|
1996
|
-
md: 6,
|
|
1997
|
-
lg: 8,
|
|
1998
|
-
xl: 10
|
|
1999
|
-
}[size];
|
|
1993
|
+
const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];
|
|
2000
1994
|
let backgroundColor = inputColors.bg;
|
|
2001
1995
|
let borderColor = inputColors.border;
|
|
2002
1996
|
if (isDisable) {
|
|
@@ -2033,7 +2027,6 @@ var MultiSelectControl = forwardRef3(
|
|
|
2033
2027
|
height: flexible ? "auto" : sizeStyles.height,
|
|
2034
2028
|
position: "relative",
|
|
2035
2029
|
zIndex: isOpen ? 1e3 : void 0
|
|
2036
|
-
// Above backdrop when open
|
|
2037
2030
|
},
|
|
2038
2031
|
onPress: isDisable ? void 0 : onClick,
|
|
2039
2032
|
hoverStyle: !isDisable && onClick && !isFocus && !isOpen && !isError ? {
|
|
@@ -2061,10 +2054,7 @@ var MultiSelectControl = forwardRef3(
|
|
|
2061
2054
|
flexWrap: flexible ? "wrap" : "nowrap",
|
|
2062
2055
|
alignItems: "center",
|
|
2063
2056
|
gap: variant === "tag" ? tagItemsGap : 4,
|
|
2064
|
-
style: {
|
|
2065
|
-
overflow: "hidden",
|
|
2066
|
-
opacity: isCalculating ? 0 : 1
|
|
2067
|
-
},
|
|
2057
|
+
style: { overflow: "hidden", opacity: isCalculating ? 0 : 1 },
|
|
2068
2058
|
children: selectedContent
|
|
2069
2059
|
}
|
|
2070
2060
|
)
|
|
@@ -2083,14 +2073,8 @@ var MultiSelectControl = forwardRef3(
|
|
|
2083
2073
|
children: /* @__PURE__ */ jsx725(Remove, { size: 18, color: iconColor, variant: "line" })
|
|
2084
2074
|
}
|
|
2085
2075
|
),
|
|
2086
|
-
isError && /* @__PURE__ */ jsx725(
|
|
2087
|
-
|
|
2088
|
-
{
|
|
2089
|
-
size: 18,
|
|
2090
|
-
color: theme.colors.content.alert.primary
|
|
2091
|
-
}
|
|
2092
|
-
),
|
|
2093
|
-
iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx725(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx725(ChevronDown, { size: 18, color: iconColor })
|
|
2076
|
+
isError && /* @__PURE__ */ jsx725(ExclamationMarkCr, { size: 18, color: theme.colors.content.alert.primary }),
|
|
2077
|
+
iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx725(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx725(ChevronDown, { size: 18, color: iconColor, variant: "line" })
|
|
2094
2078
|
] })
|
|
2095
2079
|
]
|
|
2096
2080
|
}
|