@genispace/geniapp 0.3.0 → 0.5.0

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

@@ -0,0 +1,13 @@
+export * from './templateRegistry';
+export * from './types';
+export interface MockDataRegistry {
+    [key: string]: any;
+}
+export declare const mockRegistry: MockDataRegistry;
+export declare function getMockData(workbenchId: string): any | null;
+export declare function isDemoWorkbench(workbenchId: string | undefined): boolean;
+export declare function getAvailableDemos(): Array<{
+    id: string;
+    name: string;
+    url: string;
+}>;

package/dist/components/mocks/templateRegistry.d.ts

@@ -0,0 +1,16 @@
+import { getAllCategories, clearTemplateCache, setDefaultTemplateLanguage, TemplateCategory } from '../shared/templates/index.ts';
+
+export * from '../shared/templates/index.ts';
+export declare function getAllTemplates(): import('../shared/templates/index.ts').Template[];
+export declare function getTemplatesByCategory(category: TemplateCategory): import('../shared/templates/index.ts').Template[];
+export declare function getTemplateById(id: string): import('../shared/templates/index.ts').Template;
+export declare function searchTemplates(keyword: string): import('../shared/templates/index.ts').Template[];
+export declare function createWorkbenchConfigFromTemplate(templateId: string, customName?: string): {
+    name: string;
+    description: string;
+    config: {
+        appConfig: any;
+        pages: Record<string, any>;
+    };
+};
+export { getAllCategories, clearTemplateCache, setDefaultTemplateLanguage };

package/dist/components/mocks/types.d.ts

@@ -0,0 +1 @@
+export * from '../shared/templates/index.ts';

package/dist/components/renderers/analytics-table/AnalyticsTableRenderer.d.ts

@@ -0,0 +1,125 @@
+import { default as React } from 'react';
+import { DatabaseDataSourceConfig } from '../../types/databaseDataSource';
+import { ComponentParameterConfig } from '../../types/parameters';
+import { ColorRule, SwCellProps, SwCellType, SwCellFormat } from '../cells/swCells';
+
+interface PillItem {
+    value: string;
+    label: unknown;
+    color?: string;
+    filter?: {
+        field: string;
+        eq: unknown;
+    };
+}
+export type DerivedField = {
+    as: string;
+    kind: 'shareOfTotal';
+    field: string;
+    ifMissing?: boolean;
+} | {
+    as: string;
+    kind: 'subtract';
+    a: string;
+    b: string;
+};
+export interface AnalyticsColumn {
+    key: string;
+    label?: unknown;
+    align?: 'left' | 'right' | 'center';
+    sticky?: boolean;
+    sortField?: string;
+    headerColor?: string;
+    kind: 'label' | 'text' | SwCellType;
+    field?: string;
+    format?: SwCellFormat;
+    muted?: boolean;
+    /** Fixed column width — a px number or any CSS width string. Applied as width/min/max so the
+     *  default `table-layout:auto` honors it (browsers treat a bare `width` as a hint and may grow it). */
+    width?: number | string;
+    cellProps?: SwCellProps;
+    rowMarker?: boolean;
+    /** Threshold -> text color for `text` cells (e.g. SMI% >= 100 -> emerald). */
+    colorRules?: ColorRule[];
+    /** Render this column only while one of these quick-filter pills is active
+     *  (e.g. the live-share column exists only under the 'live' pill). Unset = always shown. */
+    showForPills?: string[];
+}
+export interface AnalyticsTableRendererProps {
+    id?: string;
+    dimLabel?: unknown;
+    databaseDataSourceConfig?: DatabaseDataSourceConfig | null;
+    summaryDataSourceConfig?: DatabaseDataSourceConfig | null;
+    componentParameterConfig?: ComponentParameterConfig;
+    pageParams?: Record<string, unknown>;
+    /**
+     * Row search + quick-filter pills. When `pillParam` is set, selecting a pill re-queries the
+     * datasource with `{ [pillParam]: activePill.value }` (server-side filtering) instead of filtering
+     * the already-loaded page rows; the pill's `filter` is then used only for row markers.
+     */
+    toolbar?: {
+        search?: boolean;
+        pills?: PillItem[];
+        pillParam?: string;
+    };
+    rowMarkers?: boolean;
+    maxHeight?: number;
+    bare?: boolean;
+    mockData?: Record<string, unknown>[];
+    useMockData?: boolean;
+    columns?: AnalyticsColumn[];
+    derivedFields?: DerivedField[];
+    summaryLabel?: unknown;
+    /** Show sub-values (LY line / diff-vs-baseline) in the summary (total) row. The summary datasource
+     *  usually lacks the *_ly fields, leaving a dangling "LY —" under the total — turn this off to
+     *  render main values only in the summary row. Body rows are unaffected. Default true. */
+    summaryShowSub?: boolean;
+    showIndex?: boolean;
+    /** Hard width (px) of the leading `#` index column. Omit to auto-size by the largest row number's
+     *  digit count (snug for a handful of rows, wider once indices reach 3+ digits). */
+    indexWidth?: number;
+    /** Horizontal padding (px) of the `#` index column cells (header/body/summary). Default 8 (px-2).
+     *  Lower it to shrink the index column and pull the first data column left, reclaiming space. */
+    indexPadX?: number;
+    /** Row field displayed in the `#` index column instead of the positional row number (e.g. a
+     *  datasource-computed `national_rank` — task #15 SA ranking: rank moves into the # slot and the
+     *  separate sequence number is dropped). NULL/empty renders '—'; the column width auto-sizes to the
+     *  field's largest digit count (a filtered view can show ranks higher than the row count). */
+    indexField?: string;
+    /** Label of the `#` index column header (localized via bi()). Default '#'. Task #15 SA ranking
+     *  renames it to "Rank"; combined with indexField the header also becomes a sort toggle (asc/desc
+     *  by the indexField value, same client-side sort as data columns). */
+    indexLabel?: unknown;
+    /** Override the width (px) of the first frozen label/dimension column. Lets tables on the shared
+     *  default columns set just this width without redefining the whole column set. */
+    labelWidth?: number;
+    headerClassName?: string;
+    indexHeaderClass?: string;
+    headerColors?: Record<string, string>;
+    zebra?: boolean;
+    zebraClassName?: string;
+    /** Highlight the row whose `field` equals a static `value` or a live bus param `valueParam`. */
+    highlightRow?: {
+        field: string;
+        value?: string;
+        valueParam?: string;
+        badge?: unknown;
+    };
+    /** Per-role content font sizes (px). Raise these for low-vision users; empty = readable defaults. */
+    headerFontSize?: number;
+    cellFontSize?: number;
+    badgeFontSize?: number;
+    /** Mobile only: freeze the first column (sticky-left) AND pin the header below the FilterPanel
+     *  on page scroll. Off by default — turn on only for wide/long tables (e.g. sales-detail by store). */
+    freezeFirstColumn?: boolean;
+    /** Row-fetch page size. These tables load the FULL result set and do search/sort/pagination
+     *  client-side, so the runtime data endpoint's default Table page size (20) would silently
+     *  truncate wide dims (e.g. 116 stores / 29 cities). Defaults to 1000 to load every row. */
+    fetchLimit?: number;
+    /** Wrap the first (label/dimension) column's text onto multiple lines instead of truncating with an
+     *  ellipsis. Row height grows to fit; other columns stay aligned via the shared table row. Off by
+     *  default (keeps the ellipsis behavior). Turn on for long store/city names (dashboard acceptance 0709 #8). */
+    wrapLabel?: boolean;
+}
+declare const AnalyticsTableRenderer: React.FC<AnalyticsTableRendererProps>;
+export default AnalyticsTableRenderer;

package/dist/components/renderers/analytics-table/index.d.ts

@@ -0,0 +1 @@
+export { default as AnalyticsTableRenderer } from './AnalyticsTableRenderer';

package/dist/components/renderers/analytics-table.js

@@ -0,0 +1,5 @@
+import { aA as r } from "./runtime-DX1LfmqO.js";
+export {
+  r as AnalyticsTableRenderer
+};
+//# sourceMappingURL=analytics-table.js.map

package/dist/components/renderers/analytics-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/renderers/base/BaseRenderers.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export interface BaseProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function renderByType(type: string, props: any): React.JSX.Element;

package/dist/components/renderers/base/LoadingRenderer.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+interface LoadingRendererProps {
+    text?: string;
+    size?: 'small' | 'default' | 'large';
+    className?: string;
+    title?: string;
+    height?: number;
+    mode?: 'standalone' | 'overlay' | 'inline';
+    showCard?: boolean;
+    children?: React.ReactNode;
+}
+declare const LoadingRenderer: React.FC<LoadingRendererProps>;
+export default LoadingRenderer;

package/dist/components/renderers/card/CardRenderer.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { CustomStylesConfig } from '../../types/components';
+
+interface CardRendererProps {
+    title?: string;
+    description?: string;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    bordered?: boolean;
+    hoverable?: boolean;
+    shadow?: boolean;
+    /** Vertical gap between card title (header) and content. Number = px, or CSS length e.g. 8px, 0.5rem */
+    titleToContentGap?: string | number;
+    id?: string;
+    customStyles?: CustomStylesConfig;
+    componentConfig?: any;
+    appConfig?: Record<string, unknown>;
+    pageParams?: any;
+    pageId?: string;
+    nestingLevel?: number;
+}
+declare const CardRenderer: React.FC<CardRendererProps>;
+export default CardRenderer;

package/dist/components/renderers/card/index.d.ts

@@ -0,0 +1 @@
+export { default as CardRenderer } from './CardRenderer';

package/dist/components/renderers/card.js

@@ -0,0 +1,5 @@
+import { aC as a } from "./runtime-DX1LfmqO.js";
+export {
+  a as CardRenderer
+};
+//# sourceMappingURL=card.js.map

package/dist/components/renderers/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/renderers/cells/swCells.d.ts

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+
+export type SwCellFormat = 'currency-compact' | 'currency-k' | 'compact-k' | 'percent1' | 'number2' | 'number' | 'plain';
+export type SwCellType = 'Stacked' | 'Delta' | 'PctBar' | 'RankBadge' | 'Currency' | 'Number' | 'Badge';
+/** Threshold rule → a class/token; first match wins. `eq` matches by string equality. */
+export interface ColorRule {
+    gte?: number;
+    gt?: number;
+    lte?: number;
+    lt?: number;
+    eq?: number | string;
+    /** Result token: a tailwind text class for cells, or a tone key for Badge. */
+    color: string;
+}
+/** First matching rule's color, else undefined. */
+export declare function matchColorRule(value: unknown, rules?: ColorRule[]): string | undefined;
+/** Badge tone tokens → bg+text classes. */
+export declare const BADGE_TONE: Record<string, string>;
+export interface SwCellProps {
+    format?: SwCellFormat;
+    mainField?: string;
+    subField?: string;
+    subFormat?: SwCellFormat;
+    subPrefix?: string;
+    subSuffix?: string;
+    subKind?: 'value' | 'diffPct' | 'diffPP' | 'signed';
+    baselineField?: string;
+    emptyDash?: boolean;
+    currency?: string;
+    topHighlight?: number;
+    highlightFrom?: string;
+    highlightTo?: string;
+    defaultFill?: string;
+    rankStyle?: 'square' | 'circle';
+    rankSize?: 'xs' | 'sm' | 'md';
+    medalTop?: number;
+    currencyField?: string;
+    compact?: boolean;
+    decimals?: number;
+    /** Text prefix (e.g. '#'). */
+    prefix?: string;
+    /** Static badge tone key (see BADGE_TONE); overridden by colorRules match. */
+    tone?: string;
+    /** Threshold rules: text color for Number, tone for Badge. */
+    colorRules?: ColorRule[];
+}
+export declare function formatSwValue(v: unknown, format?: SwCellFormat, currency?: string): string;
+export declare function renderSwCell(type: SwCellType, props: SwCellProps | undefined, row: Record<string, unknown>, columnField: string): React.ReactNode;
+export declare const SW_CELL_TYPES: readonly SwCellType[];

package/dist/components/renderers/chart/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/renderers/chart/index.d.ts

@@ -0,0 +1 @@
+export { default as ChartRenderer } from './ChartRenderer';

package/dist/components/renderers/chart.js

@@ -0,0 +1,5 @@
+import { aD as a } from "./runtime-DX1LfmqO.js";
+export {
+  a as ChartRenderer
+};
+//# sourceMappingURL=chart.js.map

package/dist/components/renderers/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/renderers/collapse-panel/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/renderers/collapse-panel/index.d.ts

@@ -0,0 +1 @@
+export { default as CollapsePanelRenderer } from './CollapsePanelRenderer';

package/dist/components/renderers/collapse-panel.js

@@ -0,0 +1,5 @@
+import { aE as r } from "./runtime-DX1LfmqO.js";
+export {
+  r as CollapsePanelRenderer
+};
+//# sourceMappingURL=collapse-panel.js.map

package/dist/components/renderers/collapse-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/renderers/container/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/renderers/container/index.d.ts

@@ -0,0 +1 @@
+export { ContainerRenderer } from './ContainerRenderers';

package/dist/components/renderers/container.js

@@ -0,0 +1,5 @@
+import { aF as a } from "./runtime-DX1LfmqO.js";
+export {
+  a as ContainerRenderer
+};
+//# sourceMappingURL=container.js.map

package/dist/components/renderers/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/renderers/custom-content/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/renderers/custom-content/index.d.ts

@@ -0,0 +1 @@
+export { default as CustomContentRenderer, sanitizeCustomContentHtml } from './CustomContentRenderer';

package/dist/components/renderers/custom-content.js

@@ -0,0 +1,6 @@
+import { aG as n, ba as o } from "./runtime-DX1LfmqO.js";
+export {
+  n as CustomContentRenderer,
+  o as sanitizeCustomContentHtml
+};
+//# sourceMappingURL=custom-content.js.map

package/dist/components/renderers/custom-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-content.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/renderers/data/useBoundRows.d.ts

@@ -0,0 +1,9 @@
+import { DatabaseDataSourceConfig } from '../../types/databaseDataSource';
+import { ComponentParameterConfig } from '../../types/parameters';
+
+export declare function useBoundRows(config: DatabaseDataSourceConfig | null | undefined, cpc: ComponentParameterConfig | undefined, pageParams: Record<string, unknown>, id: string, label: string, extraParams?: Record<string, unknown>): {
+    rows: Record<string, unknown>[];
+    loading: boolean;
+    total: number;
+    totalPages: number;
+};

package/dist/components/renderers/data-grid-card/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/renderers/data-grid-card/index.d.ts

@@ -0,0 +1 @@
+export { default as DataGridCardRenderer } from './DataGridCard';