@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/native/index.js
CHANGED
|
@@ -1974,13 +1974,7 @@ var MultiSelectControl = (0, import_react8.forwardRef)(
|
|
|
1974
1974
|
isCanBeCleared: Boolean(extraClear && selectedItems.length),
|
|
1975
1975
|
containerRef
|
|
1976
1976
|
});
|
|
1977
|
-
const tagItemsGap = {
|
|
1978
|
-
xs: 4,
|
|
1979
|
-
sm: 4,
|
|
1980
|
-
md: 6,
|
|
1981
|
-
lg: 8,
|
|
1982
|
-
xl: 10
|
|
1983
|
-
}[size];
|
|
1977
|
+
const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];
|
|
1984
1978
|
let backgroundColor = inputColors.bg;
|
|
1985
1979
|
let borderColor = inputColors.border;
|
|
1986
1980
|
if (isDisable) {
|
|
@@ -2017,7 +2011,6 @@ var MultiSelectControl = (0, import_react8.forwardRef)(
|
|
|
2017
2011
|
height: flexible ? "auto" : sizeStyles.height,
|
|
2018
2012
|
position: "relative",
|
|
2019
2013
|
zIndex: isOpen ? 1e3 : void 0
|
|
2020
|
-
// Above backdrop when open
|
|
2021
2014
|
},
|
|
2022
2015
|
onPress: isDisable ? void 0 : onClick,
|
|
2023
2016
|
hoverStyle: !isDisable && onClick && !isFocus && !isOpen && !isError ? {
|
|
@@ -2045,10 +2038,7 @@ var MultiSelectControl = (0, import_react8.forwardRef)(
|
|
|
2045
2038
|
flexWrap: flexible ? "wrap" : "nowrap",
|
|
2046
2039
|
alignItems: "center",
|
|
2047
2040
|
gap: variant === "tag" ? tagItemsGap : 4,
|
|
2048
|
-
style: {
|
|
2049
|
-
overflow: "hidden",
|
|
2050
|
-
opacity: isCalculating ? 0 : 1
|
|
2051
|
-
},
|
|
2041
|
+
style: { overflow: "hidden", opacity: isCalculating ? 0 : 1 },
|
|
2052
2042
|
children: selectedContent
|
|
2053
2043
|
}
|
|
2054
2044
|
)
|
|
@@ -2067,14 +2057,8 @@ var MultiSelectControl = (0, import_react8.forwardRef)(
|
|
|
2067
2057
|
children: /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(Remove, { size: 18, color: iconColor, variant: "line" })
|
|
2068
2058
|
}
|
|
2069
2059
|
),
|
|
2070
|
-
isError && /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(
|
|
2071
|
-
|
|
2072
|
-
{
|
|
2073
|
-
size: 18,
|
|
2074
|
-
color: theme.colors.content.alert.primary
|
|
2075
|
-
}
|
|
2076
|
-
),
|
|
2077
|
-
iconRight ? iconRight : isOpen ? /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(ChevronDown, { size: 18, color: iconColor })
|
|
2060
|
+
isError && /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(ExclamationMarkCr, { size: 18, color: theme.colors.content.alert.primary }),
|
|
2061
|
+
iconRight ? iconRight : isOpen ? /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(ChevronUp, { size: 18, color: iconColor, variant: "line" }) : /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(ChevronDown, { size: 18, color: iconColor, variant: "line" })
|
|
2078
2062
|
] })
|
|
2079
2063
|
]
|
|
2080
2064
|
}
|