@genispace/geniapp 0.2.0 → 0.4.0

package/dist/components/internal/workbench/components/renderers/ChartRenderer.d.ts

@@ -0,0 +1,167 @@
+import { default as React } from 'react';
+import { CustomStylesConfig } from '../../types/components';
+import { DatabaseDataSourceConfig } from '../../types/databaseDataSource';
+import { ComponentParameterConfig } from '../../types/parameters';
+
+interface ChartRendererProps {
+    chartType: 'line' | 'column' | 'bar' | 'area' | 'pie' | 'radar' | 'heatmap' | 'composedBar' | 'overlapBar';
+    series?: Array<{
+        type: 'bar' | 'line';
+        dataKey: string;
+        yAxisId?: 'left' | 'right';
+        color?: string;
+        name?: string;
+    }>;
+    referenceLines?: Array<{
+        value: number;
+        stroke?: string;
+        strokeDasharray?: string;
+        label?: string;
+    }>;
+    composedBarLabel?: boolean;
+    overlapValueKey?: string;
+    overlapValueName?: string | {
+        zh?: string;
+        en?: string;
+    };
+    overlapTargets?: Array<{
+        dataKey: string;
+        color?: string;
+        name?: string | {
+            zh?: string;
+            en?: string;
+        };
+        hideWithLine?: boolean;
+    }>;
+    overlapTargetAchievement?: boolean;
+    overlapCompKey?: string;
+    overlapHideTargets?: boolean;
+    overlapValueLabel?: boolean;
+    overlapValueColor?: string;
+    overlapValueLabelColor?: string;
+    overlapValueLabelFontSize?: number;
+    overlapSummaryFontSize?: number;
+    overlapSummary?: Array<{
+        label?: string | {
+            zh?: string;
+            en?: string;
+        };
+        field?: string;
+        ratioNum?: string;
+        ratioDen?: string;
+        textField?: string;
+        subTextField?: string;
+        subTextFields?: string[];
+        secondaryTextField?: string;
+        flex?: number;
+        subTextSignedColor?: boolean;
+        color?: string;
+        fontSize?: number;
+    }>;
+    overlapShowSummary?: boolean;
+    seriesSameColor?: boolean;
+    seriesLegendVisible?: boolean;
+    overlapSideMargin?: number;
+    overlapBarWidth?: number;
+    overlapXTickNoWrap?: boolean;
+    overlapLineKey?: string;
+    overlapLineName?: string | {
+        zh?: string;
+        en?: string;
+    };
+    overlapLineColor?: string;
+    drillDataSourceConfig?: DatabaseDataSourceConfig | null;
+    drillParamKey?: string;
+    drillKeyField?: string;
+    drillBreadcrumbLabel?: string | {
+        zh?: string;
+        en?: string;
+    };
+    title?: string;
+    data?: any[];
+    xField: string;
+    yField: string | string[];
+    seriesField?: string;
+    height?: number;
+    chartHeight?: number;
+    loading?: boolean;
+    className?: string;
+    meta?: {
+        [key: string]: {
+            alias?: string;
+            formatter?: (value: any) => string;
+        };
+    };
+    label?: boolean | {
+        type?: 'inner' | 'outer' | 'spider';
+        labelHeight?: number;
+        formatter?: string;
+        style?: React.CSSProperties;
+    };
+    smooth?: boolean;
+    isGroup?: boolean;
+    isStack?: boolean;
+    colorField?: string;
+    angleField?: string;
+    radius?: number;
+    innerRadius?: number;
+    color?: string | string[];
+    colors?: string[];
+    colorScheme?: string;
+    legend?: boolean | {
+        position?: 'top' | 'right' | 'bottom' | 'left';
+    };
+    tooltip?: {
+        shared?: boolean;
+        showCrosshairs?: boolean;
+        formatter?: (value: any, name: string) => [string, string];
+    };
+    showArea?: boolean;
+    areaStyle?: any;
+    showPoint?: boolean;
+    point?: {
+        size?: number;
+        shape?: 'circle' | 'diamond' | 'square' | 'triangle';
+    };
+    columnWidthRatio?: number;
+    barSizePx?: number;
+    scrollable?: boolean;
+    scrollMinWidthPerGroup?: number;
+    grid?: boolean;
+    showValueAxisGrid?: boolean;
+    barLengthAdjustment?: boolean;
+    showBarNumber?: boolean;
+    barNumberFontSize?: number;
+    barCompField?: string;
+    showMode?: 'value' | 'percentage';
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showDataView?: boolean;
+    bordered?: boolean;
+    additionalStats?: Array<{
+        field: string;
+        label?: string;
+        unit?: string;
+        newlineAtEnd?: boolean;
+        ratio?: {
+            denominator: string;
+            unit?: '%' | '';
+            prefix?: string;
+        };
+    }>;
+    additionalStatsLabelFontSize?: number;
+    titleFontSize?: number;
+    xAxisFontSize?: number;
+    yAxisFontSize?: number;
+    useMockData?: boolean;
+    mockData?: any[];
+    id?: string;
+    customStyles?: CustomStylesConfig;
+    databaseDataSourceConfig?: DatabaseDataSourceConfig | null;
+    pageParams?: Record<string, any>;
+    componentParameterConfig?: ComponentParameterConfig | null;
+    componentId?: string;
+    followPageRefresh?: boolean;
+}
+declare const ChartRenderer: React.FC<ChartRendererProps>;
+export default ChartRenderer;

package/dist/components/internal/workbench/components/renderers/CollapsePanelRenderer.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { DatabaseDataSourceConfig } from '../../types/databaseDataSource';
+import { ComponentParameterConfig } from '../../types/parameters';
+
+interface CollapseItem {
+    title: unknown;
+    content?: unknown;
+    contentDataSource?: {
+        field: string;
+    };
+}
+export interface CollapsePanelRendererProps {
+    title?: unknown;
+    items?: CollapseItem[];
+    defaultExpanded?: boolean;
+    id?: string;
+    databaseDataSourceConfig?: DatabaseDataSourceConfig | null;
+    componentParameterConfig?: ComponentParameterConfig;
+    pageParams?: Record<string, unknown>;
+    useMockData?: boolean;
+    mockData?: Record<string, unknown>[] | Record<string, unknown>;
+    /** Panel header title font size (px). Default 14. */
+    titleFontSize?: number;
+    /** Item label + content/description font size (px). Default 13. */
+    labelFontSize?: number;
+}
+declare const CollapsePanelRenderer: React.FC<CollapsePanelRendererProps>;
+export default CollapsePanelRenderer;

package/dist/components/internal/workbench/components/renderers/ContainerRenderers.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { CustomStylesConfig } from '../../types/components';
+
+interface ContainerRendererProps {
+    children?: React.ReactNode;
+    title?: string;
+    description?: string;
+    titleLevel?: 1 | 2 | 3 | 4 | 5;
+    divider?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    direction?: 'horizontal' | 'vertical';
+    gutter?: number | [number, number];
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+    align?: 'top' | 'middle' | 'bottom';
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    layout?: 'block' | 'flex' | 'grid';
+    cols?: number[];
+    padding?: number | string;
+    margin?: number | string;
+    background?: string;
+    border?: boolean;
+    borderRadius?: number | string;
+    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    scrollable?: boolean;
+    responsive?: {
+        mobile?: number;
+        tablet?: number;
+        desktop?: number;
+    };
+    id?: string;
+    customStyles?: CustomStylesConfig;
+    loading?: boolean;
+    componentConfig?: any;
+    appConfig?: Record<string, unknown>;
+    pageParams?: any;
+    pageId?: string;
+    /** Nesting depth for 24-column grid (page root children use 0). */
+    nestingLevel?: number;
+}
+export declare const ContainerRenderer: React.FC<ContainerRendererProps>;
+export {};

package/dist/components/internal/workbench/components/renderers/CustomContentRenderer.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { CustomStylesConfig } from '../../types/components';
+
+interface CustomContentRendererProps {
+    html?: string;
+    emptyText?: string;
+    ariaLabel?: string;
+    className?: string;
+    id?: string;
+    customStyles?: CustomStylesConfig;
+}
+/**
+ * Declarative escape hatch for content that is not covered by a built-in
+ * component. It deliberately supports HTML + scoped CSS only: scripts, inline
+ * event handlers, forms, embedded documents and inline styles are stripped.
+ * Interactivity remains the responsibility of audited platform components.
+ */
+export declare const sanitizeCustomContentHtml: (html: string) => string;
+declare const CustomContentRenderer: React.FC<CustomContentRendererProps>;
+export default CustomContentRenderer;

package/dist/components/internal/workbench/components/renderers/DataGridCard.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { CustomStylesConfig } from '../../types/components';
+import { DatabaseDataSourceConfig } from '../../types/databaseDataSource';
+
+interface DataGridCardProps {
+    title?: string;
+    columns: Array<{
+        key?: string;
+        dataIndex: string;
+        title: string;
+        render?: {
+            type: string;
+            props?: {
+                color?: Record<string, string>;
+                text?: Record<string, string>;
+            };
+        };
+        primary?: boolean;
+        secondary?: boolean;
+    }>;
+    dataSource: any[];
+    loading?: boolean;
+    rowKey?: string;
+    className?: string;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    showRefresh?: boolean;
+    showHeader?: boolean;
+    onItemClick?: (record: any) => void;
+    pagination?: {
+        pageSize?: number;
+        current?: number;
+        total?: number;
+        showSizeChanger?: boolean;
+        showTotal?: boolean;
+    };
+    footerContent?: React.ReactNode;
+    useMockData?: boolean;
+    mockData?: any[];
+    /** When set, loads rows via POST /datasources/:id/data (same contract as TableRenderer). */
+    databaseDataSourceConfig?: DatabaseDataSourceConfig;
+    id?: string;
+    customStyles?: CustomStylesConfig;
+}
+declare const DataGridCard: React.FC<DataGridCardProps>;
+export default DataGridCard;

package/dist/components/internal/workbench/components/renderers/EChartsChartRenderer.d.ts

@@ -0,0 +1,178 @@
+import { default as React } from 'react';
+import { CustomStylesConfig } from '../../types/components';
+import { DatabaseDataSourceConfig } from '../../types/databaseDataSource';
+import { ComponentParameterConfig } from '../../types/parameters';
+
+declare const ADDITIONAL_STATS_FONT_PRIMARY_ORDER: readonly ["Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"];
+export type AdditionalStatsFontFamilyChoice = (typeof ADDITIONAL_STATS_FONT_PRIMARY_ORDER)[number] | 'sans-serif';
+export declare function resolveAdditionalStatsFontFamily(primary?: string | null): string;
+export interface EChartsChartRendererProps {
+    title?: string;
+    titleFontSize?: number;
+    xAxisFontSize?: number;
+    yAxisFontSize?: number;
+    gaugeAxisFontSize?: number;
+    data?: any[];
+    chartType: 'funnel' | 'gauge' | 'gaugeProgressRing' | 'pie' | 'horizontalBar' | 'bar' | 'treemap' | 'sankey' | 'wordcloud' | 'scatter' | 'line' | 'multiLine' | 'heatmap' | 'cluster';
+    height?: number;
+    loading?: boolean;
+    className?: string;
+    nameField?: string;
+    valueField?: string;
+    categoryField?: string;
+    funnelSort?: 'ascending' | 'descending';
+    funnelGap?: number;
+    funnelLabelFontSize?: number;
+    funnelLabelFontWeight?: number | string;
+    funnelLabelFontFamily?: AdditionalStatsFontFamilyChoice | string;
+    horizontalBarPercentBaseField?: string;
+    horizontalBarShowPercent?: boolean;
+    horizontalBarValueUnit?: string;
+    horizontalBarLabelPosition?: 'follow' | 'insideLeft' | 'inside' | 'insideRight';
+    horizontalBarLabelFontSize?: number;
+    horizontalBarLabelFontWeight?: number | string;
+    horizontalBarLabelFontFamily?: AdditionalStatsFontFamilyChoice | string;
+    barValueDisplayMode?: 'value' | 'percent' | 'valueAndPercent';
+    barNumberFormat?: 'plain' | 'thousands';
+    barOrientation?: 'horizontal' | 'vertical';
+    /** `progress` = ranking list (name left, % right, thin track, no grid) */
+    barLayout?: 'default' | 'progress';
+    /** Show category names on the category axis (Y for horizontal bars, X for vertical). Default true. */
+    showCategoryLabels?: boolean;
+    /**
+     * Where to place category names when `showCategoryLabels` is true.
+     * - `axis`: on the category axis (default)
+     * - `aboveBar`: above each bar, left-aligned (horizontal / progress layout)
+     */
+    categoryLabelPosition?: 'axis' | 'aboveBar';
+    barLengthAdjustment?: boolean;
+    barGradientMode?: 'none' | 'topToBottom';
+    xAxisLabelRotate?: number | 'auto';
+    xAxisLabelInterval?: number | 'auto';
+    xAxisLabelMaxLength?: number;
+    lineSmooth?: boolean;
+    lineAreaStyle?: boolean;
+    lineStack?: boolean;
+    lineXAxisType?: 'category' | 'value' | 'time' | 'log';
+    lineYAxisType?: 'category' | 'value' | 'time' | 'log';
+    lineShowSymbol?: boolean;
+    lineSymbolSize?: number;
+    lineStep?: 'none' | 'start' | 'middle' | 'end';
+    lineCumulative?: boolean;
+    multiLineValueFields?: string[];
+    multiLineStack?: boolean;
+    heatmapXField?: string;
+    heatmapYField?: string;
+    heatmapValueField?: string;
+    heatmapColorLow?: string;
+    heatmapColorHigh?: string;
+    clusterGroupField?: string;
+    clusterXField?: string;
+    clusterYField?: string;
+    clusterSizeField?: string;
+    lineQuantityUnitSuffix?: string;
+    lineYAxisValueUnit?: string;
+    linePointLabelFontFamily?: AdditionalStatsFontFamilyChoice | string;
+    linePointLabelFontSize?: number;
+    linePointLabelFontWeight?: number | string;
+    linePointLabelColor?: string;
+    gaugeMin?: number;
+    gaugeMax?: number;
+    gaugeSplitNumber?: number;
+    gaugeValue?: number;
+    gaugeRadius?: number;
+    gaugeCenterX?: number;
+    gaugeCenterY?: number;
+    gaugeColor?: string | string[];
+    gaugeAxisLineColor?: Array<[number, string]>;
+    gaugeDetailColor?: string;
+    gaugeShowDetail?: boolean;
+    gaugeDetailOffsetCenterX?: number | string;
+    gaugeDetailOffsetCenterY?: number | string;
+    gaugeTitleOffsetCenterX?: number | string;
+    gaugeTitleOffsetCenterY?: number | string;
+    gaugeTitleFontSize?: number;
+    gaugeDetailFontSize?: number;
+    gaugeLabelField?: string;
+    gaugeLabelColor?: string;
+    gaugeLabelFontSize?: number;
+    gaugeLabelFontWeight?: number;
+    gaugeTitleFontWeight?: number;
+    gaugeDetailFontWeight?: number;
+    gaugeLabelX?: number;
+    gaugeLabelY?: number;
+    gaugeArcStartAngle?: number;
+    gaugeArcEndAngle?: number;
+    gaugeProgressRingLineWidth?: number;
+    gaugeProgressRingDrawOffsetPercent?: number;
+    gaugeTrackColor?: string;
+    gaugeTrackGradient?: boolean;
+    gaugeProgressBarColor?: string;
+    gaugeProgressRingCenterY?: number | string;
+    gaugeProgressRingCanvasLabelPosition?: 'ringCenter' | 'chartTop' | 'chartBottom';
+    gaugeProgressRingCanvasLabelEdgePercent?: number;
+    treemapLayout?: 'squarified' | 'strip' | 'slice';
+    colors?: string[];
+    chartColorScheme?: string;
+    pieLabelFontSize?: number;
+    pieLabelFontWeight?: number | string;
+    pieLabelFontFamily?: AdditionalStatsFontFamilyChoice | string;
+    pieRingSize?: number;
+    pieRingWidth?: number;
+    /** Absolute outer radius (% of chart). When set, matches gauge-style sizing and bypasses pieRingSize scale. */
+    pieOuterRadius?: number;
+    /** First segment of outside label leader line (px). Overrides layout preset when set. */
+    pieLabelLineLength?: number;
+    /** Second (near-label) segment of outside label leader line (px). Overrides layout preset when set. */
+    pieLabelLineLength2?: number;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    meta?: {
+        [key: string]: {
+            alias?: string;
+            formatter?: (value: any) => string;
+        };
+    };
+    useMockData?: boolean;
+    mockData?: any[];
+    id?: string;
+    customStyles?: CustomStylesConfig;
+    showDataView?: boolean;
+    databaseDataSourceConfig?: DatabaseDataSourceConfig | null;
+    pageParams?: Record<string, any>;
+    componentParameterConfig?: ComponentParameterConfig | null;
+    componentId?: string;
+    followPageRefresh?: boolean;
+    /** When true, renders chart body only (no outer Card/title) for embedding in List viewToggle */
+    embedded?: boolean;
+    headerLabelField?: string;
+    headerLabelFontSize?: number;
+    headerLabelFontWeight?: number | string;
+    headerLabelColor?: string;
+    /** Where to render headerLabelField text. Default keeps it beside the title. */
+    headerLabelPosition?: 'header' | 'chartTopRight';
+    additionalStats?: Array<{
+        field: string;
+        label?: string;
+        unit?: string;
+        newlineAtEnd?: boolean;
+        displayContent?: 'sum' | 'ratio' | 'sumAndRatio';
+        ratio?: {
+            denominator: string;
+            unit?: '%' | '';
+            prefix?: string;
+        };
+    }>;
+    additionalStatsLabelFontSize?: number;
+    additionalStatsFontFamily?: AdditionalStatsFontFamilyChoice | string;
+    additional_stats_font_family?: string;
+    additionalStatsFontWeight?: number | string;
+    additional_stats_font_weight?: number | string;
+    additionalStatsFontBold?: boolean;
+    additional_stats_font_bold?: boolean;
+    additionalStatsShowLegendSquare?: boolean;
+    additionalStatsNumberFormat?: 'plain' | 'thousands';
+    additionalStatsPosition?: 'headerRight' | 'headerCenter' | 'chartTopRight' | 'chartTopLeft' | 'chartTopCenter';
+}
+declare const EChartsChartRenderer: React.FC<EChartsChartRendererProps>;
+export default EChartsChartRenderer;

package/dist/components/internal/workbench/components/renderers/EditableTable.types.d.ts

@@ -0,0 +1,27 @@
+import { ColumnConfig } from '../../types/datasource';
+
+export type CellEditorType = 'text' | 'number' | 'color' | 'date' | 'select' | 'switch' | 'file';
+export type EditableTableColumnConfig = ColumnConfig;
+export interface EditableTableProps {
+    id?: string;
+    type: 'EditableTable';
+    title?: string;
+    columns: EditableTableColumnConfig[];
+    rowKey?: string;
+    pagination?: {
+        pageSize?: number;
+        current?: number;
+        showSizeChanger?: boolean;
+        showQuickJumper?: boolean;
+        showTotal?: boolean;
+    };
+    dataSource?: {
+        datasetId?: string;
+        databaseDataSourceConfig?: any;
+    };
+    useMockData?: boolean;
+    showToolbar?: boolean;
+    showRefresh?: boolean;
+    enableExport?: boolean;
+    onUpdateSuccess?: () => void;
+}

package/dist/components/internal/workbench/components/renderers/EditableTableController.d.ts

@@ -0,0 +1,44 @@
+import { EditableTableColumnConfig } from './EditableTable.types';
+import { TableAction } from '../../types';
+
+interface EditableTableControllerProps {
+    columns: EditableTableColumnConfig[];
+    actions?: TableAction[];
+    onRowEditComplete?: (rowId: string, editedData: Record<string, any>, action: TableAction, 
+    /** Full table row merged with edits; use for DB updateFields / updateConditions (column sources). */
+    rowForDatabaseWrite?: Record<string, any>) => Promise<void>;
+}
+interface EditableState {
+    editingCell: {
+        rowId: string;
+        columnKey: string;
+    } | null;
+    editingValue: any;
+    editingRow: string | null;
+    editedRowData: Record<string, any>;
+    originalRowData: Record<string, any>;
+}
+export interface EditableTableControllerReturn {
+    state: EditableState;
+    editingCell: {
+        rowId: string;
+        columnKey: string;
+    } | null;
+    editingValue: any;
+    editingRow: string | null;
+    editedRowData: Record<string, any>;
+    rowClickActions: TableAction[];
+    columnToRowClickActionMap: Map<string, TableAction>;
+    rowClickConflicts: Array<{
+        column: string;
+        actions: TableAction[];
+    }>;
+    handleStartRowEdit: (rowId: string | number, record: Record<string, any>, initialColumnKey?: string) => void;
+    handleRowEditCellChange: (columnKey: string, value: any) => void;
+    handleRowEditCellFocus: (columnKey: string) => void;
+    handleRowEditComplete: () => Promise<boolean>;
+    handleCancelRowEdit: () => void;
+    getNextEditableColumn: (currentColumnKey: string) => string | null;
+}
+export declare const useEditableTableController: ({ columns, actions, onRowEditComplete, }: EditableTableControllerProps) => EditableTableControllerReturn;
+export {};

package/dist/components/internal/workbench/components/renderers/EditableTableRenderer.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { EditableTableColumnConfig } from './EditableTable.types';
+import { ApplyFilterButtonPlacement, FilterPanelGridColumns } from '../../types/renderers';
+import { TableAction } from '../../types';
+
+interface EditableTableRendererProps {
+    columns: EditableTableColumnConfig[];
+    dataSource?: Record<string, unknown>[];
+    rowKey?: string;
+    title?: string;
+    enableExport?: boolean;
+    pagination?: {
+        pageSize?: number;
+        current?: number;
+        showSizeChanger?: boolean;
+        showQuickJumper?: boolean;
+        showTotal?: boolean;
+    };
+    showToolbar?: boolean;
+    showRefresh?: boolean;
+    showSettings?: boolean;
+    databaseDataSourceConfig?: any;
+    dataSourceConfig?: {
+        datasetId?: string;
+        databaseDataSourceConfig?: any;
+    };
+    onUpdateSuccess?: () => void;
+    actions?: TableAction[];
+    /** Match Table: allow mock rows when there is no data source (dev/demo) */
+    useMockData?: boolean;
+    mockData?: Record<string, unknown>[];
+    /** Legacy saved pages only; ignored at runtime */
+    editableConfig?: unknown;
+    filterPanelGridColumns?: FilterPanelGridColumns;
+    applyFilterButtonPlacement?: ApplyFilterButtonPlacement;
+}
+declare const EditableTableRenderer: React.FC<EditableTableRendererProps>;
+export default EditableTableRenderer;

package/dist/components/internal/workbench/components/renderers/ExecutionHistoryModal.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface ExecutionHistoryModalProps {
+    taskId: string;
+    taskName: string;
+    onClose: () => void;
+}
+declare const ExecutionHistoryModal: React.FC<ExecutionHistoryModalProps>;
+export default ExecutionHistoryModal;

package/dist/components/internal/workbench/components/renderers/FileUploadDropzone.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+
+interface FileUploadValue {
+    name: string;
+    size: number;
+    type: string;
+    url: string;
+    fileId: string;
+    status: 'uploaded';
+}
+interface FileUploadDropzoneProps {
+    fieldId: string;
+    value: FileUploadValue | null;
+    isUploading?: {
+        file: File;
+        progress: number;
+    };
+    accept?: Record<string, string[]>;
+    description?: string;
+    onUpload: (fieldId: string, file: File) => void;
+    onRemove: (fieldId: string) => void;
+}
+declare const FileUploadDropzone: React.FC<FileUploadDropzoneProps>;
+export default FileUploadDropzone;