@inf-monkeys-tech/monkeys-design 1.0.96 → 1.0.97
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.d.mts +4 -3
- package/dist/components/data-explorer/index.d.ts +4 -3
- package/dist/components/data-explorer/index.js +158 -35
- package/dist/components/data-explorer/index.js.map +1 -1
- package/dist/components/data-explorer/index.mjs +157 -35
- package/dist/components/data-explorer/index.mjs.map +1 -1
- package/dist/components/navigation-sidebar/index.d.mts +1 -1
- package/dist/components/navigation-sidebar/index.d.ts +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/provider/index.d.mts +1 -1
- package/dist/provider/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme-21107546ded5.d.mts +1 -1
- package/dist/theme-cfefa48a0db1.d.ts +1 -1
- package/dist/{types-72c1ec970e96.d.mts → types-871f198ea40b.d.mts} +32 -1
- package/dist/{types-72c1ec970e96.d.ts → types-871f198ea40b.d.ts} +32 -1
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, d as DataExplorerDetailField, e as DataExplorerDetailSection, f as DataExplorerDetailShell, g as DataExplorerDisplayActionMenu, h as DataExplorerDisplayCard, i as DataExplorerDisplayCollectionView, j as DataExplorerDisplayListItem, k as DataExplorerDisplayMedia, l as DataExplorerFilterBar, m as DataExplorerImagePreview, n as DataExplorerPage, o as DataExplorerRecordCard, p as DataExplorerSelect, q as DataExplorerToolbarActions, r as DataExplorerToolbarShell, s as DataExplorerTree, t as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, z as DataExplorerViewTree, A as getDataExplorerActionToneClassName, B as getDataExplorerMenuItemToneClassName, C as resolveDataExplorerAppearance } from '../../theme-21107546ded5.mjs';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { aL as DataExplorerDraggableTreeProps } from '../../types-
|
|
4
|
-
export { D as DataExplorerAction, a as DataExplorerActionBarClassNames, b as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, y as DataExplorerDisplayAction, z as DataExplorerDisplayActionContext, A as DataExplorerDisplayActionMenuClassNames, B as DataExplorerDisplayActionMenuProps, C as DataExplorerDisplayBadge, E as DataExplorerDisplayCardClassNames, F as DataExplorerDisplayCardProps, G as DataExplorerDisplayCollectionItemContext, H as DataExplorerDisplayCollectionItemPropsResolver, I as DataExplorerDisplayCollectionViewProps, J as DataExplorerDisplayItem, K as DataExplorerDisplayListItemClassNames, L as DataExplorerDisplayListItemProps, M as DataExplorerDisplayMediaClassNames, N as DataExplorerDisplayMediaItem, O as DataExplorerDisplayMediaKind, P as DataExplorerDisplayMediaProps, Q as DataExplorerDisplayMetadata,
|
|
3
|
+
import { aL as DataExplorerSplitButtonProps, aM as DataExplorerDraggableTreeProps } from '../../types-871f198ea40b.mjs';
|
|
4
|
+
export { D as DataExplorerAction, a as DataExplorerActionBarClassNames, b as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, y as DataExplorerDisplayAction, z as DataExplorerDisplayActionContext, A as DataExplorerDisplayActionMenuClassNames, B as DataExplorerDisplayActionMenuProps, C as DataExplorerDisplayBadge, E as DataExplorerDisplayCardClassNames, F as DataExplorerDisplayCardProps, G as DataExplorerDisplayCollectionItemContext, H as DataExplorerDisplayCollectionItemPropsResolver, I as DataExplorerDisplayCollectionViewProps, J as DataExplorerDisplayItem, K as DataExplorerDisplayListItemClassNames, L as DataExplorerDisplayListItemProps, M as DataExplorerDisplayMediaClassNames, N as DataExplorerDisplayMediaItem, O as DataExplorerDisplayMediaKind, P as DataExplorerDisplayMediaProps, Q as DataExplorerDisplayMetadata, aN as DataExplorerDraggableTreeClassNames, aO as DataExplorerDraggableTreeDragPayload, aP as DataExplorerDraggableTreeFlattenedNode, aQ as DataExplorerDraggableTreeLabels, aR as DataExplorerDraggableTreeNode, aS as DataExplorerDraggableTreeRenderContext, R as DataExplorerFilterBarClassNames, S as DataExplorerFilterBarProps, T as DataExplorerImagePreviewClassNames, U as DataExplorerImagePreviewNaturalSize, V as DataExplorerImagePreviewProps, W as DataExplorerMeasuredGridOptions, X as DataExplorerPageClassNames, Y as DataExplorerPageProps, Z as DataExplorerRadius, _ as DataExplorerRecordCardClassNames, $ as DataExplorerRecordCardProps, a0 as DataExplorerResolvedTheme, a1 as DataExplorerResolver, a2 as DataExplorerSelectClassNames, a3 as DataExplorerSelectProps, aT as DataExplorerSplitButtonClassNames, aU as DataExplorerSplitButtonItem, a4 as DataExplorerThemePresetId, a5 as DataExplorerThemeSlots, a6 as DataExplorerThemeStyles, a7 as DataExplorerToolbarAction, a8 as DataExplorerToolbarActionItem, a9 as DataExplorerToolbarActionKind, aa as DataExplorerToolbarActionOption, ab as DataExplorerToolbarActionsClassNames, ac as DataExplorerToolbarActionsLayout, ad as DataExplorerToolbarActionsProps, ae as DataExplorerToolbarShellClassNames, af as DataExplorerToolbarShellProps, ag as DataExplorerToolbarViewOption, ah as DataExplorerTreeClassNames, ai as DataExplorerTreeProps, aj as DataExplorerTreeRenderProps, ak as DataExplorerTreeShellClassNames, al as DataExplorerTreeShellProps, am as DataExplorerViewClassNames, an as DataExplorerViewCollectionClassNames, ao as DataExplorerViewCollectionLayout, ap as DataExplorerViewCollectionOptions, aq as DataExplorerViewCollectionProps, ar as DataExplorerViewDefinition, as as DataExplorerViewId, at as DataExplorerViewItemDefinition, au as DataExplorerViewItemProps, av as DataExplorerViewItemShellClassNames, aw as DataExplorerViewItemShellProps, ax as DataExplorerViewOption, ay as DataExplorerViewProps, az as DataExplorerViewRenderProps, aA as DataExplorerViewShellClassNames, aB as DataExplorerViewShellProps, aC as DataExplorerViewTreeAction, aD as DataExplorerViewTreeActionContext, aE as DataExplorerViewTreeClassNames, aF as DataExplorerViewTreeEntryType, aG as DataExplorerViewTreeGroup, aH as DataExplorerViewTreeLabels, aI as DataExplorerViewTreeNode, aJ as DataExplorerViewTreeProps, aK as DataExplorerViewTreeReorderPayload } from '../../types-871f198ea40b.mjs';
|
|
5
5
|
import 'react';
|
|
6
|
+
declare function DataExplorerSplitButton({ label, icon, items, onPrimaryAction, onAction, menuLabel, triggerLabel, title, tone, active, disabled, appearance, className, classNames, }: DataExplorerSplitButtonProps): react_jsx_runtime.JSX.Element;
|
|
6
7
|
declare function DataExplorerDraggableTree<TSource = unknown, TContext = unknown>({ nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, resetExpansionKey, indentSize, activationMode, loading, empty, labels, appearance, itemRadius, className, classNames, renderNodeActions, renderNodeChildren, onSelectNode, onExpandedNodeIdsChange, onDragEnd, }: DataExplorerDraggableTreeProps<TSource, TContext>): react_jsx_runtime.JSX.Element;
|
|
7
|
-
export { DataExplorerDraggableTree, DataExplorerDraggableTreeProps };
|
|
8
|
+
export { DataExplorerDraggableTree, DataExplorerDraggableTreeProps, DataExplorerSplitButton, DataExplorerSplitButtonProps };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, d as DataExplorerDetailField, e as DataExplorerDetailSection, f as DataExplorerDetailShell, g as DataExplorerDisplayActionMenu, h as DataExplorerDisplayCard, i as DataExplorerDisplayCollectionView, j as DataExplorerDisplayListItem, k as DataExplorerDisplayMedia, l as DataExplorerFilterBar, m as DataExplorerImagePreview, n as DataExplorerPage, o as DataExplorerRecordCard, p as DataExplorerSelect, q as DataExplorerToolbarActions, r as DataExplorerToolbarShell, s as DataExplorerTree, t as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, z as DataExplorerViewTree, A as getDataExplorerActionToneClassName, B as getDataExplorerMenuItemToneClassName, C as resolveDataExplorerAppearance } from '../../theme-cfefa48a0db1.js';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { aL as DataExplorerDraggableTreeProps } from '../../types-
|
|
4
|
-
export { D as DataExplorerAction, a as DataExplorerActionBarClassNames, b as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, y as DataExplorerDisplayAction, z as DataExplorerDisplayActionContext, A as DataExplorerDisplayActionMenuClassNames, B as DataExplorerDisplayActionMenuProps, C as DataExplorerDisplayBadge, E as DataExplorerDisplayCardClassNames, F as DataExplorerDisplayCardProps, G as DataExplorerDisplayCollectionItemContext, H as DataExplorerDisplayCollectionItemPropsResolver, I as DataExplorerDisplayCollectionViewProps, J as DataExplorerDisplayItem, K as DataExplorerDisplayListItemClassNames, L as DataExplorerDisplayListItemProps, M as DataExplorerDisplayMediaClassNames, N as DataExplorerDisplayMediaItem, O as DataExplorerDisplayMediaKind, P as DataExplorerDisplayMediaProps, Q as DataExplorerDisplayMetadata,
|
|
3
|
+
import { aL as DataExplorerSplitButtonProps, aM as DataExplorerDraggableTreeProps } from '../../types-871f198ea40b.js';
|
|
4
|
+
export { D as DataExplorerAction, a as DataExplorerActionBarClassNames, b as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, y as DataExplorerDisplayAction, z as DataExplorerDisplayActionContext, A as DataExplorerDisplayActionMenuClassNames, B as DataExplorerDisplayActionMenuProps, C as DataExplorerDisplayBadge, E as DataExplorerDisplayCardClassNames, F as DataExplorerDisplayCardProps, G as DataExplorerDisplayCollectionItemContext, H as DataExplorerDisplayCollectionItemPropsResolver, I as DataExplorerDisplayCollectionViewProps, J as DataExplorerDisplayItem, K as DataExplorerDisplayListItemClassNames, L as DataExplorerDisplayListItemProps, M as DataExplorerDisplayMediaClassNames, N as DataExplorerDisplayMediaItem, O as DataExplorerDisplayMediaKind, P as DataExplorerDisplayMediaProps, Q as DataExplorerDisplayMetadata, aN as DataExplorerDraggableTreeClassNames, aO as DataExplorerDraggableTreeDragPayload, aP as DataExplorerDraggableTreeFlattenedNode, aQ as DataExplorerDraggableTreeLabels, aR as DataExplorerDraggableTreeNode, aS as DataExplorerDraggableTreeRenderContext, R as DataExplorerFilterBarClassNames, S as DataExplorerFilterBarProps, T as DataExplorerImagePreviewClassNames, U as DataExplorerImagePreviewNaturalSize, V as DataExplorerImagePreviewProps, W as DataExplorerMeasuredGridOptions, X as DataExplorerPageClassNames, Y as DataExplorerPageProps, Z as DataExplorerRadius, _ as DataExplorerRecordCardClassNames, $ as DataExplorerRecordCardProps, a0 as DataExplorerResolvedTheme, a1 as DataExplorerResolver, a2 as DataExplorerSelectClassNames, a3 as DataExplorerSelectProps, aT as DataExplorerSplitButtonClassNames, aU as DataExplorerSplitButtonItem, a4 as DataExplorerThemePresetId, a5 as DataExplorerThemeSlots, a6 as DataExplorerThemeStyles, a7 as DataExplorerToolbarAction, a8 as DataExplorerToolbarActionItem, a9 as DataExplorerToolbarActionKind, aa as DataExplorerToolbarActionOption, ab as DataExplorerToolbarActionsClassNames, ac as DataExplorerToolbarActionsLayout, ad as DataExplorerToolbarActionsProps, ae as DataExplorerToolbarShellClassNames, af as DataExplorerToolbarShellProps, ag as DataExplorerToolbarViewOption, ah as DataExplorerTreeClassNames, ai as DataExplorerTreeProps, aj as DataExplorerTreeRenderProps, ak as DataExplorerTreeShellClassNames, al as DataExplorerTreeShellProps, am as DataExplorerViewClassNames, an as DataExplorerViewCollectionClassNames, ao as DataExplorerViewCollectionLayout, ap as DataExplorerViewCollectionOptions, aq as DataExplorerViewCollectionProps, ar as DataExplorerViewDefinition, as as DataExplorerViewId, at as DataExplorerViewItemDefinition, au as DataExplorerViewItemProps, av as DataExplorerViewItemShellClassNames, aw as DataExplorerViewItemShellProps, ax as DataExplorerViewOption, ay as DataExplorerViewProps, az as DataExplorerViewRenderProps, aA as DataExplorerViewShellClassNames, aB as DataExplorerViewShellProps, aC as DataExplorerViewTreeAction, aD as DataExplorerViewTreeActionContext, aE as DataExplorerViewTreeClassNames, aF as DataExplorerViewTreeEntryType, aG as DataExplorerViewTreeGroup, aH as DataExplorerViewTreeLabels, aI as DataExplorerViewTreeNode, aJ as DataExplorerViewTreeProps, aK as DataExplorerViewTreeReorderPayload } from '../../types-871f198ea40b.js';
|
|
5
5
|
import 'react';
|
|
6
|
+
declare function DataExplorerSplitButton({ label, icon, items, onPrimaryAction, onAction, menuLabel, triggerLabel, title, tone, active, disabled, appearance, className, classNames, }: DataExplorerSplitButtonProps): react_jsx_runtime.JSX.Element;
|
|
6
7
|
declare function DataExplorerDraggableTree<TSource = unknown, TContext = unknown>({ nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, resetExpansionKey, indentSize, activationMode, loading, empty, labels, appearance, itemRadius, className, classNames, renderNodeActions, renderNodeChildren, onSelectNode, onExpandedNodeIdsChange, onDragEnd, }: DataExplorerDraggableTreeProps<TSource, TContext>): react_jsx_runtime.JSX.Element;
|
|
7
|
-
export { DataExplorerDraggableTree, DataExplorerDraggableTreeProps };
|
|
8
|
+
export { DataExplorerDraggableTree, DataExplorerDraggableTreeProps, DataExplorerSplitButton, DataExplorerSplitButtonProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var DropdownMenu4 = require('@radix-ui/react-dropdown-menu');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var tailwindMerge = require('tailwind-merge');
|
|
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
|
|
|
27
27
|
return Object.freeze(n);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var DropdownMenu4__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu4);
|
|
31
31
|
|
|
32
32
|
// src/components/data-explorer/DataExplorerToolbarActions.tsx
|
|
33
33
|
|
|
@@ -779,8 +779,8 @@ function DataExplorerSelect({
|
|
|
779
779
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
|
|
780
780
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: selected?.label ?? placeholder })
|
|
781
781
|
] }) : selected?.label ?? label ?? placeholder;
|
|
782
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
783
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
782
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu4__namespace.Root, { children: [
|
|
783
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
784
784
|
"button",
|
|
785
785
|
{
|
|
786
786
|
type: "button",
|
|
@@ -808,8 +808,8 @@ function DataExplorerSelect({
|
|
|
808
808
|
]
|
|
809
809
|
}
|
|
810
810
|
) }),
|
|
811
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
812
|
-
|
|
811
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
812
|
+
DropdownMenu4__namespace.Content,
|
|
813
813
|
{
|
|
814
814
|
align,
|
|
815
815
|
sideOffset,
|
|
@@ -817,7 +817,7 @@ function DataExplorerSelect({
|
|
|
817
817
|
style: theme.styles.menuContent,
|
|
818
818
|
onClick: (event) => event.stopPropagation(),
|
|
819
819
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
820
|
-
|
|
820
|
+
DropdownMenu4__namespace.RadioGroup,
|
|
821
821
|
{
|
|
822
822
|
value,
|
|
823
823
|
onValueChange: (nextValue) => {
|
|
@@ -825,7 +825,7 @@ function DataExplorerSelect({
|
|
|
825
825
|
void onValueChange?.(nextValue);
|
|
826
826
|
},
|
|
827
827
|
children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
828
|
-
|
|
828
|
+
DropdownMenu4__namespace.RadioItem,
|
|
829
829
|
{
|
|
830
830
|
value: option.value,
|
|
831
831
|
title: option.title,
|
|
@@ -871,9 +871,9 @@ function renderMenuItem(action, context, theme, className) {
|
|
|
871
871
|
const disabled = (resolveDataExplorerValue(action.disabled, context) ?? false) || (resolveDataExplorerValue(action.loading, context) ?? false);
|
|
872
872
|
const active = resolveDataExplorerValue(action.active, context) ?? false;
|
|
873
873
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
874
|
-
action.separatorBefore ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
874
|
+
action.separatorBefore ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Separator, { className: theme.slots.menuSeparator }) : null,
|
|
875
875
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
876
|
-
|
|
876
|
+
DropdownMenu4__namespace.Item,
|
|
877
877
|
{
|
|
878
878
|
title: action.title,
|
|
879
879
|
disabled,
|
|
@@ -894,7 +894,7 @@ function renderMenuItem(action, context, theme, className) {
|
|
|
894
894
|
]
|
|
895
895
|
}
|
|
896
896
|
),
|
|
897
|
-
action.separatorAfter ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
897
|
+
action.separatorAfter ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Separator, { className: theme.slots.menuSeparator }) : null
|
|
898
898
|
] }, action.id);
|
|
899
899
|
}
|
|
900
900
|
function renderMenuAction(action, context, theme, classNames, appearance) {
|
|
@@ -903,8 +903,8 @@ function renderMenuAction(action, context, theme, classNames, appearance) {
|
|
|
903
903
|
const visibleItems = (action.items ?? []).filter(
|
|
904
904
|
(item) => resolveDataExplorerValue(item.visible, context) ?? true
|
|
905
905
|
);
|
|
906
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
907
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
906
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu4__namespace.Root, { children: [
|
|
907
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
908
908
|
DataExplorerButton,
|
|
909
909
|
{
|
|
910
910
|
title: action.title,
|
|
@@ -920,8 +920,8 @@ function renderMenuAction(action, context, theme, classNames, appearance) {
|
|
|
920
920
|
className: classNames?.action
|
|
921
921
|
}
|
|
922
922
|
) }),
|
|
923
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
924
|
-
|
|
923
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
924
|
+
DropdownMenu4__namespace.Content,
|
|
925
925
|
{
|
|
926
926
|
align: action.align ?? "end",
|
|
927
927
|
sideOffset: action.sideOffset ?? 6,
|
|
@@ -930,8 +930,8 @@ function renderMenuAction(action, context, theme, classNames, appearance) {
|
|
|
930
930
|
onClick: (event) => event.stopPropagation(),
|
|
931
931
|
children: [
|
|
932
932
|
action.menuLabel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
933
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
934
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
933
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Label, { className: theme.slots.menuLabel, children: action.menuLabel }),
|
|
934
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Separator, { className: theme.slots.menuSeparator })
|
|
935
935
|
] }) : null,
|
|
936
936
|
visibleItems.map(
|
|
937
937
|
(item) => renderMenuItem(item, context, theme, classNames?.menuItem)
|
|
@@ -3394,6 +3394,128 @@ function DataExplorerFilterBar({
|
|
|
3394
3394
|
}
|
|
3395
3395
|
);
|
|
3396
3396
|
}
|
|
3397
|
+
function ChevronDownIcon3({ open }) {
|
|
3398
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3399
|
+
"svg",
|
|
3400
|
+
{
|
|
3401
|
+
"aria-hidden": "true",
|
|
3402
|
+
viewBox: "0 0 24 24",
|
|
3403
|
+
className: cn("h-4 w-4 transition-transform", open && "rotate-180"),
|
|
3404
|
+
fill: "none",
|
|
3405
|
+
stroke: "currentColor",
|
|
3406
|
+
strokeLinecap: "round",
|
|
3407
|
+
strokeLinejoin: "round",
|
|
3408
|
+
strokeWidth: "2",
|
|
3409
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
|
|
3410
|
+
}
|
|
3411
|
+
);
|
|
3412
|
+
}
|
|
3413
|
+
function DataExplorerSplitButton({
|
|
3414
|
+
label,
|
|
3415
|
+
icon,
|
|
3416
|
+
items = [],
|
|
3417
|
+
onPrimaryAction,
|
|
3418
|
+
onAction,
|
|
3419
|
+
menuLabel,
|
|
3420
|
+
triggerLabel = "More actions",
|
|
3421
|
+
title,
|
|
3422
|
+
tone,
|
|
3423
|
+
active = false,
|
|
3424
|
+
disabled = false,
|
|
3425
|
+
appearance,
|
|
3426
|
+
className,
|
|
3427
|
+
classNames
|
|
3428
|
+
}) {
|
|
3429
|
+
const [open, setOpen] = react.useState(false);
|
|
3430
|
+
const theme = resolveDataExplorerAppearance(appearance);
|
|
3431
|
+
const hasItems = items.length > 0;
|
|
3432
|
+
const resolvedActive = active || open;
|
|
3433
|
+
const handlePrimaryClick = (event) => {
|
|
3434
|
+
if (disabled) return;
|
|
3435
|
+
onPrimaryAction?.(event);
|
|
3436
|
+
};
|
|
3437
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu4__namespace.Root, { open: hasItems && open, onOpenChange: (nextOpen) => setOpen(hasItems ? nextOpen : false), children: [
|
|
3438
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3439
|
+
"div",
|
|
3440
|
+
{
|
|
3441
|
+
className: cn(
|
|
3442
|
+
"inline-flex min-w-0 shrink-0 overflow-hidden rounded-md",
|
|
3443
|
+
getDataExplorerActionToneClassName(theme, tone, resolvedActive),
|
|
3444
|
+
classNames?.root,
|
|
3445
|
+
className
|
|
3446
|
+
),
|
|
3447
|
+
children: [
|
|
3448
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3449
|
+
DataExplorerButton,
|
|
3450
|
+
{
|
|
3451
|
+
label,
|
|
3452
|
+
icon,
|
|
3453
|
+
title,
|
|
3454
|
+
disabled,
|
|
3455
|
+
active: resolvedActive,
|
|
3456
|
+
appearance,
|
|
3457
|
+
className: cn("rounded-none border-r-0", classNames?.primary),
|
|
3458
|
+
onClick: handlePrimaryClick
|
|
3459
|
+
}
|
|
3460
|
+
),
|
|
3461
|
+
hasItems ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3462
|
+
"button",
|
|
3463
|
+
{
|
|
3464
|
+
type: "button",
|
|
3465
|
+
"aria-label": triggerLabel,
|
|
3466
|
+
title: triggerLabel,
|
|
3467
|
+
disabled,
|
|
3468
|
+
className: cn(
|
|
3469
|
+
theme.slots.controlButton,
|
|
3470
|
+
"w-9 shrink-0 rounded-none border-l-0 px-0",
|
|
3471
|
+
resolvedActive ? getDataExplorerActionToneClassName(theme, tone, true) : getDataExplorerActionToneClassName(theme, tone, false),
|
|
3472
|
+
classNames?.trigger
|
|
3473
|
+
),
|
|
3474
|
+
onClick: (event) => event.stopPropagation(),
|
|
3475
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon3, { open })
|
|
3476
|
+
}
|
|
3477
|
+
) }) : null
|
|
3478
|
+
]
|
|
3479
|
+
}
|
|
3480
|
+
),
|
|
3481
|
+
hasItems ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3482
|
+
DropdownMenu4__namespace.Content,
|
|
3483
|
+
{
|
|
3484
|
+
align: "start",
|
|
3485
|
+
sideOffset: 6,
|
|
3486
|
+
className: cn(theme.slots.menuContent, classNames?.content),
|
|
3487
|
+
style: theme.styles.menuContent,
|
|
3488
|
+
children: [
|
|
3489
|
+
menuLabel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3490
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Label, { className: theme.slots.menuLabel, children: menuLabel }),
|
|
3491
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Separator, { className: theme.slots.menuSeparator })
|
|
3492
|
+
] }) : null,
|
|
3493
|
+
items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3494
|
+
DropdownMenu4__namespace.Item,
|
|
3495
|
+
{
|
|
3496
|
+
title: item.title,
|
|
3497
|
+
disabled: item.disabled,
|
|
3498
|
+
className: cn(
|
|
3499
|
+
theme.slots.menuItem,
|
|
3500
|
+
getDataExplorerActionToneClassName(theme, item.tone, false),
|
|
3501
|
+
classNames?.item
|
|
3502
|
+
),
|
|
3503
|
+
style: theme.styles.menuItem,
|
|
3504
|
+
onSelect: () => {
|
|
3505
|
+
if (!item.disabled) onAction?.(item.id);
|
|
3506
|
+
},
|
|
3507
|
+
children: [
|
|
3508
|
+
item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: theme.slots.menuItemIcon, children: item.icon }) : null,
|
|
3509
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: theme.slots.menuItemLabel, children: item.label })
|
|
3510
|
+
]
|
|
3511
|
+
},
|
|
3512
|
+
item.id
|
|
3513
|
+
))
|
|
3514
|
+
]
|
|
3515
|
+
}
|
|
3516
|
+
) }) : null
|
|
3517
|
+
] });
|
|
3518
|
+
}
|
|
3397
3519
|
function DataExplorerDetailField({
|
|
3398
3520
|
field,
|
|
3399
3521
|
label = field?.label,
|
|
@@ -4587,8 +4709,8 @@ function DataExplorerDisplayActionMenu({
|
|
|
4587
4709
|
if (visibleActions.length === 0) {
|
|
4588
4710
|
return null;
|
|
4589
4711
|
}
|
|
4590
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex", classNames?.root), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4591
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4712
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex", classNames?.root), children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu4__namespace.Root, { open, onOpenChange: setOpen, children: [
|
|
4713
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4592
4714
|
"button",
|
|
4593
4715
|
{
|
|
4594
4716
|
type: "button",
|
|
@@ -4605,8 +4727,8 @@ function DataExplorerDisplayActionMenu({
|
|
|
4605
4727
|
]
|
|
4606
4728
|
}
|
|
4607
4729
|
) }),
|
|
4608
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4609
|
-
|
|
4730
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4731
|
+
DropdownMenu4__namespace.Content,
|
|
4610
4732
|
{
|
|
4611
4733
|
align,
|
|
4612
4734
|
sideOffset,
|
|
@@ -4619,7 +4741,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4619
4741
|
children: [
|
|
4620
4742
|
label ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4621
4743
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4622
|
-
|
|
4744
|
+
DropdownMenu4__namespace.Label,
|
|
4623
4745
|
{
|
|
4624
4746
|
className: cn(
|
|
4625
4747
|
theme.slots.menuLabel,
|
|
@@ -4629,7 +4751,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4629
4751
|
}
|
|
4630
4752
|
),
|
|
4631
4753
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4632
|
-
|
|
4754
|
+
DropdownMenu4__namespace.Separator,
|
|
4633
4755
|
{
|
|
4634
4756
|
className: cn(
|
|
4635
4757
|
theme.slots.menuSeparator,
|
|
@@ -4643,7 +4765,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4643
4765
|
if (action.render) {
|
|
4644
4766
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4645
4767
|
action.separatorBefore ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4646
|
-
|
|
4768
|
+
DropdownMenu4__namespace.Separator,
|
|
4647
4769
|
{
|
|
4648
4770
|
className: cn(
|
|
4649
4771
|
theme.slots.menuSeparator,
|
|
@@ -4653,7 +4775,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4653
4775
|
) : null,
|
|
4654
4776
|
action.render(context),
|
|
4655
4777
|
action.separatorAfter ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4656
|
-
|
|
4778
|
+
DropdownMenu4__namespace.Separator,
|
|
4657
4779
|
{
|
|
4658
4780
|
className: cn(
|
|
4659
4781
|
theme.slots.menuSeparator,
|
|
@@ -4665,7 +4787,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4665
4787
|
}
|
|
4666
4788
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4667
4789
|
action.separatorBefore ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4668
|
-
|
|
4790
|
+
DropdownMenu4__namespace.Separator,
|
|
4669
4791
|
{
|
|
4670
4792
|
className: cn(
|
|
4671
4793
|
"-mx-1 my-1 h-px bg-border",
|
|
@@ -4674,7 +4796,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4674
4796
|
}
|
|
4675
4797
|
) : null,
|
|
4676
4798
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4677
|
-
|
|
4799
|
+
DropdownMenu4__namespace.Item,
|
|
4678
4800
|
{
|
|
4679
4801
|
title: action.title,
|
|
4680
4802
|
disabled,
|
|
@@ -4725,7 +4847,7 @@ function DataExplorerDisplayActionMenu({
|
|
|
4725
4847
|
}
|
|
4726
4848
|
),
|
|
4727
4849
|
action.separatorAfter ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4728
|
-
|
|
4850
|
+
DropdownMenu4__namespace.Separator,
|
|
4729
4851
|
{
|
|
4730
4852
|
className: cn(
|
|
4731
4853
|
theme.slots.menuSeparator,
|
|
@@ -6806,8 +6928,8 @@ function DataExplorerViewTree({
|
|
|
6806
6928
|
return resolveDataExplorerValue(action.visible, payload) ?? true;
|
|
6807
6929
|
});
|
|
6808
6930
|
if (visibleActions.length === 0) return null;
|
|
6809
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6810
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6931
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu4__namespace.Root, { children: [
|
|
6932
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6811
6933
|
"button",
|
|
6812
6934
|
{
|
|
6813
6935
|
type: "button",
|
|
@@ -6822,8 +6944,8 @@ function DataExplorerViewTree({
|
|
|
6822
6944
|
children: /* @__PURE__ */ jsxRuntime.jsx(MoreIcon2, {})
|
|
6823
6945
|
}
|
|
6824
6946
|
) }),
|
|
6825
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6826
|
-
|
|
6947
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6948
|
+
DropdownMenu4__namespace.Content,
|
|
6827
6949
|
{
|
|
6828
6950
|
align: "end",
|
|
6829
6951
|
sideOffset: 6,
|
|
@@ -6838,9 +6960,9 @@ function DataExplorerViewTree({
|
|
|
6838
6960
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { children: action.render(payload) }, action.id);
|
|
6839
6961
|
}
|
|
6840
6962
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
6841
|
-
action.separatorBefore ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
6963
|
+
action.separatorBefore ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Separator, { className: theme.slots.menuSeparator }) : null,
|
|
6842
6964
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6843
|
-
|
|
6965
|
+
DropdownMenu4__namespace.Item,
|
|
6844
6966
|
{
|
|
6845
6967
|
title: action.title,
|
|
6846
6968
|
disabled,
|
|
@@ -6862,7 +6984,7 @@ function DataExplorerViewTree({
|
|
|
6862
6984
|
]
|
|
6863
6985
|
}
|
|
6864
6986
|
),
|
|
6865
|
-
action.separatorAfter ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
6987
|
+
action.separatorAfter ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu4__namespace.Separator, { className: theme.slots.menuSeparator }) : null
|
|
6866
6988
|
] }, action.id);
|
|
6867
6989
|
})
|
|
6868
6990
|
}
|
|
@@ -7421,6 +7543,7 @@ exports.DataExplorerImagePreview = DataExplorerImagePreview;
|
|
|
7421
7543
|
exports.DataExplorerPage = DataExplorerPage;
|
|
7422
7544
|
exports.DataExplorerRecordCard = DataExplorerRecordCard;
|
|
7423
7545
|
exports.DataExplorerSelect = DataExplorerSelect;
|
|
7546
|
+
exports.DataExplorerSplitButton = DataExplorerSplitButton;
|
|
7424
7547
|
exports.DataExplorerToolbarActions = DataExplorerToolbarActions;
|
|
7425
7548
|
exports.DataExplorerToolbarShell = DataExplorerToolbarShell;
|
|
7426
7549
|
exports.DataExplorerTree = DataExplorerTree;
|