@xsolla/xui-status-dropdown 0.202.3 → 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/native/index.js
CHANGED
|
@@ -1099,6 +1099,17 @@ var import_jsx_runtime721 = require("react/jsx-runtime");
|
|
|
1099
1099
|
var import_jsx_runtime722 = require("react/jsx-runtime");
|
|
1100
1100
|
var import_jsx_runtime723 = require("react/jsx-runtime");
|
|
1101
1101
|
var import_jsx_runtime724 = require("react/jsx-runtime");
|
|
1102
|
+
var import_jsx_runtime725 = require("react/jsx-runtime");
|
|
1103
|
+
var import_jsx_runtime726 = require("react/jsx-runtime");
|
|
1104
|
+
var import_jsx_runtime727 = require("react/jsx-runtime");
|
|
1105
|
+
var import_jsx_runtime728 = require("react/jsx-runtime");
|
|
1106
|
+
var import_jsx_runtime729 = require("react/jsx-runtime");
|
|
1107
|
+
var import_jsx_runtime730 = require("react/jsx-runtime");
|
|
1108
|
+
var import_jsx_runtime731 = require("react/jsx-runtime");
|
|
1109
|
+
var import_jsx_runtime732 = require("react/jsx-runtime");
|
|
1110
|
+
var import_jsx_runtime733 = require("react/jsx-runtime");
|
|
1111
|
+
var import_jsx_runtime734 = require("react/jsx-runtime");
|
|
1112
|
+
var import_jsx_runtime735 = require("react/jsx-runtime");
|
|
1102
1113
|
var StyledIcon = import_styled_components.default.div`
|
|
1103
1114
|
display: inline-flex;
|
|
1104
1115
|
align-items: center;
|
|
@@ -1116,8 +1127,8 @@ var BaseIcon = ({
|
|
|
1116
1127
|
variant = "line",
|
|
1117
1128
|
size = 24,
|
|
1118
1129
|
color = "currentColor",
|
|
1119
|
-
solidContent:
|
|
1120
|
-
lineContent:
|
|
1130
|
+
solidContent: solidContent732,
|
|
1131
|
+
lineContent: lineContent732,
|
|
1121
1132
|
className,
|
|
1122
1133
|
style,
|
|
1123
1134
|
"data-testid": testId,
|
|
@@ -1125,7 +1136,7 @@ var BaseIcon = ({
|
|
|
1125
1136
|
"aria-label": ariaLabel,
|
|
1126
1137
|
"aria-hidden": ariaHidden
|
|
1127
1138
|
}) => {
|
|
1128
|
-
const svgContent = variant === "line" ?
|
|
1139
|
+
const svgContent = variant === "line" ? lineContent732 : solidContent732;
|
|
1129
1140
|
const sizeValue = typeof size === "number" ? `${size}px` : size;
|
|
1130
1141
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1131
1142
|
StyledIcon,
|
|
@@ -1147,7 +1158,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
|
|
|
1147
1158
|
var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
|
|
1148
1159
|
|
|
1149
1160
|
// src/StatusDropdown.tsx
|
|
1150
|
-
var
|
|
1161
|
+
var import_jsx_runtime736 = require("react/jsx-runtime");
|
|
1151
1162
|
var gapMap = {
|
|
1152
1163
|
xl: 4,
|
|
1153
1164
|
lg: 4,
|
|
@@ -1229,7 +1240,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1229
1240
|
setInternalIsOpen(open);
|
|
1230
1241
|
}
|
|
1231
1242
|
};
|
|
1232
|
-
const trigger = /* @__PURE__ */ (0,
|
|
1243
|
+
const trigger = /* @__PURE__ */ (0, import_jsx_runtime736.jsxs)(
|
|
1233
1244
|
Box,
|
|
1234
1245
|
{
|
|
1235
1246
|
ref,
|
|
@@ -1274,7 +1285,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1274
1285
|
outlineOffset: isFocusVisible ? 2 : void 0
|
|
1275
1286
|
} : void 0,
|
|
1276
1287
|
children: [
|
|
1277
|
-
isWeb && /* @__PURE__ */ (0,
|
|
1288
|
+
isWeb && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1278
1289
|
Box,
|
|
1279
1290
|
{
|
|
1280
1291
|
"aria-hidden": true,
|
|
@@ -1287,7 +1298,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1287
1298
|
hoverStyle: { backgroundColor: theme.colors.overlay.mono }
|
|
1288
1299
|
}
|
|
1289
1300
|
),
|
|
1290
|
-
dot && /* @__PURE__ */ (0,
|
|
1301
|
+
dot && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1291
1302
|
Box,
|
|
1292
1303
|
{
|
|
1293
1304
|
width: sizeStyles.iconSize,
|
|
@@ -1295,7 +1306,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1295
1306
|
alignItems: "center",
|
|
1296
1307
|
justifyContent: "center",
|
|
1297
1308
|
flexShrink: 0,
|
|
1298
|
-
children: /* @__PURE__ */ (0,
|
|
1309
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1299
1310
|
Box,
|
|
1300
1311
|
{
|
|
1301
1312
|
testID: testID ? `${testID}-dot` : "status-dropdown-dot",
|
|
@@ -1307,14 +1318,14 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1307
1318
|
)
|
|
1308
1319
|
}
|
|
1309
1320
|
),
|
|
1310
|
-
/* @__PURE__ */ (0,
|
|
1321
|
+
/* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1311
1322
|
Box,
|
|
1312
1323
|
{
|
|
1313
1324
|
paddingHorizontal: gap,
|
|
1314
1325
|
flexShrink: 1,
|
|
1315
1326
|
minWidth: 0,
|
|
1316
1327
|
...isWeb ? { overflow: "hidden" } : {},
|
|
1317
|
-
children: /* @__PURE__ */ (0,
|
|
1328
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1318
1329
|
Text,
|
|
1319
1330
|
{
|
|
1320
1331
|
color: contentColor,
|
|
@@ -1337,7 +1348,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1337
1348
|
)
|
|
1338
1349
|
}
|
|
1339
1350
|
),
|
|
1340
|
-
/* @__PURE__ */ (0,
|
|
1351
|
+
/* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1341
1352
|
Box,
|
|
1342
1353
|
{
|
|
1343
1354
|
width: sizeStyles.iconSize,
|
|
@@ -1345,7 +1356,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1345
1356
|
alignItems: "center",
|
|
1346
1357
|
justifyContent: "center",
|
|
1347
1358
|
flexShrink: 0,
|
|
1348
|
-
children: /* @__PURE__ */ (0,
|
|
1359
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1349
1360
|
Icon,
|
|
1350
1361
|
{
|
|
1351
1362
|
size: sizeStyles.iconSize,
|
|
@@ -1354,7 +1365,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1354
1365
|
transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
|
|
1355
1366
|
...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
|
|
1356
1367
|
},
|
|
1357
|
-
children: /* @__PURE__ */ (0,
|
|
1368
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(ChevronDown, {})
|
|
1358
1369
|
}
|
|
1359
1370
|
)
|
|
1360
1371
|
}
|
|
@@ -1362,7 +1373,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
|
|
|
1362
1373
|
]
|
|
1363
1374
|
}
|
|
1364
1375
|
);
|
|
1365
|
-
return /* @__PURE__ */ (0,
|
|
1376
|
+
return /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
|
|
1366
1377
|
import_xui_context_menu.ContextMenu,
|
|
1367
1378
|
{
|
|
1368
1379
|
trigger,
|