@cratis/components 0.1.9

package/dist/esm/PivotViewer/PivotViewer.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PivotViewer } from './PivotViewer';
+const meta = {
+    title: 'PivotViewer/PivotViewer',
+    component: PivotViewer,
+};
+export default meta;
+export const Default = {
+    args: {},
+    render: (args) => (_jsx("div", { className: "storybook-wrapper", children: _jsx(PivotViewer, { ...args, data: [] }) }))
+};
+//# sourceMappingURL=PivotViewer.stories.js.map

package/dist/esm/PivotViewer/PivotViewer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotViewer.stories.js","sourceRoot":"","sources":["../../../PivotViewer/PivotViewer.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,IAAI,GAA6B;IACnC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,WAAW;CACzB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EACL;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,SAAS,EAAC,mBAAmB,YAC9B,KAAC,WAAW,OAAK,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACjC,CACT;CACJ,CAAC"}

package/dist/esm/PivotViewer/components/AxisLabels.d.ts

@@ -0,0 +1,13 @@
+import type { PivotGroup } from '../types';
+export interface AxisLabelsProps<TItem extends object> {
+    groups: PivotGroup<TItem>[];
+    bucketWidths: number[];
+    dimensionFilter: string | null;
+    hoveredGroup: string | null;
+    zoomLevel: number;
+    onHover: (key: string | null) => void;
+    onClick: (key: string) => void;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare function AxisLabels<TItem extends object>({ groups, bucketWidths, dimensionFilter, hoveredGroup, zoomLevel, onHover, onClick, containerRef, }: AxisLabelsProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AxisLabels.d.ts.map

package/dist/esm/PivotViewer/components/AxisLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisLabels.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/AxisLabels.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,eAAe,CAAC,KAAK,SAAS,MAAM;IACnD,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,EAAE,EAC/C,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAO,EACP,YAAY,GACb,EAAE,eAAe,CAAC,KAAK,CAAC,2CA0CxB"}

package/dist/esm/PivotViewer/components/AxisLabels.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { GROUP_SPACING } from '../constants.js';
+
+function AxisLabels({ groups, bucketWidths, dimensionFilter, hoveredGroup, zoomLevel, onHover, onClick, containerRef, }) {
+    return (jsx("div", { className: "pv-axis-labels", ref: containerRef, style: {
+            pointerEvents: 'none',
+            gap: `${GROUP_SPACING * zoomLevel}px`,
+            paddingLeft: 0,
+            paddingRight: 0,
+            overflowX: 'hidden',
+            whiteSpace: 'nowrap',
+        }, children: groups.map((group, index) => {
+            const isSelected = dimensionFilter === group.key;
+            const baseBucketWidth = bucketWidths[index] || 0;
+            const bucketWidth = baseBucketWidth * zoomLevel;
+            const width = bucketWidth;
+            return (jsxs("button", { type: "button", className: `pv-axis-label ${hoveredGroup === group.key ? 'highlighted' : ''} ${isSelected ? 'selected' : ''}`, style: {
+                    width,
+                    pointerEvents: 'auto'
+                }, onMouseEnter: () => onHover(group.key), onMouseLeave: () => onHover(null), onClick: () => onClick(group.key), children: [jsx("span", { className: "pv-axis-label-text", children: group.label }), jsx("span", { className: "pv-axis-label-count", children: group.count ?? group.items.length })] }, group.key));
+        }) }));
+}
+
+export { AxisLabels };
+//# sourceMappingURL=AxisLabels.js.map

package/dist/esm/PivotViewer/components/AxisLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisLabels.js","sources":["../../../../PivotViewer/components/AxisLabels.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { PivotGroup } from '../types';\nimport { GROUP_SPACING } from '../constants';\n\nexport interface AxisLabelsProps<TItem extends object> {\n  groups: PivotGroup<TItem>[];\n  bucketWidths: number[];\n  dimensionFilter: string | null;\n  hoveredGroup: string | null;\n  zoomLevel: number;\n  onHover: (key: string | null) => void;\n  onClick: (key: string) => void;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nexport function AxisLabels<TItem extends object>({\n  groups,\n  bucketWidths,\n  dimensionFilter,\n  hoveredGroup,\n  zoomLevel,\n  onHover,\n  onClick,\n  containerRef,\n}: AxisLabelsProps<TItem>) {\n  return (\n    <div\n      className=\"pv-axis-labels\"\n      ref={containerRef}\n      style={{\n        pointerEvents: 'none',\n        gap: `${GROUP_SPACING * zoomLevel}px`,\n        paddingLeft: 0,\n        paddingRight: 0,\n        overflowX: 'hidden',\n        whiteSpace: 'nowrap',\n      }}\n    >\n      {groups.map((group, index) => {\n        const isSelected = dimensionFilter === group.key;\n        const baseBucketWidth = bucketWidths[index] || 0;\n        // Apply zoom to bucket width\n        const bucketWidth = baseBucketWidth * zoomLevel;\n        // Width is just the bucket width - spacing is handled by CSS gap\n        const width = bucketWidth;\n\n        return (\n          <button\n            key={group.key}\n            type=\"button\"\n            className={`pv-axis-label ${hoveredGroup === group.key ? 'highlighted' : ''} ${isSelected ? 'selected' : ''}`}\n            style={{\n              width,\n              pointerEvents: 'auto'\n            }}\n            onMouseEnter={() => onHover(group.key)}\n            onMouseLeave={() => onHover(null)}\n            onClick={() => onClick(group.key)}\n          >\n            <span className=\"pv-axis-label-text\">{group.label}</span>\n            <span className=\"pv-axis-label-count\">{group.count ?? group.items.length}</span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;SAiBgB,UAAU,CAAuB,EAC/C,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAO,EACP,YAAY,GACW,EAAA;IACvB,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;AACL,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,GAAG,EAAE,CAAA,EAAG,aAAa,GAAG,SAAS,CAAA,EAAA,CAAI;AACrC,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,UAAU,EAAE,QAAQ;SACrB,EAAA,QAAA,EAEA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AAC3B,YAAA,MAAM,UAAU,GAAG,eAAe,KAAK,KAAK,CAAC,GAAG;YAChD,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;AAEhD,YAAA,MAAM,WAAW,GAAG,eAAe,GAAG,SAAS;YAE/C,MAAM,KAAK,GAAG,WAAW;AAEzB,YAAA,QACEC,IAAA,CAAA,QAAA,EAAA,EAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAA,cAAA,EAAiB,YAAY,KAAK,KAAK,CAAC,GAAG,GAAG,aAAa,GAAG,EAAE,CAAA,CAAA,EAAI,UAAU,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAC7G,KAAK,EAAE;oBACL,KAAK;AACL,oBAAA,aAAa,EAAE;AAChB,iBAAA,EACD,YAAY,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EACtC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EACjC,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEjCD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,EACzDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAA,CAAQ,CAAA,EAAA,EAZ3E,KAAK,CAAC,GAAG,CAaP;QAEb,CAAC,CAAC,EAAA,CACE;AAEV;;;;"}

package/dist/esm/PivotViewer/components/DetailPanel.d.ts

@@ -0,0 +1,6 @@
+export interface DetailPanelProps<TItem extends object> {
+    selectedItem: TItem | null;
+    onClose: () => void;
+}
+export declare function DetailPanel<TItem extends object>({ selectedItem, onClose, }: DetailPanelProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DetailPanel.d.ts.map

package/dist/esm/PivotViewer/components/DetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/DetailPanel.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM;IACpD,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAAE,EAChD,YAAY,EACZ,OAAO,GACR,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CA4FzB"}

package/dist/esm/PivotViewer/components/DetailPanel.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AnimatePresence, motion } from 'framer-motion';
+
+function DetailPanel({ selectedItem, onClose, }) {
+    const selectedRecord = selectedItem;
+    const selectedContent = selectedRecord
+        ? (selectedRecord['content'] ?? {})
+        : {};
+    const metadataEntries = selectedRecord
+        ? [
+            ['Type', selectedRecord['type']],
+            [
+                'Occurred',
+                selectedRecord['occurred'] instanceof Date
+                    ? selectedRecord['occurred'].toLocaleString()
+                    : selectedRecord['occurred']
+                        ? new Date(String(selectedRecord['occurred'])).toLocaleString()
+                        : undefined,
+            ],
+            ['Service', selectedRecord['service']],
+            ['Environment', selectedRecord['environment']],
+            ['Tenant', selectedRecord['tenant']],
+            ['Correlation Id', selectedRecord['correlationId']],
+        ].filter(([, value]) => value !== undefined && value !== null)
+        : [];
+    const causation = Array.isArray(selectedRecord?.['causation'])
+        ? selectedRecord?.['causation']
+        : [];
+    return (jsx(AnimatePresence, { children: selectedRecord && (jsxs(motion.aside, { className: "pv-detail-panel", initial: { x: '100%' }, animate: { x: 0 }, exit: { x: '100%' }, transition: { type: 'spring', stiffness: 400, damping: 35 }, children: [jsxs("header", { children: [jsxs("div", { children: [jsx("h2", { children: String(selectedRecord['name'] ?? selectedRecord['type'] ?? 'Event') }), selectedRecord['type'] ? jsx("p", { children: String(selectedRecord['type']) }) : null] }), jsx("button", { type: "button", onClick: onClose, title: "Close", children: "\u00D7" })] }), jsxs("div", { className: "pv-detail-panel-content", children: [metadataEntries.length > 0 && (jsxs("section", { className: "pv-detail-meta", children: [jsx("h3", { children: "Metadata" }), jsx("dl", { children: metadataEntries.map(([key, value]) => (jsxs("div", { children: [jsx("dt", { children: key }), jsx("dd", { children: String(value) })] }, key))) })] })), causation.length > 0 && (jsxs("section", { className: "pv-detail-causation", children: [jsx("h3", { children: "Causation" }), jsx("div", { className: "pv-pill-row", children: causation.map((value, index) => (jsx("span", { className: "pv-pill", children: String(value) }, `${value}-${index}`))) })] })), jsxs("section", { className: "pv-detail-content", children: [jsx("h3", { children: "Content" }), jsx("dl", { children: Object.entries(selectedContent).map(([key, value]) => (jsxs("div", { children: [jsx("dt", { children: key }), jsx("dd", { children: typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value) })] }, key))) })] })] })] })) }));
+}
+
+export { DetailPanel };
+//# sourceMappingURL=DetailPanel.js.map

package/dist/esm/PivotViewer/components/DetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.js","sources":["../../../../PivotViewer/components/DetailPanel.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { AnimatePresence, motion } from 'framer-motion';\n\ntype WithRecord<TItem> = TItem extends Record<string, unknown> ? TItem : never;\n\nexport interface DetailPanelProps<TItem extends object> {\n  selectedItem: TItem | null;\n  onClose: () => void;\n}\n\nexport function DetailPanel<TItem extends object>({\n  selectedItem,\n  onClose,\n}: DetailPanelProps<TItem>) {\n  const selectedRecord = selectedItem as WithRecord<TItem> | null;\n\n  const selectedContent = selectedRecord\n    ? ((selectedRecord['content'] as Record<string, unknown> | undefined) ?? {})\n    : {};\n\n  const metadataEntries = selectedRecord\n    ? (\n        [\n          ['Type', selectedRecord['type']],\n          [\n            'Occurred',\n            selectedRecord['occurred'] instanceof Date\n              ? (selectedRecord['occurred'] as Date).toLocaleString()\n              : selectedRecord['occurred']\n              ? new Date(String(selectedRecord['occurred'])).toLocaleString()\n              : undefined,\n          ],\n          ['Service', selectedRecord['service']],\n          ['Environment', selectedRecord['environment']],\n          ['Tenant', selectedRecord['tenant']],\n          ['Correlation Id', selectedRecord['correlationId']],\n        ] as Array<[string, unknown]>\n      ).filter(([, value]) => value !== undefined && value !== null)\n    : [];\n\n  const causation = Array.isArray(selectedRecord?.['causation'])\n    ? (selectedRecord?.['causation'] as unknown[])\n    : [];\n\n  return (\n    <AnimatePresence>\n      {selectedRecord && (\n        <motion.aside\n          className=\"pv-detail-panel\"\n          initial={{ x: '100%' }}\n          animate={{ x: 0 }}\n          exit={{ x: '100%' }}\n          transition={{ type: 'spring', stiffness: 400, damping: 35 }}\n        >\n          <header>\n            <div>\n              <h2>{String(selectedRecord['name'] ?? selectedRecord['type'] ?? 'Event')}</h2>\n              {selectedRecord['type'] ? <p>{String(selectedRecord['type'])}</p> : null}\n            </div>\n            <button type=\"button\" onClick={onClose} title=\"Close\">\n              ×\n            </button>\n          </header>\n          <div className=\"pv-detail-panel-content\">\n            {metadataEntries.length > 0 && (\n              <section className=\"pv-detail-meta\">\n                <h3>Metadata</h3>\n                <dl>\n                  {metadataEntries.map(([key, value]) => (\n                    <div key={key}>\n                      <dt>{key}</dt>\n                      <dd>{String(value)}</dd>\n                    </div>\n                  ))}\n                </dl>\n              </section>\n            )}\n            {causation.length > 0 && (\n              <section className=\"pv-detail-causation\">\n                <h3>Causation</h3>\n                <div className=\"pv-pill-row\">\n                  {causation.map((value, index) => (\n                    <span key={`${value}-${index}`} className=\"pv-pill\">\n                      {String(value)}\n                    </span>\n                  ))}\n                </div>\n              </section>\n            )}\n            <section className=\"pv-detail-content\">\n              <h3>Content</h3>\n              <dl>\n                {Object.entries(selectedContent).map(([key, value]) => (\n                  <div key={key}>\n                    <dt>{key}</dt>\n                    <dd>{typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value)}</dd>\n                  </div>\n                ))}\n              </dl>\n            </section>\n          </div>\n        </motion.aside>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/PivotViewer/components/FilterPanel.d.ts

@@ -0,0 +1,27 @@
+import type { PivotFilter, PivotFilterOption, PivotPrimitive } from '../types';
+import type { FilterState, RangeFilterState } from '../utils/utils';
+export interface FilterPanelProps<TItem extends object> {
+    isOpen: boolean;
+    search: string;
+    filterState: FilterState;
+    rangeFilterState: RangeFilterState;
+    expandedFilterKey: string | null;
+    filterOptions: {
+        filter: PivotFilter<TItem>;
+        options: PivotFilterOption[];
+        numericRange?: {
+            min: number;
+            max: number;
+            values: PivotPrimitive[];
+        };
+    }[];
+    anchorRef: React.RefObject<HTMLButtonElement | null>;
+    onClose: () => void;
+    onSearchChange: (value: string) => void;
+    onFilterToggle: (filterKey: string, optionKey: string, multi: boolean | undefined) => void;
+    onFilterClear: (filterKey: string) => void;
+    onRangeChange: (filterKey: string, range: [number, number] | null) => void;
+    onExpandedFilterChange: (key: string | null) => void;
+}
+export declare function FilterPanel<TItem extends object>({ isOpen, search, filterState, rangeFilterState, expandedFilterKey, filterOptions, anchorRef, onClose, onSearchChange, onFilterToggle, onFilterClear, onRangeChange, onExpandedFilterChange, }: FilterPanelProps<TItem>): import("react").ReactPortal;
+//# sourceMappingURL=FilterPanel.d.ts.map

package/dist/esm/PivotViewer/components/FilterPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/FilterPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM;IACpD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE;QACb,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,EAAE,iBAAiB,EAAE,CAAC;QAC7B,YAAY,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC;KACvE,EAAE,CAAC;IACJ,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3F,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3E,sBAAsB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAAE,EAChD,MAAM,EACN,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,sBAAsB,GACvB,EAAE,gBAAgB,CAAC,KAAK,CAAC,+BA+IzB"}

package/dist/esm/PivotViewer/components/FilterPanel.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { AnimatePresence, motion } from 'framer-motion';
+import { renderOptionCount } from '../utils/utils.js';
+import { RangeHistogramFilter } from './RangeHistogramFilter.js';
+
+function FilterPanel({ isOpen, search, filterState, rangeFilterState, expandedFilterKey, filterOptions, anchorRef, onClose, onSearchChange, onFilterToggle, onFilterClear, onRangeChange, onExpandedFilterChange, }) {
+    const panelRef = useRef(null);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    useEffect(() => {
+        if (isOpen && anchorRef.current) {
+            const rect = anchorRef.current.getBoundingClientRect();
+            setPosition({
+                top: rect.bottom + 8,
+                left: rect.left,
+            });
+        }
+    }, [isOpen, anchorRef]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleClickOutside = (event) => {
+            const target = event.target;
+            const panel = panelRef.current;
+            const anchor = anchorRef.current;
+            if (panel && !panel.contains(target) && anchor && !anchor.contains(target)) {
+                onClose();
+            }
+        };
+        const timeoutId = setTimeout(() => {
+            document.addEventListener('mousedown', handleClickOutside, true);
+        }, 0);
+        return () => {
+            clearTimeout(timeoutId);
+            document.removeEventListener('mousedown', handleClickOutside, true);
+        };
+    }, [isOpen, anchorRef, onClose]);
+    return createPortal(jsx(AnimatePresence, { initial: false, children: isOpen && (jsx(motion.aside, { ref: panelRef, className: "pv-filter-dropdown", style: {
+                position: 'fixed',
+                left: position.left,
+                top: position.top,
+            }, initial: { opacity: 0, y: -8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -8 }, transition: { duration: 0.15 }, children: jsxs("div", { className: "pv-filter-dropdown-content", children: [jsx("div", { className: "pv-search", children: jsx("input", { type: "search", placeholder: "Search events", value: search, onChange: (event) => onSearchChange(event.target.value) }) }), jsx("div", { className: "pv-filter-groups", children: filterOptions.map(({ filter, options, numericRange }) => {
+                            const selections = filterState[filter.key] ?? new Set();
+                            const rangeSelection = rangeFilterState[filter.key];
+                            const isExpanded = expandedFilterKey === filter.key;
+                            const isNumeric = filter.type === 'number';
+                            return (jsxs("div", { className: `pv-filter ${isExpanded ? 'expanded' : ''}`, children: [jsxs("button", { type: "button", className: "pv-filter-trigger", onClick: () => onExpandedFilterChange(isExpanded ? null : filter.key), children: [jsx("span", { className: "pv-filter-label", children: filter.label }), jsxs("span", { className: "pv-filter-trigger-meta", children: [!isNumeric && selections.size > 0 && jsx("span", { className: "pv-filter-count", children: selections.size }), isNumeric && rangeSelection && jsx("span", { className: "pv-filter-count", children: "Range" }), jsx("span", { className: "pv-filter-chevron" })] })] }), jsx("div", { className: `pv-filter-content ${isExpanded ? 'expanded' : ''}`, children: isNumeric && numericRange ? (jsx(RangeHistogramFilter, { values: numericRange.values, min: numericRange.min, max: numericRange.max, buckets: filter.buckets ?? 20, selectedRange: rangeSelection ?? null, onChange: (range) => onRangeChange(filter.key, range) })) : (jsxs(Fragment, { children: [jsx("ul", { children: options.map((option) => {
+                                                        const optionKey = option.key;
+                                                        const checked = selections.has(optionKey);
+                                                        return (jsx("li", { children: jsxs("label", { children: [jsx("input", { type: filter.multi ? 'checkbox' : 'radio', name: `filter-${filter.key}`, checked: checked, onChange: () => onFilterToggle(filter.key, optionKey, filter.multi ?? false) }), jsx("span", { children: option.label }), jsx("span", { className: "pv-option-count", children: renderOptionCount(option.count) })] }) }, option.key));
+                                                    }) }), selections.size > 0 && (jsx("button", { type: "button", className: "pv-filter-clear", onClick: () => onFilterClear(filter.key), children: "Clear" }))] })) })] }, filter.key));
+                        }) })] }) })) }), document.body);
+}
+
+export { FilterPanel };
+//# sourceMappingURL=FilterPanel.js.map

package/dist/esm/PivotViewer/components/FilterPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.js","sources":["../../../../PivotViewer/components/FilterPanel.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport type { PivotFilter, PivotFilterOption, PivotPrimitive } from '../types';\nimport type { FilterState, RangeFilterState } from '../utils/utils';\nimport { renderOptionCount } from '../utils/utils';\nimport { RangeHistogramFilter } from './RangeHistogramFilter';\n\nexport interface FilterPanelProps<TItem extends object> {\n  isOpen: boolean;\n  search: string;\n  filterState: FilterState;\n  rangeFilterState: RangeFilterState;\n  expandedFilterKey: string | null;\n  filterOptions: {\n    filter: PivotFilter<TItem>;\n    options: PivotFilterOption[];\n    numericRange?: { min: number; max: number; values: PivotPrimitive[] };\n  }[];\n  anchorRef: React.RefObject<HTMLButtonElement | null>;\n  onClose: () => void;\n  onSearchChange: (value: string) => void;\n  onFilterToggle: (filterKey: string, optionKey: string, multi: boolean | undefined) => void;\n  onFilterClear: (filterKey: string) => void;\n  onRangeChange: (filterKey: string, range: [number, number] | null) => void;\n  onExpandedFilterChange: (key: string | null) => void;\n}\n\nexport function FilterPanel<TItem extends object>({\n  isOpen,\n  search,\n  filterState,\n  rangeFilterState,\n  expandedFilterKey,\n  filterOptions,\n  anchorRef,\n  onClose,\n  onSearchChange,\n  onFilterToggle,\n  onFilterClear,\n  onRangeChange,\n  onExpandedFilterChange,\n}: FilterPanelProps<TItem>) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n\n  // Calculate position when opening\n  useEffect(() => {\n    if (isOpen && anchorRef.current) {\n      const rect = anchorRef.current.getBoundingClientRect();\n      setPosition({\n        top: rect.bottom + 8,\n        left: rect.left,\n      });\n    }\n  }, [isOpen, anchorRef]);\n\n  // Handle click outside to close\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      const target = event.target as Node;\n      const panel = panelRef.current;\n      const anchor = anchorRef.current;\n\n      if (panel && !panel.contains(target) && anchor && !anchor.contains(target)) {\n        onClose();\n      }\n    };\n\n    // Use capture phase to ensure we catch the event before any other handlers\n    // Use timeout to avoid closing immediately when clicking the button to open\n    const timeoutId = setTimeout(() => {\n      document.addEventListener('mousedown', handleClickOutside, true);\n    }, 0);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.removeEventListener('mousedown', handleClickOutside, true);\n    };\n  }, [isOpen, anchorRef, onClose]);\n\n  return createPortal(\n    <AnimatePresence initial={false}>\n      {isOpen && (\n        <motion.aside\n          ref={panelRef}\n          className=\"pv-filter-dropdown\"\n          style={{\n            position: 'fixed',\n            left: position.left,\n            top: position.top,\n          }}\n          initial={{ opacity: 0, y: -8 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: -8 }}\n          transition={{ duration: 0.15 }}\n        >\n          <div className=\"pv-filter-dropdown-content\">\n            <div className=\"pv-search\">\n              <input\n                type=\"search\"\n                placeholder=\"Search events\"\n                value={search}\n                onChange={(event) => onSearchChange(event.target.value)}\n              />\n            </div>\n            <div className=\"pv-filter-groups\">\n              {filterOptions.map(({ filter, options, numericRange }) => {\n                const selections = filterState[filter.key] ?? new Set<string>();\n                const rangeSelection = rangeFilterState[filter.key];\n                const isExpanded = expandedFilterKey === filter.key;\n                const isNumeric = filter.type === 'number';\n\n                return (\n                  <div key={filter.key} className={`pv-filter ${isExpanded ? 'expanded' : ''}`}>\n                    <button\n                      type=\"button\"\n                      className=\"pv-filter-trigger\"\n                      onClick={() => onExpandedFilterChange(isExpanded ? null : filter.key)}\n                    >\n                      <span className=\"pv-filter-label\">{filter.label}</span>\n                      <span className=\"pv-filter-trigger-meta\">\n                        {!isNumeric && selections.size > 0 && <span className=\"pv-filter-count\">{selections.size}</span>}\n                        {isNumeric && rangeSelection && <span className=\"pv-filter-count\">Range</span>}\n                        <span className=\"pv-filter-chevron\" />\n                      </span>\n                    </button>\n                    <div className={`pv-filter-content ${isExpanded ? 'expanded' : ''}`}>\n                      {isNumeric && numericRange ? (\n                        <RangeHistogramFilter\n                          values={numericRange.values}\n                          min={numericRange.min}\n                          max={numericRange.max}\n                          buckets={filter.buckets ?? 20}\n                          selectedRange={rangeSelection ?? null}\n                          onChange={(range) => onRangeChange(filter.key, range)}\n                        />\n                      ) : (\n                        <>\n                          <ul>\n                            {options.map((option) => {\n                              const optionKey = option.key;\n                              const checked = selections.has(optionKey);\n                              return (\n                                <li key={option.key}>\n                                  <label>\n                                    <input\n                                      type={filter.multi ? 'checkbox' : 'radio'}\n                                      name={`filter-${filter.key}`}\n                                      checked={checked}\n                                      onChange={() =>\n                                        onFilterToggle(filter.key, optionKey, filter.multi ?? false)\n                                      }\n                                    />\n                                    <span>{option.label}</span>\n                                    <span className=\"pv-option-count\">{renderOptionCount(option.count)}</span>\n                                  </label>\n                                </li>\n                              );\n                            })}\n                          </ul>\n                          {selections.size > 0 && (\n                            <button\n                              type=\"button\"\n                              className=\"pv-filter-clear\"\n                              onClick={() => onFilterClear(filter.key)}\n                            >\n                              Clear\n                            </button>\n                          )}\n                        </>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </motion.aside>\n      )}\n    </AnimatePresence>,\n    document.body\n  );\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/PivotViewer/components/FilterPanelContainer.d.ts

@@ -0,0 +1,4 @@
+import { type FilterPanelProps } from './FilterPanel';
+export type FilterPanelContainerProps<TItem extends object> = FilterPanelProps<TItem>;
+export declare function FilterPanelContainer<TItem extends object>(props: FilterPanelContainerProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilterPanelContainer.d.ts.map

package/dist/esm/PivotViewer/components/FilterPanelContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelContainer.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/FilterPanelContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,MAAM,yBAAyB,CAAC,KAAK,SAAS,MAAM,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAEtF,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,yBAAyB,CAAC,KAAK,CAAC,2CAEjG"}

package/dist/esm/PivotViewer/components/FilterPanelContainer.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { FilterPanel } from './FilterPanel.js';
+
+function FilterPanelContainer(props) {
+    return jsx(FilterPanel, { ...props });
+}
+
+export { FilterPanelContainer };
+//# sourceMappingURL=FilterPanelContainer.js.map

package/dist/esm/PivotViewer/components/FilterPanelContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelContainer.js","sources":["../../../../PivotViewer/components/FilterPanelContainer.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { FilterPanel, type FilterPanelProps } from './FilterPanel';\n\nexport type FilterPanelContainerProps<TItem extends object> = FilterPanelProps<TItem>;\n\nexport function FilterPanelContainer<TItem extends object>(props: FilterPanelContainerProps<TItem>) {\n  return <FilterPanel {...props} />;\n}\n"],"names":["_jsx"],"mappings":";;;AAOM,SAAU,oBAAoB,CAAuB,KAAuC,EAAA;AAChG,IAAA,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAA,GAAK,KAAK,GAAI;AACnC;;;;"}

package/dist/esm/PivotViewer/components/PivotCanvas.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import type { ItemId, LayoutResult, GroupingResult } from '../engine/types';
+import type { ViewMode } from './Toolbar';
+export interface PivotCanvasProps<TItem extends object> {
+    items: TItem[];
+    layout: LayoutResult;
+    grouping: GroupingResult;
+    visibleIds: Uint32Array;
+    cardWidth: number;
+    cardHeight: number;
+    zoomLevel: number;
+    panX: number;
+    panY: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    selectedId: ItemId | null;
+    hoveredGroupIndex: number | null;
+    viewMode: ViewMode;
+    isZooming?: boolean;
+    cardRenderer?: (item: TItem) => ReactNode;
+    resolveId: (item: TItem, index: number) => string | number;
+    onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void;
+    onPanStart: (e: MouseEvent) => void;
+    onPanMove: (e: MouseEvent) => void;
+    onPanEnd: () => void;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare function PivotCanvas<TItem extends object>({ items, layout, grouping, visibleIds, cardWidth, cardHeight, zoomLevel, panX, panY, viewportWidth, viewportHeight, selectedId, hoveredGroupIndex, isZooming: _isZooming, resolveId: _resolveId, onCardClick, onPanStart, onPanMove, onPanEnd, viewMode, cardRenderer, containerRef, }: PivotCanvasProps<TItem>): null;
+//# sourceMappingURL=PivotCanvas.d.ts.map

package/dist/esm/PivotViewer/components/PivotCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotCanvas.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/PivotCanvas.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAQ1C,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM;IAEpD,KAAK,EAAE,KAAK,EAAE,CAAC;IAGf,MAAM,EAAE,YAAY,CAAC;IAGrB,QAAQ,EAAE,cAAc,CAAC;IAGzB,UAAU,EAAE,WAAW,CAAC;IAGxB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAGnB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IAGb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IAGvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAG1B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGjC,QAAQ,EAAE,QAAQ,CAAC;IAGnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC;IAG1C,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAG3D,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAGvE,UAAU,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD;AAMD,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAAE,EAChD,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,SAAS,EAAE,UAAkB,EAC7B,SAAS,EAAE,UAAU,EACrB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE,gBAAgB,CAAC,KAAK,CAAC,QAkjBzB"}