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

package/dist/dashboard/toolbar/MosaicDashboardAddPanelDropdown.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@sqlrooms/ui';
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Tooltip, TooltipContent, TooltipTrigger, } from '@sqlrooms/ui';
 import { Plus } from 'lucide-react';
 import { useAddPanelActions } from '../useAddPanelActions';
 export const MosaicDashboardAddPanelDropdown = ({ dashboardId }) => {
     const { handleAddPanel, canAddPanel, actions, canAddAnyPanel } = useAddPanelActions(dashboardId);
-    return (_jsxs(DropdownMenu, { modal: false, 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"] }) }), _jsx(DropdownMenuContent, { align: "end", children: actions.map((action) => {
+    return (_jsxs(DropdownMenu, { modal: false, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", className: "h-8 w-8", disabled: !canAddAnyPanel, "aria-label": "Add panel", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Add panel" })] }), _jsx(DropdownMenuContent, { align: "end", children: actions.map((action) => {
                     const Icon = action.icon;
-                    return (_jsxs(DropdownMenuItem, { onClick: () => handleAddPanel(action), disabled: !canAddPanel(action), children: [Icon ? _jsx(Icon, { className: "mr-2 h-4 w-4" }) : null, action.label] }, action.type));
+                    return (_jsxs(DropdownMenuItem, { onClick: () => handleAddPanel(action), disabled: !canAddPanel(action), children: [Icon ? _jsx(Icon, { className: "mr-2 h-3.5 w-3.5" }) : null, action.label] }, action.type));
                 }) })] }));
 };
 //# sourceMappingURL=MosaicDashboardAddPanelDropdown.js.map

package/dist/dashboard/toolbar/MosaicDashboardAddPanelDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardAddPanelDropdown.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardAddPanelDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAMzD,MAAM,CAAC,MAAM,+BAA+B,GAExC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,EAAC,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAC,GAC1D,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,aACxB,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC,cAAc,aAC3D,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,WAE1B,GACW,EACtB,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;oBAEzB,OAAO,CACL,MAAC,gBAAgB,IAEf,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EACrC,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAE7B,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,IAAI,EAC/C,MAAM,CAAC,KAAK,KALR,MAAM,CAAC,IAAI,CAMC,CACpB,CAAC;gBACJ,CAAC,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport {useAddPanelActions} from '../useAddPanelActions';\n\ninterface MosaicDashboardAddPanelDropdownProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardAddPanelDropdown: FC<\n  MosaicDashboardAddPanelDropdownProps\n> = ({dashboardId}) => {\n  const {handleAddPanel, canAddPanel, actions, canAddAnyPanel} =\n    useAddPanelActions(dashboardId);\n\n  return (\n    <DropdownMenu modal={false}>\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        {actions.map((action) => {\n          const Icon = action.icon;\n\n          return (\n            <DropdownMenuItem\n              key={action.type}\n              onClick={() => handleAddPanel(action)}\n              disabled={!canAddPanel(action)}\n            >\n              {Icon ? <Icon className=\"mr-2 h-4 w-4\" /> : null}\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardAddPanelDropdown.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardAddPanelDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAMzD,MAAM,CAAC,MAAM,+BAA+B,GAExC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,EAAC,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAC,GAC1D,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,aACxB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,cAAc,gBACd,WAAW,YAEtB,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,GAAG,GACzB,GACW,GACP,EACjB,KAAC,cAAc,4BAA2B,IAClC,EACV,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;oBAEzB,OAAO,CACL,MAAC,gBAAgB,IAEf,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EACrC,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAE7B,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,IAAI,EACnD,MAAM,CAAC,KAAK,KALR,MAAM,CAAC,IAAI,CAMC,CACpB,CAAC;gBACJ,CAAC,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport {useAddPanelActions} from '../useAddPanelActions';\n\ninterface MosaicDashboardAddPanelDropdownProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardAddPanelDropdown: FC<\n  MosaicDashboardAddPanelDropdownProps\n> = ({dashboardId}) => {\n  const {handleAddPanel, canAddPanel, actions, canAddAnyPanel} =\n    useAddPanelActions(dashboardId);\n\n  return (\n    <DropdownMenu modal={false}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <DropdownMenuTrigger asChild>\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8\"\n              disabled={!canAddAnyPanel}\n              aria-label=\"Add panel\"\n            >\n              <Plus className=\"h-3.5 w-3.5\" />\n            </Button>\n          </DropdownMenuTrigger>\n        </TooltipTrigger>\n        <TooltipContent>Add panel</TooltipContent>\n      </Tooltip>\n      <DropdownMenuContent align=\"end\">\n        {actions.map((action) => {\n          const Icon = action.icon;\n\n          return (\n            <DropdownMenuItem\n              key={action.type}\n              onClick={() => handleAddPanel(action)}\n              disabled={!canAddPanel(action)}\n            >\n              {Icon ? <Icon className=\"mr-2 h-3.5 w-3.5\" /> : null}\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface MosaicDashboardDataTableSelectorProps {
+    dashboardId: string;
+}
+export declare const MosaicDashboardDataTableSelector: FC<MosaicDashboardDataTableSelectorProps>;
+export {};
+//# sourceMappingURL=MosaicDashboardDataTableSelector.d.ts.map

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardDataTableSelector.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardDataTableSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AAOtC,UAAU,qCAAqC;IAC7C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gCAAgC,EAAE,EAAE,CAC/C,qCAAqC,CA4BtC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useStoreWithMosaicDashboard } from '../MosaicDashboardSlice';
+import { DataTableSelector } from '../../components/DataTableSelector';
+import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
+import { useDataTable } from '@sqlrooms/db';
+export const MosaicDashboardDataTableSelector = ({ dashboardId }) => {
+    const tables = useTablesWithColumns();
+    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
+    const selectedTableName = dashboard?.selectedTable;
+    const selectedTable = useDataTable(selectedTableName);
+    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
+    const handleTableChange = useCallback((table) => {
+        setSelectedTable(dashboardId, table.table.toString());
+    }, [dashboardId, setSelectedTable]);
+    return (_jsx(DataTableSelector, { onChange: handleTableChange, tables: tables, value: selectedTable }));
+};
+//# sourceMappingURL=MosaicDashboardDataTableSelector.js.map

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardDataTableSelector.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardDataTableSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAK,WAAW,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAO1C,MAAM,CAAC,MAAM,gCAAgC,GAEzC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,iBAAiB,GAAG,SAAS,EAAE,aAAa,CAAC;IAEnD,MAAM,aAAa,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAClD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAgB,EAAE,EAAE;QACnB,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC, useCallback} from 'react';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\nimport {DataTableSelector} from '../../components/DataTableSelector';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {useDataTable} from '@sqlrooms/db';\nimport type {DataTable} from '@sqlrooms/db';\n\ninterface MosaicDashboardDataTableSelectorProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardDataTableSelector: FC<\n  MosaicDashboardDataTableSelectorProps\n> = ({dashboardId}) => {\n  const tables = useTablesWithColumns();\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const selectedTableName = dashboard?.selectedTable;\n\n  const selectedTable = useDataTable(selectedTableName);\n\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      setSelectedTable(dashboardId, table.table.toString());\n    },\n    [dashboardId, setSelectedTable],\n  );\n\n  return (\n    <DataTableSelector\n      onChange={handleTableChange}\n      tables={tables}\n      value={selectedTable}\n    />\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardResetFiltersButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardResetFiltersButton.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAO5D,UAAU,sCAAsC;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAChD,sCAAsC,CAuDvC,CAAC"}
+{"version":3,"file":"MosaicDashboardResetFiltersButton.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAI9B,UAAU,sCAAsC;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAChD,sCAAsC,CAYvC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardResetFiltersButton.js

@@ -1,36 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import { Button } from '@sqlrooms/ui';
-import { getMosaicDashboardSelectionName, useStoreWithMosaicDashboard, } from '../MosaicDashboardSlice';
+import { useDashboardResetFilters } from '../hooks/useDashboardResetFilters';
+import { ResetFiltersButton } from '../components/ResetFiltersButton';
 export const MosaicDashboardResetFiltersButton = ({ dashboardId }) => {
-    const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
-    const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);
-    const dashboardSelection = useStoreWithMosaicDashboard((state) => state.mosaic.selections[dashboardSelectionName]);
-    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 handleResetFilters = () => {
-        dashboardSelection?.reset();
-    };
-    if (!hasActiveFilters) {
-        return null;
-    }
-    return (_jsx(Button, { variant: "link", size: "sm", className: "h-8 px-0", onClick: handleResetFilters, children: "Reset filters" }));
+    const { hasActiveFilters, reset } = useDashboardResetFilters({ dashboardId });
+    return (_jsx(ResetFiltersButton, { className: "h-8 w-8", disabled: !hasActiveFilters, onClick: reset, tooltip: "Reset all filters" }));
 };
 //# sourceMappingURL=MosaicDashboardResetFiltersButton.js.map

package/dist/dashboard/toolbar/MosaicDashboardResetFiltersButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardResetFiltersButton.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,yBAAyB,CAAC;AAMjC,MAAM,CAAC,MAAM,iCAAiC,GAE1C,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,YAAY,GAAG,2BAA2B,CAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CACrC,CAAC;IACF,MAAM,sBAAsB,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAC;IAC5E,MAAM,kBAAkB,GAAG,2BAA2B,CACpD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC3D,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,YAAY,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,mBAAmB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QACpE,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,EACjD,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CACvC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,kBAAkB,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,kBAAkB,8BAGpB,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useEffect, useMemo, useState} from 'react';\nimport {Button} from '@sqlrooms/ui';\nimport {\n  getMosaicDashboardSelectionName,\n  useStoreWithMosaicDashboard,\n} from '../MosaicDashboardSlice';\n\ninterface MosaicDashboardResetFiltersButtonProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardResetFiltersButton: FC<\n  MosaicDashboardResetFiltersButtonProps\n> = ({dashboardId}) => {\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 [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 handleResetFilters = () => {\n    dashboardSelection?.reset();\n  };\n\n  if (!hasActiveFilters) {\n    return null;\n  }\n\n  return (\n    <Button\n      variant=\"link\"\n      size=\"sm\"\n      className=\"h-8 px-0\"\n      onClick={handleResetFilters}\n    >\n      Reset filters\n    </Button>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardResetFiltersButton.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAMpE,MAAM,CAAC,MAAM,iCAAiC,GAE1C,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,EAAC,gBAAgB,EAAE,KAAK,EAAC,GAAG,wBAAwB,CAAC,EAAC,WAAW,EAAC,CAAC,CAAC;IAE1E,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,OAAO,EAAE,KAAK,EACd,OAAO,EAAC,mBAAmB,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {useDashboardResetFilters} from '../hooks/useDashboardResetFilters';\nimport {ResetFiltersButton} from '../components/ResetFiltersButton';\n\ninterface MosaicDashboardResetFiltersButtonProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardResetFiltersButton: FC<\n  MosaicDashboardResetFiltersButtonProps\n> = ({dashboardId}) => {\n  const {hasActiveFilters, reset} = useDashboardResetFilters({dashboardId});\n\n  return (\n    <ResetFiltersButton\n      className=\"h-8 w-8\"\n      disabled={!hasActiveFilters}\n      onClick={reset}\n      tooltip=\"Reset all filters\"\n    />\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardToolbar.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const MosaicDashboardToolbar: React.FC;
+import { FC } from 'react';
+export declare const MosaicDashboardToolbar: FC;
 //# sourceMappingURL=MosaicDashboardToolbar.d.ts.map

package/dist/dashboard/toolbar/MosaicDashboardToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA0C1C,CAAC"}
+{"version":3,"file":"MosaicDashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AAStC,eAAO,MAAM,sBAAsB,EAAE,EA0CpC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardToolbar.js

@@ -4,21 +4,23 @@ import { useMosaicDashboardContext } from '../MosaicDashboardContext';
 import { useStoreWithMosaicDashboard } from '../MosaicDashboardSlice';
 import { MosaicDashboardAddPanelDropdown } from './MosaicDashboardAddPanelDropdown';
 import { MosaicDashboardResetFiltersButton } from './MosaicDashboardResetFiltersButton';
-import { DataTableSelector } from '../../components/DataTableSelector';
-import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
-import { useDataTable } from '../../hooks/useDataTable';
+import { MosaicDashboardDataTableSelector } from './MosaicDashboardDataTableSelector';
+import { useDataTable } from '@sqlrooms/db';
+import { BlockCaptionEditor } from '../../components/BlockCaptionEditor';
 export const MosaicDashboardToolbar = () => {
     const { dashboardId } = useMosaicDashboardContext();
-    const tables = useTablesWithColumns();
-    const selectedTableName = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable);
+    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
+    const selectedTableName = dashboard?.selectedTable;
+    const dashboardTitle = dashboard?.title ?? '';
     const selectedTable = useDataTable(selectedTableName);
-    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
-    const handleTableChange = useCallback((table) => {
-        setSelectedTable(dashboardId, table.table.toString());
-    }, [dashboardId, setSelectedTable]);
+    const tableName = selectedTable?.table.table;
+    const setDashboardTitle = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setDashboardTitle);
+    const handleTitleChange = useCallback((title) => {
+        setDashboardTitle(dashboardId, title || '');
+    }, [dashboardId, setDashboardTitle]);
     if (!selectedTableName) {
         return null;
     }
-    return (_jsxs("div", { className: "flex items-center justify-between border-b px-5 py-2", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx(MosaicDashboardResetFiltersButton, { dashboardId: dashboardId }) }), _jsxs("div", { className: "flex items-center gap-2", children: [selectedTable && (_jsx(DataTableSelector, { className: "w-48", onChange: handleTableChange, tables: tables, value: selectedTable })), _jsx(MosaicDashboardAddPanelDropdown, { dashboardId: dashboardId })] })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between gap-2 border-b px-5 py-2", children: [_jsx(BlockCaptionEditor, { value: dashboardTitle, placeholder: tableName || 'Dashboard title', onChange: handleTitleChange }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MosaicDashboardAddPanelDropdown, { dashboardId: dashboardId }), _jsx(MosaicDashboardDataTableSelector, { dashboardId: dashboardId }), _jsx(MosaicDashboardResetFiltersButton, { dashboardId: dashboardId })] })] }));
 };
 //# sourceMappingURL=MosaicDashboardToolbar.js.map

package/dist/dashboard/toolbar/MosaicDashboardToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAC,+BAA+B,EAAC,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGtD,MAAM,CAAC,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAElD,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,iBAAiB,GAAG,2BAA2B,CACnD,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,aAAa,CAC1E,CAAC;IACF,MAAM,aAAa,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAClD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAgB,EAAE,EAAE;QACnB,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAChC,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,iCAAiC,IAAC,WAAW,EAAE,WAAW,GAAI,GAC3D,EACN,eAAK,SAAS,EAAC,yBAAyB,aACrC,aAAa,IAAI,CAChB,KAAC,iBAAiB,IAChB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,CACH,EACD,KAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI,IACzD,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, {useCallback} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\nimport {MosaicDashboardAddPanelDropdown} from './MosaicDashboardAddPanelDropdown';\nimport {MosaicDashboardResetFiltersButton} from './MosaicDashboardResetFiltersButton';\nimport {DataTableSelector} from '../../components/DataTableSelector';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {useDataTable} from '../../hooks/useDataTable';\nimport type {DataTable} from '@sqlrooms/db';\n\nexport const MosaicDashboardToolbar: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n\n  const tables = useTablesWithColumns();\n  const selectedTableName = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable,\n  );\n  const selectedTable = useDataTable(selectedTableName);\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      setSelectedTable(dashboardId, table.table.toString());\n    },\n    [dashboardId, setSelectedTable],\n  );\n\n  if (!selectedTableName) {\n    return null;\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        <MosaicDashboardResetFiltersButton dashboardId={dashboardId} />\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {selectedTable && (\n          <DataTableSelector\n            className=\"w-48\"\n            onChange={handleTableChange}\n            tables={tables}\n            value={selectedTable}\n          />\n        )}\n        <MosaicDashboardAddPanelDropdown dashboardId={dashboardId} />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAK,WAAW,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAC,+BAA+B,EAAC,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAC,gCAAgC,EAAC,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAEvE,MAAM,CAAC,MAAM,sBAAsB,GAAO,GAAG,EAAE;IAC7C,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAElD,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,iBAAiB,GAAG,SAAS,EAAE,aAAa,CAAC;IACnD,MAAM,cAAc,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC;IAE9C,MAAM,aAAa,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;IAE7C,MAAM,iBAAiB,GAAG,2BAA2B,CACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,iBAAiB,CACnD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAyB,EAAE,EAAE;QAC5B,iBAAiB,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,WAAW,EAAE,iBAAiB,CAAC,CACjC,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,kBAAkB,IACjB,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,SAAS,IAAI,iBAAiB,EAC3C,QAAQ,EAAE,iBAAiB,GAC3B,EAEF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI,EAC7D,KAAC,gCAAgC,IAAC,WAAW,EAAE,WAAW,GAAI,EAC9D,KAAC,iCAAiC,IAAC,WAAW,EAAE,WAAW,GAAI,IAC3D,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC, useCallback} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\nimport {MosaicDashboardAddPanelDropdown} from './MosaicDashboardAddPanelDropdown';\nimport {MosaicDashboardResetFiltersButton} from './MosaicDashboardResetFiltersButton';\nimport {MosaicDashboardDataTableSelector} from './MosaicDashboardDataTableSelector';\nimport {useDataTable} from '@sqlrooms/db';\nimport {BlockCaptionEditor} from '../../components/BlockCaptionEditor';\n\nexport const MosaicDashboardToolbar: FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const selectedTableName = dashboard?.selectedTable;\n  const dashboardTitle = dashboard?.title ?? '';\n\n  const selectedTable = useDataTable(selectedTableName);\n  const tableName = selectedTable?.table.table;\n\n  const setDashboardTitle = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setDashboardTitle,\n  );\n\n  const handleTitleChange = useCallback(\n    (title: string | undefined) => {\n      setDashboardTitle(dashboardId, title || '');\n    },\n    [dashboardId, setDashboardTitle],\n  );\n\n  if (!selectedTableName) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 border-b px-5 py-2\">\n      <BlockCaptionEditor\n        value={dashboardTitle}\n        placeholder={tableName || 'Dashboard title'}\n        onChange={handleTitleChange}\n      />\n\n      <div className=\"flex items-center gap-2\">\n        <MosaicDashboardAddPanelDropdown dashboardId={dashboardId} />\n        <MosaicDashboardDataTableSelector dashboardId={dashboardId} />\n        <MosaicDashboardResetFiltersButton dashboardId={dashboardId} />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/usePanelClientRegistration.d.ts

@@ -0,0 +1,7 @@
+import { type MosaicClient } from '@uwdata/mosaic-core';
+/**
+ * Registers Mosaic clients for a dashboard panel so the panel's reset button
+ * can track which filters originate from this panel.
+ */
+export declare function usePanelClientRegistration(dashboardId: string | undefined, panelId: string | undefined, clients: MosaicClient[]): void;
+//# sourceMappingURL=usePanelClientRegistration.d.ts.map

package/dist/dashboard/usePanelClientRegistration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClientRegistration.d.ts","sourceRoot":"","sources":["../../src/dashboard/usePanelClientRegistration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAItD;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,OAAO,EAAE,YAAY,EAAE,GACtB,IAAI,CA6BN"}

package/dist/dashboard/usePanelClientRegistration.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+import { useStoreWithMosaicDashboard } from './MosaicDashboardSlice';
+/**
+ * Registers Mosaic clients for a dashboard panel so the panel's reset button
+ * can track which filters originate from this panel.
+ */
+export function usePanelClientRegistration(dashboardId, panelId, clients) {
+    const registerPanelClient = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.registerPanelClient);
+    const unregisterPanelClient = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.unregisterPanelClient);
+    useEffect(() => {
+        if (!dashboardId || !panelId || clients.length === 0) {
+            return;
+        }
+        clients.forEach((client) => {
+            registerPanelClient(dashboardId, panelId, client);
+        });
+        return () => {
+            clients.forEach((client) => {
+                unregisterPanelClient(dashboardId, panelId, client);
+            });
+        };
+    }, [
+        dashboardId,
+        panelId,
+        clients,
+        registerPanelClient,
+        unregisterPanelClient,
+    ]);
+}
+//# sourceMappingURL=usePanelClientRegistration.js.map

package/dist/dashboard/usePanelClientRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClientRegistration.js","sourceRoot":"","sources":["../../src/dashboard/usePanelClientRegistration.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE;;;GAGG;AACH,MAAM,UAAU,0BAA0B,CACxC,WAA+B,EAC/B,OAA2B,EAC3B,OAAuB;IAEvB,MAAM,mBAAmB,GAAG,2BAA2B,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,mBAAmB,CACrD,CAAC;IACF,MAAM,qBAAqB,GAAG,2BAA2B,CACvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,qBAAqB,CACvD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,mBAAmB,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACzB,qBAAqB,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,WAAW;QACX,OAAO;QACP,OAAO;QACP,mBAAmB;QACnB,qBAAqB;KACtB,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {type MosaicClient} from '@uwdata/mosaic-core';\nimport {useEffect} from 'react';\nimport {useStoreWithMosaicDashboard} from './MosaicDashboardSlice';\n\n/**\n * Registers Mosaic clients for a dashboard panel so the panel's reset button\n * can track which filters originate from this panel.\n */\nexport function usePanelClientRegistration(\n  dashboardId: string | undefined,\n  panelId: string | undefined,\n  clients: MosaicClient[],\n): void {\n  const registerPanelClient = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.registerPanelClient,\n  );\n  const unregisterPanelClient = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.unregisterPanelClient,\n  );\n\n  useEffect(() => {\n    if (!dashboardId || !panelId || clients.length === 0) {\n      return;\n    }\n\n    clients.forEach((client) => {\n      registerPanelClient(dashboardId, panelId, client);\n    });\n\n    return () => {\n      clients.forEach((client) => {\n        unregisterPanelClient(dashboardId, panelId, client);\n      });\n    };\n  }, [\n    dashboardId,\n    panelId,\n    clients,\n    registerPanelClient,\n    unregisterPanelClient,\n  ]);\n}\n"]}

package/dist/dashboard/usePanelClients.d.ts

@@ -0,0 +1,7 @@
+import { type MosaicClient } from '@uwdata/mosaic-core';
+/**
+ * Returns the list of registered Mosaic clients for a specific dashboard panel.
+ * These clients are used to determine which filters originate from this panel.
+ */
+export declare function usePanelClients(dashboardId: string, panelId: string): MosaicClient[];
+//# sourceMappingURL=usePanelClients.d.ts.map

package/dist/dashboard/usePanelClients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClients.d.ts","sourceRoot":"","sources":["../../src/dashboard/usePanelClients.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAMtD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,GACd,YAAY,EAAE,CAOhB"}

package/dist/dashboard/usePanelClients.js

@@ -0,0 +1,13 @@
+import { useStoreWithMosaicDashboard, getMosaicDashboardPanelId, } from './MosaicDashboardSlice';
+/**
+ * Returns the list of registered Mosaic clients for a specific dashboard panel.
+ * These clients are used to determine which filters originate from this panel.
+ */
+export function usePanelClients(dashboardId, panelId) {
+    const panelClientsFromStore = useStoreWithMosaicDashboard((state) => {
+        const key = getMosaicDashboardPanelId(dashboardId, panelId);
+        return state.mosaicDashboard.runtime.panelClients[key];
+    });
+    return panelClientsFromStore ?? [];
+}
+//# sourceMappingURL=usePanelClients.js.map

package/dist/dashboard/usePanelClients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClients.js","sourceRoot":"","sources":["../../src/dashboard/usePanelClients.ts"],"names":[],"mappings":"AACA,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,eAAe,CAC7B,WAAmB,EACnB,OAAe;IAEf,MAAM,qBAAqB,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE;QAClE,MAAM,GAAG,GAAG,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAC5D,OAAO,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,OAAO,qBAAqB,IAAI,EAAE,CAAC;AACrC,CAAC","sourcesContent":["import {type MosaicClient} from '@uwdata/mosaic-core';\nimport {\n  useStoreWithMosaicDashboard,\n  getMosaicDashboardPanelId,\n} from './MosaicDashboardSlice';\n\n/**\n * Returns the list of registered Mosaic clients for a specific dashboard panel.\n * These clients are used to determine which filters originate from this panel.\n */\nexport function usePanelClients(\n  dashboardId: string,\n  panelId: string,\n): MosaicClient[] {\n  const panelClientsFromStore = useStoreWithMosaicDashboard((state) => {\n    const key = getMosaicDashboardPanelId(dashboardId, panelId);\n    return state.mosaicDashboard.runtime.panelClients[key];\n  });\n\n  return panelClientsFromStore ?? [];\n}\n"]}

package/dist/data-table-explorer/DataTableExplorer.d.ts

@@ -1,9 +1,10 @@
 import { type ComponentProps, type PropsWithChildren, type ReactElement } from 'react';
-import { Button, Table } from '@sqlrooms/ui';
+import { Table } from '@sqlrooms/ui';
 import { type DataTableExplorerHeaderProps } from './DataTableExplorerHeader';
 import { type DataTableExplorerRowsProps } from './DataTableExplorerRows';
 import { type DataTableExplorerStatusBarProps } from './DataTableExplorerStatusBar';
 import type { DataTableExplorerOptions, UseDataTableExplorerReturn } from './types';
+import { ResetFiltersButton } from '../dashboard/components/ResetFiltersButton';
 export type DataTableExplorerRootProps = PropsWithChildren<{
     explorer: UseDataTableExplorerReturn;
 }>;
@@ -20,7 +21,8 @@ export type DataTableExplorerCompoundStatusBarProps = Omit<DataTableExplorerStat
 declare function DataTableExplorerCompoundStatusBar(props: DataTableExplorerCompoundStatusBarProps): import("react/jsx-runtime").JSX.Element;
 export type DataTableExplorerCompoundTableProps = ComponentProps<typeof Table>;
 declare function DataTableExplorerCompoundTable({ className, disableWrapper, style, ...props }: DataTableExplorerCompoundTableProps): import("react/jsx-runtime").JSX.Element;
-export type DataTableExplorerCompoundResetButtonProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {
+export type DataTableExplorerCompoundResetButtonProps = Omit<ComponentProps<typeof ResetFiltersButton>, 'disabled' | 'onClick'> & {
+    disabled?: boolean;
     onClick?: () => void;
 };
 declare function DataTableExplorerCompoundResetButton({ className, disabled: disabledProp, onClick, ...props }: DataTableExplorerCompoundResetButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/data-table-explorer/DataTableExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableExplorer.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,MAAM,EAAM,KAAK,EAAC,MAAM,cAAc,CAAC;AAG/C,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EACV,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAiBjB,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;IACzD,QAAQ,EAAE,0BAA0B,CAAC;CACtC,CAAC,CAAC;AAEH;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,GACT,EAAE,0BAA0B,2CAM5B;AAED,MAAM,MAAM,sBAAsB,GAChC,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;AAkB9C,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,4BAA4B,EAC5B,UAAU,CACX,CAAC;AAEF,iBAAS,+BAA+B,CACtC,KAAK,EAAE,oCAAoC,2CAI5C;AAED,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACnD,0BAA0B,EAC1B,UAAU,CACX,CAAC;AAEF,iBAAS,6BAA6B,CACpC,KAAK,EAAE,kCAAkC,2CAI1C;AAED,MAAM,MAAM,uCAAuC,GAAG,IAAI,CACxD,+BAA+B,EAC/B,UAAU,CACX,CAAC;AAEF,iBAAS,kCAAkC,CACzC,KAAK,EAAE,uCAAuC,2CAI/C;AAED,MAAM,MAAM,mCAAmC,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/E,iBAAS,8BAA8B,CAAC,EACtC,SAAS,EACT,cAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mCAAmC,2CAcrC;AAED,MAAM,MAAM,yCAAyC,GAAG,IAAI,CAC1D,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,oCAAoC,CAAC,EAC5C,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,yCAAyC,2CAsB3C;AAED,KAAK,kCAAkC,GAAG,CAAC,CACzC,KAAK,EAAE,sBAAsB,KAC1B,YAAY,CAAC,GAAG;IACnB,MAAM,EAAE,OAAO,+BAA+B,CAAC;IAC/C,WAAW,EAAE,OAAO,oCAAoC,CAAC;IACzD,IAAI,EAAE,OAAO,qBAAqB,CAAC;IACnC,IAAI,EAAE,OAAO,6BAA6B,CAAC;IAC3C,SAAS,EAAE,OAAO,kCAAkC,CAAC;IACrD,KAAK,EAAE,OAAO,8BAA8B,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kCAQ5B,CAAC"}
+{"version":3,"file":"DataTableExplorer.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,KAAK,EAAC,MAAM,cAAc,CAAC;AAEvC,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EACV,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAC,kBAAkB,EAAC,MAAM,4CAA4C,CAAC;AAgB9E,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;IACzD,QAAQ,EAAE,0BAA0B,CAAC;CACtC,CAAC,CAAC;AAEH;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,GACT,EAAE,0BAA0B,2CAM5B;AAED,MAAM,MAAM,sBAAsB,GAChC,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;AAkB9C,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,4BAA4B,EAC5B,UAAU,CACX,CAAC;AAEF,iBAAS,+BAA+B,CACtC,KAAK,EAAE,oCAAoC,2CAI5C;AAED,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACnD,0BAA0B,EAC1B,UAAU,CACX,CAAC;AAEF,iBAAS,6BAA6B,CACpC,KAAK,EAAE,kCAAkC,2CAI1C;AAED,MAAM,MAAM,uCAAuC,GAAG,IAAI,CACxD,+BAA+B,EAC/B,UAAU,CACX,CAAC;AAEF,iBAAS,kCAAkC,CACzC,KAAK,EAAE,uCAAuC,2CAI/C;AAED,MAAM,MAAM,mCAAmC,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/E,iBAAS,8BAA8B,CAAC,EACtC,SAAS,EACT,cAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mCAAmC,2CAcrC;AAED,MAAM,MAAM,yCAAyC,GAAG,IAAI,CAC1D,cAAc,CAAC,OAAO,kBAAkB,CAAC,EACzC,UAAU,GAAG,SAAS,CACvB,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,oCAAoC,CAAC,EAC5C,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,yCAAyC,2CAiB3C;AAED,KAAK,kCAAkC,GAAG,CAAC,CACzC,KAAK,EAAE,sBAAsB,KAC1B,YAAY,CAAC,GAAG;IACnB,MAAM,EAAE,OAAO,+BAA+B,CAAC;IAC/C,WAAW,EAAE,OAAO,oCAAoC,CAAC;IACzD,IAAI,EAAE,OAAO,qBAAqB,CAAC;IACnC,IAAI,EAAE,OAAO,6BAA6B,CAAC;IAC3C,SAAS,EAAE,OAAO,kCAAkC,CAAC;IACrD,KAAK,EAAE,OAAO,8BAA8B,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kCAQ5B,CAAC"}

package/dist/data-table-explorer/DataTableExplorer.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, } from 'react';
-import { Button, cn, Table } from '@sqlrooms/ui';
-import { FilterX } from 'lucide-react';
+import { cn, Table } from '@sqlrooms/ui';
 import { getDataTableExplorerTableWidth } from './layout';
 import { DataTableExplorerHeader, } from './DataTableExplorerHeader';
 import { DataTableExplorerRows, } from './DataTableExplorerRows';
 import { DataTableExplorerStatusBar, } from './DataTableExplorerStatusBar';
 import { useDataTableExplorer } from './useDataTableExplorer';
+import { ResetFiltersButton } from '../dashboard/components/ResetFiltersButton';
 const explorerContext = createContext(null);
 function useDataTableExplorerCompoundContext() {
     const explorer = useContext(explorerContext);
@@ -51,10 +51,10 @@ function DataTableExplorerCompoundTable({ className, disableWrapper = true, styl
 function DataTableExplorerCompoundResetButton({ className, disabled: disabledProp, onClick, ...props }) {
     const explorer = useDataTableExplorerCompoundContext();
     const disabled = disabledProp ?? !explorer.hasFilters;
-    return (_jsx(Button, { type: "button", size: "icon", variant: "ghost", className: cn('h-7 w-7', className), "aria-label": "Reset filters", title: "Reset filters", disabled: disabled, onClick: () => {
+    return (_jsx(ResetFiltersButton, { className: cn('h-7 w-7', className), iconClassName: "h-3.5 w-3.5", disabled: disabled, onClick: () => {
             explorer.reset();
             onClick?.();
-        }, ...props, children: _jsx(FilterX, { className: "h-4 w-4" }) }));
+        }, tooltip: "Reset filters", ...props }));
 }
 export const DataTableExplorer = Object.assign(DataTableExplorerComponent, {
     Header: DataTableExplorerCompoundHeader,

package/dist/data-table-explorer/DataTableExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableExplorer.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\nimport {Button, cn, Table} from '@sqlrooms/ui';\nimport {FilterX} from 'lucide-react';\nimport {getDataTableExplorerTableWidth} from './layout';\nimport {\n  DataTableExplorerHeader,\n  type DataTableExplorerHeaderProps,\n} from './DataTableExplorerHeader';\nimport {\n  DataTableExplorerRows,\n  type DataTableExplorerRowsProps,\n} from './DataTableExplorerRows';\nimport {\n  DataTableExplorerStatusBar,\n  type DataTableExplorerStatusBarProps,\n} from './DataTableExplorerStatusBar';\nimport type {\n  DataTableExplorerOptions,\n  UseDataTableExplorerReturn,\n} from './types';\nimport {useDataTableExplorer} from './useDataTableExplorer';\n\nconst explorerContext = createContext<UseDataTableExplorerReturn | null>(null);\n\nfunction useDataTableExplorerCompoundContext() {\n  const explorer = useContext(explorerContext);\n\n  if (!explorer) {\n    throw new Error(\n      'DataTableExplorer compound components must be rendered inside <DataTableExplorer> or <DataTableExplorer.Root>.',\n    );\n  }\n\n  return explorer;\n}\n\nexport type DataTableExplorerRootProps = PropsWithChildren<{\n  explorer: UseDataTableExplorerReturn;\n}>;\n\n/**\n * Provides an existing explorer instance to compound explorer subcomponents.\n */\nexport function DataTableExplorerRoot({\n  children,\n  explorer,\n}: DataTableExplorerRootProps) {\n  return (\n    <explorerContext.Provider value={explorer}>\n      {children}\n    </explorerContext.Provider>\n  );\n}\n\nexport type DataTableExplorerProps =\n  PropsWithChildren<DataTableExplorerOptions>;\n\n/**\n * Creates an explorer instance and exposes it to compound explorer\n * subcomponents through context.\n */\nfunction DataTableExplorerComponent({\n  children,\n  ...options\n}: DataTableExplorerProps): ReactElement {\n  const explorer = useDataTableExplorer(options);\n  return (\n    <DataTableExplorerRoot explorer={explorer}>\n      {children}\n    </DataTableExplorerRoot>\n  );\n}\n\nexport type DataTableExplorerCompoundHeaderProps = Omit<\n  DataTableExplorerHeaderProps,\n  'explorer'\n>;\n\nfunction DataTableExplorerCompoundHeader(\n  props: DataTableExplorerCompoundHeaderProps,\n) {\n  const explorer = useDataTableExplorerCompoundContext();\n  return <DataTableExplorerHeader {...props} explorer={explorer} />;\n}\n\nexport type DataTableExplorerCompoundRowsProps = Omit<\n  DataTableExplorerRowsProps,\n  'explorer'\n>;\n\nfunction DataTableExplorerCompoundRows(\n  props: DataTableExplorerCompoundRowsProps,\n) {\n  const explorer = useDataTableExplorerCompoundContext();\n  return <DataTableExplorerRows {...props} explorer={explorer} />;\n}\n\nexport type DataTableExplorerCompoundStatusBarProps = Omit<\n  DataTableExplorerStatusBarProps,\n  'explorer'\n>;\n\nfunction DataTableExplorerCompoundStatusBar(\n  props: DataTableExplorerCompoundStatusBarProps,\n) {\n  const explorer = useDataTableExplorerCompoundContext();\n  return <DataTableExplorerStatusBar {...props} explorer={explorer} />;\n}\n\nexport type DataTableExplorerCompoundTableProps = ComponentProps<typeof Table>;\n\nfunction DataTableExplorerCompoundTable({\n  className,\n  disableWrapper = true,\n  style,\n  ...props\n}: DataTableExplorerCompoundTableProps) {\n  const explorer = useDataTableExplorerCompoundContext();\n  const tableWidth = getDataTableExplorerTableWidth(explorer.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\nexport type DataTableExplorerCompoundResetButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  'onClick'\n> & {\n  onClick?: () => void;\n};\n\nfunction DataTableExplorerCompoundResetButton({\n  className,\n  disabled: disabledProp,\n  onClick,\n  ...props\n}: DataTableExplorerCompoundResetButtonProps) {\n  const explorer = useDataTableExplorerCompoundContext();\n  const disabled = disabledProp ?? !explorer.hasFilters;\n\n  return (\n    <Button\n      type=\"button\"\n      size=\"icon\"\n      variant=\"ghost\"\n      className={cn('h-7 w-7', className)}\n      aria-label=\"Reset filters\"\n      title=\"Reset filters\"\n      disabled={disabled}\n      onClick={() => {\n        explorer.reset();\n        onClick?.();\n      }}\n      {...props}\n    >\n      <FilterX className=\"h-4 w-4\" />\n    </Button>\n  );\n}\n\ntype DataTableExplorerCompoundComponent = ((\n  props: DataTableExplorerProps,\n) => ReactElement) & {\n  Header: typeof DataTableExplorerCompoundHeader;\n  ResetButton: typeof DataTableExplorerCompoundResetButton;\n  Root: typeof DataTableExplorerRoot;\n  Rows: typeof DataTableExplorerCompoundRows;\n  StatusBar: typeof DataTableExplorerCompoundStatusBar;\n  Table: typeof DataTableExplorerCompoundTable;\n};\n\nexport const DataTableExplorer: DataTableExplorerCompoundComponent =\n  Object.assign(DataTableExplorerComponent, {\n    Header: DataTableExplorerCompoundHeader,\n    ResetButton: DataTableExplorerCompoundResetButton,\n    Root: DataTableExplorerRoot,\n    Rows: DataTableExplorerCompoundRows,\n    StatusBar: DataTableExplorerCompoundStatusBar,\n    Table: DataTableExplorerCompoundTable,\n  });\n"]}
+{"version":3,"file":"DataTableExplorer.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\nimport {cn, Table} from '@sqlrooms/ui';\nimport {getDataTableExplorerTableWidth} from './layout';\nimport {\n  DataTableExplorerHeader,\n  type DataTableExplorerHeaderProps,\n} from './DataTableExplorerHeader';\nimport {\n  DataTableExplorerRows,\n  type DataTableExplorerRowsProps,\n} from './DataTableExplorerRows';\nimport {\n  DataTableExplorerStatusBar,\n  type DataTableExplorerStatusBarProps,\n} from './DataTableExplorerStatusBar';\nimport type {\n  DataTableExplorerOptions,\n  UseDataTableExplorerReturn,\n} from './types';\nimport {useDataTableExplorer} from './useDataTableExplorer';\nimport {ResetFiltersButton} from '../dashboard/components/ResetFiltersButton';\n\nconst explorerContext = createContext<UseDataTableExplorerReturn | null>(null);\n\nfunction useDataTableExplorerCompoundContext() {\n  const explorer = useContext(explorerContext);\n\n  if (!explorer) {\n    throw new Error(\n      'DataTableExplorer compound components must be rendered inside <DataTableExplorer> or <DataTableExplorer.Root>.',\n    );\n  }\n\n  return explorer;\n}\n\nexport type DataTableExplorerRootProps = PropsWithChildren<{\n  explorer: UseDataTableExplorerReturn;\n}>;\n\n/**\n * Provides an existing explorer instance to compound explorer subcomponents.\n */\nexport function DataTableExplorerRoot({\n  children,\n  explorer,\n}: DataTableExplorerRootProps) {\n  return (\n    <explorerContext.Provider value={explorer}>\n      {children}\n    </explorerContext.Provider>\n  );\n}\n\nexport type DataTableExplorerProps =\n  PropsWithChildren<DataTableExplorerOptions>;\n\n/**\n * Creates an explorer instance and exposes it to compound explorer\n * subcomponents through context.\n */\nfunction DataTableExplorerComponent({\n  children,\n  ...options\n}: DataTableExplorerProps): ReactElement {\n  const explorer = useDataTableExplorer(options);\n  return (\n    <DataTableExplorerRoot explorer={explorer}>\n      {children}\n    </DataTableExplorerRoot>\n  );\n}\n\nexport type DataTableExplorerCompoundHeaderProps = Omit<\n  DataTableExplorerHeaderProps,\n  'explorer'\n>;\n\nfunction DataTableExplorerCompoundHeader(\n  props: DataTableExplorerCompoundHeaderProps,\n) {\n  const explorer = useDataTableExplorerCompoundContext();\n  return <DataTableExplorerHeader {...props} explorer={explorer} />;\n}\n\nexport type DataTableExplorerCompoundRowsProps = Omit<\n  DataTableExplorerRowsProps,\n  'explorer'\n>;\n\nfunction DataTableExplorerCompoundRows(\n  props: DataTableExplorerCompoundRowsProps,\n) {\n  const explorer = useDataTableExplorerCompoundContext();\n  return <DataTableExplorerRows {...props} explorer={explorer} />;\n}\n\nexport type DataTableExplorerCompoundStatusBarProps = Omit<\n  DataTableExplorerStatusBarProps,\n  'explorer'\n>;\n\nfunction DataTableExplorerCompoundStatusBar(\n  props: DataTableExplorerCompoundStatusBarProps,\n) {\n  const explorer = useDataTableExplorerCompoundContext();\n  return <DataTableExplorerStatusBar {...props} explorer={explorer} />;\n}\n\nexport type DataTableExplorerCompoundTableProps = ComponentProps<typeof Table>;\n\nfunction DataTableExplorerCompoundTable({\n  className,\n  disableWrapper = true,\n  style,\n  ...props\n}: DataTableExplorerCompoundTableProps) {\n  const explorer = useDataTableExplorerCompoundContext();\n  const tableWidth = getDataTableExplorerTableWidth(explorer.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\nexport type DataTableExplorerCompoundResetButtonProps = Omit<\n  ComponentProps<typeof ResetFiltersButton>,\n  'disabled' | 'onClick'\n> & {\n  disabled?: boolean;\n  onClick?: () => void;\n};\n\nfunction DataTableExplorerCompoundResetButton({\n  className,\n  disabled: disabledProp,\n  onClick,\n  ...props\n}: DataTableExplorerCompoundResetButtonProps) {\n  const explorer = useDataTableExplorerCompoundContext();\n  const disabled = disabledProp ?? !explorer.hasFilters;\n\n  return (\n    <ResetFiltersButton\n      className={cn('h-7 w-7', className)}\n      iconClassName=\"h-3.5 w-3.5\"\n      disabled={disabled}\n      onClick={() => {\n        explorer.reset();\n        onClick?.();\n      }}\n      tooltip=\"Reset filters\"\n      {...props}\n    />\n  );\n}\n\ntype DataTableExplorerCompoundComponent = ((\n  props: DataTableExplorerProps,\n) => ReactElement) & {\n  Header: typeof DataTableExplorerCompoundHeader;\n  ResetButton: typeof DataTableExplorerCompoundResetButton;\n  Root: typeof DataTableExplorerRoot;\n  Rows: typeof DataTableExplorerCompoundRows;\n  StatusBar: typeof DataTableExplorerCompoundStatusBar;\n  Table: typeof DataTableExplorerCompoundTable;\n};\n\nexport const DataTableExplorer: DataTableExplorerCompoundComponent =\n  Object.assign(DataTableExplorerComponent, {\n    Header: DataTableExplorerCompoundHeader,\n    ResetButton: DataTableExplorerCompoundResetButton,\n    Root: DataTableExplorerRoot,\n    Rows: DataTableExplorerCompoundRows,\n    StatusBar: DataTableExplorerCompoundStatusBar,\n    Table: DataTableExplorerCompoundTable,\n  });\n"]}

package/dist/data-table-explorer/DataTableExplorerCategoryClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableExplorerCategoryClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCategoryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAe,KAAK,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,SAAS,CAAC;AAC9D,OAAO,EAIL,KAAK,gBAAgB,EAGtB,MAAM,SAAS,CAAC;AAEjB,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,gCAAgC,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAAa,+BAAgC,SAAQ,YAAY;IAC/D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IACvC,OAAO,CAAC,aAAa,CAAC,CAAQ;IAC9B,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAEpB;IACV,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,UAAU,CAAC,CAAQ;IAC3B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,SAAS,CAAC,CAAqB;gBAE3B,OAAO,EAAE,qBAAqB;IAQ1C,IAAa,YAAY,IAAI,OAAO,CAEnC;IAED,OAAO,CAAC,WAAW;IAuBnB,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK;IAM3B,eAAe,CAAC,SAAS,EAAE,OAAO;IAQlC,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE;IAY5B,YAAY,IAAI,IAAI;IAOpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAchC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAOvC,KAAK;IAKL,WAAW,CAAC,GAAG,EAAE,MAAM;CAiBxB;AAED,KAAK,2CAA2C,GAAG;IACjD,aAAa,EAAE,+BAA+B,CAAC;CAChD,CAAC;AAEF,qBAAa,oCAAqC,SAAQ,YAAY;IACpE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkC;gBAEpD,OAAO,EAAE,2CAA2C;IAKvD,YAAY,IAAI,IAAI;IAKpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAOhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAIxC"}
+{"version":3,"file":"DataTableExplorerCategoryClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCategoryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAe,KAAK,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,SAAS,CAAC;AAC9D,OAAO,EAIL,KAAK,gBAAgB,EAGtB,MAAM,SAAS,CAAC;AAEjB,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,gCAAgC,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAAa,+BAAgC,SAAQ,YAAY;IAC/D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IACvC,OAAO,CAAC,aAAa,CAAC,CAAQ;IAC9B,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAEpB;IACV,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,UAAU,CAAC,CAAQ;IAC3B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,SAAS,CAAC,CAAqB;gBAE3B,OAAO,EAAE,qBAAqB;IAQ1C,IAAa,YAAY,IAAI,OAAO,CAEnC;IAED,OAAO,CAAC,WAAW;IAwBnB,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK;IAM3B,eAAe,CAAC,SAAS,EAAE,OAAO;IAQlC,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE;IAY5B,YAAY,IAAI,IAAI;IAOpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAchC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAOvC,KAAK;IAKL,WAAW,CAAC,GAAG,EAAE,MAAM;CAiBxB;AAED,KAAK,2CAA2C,GAAG;IACjD,aAAa,EAAE,+BAA+B,CAAC;CAChD,CAAC;AAEF,qBAAa,oCAAqC,SAAQ,YAAY;IACpE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkC;gBAEpD,OAAO,EAAE,2CAA2C;IAKvD,YAAY,IAAI,IAAI;IAKpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAOhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAIxC"}

package/dist/data-table-explorer/DataTableExplorerCategoryClient.js

@@ -29,6 +29,7 @@ export class DataTableExplorerCategoryClient extends MosaicClient {
         this.onStateChange({
             bucketCount,
             buckets,
+            client: this,
             error: this.filteredError ?? this.totalError,
             isLoading: this.filteredLoading || this.totalLoading,
             kind: 'category',

package/dist/data-table-explorer/DataTableExplorerCategoryClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableExplorerCategoryClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCategoryClient.ts"],"names":[],"mappings":"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","sourcesContent":["import {MosaicClient, clausePoint, type Selection} from '@uwdata/mosaic-core';\nimport {type ExprNode, Query} from '@uwdata/mosaic-sql';\nimport type * as arrow from 'apache-arrow';\nimport type {DataTableExplorerCategorySummary} from './types';\nimport {\n  buildCategoryBuckets,\n  buildCategorySummaryQuery,\n  categoryKeyToSelectionValue,\n  type CategoryCountRow,\n  isSelectableCategoryKey,\n  rowsFromQueryResult,\n} from './utils';\n\ntype CategoryClientOptions = {\n  categoryLimit: number;\n  field: arrow.Field;\n  onStateChange: (summary: DataTableExplorerCategorySummary) => void;\n  selection: Selection;\n  tableName: string;\n};\n\nexport class DataTableExplorerCategoryClient extends MosaicClient {\n  private readonly categoryLimit: number;\n  private filteredError?: Error;\n  private filteredLoading = true;\n  private readonly field: arrow.Field;\n  private readonly onStateChange: (\n    summary: DataTableExplorerCategorySummary,\n  ) => void;\n  private selectedKey?: string;\n  private filteredRows?: CategoryCountRow[];\n  private readonly tableName: string;\n  private totalError?: Error;\n  private totalLoading = true;\n  private totalRows?: CategoryCountRow[];\n\n  constructor(options: CategoryClientOptions) {\n    super(options.selection);\n    this.categoryLimit = options.categoryLimit;\n    this.field = options.field;\n    this.onStateChange = options.onStateChange;\n    this.tableName = options.tableName;\n  }\n\n  override get filterStable(): boolean {\n    return false;\n  }\n\n  private emitSummary() {\n    const filteredRows =\n      this.filteredRows ?? (this.filteredLoading ? (this.totalRows ?? []) : []);\n    const totalRows =\n      this.totalRows ?? (this.totalLoading ? (this.filteredRows ?? []) : []);\n    const {bucketCount, buckets} = buildCategoryBuckets(\n      filteredRows,\n      totalRows,\n      this.categoryLimit,\n      this.selectedKey,\n    );\n\n    this.onStateChange({\n      bucketCount,\n      buckets,\n      error: this.filteredError ?? this.totalError,\n      isLoading: this.filteredLoading || this.totalLoading,\n      kind: 'category',\n      selectedKey: this.selectedKey,\n      toggleValue: (key) => this.toggleValue(key),\n    });\n  }\n\n  setTotalError(error?: Error) {\n    this.totalError = error;\n    this.totalLoading = false;\n    this.emitSummary();\n  }\n\n  setTotalLoading(isLoading: boolean) {\n    this.totalLoading = isLoading;\n    if (isLoading) {\n      this.totalError = undefined;\n    }\n    this.emitSummary();\n  }\n\n  setTotalRows(rows: CategoryCountRow[]) {\n    this.totalRows = rows\n      .slice()\n      .sort(\n        (left: CategoryCountRow, right: CategoryCountRow) =>\n          right.total - left.total,\n      );\n    this.totalError = undefined;\n    this.totalLoading = false;\n    this.emitSummary();\n  }\n\n  override queryPending(): this {\n    this.filteredLoading = true;\n    this.filteredError = undefined;\n    this.emitSummary();\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return buildCategorySummaryQuery(this.tableName, this.field.name, filter);\n  }\n\n  override queryResult(data: unknown): this {\n    const rows = rowsFromQueryResult<CategoryCountRow>(data)\n      .slice()\n      .sort(\n        (left: CategoryCountRow, right: CategoryCountRow) =>\n          right.total - left.total,\n      );\n    this.filteredRows = rows;\n    this.filteredError = undefined;\n    this.filteredLoading = false;\n    this.emitSummary();\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.filteredError = error;\n    this.filteredLoading = false;\n    this.emitSummary();\n    return this;\n  }\n\n  reset() {\n    this.selectedKey = undefined;\n    this.emitSummary();\n  }\n\n  toggleValue(key: string) {\n    if (!isSelectableCategoryKey(key)) {\n      return;\n    }\n\n    this.selectedKey = this.selectedKey === key ? undefined : key;\n    this.filterBy?.update(\n      clausePoint(\n        this.field.name,\n        categoryKeyToSelectionValue(this.selectedKey),\n        {\n          source: this,\n        },\n      ),\n    );\n    this.emitSummary();\n  }\n}\n\ntype DataTableExplorerCategoryTotalClientOptions = {\n  summaryClient: DataTableExplorerCategoryClient;\n};\n\nexport class DataTableExplorerCategoryTotalClient extends MosaicClient {\n  private readonly summaryClient: DataTableExplorerCategoryClient;\n\n  constructor(options: DataTableExplorerCategoryTotalClientOptions) {\n    super();\n    this.summaryClient = options.summaryClient;\n  }\n\n  override queryPending(): this {\n    this.summaryClient.setTotalLoading(true);\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return this.summaryClient.query(filter);\n  }\n\n  override queryResult(data: unknown): this {\n    this.summaryClient.setTotalRows(\n      rowsFromQueryResult<CategoryCountRow>(data),\n    );\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.summaryClient.setTotalError(error);\n    return this;\n  }\n}\n"]}
+{"version":3,"file":"DataTableExplorerCategoryClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCategoryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAC;AAI9E,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAE3B,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAUjB,MAAM,OAAO,+BAAgC,SAAQ,YAAY;IAC9C,aAAa,CAAS;IAC/B,aAAa,CAAS;IACtB,eAAe,GAAG,IAAI,CAAC;IACd,KAAK,CAAc;IACnB,aAAa,CAEpB;IACF,WAAW,CAAU;IACrB,YAAY,CAAsB;IACzB,SAAS,CAAS;IAC3B,UAAU,CAAS;IACnB,YAAY,GAAG,IAAI,CAAC;IACpB,SAAS,CAAsB;IAEvC,YAAY,OAA8B;QACxC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IACrC,CAAC;IAED,IAAa,YAAY;QACvB,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,WAAW;QACjB,MAAM,YAAY,GAChB,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5E,MAAM,SAAS,GACb,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,MAAM,EAAC,WAAW,EAAE,OAAO,EAAC,GAAG,oBAAoB,CACjD,YAAY,EACZ,SAAS,EACT,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,WAAW,CACjB,CAAC;QAEF,IAAI,CAAC,aAAa,CAAC;YACjB,WAAW;YACX,OAAO;YACP,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU;YAC5C,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,YAAY;YACpD,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;SAC5C,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,KAAa;QACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,eAAe,CAAC,SAAkB;QAChC,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC9B,CAAC;QACD,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,YAAY,CAAC,IAAwB;QACnC,IAAI,CAAC,SAAS,GAAG,IAAI;aAClB,KAAK,EAAE;aACP,IAAI,CACH,CAAC,IAAsB,EAAE,KAAuB,EAAE,EAAE,CAClD,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAC3B,CAAC;QACJ,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,KAAK,CAAC,SAA0B,EAAE;QACzC,OAAO,yBAAyB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5E,CAAC;IAEQ,WAAW,CAAC,IAAa;QAChC,MAAM,IAAI,GAAG,mBAAmB,CAAmB,IAAI,CAAC;aACrD,KAAK,EAAE;aACP,IAAI,CACH,CAAC,IAAsB,EAAE,KAAuB,EAAE,EAAE,CAClD,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAC3B,CAAC;QACJ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,UAAU,CAAC,KAAY;QAC9B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,WAAW,CAAC,GAAW;QACrB,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;QAC9D,IAAI,CAAC,QAAQ,EAAE,MAAM,CACnB,WAAW,CACT,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,2BAA2B,CAAC,IAAI,CAAC,WAAW,CAAC,EAC7C;YACE,MAAM,EAAE,IAAI;SACb,CACF,CACF,CAAC;QACF,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;CACF;AAMD,MAAM,OAAO,oCAAqC,SAAQ,YAAY;IACnD,aAAa,CAAkC;IAEhE,YAAY,OAAoD;QAC9D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;IAC7C,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,KAAK,CAAC,SAA0B,EAAE;QACzC,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC;IAEQ,WAAW,CAAC,IAAa;QAChC,IAAI,CAAC,aAAa,CAAC,YAAY,CAC7B,mBAAmB,CAAmB,IAAI,CAAC,CAC5C,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,UAAU,CAAC,KAAY;QAC9B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import {MosaicClient, clausePoint, type Selection} from '@uwdata/mosaic-core';\nimport {type ExprNode, Query} from '@uwdata/mosaic-sql';\nimport type * as arrow from 'apache-arrow';\nimport type {DataTableExplorerCategorySummary} from './types';\nimport {\n  buildCategoryBuckets,\n  buildCategorySummaryQuery,\n  categoryKeyToSelectionValue,\n  type CategoryCountRow,\n  isSelectableCategoryKey,\n  rowsFromQueryResult,\n} from './utils';\n\ntype CategoryClientOptions = {\n  categoryLimit: number;\n  field: arrow.Field;\n  onStateChange: (summary: DataTableExplorerCategorySummary) => void;\n  selection: Selection;\n  tableName: string;\n};\n\nexport class DataTableExplorerCategoryClient extends MosaicClient {\n  private readonly categoryLimit: number;\n  private filteredError?: Error;\n  private filteredLoading = true;\n  private readonly field: arrow.Field;\n  private readonly onStateChange: (\n    summary: DataTableExplorerCategorySummary,\n  ) => void;\n  private selectedKey?: string;\n  private filteredRows?: CategoryCountRow[];\n  private readonly tableName: string;\n  private totalError?: Error;\n  private totalLoading = true;\n  private totalRows?: CategoryCountRow[];\n\n  constructor(options: CategoryClientOptions) {\n    super(options.selection);\n    this.categoryLimit = options.categoryLimit;\n    this.field = options.field;\n    this.onStateChange = options.onStateChange;\n    this.tableName = options.tableName;\n  }\n\n  override get filterStable(): boolean {\n    return false;\n  }\n\n  private emitSummary() {\n    const filteredRows =\n      this.filteredRows ?? (this.filteredLoading ? (this.totalRows ?? []) : []);\n    const totalRows =\n      this.totalRows ?? (this.totalLoading ? (this.filteredRows ?? []) : []);\n    const {bucketCount, buckets} = buildCategoryBuckets(\n      filteredRows,\n      totalRows,\n      this.categoryLimit,\n      this.selectedKey,\n    );\n\n    this.onStateChange({\n      bucketCount,\n      buckets,\n      client: this,\n      error: this.filteredError ?? this.totalError,\n      isLoading: this.filteredLoading || this.totalLoading,\n      kind: 'category',\n      selectedKey: this.selectedKey,\n      toggleValue: (key) => this.toggleValue(key),\n    });\n  }\n\n  setTotalError(error?: Error) {\n    this.totalError = error;\n    this.totalLoading = false;\n    this.emitSummary();\n  }\n\n  setTotalLoading(isLoading: boolean) {\n    this.totalLoading = isLoading;\n    if (isLoading) {\n      this.totalError = undefined;\n    }\n    this.emitSummary();\n  }\n\n  setTotalRows(rows: CategoryCountRow[]) {\n    this.totalRows = rows\n      .slice()\n      .sort(\n        (left: CategoryCountRow, right: CategoryCountRow) =>\n          right.total - left.total,\n      );\n    this.totalError = undefined;\n    this.totalLoading = false;\n    this.emitSummary();\n  }\n\n  override queryPending(): this {\n    this.filteredLoading = true;\n    this.filteredError = undefined;\n    this.emitSummary();\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return buildCategorySummaryQuery(this.tableName, this.field.name, filter);\n  }\n\n  override queryResult(data: unknown): this {\n    const rows = rowsFromQueryResult<CategoryCountRow>(data)\n      .slice()\n      .sort(\n        (left: CategoryCountRow, right: CategoryCountRow) =>\n          right.total - left.total,\n      );\n    this.filteredRows = rows;\n    this.filteredError = undefined;\n    this.filteredLoading = false;\n    this.emitSummary();\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.filteredError = error;\n    this.filteredLoading = false;\n    this.emitSummary();\n    return this;\n  }\n\n  reset() {\n    this.selectedKey = undefined;\n    this.emitSummary();\n  }\n\n  toggleValue(key: string) {\n    if (!isSelectableCategoryKey(key)) {\n      return;\n    }\n\n    this.selectedKey = this.selectedKey === key ? undefined : key;\n    this.filterBy?.update(\n      clausePoint(\n        this.field.name,\n        categoryKeyToSelectionValue(this.selectedKey),\n        {\n          source: this,\n        },\n      ),\n    );\n    this.emitSummary();\n  }\n}\n\ntype DataTableExplorerCategoryTotalClientOptions = {\n  summaryClient: DataTableExplorerCategoryClient;\n};\n\nexport class DataTableExplorerCategoryTotalClient extends MosaicClient {\n  private readonly summaryClient: DataTableExplorerCategoryClient;\n\n  constructor(options: DataTableExplorerCategoryTotalClientOptions) {\n    super();\n    this.summaryClient = options.summaryClient;\n  }\n\n  override queryPending(): this {\n    this.summaryClient.setTotalLoading(true);\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return this.summaryClient.query(filter);\n  }\n\n  override queryResult(data: unknown): this {\n    this.summaryClient.setTotalRows(\n      rowsFromQueryResult<CategoryCountRow>(data),\n    );\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.summaryClient.setTotalError(error);\n    return this;\n  }\n}\n"]}

package/dist/data-table-explorer/createDataTableExplorerStore.d.ts

@@ -3,7 +3,9 @@ import type { Dispatch, SetStateAction } from 'react';
 import type { DataTableExplorerCountState } from './DataTableExplorerCountClient';
 import type { DataTableExplorerPageState } from './DataTableExplorerPageClient';
 import type { DataTableExplorerPaginationState, DataTableExplorerSorting, DataTableExplorerSummaryState } from './types';
+import type { MosaicClient } from '@uwdata/mosaic-core';
 export type DataTableExplorerStoreState = {
+    client: MosaicClient | null;
     filteredCount: DataTableExplorerCountState;
     lastNonEmptyPageTable?: {
         datasetId: string;
@@ -17,6 +19,7 @@ export type DataTableExplorerStoreState = {
         isLoading: boolean;
         tableName?: string;
     };
+    setClient: (client: MosaicClient | null) => void;
     setFilteredCount: (state: DataTableExplorerCountState) => void;
     setPage: (state: DataTableExplorerPageState) => void;
     setPagination: Dispatch<SetStateAction<DataTableExplorerPaginationState>>;

package/dist/data-table-explorer/createDataTableExplorerStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createDataTableExplorerStore.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/createDataTableExplorerStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EACV,gCAAgC,EAChC,wBAAwB,EACxB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAcjB,MAAM,MAAM,2BAA2B,GAAG;IACxC,aAAa,EAAE,2BAA2B,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;KACxB,CAAC;IACF,IAAI,EAAE,0BAA0B,CAAC;IACjC,UAAU,EAAE,gCAAgC,CAAC;IAC7C,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;QACtB,SAAS,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAC1E,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,gBAAgB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC/D,UAAU,EAAE,CACV,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,6BAA6B,KACnC,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,wBAAwB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,6BAA6B,CAAC,CAAC;IACzD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,2BAA2B,CAAC;IACxC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,OAAO,4BAA4B,CACpC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE;IACpD,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;CAClB,2DA+IA"}
+{"version":3,"file":"createDataTableExplorerStore.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/createDataTableExplorerStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EACV,gCAAgC,EAChC,wBAAwB,EACxB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAcjB,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,2BAA2B,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;KACxB,CAAC;IACF,IAAI,EAAE,0BAA0B,CAAC;IACjC,UAAU,EAAE,gCAAgC,CAAC;IAC7C,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;QACtB,SAAS,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAC1E,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,gBAAgB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC/D,UAAU,EAAE,CACV,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,6BAA6B,KACnC,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,wBAAwB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,6BAA6B,CAAC,CAAC;IACzD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,2BAA2B,CAAC;IACxC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,OAAO,4BAA4B,CACpC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE;IACpD,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;CAClB,2DAuJA"}

package/dist/data-table-explorer/createDataTableExplorerStore.js

@@ -15,6 +15,7 @@ function resolveSetStateAction(next, previous) {
 export function createDataTableExplorerStore(options) {
     const { initialSorting = [], pageSize } = options;
     return createStore((set) => ({
+        client: null,
         filteredCount: { isLoading: false },
         lastNonEmptyPageTable: undefined,
         page: { isLoading: false },
@@ -23,6 +24,11 @@ export function createDataTableExplorerStore(options) {
             fields: [],
             isLoading: false,
         },
+        setClient: (client) => {
+            set((state) => produce(state, (draft) => {
+                draft.client = client;
+            }));
+        },
         setFilteredCount: (nextState) => {
             set((state) => produce(state, (draft) => {
                 draft.filteredCount = nextState;