@xsolla/xui-status-dropdown 0.202.4 → 0.204.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 +25 -14
- package/native/index.js.map +1 -1
- package/native/index.mjs +24 -13
- package/native/index.mjs.map +1 -1
- package/package.json +5 -5
- package/web/index.js +25 -14
- package/web/index.js.map +1 -1
- package/web/index.mjs +24 -13
- package/web/index.mjs.map +1 -1
package/native/index.mjs
CHANGED
|
@@ -1070,6 +1070,17 @@ import { jsx as jsx718 } from "react/jsx-runtime";
|
|
|
1070
1070
|
import { jsx as jsx719 } from "react/jsx-runtime";
|
|
1071
1071
|
import { jsx as jsx720 } from "react/jsx-runtime";
|
|
1072
1072
|
import { jsx as jsx721 } from "react/jsx-runtime";
|
|
1073
|
+
import { jsx as jsx722 } from "react/jsx-runtime";
|
|
1074
|
+
import { jsx as jsx723 } from "react/jsx-runtime";
|
|
1075
|
+
import { jsx as jsx724 } from "react/jsx-runtime";
|
|
1076
|
+
import { jsx as jsx725 } from "react/jsx-runtime";
|
|
1077
|
+
import { jsx as jsx726 } from "react/jsx-runtime";
|
|
1078
|
+
import { jsx as jsx727 } from "react/jsx-runtime";
|
|
1079
|
+
import { jsx as jsx728 } from "react/jsx-runtime";
|
|
1080
|
+
import { jsx as jsx729 } from "react/jsx-runtime";
|
|
1081
|
+
import { jsx as jsx730 } from "react/jsx-runtime";
|
|
1082
|
+
import { jsx as jsx731 } from "react/jsx-runtime";
|
|
1083
|
+
import { jsx as jsx732 } from "react/jsx-runtime";
|
|
1073
1084
|
var StyledIcon = styled.div`
|
|
1074
1085
|
display: inline-flex;
|
|
1075
1086
|
align-items: center;
|
|
@@ -1087,8 +1098,8 @@ var BaseIcon = ({
|
|
|
1087
1098
|
variant = "line",
|
|
1088
1099
|
size = 24,
|
|
1089
1100
|
color = "currentColor",
|
|
1090
|
-
solidContent:
|
|
1091
|
-
lineContent:
|
|
1101
|
+
solidContent: solidContent732,
|
|
1102
|
+
lineContent: lineContent732,
|
|
1092
1103
|
className,
|
|
1093
1104
|
style,
|
|
1094
1105
|
"data-testid": testId,
|
|
@@ -1096,7 +1107,7 @@ var BaseIcon = ({
|
|
|
1096
1107
|
"aria-label": ariaLabel,
|
|
1097
1108
|
"aria-hidden": ariaHidden
|
|
1098
1109
|
}) => {
|
|
1099
|
-
const svgContent = variant === "line" ?
|
|
1110
|
+
const svgContent = variant === "line" ? lineContent732 : solidContent732;
|
|
1100
1111
|
const sizeValue = typeof size === "number" ? `${size}px` : size;
|
|
1101
1112
|
return /* @__PURE__ */ jsx4(
|
|
1102
1113
|
StyledIcon,
|
|
@@ -1118,7 +1129,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
|
|
|
1118
1129
|
var ChevronDown = (props) => /* @__PURE__ */ jsx127(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
|
|
1119
1130
|
|
|
1120
1131
|
// src/StatusDropdown.tsx
|
|
1121
|
-
import { jsx as
|
|
1132
|
+
import { jsx as jsx733, jsxs } from "react/jsx-runtime";
|
|
1122
1133
|
var gapMap = {
|
|
1123
1134
|
xl: 4,
|
|
1124
1135
|
lg: 4,
|
|
@@ -1245,7 +1256,7 @@ var StatusDropdown = forwardRef(
|
|
|
1245
1256
|
outlineOffset: isFocusVisible ? 2 : void 0
|
|
1246
1257
|
} : void 0,
|
|
1247
1258
|
children: [
|
|
1248
|
-
isWeb && /* @__PURE__ */
|
|
1259
|
+
isWeb && /* @__PURE__ */ jsx733(
|
|
1249
1260
|
Box,
|
|
1250
1261
|
{
|
|
1251
1262
|
"aria-hidden": true,
|
|
@@ -1258,7 +1269,7 @@ var StatusDropdown = forwardRef(
|
|
|
1258
1269
|
hoverStyle: { backgroundColor: theme.colors.overlay.mono }
|
|
1259
1270
|
}
|
|
1260
1271
|
),
|
|
1261
|
-
dot && /* @__PURE__ */
|
|
1272
|
+
dot && /* @__PURE__ */ jsx733(
|
|
1262
1273
|
Box,
|
|
1263
1274
|
{
|
|
1264
1275
|
width: sizeStyles.iconSize,
|
|
@@ -1266,7 +1277,7 @@ var StatusDropdown = forwardRef(
|
|
|
1266
1277
|
alignItems: "center",
|
|
1267
1278
|
justifyContent: "center",
|
|
1268
1279
|
flexShrink: 0,
|
|
1269
|
-
children: /* @__PURE__ */
|
|
1280
|
+
children: /* @__PURE__ */ jsx733(
|
|
1270
1281
|
Box,
|
|
1271
1282
|
{
|
|
1272
1283
|
testID: testID ? `${testID}-dot` : "status-dropdown-dot",
|
|
@@ -1278,14 +1289,14 @@ var StatusDropdown = forwardRef(
|
|
|
1278
1289
|
)
|
|
1279
1290
|
}
|
|
1280
1291
|
),
|
|
1281
|
-
/* @__PURE__ */
|
|
1292
|
+
/* @__PURE__ */ jsx733(
|
|
1282
1293
|
Box,
|
|
1283
1294
|
{
|
|
1284
1295
|
paddingHorizontal: gap,
|
|
1285
1296
|
flexShrink: 1,
|
|
1286
1297
|
minWidth: 0,
|
|
1287
1298
|
...isWeb ? { overflow: "hidden" } : {},
|
|
1288
|
-
children: /* @__PURE__ */
|
|
1299
|
+
children: /* @__PURE__ */ jsx733(
|
|
1289
1300
|
Text,
|
|
1290
1301
|
{
|
|
1291
1302
|
color: contentColor,
|
|
@@ -1308,7 +1319,7 @@ var StatusDropdown = forwardRef(
|
|
|
1308
1319
|
)
|
|
1309
1320
|
}
|
|
1310
1321
|
),
|
|
1311
|
-
/* @__PURE__ */
|
|
1322
|
+
/* @__PURE__ */ jsx733(
|
|
1312
1323
|
Box,
|
|
1313
1324
|
{
|
|
1314
1325
|
width: sizeStyles.iconSize,
|
|
@@ -1316,7 +1327,7 @@ var StatusDropdown = forwardRef(
|
|
|
1316
1327
|
alignItems: "center",
|
|
1317
1328
|
justifyContent: "center",
|
|
1318
1329
|
flexShrink: 0,
|
|
1319
|
-
children: /* @__PURE__ */
|
|
1330
|
+
children: /* @__PURE__ */ jsx733(
|
|
1320
1331
|
Icon,
|
|
1321
1332
|
{
|
|
1322
1333
|
size: sizeStyles.iconSize,
|
|
@@ -1325,7 +1336,7 @@ var StatusDropdown = forwardRef(
|
|
|
1325
1336
|
transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
|
|
1326
1337
|
...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
|
|
1327
1338
|
},
|
|
1328
|
-
children: /* @__PURE__ */
|
|
1339
|
+
children: /* @__PURE__ */ jsx733(ChevronDown, {})
|
|
1329
1340
|
}
|
|
1330
1341
|
)
|
|
1331
1342
|
}
|
|
@@ -1333,7 +1344,7 @@ var StatusDropdown = forwardRef(
|
|
|
1333
1344
|
]
|
|
1334
1345
|
}
|
|
1335
1346
|
);
|
|
1336
|
-
return /* @__PURE__ */
|
|
1347
|
+
return /* @__PURE__ */ jsx733(
|
|
1337
1348
|
ContextMenu,
|
|
1338
1349
|
{
|
|
1339
1350
|
trigger,
|