npm - @sqlrooms/mosaic - Versions diffs - 0.29.0-rc.5 → 0.29.0-rc.7 - Mend

@sqlrooms/mosaic 0.29.0-rc.5 → 0.29.0-rc.7

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.

Files changed (975) hide show

package/dist/dashboard/MosaicDashboardToolbar.js DELETED Viewed

@@ -1,86 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
-import { BarChart3, Check, ChevronsUpDown, FileText, Plus, TableProperties, } from 'lucide-react';
-import { useEffect, useMemo, useState } from 'react';
-import { useMosaicDashboardContext } from './MosaicDashboardContext';
-import { createMosaicDashboardProfilerPanelConfig, createMosaicDashboardTextPanelConfig, getMosaicDashboardSelectionName, MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, MOSAIC_DASHBOARD_TEXT_PANEL_TYPE, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
-export const MosaicDashboardToolbar = () => {
-    const { dashboardId, canCreateChart, addDefaultChart } = useMosaicDashboardContext();
-    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
-    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
-    const addPanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanel);
-    const panelRenderers = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.panelRenderers);
-    const addPanelActions = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanelActions);
-    const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
-    const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);
-    const dashboardSelection = useStoreWithMosaicDashboard((state) => state.mosaic.selections[dashboardSelectionName]);
-    const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
-    const tablesWithColumns = useMemo(() => tables.filter((table) => table.columns && table.columns.length > 0), [tables]);
-    const selectedTable = useMemo(() => tablesWithColumns.find((table) => table.tableName === dashboard?.selectedTable), [dashboard?.selectedTable, tablesWithColumns]);
-    const [tablePickerOpen, setTablePickerOpen] = useState(false);
-    const canAddProfiler = Boolean(dashboard?.selectedTable &&
-        panelRenderers[MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]);
-    const canAddText = Boolean(panelRenderers[MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]);
-    const addPanelActionContext = useMemo(() => ({
-        dashboardId,
-        dashboard,
-        selectedTable,
-        tables: tablesWithColumns,
-    }), [dashboard, dashboardId, selectedTable, tablesWithColumns]);
-    const addPanelActionEntries = useMemo(() => addPanelActions.map((action) => ({
-        action,
-        enabled: action.isEnabled
-            ? action.isEnabled(addPanelActionContext)
-            : true,
-    })), [addPanelActionContext, addPanelActions]);
-    const canAddCustomPanel = addPanelActionEntries.some((entry) => entry.enabled);
-    const canAddAnyPanel = canCreateChart || canAddProfiler || canAddText || canAddCustomPanel;
-    const [selectionVersion, setSelectionVersion] = useState(0);
-    useEffect(() => {
-        if (!dashboardSelection) {
-            getSelection(dashboardSelectionName, 'crossfilter');
-        }
-    }, [dashboardSelection, dashboardSelectionName, getSelection]);
-    useEffect(() => {
-        if (!dashboardSelection) {
-            return;
-        }
-        const handleSelectionChange = () => {
-            setSelectionVersion((value) => value + 1);
-        };
-        dashboardSelection.addEventListener('value', handleSelectionChange);
-        return () => {
-            dashboardSelection.removeEventListener('value', handleSelectionChange);
-        };
-    }, [dashboardSelection]);
-    const hasActiveFilters = useMemo(() => Boolean(dashboardSelection?.clauses.length), [dashboardSelection, selectionVersion]);
-    const handleAddProfiler = () => {
-        const panel = dashboard?.selectedTable
-            ? createMosaicDashboardProfilerPanelConfig({
-                source: { tableName: dashboard.selectedTable },
-            })
-            : createMosaicDashboardProfilerPanelConfig();
-        addPanel(dashboardId, panel);
-    };
-    const handleAddText = () => {
-        const panel = createMosaicDashboardTextPanelConfig();
-        addPanel(dashboardId, panel);
-    };
-    const handleAddCustomPanel = (action) => {
-        const panel = action.createPanel(addPanelActionContext);
-        if (panel) {
-            addPanel(dashboardId, panel);
-        }
-    };
-    const handleResetFilters = () => {
-        dashboardSelection?.reset();
-    };
-    return (_jsxs("div", { className: "flex items-center justify-between border-b px-5 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Popover, { open: tablePickerOpen, onOpenChange: setTablePickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", role: "combobox", "aria-expanded": tablePickerOpen, className: "w-[200px] justify-between", children: [_jsx("span", { className: "truncate", children: dashboard?.selectedTable || 'Select table…' }), _jsx(ChevronsUpDown, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search tables\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No tables found." }), _jsx(CommandGroup, { children: tablesWithColumns.map((table) => (_jsxs(CommandItem, { value: table.tableName, onSelect: (value) => {
-                                                            setSelectedTable(dashboardId, value);
-                                                            setTablePickerOpen(false);
-                                                        }, children: [_jsx(Check, { className: `mr-2 h-3.5 w-3.5 ${dashboard?.selectedTable === table.tableName ? 'opacity-100' : 'opacity-0'}` }), table.tableName] }, table.tableName))) })] })] }) })] }), _jsx(Button, { variant: "link", size: "sm", className: "h-8 px-0", disabled: !hasActiveFilters, onClick: handleResetFilters, children: "Reset filters" })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", variant: "outline", disabled: !canAddAnyPanel, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add"] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: addDefaultChart, disabled: !canCreateChart, children: [_jsx(BarChart3, { className: "mr-2 h-4 w-4" }), "Chart"] }), _jsxs(DropdownMenuItem, { onClick: handleAddProfiler, disabled: !canAddProfiler, children: [_jsx(TableProperties, { className: "mr-2 h-4 w-4" }), "Profiler"] }), _jsxs(DropdownMenuItem, { onClick: handleAddText, disabled: !canAddText, children: [_jsx(FileText, { className: "mr-2 h-4 w-4" }), "Text"] }), addPanelActionEntries.map(({ action, enabled }) => {
-                                    const Icon = action.icon;
-                                    return (_jsxs(DropdownMenuItem, { onClick: () => handleAddCustomPanel(action), disabled: !enabled, children: [Icon ? _jsx(Icon, { className: "mr-2 h-4 w-4" }) : null, action.label] }, action.type));
-                                })] })] }) })] }));
-};
-//# sourceMappingURL=MosaicDashboardToolbar.js.map

package/dist/dashboard/MosaicDashboardToolbar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Button,\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {\n BarChart3,\n Check,\n ChevronsUpDown,\n FileText,\n Plus,\n TableProperties,\n} from 'lucide-react';\nimport React, {useEffect, useMemo, useState} from 'react';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {\n type MosaicDashboardAddPanelAction,\n type MosaicDashboardAddPanelActionContext,\n createMosaicDashboardProfilerPanelConfig,\n createMosaicDashboardTextPanelConfig,\n getMosaicDashboardSelectionName,\n MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n MOSAIC_DASHBOARD_TEXT_PANEL_TYPE,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nexport const MosaicDashboardToolbar: React.FC = () => {\n const {dashboardId, canCreateChart, addDefaultChart} =\n useMosaicDashboardContext();\n const dashboard = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n );\n const setSelectedTable = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.setSelectedTable,\n );\n const addPanel = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.addPanel,\n );\n const panelRenderers = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.panelRenderers,\n );\n const addPanelActions = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.addPanelActions,\n );\n const getSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.getSelection,\n );\n const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);\n const dashboardSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.selections[dashboardSelectionName],\n );\n const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n const tablesWithColumns = useMemo(\n () => tables.filter((table) => table.columns && table.columns.length > 0),\n [tables],\n );\n const selectedTable = useMemo(\n () =>\n tablesWithColumns.find(\n (table) => table.tableName === dashboard?.selectedTable,\n ),\n [dashboard?.selectedTable, tablesWithColumns],\n );\n const [tablePickerOpen, setTablePickerOpen] = useState(false);\n const canAddProfiler = Boolean(\n dashboard?.selectedTable &&\n panelRenderers[MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE],\n );\n const canAddText = Boolean(panelRenderers[MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]);\n const addPanelActionContext = useMemo<MosaicDashboardAddPanelActionContext>(\n () => ({\n dashboardId,\n dashboard,\n selectedTable,\n tables: tablesWithColumns,\n }),\n [dashboard, dashboardId, selectedTable, tablesWithColumns],\n );\n const addPanelActionEntries = useMemo(\n () =>\n addPanelActions.map((action) => ({\n action,\n enabled: action.isEnabled\n ? action.isEnabled(addPanelActionContext)\n : true,\n })),\n [addPanelActionContext, addPanelActions],\n );\n const canAddCustomPanel = addPanelActionEntries.some(\n (entry) => entry.enabled,\n );\n const canAddAnyPanel =\n canCreateChart || canAddProfiler || canAddText || canAddCustomPanel;\n const [selectionVersion, setSelectionVersion] = useState(0);\n\n useEffect(() => {\n if (!dashboardSelection) {\n getSelection(dashboardSelectionName, 'crossfilter');\n }\n }, [dashboardSelection, dashboardSelectionName, getSelection]);\n\n useEffect(() => {\n if (!dashboardSelection) {\n return;\n }\n\n const handleSelectionChange = () => {\n setSelectionVersion((value) => value + 1);\n };\n\n dashboardSelection.addEventListener('value', handleSelectionChange);\n return () => {\n dashboardSelection.removeEventListener('value', handleSelectionChange);\n };\n }, [dashboardSelection]);\n\n const hasActiveFilters = useMemo(\n () => Boolean(dashboardSelection?.clauses.length),\n [dashboardSelection, selectionVersion],\n );\n\n const handleAddProfiler = () => {\n const panel = dashboard?.selectedTable\n ? createMosaicDashboardProfilerPanelConfig({\n source: {tableName: dashboard.selectedTable},\n })\n : createMosaicDashboardProfilerPanelConfig();\n addPanel(dashboardId, panel);\n };\n\n const handleAddText = () => {\n const panel = createMosaicDashboardTextPanelConfig();\n addPanel(dashboardId, panel);\n };\n\n const handleAddCustomPanel = (action: MosaicDashboardAddPanelAction) => {\n const panel = action.createPanel(addPanelActionContext);\n if (panel) {\n addPanel(dashboardId, panel);\n }\n };\n\n const handleResetFilters = () => {\n dashboardSelection?.reset();\n };\n\n return (\n <div className=\"flex items-center justify-between border-b px-5 py-2\">\n <div className=\"flex items-center gap-2\">\n <Popover open={tablePickerOpen} onOpenChange={setTablePickerOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n size=\"sm\"\n role=\"combobox\"\n aria-expanded={tablePickerOpen}\n className=\"w-[200px] justify-between\"\n >\n <span className=\"truncate\">\n {dashboard?.selectedTable || 'Select table…'}\n </span>\n <ChevronsUpDown className=\"ml-1 h-3.5 w-3.5 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[220px] p-0\" align=\"start\">\n <Command>\n <CommandInput placeholder=\"Search tables…\" />\n <CommandList>\n <CommandEmpty>No tables found.</CommandEmpty>\n <CommandGroup>\n {tablesWithColumns.map((table) => (\n <CommandItem\n key={table.tableName}\n value={table.tableName}\n onSelect={(value) => {\n setSelectedTable(dashboardId, value);\n setTablePickerOpen(false);\n }}\n >\n <Check\n className={`mr-2 h-3.5 w-3.5 ${dashboard?.selectedTable === table.tableName ? 'opacity-100' : 'opacity-0'}`}\n />\n {table.tableName}\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n <Button\n variant=\"link\"\n size=\"sm\"\n className=\"h-8 px-0\"\n disabled={!hasActiveFilters}\n onClick={handleResetFilters}\n >\n Reset filters\n </Button>\n </div>\n <div className=\"flex items-center gap-2\">\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button size=\"sm\" variant=\"outline\" disabled={!canAddAnyPanel}>\n <Plus className=\"mr-1 h-4 w-4\" />\n Add\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem\n onClick={addDefaultChart}\n disabled={!canCreateChart}\n >\n <BarChart3 className=\"mr-2 h-4 w-4\" />\n Chart\n </DropdownMenuItem>\n <DropdownMenuItem\n onClick={handleAddProfiler}\n disabled={!canAddProfiler}\n >\n <TableProperties className=\"mr-2 h-4 w-4\" />\n Profiler\n </DropdownMenuItem>\n <DropdownMenuItem onClick={handleAddText} disabled={!canAddText}>\n <FileText className=\"mr-2 h-4 w-4\" />\n Text\n </DropdownMenuItem>\n {addPanelActionEntries.map(({action, enabled}) => {\n const Icon = action.icon;\n return (\n <DropdownMenuItem\n key={action.type}\n onClick={() => handleAddCustomPanel(action)}\n disabled={!enabled}\n >\n {Icon ? <Icon className=\"mr-2 h-4 w-4\" /> : null}\n {action.label}\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </div>\n );\n};\n"]}

package/dist/dashboard/defaultPanelRenderers.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { type PanelRenderersRecord } from './MosaicDashboardSlice';
-export declare function createDefaultMosaicDashboardPanelRenderers(extraRenderers?: PanelRenderersRecord): PanelRenderersRecord;
-//# sourceMappingURL=defaultPanelRenderers.d.ts.map

package/dist/dashboard/defaultPanelRenderers.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"defaultPanelRenderers.d.ts","sourceRoot":"","sources":["../../src/dashboard/defaultPanelRenderers.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,wBAAwB,CAAC;AAKhC,wBAAgB,0CAA0C,CACxD,cAAc,GAAE,oBAAyB,GACxC,oBAAoB,CAUtB"}

package/dist/dashboard/defaultPanelRenderers.js DELETED Viewed

@@ -1,13 +0,0 @@
-import { MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, MOSAIC_DASHBOARD_CHART_PANEL_TYPE, MOSAIC_DASHBOARD_TEXT_PANEL_TYPE, } from './MosaicDashboardSlice';
-import { mosaicDashboardProfilerPanelRenderer } from '../profiler/MosaicDashboardProfilerPanelRenderer';
-import { mosaicDashboardChartRenderer } from '../chart/MosaicDashboardChartRenderer';
-import { mosaicDashboardTextRenderer } from '../text/MosaicDashboardTextRenderer';
-export function createDefaultMosaicDashboardPanelRenderers(extraRenderers = {}) {
-    return {
-        [MOSAIC_DASHBOARD_CHART_PANEL_TYPE]: mosaicDashboardChartRenderer,
-        [MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]: mosaicDashboardProfilerPanelRenderer,
-        [MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]: mosaicDashboardTextRenderer,
-        ...extraRenderers,
-    };
-}
-//# sourceMappingURL=defaultPanelRenderers.js.map

package/dist/dashboard/defaultPanelRenderers.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"defaultPanelRenderers.js","sourceRoot":"","sources":["../../src/dashboard/defaultPanelRenderers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oCAAoC,EACpC,iCAAiC,EACjC,gCAAgC,GAGjC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,oCAAoC,EAAC,MAAM,kDAAkD,CAAC;AACtG,OAAO,EAAC,4BAA4B,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,2BAA2B,EAAC,MAAM,qCAAqC,CAAC;AAEhF,MAAM,UAAU,0CAA0C,CACxD,iBAAuC,EAAE;IAEzC,OAAO;QACL,CAAC,iCAAiC,CAAC,EACjC,4BAAgD;QAClD,CAAC,oCAAoC,CAAC,EACpC,oCAAwD;QAC1D,CAAC,gCAAgC,CAAC,EAChC,2BAA+C;QACjD,GAAG,cAAc;KAClB,CAAC;AACJ,CAAC","sourcesContent":["import {\n MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n MOSAIC_DASHBOARD_CHART_PANEL_TYPE,\n MOSAIC_DASHBOARD_TEXT_PANEL_TYPE,\n type AnyPanelRenderer,\n type PanelRenderersRecord,\n} from './MosaicDashboardSlice';\nimport {mosaicDashboardProfilerPanelRenderer} from '../profiler/MosaicDashboardProfilerPanelRenderer';\nimport {mosaicDashboardChartRenderer} from '../chart/MosaicDashboardChartRenderer';\nimport {mosaicDashboardTextRenderer} from '../text/MosaicDashboardTextRenderer';\n\nexport function createDefaultMosaicDashboardPanelRenderers(\n extraRenderers: PanelRenderersRecord = {},\n): PanelRenderersRecord {\n return {\n [MOSAIC_DASHBOARD_CHART_PANEL_TYPE]:\n mosaicDashboardChartRenderer as AnyPanelRenderer,\n [MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]:\n mosaicDashboardProfilerPanelRenderer as AnyPanelRenderer,\n [MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]:\n mosaicDashboardTextRenderer as AnyPanelRenderer,\n ...extraRenderers,\n };\n}\n"]}

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { type MosaicDashboardPanelRenderer, ProfilerPanel } from '../dashboard/MosaicDashboardSlice';
-export declare const mosaicDashboardProfilerPanelRenderer: MosaicDashboardPanelRenderer<ProfilerPanel>;
-//# sourceMappingURL=MosaicDashboardProfilerPanelRenderer.d.ts.map

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"MosaicDashboardProfilerPanelRenderer.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,4BAA4B,EACjC,aAAa,EAGd,MAAM,mCAAmC,CAAC;AAyD3C,eAAO,MAAM,oCAAoC,EAAE,4BAA4B,CAAC,aAAa,CAI1F,CAAC"}

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.js DELETED Viewed

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SpinnerPane } from '@sqlrooms/ui';
-import { TablePropertiesIcon } from 'lucide-react';
-import { MosaicProfiler } from './MosaicProfiler';
-import { useStoreWithMosaicDashboard, } from '../dashboard/MosaicDashboardSlice';
-function MosaicDashboardProfilerRenderer({ panel, resolvedSource, selectionName, }) {
-    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
-    const tableName = resolvedSource?.tableName;
-    const pageSize = typeof panel.config.pageSize === 'number'
-        ? panel.config.pageSize
-        : undefined;
-    if (!tableName) {
-        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: "Profiler panels require a table source." }));
-    }
-    if (connection.status === 'loading') {
-        return _jsx(SpinnerPane, { className: "h-full w-full" });
-    }
-    if (connection.status !== 'ready') {
-        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: "Mosaic connection is not ready." }));
-    }
-    const profilerProps = {
-        tableName,
-        pageSize: pageSize ?? 10,
-        selectionName,
-    };
-    return (_jsx(MosaicProfiler, { ...profilerProps, children: _jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: _jsxs(MosaicProfiler.Table, { children: [_jsx(MosaicProfiler.Header, {}), _jsx(MosaicProfiler.Rows, {})] }) }), _jsx(MosaicProfiler.StatusBar, {})] }) }));
-}
-export const mosaicDashboardProfilerPanelRenderer = {
-    component: MosaicDashboardProfilerRenderer,
-    icon: TablePropertiesIcon,
-};
-//# sourceMappingURL=MosaicDashboardProfilerPanelRenderer.js.map

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MosaicDashboardProfilerPanelRenderer.js","sourceRoot":"","sources":["../../src/profiler/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,cAAc,EAA2B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAIL,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAE3C,SAAS,+BAA+B,CAAC,EACvC,KAAK,EACL,cAAc,EACd,aAAa,GACc;IAC3B,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IACF,MAAM,SAAS,GAAG,cAAc,EAAE,SAAS,CAAC;IAC5C,MAAM,QAAQ,GACZ,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ;QACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACvB,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,wDAEpF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC;IACnD,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAClC,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,gDAEpF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,aAAa,GAAG;QACpB,SAAS;QACT,QAAQ,EAAE,QAAQ,IAAI,EAAE;QACxB,aAAa;KACgB,CAAC;IAEhC,OAAO,CACL,KAAC,cAAc,OAAK,aAAa,YAC/B,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,8BAA8B,YAC3C,MAAC,cAAc,CAAC,KAAK,eACnB,KAAC,cAAc,CAAC,MAAM,KAAG,EACzB,KAAC,cAAc,CAAC,IAAI,KAAG,IACF,GACnB,EACN,KAAC,cAAc,CAAC,SAAS,KAAG,IACxB,GACS,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oCAAoC,GAC/C;IACE,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport {TablePropertiesIcon} from 'lucide-react';\nimport {MosaicProfiler, type MosaicProfilerProps} from './MosaicProfiler';\nimport {\n type MosaicDashboardPanelRenderer,\n ProfilerPanel,\n type ProfilerPanelRendererProps,\n useStoreWithMosaicDashboard,\n} from '../dashboard/MosaicDashboardSlice';\n\nfunction MosaicDashboardProfilerRenderer({\n panel,\n resolvedSource,\n selectionName,\n}: ProfilerPanelRendererProps) {\n const connection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.connection,\n );\n const tableName = resolvedSource?.tableName;\n const pageSize =\n typeof panel.config.pageSize === 'number'\n ? panel.config.pageSize\n : undefined;\n\n if (!tableName) {\n return (\n <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n Profiler panels require a table source.\n </div>\n );\n }\n\n if (connection.status === 'loading') {\n return <SpinnerPane className=\"h-full w-full\" />;\n }\n\n if (connection.status !== 'ready') {\n return (\n <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n Mosaic connection is not ready.\n </div>\n );\n }\n\n const profilerProps = {\n tableName,\n pageSize: pageSize ?? 10,\n selectionName,\n } satisfies MosaicProfilerProps;\n\n return (\n <MosaicProfiler {...profilerProps}>\n <div className=\"flex h-full min-h-0 flex-col\">\n <div className=\"min-h-0 flex-1 overflow-auto\">\n <MosaicProfiler.Table>\n <MosaicProfiler.Header />\n <MosaicProfiler.Rows />\n </MosaicProfiler.Table>\n </div>\n <MosaicProfiler.StatusBar />\n </div>\n </MosaicProfiler>\n );\n}\n\nexport const mosaicDashboardProfilerPanelRenderer: MosaicDashboardPanelRenderer<ProfilerPanel> =\n {\n component: MosaicDashboardProfilerRenderer,\n icon: TablePropertiesIcon,\n };\n"]}

package/dist/profiler/MosaicProfiler.d.ts DELETED Viewed

@@ -1,32 +0,0 @@
-import { type ComponentProps, type PropsWithChildren, type ReactElement } from 'react';
-import { Table } from '@sqlrooms/ui';
-import { type MosaicProfilerHeaderProps } from './MosaicProfilerHeader';
-import { type MosaicProfilerRowsProps } from './MosaicProfilerRows';
-import { type MosaicProfilerStatusBarProps } from './MosaicProfilerStatusBar';
-import type { MosaicProfilerOptions, UseMosaicProfilerReturn } from './types';
-export type MosaicProfilerRootProps = PropsWithChildren<{
-    profiler: UseMosaicProfilerReturn;
-}>;
-/**
- * Provides an existing profiler instance to compound profiler subcomponents.
- */
-export declare function MosaicProfilerRoot({ children, profiler, }: MosaicProfilerRootProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerProps = PropsWithChildren<MosaicProfilerOptions>;
-export type MosaicProfilerCompoundHeaderProps = Omit<MosaicProfilerHeaderProps, 'profiler'>;
-declare function MosaicProfilerCompoundHeader(props: MosaicProfilerCompoundHeaderProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerCompoundRowsProps = Omit<MosaicProfilerRowsProps, 'profiler'>;
-declare function MosaicProfilerCompoundRows(props: MosaicProfilerCompoundRowsProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerCompoundStatusBarProps = Omit<MosaicProfilerStatusBarProps, 'profiler'>;
-declare function MosaicProfilerCompoundStatusBar(props: MosaicProfilerCompoundStatusBarProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerCompoundTableProps = ComponentProps<typeof Table>;
-declare function MosaicProfilerCompoundTable({ className, disableWrapper, style, ...props }: MosaicProfilerCompoundTableProps): import("react/jsx-runtime").JSX.Element;
-type MosaicProfilerCompoundComponent = ((props: MosaicProfilerProps) => ReactElement) & {
-    Header: typeof MosaicProfilerCompoundHeader;
-    Root: typeof MosaicProfilerRoot;
-    Rows: typeof MosaicProfilerCompoundRows;
-    StatusBar: typeof MosaicProfilerCompoundStatusBar;
-    Table: typeof MosaicProfilerCompoundTable;
-};
-export declare const MosaicProfiler: MosaicProfilerCompoundComponent;
-export {};
-//# sourceMappingURL=MosaicProfiler.d.ts.map

package/dist/profiler/MosaicProfiler.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MosaicProfiler.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAEnC,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAC,qBAAqB,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAiB5E,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,QAAQ,EAAE,uBAAuB,CAAC;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,2CAMzB;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAgB3E,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAClD,yBAAyB,EACzB,UAAU,CACX,CAAC;AAEF,iBAAS,4BAA4B,CACnC,KAAK,EAAE,iCAAiC,2CAIzC;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,uBAAuB,EACvB,UAAU,CACX,CAAC;AAEF,iBAAS,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CAGzE;AAED,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,4BAA4B,EAC5B,UAAU,CACX,CAAC;AAEF,iBAAS,+BAA+B,CACtC,KAAK,EAAE,oCAAoC,2CAI5C;AAED,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE5E,iBAAS,2BAA2B,CAAC,EACnC,SAAS,EACT,cAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gCAAgC,2CAclC;AAED,KAAK,+BAA+B,GAAG,CAAC,CACtC,KAAK,EAAE,mBAAmB,KACvB,YAAY,CAAC,GAAG;IACnB,MAAM,EAAE,OAAO,4BAA4B,CAAC;IAC5C,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAChC,IAAI,EAAE,OAAO,0BAA0B,CAAC;IACxC,SAAS,EAAE,OAAO,+BAA+B,CAAC;IAClD,KAAK,EAAE,OAAO,2BAA2B,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,+BAS5B,CAAC"}

package/dist/profiler/MosaicProfiler.js DELETED Viewed

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, } from 'react';
-import { Table } from '@sqlrooms/ui';
-import { getProfilerTableWidth } from './layout';
-import { MosaicProfilerHeader, } from './MosaicProfilerHeader';
-import { MosaicProfilerRows, } from './MosaicProfilerRows';
-import { MosaicProfilerStatusBar, } from './MosaicProfilerStatusBar';
-import { useMosaicProfiler } from './useMosaicProfiler';
-const profilerContext = createContext(null);
-function useProfilerCompoundContext() {
-    const profiler = useContext(profilerContext);
-    if (!profiler) {
-        throw new Error('MosaicProfiler compound components must be rendered inside <MosaicProfiler> or <MosaicProfiler.Root>.');
-    }
-    return profiler;
-}
-/**
- * Provides an existing profiler instance to compound profiler subcomponents.
- */
-export function MosaicProfilerRoot({ children, profiler, }) {
-    return (_jsx(profilerContext.Provider, { value: profiler, children: children }));
-}
-/**
- * Creates a profiler instance and exposes it to compound profiler
- * subcomponents through context.
- */
-function MosaicProfilerComponent({ children, ...options }) {
-    const profiler = useMosaicProfiler(options);
-    return (_jsx(MosaicProfilerRoot, { profiler: profiler, children: children }));
-}
-function MosaicProfilerCompoundHeader(props) {
-    const profiler = useProfilerCompoundContext();
-    return _jsx(MosaicProfilerHeader, { ...props, profiler: profiler });
-}
-function MosaicProfilerCompoundRows(props) {
-    const profiler = useProfilerCompoundContext();
-    return _jsx(MosaicProfilerRows, { ...props, profiler: profiler });
-}
-function MosaicProfilerCompoundStatusBar(props) {
-    const profiler = useProfilerCompoundContext();
-    return _jsx(MosaicProfilerStatusBar, { ...props, profiler: profiler });
-}
-function MosaicProfilerCompoundTable({ className, disableWrapper = true, style, ...props }) {
-    const profiler = useProfilerCompoundContext();
-    const tableWidth = getProfilerTableWidth(profiler.columns);
-    return (_jsx(Table, { disableWrapper: disableWrapper, className: ['min-w-full table-fixed', className]
-            .filter(Boolean)
-            .join(' '), style: { width: `${tableWidth}px`, ...style }, ...props }));
-}
-export const MosaicProfiler = Object.assign(MosaicProfilerComponent, {
-    Header: MosaicProfilerCompoundHeader,
-    Root: MosaicProfilerRoot,
-    Rows: MosaicProfilerCompoundRows,
-    StatusBar: MosaicProfilerCompoundStatusBar,
-    Table: MosaicProfilerCompoundTable,
-});
-//# sourceMappingURL=MosaicProfiler.js.map

package/dist/profiler/MosaicProfiler.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MosaicProfiler.js","sourceRoot":"","sources":["../../src/profiler/MosaicProfiler.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,MAAM,eAAe,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE5E,SAAS,0BAA0B;IACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,uGAAuG,CACxG,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAMD;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACgB;IACxB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACtC,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC;AAID;;;GAGG;AACH,SAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,GAAG,OAAO,EACU;IACpB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC5C,OAAO,CACL,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,YAAG,QAAQ,GAAsB,CACxE,CAAC;AACJ,CAAC;AAOD,SAAS,4BAA4B,CACnC,KAAwC;IAExC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,oBAAoB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACjE,CAAC;AAOD,SAAS,0BAA0B,CAAC,KAAsC;IACxE,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,kBAAkB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC/D,CAAC;AAOD,SAAS,+BAA+B,CACtC,KAA2C;IAE3C,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,uBAAuB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpE,CAAC;AAID,SAAS,2BAA2B,CAAC,EACnC,SAAS,EACT,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,GAAG,KAAK,EACyB;IACjC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,KAAK,IACJ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC;aAC7C,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,UAAU,IAAI,EAAE,GAAG,KAAK,EAAC,KACvC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAYD,MAAM,CAAC,MAAM,cAAc,GAAoC,MAAM,CAAC,MAAM,CAC1E,uBAAuB,EACvB;IACE,MAAM,EAAE,4BAA4B;IACpC,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,0BAA0B;IAChC,SAAS,EAAE,+BAA+B;IAC1C,KAAK,EAAE,2BAA2B;CACnC,CACF,CAAC","sourcesContent":["import {\n createContext,\n useContext,\n type ComponentProps,\n type PropsWithChildren,\n type ReactElement,\n} from 'react';\nimport {Table} from '@sqlrooms/ui';\nimport {getProfilerTableWidth} from './layout';\nimport {\n MosaicProfilerHeader,\n type MosaicProfilerHeaderProps,\n} from './MosaicProfilerHeader';\nimport {\n MosaicProfilerRows,\n type MosaicProfilerRowsProps,\n} from './MosaicProfilerRows';\nimport {\n MosaicProfilerStatusBar,\n type MosaicProfilerStatusBarProps,\n} from './MosaicProfilerStatusBar';\nimport type {MosaicProfilerOptions, UseMosaicProfilerReturn} from './types';\nimport {useMosaicProfiler} from './useMosaicProfiler';\n\nconst profilerContext = createContext<UseMosaicProfilerReturn | null>(null);\n\nfunction useProfilerCompoundContext() {\n const profiler = useContext(profilerContext);\n\n if (!profiler) {\n throw new Error(\n 'MosaicProfiler compound components must be rendered inside <MosaicProfiler> or <MosaicProfiler.Root>.',\n );\n }\n\n return profiler;\n}\n\nexport type MosaicProfilerRootProps = PropsWithChildren<{\n profiler: UseMosaicProfilerReturn;\n}>;\n\n/**\n * Provides an existing profiler instance to compound profiler subcomponents.\n */\nexport function MosaicProfilerRoot({\n children,\n profiler,\n}: MosaicProfilerRootProps) {\n return (\n <profilerContext.Provider value={profiler}>\n {children}\n </profilerContext.Provider>\n );\n}\n\nexport type MosaicProfilerProps = PropsWithChildren<MosaicProfilerOptions>;\n\n/**\n * Creates a profiler instance and exposes it to compound profiler\n * subcomponents through context.\n */\nfunction MosaicProfilerComponent({\n children,\n ...options\n}: MosaicProfilerProps): ReactElement {\n const profiler = useMosaicProfiler(options);\n return (\n <MosaicProfilerRoot profiler={profiler}>{children}</MosaicProfilerRoot>\n );\n}\n\nexport type MosaicProfilerCompoundHeaderProps = Omit<\n MosaicProfilerHeaderProps,\n 'profiler'\n>;\n\nfunction MosaicProfilerCompoundHeader(\n props: MosaicProfilerCompoundHeaderProps,\n) {\n const profiler = useProfilerCompoundContext();\n return <MosaicProfilerHeader {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundRowsProps = Omit<\n MosaicProfilerRowsProps,\n 'profiler'\n>;\n\nfunction MosaicProfilerCompoundRows(props: MosaicProfilerCompoundRowsProps) {\n const profiler = useProfilerCompoundContext();\n return <MosaicProfilerRows {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundStatusBarProps = Omit<\n MosaicProfilerStatusBarProps,\n 'profiler'\n>;\n\nfunction MosaicProfilerCompoundStatusBar(\n props: MosaicProfilerCompoundStatusBarProps,\n) {\n const profiler = useProfilerCompoundContext();\n return <MosaicProfilerStatusBar {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundTableProps = ComponentProps<typeof Table>;\n\nfunction MosaicProfilerCompoundTable({\n className,\n disableWrapper = true,\n style,\n ...props\n}: MosaicProfilerCompoundTableProps) {\n const profiler = useProfilerCompoundContext();\n const tableWidth = getProfilerTableWidth(profiler.columns);\n\n return (\n <Table\n disableWrapper={disableWrapper}\n className={['min-w-full table-fixed', className]\n .filter(Boolean)\n .join(' ')}\n style={{width: `${tableWidth}px`, ...style}}\n {...props}\n />\n );\n}\n\ntype MosaicProfilerCompoundComponent = ((\n props: MosaicProfilerProps,\n) => ReactElement) & {\n Header: typeof MosaicProfilerCompoundHeader;\n Root: typeof MosaicProfilerRoot;\n Rows: typeof MosaicProfilerCompoundRows;\n StatusBar: typeof MosaicProfilerCompoundStatusBar;\n Table: typeof MosaicProfilerCompoundTable;\n};\n\nexport const MosaicProfiler: MosaicProfilerCompoundComponent = Object.assign(\n MosaicProfilerComponent,\n {\n Header: MosaicProfilerCompoundHeader,\n Root: MosaicProfilerRoot,\n Rows: MosaicProfilerCompoundRows,\n StatusBar: MosaicProfilerCompoundStatusBar,\n Table: MosaicProfilerCompoundTable,\n },\n);\n"]}

package/dist/profiler/MosaicProfilerHeader.d.ts DELETED Viewed

@@ -1,7 +0,0 @@
-import type { UseMosaicProfilerReturn } from './types';
-export type MosaicProfilerHeaderProps = {
-    className?: string;
-    profiler: Pick<UseMosaicProfilerReturn, 'columns' | 'setSorting' | 'sorting'>;
-};
-export declare function MosaicProfilerHeader({ className, profiler, }: MosaicProfilerHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MosaicProfilerHeader.d.ts.map

package/dist/profiler/MosaicProfilerHeader.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MosaicProfilerHeader.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfilerHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AAgYF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,2CA0E3B"}

package/dist/profiler/MosaicProfilerHeader.js DELETED Viewed

@@ -1,196 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Badge, cn, TableHead, TableHeader, TableRow } from '@sqlrooms/ui';
-import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { getProfilerColumnWidthPx, PROFILER_DEFAULT_COLUMN_WIDTH_PX, PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX, PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX, } from './layout';
-import { isProfilerUnsupportedSummaryType } from './utils';
-const COLUMN_WIDTH_CLASS = `min-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px]`;
-const STICKY_ROW_NUMBER_CLASS = `bg-background sticky left-0 top-0 z-40 min-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] border-r px-1 text-center`;
-const STICKY_COLUMN_HEADER_CLASS = 'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';
-function getColumnWidthClass(column) {
-    return isProfilerUnsupportedSummaryType(column.field.type)
-        ? `min-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px]`
-        : COLUMN_WIDTH_CLASS;
-}
-function setNextSortState(currentSorting, columnId, setSorting) {
-    const current = currentSorting.find((entry) => entry.id === columnId);
-    if (!current) {
-        setSorting([{ desc: false, id: columnId }]);
-        return;
-    }
-    if (!current.desc) {
-        setSorting([{ desc: true, id: columnId }]);
-        return;
-    }
-    setSorting([]);
-}
-function formatPercentOfTotal(value) {
-    const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;
-    return Intl.NumberFormat(undefined, {
-        maximumFractionDigits,
-        style: 'percent',
-    }).format(value);
-}
-function CategorySummaryCell({ summary, }) {
-    const [hoveredKey, setHoveredKey] = useState();
-    const totalCount = summary.buckets.reduce((acc, bucket) => acc + bucket.totalCount, 0);
-    const activeBucket = summary.buckets.find((bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey);
-    const footerLabel = activeBucket
-        ? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`
-        : `${summary.bucketCount.toLocaleString()} categories`;
-    return (_jsxs("div", { className: "space-y-0.5 pt-1.5", children: [_jsx("div", { className: "flex h-10 overflow-hidden rounded-sm border", children: summary.buckets.map((bucket) => {
-                    const width = totalCount > 0
-                        ? `${(bucket.totalCount / totalCount) * 100}%`
-                        : '0%';
-                    const fillPct = bucket.totalCount > 0
-                        ? (bucket.filteredCount / bucket.totalCount) * 100
-                        : 0;
-                    const isSelected = summary.selectedKey === bucket.key;
-                    const background = bucket.kind === 'overflow'
-                        ? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`
-                        : `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;
-                    return (_jsx("button", { type: "button", disabled: !bucket.selectable, className: cn('relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default', isSelected && 'ring-ring ring-1 ring-inset', !bucket.selectable && 'text-muted-foreground'), style: {
-                            background,
-                            flexBasis: width,
-                            flexGrow: bucket.totalCount,
-                        }, onClick: () => summary.toggleValue(bucket.key), onMouseEnter: () => setHoveredKey(bucket.key), onMouseLeave: () => setHoveredKey(undefined), children: _jsx("span", { className: "max-w-full truncate px-1", children: bucket.label }) }, bucket.key));
-                }) }), _jsx("div", { className: "text-muted-foreground truncate text-[10px] font-normal", children: footerLabel })] }));
-}
-const histogramInteractorIds = new WeakMap();
-let nextHistogramInteractorId = 0;
-function getHistogramInteractorId(interactor) {
-    const cachedId = histogramInteractorIds.get(interactor);
-    if (cachedId !== undefined) {
-        return cachedId;
-    }
-    const id = ++nextHistogramInteractorId;
-    histogramInteractorIds.set(interactor, id);
-    return id;
-}
-function createScale(type, domain, range) {
-    const [d0, d1] = domain.map((value) => value instanceof Date ? value.getTime() : value);
-    const [r0, r1] = range;
-    const span = d1 - d0 || 1;
-    const rspan = r1 - r0;
-    return {
-        apply(value) {
-            const numeric = value instanceof Date ? value.getTime() : value;
-            return r0 + ((numeric - d0) / span) * rspan;
-        },
-        domain,
-        invert(value) {
-            const numeric = d0 + ((value - r0) / (rspan || 1)) * span;
-            return type === 'utc' ? new Date(numeric) : numeric;
-        },
-        range,
-        type,
-    };
-}
-function formatDomainValue(value, valueType) {
-    if (valueType === 'date') {
-        const date = value instanceof Date ? value : new Date(value);
-        return date.toISOString().slice(0, 10);
-    }
-    return Intl.NumberFormat(undefined, {
-        maximumFractionDigits: 2,
-    }).format(typeof value === 'number' ? value : value.getTime());
-}
-function HistogramSummaryCell({ summary, }) {
-    const svgRef = useRef(null);
-    const brushRootRef = useRef(null);
-    const initializedBrushRef = useRef(undefined);
-    const layout = useMemo(() => {
-        const width = 122;
-        const height = 40;
-        const margin = { bottom: 4, left: 4, right: 4, top: 2 };
-        const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;
-        const nullBarGap = nullBarWidth > 0 ? 3 : 0;
-        const totalBins = summary.totalBins.length
-            ? summary.totalBins
-            : summary.filteredBins;
-        const domain = totalBins.length > 0
-            ? [totalBins[0].x0, totalBins[totalBins.length - 1].x1]
-            : null;
-        const totalMax = Math.max(summary.totalNullCount, ...totalBins.map((bin) => bin.length), 1);
-        const xScale = domain
-            ? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [
-                margin.left + nullBarWidth + nullBarGap,
-                width - margin.right,
-            ])
-            : null;
-        const yScale = createScale('linear', [0, totalMax], [height - margin.bottom, margin.top]);
-        return {
-            height,
-            margin,
-            nullBarGap,
-            nullBarWidth,
-            width,
-            xScale,
-            yScale,
-        };
-    }, [summary]);
-    useEffect(() => {
-        const svg = svgRef.current;
-        const brushRoot = brushRootRef.current;
-        const interactor = summary.interactor;
-        if (!svg || !brushRoot || !interactor || !layout.xScale)
-            return;
-        const brushKey = [
-            getHistogramInteractorId(interactor),
-            summary.valueType,
-            layout.xScale.domain
-                .map((value) => (value instanceof Date ? value.getTime() : value))
-                .join(':'),
-            layout.xScale.range.join(':'),
-        ].join('|');
-        if (initializedBrushRef.current === brushKey)
-            return;
-        svg.scale = (channel) => {
-            if (channel === 'x')
-                return layout.xScale;
-            if (channel === 'y')
-                return layout.yScale;
-            return undefined;
-        };
-        brushRoot.replaceChildren();
-        interactor.init(svg, brushRoot);
-        initializedBrushRef.current = brushKey;
-    }, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);
-    const axisY = layout.height - layout.margin.bottom;
-    const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;
-    const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;
-    const xAxisEnd = layout.xScale?.range[1] ?? layout.width - layout.margin.right;
-    return (_jsxs("div", { className: "space-y-0 pt-1.5", children: [_jsxs("svg", { ref: svgRef, width: layout.width, height: layout.height, viewBox: `0 0 ${layout.width} ${layout.height}`, className: "max-w-full overflow-visible", children: [summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.totalNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
-                            layout.yScale.apply(summary.totalNullCount), fill: "hsl(var(--muted-foreground) / 0.22)" })) : null, summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.filteredNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
-                            layout.yScale.apply(summary.filteredNullCount), fill: "hsl(var(--chart-1))", opacity: 0.95 })) : null, summary.totalBins.map((bin, index) => {
-                        const x0 = layout.xScale?.apply(bin.x0) ?? 0;
-                        const x1 = layout.xScale?.apply(bin.x1) ?? 0;
-                        const y = layout.yScale.apply(bin.length);
-                        return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--muted-foreground) / 0.22)" }, `bg-${index}`));
-                    }), summary.filteredBins.map((bin, index) => {
-                        const x0 = layout.xScale?.apply(bin.x0) ?? 0;
-                        const x1 = layout.xScale?.apply(bin.x1) ?? 0;
-                        const y = layout.yScale.apply(bin.length);
-                        return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--chart-1))", opacity: 0.95 }, `fg-${index}`));
-                    }), _jsx("line", { x1: xAxisStart, x2: xAxisEnd, y1: axisY, y2: axisY, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisStart, x2: xAxisStart, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisEnd, x2: xAxisEnd, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), summary.totalNullCount > 0 ? (_jsx("line", { x1: nullBarCenter, x2: nullBarCenter, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--chart-1))" })) : null, _jsx("g", { ref: brushRootRef })] }), _jsxs("div", { className: "text-muted-foreground relative h-3.5 text-[10px] font-normal", children: [summary.totalNullCount > 0 ? (_jsx("span", { className: "absolute -translate-x-1/2", style: { left: nullBarCenter }, children: "\u2205" })) : null, _jsx("span", { className: "absolute", style: { left: xAxisStart }, children: summary.totalBins[0]
-                            ? formatDomainValue(summary.totalBins[0].x0, summary.valueType)
-                            : '0' }), _jsx("span", { className: "absolute -translate-x-full", style: { left: xAxisEnd }, children: summary.totalBins.at(-1)
-                            ? formatDomainValue(summary.totalBins.at(-1).x1, summary.valueType)
-                            : '0' })] })] }));
-}
-function SummaryCell({ column }) {
-    if (column.summary.kind === 'histogram') {
-        return _jsx(HistogramSummaryCell, { summary: column.summary });
-    }
-    if (column.summary.kind === 'category') {
-        return _jsx(CategorySummaryCell, { summary: column.summary });
-    }
-    return (_jsx("div", { className: "text-muted-foreground pt-1.5 text-[10px] font-normal", children: column.summary.label }));
-}
-export function MosaicProfilerHeader({ className, profiler, }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX } }), profiler.columns.map((column) => (_jsx("col", { style: { width: getProfilerColumnWidthPx(column) } }, column.name)))] }), _jsx(TableHeader, { className: cn('sticky top-0 z-30', className), children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: STICKY_ROW_NUMBER_CLASS, children: "#" }), profiler.columns.map((column) => {
-                            const sortState = profiler.sorting.find((entry) => entry.id === column.name);
-                            return (_jsx(TableHead, { className: cn(getColumnWidthClass(column), STICKY_COLUMN_HEADER_CLASS), children: _jsxs("div", { className: "min-w-0", children: [_jsxs("button", { type: "button", className: "group relative flex w-full items-start gap-1.5 pr-4 text-left", onClick: () => setNextSortState(profiler.sorting, column.name, profiler.setSorting), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] leading-tight font-semibold", children: column.name }), _jsx(Badge, { variant: "outline", className: "mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60", children: String(column.field.type) })] }), _jsx("span", { className: "text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center", children: sortState ? (sortState.desc ? (_jsx(ChevronDownIcon, { className: "h-4 w-4" })) : (_jsx(ChevronUpIcon, { className: "h-4 w-4" }))) : (_jsxs("span", { className: "flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60", children: [_jsx(ChevronUpIcon, { className: "-mb-1 h-3 w-3" }), _jsx(ChevronDownIcon, { className: "-mt-1 h-3 w-3" })] })) })] }), _jsx(SummaryCell, { column: column })] }) }, column.name));
-                        })] }) })] }));
-}
-//# sourceMappingURL=MosaicProfilerHeader.js.map

package/dist/profiler/MosaicProfilerHeader.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MosaicProfilerHeader.js","sourceRoot":"","sources":["../../src/profiler/MosaicProfilerHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Badge, cn, TableHead, TableHeader, TableRow} from '@sqlrooms/ui';\nimport {ChevronDownIcon, ChevronUpIcon} from 'lucide-react';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {\n getProfilerColumnWidthPx,\n PROFILER_DEFAULT_COLUMN_WIDTH_PX,\n PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX,\n PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX,\n} from './layout';\nimport type {\n MosaicProfilerCategorySummary,\n MosaicProfilerColumnState,\n MosaicProfilerHistogramSummary,\n MosaicProfilerSorting,\n UseMosaicProfilerReturn,\n} from './types';\nimport {isProfilerUnsupportedSummaryType} from './utils';\n\nexport type MosaicProfilerHeaderProps = {\n className?: string;\n profiler: Pick<UseMosaicProfilerReturn, 'columns' | 'setSorting' | 'sorting'>;\n};\n\nconst COLUMN_WIDTH_CLASS = `min-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px]`;\nconst STICKY_ROW_NUMBER_CLASS = `bg-background sticky left-0 top-0 z-40 min-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] border-r px-1 text-center`;\nconst STICKY_COLUMN_HEADER_CLASS =\n 'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';\n\nfunction getColumnWidthClass(column: MosaicProfilerColumnState) {\n return isProfilerUnsupportedSummaryType(column.field.type)\n ? `min-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px]`\n : COLUMN_WIDTH_CLASS;\n}\n\nfunction setNextSortState(\n currentSorting: MosaicProfilerSorting,\n columnId: string,\n setSorting: UseMosaicProfilerReturn['setSorting'],\n) {\n const current = currentSorting.find((entry) => entry.id === columnId);\n if (!current) {\n setSorting([{desc: false, id: columnId}]);\n return;\n }\n if (!current.desc) {\n setSorting([{desc: true, id: columnId}]);\n return;\n }\n setSorting([]);\n}\n\nfunction formatPercentOfTotal(value: number) {\n const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;\n return Intl.NumberFormat(undefined, {\n maximumFractionDigits,\n style: 'percent',\n }).format(value);\n}\n\nfunction CategorySummaryCell({\n summary,\n}: {\n summary: MosaicProfilerCategorySummary;\n}) {\n const [hoveredKey, setHoveredKey] = useState<string>();\n const totalCount = summary.buckets.reduce(\n (acc, bucket) => acc + bucket.totalCount,\n 0,\n );\n const activeBucket = summary.buckets.find(\n (bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey,\n );\n const footerLabel = activeBucket\n ? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`\n : `${summary.bucketCount.toLocaleString()} categories`;\n\n return (\n <div className=\"space-y-0.5 pt-1.5\">\n <div className=\"flex h-10 overflow-hidden rounded-sm border\">\n {summary.buckets.map((bucket) => {\n const width =\n totalCount > 0\n ? `${(bucket.totalCount / totalCount) * 100}%`\n : '0%';\n const fillPct =\n bucket.totalCount > 0\n ? (bucket.filteredCount / bucket.totalCount) * 100\n : 0;\n const isSelected = summary.selectedKey === bucket.key;\n const background =\n bucket.kind === 'overflow'\n ? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`\n : `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;\n\n return (\n <button\n key={bucket.key}\n type=\"button\"\n disabled={!bucket.selectable}\n className={cn(\n 'relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default',\n isSelected && 'ring-ring ring-1 ring-inset',\n !bucket.selectable && 'text-muted-foreground',\n )}\n style={{\n background,\n flexBasis: width,\n flexGrow: bucket.totalCount,\n }}\n onClick={() => summary.toggleValue(bucket.key)}\n onMouseEnter={() => setHoveredKey(bucket.key)}\n onMouseLeave={() => setHoveredKey(undefined)}\n >\n <span className=\"max-w-full truncate px-1\">{bucket.label}</span>\n </button>\n );\n })}\n </div>\n <div className=\"text-muted-foreground truncate text-[10px] font-normal\">\n {footerLabel}\n </div>\n </div>\n );\n}\n\ntype ScaleLike = {\n apply: (value: number | Date) => number;\n domain: [number | Date, number | Date];\n invert: (value: number) => number | Date;\n range: [number, number];\n type: 'linear' | 'utc';\n};\n\nconst histogramInteractorIds = new WeakMap<object, number>();\nlet nextHistogramInteractorId = 0;\n\nfunction getHistogramInteractorId(interactor: object) {\n const cachedId = histogramInteractorIds.get(interactor);\n if (cachedId !== undefined) {\n return cachedId;\n }\n\n const id = ++nextHistogramInteractorId;\n histogramInteractorIds.set(interactor, id);\n return id;\n}\n\nfunction createScale(\n type: ScaleLike['type'],\n domain: [number | Date, number | Date],\n range: [number, number],\n): ScaleLike {\n const [d0, d1] = domain.map((value) =>\n value instanceof Date ? value.getTime() : value,\n ) as [number, number];\n const [r0, r1] = range;\n const span = d1 - d0 || 1;\n const rspan = r1 - r0;\n\n return {\n apply(value: number | Date) {\n const numeric = value instanceof Date ? value.getTime() : value;\n return r0 + ((numeric - d0) / span) * rspan;\n },\n domain,\n invert(value: number) {\n const numeric = d0 + ((value - r0) / (rspan || 1)) * span;\n return type === 'utc' ? new Date(numeric) : numeric;\n },\n range,\n type,\n };\n}\n\nfunction formatDomainValue(value: number | Date, valueType: 'date' | 'number') {\n if (valueType === 'date') {\n const date = value instanceof Date ? value : new Date(value);\n return date.toISOString().slice(0, 10);\n }\n return Intl.NumberFormat(undefined, {\n maximumFractionDigits: 2,\n }).format(typeof value === 'number' ? value : value.getTime());\n}\n\nfunction HistogramSummaryCell({\n summary,\n}: {\n summary: MosaicProfilerHistogramSummary;\n}) {\n const svgRef = useRef<SVGSVGElement>(null);\n const brushRootRef = useRef<SVGGElement>(null);\n const initializedBrushRef = useRef<string | undefined>(undefined);\n\n const layout = useMemo(() => {\n const width = 122;\n const height = 40;\n const margin = {bottom: 4, left: 4, right: 4, top: 2};\n const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;\n const nullBarGap = nullBarWidth > 0 ? 3 : 0;\n const totalBins = summary.totalBins.length\n ? summary.totalBins\n : summary.filteredBins;\n const domain: [number | Date, number | Date] | null =\n totalBins.length > 0\n ? [totalBins[0]!.x0, totalBins[totalBins.length - 1]!.x1]\n : null;\n const totalMax = Math.max(\n summary.totalNullCount,\n ...totalBins.map((bin) => bin.length),\n 1,\n );\n const xScale = domain\n ? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [\n margin.left + nullBarWidth + nullBarGap,\n width - margin.right,\n ])\n : null;\n const yScale = createScale(\n 'linear',\n [0, totalMax],\n [height - margin.bottom, margin.top],\n );\n return {\n height,\n margin,\n nullBarGap,\n nullBarWidth,\n width,\n xScale,\n yScale,\n };\n }, [summary]);\n\n useEffect(() => {\n const svg = svgRef.current;\n const brushRoot = brushRootRef.current;\n const interactor = summary.interactor;\n if (!svg || !brushRoot || !interactor || !layout.xScale) return;\n\n const brushKey = [\n getHistogramInteractorId(interactor),\n summary.valueType,\n layout.xScale.domain\n .map((value) => (value instanceof Date ? value.getTime() : value))\n .join(':'),\n layout.xScale.range.join(':'),\n ].join('|');\n if (initializedBrushRef.current === brushKey) return;\n\n (\n svg as SVGSVGElement & {\n scale: (channel: string) => ScaleLike | undefined;\n }\n ).scale = (channel: string) => {\n if (channel === 'x') return layout.xScale!;\n if (channel === 'y') return layout.yScale;\n return undefined;\n };\n\n brushRoot.replaceChildren();\n interactor.init(svg as any, brushRoot);\n initializedBrushRef.current = brushKey;\n }, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);\n\n const axisY = layout.height - layout.margin.bottom;\n const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;\n const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;\n const xAxisEnd =\n layout.xScale?.range[1] ?? layout.width - layout.margin.right;\n\n return (\n <div className=\"space-y-0 pt-1.5\">\n <svg\n ref={svgRef}\n width={layout.width}\n height={layout.height}\n viewBox={`0 0 ${layout.width} ${layout.height}`}\n className=\"max-w-full overflow-visible\"\n >\n {summary.totalNullCount > 0 ? (\n <rect\n x={layout.margin.left}\n y={layout.yScale.apply(summary.totalNullCount)}\n width={layout.nullBarWidth}\n height={\n layout.yScale.apply(0) -\n layout.yScale.apply(summary.totalNullCount)\n }\n fill=\"hsl(var(--muted-foreground) / 0.22)\"\n />\n ) : null}\n {summary.totalNullCount > 0 ? (\n <rect\n x={layout.margin.left}\n y={layout.yScale.apply(summary.filteredNullCount)}\n width={layout.nullBarWidth}\n height={\n layout.yScale.apply(0) -\n layout.yScale.apply(summary.filteredNullCount)\n }\n fill=\"hsl(var(--chart-1))\"\n opacity={0.95}\n />\n ) : null}\n {summary.totalBins.map((bin, index) => {\n const x0 = layout.xScale?.apply(bin.x0) ?? 0;\n const x1 = layout.xScale?.apply(bin.x1) ?? 0;\n const y = layout.yScale.apply(bin.length);\n return (\n <rect\n key={`bg-${index}`}\n x={x0 + 1}\n y={y}\n width={Math.max(x1 - x0 - 1, 1)}\n height={layout.yScale.apply(0) - y}\n fill=\"hsl(var(--muted-foreground) / 0.22)\"\n />\n );\n })}\n {summary.filteredBins.map((bin, index) => {\n const x0 = layout.xScale?.apply(bin.x0) ?? 0;\n const x1 = layout.xScale?.apply(bin.x1) ?? 0;\n const y = layout.yScale.apply(bin.length);\n return (\n <rect\n key={`fg-${index}`}\n x={x0 + 1}\n y={y}\n width={Math.max(x1 - x0 - 1, 1)}\n height={layout.yScale.apply(0) - y}\n fill=\"hsl(var(--chart-1))\"\n opacity={0.95}\n />\n );\n })}\n <line\n x1={xAxisStart}\n x2={xAxisEnd}\n y1={axisY}\n y2={axisY}\n stroke=\"hsl(var(--border))\"\n />\n <line\n x1={xAxisStart}\n x2={xAxisStart}\n y1={axisY}\n y2={axisY + 2.5}\n stroke=\"hsl(var(--border))\"\n />\n <line\n x1={xAxisEnd}\n x2={xAxisEnd}\n y1={axisY}\n y2={axisY + 2.5}\n stroke=\"hsl(var(--border))\"\n />\n {summary.totalNullCount > 0 ? (\n <line\n x1={nullBarCenter}\n x2={nullBarCenter}\n y1={axisY}\n y2={axisY + 2.5}\n stroke=\"hsl(var(--chart-1))\"\n />\n ) : null}\n <g ref={brushRootRef} />\n </svg>\n <div className=\"text-muted-foreground relative h-3.5 text-[10px] font-normal\">\n {summary.totalNullCount > 0 ? (\n <span\n className=\"absolute -translate-x-1/2\"\n style={{left: nullBarCenter}}\n >\n ∅\n </span>\n ) : null}\n <span className=\"absolute\" style={{left: xAxisStart}}>\n {summary.totalBins[0]\n ? formatDomainValue(summary.totalBins[0].x0, summary.valueType)\n : '0'}\n </span>\n <span className=\"absolute -translate-x-full\" style={{left: xAxisEnd}}>\n {summary.totalBins.at(-1)\n ? formatDomainValue(summary.totalBins.at(-1)!.x1, summary.valueType)\n : '0'}\n </span>\n </div>\n </div>\n );\n}\n\nfunction SummaryCell({column}: {column: MosaicProfilerColumnState}) {\n if (column.summary.kind === 'histogram') {\n return <HistogramSummaryCell summary={column.summary} />;\n }\n if (column.summary.kind === 'category') {\n return <CategorySummaryCell summary={column.summary} />;\n }\n return (\n <div className=\"text-muted-foreground pt-1.5 text-[10px] font-normal\">\n {column.summary.label}\n </div>\n );\n}\n\nexport function MosaicProfilerHeader({\n className,\n profiler,\n}: MosaicProfilerHeaderProps) {\n return (\n <>\n <colgroup>\n <col style={{width: PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}} />\n {profiler.columns.map((column) => (\n <col\n key={column.name}\n style={{width: getProfilerColumnWidthPx(column)}}\n />\n ))}\n </colgroup>\n <TableHeader className={cn('sticky top-0 z-30', className)}>\n <TableRow>\n <TableHead className={STICKY_ROW_NUMBER_CLASS}>#</TableHead>\n {profiler.columns.map((column) => {\n const sortState = profiler.sorting.find(\n (entry) => entry.id === column.name,\n );\n return (\n <TableHead\n key={column.name}\n className={cn(\n getColumnWidthClass(column),\n STICKY_COLUMN_HEADER_CLASS,\n )}\n >\n <div className=\"min-w-0\">\n <button\n type=\"button\"\n className=\"group relative flex w-full items-start gap-1.5 pr-4 text-left\"\n onClick={() =>\n setNextSortState(\n profiler.sorting,\n column.name,\n profiler.setSorting,\n )\n }\n >\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-[13px] leading-tight font-semibold\">\n {column.name}\n </div>\n <Badge\n variant=\"outline\"\n className=\"mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60\"\n >\n {String(column.field.type)}\n </Badge>\n </div>\n <span className=\"text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center\">\n {sortState ? (\n sortState.desc ? (\n <ChevronDownIcon className=\"h-4 w-4\" />\n ) : (\n <ChevronUpIcon className=\"h-4 w-4\" />\n )\n ) : (\n <span className=\"flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60\">\n <ChevronUpIcon className=\"-mb-1 h-3 w-3\" />\n <ChevronDownIcon className=\"-mt-1 h-3 w-3\" />\n </span>\n )}\n </span>\n </button>\n <SummaryCell column={column} />\n </div>\n </TableHead>\n );\n })}\n </TableRow>\n </TableHeader>\n </>\n );\n}\n"]}