@inf-monkeys-tech/monkeys-design 1.0.112 → 1.0.113
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/dist/components/data-explorer/index.js +31 -31
- package/dist/components/data-explorer/index.js.map +1 -1
- package/dist/components/data-explorer/index.mjs +31 -31
- package/dist/components/data-explorer/index.mjs.map +1 -1
- package/dist/components/navigation-sidebar/index.js +31 -31
- package/dist/components/navigation-sidebar/index.js.map +1 -1
- package/dist/components/navigation-sidebar/index.mjs +31 -31
- package/dist/components/navigation-sidebar/index.mjs.map +1 -1
- package/dist/components/workbench/index.js +31 -31
- package/dist/components/workbench/index.js.map +1 -1
- package/dist/components/workbench/index.mjs +31 -31
- package/dist/components/workbench/index.mjs.map +1 -1
- package/dist/index.js +31 -31
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +31 -31
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -915,7 +915,7 @@ function ChevronIcon({ expanded }) {
|
|
|
915
915
|
{
|
|
916
916
|
"aria-hidden": "true",
|
|
917
917
|
viewBox: "0 0 24 24",
|
|
918
|
-
className:
|
|
918
|
+
className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
|
|
919
919
|
fill: "none",
|
|
920
920
|
stroke: "currentColor",
|
|
921
921
|
strokeLinecap: "round",
|
|
@@ -1142,10 +1142,10 @@ function DataExplorerViewTree({
|
|
|
1142
1142
|
type: "button",
|
|
1143
1143
|
title: actionLabel,
|
|
1144
1144
|
"aria-label": actionLabel,
|
|
1145
|
-
className:
|
|
1145
|
+
className: cn(
|
|
1146
1146
|
theme.slots.menuTrigger,
|
|
1147
1147
|
target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
|
|
1148
|
-
target.type === "group" ? classNames?.groupActions :
|
|
1148
|
+
target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
|
|
1149
1149
|
),
|
|
1150
1150
|
onClick: (event) => event.stopPropagation(),
|
|
1151
1151
|
children: /* @__PURE__ */ jsx(MoreIcon, {})
|
|
@@ -1156,7 +1156,7 @@ function DataExplorerViewTree({
|
|
|
1156
1156
|
{
|
|
1157
1157
|
align: "end",
|
|
1158
1158
|
sideOffset: 6,
|
|
1159
|
-
className:
|
|
1159
|
+
className: cn(theme.slots.menuContent, classNames?.menuContent),
|
|
1160
1160
|
style: theme.styles.menuContent,
|
|
1161
1161
|
onClick: (event) => event.stopPropagation(),
|
|
1162
1162
|
children: visibleActions.map((action) => {
|
|
@@ -1173,7 +1173,7 @@ function DataExplorerViewTree({
|
|
|
1173
1173
|
{
|
|
1174
1174
|
title: action.title,
|
|
1175
1175
|
disabled,
|
|
1176
|
-
className:
|
|
1176
|
+
className: cn(
|
|
1177
1177
|
theme.slots.menuItem,
|
|
1178
1178
|
getDataExplorerMenuItemToneClassName(theme, action.tone),
|
|
1179
1179
|
active && "bg-accent text-accent-foreground",
|
|
@@ -1251,7 +1251,7 @@ function DataExplorerViewTree({
|
|
|
1251
1251
|
"data-data-explorer-entry": "node",
|
|
1252
1252
|
"data-data-explorer-node-id": node.id,
|
|
1253
1253
|
"data-data-explorer-group-id": group?.id,
|
|
1254
|
-
className:
|
|
1254
|
+
className: cn(
|
|
1255
1255
|
theme.slots.treeNode,
|
|
1256
1256
|
classNames?.node,
|
|
1257
1257
|
classNames?.item,
|
|
@@ -1272,7 +1272,7 @@ function DataExplorerViewTree({
|
|
|
1272
1272
|
/* @__PURE__ */ jsxs(
|
|
1273
1273
|
"div",
|
|
1274
1274
|
{
|
|
1275
|
-
className:
|
|
1275
|
+
className: cn(
|
|
1276
1276
|
theme.slots.treeNodeButton,
|
|
1277
1277
|
isSelected && theme.slots.treeNodeSelected,
|
|
1278
1278
|
node.disabled && theme.slots.treeNodeDisabled,
|
|
@@ -1307,7 +1307,7 @@ function DataExplorerViewTree({
|
|
|
1307
1307
|
"span",
|
|
1308
1308
|
{
|
|
1309
1309
|
draggable: true,
|
|
1310
|
-
className:
|
|
1310
|
+
className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
|
|
1311
1311
|
onClick: (event) => event.stopPropagation(),
|
|
1312
1312
|
onDragStart: (event) => {
|
|
1313
1313
|
event.stopPropagation();
|
|
@@ -1329,7 +1329,7 @@ function DataExplorerViewTree({
|
|
|
1329
1329
|
"button",
|
|
1330
1330
|
{
|
|
1331
1331
|
type: "button",
|
|
1332
|
-
className:
|
|
1332
|
+
className: cn(
|
|
1333
1333
|
theme.slots.treeNodeToggle,
|
|
1334
1334
|
classNames?.nodeToggle,
|
|
1335
1335
|
classNames?.expander
|
|
@@ -1341,11 +1341,11 @@ function DataExplorerViewTree({
|
|
|
1341
1341
|
},
|
|
1342
1342
|
children: /* @__PURE__ */ jsx(ChevronIcon, { expanded: isExpanded })
|
|
1343
1343
|
}
|
|
1344
|
-
) : /* @__PURE__ */ jsx("span", { className:
|
|
1344
|
+
) : /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
|
|
1345
1345
|
node.icon ? /* @__PURE__ */ jsx(
|
|
1346
1346
|
"span",
|
|
1347
1347
|
{
|
|
1348
|
-
className:
|
|
1348
|
+
className: cn(
|
|
1349
1349
|
theme.slots.treeNodeIcon,
|
|
1350
1350
|
classNames?.nodeIcon,
|
|
1351
1351
|
classNames?.itemIcon
|
|
@@ -1357,7 +1357,7 @@ function DataExplorerViewTree({
|
|
|
1357
1357
|
/* @__PURE__ */ jsx(
|
|
1358
1358
|
"span",
|
|
1359
1359
|
{
|
|
1360
|
-
className:
|
|
1360
|
+
className: cn(
|
|
1361
1361
|
theme.slots.treeNodeLabel,
|
|
1362
1362
|
classNames?.nodeLabel,
|
|
1363
1363
|
classNames?.itemLabel
|
|
@@ -1368,7 +1368,7 @@ function DataExplorerViewTree({
|
|
|
1368
1368
|
node.description ? /* @__PURE__ */ jsx(
|
|
1369
1369
|
"span",
|
|
1370
1370
|
{
|
|
1371
|
-
className:
|
|
1371
|
+
className: cn(
|
|
1372
1372
|
theme.slots.treeNodeDescription,
|
|
1373
1373
|
classNames?.nodeDescription
|
|
1374
1374
|
),
|
|
@@ -1376,8 +1376,8 @@ function DataExplorerViewTree({
|
|
|
1376
1376
|
}
|
|
1377
1377
|
) : null
|
|
1378
1378
|
] }),
|
|
1379
|
-
node.meta ? /* @__PURE__ */ jsx("span", { className:
|
|
1380
|
-
node.badge ? /* @__PURE__ */ jsx("span", { className:
|
|
1379
|
+
node.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
|
|
1380
|
+
node.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
|
|
1381
1381
|
renderActions(actions, { type: "node", node, group })
|
|
1382
1382
|
]
|
|
1383
1383
|
}
|
|
@@ -1385,7 +1385,7 @@ function DataExplorerViewTree({
|
|
|
1385
1385
|
hasChildren && isExpanded ? /* @__PURE__ */ jsx(
|
|
1386
1386
|
"div",
|
|
1387
1387
|
{
|
|
1388
|
-
className:
|
|
1388
|
+
className: cn(
|
|
1389
1389
|
theme.slots.treeNodeChildren,
|
|
1390
1390
|
classNames?.nodeChildren,
|
|
1391
1391
|
classNames?.list
|
|
@@ -1398,22 +1398,22 @@ function DataExplorerViewTree({
|
|
|
1398
1398
|
node.id
|
|
1399
1399
|
);
|
|
1400
1400
|
};
|
|
1401
|
-
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className:
|
|
1401
|
+
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
|
|
1402
1402
|
if (loading) {
|
|
1403
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1403
|
+
return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
1404
1404
|
loadingContent,
|
|
1405
1405
|
theme.slots.treeLoading,
|
|
1406
1406
|
classNames?.loading
|
|
1407
1407
|
) });
|
|
1408
1408
|
}
|
|
1409
1409
|
if (error) {
|
|
1410
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1410
|
+
return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
|
|
1411
1411
|
}
|
|
1412
1412
|
const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
|
|
1413
1413
|
const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
|
|
1414
1414
|
const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
|
|
1415
1415
|
if (shouldRenderGlobalEmpty) {
|
|
1416
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1416
|
+
return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
1417
1417
|
emptyContent,
|
|
1418
1418
|
theme.slots.treeEmpty,
|
|
1419
1419
|
classNames?.empty
|
|
@@ -1422,7 +1422,7 @@ function DataExplorerViewTree({
|
|
|
1422
1422
|
return /* @__PURE__ */ jsx(
|
|
1423
1423
|
"div",
|
|
1424
1424
|
{
|
|
1425
|
-
className:
|
|
1425
|
+
className: cn(theme.slots.treeRoot, classNames?.root, className),
|
|
1426
1426
|
role: hasAnyNodes ? "tree" : void 0,
|
|
1427
1427
|
children: resolvedGroups.map((group) => {
|
|
1428
1428
|
const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
|
|
@@ -1435,12 +1435,12 @@ function DataExplorerViewTree({
|
|
|
1435
1435
|
{
|
|
1436
1436
|
"data-data-explorer-entry": "group",
|
|
1437
1437
|
"data-data-explorer-group-id": group.id,
|
|
1438
|
-
className:
|
|
1438
|
+
className: cn(theme.slots.treeGroup, classNames?.group, group.className),
|
|
1439
1439
|
children: [
|
|
1440
1440
|
!group.hideHeader ? /* @__PURE__ */ jsxs(
|
|
1441
1441
|
"div",
|
|
1442
1442
|
{
|
|
1443
|
-
className:
|
|
1443
|
+
className: cn(
|
|
1444
1444
|
theme.slots.treeGroupHeader,
|
|
1445
1445
|
theme.slots.treeGroupHeaderButton,
|
|
1446
1446
|
groupSelected && theme.slots.treeNodeSelected,
|
|
@@ -1453,7 +1453,7 @@ function DataExplorerViewTree({
|
|
|
1453
1453
|
"button",
|
|
1454
1454
|
{
|
|
1455
1455
|
type: "button",
|
|
1456
|
-
className:
|
|
1456
|
+
className: cn(
|
|
1457
1457
|
"flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
1458
1458
|
classNames?.groupLabel
|
|
1459
1459
|
),
|
|
@@ -1470,7 +1470,7 @@ function DataExplorerViewTree({
|
|
|
1470
1470
|
group.icon ? /* @__PURE__ */ jsx(
|
|
1471
1471
|
"span",
|
|
1472
1472
|
{
|
|
1473
|
-
className:
|
|
1473
|
+
className: cn(
|
|
1474
1474
|
theme.slots.treeNodeIcon,
|
|
1475
1475
|
classNames?.nodeIcon,
|
|
1476
1476
|
classNames?.itemIcon
|
|
@@ -1482,7 +1482,7 @@ function DataExplorerViewTree({
|
|
|
1482
1482
|
group.label ? /* @__PURE__ */ jsx(
|
|
1483
1483
|
"span",
|
|
1484
1484
|
{
|
|
1485
|
-
className:
|
|
1485
|
+
className: cn(
|
|
1486
1486
|
theme.slots.treeNodeLabel,
|
|
1487
1487
|
classNames?.nodeLabel,
|
|
1488
1488
|
classNames?.itemLabel
|
|
@@ -1493,7 +1493,7 @@ function DataExplorerViewTree({
|
|
|
1493
1493
|
group.description ? /* @__PURE__ */ jsx(
|
|
1494
1494
|
"span",
|
|
1495
1495
|
{
|
|
1496
|
-
className:
|
|
1496
|
+
className: cn(
|
|
1497
1497
|
theme.slots.treeNodeDescription,
|
|
1498
1498
|
classNames?.nodeDescription
|
|
1499
1499
|
),
|
|
@@ -1501,8 +1501,8 @@ function DataExplorerViewTree({
|
|
|
1501
1501
|
}
|
|
1502
1502
|
) : null
|
|
1503
1503
|
] }),
|
|
1504
|
-
group.meta ? /* @__PURE__ */ jsx("span", { className:
|
|
1505
|
-
group.badge ? /* @__PURE__ */ jsx("span", { className:
|
|
1504
|
+
group.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
|
|
1505
|
+
group.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
|
|
1506
1506
|
]
|
|
1507
1507
|
}
|
|
1508
1508
|
),
|
|
@@ -1510,7 +1510,7 @@ function DataExplorerViewTree({
|
|
|
1510
1510
|
"button",
|
|
1511
1511
|
{
|
|
1512
1512
|
type: "button",
|
|
1513
|
-
className:
|
|
1513
|
+
className: cn(theme.slots.treeNodeToggle, classNames?.expander),
|
|
1514
1514
|
"aria-label": groupExpanded ? collapseLabel : expandLabel,
|
|
1515
1515
|
"aria-expanded": groupExpanded,
|
|
1516
1516
|
onClick: () => setGroupExpanded(group.id, !groupExpanded),
|
|
@@ -1524,7 +1524,7 @@ function DataExplorerViewTree({
|
|
|
1524
1524
|
groupExpanded ? /* @__PURE__ */ jsx(
|
|
1525
1525
|
"div",
|
|
1526
1526
|
{
|
|
1527
|
-
className:
|
|
1527
|
+
className: cn(
|
|
1528
1528
|
theme.slots.treeGroupContent,
|
|
1529
1529
|
classNames?.groupContent,
|
|
1530
1530
|
classNames?.list
|