@inf-monkeys-tech/monkeys-design 1.0.111 → 1.0.112
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 +7 -1
- package/dist/components/data-explorer/index.js.map +1 -1
- package/dist/components/data-explorer/index.mjs +7 -1
- package/dist/components/data-explorer/index.mjs.map +1 -1
- package/dist/components/navigation-sidebar/index.js +122 -53
- package/dist/components/navigation-sidebar/index.js.map +1 -1
- package/dist/components/navigation-sidebar/index.mjs +122 -53
- package/dist/components/navigation-sidebar/index.mjs.map +1 -1
- package/dist/components/workbench/index.js +122 -53
- package/dist/components/workbench/index.js.map +1 -1
- package/dist/components/workbench/index.mjs +122 -53
- package/dist/components/workbench/index.mjs.map +1 -1
- package/dist/index.js +122 -53
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +122 -53
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -22374,7 +22374,13 @@ function mergeStyles2(...sources) {
|
|
|
22374
22374
|
);
|
|
22375
22375
|
}
|
|
22376
22376
|
function getPresetDefaults2(preset) {
|
|
22377
|
-
|
|
22377
|
+
const defaults = presetDefaults2[preset];
|
|
22378
|
+
if (!defaults) {
|
|
22379
|
+
throw new TypeError(
|
|
22380
|
+
`Unknown Data Explorer theme preset "${String(preset)}". Expected one of: ${Object.keys(presetDefaults2).join(", ")}.`
|
|
22381
|
+
);
|
|
22382
|
+
}
|
|
22383
|
+
return defaults;
|
|
22378
22384
|
}
|
|
22379
22385
|
function resolveDataExplorerAppearance(appearance) {
|
|
22380
22386
|
const preset = appearance?.preset ?? "default";
|
|
@@ -27009,7 +27015,46 @@ function resolveAppearance(appearance) {
|
|
|
27009
27015
|
surface === "outlined" && "border-border bg-background text-foreground shadow-none"
|
|
27010
27016
|
),
|
|
27011
27017
|
itemHeight: density === "compact" ? "min-h-9" : density === "comfortable" ? "min-h-14" : "min-h-11",
|
|
27012
|
-
itemPadding: density === "compact" ? "px-2 py-1.5" : density === "comfortable" ? "px-3 py-3" : "px-3 py-2"
|
|
27018
|
+
itemPadding: density === "compact" ? "px-2 py-1.5" : density === "comfortable" ? "px-3 py-3" : "px-3 py-2",
|
|
27019
|
+
searchHeight: density === "compact" ? "h-8" : density === "comfortable" ? "h-10" : "h-9"
|
|
27020
|
+
};
|
|
27021
|
+
}
|
|
27022
|
+
var navigationTreeRowHoverClassName = "hover:bg-[var(--monkeys-component-navigation-sidebar-tree-row-hover-background,hsl(var(--muted)))] hover:text-[var(--monkeys-component-navigation-sidebar-tree-row-hover-foreground,hsl(var(--foreground)))]";
|
|
27023
|
+
var navigationTreeRowSelectedClassName = "bg-[var(--monkeys-component-navigation-sidebar-tree-row-selected-background,hsl(var(--accent)))] text-[var(--monkeys-component-navigation-sidebar-tree-row-selected-foreground,hsl(var(--accent-foreground)))] hover:bg-[var(--monkeys-component-navigation-sidebar-tree-row-selected-background,hsl(var(--accent)))] hover:text-[var(--monkeys-component-navigation-sidebar-tree-row-selected-foreground,hsl(var(--accent-foreground)))]";
|
|
27024
|
+
var navigationTreeNestedControlClassName = "hover:!bg-transparent hover:!text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
|
|
27025
|
+
function resolveNavigationTreeClassNames(classNames) {
|
|
27026
|
+
return {
|
|
27027
|
+
...classNames,
|
|
27028
|
+
groupHeader: cn(navigationTreeRowHoverClassName, classNames?.groupHeader),
|
|
27029
|
+
itemSelected: cn(
|
|
27030
|
+
navigationTreeRowSelectedClassName,
|
|
27031
|
+
classNames?.itemSelected
|
|
27032
|
+
),
|
|
27033
|
+
nodeButton: cn(
|
|
27034
|
+
navigationTreeRowHoverClassName,
|
|
27035
|
+
"aria-selected:bg-[var(--monkeys-component-navigation-sidebar-tree-row-selected-background,hsl(var(--accent)))] aria-selected:text-[var(--monkeys-component-navigation-sidebar-tree-row-selected-foreground,hsl(var(--accent-foreground)))] aria-selected:hover:bg-[var(--monkeys-component-navigation-sidebar-tree-row-selected-background,hsl(var(--accent)))] aria-selected:hover:text-[var(--monkeys-component-navigation-sidebar-tree-row-selected-foreground,hsl(var(--accent-foreground)))]",
|
|
27036
|
+
classNames?.nodeButton
|
|
27037
|
+
),
|
|
27038
|
+
expander: cn(
|
|
27039
|
+
navigationTreeNestedControlClassName,
|
|
27040
|
+
classNames?.expander
|
|
27041
|
+
),
|
|
27042
|
+
nodeToggle: cn(
|
|
27043
|
+
navigationTreeNestedControlClassName,
|
|
27044
|
+
classNames?.nodeToggle
|
|
27045
|
+
),
|
|
27046
|
+
groupActions: cn(
|
|
27047
|
+
navigationTreeNestedControlClassName,
|
|
27048
|
+
classNames?.groupActions
|
|
27049
|
+
),
|
|
27050
|
+
nodeActions: cn(
|
|
27051
|
+
navigationTreeNestedControlClassName,
|
|
27052
|
+
classNames?.nodeActions
|
|
27053
|
+
),
|
|
27054
|
+
nodeDragHandle: cn(
|
|
27055
|
+
navigationTreeNestedControlClassName,
|
|
27056
|
+
classNames?.nodeDragHandle
|
|
27057
|
+
)
|
|
27013
27058
|
};
|
|
27014
27059
|
}
|
|
27015
27060
|
function EntryButton({
|
|
@@ -27632,7 +27677,13 @@ function NavigationSidebarInner(props, ref) {
|
|
|
27632
27677
|
);
|
|
27633
27678
|
}
|
|
27634
27679
|
const treeProps = props.tree;
|
|
27635
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
27680
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
27681
|
+
DataExplorerViewTree,
|
|
27682
|
+
{
|
|
27683
|
+
...treeProps,
|
|
27684
|
+
classNames: resolveNavigationTreeClassNames(treeProps.classNames)
|
|
27685
|
+
}
|
|
27686
|
+
);
|
|
27636
27687
|
};
|
|
27637
27688
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
27638
27689
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -27728,61 +27779,79 @@ function NavigationSidebarInner(props, ref) {
|
|
|
27728
27779
|
]
|
|
27729
27780
|
}
|
|
27730
27781
|
) : null,
|
|
27731
|
-
!resolvedCollapsed && props.search ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
27732
|
-
|
|
27733
|
-
|
|
27734
|
-
|
|
27735
|
-
|
|
27736
|
-
|
|
27737
|
-
|
|
27738
|
-
|
|
27739
|
-
"
|
|
27740
|
-
|
|
27741
|
-
|
|
27742
|
-
|
|
27743
|
-
|
|
27744
|
-
|
|
27745
|
-
|
|
27746
|
-
|
|
27747
|
-
|
|
27748
|
-
|
|
27749
|
-
|
|
27750
|
-
|
|
27751
|
-
|
|
27752
|
-
|
|
27753
|
-
|
|
27754
|
-
|
|
27755
|
-
|
|
27756
|
-
|
|
27757
|
-
|
|
27758
|
-
|
|
27782
|
+
!resolvedCollapsed && props.search ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
27783
|
+
"div",
|
|
27784
|
+
{
|
|
27785
|
+
className: cn(
|
|
27786
|
+
"px-[var(--monkeys-component-navigation-sidebar-content-inline-padding,var(--global-spacing,0.75rem))] pb-2 pt-3",
|
|
27787
|
+
props.classNames?.search
|
|
27788
|
+
),
|
|
27789
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
27790
|
+
"div",
|
|
27791
|
+
{
|
|
27792
|
+
className: cn(
|
|
27793
|
+
"flex items-center gap-2 rounded-md border border-input bg-[var(--monkeys-component-navigation-sidebar-search-background,hsl(var(--monkeys-color-control-surface)))] px-3 text-muted-foreground ring-offset-control-surface focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
|
|
27794
|
+
appearance.searchHeight
|
|
27795
|
+
),
|
|
27796
|
+
children: [
|
|
27797
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
27798
|
+
"span",
|
|
27799
|
+
{
|
|
27800
|
+
className: cn(
|
|
27801
|
+
"flex shrink-0",
|
|
27802
|
+
props.classNames?.searchIcon
|
|
27803
|
+
),
|
|
27804
|
+
"aria-hidden": "true",
|
|
27805
|
+
children: props.search.icon ?? /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, {})
|
|
27806
|
+
}
|
|
27807
|
+
),
|
|
27808
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
27809
|
+
"input",
|
|
27810
|
+
{
|
|
27811
|
+
type: "search",
|
|
27812
|
+
value: resolvedSearchValue,
|
|
27813
|
+
placeholder: props.search.placeholder,
|
|
27814
|
+
"aria-label": props.search.ariaLabel,
|
|
27815
|
+
className: cn(
|
|
27816
|
+
"min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground",
|
|
27817
|
+
props.classNames?.searchInput
|
|
27818
|
+
),
|
|
27819
|
+
onChange: (event) => {
|
|
27820
|
+
const nextValue = event.currentTarget.value;
|
|
27821
|
+
if (props.search?.value === void 0)
|
|
27822
|
+
setInternalSearchValue(nextValue);
|
|
27823
|
+
props.search?.onValueChange?.(nextValue);
|
|
27824
|
+
}
|
|
27825
|
+
}
|
|
27826
|
+
),
|
|
27827
|
+
resolvedSearchValue && props.search.clearLabel ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
27828
|
+
"button",
|
|
27829
|
+
{
|
|
27830
|
+
type: "button",
|
|
27831
|
+
className: cn(
|
|
27832
|
+
"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
27833
|
+
props.classNames?.searchClear
|
|
27834
|
+
),
|
|
27835
|
+
"aria-label": props.search.clearLabel,
|
|
27836
|
+
title: props.search.clearLabel,
|
|
27837
|
+
onClick: () => {
|
|
27838
|
+
if (props.search?.value === void 0)
|
|
27839
|
+
setInternalSearchValue("");
|
|
27840
|
+
props.search?.onValueChange?.("");
|
|
27841
|
+
},
|
|
27842
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ClearIcon, {})
|
|
27843
|
+
}
|
|
27844
|
+
) : null
|
|
27845
|
+
]
|
|
27759
27846
|
}
|
|
27760
|
-
|
|
27761
|
-
|
|
27762
|
-
|
|
27763
|
-
"button",
|
|
27764
|
-
{
|
|
27765
|
-
type: "button",
|
|
27766
|
-
className: cn(
|
|
27767
|
-
"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
27768
|
-
props.classNames?.searchClear
|
|
27769
|
-
),
|
|
27770
|
-
"aria-label": props.search.clearLabel,
|
|
27771
|
-
title: props.search.clearLabel,
|
|
27772
|
-
onClick: () => {
|
|
27773
|
-
if (props.search?.value === void 0)
|
|
27774
|
-
setInternalSearchValue("");
|
|
27775
|
-
props.search?.onValueChange?.("");
|
|
27776
|
-
},
|
|
27777
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(ClearIcon, {})
|
|
27778
|
-
}
|
|
27779
|
-
) : null
|
|
27780
|
-
] }) }) : null,
|
|
27847
|
+
)
|
|
27848
|
+
}
|
|
27849
|
+
) : null,
|
|
27781
27850
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
27782
27851
|
"div",
|
|
27783
27852
|
{
|
|
27784
27853
|
className: cn(
|
|
27785
|
-
"min-h-0 flex-1 overflow-y-auto
|
|
27854
|
+
"min-h-0 flex-1 overflow-y-auto px-[var(--monkeys-component-navigation-sidebar-content-inline-padding,var(--global-spacing,0.75rem))] py-3",
|
|
27786
27855
|
resolvedCollapsed && "px-1.5",
|
|
27787
27856
|
props.classNames?.content
|
|
27788
27857
|
),
|