@xsolla/xui-multi-select 0.172.2 → 0.173.1
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/native/index.mjs
CHANGED
|
@@ -1950,13 +1950,7 @@ var MultiSelectControl = forwardRef3(
|
|
|
1950
1950
|
isCanBeCleared: Boolean(extraClear && selectedItems.length),
|
|
1951
1951
|
containerRef
|
|
1952
1952
|
});
|
|
1953
|
-
const tagItemsGap = {
|
|
1954
|
-
xs: 4,
|
|
1955
|
-
sm: 4,
|
|
1956
|
-
md: 6,
|
|
1957
|
-
lg: 8,
|
|
1958
|
-
xl: 10
|
|
1959
|
-
}[size];
|
|
1953
|
+
const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];
|
|
1960
1954
|
let backgroundColor = inputColors.bg;
|
|
1961
1955
|
let borderColor = inputColors.border;
|
|
1962
1956
|
if (isDisable) {
|
|
@@ -1993,7 +1987,6 @@ var MultiSelectControl = forwardRef3(
|
|
|
1993
1987
|
height: flexible ? "auto" : sizeStyles.height,
|
|
1994
1988
|
position: "relative",
|
|
1995
1989
|
zIndex: isOpen ? 1e3 : void 0
|
|
1996
|
-
// Above backdrop when open
|
|
1997
1990
|
},
|
|
1998
1991
|
onPress: isDisable ? void 0 : onClick,
|
|
1999
1992
|
hoverStyle: !isDisable && onClick && !isFocus && !isOpen && !isError ? {
|
|
@@ -2021,10 +2014,7 @@ var MultiSelectControl = forwardRef3(
|
|
|
2021
2014
|
flexWrap: flexible ? "wrap" : "nowrap",
|
|
2022
2015
|
alignItems: "center",
|
|
2023
2016
|
gap: variant === "tag" ? tagItemsGap : 4,
|
|
2024
|
-
style: {
|
|
2025
|
-
overflow: "hidden",
|
|
2026
|
-
opacity: isCalculating ? 0 : 1
|
|
2027
|
-
},
|
|
2017
|
+
style: { overflow: "hidden", opacity: isCalculating ? 0 : 1 },
|
|
2028
2018
|
children: selectedContent
|
|
2029
2019
|
}
|
|
2030
2020
|
)
|
|
@@ -2043,14 +2033,8 @@ var MultiSelectControl = forwardRef3(
|
|
|
2043
2033
|
children: /* @__PURE__ */ jsx725(Remove, { size: 18, color: iconColor, variant: "line" })
|
|
2044
2034
|
}
|
|
2045
2035
|
),
|
|
2046
|
-
isError && /* @__PURE__ */ jsx725(
|
|
2047
|
-
|
|
2048
|
-
{
|
|
2049
|
-
size: 18,
|
|
2050
|
-
color: theme.colors.content.alert.primary
|
|
2051
|
-
}
|
|
2052
|
-
),
|
|
2053
|
-
iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx725(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx725(ChevronDown, { size: 18, color: iconColor })
|
|
2036
|
+
isError && /* @__PURE__ */ jsx725(ExclamationMarkCr, { size: 18, color: theme.colors.content.alert.primary }),
|
|
2037
|
+
iconRight ? iconRight : isOpen ? /* @__PURE__ */ jsx725(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ jsx725(ChevronDown, { size: 18, color: iconColor, variant: "line" })
|
|
2054
2038
|
] })
|
|
2055
2039
|
]
|
|
2056
2040
|
}
|