@inf-monkeys-tech/monkeys-design 1.0.99 → 1.0.100
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 +3 -3
- package/dist/components/data-explorer/index.d.ts +3 -3
- package/dist/components/data-explorer/index.js +296 -70
- package/dist/components/data-explorer/index.js.map +1 -1
- package/dist/components/data-explorer/index.mjs +226 -2
- 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 +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +225 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +225 -2
- package/dist/index.mjs.map +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-0fef4f282e64.d.mts → theme-ba08de180df9.d.ts} +4 -2
- package/dist/{theme-169054c0dfb4.d.ts → theme-bfef5a689024.d.mts} +4 -2
- package/dist/{types-e36d6f4b3ca8.d.mts → types-cc1ff9de4c79.d.mts} +47 -1
- package/dist/{types-e36d6f4b3ca8.d.ts → types-cc1ff9de4c79.d.ts} +47 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, S as DataExplorerFilterBarProps,
|
|
2
|
+
import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, S as DataExplorerFilterBarProps, a9 as DataExplorerSelectProps, aj as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, B as DataExplorerDisplayActionMenuProps, F as DataExplorerDisplayCardProps, I as DataExplorerDisplayCollectionViewProps, L as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaProps, V as DataExplorerImagePreviewProps, Z as DataExplorerMediaPreviewProps, $ as DataExplorerPageProps, a2 as DataExplorerRecordCardProps, a5 as DataExplorerRecordPickerProps, at as DataExplorerUploadSurfaceProps, al as DataExplorerToolbarShellProps, ao as DataExplorerTreeProps, ar as DataExplorerTreeShellProps, aR as DataExplorerViewTreeProps, aA as DataExplorerViewId, aG as DataExplorerViewProps, ay as DataExplorerViewCollectionProps, aC as DataExplorerViewItemProps, aE as DataExplorerViewItemShellProps, aJ as DataExplorerViewShellProps, a6 as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-cc1ff9de4c79.js';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): null | react_jsx_runtime.JSX.Element;
|
|
5
5
|
declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -17,9 +17,11 @@ declare function DataExplorerDisplayCollectionView<TSource = unknown>({ items, a
|
|
|
17
17
|
declare function DataExplorerDisplayListItem<TSource = unknown>({ className, classNames, ...props }: DataExplorerDisplayListItemProps<TSource>): react_jsx_runtime.JSX.Element;
|
|
18
18
|
declare function DataExplorerDisplayMedia<TSource = unknown>({ media, fallbackTitle, empty, className, classNames, onOpen, }: DataExplorerDisplayMediaProps<TSource>): null | react_jsx_runtime.JSX.Element;
|
|
19
19
|
declare function DataExplorerImagePreview({ src, alt, empty, actions, actionContext, toolbarActions, zoomStep, stagePadding, minScale, maxScale, controlsVisible, zoomLabelVisible, resetLabel, zoomInLabel, zoomOutLabel, appearance, className, classNames, onLoad, onError, }: DataExplorerImagePreviewProps): react_jsx_runtime.JSX.Element;
|
|
20
|
+
declare function DataExplorerMediaPreview({ src, kind, alt, title, aspectRatio, fit, controls, loading, empty, error, className, classNames, onLoad, onError, }: DataExplorerMediaPreviewProps): react_jsx_runtime.JSX.Element;
|
|
20
21
|
declare function DataExplorerPage({ sidebar, tree, toolbar, controls, notices, content, view, detail, appearance, className, classNames, }: DataExplorerPageProps): react_jsx_runtime.JSX.Element;
|
|
21
22
|
declare function DataExplorerRecordCard<TSource = unknown>({ item, selected, active, disabled, hasMedia, showHeaderWithMedia, selectionVisible, favoriteVisible, overlayControlsAlwaysVisible, favoriteActive, favoriteLabel, favoriteActiveLabel, selectLabel, unselectLabel, actions, media, footer, checkbox, favorite, keywordLimit, appearance, className, classNames, onClick, onToggleSelection, onToggleFavorite, }: DataExplorerRecordCardProps<TSource>): react_jsx_runtime.JSX.Element;
|
|
22
23
|
declare function DataExplorerRecordPicker({ value, activeValue, options, createOption, multiple, placeholder, triggerLabel, triggerIcon, searchPlaceholder, emptyState, loadingState, errorState, loading, disabled, open, defaultOpen, searchValue, defaultSearchValue, appearance, className, classNames, triggerProps, dataAttributes, onOpenChange, onListScroll, onSearchValueChange, onValueChange, }: DataExplorerRecordPickerProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare function DataExplorerUploadSurface({ accept, multiple, disabled, busy, title, description, hint, busyLabel, icon, className, classNames, onFilesSelected, }: DataExplorerUploadSurfaceProps): react_jsx_runtime.JSX.Element;
|
|
23
25
|
declare function DataExplorerToolbarShell<TContext = unknown>({ context, leading, leadingActions, searchValue, searchPlaceholder, searchIcon, viewOptions, activeViewId, actions, toolbarActions, appearance, children, className, classNames, onSearchChange, onSearchSubmit, onViewChange, }: DataExplorerToolbarShellProps<TContext>): react_jsx_runtime.JSX.Element;
|
|
24
26
|
declare function DataExplorerTree<TNode = unknown, TContext = unknown>({ nodes, context, capabilities, className, classNames, empty, selectedNodeId, getNodeId, getChildren, renderNode, onSelect, }: DataExplorerTreeProps<TNode, TContext>): null | react_jsx_runtime.JSX.Element;
|
|
25
27
|
declare function DataExplorerTreeShell({ title, subtitle, toolbar, footer, children, className, classNames, }: DataExplorerTreeShellProps): react_jsx_runtime.JSX.Element;
|
|
@@ -32,4 +34,4 @@ declare function DataExplorerViewShell({ header, footer, overlay, empty, isEmpty
|
|
|
32
34
|
declare function resolveDataExplorerAppearance(appearance?: DataExplorerAppearance): DataExplorerResolvedTheme;
|
|
33
35
|
declare function getDataExplorerActionToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined, active: boolean): string;
|
|
34
36
|
declare function getDataExplorerMenuItemToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined): string | undefined;
|
|
35
|
-
export {
|
|
37
|
+
export { DataExplorerViewItemShell as A, DataExplorerViewShell as B, DataExplorerViewTree as C, DataExplorerActionBar as D, getDataExplorerActionToneClassName as E, getDataExplorerMenuItemToneClassName as F, resolveDataExplorerAppearance as G, DataExplorerButton as a, DataExplorerCheckbox as b, DataExplorerCollectionFooter as c, DataExplorerDetailField as d, DataExplorerDetailSection as e, DataExplorerDetailShell as f, DataExplorerDisplayActionMenu as g, DataExplorerDisplayCard as h, DataExplorerDisplayCollectionView as i, DataExplorerDisplayListItem as j, DataExplorerDisplayMedia as k, DataExplorerFilterBar as l, DataExplorerImagePreview as m, DataExplorerMediaPreview as n, DataExplorerPage as o, DataExplorerRecordCard as p, DataExplorerRecordPicker as q, DataExplorerSelect as r, DataExplorerToolbarActions as s, DataExplorerToolbarShell as t, DataExplorerTree as u, DataExplorerTreeShell as v, DataExplorerUploadSurface as w, DataExplorerView as x, DataExplorerViewCollection as y, DataExplorerViewItem as z };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, S as DataExplorerFilterBarProps,
|
|
2
|
+
import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, S as DataExplorerFilterBarProps, a9 as DataExplorerSelectProps, aj as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, B as DataExplorerDisplayActionMenuProps, F as DataExplorerDisplayCardProps, I as DataExplorerDisplayCollectionViewProps, L as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaProps, V as DataExplorerImagePreviewProps, Z as DataExplorerMediaPreviewProps, $ as DataExplorerPageProps, a2 as DataExplorerRecordCardProps, a5 as DataExplorerRecordPickerProps, at as DataExplorerUploadSurfaceProps, al as DataExplorerToolbarShellProps, ao as DataExplorerTreeProps, ar as DataExplorerTreeShellProps, aR as DataExplorerViewTreeProps, aA as DataExplorerViewId, aG as DataExplorerViewProps, ay as DataExplorerViewCollectionProps, aC as DataExplorerViewItemProps, aE as DataExplorerViewItemShellProps, aJ as DataExplorerViewShellProps, a6 as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-cc1ff9de4c79.mjs';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): null | react_jsx_runtime.JSX.Element;
|
|
5
5
|
declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -17,9 +17,11 @@ declare function DataExplorerDisplayCollectionView<TSource = unknown>({ items, a
|
|
|
17
17
|
declare function DataExplorerDisplayListItem<TSource = unknown>({ className, classNames, ...props }: DataExplorerDisplayListItemProps<TSource>): react_jsx_runtime.JSX.Element;
|
|
18
18
|
declare function DataExplorerDisplayMedia<TSource = unknown>({ media, fallbackTitle, empty, className, classNames, onOpen, }: DataExplorerDisplayMediaProps<TSource>): null | react_jsx_runtime.JSX.Element;
|
|
19
19
|
declare function DataExplorerImagePreview({ src, alt, empty, actions, actionContext, toolbarActions, zoomStep, stagePadding, minScale, maxScale, controlsVisible, zoomLabelVisible, resetLabel, zoomInLabel, zoomOutLabel, appearance, className, classNames, onLoad, onError, }: DataExplorerImagePreviewProps): react_jsx_runtime.JSX.Element;
|
|
20
|
+
declare function DataExplorerMediaPreview({ src, kind, alt, title, aspectRatio, fit, controls, loading, empty, error, className, classNames, onLoad, onError, }: DataExplorerMediaPreviewProps): react_jsx_runtime.JSX.Element;
|
|
20
21
|
declare function DataExplorerPage({ sidebar, tree, toolbar, controls, notices, content, view, detail, appearance, className, classNames, }: DataExplorerPageProps): react_jsx_runtime.JSX.Element;
|
|
21
22
|
declare function DataExplorerRecordCard<TSource = unknown>({ item, selected, active, disabled, hasMedia, showHeaderWithMedia, selectionVisible, favoriteVisible, overlayControlsAlwaysVisible, favoriteActive, favoriteLabel, favoriteActiveLabel, selectLabel, unselectLabel, actions, media, footer, checkbox, favorite, keywordLimit, appearance, className, classNames, onClick, onToggleSelection, onToggleFavorite, }: DataExplorerRecordCardProps<TSource>): react_jsx_runtime.JSX.Element;
|
|
22
23
|
declare function DataExplorerRecordPicker({ value, activeValue, options, createOption, multiple, placeholder, triggerLabel, triggerIcon, searchPlaceholder, emptyState, loadingState, errorState, loading, disabled, open, defaultOpen, searchValue, defaultSearchValue, appearance, className, classNames, triggerProps, dataAttributes, onOpenChange, onListScroll, onSearchValueChange, onValueChange, }: DataExplorerRecordPickerProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare function DataExplorerUploadSurface({ accept, multiple, disabled, busy, title, description, hint, busyLabel, icon, className, classNames, onFilesSelected, }: DataExplorerUploadSurfaceProps): react_jsx_runtime.JSX.Element;
|
|
23
25
|
declare function DataExplorerToolbarShell<TContext = unknown>({ context, leading, leadingActions, searchValue, searchPlaceholder, searchIcon, viewOptions, activeViewId, actions, toolbarActions, appearance, children, className, classNames, onSearchChange, onSearchSubmit, onViewChange, }: DataExplorerToolbarShellProps<TContext>): react_jsx_runtime.JSX.Element;
|
|
24
26
|
declare function DataExplorerTree<TNode = unknown, TContext = unknown>({ nodes, context, capabilities, className, classNames, empty, selectedNodeId, getNodeId, getChildren, renderNode, onSelect, }: DataExplorerTreeProps<TNode, TContext>): null | react_jsx_runtime.JSX.Element;
|
|
25
27
|
declare function DataExplorerTreeShell({ title, subtitle, toolbar, footer, children, className, classNames, }: DataExplorerTreeShellProps): react_jsx_runtime.JSX.Element;
|
|
@@ -32,4 +34,4 @@ declare function DataExplorerViewShell({ header, footer, overlay, empty, isEmpty
|
|
|
32
34
|
declare function resolveDataExplorerAppearance(appearance?: DataExplorerAppearance): DataExplorerResolvedTheme;
|
|
33
35
|
declare function getDataExplorerActionToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined, active: boolean): string;
|
|
34
36
|
declare function getDataExplorerMenuItemToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined): string | undefined;
|
|
35
|
-
export {
|
|
37
|
+
export { DataExplorerViewItemShell as A, DataExplorerViewShell as B, DataExplorerViewTree as C, DataExplorerActionBar as D, getDataExplorerActionToneClassName as E, getDataExplorerMenuItemToneClassName as F, resolveDataExplorerAppearance as G, DataExplorerButton as a, DataExplorerCheckbox as b, DataExplorerCollectionFooter as c, DataExplorerDetailField as d, DataExplorerDetailSection as e, DataExplorerDetailShell as f, DataExplorerDisplayActionMenu as g, DataExplorerDisplayCard as h, DataExplorerDisplayCollectionView as i, DataExplorerDisplayListItem as j, DataExplorerDisplayMedia as k, DataExplorerFilterBar as l, DataExplorerImagePreview as m, DataExplorerMediaPreview as n, DataExplorerPage as o, DataExplorerRecordCard as p, DataExplorerRecordPicker as q, DataExplorerSelect as r, DataExplorerToolbarActions as s, DataExplorerToolbarShell as t, DataExplorerTree as u, DataExplorerTreeShell as v, DataExplorerUploadSurface as w, DataExplorerView as x, DataExplorerViewCollection as y, DataExplorerViewItem as z };
|
|
@@ -1158,6 +1158,52 @@ interface DataExplorerRecordCardProps<TSource = unknown> {
|
|
|
1158
1158
|
onToggleSelection?: (item: DataExplorerDisplayItem<TSource>) => void;
|
|
1159
1159
|
onToggleFavorite?: (item: DataExplorerDisplayItem<TSource>) => void;
|
|
1160
1160
|
}
|
|
1161
|
+
type DataExplorerMediaPreviewKind = 'audio' | 'file' | 'image' | 'video';
|
|
1162
|
+
interface DataExplorerMediaPreviewClassNames {
|
|
1163
|
+
root?: string;
|
|
1164
|
+
media?: string;
|
|
1165
|
+
placeholder?: string;
|
|
1166
|
+
loading?: string;
|
|
1167
|
+
error?: string;
|
|
1168
|
+
}
|
|
1169
|
+
interface DataExplorerMediaPreviewProps {
|
|
1170
|
+
src?: null | string;
|
|
1171
|
+
kind?: DataExplorerMediaPreviewKind;
|
|
1172
|
+
alt?: string;
|
|
1173
|
+
title?: ReactNode;
|
|
1174
|
+
aspectRatio?: '1:1' | '16:9' | '3:4' | '4:3' | '9:16' | 'auto' | 'square' | 'video';
|
|
1175
|
+
fit?: 'contain' | 'cover';
|
|
1176
|
+
controls?: boolean;
|
|
1177
|
+
loading?: boolean;
|
|
1178
|
+
empty?: ReactNode;
|
|
1179
|
+
error?: ReactNode;
|
|
1180
|
+
className?: string;
|
|
1181
|
+
classNames?: DataExplorerMediaPreviewClassNames;
|
|
1182
|
+
onLoad?: () => void;
|
|
1183
|
+
onError?: () => void;
|
|
1184
|
+
}
|
|
1185
|
+
interface DataExplorerUploadSurfaceClassNames {
|
|
1186
|
+
root?: string;
|
|
1187
|
+
button?: string;
|
|
1188
|
+
icon?: string;
|
|
1189
|
+
title?: string;
|
|
1190
|
+
description?: string;
|
|
1191
|
+
hint?: string;
|
|
1192
|
+
}
|
|
1193
|
+
interface DataExplorerUploadSurfaceProps {
|
|
1194
|
+
accept?: string;
|
|
1195
|
+
multiple?: boolean;
|
|
1196
|
+
disabled?: boolean;
|
|
1197
|
+
busy?: boolean;
|
|
1198
|
+
title?: ReactNode;
|
|
1199
|
+
description?: ReactNode;
|
|
1200
|
+
hint?: ReactNode;
|
|
1201
|
+
busyLabel?: ReactNode;
|
|
1202
|
+
icon?: ReactNode;
|
|
1203
|
+
className?: string;
|
|
1204
|
+
classNames?: DataExplorerUploadSurfaceClassNames;
|
|
1205
|
+
onFilesSelected?: (files: File[]) => void;
|
|
1206
|
+
}
|
|
1161
1207
|
interface DataExplorerRecordPickerOption {
|
|
1162
1208
|
value: string;
|
|
1163
1209
|
label: ReactNode;
|
|
@@ -1339,4 +1385,4 @@ interface DataExplorerDisplayCollectionItemContext<TSource = unknown> {
|
|
|
1339
1385
|
layout: DataExplorerViewCollectionLayout;
|
|
1340
1386
|
}
|
|
1341
1387
|
type DataExplorerDisplayCollectionItemPropsResolver<TProps, TSource = unknown> = ((context: DataExplorerDisplayCollectionItemContext<TSource>) => Partial<TProps> | undefined) | Partial<TProps>;
|
|
1342
|
-
export type {
|
|
1388
|
+
export type { DataExplorerPageProps as $, DataExplorerDisplayActionMenuClassNames as A, DataExplorerDisplayActionMenuProps as B, DataExplorerDisplayBadge as C, DataExplorerAction as D, DataExplorerDisplayCardClassNames as E, DataExplorerDisplayCardProps as F, DataExplorerDisplayCollectionItemContext as G, DataExplorerDisplayCollectionItemPropsResolver as H, DataExplorerDisplayCollectionViewProps as I, DataExplorerDisplayItem as J, DataExplorerDisplayListItemClassNames as K, DataExplorerDisplayListItemProps as L, DataExplorerDisplayMediaClassNames as M, DataExplorerDisplayMediaItem as N, DataExplorerDisplayMediaKind as O, DataExplorerDisplayMediaProps as P, DataExplorerDisplayMetadata as Q, DataExplorerFilterBarClassNames as R, DataExplorerFilterBarProps as S, DataExplorerImagePreviewClassNames as T, DataExplorerImagePreviewNaturalSize as U, DataExplorerImagePreviewProps as V, DataExplorerMeasuredGridOptions as W, DataExplorerMediaPreviewClassNames as X, DataExplorerMediaPreviewKind as Y, DataExplorerMediaPreviewProps as Z, DataExplorerPageClassNames as _, DataExplorerActionBarClassNames as a, DataExplorerSplitButtonClassNames as a$, DataExplorerRadius as a0, DataExplorerRecordCardClassNames as a1, DataExplorerRecordCardProps as a2, DataExplorerRecordPickerClassNames as a3, DataExplorerRecordPickerOption as a4, DataExplorerRecordPickerProps as a5, DataExplorerResolvedTheme as a6, DataExplorerResolver as a7, DataExplorerSelectClassNames as a8, DataExplorerSelectProps as a9, DataExplorerViewId as aA, DataExplorerViewItemDefinition as aB, DataExplorerViewItemProps as aC, DataExplorerViewItemShellClassNames as aD, DataExplorerViewItemShellProps as aE, DataExplorerViewOption as aF, DataExplorerViewProps as aG, DataExplorerViewRenderProps as aH, DataExplorerViewShellClassNames as aI, DataExplorerViewShellProps as aJ, DataExplorerViewTreeAction as aK, DataExplorerViewTreeActionContext as aL, DataExplorerViewTreeClassNames as aM, DataExplorerViewTreeEntryType as aN, DataExplorerViewTreeGroup as aO, DataExplorerViewTreeLabels as aP, DataExplorerViewTreeNode as aQ, DataExplorerViewTreeProps as aR, DataExplorerViewTreeReorderPayload as aS, DataExplorerSplitButtonProps as aT, DataExplorerDraggableTreeProps as aU, DataExplorerDraggableTreeClassNames as aV, DataExplorerDraggableTreeDragPayload as aW, DataExplorerDraggableTreeFlattenedNode as aX, DataExplorerDraggableTreeLabels as aY, DataExplorerDraggableTreeNode as aZ, DataExplorerDraggableTreeRenderContext as a_, DataExplorerThemePresetId as aa, DataExplorerThemeSlots as ab, DataExplorerThemeStyles as ac, DataExplorerToolbarAction as ad, DataExplorerToolbarActionItem as ae, DataExplorerToolbarActionKind as af, DataExplorerToolbarActionOption as ag, DataExplorerToolbarActionsClassNames as ah, DataExplorerToolbarActionsLayout as ai, DataExplorerToolbarActionsProps as aj, DataExplorerToolbarShellClassNames as ak, DataExplorerToolbarShellProps as al, DataExplorerToolbarViewOption as am, DataExplorerTreeClassNames as an, DataExplorerTreeProps as ao, DataExplorerTreeRenderProps as ap, DataExplorerTreeShellClassNames as aq, DataExplorerTreeShellProps as ar, DataExplorerUploadSurfaceClassNames as as, DataExplorerUploadSurfaceProps as at, DataExplorerViewClassNames as au, DataExplorerViewCollectionClassNames as av, DataExplorerViewCollectionLayout as aw, DataExplorerViewCollectionOptions as ax, DataExplorerViewCollectionProps as ay, DataExplorerViewDefinition as az, DataExplorerActionBarProps as b, DataExplorerSplitButtonItem as b0, DataExplorerAppearance as c, DataExplorerBackground as d, DataExplorerBorder as e, DataExplorerButtonClassNames as f, DataExplorerButtonProps as g, DataExplorerCapabilities as h, DataExplorerCheckboxClassNames as i, DataExplorerCheckboxProps as j, DataExplorerCollectionFooterClassNames as k, DataExplorerCollectionFooterProps as l, DataExplorerControlOption as m, DataExplorerControlTone as n, DataExplorerDensity as o, DataExplorerDetailFieldClassNames as p, DataExplorerDetailFieldDefinition as q, DataExplorerDetailFieldProps as r, DataExplorerDetailNavigation as s, DataExplorerDetailSectionClassNames as t, DataExplorerDetailSectionDefinition as u, DataExplorerDetailSectionProps as v, DataExplorerDetailShellClassNames as w, DataExplorerDetailShellProps as x, DataExplorerDisplayAction as y, DataExplorerDisplayActionContext as z };
|
|
@@ -1158,6 +1158,52 @@ interface DataExplorerRecordCardProps<TSource = unknown> {
|
|
|
1158
1158
|
onToggleSelection?: (item: DataExplorerDisplayItem<TSource>) => void;
|
|
1159
1159
|
onToggleFavorite?: (item: DataExplorerDisplayItem<TSource>) => void;
|
|
1160
1160
|
}
|
|
1161
|
+
type DataExplorerMediaPreviewKind = 'audio' | 'file' | 'image' | 'video';
|
|
1162
|
+
interface DataExplorerMediaPreviewClassNames {
|
|
1163
|
+
root?: string;
|
|
1164
|
+
media?: string;
|
|
1165
|
+
placeholder?: string;
|
|
1166
|
+
loading?: string;
|
|
1167
|
+
error?: string;
|
|
1168
|
+
}
|
|
1169
|
+
interface DataExplorerMediaPreviewProps {
|
|
1170
|
+
src?: null | string;
|
|
1171
|
+
kind?: DataExplorerMediaPreviewKind;
|
|
1172
|
+
alt?: string;
|
|
1173
|
+
title?: ReactNode;
|
|
1174
|
+
aspectRatio?: '1:1' | '16:9' | '3:4' | '4:3' | '9:16' | 'auto' | 'square' | 'video';
|
|
1175
|
+
fit?: 'contain' | 'cover';
|
|
1176
|
+
controls?: boolean;
|
|
1177
|
+
loading?: boolean;
|
|
1178
|
+
empty?: ReactNode;
|
|
1179
|
+
error?: ReactNode;
|
|
1180
|
+
className?: string;
|
|
1181
|
+
classNames?: DataExplorerMediaPreviewClassNames;
|
|
1182
|
+
onLoad?: () => void;
|
|
1183
|
+
onError?: () => void;
|
|
1184
|
+
}
|
|
1185
|
+
interface DataExplorerUploadSurfaceClassNames {
|
|
1186
|
+
root?: string;
|
|
1187
|
+
button?: string;
|
|
1188
|
+
icon?: string;
|
|
1189
|
+
title?: string;
|
|
1190
|
+
description?: string;
|
|
1191
|
+
hint?: string;
|
|
1192
|
+
}
|
|
1193
|
+
interface DataExplorerUploadSurfaceProps {
|
|
1194
|
+
accept?: string;
|
|
1195
|
+
multiple?: boolean;
|
|
1196
|
+
disabled?: boolean;
|
|
1197
|
+
busy?: boolean;
|
|
1198
|
+
title?: ReactNode;
|
|
1199
|
+
description?: ReactNode;
|
|
1200
|
+
hint?: ReactNode;
|
|
1201
|
+
busyLabel?: ReactNode;
|
|
1202
|
+
icon?: ReactNode;
|
|
1203
|
+
className?: string;
|
|
1204
|
+
classNames?: DataExplorerUploadSurfaceClassNames;
|
|
1205
|
+
onFilesSelected?: (files: File[]) => void;
|
|
1206
|
+
}
|
|
1161
1207
|
interface DataExplorerRecordPickerOption {
|
|
1162
1208
|
value: string;
|
|
1163
1209
|
label: ReactNode;
|
|
@@ -1339,4 +1385,4 @@ interface DataExplorerDisplayCollectionItemContext<TSource = unknown> {
|
|
|
1339
1385
|
layout: DataExplorerViewCollectionLayout;
|
|
1340
1386
|
}
|
|
1341
1387
|
type DataExplorerDisplayCollectionItemPropsResolver<TProps, TSource = unknown> = ((context: DataExplorerDisplayCollectionItemContext<TSource>) => Partial<TProps> | undefined) | Partial<TProps>;
|
|
1342
|
-
export type {
|
|
1388
|
+
export type { DataExplorerPageProps as $, DataExplorerDisplayActionMenuClassNames as A, DataExplorerDisplayActionMenuProps as B, DataExplorerDisplayBadge as C, DataExplorerAction as D, DataExplorerDisplayCardClassNames as E, DataExplorerDisplayCardProps as F, DataExplorerDisplayCollectionItemContext as G, DataExplorerDisplayCollectionItemPropsResolver as H, DataExplorerDisplayCollectionViewProps as I, DataExplorerDisplayItem as J, DataExplorerDisplayListItemClassNames as K, DataExplorerDisplayListItemProps as L, DataExplorerDisplayMediaClassNames as M, DataExplorerDisplayMediaItem as N, DataExplorerDisplayMediaKind as O, DataExplorerDisplayMediaProps as P, DataExplorerDisplayMetadata as Q, DataExplorerFilterBarClassNames as R, DataExplorerFilterBarProps as S, DataExplorerImagePreviewClassNames as T, DataExplorerImagePreviewNaturalSize as U, DataExplorerImagePreviewProps as V, DataExplorerMeasuredGridOptions as W, DataExplorerMediaPreviewClassNames as X, DataExplorerMediaPreviewKind as Y, DataExplorerMediaPreviewProps as Z, DataExplorerPageClassNames as _, DataExplorerActionBarClassNames as a, DataExplorerSplitButtonClassNames as a$, DataExplorerRadius as a0, DataExplorerRecordCardClassNames as a1, DataExplorerRecordCardProps as a2, DataExplorerRecordPickerClassNames as a3, DataExplorerRecordPickerOption as a4, DataExplorerRecordPickerProps as a5, DataExplorerResolvedTheme as a6, DataExplorerResolver as a7, DataExplorerSelectClassNames as a8, DataExplorerSelectProps as a9, DataExplorerViewId as aA, DataExplorerViewItemDefinition as aB, DataExplorerViewItemProps as aC, DataExplorerViewItemShellClassNames as aD, DataExplorerViewItemShellProps as aE, DataExplorerViewOption as aF, DataExplorerViewProps as aG, DataExplorerViewRenderProps as aH, DataExplorerViewShellClassNames as aI, DataExplorerViewShellProps as aJ, DataExplorerViewTreeAction as aK, DataExplorerViewTreeActionContext as aL, DataExplorerViewTreeClassNames as aM, DataExplorerViewTreeEntryType as aN, DataExplorerViewTreeGroup as aO, DataExplorerViewTreeLabels as aP, DataExplorerViewTreeNode as aQ, DataExplorerViewTreeProps as aR, DataExplorerViewTreeReorderPayload as aS, DataExplorerSplitButtonProps as aT, DataExplorerDraggableTreeProps as aU, DataExplorerDraggableTreeClassNames as aV, DataExplorerDraggableTreeDragPayload as aW, DataExplorerDraggableTreeFlattenedNode as aX, DataExplorerDraggableTreeLabels as aY, DataExplorerDraggableTreeNode as aZ, DataExplorerDraggableTreeRenderContext as a_, DataExplorerThemePresetId as aa, DataExplorerThemeSlots as ab, DataExplorerThemeStyles as ac, DataExplorerToolbarAction as ad, DataExplorerToolbarActionItem as ae, DataExplorerToolbarActionKind as af, DataExplorerToolbarActionOption as ag, DataExplorerToolbarActionsClassNames as ah, DataExplorerToolbarActionsLayout as ai, DataExplorerToolbarActionsProps as aj, DataExplorerToolbarShellClassNames as ak, DataExplorerToolbarShellProps as al, DataExplorerToolbarViewOption as am, DataExplorerTreeClassNames as an, DataExplorerTreeProps as ao, DataExplorerTreeRenderProps as ap, DataExplorerTreeShellClassNames as aq, DataExplorerTreeShellProps as ar, DataExplorerUploadSurfaceClassNames as as, DataExplorerUploadSurfaceProps as at, DataExplorerViewClassNames as au, DataExplorerViewCollectionClassNames as av, DataExplorerViewCollectionLayout as aw, DataExplorerViewCollectionOptions as ax, DataExplorerViewCollectionProps as ay, DataExplorerViewDefinition as az, DataExplorerActionBarProps as b, DataExplorerSplitButtonItem as b0, DataExplorerAppearance as c, DataExplorerBackground as d, DataExplorerBorder as e, DataExplorerButtonClassNames as f, DataExplorerButtonProps as g, DataExplorerCapabilities as h, DataExplorerCheckboxClassNames as i, DataExplorerCheckboxProps as j, DataExplorerCollectionFooterClassNames as k, DataExplorerCollectionFooterProps as l, DataExplorerControlOption as m, DataExplorerControlTone as n, DataExplorerDensity as o, DataExplorerDetailFieldClassNames as p, DataExplorerDetailFieldDefinition as q, DataExplorerDetailFieldProps as r, DataExplorerDetailNavigation as s, DataExplorerDetailSectionClassNames as t, DataExplorerDetailSectionDefinition as u, DataExplorerDetailSectionProps as v, DataExplorerDetailShellClassNames as w, DataExplorerDetailShellProps as x, DataExplorerDisplayAction as y, DataExplorerDisplayActionContext as z };
|