@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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-multi-select",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.173.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
"build:native": "PLATFORM=native tsup"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xsolla/xui-checkbox": "0.
|
|
14
|
-
"@xsolla/xui-core": "0.
|
|
15
|
-
"@xsolla/xui-dropdown": "0.
|
|
16
|
-
"@xsolla/xui-primitives-core": "0.
|
|
13
|
+
"@xsolla/xui-checkbox": "0.173.0",
|
|
14
|
+
"@xsolla/xui-core": "0.173.0",
|
|
15
|
+
"@xsolla/xui-dropdown": "0.173.0",
|
|
16
|
+
"@xsolla/xui-primitives-core": "0.173.0"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": ">=16.8.0",
|
package/web/index.js
CHANGED
|
@@ -2021,13 +2021,7 @@ var MultiSelectControl = (0, import_react9.forwardRef)(
|
|
|
2021
2021
|
isCanBeCleared: Boolean(extraClear && selectedItems.length),
|
|
2022
2022
|
containerRef
|
|
2023
2023
|
});
|
|
2024
|
-
const tagItemsGap = {
|
|
2025
|
-
xs: 4,
|
|
2026
|
-
sm: 4,
|
|
2027
|
-
md: 6,
|
|
2028
|
-
lg: 8,
|
|
2029
|
-
xl: 10
|
|
2030
|
-
}[size];
|
|
2024
|
+
const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];
|
|
2031
2025
|
let backgroundColor = inputColors.bg;
|
|
2032
2026
|
let borderColor = inputColors.border;
|
|
2033
2027
|
if (isDisable) {
|
|
@@ -2064,7 +2058,6 @@ var MultiSelectControl = (0, import_react9.forwardRef)(
|
|
|
2064
2058
|
height: flexible ? "auto" : sizeStyles.height,
|
|
2065
2059
|
position: "relative",
|
|
2066
2060
|
zIndex: isOpen ? 1e3 : void 0
|
|
2067
|
-
// Above backdrop when open
|
|
2068
2061
|
},
|
|
2069
2062
|
onPress: isDisable ? void 0 : onClick,
|
|
2070
2063
|
hoverStyle: !isDisable && onClick && !isFocus && !isOpen && !isError ? {
|
|
@@ -2092,10 +2085,7 @@ var MultiSelectControl = (0, import_react9.forwardRef)(
|
|
|
2092
2085
|
flexWrap: flexible ? "wrap" : "nowrap",
|
|
2093
2086
|
alignItems: "center",
|
|
2094
2087
|
gap: variant === "tag" ? tagItemsGap : 4,
|
|
2095
|
-
style: {
|
|
2096
|
-
overflow: "hidden",
|
|
2097
|
-
opacity: isCalculating ? 0 : 1
|
|
2098
|
-
},
|
|
2088
|
+
style: { overflow: "hidden", opacity: isCalculating ? 0 : 1 },
|
|
2099
2089
|
children: selectedContent
|
|
2100
2090
|
}
|
|
2101
2091
|
)
|
|
@@ -2114,14 +2104,8 @@ var MultiSelectControl = (0, import_react9.forwardRef)(
|
|
|
2114
2104
|
children: /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(Remove, { size: 18, color: iconColor, variant: "line" })
|
|
2115
2105
|
}
|
|
2116
2106
|
),
|
|
2117
|
-
isError && /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(
|
|
2118
|
-
|
|
2119
|
-
{
|
|
2120
|
-
size: 18,
|
|
2121
|
-
color: theme.colors.content.alert.primary
|
|
2122
|
-
}
|
|
2123
|
-
),
|
|
2124
|
-
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 })
|
|
2107
|
+
isError && /* @__PURE__ */ (0, import_jsx_runtime732.jsx)(ExclamationMarkCr, { size: 18, color: theme.colors.content.alert.primary }),
|
|
2108
|
+
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" })
|
|
2125
2109
|
] })
|
|
2126
2110
|
]
|
|
2127
2111
|
}
|