@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
package/dist/index.mjs
CHANGED
|
@@ -25989,7 +25989,7 @@ function ChevronIcon({ expanded }) {
|
|
|
25989
25989
|
{
|
|
25990
25990
|
"aria-hidden": "true",
|
|
25991
25991
|
viewBox: "0 0 24 24",
|
|
25992
|
-
className:
|
|
25992
|
+
className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
|
|
25993
25993
|
fill: "none",
|
|
25994
25994
|
stroke: "currentColor",
|
|
25995
25995
|
strokeLinecap: "round",
|
|
@@ -26216,10 +26216,10 @@ function DataExplorerViewTree({
|
|
|
26216
26216
|
type: "button",
|
|
26217
26217
|
title: actionLabel,
|
|
26218
26218
|
"aria-label": actionLabel,
|
|
26219
|
-
className:
|
|
26219
|
+
className: cn(
|
|
26220
26220
|
theme.slots.menuTrigger,
|
|
26221
26221
|
target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
|
|
26222
|
-
target.type === "group" ? classNames?.groupActions :
|
|
26222
|
+
target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
|
|
26223
26223
|
),
|
|
26224
26224
|
onClick: (event) => event.stopPropagation(),
|
|
26225
26225
|
children: /* @__PURE__ */ jsx(MoreIcon3, {})
|
|
@@ -26230,7 +26230,7 @@ function DataExplorerViewTree({
|
|
|
26230
26230
|
{
|
|
26231
26231
|
align: "end",
|
|
26232
26232
|
sideOffset: 6,
|
|
26233
|
-
className:
|
|
26233
|
+
className: cn(theme.slots.menuContent, classNames?.menuContent),
|
|
26234
26234
|
style: theme.styles.menuContent,
|
|
26235
26235
|
onClick: (event) => event.stopPropagation(),
|
|
26236
26236
|
children: visibleActions.map((action) => {
|
|
@@ -26247,7 +26247,7 @@ function DataExplorerViewTree({
|
|
|
26247
26247
|
{
|
|
26248
26248
|
title: action.title,
|
|
26249
26249
|
disabled,
|
|
26250
|
-
className:
|
|
26250
|
+
className: cn(
|
|
26251
26251
|
theme.slots.menuItem,
|
|
26252
26252
|
getDataExplorerMenuItemToneClassName(theme, action.tone),
|
|
26253
26253
|
active && "bg-accent text-accent-foreground",
|
|
@@ -26325,7 +26325,7 @@ function DataExplorerViewTree({
|
|
|
26325
26325
|
"data-data-explorer-entry": "node",
|
|
26326
26326
|
"data-data-explorer-node-id": node.id,
|
|
26327
26327
|
"data-data-explorer-group-id": group?.id,
|
|
26328
|
-
className:
|
|
26328
|
+
className: cn(
|
|
26329
26329
|
theme.slots.treeNode,
|
|
26330
26330
|
classNames?.node,
|
|
26331
26331
|
classNames?.item,
|
|
@@ -26346,7 +26346,7 @@ function DataExplorerViewTree({
|
|
|
26346
26346
|
/* @__PURE__ */ jsxs(
|
|
26347
26347
|
"div",
|
|
26348
26348
|
{
|
|
26349
|
-
className:
|
|
26349
|
+
className: cn(
|
|
26350
26350
|
theme.slots.treeNodeButton,
|
|
26351
26351
|
isSelected && theme.slots.treeNodeSelected,
|
|
26352
26352
|
node.disabled && theme.slots.treeNodeDisabled,
|
|
@@ -26381,7 +26381,7 @@ function DataExplorerViewTree({
|
|
|
26381
26381
|
"span",
|
|
26382
26382
|
{
|
|
26383
26383
|
draggable: true,
|
|
26384
|
-
className:
|
|
26384
|
+
className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
|
|
26385
26385
|
onClick: (event) => event.stopPropagation(),
|
|
26386
26386
|
onDragStart: (event) => {
|
|
26387
26387
|
event.stopPropagation();
|
|
@@ -26403,7 +26403,7 @@ function DataExplorerViewTree({
|
|
|
26403
26403
|
"button",
|
|
26404
26404
|
{
|
|
26405
26405
|
type: "button",
|
|
26406
|
-
className:
|
|
26406
|
+
className: cn(
|
|
26407
26407
|
theme.slots.treeNodeToggle,
|
|
26408
26408
|
classNames?.nodeToggle,
|
|
26409
26409
|
classNames?.expander
|
|
@@ -26415,11 +26415,11 @@ function DataExplorerViewTree({
|
|
|
26415
26415
|
},
|
|
26416
26416
|
children: /* @__PURE__ */ jsx(ChevronIcon, { expanded: isExpanded })
|
|
26417
26417
|
}
|
|
26418
|
-
) : /* @__PURE__ */ jsx("span", { className:
|
|
26418
|
+
) : /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
|
|
26419
26419
|
node.icon ? /* @__PURE__ */ jsx(
|
|
26420
26420
|
"span",
|
|
26421
26421
|
{
|
|
26422
|
-
className:
|
|
26422
|
+
className: cn(
|
|
26423
26423
|
theme.slots.treeNodeIcon,
|
|
26424
26424
|
classNames?.nodeIcon,
|
|
26425
26425
|
classNames?.itemIcon
|
|
@@ -26431,7 +26431,7 @@ function DataExplorerViewTree({
|
|
|
26431
26431
|
/* @__PURE__ */ jsx(
|
|
26432
26432
|
"span",
|
|
26433
26433
|
{
|
|
26434
|
-
className:
|
|
26434
|
+
className: cn(
|
|
26435
26435
|
theme.slots.treeNodeLabel,
|
|
26436
26436
|
classNames?.nodeLabel,
|
|
26437
26437
|
classNames?.itemLabel
|
|
@@ -26442,7 +26442,7 @@ function DataExplorerViewTree({
|
|
|
26442
26442
|
node.description ? /* @__PURE__ */ jsx(
|
|
26443
26443
|
"span",
|
|
26444
26444
|
{
|
|
26445
|
-
className:
|
|
26445
|
+
className: cn(
|
|
26446
26446
|
theme.slots.treeNodeDescription,
|
|
26447
26447
|
classNames?.nodeDescription
|
|
26448
26448
|
),
|
|
@@ -26450,8 +26450,8 @@ function DataExplorerViewTree({
|
|
|
26450
26450
|
}
|
|
26451
26451
|
) : null
|
|
26452
26452
|
] }),
|
|
26453
|
-
node.meta ? /* @__PURE__ */ jsx("span", { className:
|
|
26454
|
-
node.badge ? /* @__PURE__ */ jsx("span", { className:
|
|
26453
|
+
node.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
|
|
26454
|
+
node.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
|
|
26455
26455
|
renderActions(actions, { type: "node", node, group })
|
|
26456
26456
|
]
|
|
26457
26457
|
}
|
|
@@ -26459,7 +26459,7 @@ function DataExplorerViewTree({
|
|
|
26459
26459
|
hasChildren && isExpanded ? /* @__PURE__ */ jsx(
|
|
26460
26460
|
"div",
|
|
26461
26461
|
{
|
|
26462
|
-
className:
|
|
26462
|
+
className: cn(
|
|
26463
26463
|
theme.slots.treeNodeChildren,
|
|
26464
26464
|
classNames?.nodeChildren,
|
|
26465
26465
|
classNames?.list
|
|
@@ -26472,22 +26472,22 @@ function DataExplorerViewTree({
|
|
|
26472
26472
|
node.id
|
|
26473
26473
|
);
|
|
26474
26474
|
};
|
|
26475
|
-
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className:
|
|
26475
|
+
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
|
|
26476
26476
|
if (loading) {
|
|
26477
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
26477
|
+
return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
26478
26478
|
loadingContent,
|
|
26479
26479
|
theme.slots.treeLoading,
|
|
26480
26480
|
classNames?.loading
|
|
26481
26481
|
) });
|
|
26482
26482
|
}
|
|
26483
26483
|
if (error) {
|
|
26484
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
26484
|
+
return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
|
|
26485
26485
|
}
|
|
26486
26486
|
const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
|
|
26487
26487
|
const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
|
|
26488
26488
|
const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
|
|
26489
26489
|
if (shouldRenderGlobalEmpty) {
|
|
26490
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
26490
|
+
return /* @__PURE__ */ jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
26491
26491
|
emptyContent,
|
|
26492
26492
|
theme.slots.treeEmpty,
|
|
26493
26493
|
classNames?.empty
|
|
@@ -26496,7 +26496,7 @@ function DataExplorerViewTree({
|
|
|
26496
26496
|
return /* @__PURE__ */ jsx(
|
|
26497
26497
|
"div",
|
|
26498
26498
|
{
|
|
26499
|
-
className:
|
|
26499
|
+
className: cn(theme.slots.treeRoot, classNames?.root, className),
|
|
26500
26500
|
role: hasAnyNodes ? "tree" : void 0,
|
|
26501
26501
|
children: resolvedGroups.map((group) => {
|
|
26502
26502
|
const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
|
|
@@ -26509,12 +26509,12 @@ function DataExplorerViewTree({
|
|
|
26509
26509
|
{
|
|
26510
26510
|
"data-data-explorer-entry": "group",
|
|
26511
26511
|
"data-data-explorer-group-id": group.id,
|
|
26512
|
-
className:
|
|
26512
|
+
className: cn(theme.slots.treeGroup, classNames?.group, group.className),
|
|
26513
26513
|
children: [
|
|
26514
26514
|
!group.hideHeader ? /* @__PURE__ */ jsxs(
|
|
26515
26515
|
"div",
|
|
26516
26516
|
{
|
|
26517
|
-
className:
|
|
26517
|
+
className: cn(
|
|
26518
26518
|
theme.slots.treeGroupHeader,
|
|
26519
26519
|
theme.slots.treeGroupHeaderButton,
|
|
26520
26520
|
groupSelected && theme.slots.treeNodeSelected,
|
|
@@ -26527,7 +26527,7 @@ function DataExplorerViewTree({
|
|
|
26527
26527
|
"button",
|
|
26528
26528
|
{
|
|
26529
26529
|
type: "button",
|
|
26530
|
-
className:
|
|
26530
|
+
className: cn(
|
|
26531
26531
|
"flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
26532
26532
|
classNames?.groupLabel
|
|
26533
26533
|
),
|
|
@@ -26544,7 +26544,7 @@ function DataExplorerViewTree({
|
|
|
26544
26544
|
group.icon ? /* @__PURE__ */ jsx(
|
|
26545
26545
|
"span",
|
|
26546
26546
|
{
|
|
26547
|
-
className:
|
|
26547
|
+
className: cn(
|
|
26548
26548
|
theme.slots.treeNodeIcon,
|
|
26549
26549
|
classNames?.nodeIcon,
|
|
26550
26550
|
classNames?.itemIcon
|
|
@@ -26556,7 +26556,7 @@ function DataExplorerViewTree({
|
|
|
26556
26556
|
group.label ? /* @__PURE__ */ jsx(
|
|
26557
26557
|
"span",
|
|
26558
26558
|
{
|
|
26559
|
-
className:
|
|
26559
|
+
className: cn(
|
|
26560
26560
|
theme.slots.treeNodeLabel,
|
|
26561
26561
|
classNames?.nodeLabel,
|
|
26562
26562
|
classNames?.itemLabel
|
|
@@ -26567,7 +26567,7 @@ function DataExplorerViewTree({
|
|
|
26567
26567
|
group.description ? /* @__PURE__ */ jsx(
|
|
26568
26568
|
"span",
|
|
26569
26569
|
{
|
|
26570
|
-
className:
|
|
26570
|
+
className: cn(
|
|
26571
26571
|
theme.slots.treeNodeDescription,
|
|
26572
26572
|
classNames?.nodeDescription
|
|
26573
26573
|
),
|
|
@@ -26575,8 +26575,8 @@ function DataExplorerViewTree({
|
|
|
26575
26575
|
}
|
|
26576
26576
|
) : null
|
|
26577
26577
|
] }),
|
|
26578
|
-
group.meta ? /* @__PURE__ */ jsx("span", { className:
|
|
26579
|
-
group.badge ? /* @__PURE__ */ jsx("span", { className:
|
|
26578
|
+
group.meta ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
|
|
26579
|
+
group.badge ? /* @__PURE__ */ jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
|
|
26580
26580
|
]
|
|
26581
26581
|
}
|
|
26582
26582
|
),
|
|
@@ -26584,7 +26584,7 @@ function DataExplorerViewTree({
|
|
|
26584
26584
|
"button",
|
|
26585
26585
|
{
|
|
26586
26586
|
type: "button",
|
|
26587
|
-
className:
|
|
26587
|
+
className: cn(theme.slots.treeNodeToggle, classNames?.expander),
|
|
26588
26588
|
"aria-label": groupExpanded ? collapseLabel : expandLabel,
|
|
26589
26589
|
"aria-expanded": groupExpanded,
|
|
26590
26590
|
onClick: () => setGroupExpanded(group.id, !groupExpanded),
|
|
@@ -26598,7 +26598,7 @@ function DataExplorerViewTree({
|
|
|
26598
26598
|
groupExpanded ? /* @__PURE__ */ jsx(
|
|
26599
26599
|
"div",
|
|
26600
26600
|
{
|
|
26601
|
-
className:
|
|
26601
|
+
className: cn(
|
|
26602
26602
|
theme.slots.treeGroupContent,
|
|
26603
26603
|
classNames?.groupContent,
|
|
26604
26604
|
classNames?.list
|