@inf-monkeys-tech/monkeys-design 0.4.32 → 0.4.34

package/dist/components/workbench/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode, MouseEvent, ElementType, CSSProperties, ComponentPropsWithoutRef, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { aN as BaseTableSortDirection, c as BaseAppearance, aw as BaseTableColumnSizes, au as BaseTableColumnOrderChangeDetail, av as BaseTableColumnSizeChangeDetail } from '../../types-BgEEUqSm.js';
+import { b0 as BaseTableSortDirection, c as BaseAppearance, aL as BaseTableColumnSizes, aJ as BaseTableColumnOrderChangeDetail, aK as BaseTableColumnSizeChangeDetail } from '../../types-Bn6PEDsX.js';
 import '@radix-ui/react-context-menu';
 
 interface WorkbenchResizableSidebarItem {
@@ -420,6 +420,150 @@ interface WorkbenchTableViewProps<Row = any> {
 }
 declare function WorkbenchTableView<Row = any>({ rows, columns, onRowClick, selectedRowKey, selectedLinkKey, activePrimaryColumn, activeTablePrimaryColumn, renderedRowCount, totalRowCount, tableMinWidth, minWidth, bodyMaxHeight, stickyFirstColumn, appearance, columnOrder, columnSizes, columnDragEnabled, columnResizeEnabled, className, tableClassName, rowClassName, classNames, style, renderCell, renderFieldValue, renderColumnHeader, onColumnOrderChange, onColumnSizeChange, onSort, formatLabel, getColumnDataType, getColumnIcon, getColumnTypeIcon, getRowKey, getRowSelectionKey, isActionColumn, isActionField, isRowDisabled, isWorkbenchPlaceholderRow, emptyState, hiddenRowsMessage, }: WorkbenchTableViewProps<Row>): react_jsx_runtime.JSX.Element;
 
+interface InteractiveTableColumn {
+    key: string;
+    label?: ReactNode;
+    description?: ReactNode;
+    align?: 'left' | 'center' | 'right';
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    sortable?: boolean;
+    sortDirection?: BaseTableSortDirection;
+    sortLabel?: string;
+    draggable?: boolean;
+    resizable?: boolean;
+    className?: string;
+    headerClassName?: string;
+    cellClassName?: string;
+    wrap?: boolean;
+    [key: string]: any;
+}
+interface InteractiveTableClassNames {
+    root?: string;
+    header?: string;
+    headerLeading?: string;
+    headerTitle?: string;
+    headerDescription?: string;
+    headerActions?: string;
+    scrollArea?: string;
+    table?: string;
+    tableHeader?: string;
+    headerRow?: string;
+    headerCell?: string;
+    body?: string;
+    row?: string;
+    pinnedTopRow?: string;
+    cell?: string;
+    empty?: string;
+}
+interface InteractiveTableRenderContext<Row = any> {
+    row: Row;
+    rowIndex: number;
+    column: InteractiveTableColumn;
+    columnIndex: number;
+    isPinnedTopRow: boolean;
+}
+interface InteractiveTableHeaderContext<Row = any> {
+    column: InteractiveTableColumn;
+    columnIndex: number;
+    columns: InteractiveTableColumn[];
+    rows: Row[];
+}
+interface InteractiveTableRowState {
+    disabled?: boolean;
+    pending?: boolean;
+    saving?: boolean;
+    selected?: boolean;
+}
+interface InteractiveTableHeaderProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    resetColumnSizesLabel?: ReactNode;
+}
+interface InteractiveTableColumnMenuLabels {
+    columnActions?: ReactNode;
+    freezeColumn?: ReactNode;
+    freezeEndColumn?: ReactNode;
+    unfreezeColumn?: ReactNode;
+    unfreezeEndColumn?: ReactNode;
+    unfreezeAllColumns?: ReactNode;
+    resetColumnWidth?: ReactNode;
+    frozenColumnTitle?: string;
+}
+interface InteractiveTableProps<Row = any, PinnedTopRow = Row> {
+    rows?: Row[];
+    columns?: InteractiveTableColumn[];
+    pinnedTopRows?: PinnedTopRow[];
+    getRowKey?: (row: Row, rowIndex: number) => string | number;
+    getPinnedTopRowKey?: (row: PinnedTopRow, rowIndex: number) => string | number;
+    renderCell?: (column: InteractiveTableColumn, row: Row, context: InteractiveTableRenderContext<Row>) => ReactNode;
+    renderPinnedTopCell?: (column: InteractiveTableColumn, row: PinnedTopRow, context: InteractiveTableRenderContext<PinnedTopRow>) => ReactNode;
+    renderColumnHeader?: (column: InteractiveTableColumn, context: InteractiveTableHeaderContext<Row>) => ReactNode;
+    onRowClick?: (row: Row, rowIndex: number) => void;
+    getRowState?: (row: Row, rowIndex: number) => InteractiveTableRowState | undefined;
+    rowClassName?: string | ((row: Row, rowIndex: number) => string | undefined);
+    pinnedTopRowClassName?: string | ((row: PinnedTopRow, rowIndex: number) => string | undefined);
+    emptyState?: ReactNode;
+    header?: InteractiveTableHeaderProps;
+    showResetColumnSizes?: boolean;
+    columnMenuLabels?: InteractiveTableColumnMenuLabels;
+    columnStorageKey?: string;
+    columnOrder?: string[];
+    columnSizes?: BaseTableColumnSizes;
+    defaultColumnSizes?: BaseTableColumnSizes;
+    columnDragEnabled?: boolean;
+    columnResizeEnabled?: boolean;
+    frozenColumnCount?: number;
+    frozenEndColumnCount?: number;
+    tableMinWidth?: number;
+    bodyMaxHeight?: number | string;
+    appearance?: BaseAppearance;
+    className?: string;
+    tableClassName?: string;
+    classNames?: InteractiveTableClassNames;
+    style?: CSSProperties;
+    onColumnOrderChange?: (nextOrder: string[], detail: BaseTableColumnOrderChangeDetail) => void;
+    onColumnSizeChange?: (columnId: string, width: number, detail: BaseTableColumnSizeChangeDetail) => void;
+    onResetColumnSizes?: (nextSizes: BaseTableColumnSizes) => void;
+    onFrozenColumnCountChange?: (nextCount: number) => void;
+    onFrozenEndColumnCountChange?: (nextCount: number) => void;
+    onSort?: (columnKey: string, column: InteractiveTableColumn) => void;
+}
+interface InteractiveTableEditableTextCellProps {
+    value?: string | null;
+    placeholder?: string;
+    disabled?: boolean;
+    multiline?: boolean;
+    commitOnBlur?: boolean;
+    className?: string;
+    inputClassName?: string;
+    onCommit?: (value: string) => void | Promise<void>;
+}
+interface InteractiveTableReadonlyCellProps {
+    children?: ReactNode;
+    mono?: boolean;
+    className?: string;
+}
+interface InteractiveTableSelectOption<T extends string = string> {
+    value: T;
+    label: string;
+}
+interface InteractiveTableSelectCellProps<T extends string = string> {
+    value: T;
+    options: Array<InteractiveTableSelectOption<T>>;
+    disabled?: boolean;
+    ariaLabel: string;
+    children: ReactNode;
+    className?: string;
+    onChange?: (nextValue: T) => void;
+}
+declare function InteractiveTable<Row = any, PinnedTopRow = Row>({ rows, columns, pinnedTopRows, getRowKey, getPinnedTopRowKey, renderCell, renderPinnedTopCell, renderColumnHeader, onRowClick, getRowState, rowClassName, pinnedTopRowClassName, emptyState, columnMenuLabels, columnStorageKey, columnOrder, columnSizes, defaultColumnSizes, columnDragEnabled, columnResizeEnabled, frozenColumnCount, frozenEndColumnCount, tableMinWidth, bodyMaxHeight, appearance, className, tableClassName, classNames, style, onColumnOrderChange, onColumnSizeChange, onResetColumnSizes, onFrozenColumnCountChange, onFrozenEndColumnCountChange, onSort, }: InteractiveTableProps<Row, PinnedTopRow>): react_jsx_runtime.JSX.Element;
+declare function InteractiveTableEditableTextCell({ value, placeholder, disabled, multiline, commitOnBlur, className, inputClassName, onCommit, }: InteractiveTableEditableTextCellProps): react_jsx_runtime.JSX.Element;
+declare function InteractiveTableReadonlyCell({ children, mono, className, }: InteractiveTableReadonlyCellProps): react_jsx_runtime.JSX.Element;
+declare function InteractiveTableSelectCell<T extends string = string>({ value, options, disabled, ariaLabel, children, className, onChange, }: InteractiveTableSelectCellProps<T>): react_jsx_runtime.JSX.Element;
+
 interface WorkbenchGalleryRecordVisual {
     Icon?: ComponentType<{
         className?: string;
@@ -558,4 +702,51 @@ interface WorkbenchGalleryViewProps<Row = any> extends Omit<WorkbenchGalleryCard
 }
 declare function WorkbenchGalleryView<Row = any>({ rows, columns, onRowClick, selectedLinkKey, selectedRowKey, className, isMasonry, galleryLayoutMode, galleryRailCardWidth, galleryGridColumns, galleryGridCardWidth, galleryMasonryColumnWidth, masonryPlacementStrategy, galleryFieldKey, galleryDensity, galleryBentoColumns, galleryDetailVisibility, galleryDetailLimit, shouldEnhanceMultimodal, getFieldValue, isMediaColumn, isTitleCandidate, isSummaryCandidate, getDisplayText, renderFieldValue, getImagePreviewSrc, isImageField, isAudioField, AudioPlayerComponent, cardVariant, renderPreview, renderMeta, renderLeadingVisual, resolveRecordVisual, hiddenDetailFieldKeys, labels, formatLabel, getMasonryItemSize, }: WorkbenchGalleryViewProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext };
+interface WorkbenchLaneColumn<ColumnId extends string = string> {
+    id: ColumnId;
+    label?: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    badgeClassName?: string;
+    iconClassName?: string;
+}
+interface WorkbenchLaneClassNames {
+    root?: string;
+    column?: string;
+    columnHeader?: string;
+    columnIcon?: string;
+    columnBadge?: string;
+    columnCount?: string;
+    columnBody?: string;
+    cardWrapper?: string;
+    overlayWrapper?: string;
+    emptyColumn?: string;
+}
+interface WorkbenchLaneRenderCardContext<Row = any, ColumnId extends string = string> {
+    row: Row;
+    rowIndex: number;
+    column: WorkbenchLaneColumn<ColumnId>;
+    isDragging: boolean;
+    isOverlay: boolean;
+}
+interface WorkbenchLaneViewProps<Row = any, ColumnId extends string = string> {
+    rows?: Row[];
+    columns?: Array<WorkbenchLaneColumn<ColumnId>>;
+    getRowId?: (row: Row, rowIndex: number) => string;
+    getColumnId?: (row: Row, rowIndex: number) => ColumnId;
+    renderCard?: (row: Row, context: WorkbenchLaneRenderCardContext<Row, ColumnId>) => ReactNode;
+    renderOverlayCard?: (row: Row, context: WorkbenchLaneRenderCardContext<Row, ColumnId>) => ReactNode;
+    onMoveRow?: (rowId: string, nextColumnId: ColumnId, row: Row) => void;
+    emptyColumn?: ReactNode;
+    activationDistance?: number;
+    columnWidth?: number | string;
+    columnMinHeight?: number | string;
+    className?: string;
+    classNames?: WorkbenchLaneClassNames;
+    style?: CSSProperties;
+}
+declare function WorkbenchLaneView<Row = any, ColumnId extends string = string>({ rows, columns, getRowId, getColumnId, renderCard, renderOverlayCard, onMoveRow, emptyColumn, activationDistance, columnWidth, columnMinHeight, className, classNames, style, }: WorkbenchLaneViewProps<Row, ColumnId>): react_jsx_runtime.JSX.Element;
+
+export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext };