@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.js
CHANGED
|
@@ -26024,7 +26024,7 @@ function ChevronIcon({ expanded }) {
|
|
|
26024
26024
|
{
|
|
26025
26025
|
"aria-hidden": "true",
|
|
26026
26026
|
viewBox: "0 0 24 24",
|
|
26027
|
-
className:
|
|
26027
|
+
className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
|
|
26028
26028
|
fill: "none",
|
|
26029
26029
|
stroke: "currentColor",
|
|
26030
26030
|
strokeLinecap: "round",
|
|
@@ -26251,10 +26251,10 @@ function DataExplorerViewTree({
|
|
|
26251
26251
|
type: "button",
|
|
26252
26252
|
title: actionLabel,
|
|
26253
26253
|
"aria-label": actionLabel,
|
|
26254
|
-
className:
|
|
26254
|
+
className: cn(
|
|
26255
26255
|
theme.slots.menuTrigger,
|
|
26256
26256
|
target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
|
|
26257
|
-
target.type === "group" ? classNames?.groupActions :
|
|
26257
|
+
target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
|
|
26258
26258
|
),
|
|
26259
26259
|
onClick: (event) => event.stopPropagation(),
|
|
26260
26260
|
children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon3, {})
|
|
@@ -26265,7 +26265,7 @@ function DataExplorerViewTree({
|
|
|
26265
26265
|
{
|
|
26266
26266
|
align: "end",
|
|
26267
26267
|
sideOffset: 6,
|
|
26268
|
-
className:
|
|
26268
|
+
className: cn(theme.slots.menuContent, classNames?.menuContent),
|
|
26269
26269
|
style: theme.styles.menuContent,
|
|
26270
26270
|
onClick: (event) => event.stopPropagation(),
|
|
26271
26271
|
children: visibleActions.map((action) => {
|
|
@@ -26282,7 +26282,7 @@ function DataExplorerViewTree({
|
|
|
26282
26282
|
{
|
|
26283
26283
|
title: action.title,
|
|
26284
26284
|
disabled,
|
|
26285
|
-
className:
|
|
26285
|
+
className: cn(
|
|
26286
26286
|
theme.slots.menuItem,
|
|
26287
26287
|
getDataExplorerMenuItemToneClassName(theme, action.tone),
|
|
26288
26288
|
active && "bg-accent text-accent-foreground",
|
|
@@ -26360,7 +26360,7 @@ function DataExplorerViewTree({
|
|
|
26360
26360
|
"data-data-explorer-entry": "node",
|
|
26361
26361
|
"data-data-explorer-node-id": node.id,
|
|
26362
26362
|
"data-data-explorer-group-id": group?.id,
|
|
26363
|
-
className:
|
|
26363
|
+
className: cn(
|
|
26364
26364
|
theme.slots.treeNode,
|
|
26365
26365
|
classNames?.node,
|
|
26366
26366
|
classNames?.item,
|
|
@@ -26381,7 +26381,7 @@ function DataExplorerViewTree({
|
|
|
26381
26381
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
26382
26382
|
"div",
|
|
26383
26383
|
{
|
|
26384
|
-
className:
|
|
26384
|
+
className: cn(
|
|
26385
26385
|
theme.slots.treeNodeButton,
|
|
26386
26386
|
isSelected && theme.slots.treeNodeSelected,
|
|
26387
26387
|
node.disabled && theme.slots.treeNodeDisabled,
|
|
@@ -26416,7 +26416,7 @@ function DataExplorerViewTree({
|
|
|
26416
26416
|
"span",
|
|
26417
26417
|
{
|
|
26418
26418
|
draggable: true,
|
|
26419
|
-
className:
|
|
26419
|
+
className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
|
|
26420
26420
|
onClick: (event) => event.stopPropagation(),
|
|
26421
26421
|
onDragStart: (event) => {
|
|
26422
26422
|
event.stopPropagation();
|
|
@@ -26438,7 +26438,7 @@ function DataExplorerViewTree({
|
|
|
26438
26438
|
"button",
|
|
26439
26439
|
{
|
|
26440
26440
|
type: "button",
|
|
26441
|
-
className:
|
|
26441
|
+
className: cn(
|
|
26442
26442
|
theme.slots.treeNodeToggle,
|
|
26443
26443
|
classNames?.nodeToggle,
|
|
26444
26444
|
classNames?.expander
|
|
@@ -26450,11 +26450,11 @@ function DataExplorerViewTree({
|
|
|
26450
26450
|
},
|
|
26451
26451
|
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { expanded: isExpanded })
|
|
26452
26452
|
}
|
|
26453
|
-
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
26453
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
|
|
26454
26454
|
node.icon ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26455
26455
|
"span",
|
|
26456
26456
|
{
|
|
26457
|
-
className:
|
|
26457
|
+
className: cn(
|
|
26458
26458
|
theme.slots.treeNodeIcon,
|
|
26459
26459
|
classNames?.nodeIcon,
|
|
26460
26460
|
classNames?.itemIcon
|
|
@@ -26466,7 +26466,7 @@ function DataExplorerViewTree({
|
|
|
26466
26466
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
26467
26467
|
"span",
|
|
26468
26468
|
{
|
|
26469
|
-
className:
|
|
26469
|
+
className: cn(
|
|
26470
26470
|
theme.slots.treeNodeLabel,
|
|
26471
26471
|
classNames?.nodeLabel,
|
|
26472
26472
|
classNames?.itemLabel
|
|
@@ -26477,7 +26477,7 @@ function DataExplorerViewTree({
|
|
|
26477
26477
|
node.description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26478
26478
|
"span",
|
|
26479
26479
|
{
|
|
26480
|
-
className:
|
|
26480
|
+
className: cn(
|
|
26481
26481
|
theme.slots.treeNodeDescription,
|
|
26482
26482
|
classNames?.nodeDescription
|
|
26483
26483
|
),
|
|
@@ -26485,8 +26485,8 @@ function DataExplorerViewTree({
|
|
|
26485
26485
|
}
|
|
26486
26486
|
) : null
|
|
26487
26487
|
] }),
|
|
26488
|
-
node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
26489
|
-
node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
26488
|
+
node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
|
|
26489
|
+
node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
|
|
26490
26490
|
renderActions(actions, { type: "node", node, group })
|
|
26491
26491
|
]
|
|
26492
26492
|
}
|
|
@@ -26494,7 +26494,7 @@ function DataExplorerViewTree({
|
|
|
26494
26494
|
hasChildren && isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26495
26495
|
"div",
|
|
26496
26496
|
{
|
|
26497
|
-
className:
|
|
26497
|
+
className: cn(
|
|
26498
26498
|
theme.slots.treeNodeChildren,
|
|
26499
26499
|
classNames?.nodeChildren,
|
|
26500
26500
|
classNames?.list
|
|
@@ -26507,22 +26507,22 @@ function DataExplorerViewTree({
|
|
|
26507
26507
|
node.id
|
|
26508
26508
|
);
|
|
26509
26509
|
};
|
|
26510
|
-
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
26510
|
+
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
|
|
26511
26511
|
if (loading) {
|
|
26512
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
26512
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
26513
26513
|
loadingContent,
|
|
26514
26514
|
theme.slots.treeLoading,
|
|
26515
26515
|
classNames?.loading
|
|
26516
26516
|
) });
|
|
26517
26517
|
}
|
|
26518
26518
|
if (error) {
|
|
26519
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
26519
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
|
|
26520
26520
|
}
|
|
26521
26521
|
const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
|
|
26522
26522
|
const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
|
|
26523
26523
|
const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
|
|
26524
26524
|
if (shouldRenderGlobalEmpty) {
|
|
26525
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
26525
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
26526
26526
|
emptyContent,
|
|
26527
26527
|
theme.slots.treeEmpty,
|
|
26528
26528
|
classNames?.empty
|
|
@@ -26531,7 +26531,7 @@ function DataExplorerViewTree({
|
|
|
26531
26531
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
26532
26532
|
"div",
|
|
26533
26533
|
{
|
|
26534
|
-
className:
|
|
26534
|
+
className: cn(theme.slots.treeRoot, classNames?.root, className),
|
|
26535
26535
|
role: hasAnyNodes ? "tree" : void 0,
|
|
26536
26536
|
children: resolvedGroups.map((group) => {
|
|
26537
26537
|
const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
|
|
@@ -26544,12 +26544,12 @@ function DataExplorerViewTree({
|
|
|
26544
26544
|
{
|
|
26545
26545
|
"data-data-explorer-entry": "group",
|
|
26546
26546
|
"data-data-explorer-group-id": group.id,
|
|
26547
|
-
className:
|
|
26547
|
+
className: cn(theme.slots.treeGroup, classNames?.group, group.className),
|
|
26548
26548
|
children: [
|
|
26549
26549
|
!group.hideHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
26550
26550
|
"div",
|
|
26551
26551
|
{
|
|
26552
|
-
className:
|
|
26552
|
+
className: cn(
|
|
26553
26553
|
theme.slots.treeGroupHeader,
|
|
26554
26554
|
theme.slots.treeGroupHeaderButton,
|
|
26555
26555
|
groupSelected && theme.slots.treeNodeSelected,
|
|
@@ -26562,7 +26562,7 @@ function DataExplorerViewTree({
|
|
|
26562
26562
|
"button",
|
|
26563
26563
|
{
|
|
26564
26564
|
type: "button",
|
|
26565
|
-
className:
|
|
26565
|
+
className: cn(
|
|
26566
26566
|
"flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
26567
26567
|
classNames?.groupLabel
|
|
26568
26568
|
),
|
|
@@ -26579,7 +26579,7 @@ function DataExplorerViewTree({
|
|
|
26579
26579
|
group.icon ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26580
26580
|
"span",
|
|
26581
26581
|
{
|
|
26582
|
-
className:
|
|
26582
|
+
className: cn(
|
|
26583
26583
|
theme.slots.treeNodeIcon,
|
|
26584
26584
|
classNames?.nodeIcon,
|
|
26585
26585
|
classNames?.itemIcon
|
|
@@ -26591,7 +26591,7 @@ function DataExplorerViewTree({
|
|
|
26591
26591
|
group.label ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26592
26592
|
"span",
|
|
26593
26593
|
{
|
|
26594
|
-
className:
|
|
26594
|
+
className: cn(
|
|
26595
26595
|
theme.slots.treeNodeLabel,
|
|
26596
26596
|
classNames?.nodeLabel,
|
|
26597
26597
|
classNames?.itemLabel
|
|
@@ -26602,7 +26602,7 @@ function DataExplorerViewTree({
|
|
|
26602
26602
|
group.description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26603
26603
|
"span",
|
|
26604
26604
|
{
|
|
26605
|
-
className:
|
|
26605
|
+
className: cn(
|
|
26606
26606
|
theme.slots.treeNodeDescription,
|
|
26607
26607
|
classNames?.nodeDescription
|
|
26608
26608
|
),
|
|
@@ -26610,8 +26610,8 @@ function DataExplorerViewTree({
|
|
|
26610
26610
|
}
|
|
26611
26611
|
) : null
|
|
26612
26612
|
] }),
|
|
26613
|
-
group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
26614
|
-
group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
26613
|
+
group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
|
|
26614
|
+
group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
|
|
26615
26615
|
]
|
|
26616
26616
|
}
|
|
26617
26617
|
),
|
|
@@ -26619,7 +26619,7 @@ function DataExplorerViewTree({
|
|
|
26619
26619
|
"button",
|
|
26620
26620
|
{
|
|
26621
26621
|
type: "button",
|
|
26622
|
-
className:
|
|
26622
|
+
className: cn(theme.slots.treeNodeToggle, classNames?.expander),
|
|
26623
26623
|
"aria-label": groupExpanded ? collapseLabel : expandLabel,
|
|
26624
26624
|
"aria-expanded": groupExpanded,
|
|
26625
26625
|
onClick: () => setGroupExpanded(group.id, !groupExpanded),
|
|
@@ -26633,7 +26633,7 @@ function DataExplorerViewTree({
|
|
|
26633
26633
|
groupExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
26634
26634
|
"div",
|
|
26635
26635
|
{
|
|
26636
|
-
className:
|
|
26636
|
+
className: cn(
|
|
26637
26637
|
theme.slots.treeGroupContent,
|
|
26638
26638
|
classNames?.groupContent,
|
|
26639
26639
|
classNames?.list
|