@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
|
@@ -2445,7 +2445,7 @@ function ChevronIcon({ expanded }) {
|
|
|
2445
2445
|
{
|
|
2446
2446
|
"aria-hidden": "true",
|
|
2447
2447
|
viewBox: "0 0 24 24",
|
|
2448
|
-
className:
|
|
2448
|
+
className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-90"),
|
|
2449
2449
|
fill: "none",
|
|
2450
2450
|
stroke: "currentColor",
|
|
2451
2451
|
strokeLinecap: "round",
|
|
@@ -2672,10 +2672,10 @@ function DataExplorerViewTree({
|
|
|
2672
2672
|
type: "button",
|
|
2673
2673
|
title: actionLabel,
|
|
2674
2674
|
"aria-label": actionLabel,
|
|
2675
|
-
className:
|
|
2675
|
+
className: cn(
|
|
2676
2676
|
theme.slots.menuTrigger,
|
|
2677
2677
|
target.type === "group" ? theme.slots.treeGroupActions : theme.slots.treeNodeActions,
|
|
2678
|
-
target.type === "group" ? classNames?.groupActions :
|
|
2678
|
+
target.type === "group" ? classNames?.groupActions : cn(classNames?.nodeActions, classNames?.itemActions)
|
|
2679
2679
|
),
|
|
2680
2680
|
onClick: (event) => event.stopPropagation(),
|
|
2681
2681
|
children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon, {})
|
|
@@ -2686,7 +2686,7 @@ function DataExplorerViewTree({
|
|
|
2686
2686
|
{
|
|
2687
2687
|
align: "end",
|
|
2688
2688
|
sideOffset: 6,
|
|
2689
|
-
className:
|
|
2689
|
+
className: cn(theme.slots.menuContent, classNames?.menuContent),
|
|
2690
2690
|
style: theme.styles.menuContent,
|
|
2691
2691
|
onClick: (event) => event.stopPropagation(),
|
|
2692
2692
|
children: visibleActions.map((action) => {
|
|
@@ -2703,7 +2703,7 @@ function DataExplorerViewTree({
|
|
|
2703
2703
|
{
|
|
2704
2704
|
title: action.title,
|
|
2705
2705
|
disabled,
|
|
2706
|
-
className:
|
|
2706
|
+
className: cn(
|
|
2707
2707
|
theme.slots.menuItem,
|
|
2708
2708
|
getDataExplorerMenuItemToneClassName(theme, action.tone),
|
|
2709
2709
|
active && "bg-accent text-accent-foreground",
|
|
@@ -2781,7 +2781,7 @@ function DataExplorerViewTree({
|
|
|
2781
2781
|
"data-data-explorer-entry": "node",
|
|
2782
2782
|
"data-data-explorer-node-id": node.id,
|
|
2783
2783
|
"data-data-explorer-group-id": group?.id,
|
|
2784
|
-
className:
|
|
2784
|
+
className: cn(
|
|
2785
2785
|
theme.slots.treeNode,
|
|
2786
2786
|
classNames?.node,
|
|
2787
2787
|
classNames?.item,
|
|
@@ -2802,7 +2802,7 @@ function DataExplorerViewTree({
|
|
|
2802
2802
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2803
2803
|
"div",
|
|
2804
2804
|
{
|
|
2805
|
-
className:
|
|
2805
|
+
className: cn(
|
|
2806
2806
|
theme.slots.treeNodeButton,
|
|
2807
2807
|
isSelected && theme.slots.treeNodeSelected,
|
|
2808
2808
|
node.disabled && theme.slots.treeNodeDisabled,
|
|
@@ -2837,7 +2837,7 @@ function DataExplorerViewTree({
|
|
|
2837
2837
|
"span",
|
|
2838
2838
|
{
|
|
2839
2839
|
draggable: true,
|
|
2840
|
-
className:
|
|
2840
|
+
className: cn(theme.slots.treeNodeDragHandle, classNames?.nodeDragHandle),
|
|
2841
2841
|
onClick: (event) => event.stopPropagation(),
|
|
2842
2842
|
onDragStart: (event) => {
|
|
2843
2843
|
event.stopPropagation();
|
|
@@ -2859,7 +2859,7 @@ function DataExplorerViewTree({
|
|
|
2859
2859
|
"button",
|
|
2860
2860
|
{
|
|
2861
2861
|
type: "button",
|
|
2862
|
-
className:
|
|
2862
|
+
className: cn(
|
|
2863
2863
|
theme.slots.treeNodeToggle,
|
|
2864
2864
|
classNames?.nodeToggle,
|
|
2865
2865
|
classNames?.expander
|
|
@@ -2871,11 +2871,11 @@ function DataExplorerViewTree({
|
|
|
2871
2871
|
},
|
|
2872
2872
|
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { expanded: isExpanded })
|
|
2873
2873
|
}
|
|
2874
|
-
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2874
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeToggle, classNames?.nodeToggle) }),
|
|
2875
2875
|
node.icon ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2876
2876
|
"span",
|
|
2877
2877
|
{
|
|
2878
|
-
className:
|
|
2878
|
+
className: cn(
|
|
2879
2879
|
theme.slots.treeNodeIcon,
|
|
2880
2880
|
classNames?.nodeIcon,
|
|
2881
2881
|
classNames?.itemIcon
|
|
@@ -2887,7 +2887,7 @@ function DataExplorerViewTree({
|
|
|
2887
2887
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2888
2888
|
"span",
|
|
2889
2889
|
{
|
|
2890
|
-
className:
|
|
2890
|
+
className: cn(
|
|
2891
2891
|
theme.slots.treeNodeLabel,
|
|
2892
2892
|
classNames?.nodeLabel,
|
|
2893
2893
|
classNames?.itemLabel
|
|
@@ -2898,7 +2898,7 @@ function DataExplorerViewTree({
|
|
|
2898
2898
|
node.description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2899
2899
|
"span",
|
|
2900
2900
|
{
|
|
2901
|
-
className:
|
|
2901
|
+
className: cn(
|
|
2902
2902
|
theme.slots.treeNodeDescription,
|
|
2903
2903
|
classNames?.nodeDescription
|
|
2904
2904
|
),
|
|
@@ -2906,8 +2906,8 @@ function DataExplorerViewTree({
|
|
|
2906
2906
|
}
|
|
2907
2907
|
) : null
|
|
2908
2908
|
] }),
|
|
2909
|
-
node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2910
|
-
node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2909
|
+
node.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: node.meta }) : null,
|
|
2910
|
+
node.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: node.badge }) : null,
|
|
2911
2911
|
renderActions(actions, { type: "node", node, group })
|
|
2912
2912
|
]
|
|
2913
2913
|
}
|
|
@@ -2915,7 +2915,7 @@ function DataExplorerViewTree({
|
|
|
2915
2915
|
hasChildren && isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2916
2916
|
"div",
|
|
2917
2917
|
{
|
|
2918
|
-
className:
|
|
2918
|
+
className: cn(
|
|
2919
2919
|
theme.slots.treeNodeChildren,
|
|
2920
2920
|
classNames?.nodeChildren,
|
|
2921
2921
|
classNames?.list
|
|
@@ -2928,22 +2928,22 @@ function DataExplorerViewTree({
|
|
|
2928
2928
|
node.id
|
|
2929
2929
|
);
|
|
2930
2930
|
};
|
|
2931
|
-
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2931
|
+
const renderPlaceholder = (content, slotClassName, classNameOverride) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(slotClassName, classNameOverride), children: content });
|
|
2932
2932
|
if (loading) {
|
|
2933
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2933
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
2934
2934
|
loadingContent,
|
|
2935
2935
|
theme.slots.treeLoading,
|
|
2936
2936
|
classNames?.loading
|
|
2937
2937
|
) });
|
|
2938
2938
|
}
|
|
2939
2939
|
if (error) {
|
|
2940
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2940
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(error ?? labels?.error, theme.slots.treeError, classNames?.error) });
|
|
2941
2941
|
}
|
|
2942
2942
|
const hasAnyNodes = resolvedGroups.some((group) => (group.nodes ?? []).length > 0);
|
|
2943
2943
|
const hasAnyGroupState = resolvedGroups.some((group) => group.status === "loading" || group.error);
|
|
2944
2944
|
const shouldRenderGlobalEmpty = !hasAnyNodes && !hasAnyGroupState && (!hasExplicitGroups || resolvedGroups.length === 0);
|
|
2945
2945
|
if (shouldRenderGlobalEmpty) {
|
|
2946
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2946
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(theme.slots.treeRoot, classNames?.root, className), children: renderPlaceholder(
|
|
2947
2947
|
emptyContent,
|
|
2948
2948
|
theme.slots.treeEmpty,
|
|
2949
2949
|
classNames?.empty
|
|
@@ -2952,7 +2952,7 @@ function DataExplorerViewTree({
|
|
|
2952
2952
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2953
2953
|
"div",
|
|
2954
2954
|
{
|
|
2955
|
-
className:
|
|
2955
|
+
className: cn(theme.slots.treeRoot, classNames?.root, className),
|
|
2956
2956
|
role: hasAnyNodes ? "tree" : void 0,
|
|
2957
2957
|
children: resolvedGroups.map((group) => {
|
|
2958
2958
|
const groupExpanded = group.hideHeader || group.collapsible === false || resolvedExpandedGroupIds.has(group.id);
|
|
@@ -2965,12 +2965,12 @@ function DataExplorerViewTree({
|
|
|
2965
2965
|
{
|
|
2966
2966
|
"data-data-explorer-entry": "group",
|
|
2967
2967
|
"data-data-explorer-group-id": group.id,
|
|
2968
|
-
className:
|
|
2968
|
+
className: cn(theme.slots.treeGroup, classNames?.group, group.className),
|
|
2969
2969
|
children: [
|
|
2970
2970
|
!group.hideHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2971
2971
|
"div",
|
|
2972
2972
|
{
|
|
2973
|
-
className:
|
|
2973
|
+
className: cn(
|
|
2974
2974
|
theme.slots.treeGroupHeader,
|
|
2975
2975
|
theme.slots.treeGroupHeaderButton,
|
|
2976
2976
|
groupSelected && theme.slots.treeNodeSelected,
|
|
@@ -2983,7 +2983,7 @@ function DataExplorerViewTree({
|
|
|
2983
2983
|
"button",
|
|
2984
2984
|
{
|
|
2985
2985
|
type: "button",
|
|
2986
|
-
className:
|
|
2986
|
+
className: cn(
|
|
2987
2987
|
"flex min-w-0 flex-1 items-center gap-2 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
2988
2988
|
classNames?.groupLabel
|
|
2989
2989
|
),
|
|
@@ -3000,7 +3000,7 @@ function DataExplorerViewTree({
|
|
|
3000
3000
|
group.icon ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3001
3001
|
"span",
|
|
3002
3002
|
{
|
|
3003
|
-
className:
|
|
3003
|
+
className: cn(
|
|
3004
3004
|
theme.slots.treeNodeIcon,
|
|
3005
3005
|
classNames?.nodeIcon,
|
|
3006
3006
|
classNames?.itemIcon
|
|
@@ -3012,7 +3012,7 @@ function DataExplorerViewTree({
|
|
|
3012
3012
|
group.label ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3013
3013
|
"span",
|
|
3014
3014
|
{
|
|
3015
|
-
className:
|
|
3015
|
+
className: cn(
|
|
3016
3016
|
theme.slots.treeNodeLabel,
|
|
3017
3017
|
classNames?.nodeLabel,
|
|
3018
3018
|
classNames?.itemLabel
|
|
@@ -3023,7 +3023,7 @@ function DataExplorerViewTree({
|
|
|
3023
3023
|
group.description ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3024
3024
|
"span",
|
|
3025
3025
|
{
|
|
3026
|
-
className:
|
|
3026
|
+
className: cn(
|
|
3027
3027
|
theme.slots.treeNodeDescription,
|
|
3028
3028
|
classNames?.nodeDescription
|
|
3029
3029
|
),
|
|
@@ -3031,8 +3031,8 @@ function DataExplorerViewTree({
|
|
|
3031
3031
|
}
|
|
3032
3032
|
) : null
|
|
3033
3033
|
] }),
|
|
3034
|
-
group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3035
|
-
group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3034
|
+
group.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeMeta, classNames?.nodeMeta), children: group.meta }) : null,
|
|
3035
|
+
group.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(theme.slots.treeNodeBadge, classNames?.nodeBadge), children: group.badge }) : null
|
|
3036
3036
|
]
|
|
3037
3037
|
}
|
|
3038
3038
|
),
|
|
@@ -3040,7 +3040,7 @@ function DataExplorerViewTree({
|
|
|
3040
3040
|
"button",
|
|
3041
3041
|
{
|
|
3042
3042
|
type: "button",
|
|
3043
|
-
className:
|
|
3043
|
+
className: cn(theme.slots.treeNodeToggle, classNames?.expander),
|
|
3044
3044
|
"aria-label": groupExpanded ? collapseLabel : expandLabel,
|
|
3045
3045
|
"aria-expanded": groupExpanded,
|
|
3046
3046
|
onClick: () => setGroupExpanded(group.id, !groupExpanded),
|
|
@@ -3054,7 +3054,7 @@ function DataExplorerViewTree({
|
|
|
3054
3054
|
groupExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3055
3055
|
"div",
|
|
3056
3056
|
{
|
|
3057
|
-
className:
|
|
3057
|
+
className: cn(
|
|
3058
3058
|
theme.slots.treeGroupContent,
|
|
3059
3059
|
classNames?.groupContent,
|
|
3060
3060
|
classNames?.list
|