@xsolla/xui-status-dropdown 0.202.4 → 0.203.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-status-dropdown",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.203.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-context-menu": "0.
|
|
17
|
-
"@xsolla/xui-core": "0.
|
|
18
|
-
"@xsolla/xui-primitives-core": "0.
|
|
19
|
-
"@xsolla/xui-status": "0.
|
|
16
|
+
"@xsolla/xui-context-menu": "0.203.0",
|
|
17
|
+
"@xsolla/xui-core": "0.203.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.203.0",
|
|
19
|
+
"@xsolla/xui-status": "0.203.0"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"react": ">=16.8.0",
|
package/web/index.js
CHANGED
|
@@ -1122,6 +1122,17 @@ var import_jsx_runtime721 = require("react/jsx-runtime");
|
|
|
1122
1122
|
var import_jsx_runtime722 = require("react/jsx-runtime");
|
|
1123
1123
|
var import_jsx_runtime723 = require("react/jsx-runtime");
|
|
1124
1124
|
var import_jsx_runtime724 = require("react/jsx-runtime");
|
|
1125
|
+
var import_jsx_runtime725 = require("react/jsx-runtime");
|
|
1126
|
+
var import_jsx_runtime726 = require("react/jsx-runtime");
|
|
1127
|
+
var import_jsx_runtime727 = require("react/jsx-runtime");
|
|
1128
|
+
var import_jsx_runtime728 = require("react/jsx-runtime");
|
|
1129
|
+
var import_jsx_runtime729 = require("react/jsx-runtime");
|
|
1130
|
+
var import_jsx_runtime730 = require("react/jsx-runtime");
|
|
1131
|
+
var import_jsx_runtime731 = require("react/jsx-runtime");
|
|
1132
|
+
var import_jsx_runtime732 = require("react/jsx-runtime");
|
|
1133
|
+
var import_jsx_runtime733 = require("react/jsx-runtime");
|
|
1134
|
+
var import_jsx_runtime734 = require("react/jsx-runtime");
|
|
1135
|
+
var import_jsx_runtime735 = require("react/jsx-runtime");
|
|
1125
1136
|
var StyledIcon2 = import_styled_components4.default.div`
|
|
1126
1137
|
display: inline-flex;
|
|
1127
1138
|
align-items: center;
|
|
@@ -1139,8 +1150,8 @@ var BaseIcon = ({
|
|
|
1139
1150
|
variant = "line",
|
|
1140
1151
|
size = 24,
|
|
1141
1152
|
color = "currentColor",
|
|
1142
|
-
solidContent:
|
|
1143
|
-
lineContent:
|
|
1153
|
+
solidContent: solidContent732,
|
|
1154
|
+
lineContent: lineContent732,
|
|
1144
1155
|
className,
|
|
1145
1156
|
style,
|
|
1146
1157
|
"data-testid": testId,
|
|
@@ -1148,7 +1159,7 @@ var BaseIcon = ({
|
|
|
1148
1159
|
"aria-label": ariaLabel,
|
|
1149
1160
|
"aria-hidden": ariaHidden
|
|
1150
1161
|
}) => {
|
|
1151
|
-
const svgContent = variant === "line" ?
|
|
1162
|
+
const svgContent = variant === "line" ? lineContent732 : solidContent732;
|
|
1152
1163
|
const sizeValue = typeof size === "number" ? `${size}px` : size;
|
|
1153
1164
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1154
1165
|
StyledIcon2,
|
|
@@ -1170,7 +1181,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
|
|
|
1170
1181
|
var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
|
|
1171
1182
|
|
|
1172
1183
|
// src/StatusDropdown.tsx
|
|
1173
|
-
var
|
|
1184
|
+
var import_jsx_runtime736 = require("react/jsx-runtime");
|
|
1174
1185
|
var gapMap = {
|
|
1175
1186
|
xl: 4,
|
|
1176
1187
|
lg: 4,
|
|
@@ -1252,7 +1263,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1252
1263
|
setInternalIsOpen(open);
|
|
1253
1264
|
}
|
|
1254
1265
|
};
|
|
1255
|
-
const trigger = /* @__PURE__ */ (0,
|
|
1266
|
+
const trigger = /* @__PURE__ */ (0, import_jsx_runtime736.jsxs)(
|
|
1256
1267
|
Box,
|
|
1257
1268
|
{
|
|
1258
1269
|
ref,
|
|
@@ -1297,7 +1308,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1297
1308
|
outlineOffset: isFocusVisible ? 2 : void 0
|
|
1298
1309
|
} : void 0,
|
|
1299
1310
|
children: [
|
|
1300
|
-
isWeb && /* @__PURE__ */ (0,
|
|
1311
|
+
isWeb && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1301
1312
|
Box,
|
|
1302
1313
|
{
|
|
1303
1314
|
"aria-hidden": true,
|
|
@@ -1310,7 +1321,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1310
1321
|
hoverStyle: { backgroundColor: theme.colors.overlay.mono }
|
|
1311
1322
|
}
|
|
1312
1323
|
),
|
|
1313
|
-
dot && /* @__PURE__ */ (0,
|
|
1324
|
+
dot && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1314
1325
|
Box,
|
|
1315
1326
|
{
|
|
1316
1327
|
width: sizeStyles.iconSize,
|
|
@@ -1318,7 +1329,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1318
1329
|
alignItems: "center",
|
|
1319
1330
|
justifyContent: "center",
|
|
1320
1331
|
flexShrink: 0,
|
|
1321
|
-
children: /* @__PURE__ */ (0,
|
|
1332
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1322
1333
|
Box,
|
|
1323
1334
|
{
|
|
1324
1335
|
testID: testID ? `${testID}-dot` : "status-dropdown-dot",
|
|
@@ -1330,14 +1341,14 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1330
1341
|
)
|
|
1331
1342
|
}
|
|
1332
1343
|
),
|
|
1333
|
-
/* @__PURE__ */ (0,
|
|
1344
|
+
/* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1334
1345
|
Box,
|
|
1335
1346
|
{
|
|
1336
1347
|
paddingHorizontal: gap,
|
|
1337
1348
|
flexShrink: 1,
|
|
1338
1349
|
minWidth: 0,
|
|
1339
1350
|
...isWeb ? { overflow: "hidden" } : {},
|
|
1340
|
-
children: /* @__PURE__ */ (0,
|
|
1351
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1341
1352
|
Text,
|
|
1342
1353
|
{
|
|
1343
1354
|
color: contentColor,
|
|
@@ -1360,7 +1371,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1360
1371
|
)
|
|
1361
1372
|
}
|
|
1362
1373
|
),
|
|
1363
|
-
/* @__PURE__ */ (0,
|
|
1374
|
+
/* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1364
1375
|
Box,
|
|
1365
1376
|
{
|
|
1366
1377
|
width: sizeStyles.iconSize,
|
|
@@ -1368,7 +1379,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1368
1379
|
alignItems: "center",
|
|
1369
1380
|
justifyContent: "center",
|
|
1370
1381
|
flexShrink: 0,
|
|
1371
|
-
children: /* @__PURE__ */ (0,
|
|
1382
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1372
1383
|
Icon,
|
|
1373
1384
|
{
|
|
1374
1385
|
size: sizeStyles.iconSize,
|
|
@@ -1377,7 +1388,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1377
1388
|
transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
|
|
1378
1389
|
...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
|
|
1379
1390
|
},
|
|
1380
|
-
children: /* @__PURE__ */ (0,
|
|
1391
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(ChevronDown, {})
|
|
1381
1392
|
}
|
|
1382
1393
|
)
|
|
1383
1394
|
}
|
|
@@ -1385,7 +1396,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
|
|
|
1385
1396
|
]
|
|
1386
1397
|
}
|
|
1387
1398
|
);
|
|
1388
|
-
return /* @__PURE__ */ (0,
|
|
1399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1389
1400
|
import_xui_context_menu.ContextMenu,
|
|
1390
1401
|
{
|
|
1391
1402
|
trigger,
|