@cratis/components 0.1.9

package/dist/esm/PivotViewer/utils/utils.js

@@ -0,0 +1,138 @@
+const ZOOM_MIN = 0.1;
+const ZOOM_MAX = 3;
+const ZOOM_STEP = 0.05;
+const toKey = (value) => {
+    if (value === undefined)
+        return 'undefined';
+    if (value === null)
+        return 'null';
+    if (value instanceof Date)
+        return value.toISOString();
+    if (typeof value === 'number' && Number.isNaN(value))
+        return 'nan';
+    return String(value);
+};
+const defaultFormat = (value) => {
+    if (value === undefined)
+        return 'Unknown';
+    if (value === null)
+        return 'None';
+    if (value instanceof Date)
+        return value.toLocaleString();
+    if (typeof value === 'boolean')
+        return value ? 'Yes' : 'No';
+    return String(value);
+};
+const buildFilterState = (filters) => {
+    const state = {};
+    filters?.forEach((filter) => {
+        state[filter.key] = new Set();
+    });
+    return state;
+};
+const buildRangeFilterState = (filters) => {
+    const state = {};
+    filters?.forEach((filter) => {
+        if (filter.type === 'number') {
+            state[filter.key] = null;
+        }
+    });
+    return state;
+};
+const applyFilters = (data, filters, state, rangeState, skipKey) => {
+    if (!filters?.length) {
+        return data;
+    }
+    const activeFilters = [];
+    for (const filter of filters) {
+        if (filter.key === skipKey) {
+            continue;
+        }
+        if (filter.type === 'number') {
+            const range = rangeState[filter.key];
+            if (range) {
+                activeFilters.push({ filter, range });
+            }
+        }
+        else {
+            const selections = state[filter.key];
+            if (selections && selections.size > 0) {
+                activeFilters.push({ filter, selections });
+            }
+        }
+    }
+    if (activeFilters.length === 0) {
+        return data;
+    }
+    return data.filter((item) => {
+        for (const { filter, selections, range } of activeFilters) {
+            if (range) {
+                const value = filter.getValue(item);
+                const numValue = typeof value === 'number' ? value : Number(value);
+                if (!Number.isNaN(numValue) && (numValue < range[0] || numValue > range[1])) {
+                    return false;
+                }
+            }
+            else if (selections) {
+                const valueKey = toKey(filter.getValue(item));
+                if (!selections.has(valueKey)) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    });
+};
+const computeFilterOptions = (data, filter) => {
+    if (filter.options?.length) {
+        return filter.options;
+    }
+    const counts = new Map();
+    data.forEach((item) => {
+        const value = filter.getValue(item);
+        const key = toKey(value);
+        const existing = counts.get(key);
+        if (existing) {
+            existing.count += 1;
+        }
+        else {
+            counts.set(key, {
+                option: {
+                    key,
+                    label: defaultFormat(value),
+                    value,
+                    count: 1,
+                },
+                count: 1,
+            });
+        }
+    });
+    const options = Array.from(counts.values()).map(({ option, count }) => ({
+        ...option,
+        count,
+    }));
+    return filter.sort ? options.sort(filter.sort) : options.sort((a, b) => b.count - a.count);
+};
+const renderOptionCount = (count) => typeof count === 'number' ? count : '';
+const computeNumericRange = (data, filter) => {
+    const values = [];
+    let min = Infinity;
+    let max = -Infinity;
+    data.forEach((item) => {
+        const value = filter.getValue(item);
+        values.push(value);
+        const numValue = typeof value === 'number' ? value : Number(value);
+        if (!Number.isNaN(numValue)) {
+            min = Math.min(min, numValue);
+            max = Math.max(max, numValue);
+        }
+    });
+    return {
+        min: min === Infinity ? 0 : min,
+        max: max === -Infinity ? 100 : max,
+        values,
+    };
+};
+
+export { ZOOM_MAX, ZOOM_MIN, ZOOM_STEP, applyFilters, buildFilterState, buildRangeFilterState, computeFilterOptions, computeNumericRange, defaultFormat, renderOptionCount, toKey };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../PivotViewer/utils/utils.ts"],"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 {\n  PivotDimension,\n  PivotFilter,\n  PivotFilterOption,\n  PivotGroup,\n  PivotPrimitive,\n} from '../types';\n\nexport type FilterState = Record<string, Set<string>>;\nexport type RangeFilterState = Record<string, [number, number] | null>;\n\n// Zoom configuration\nexport const ZOOM_MIN = 0.1;\nexport const ZOOM_MAX = 3;\nexport const ZOOM_STEP = 0.05;\nexport const CARDS_PER_COLUMN = 5;\nexport const BASE_CARD_WIDTH = 180;\nexport const BASE_CARD_HEIGHT = 140;\n\nexport const toKey = (value: PivotPrimitive): string => {\n  if (value === undefined) return 'undefined';\n  if (value === null) return 'null';\n  if (value instanceof Date) return value.toISOString();\n  if (typeof value === 'number' && Number.isNaN(value)) return 'nan';\n  return String(value);\n};\n\nexport const defaultFormat = (value: PivotPrimitive): string => {\n  if (value === undefined) return 'Unknown';\n  if (value === null) return 'None';\n  if (value instanceof Date) return value.toLocaleString();\n  if (typeof value === 'boolean') return value ? 'Yes' : 'No';\n  return String(value);\n};\n\nexport const buildFilterState = <TItem extends object>(\n  filters: PivotFilter<TItem>[] | undefined,\n): FilterState => {\n  const state: FilterState = {};\n  filters?.forEach((filter) => {\n    state[filter.key] = new Set<string>();\n  });\n  return state;\n};\n\nexport const buildRangeFilterState = <TItem extends object>(\n  filters: PivotFilter<TItem>[] | undefined,\n): RangeFilterState => {\n  const state: RangeFilterState = {};\n  filters?.forEach((filter) => {\n    if (filter.type === 'number') {\n      state[filter.key] = null;\n    }\n  });\n  return state;\n};\n\nexport const applyFilters = <TItem extends object>(\n  data: TItem[],\n  filters: PivotFilter<TItem>[] | undefined,\n  state: FilterState,\n  rangeState: RangeFilterState,\n  skipKey?: string,\n): TItem[] => {\n  if (!filters?.length) {\n    return data;\n  }\n\n  // Pre-compute active filters to avoid checking empty Sets repeatedly\n  const activeFilters: Array<{\n    filter: PivotFilter<TItem>;\n    selections?: Set<string>;\n    range?: [number, number];\n  }> = [];\n\n  for (const filter of filters) {\n    if (filter.key === skipKey) {\n      continue;\n    }\n\n    if (filter.type === 'number') {\n      const range = rangeState[filter.key];\n      if (range) {\n        activeFilters.push({ filter, range });\n      }\n    } else {\n      const selections = state[filter.key];\n      if (selections && selections.size > 0) {\n        activeFilters.push({ filter, selections });\n      }\n    }\n  }\n\n  // Early exit if no active filters\n  if (activeFilters.length === 0) {\n    return data;\n  }\n\n  return data.filter((item) => {\n    for (const { filter, selections, range } of activeFilters) {\n      if (range) {\n        const value = filter.getValue(item);\n        const numValue = typeof value === 'number' ? value : Number(value);\n        if (!Number.isNaN(numValue) && (numValue < range[0] || numValue > range[1])) {\n          return false;\n        }\n      } else if (selections) {\n        const valueKey = toKey(filter.getValue(item));\n        if (!selections.has(valueKey)) {\n          return false;\n        }\n      }\n    }\n    return true;\n  });\n};\n\nexport const computeFilterOptions = <TItem extends object>(\n  data: TItem[],\n  filter: PivotFilter<TItem>,\n): PivotFilterOption[] => {\n  if (filter.options?.length) {\n    return filter.options;\n  }\n\n  const counts = new Map<string, { option: PivotFilterOption; count: number }>();\n\n  data.forEach((item) => {\n    const value = filter.getValue(item);\n    const key = toKey(value);\n    const existing = counts.get(key);\n    if (existing) {\n      existing.count += 1;\n    } else {\n      counts.set(key, {\n        option: {\n          key,\n          label: defaultFormat(value),\n          value,\n          count: 1,\n        },\n        count: 1,\n      });\n    }\n  });\n\n  const options = Array.from(counts.values()).map(({ option, count }) => ({\n    ...option,\n    count,\n  }));\n\n  return filter.sort ? options.sort(filter.sort) : options.sort((a, b) => b.count - a.count);\n};\n\nexport const renderOptionCount = (count: number | undefined): string | number =>\n  typeof count === 'number' ? count : '';\n\nexport const computeNumericRange = <TItem extends object>(\n  data: TItem[],\n  filter: PivotFilter<TItem>,\n): { min: number; max: number; values: PivotPrimitive[] } => {\n  const values: PivotPrimitive[] = [];\n  let min = Infinity;\n  let max = -Infinity;\n\n  data.forEach((item) => {\n    const value = filter.getValue(item);\n    values.push(value);\n    const numValue = typeof value === 'number' ? value : Number(value);\n    if (!Number.isNaN(numValue)) {\n      min = Math.min(min, numValue);\n      max = Math.max(max, numValue);\n    }\n  });\n\n  return {\n    min: min === Infinity ? 0 : min,\n    max: max === -Infinity ? 100 : max,\n    values,\n  };\n};\n\nexport const groupData = <TItem extends object>(\n  data: TItem[],\n  dimension: PivotDimension<TItem>,\n): PivotGroup<TItem>[] => {\n  const groups = new Map<string, PivotGroup<TItem>>();\n\n  // Cache the formatValue function if it exists\n  const formatValue = dimension.formatValue;\n\n  data.forEach((item) => {\n    const rawValue = dimension.getValue(item);\n    const key = toKey(rawValue) || 'default';\n    const group = groups.get(key);\n\n    if (group) {\n      group.items.push(item);\n    } else {\n      const label = formatValue ? formatValue(rawValue) : defaultFormat(rawValue);\n      groups.set(key, {\n        key,\n        label,\n        value: rawValue,\n        items: [item],\n      });\n    }\n  });\n\n  const result = Array.from(groups.values());\n  return dimension.sort ? result.sort(dimension.sort) : result.sort((a, b) => a.label.localeCompare(b.label));\n};\n\n/**\n * Reorder items for a CSS Grid that displays bottom-up, left-to-right.\n * CSS Grid fills top-to-bottom, left-to-right by default.\n *\n * Visual goal (items fill bottom row first, then row above, etc.):\n *   Grid Row 0 (top):    [4] [5] [6] [ ] [ ]   <- partial top row, empties on RIGHT\n *   Grid Row 1 (bottom): [0] [1] [2] [3] [4]   <- full bottom row\n *\n * Returns array with nulls for empty cells that need placeholder rendering.\n */\nexport const reorderForBottomUpGrid = <TItem,>(items: TItem[], columns: number): (TItem | null)[] => {\n  if (items.length === 0) return [];\n\n  const totalRows = Math.ceil(items.length / columns);\n  const itemsInTopRow = items.length % columns || columns;\n\n  const result: (TItem | null)[] = [];\n\n  // Top row: items from the \"overflow\" portion, plus empty cells on the right\n  const topRowStartIndex = items.length - itemsInTopRow;\n  for (let col = 0; col < columns; col++) {\n    if (col < itemsInTopRow) {\n      result.push(items[topRowStartIndex + col]);\n    } else {\n      result.push(null); // Empty cell on right side of top row\n    }\n  }\n\n  // Remaining rows (from second-to-top down to bottom)\n  // These are full rows, containing items 0 to (items.length - itemsInTopRow - 1)\n  for (let row = 1; row < totalRows; row++) {\n    // This grid row corresponds to visual row (totalRows - 1 - row) from bottom\n    // Visual row 0 = bottom, visual row (totalRows-1) = top\n    const visualRowFromBottom = totalRows - 1 - row;\n    const rowStartIndex = visualRowFromBottom * columns;\n\n    for (let col = 0; col < columns; col++) {\n      result.push(items[rowStartIndex + col]);\n    }\n  }\n\n  return result;\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/TimeMachine/EventsView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Event } from './types';
+import './EventsView.css';
+interface EventsViewProps {
+    events: Event[];
+}
+export declare const EventsView: React.FC<EventsViewProps>;
+export {};
+//# sourceMappingURL=EventsView.d.ts.map

package/dist/esm/TimeMachine/EventsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsView.d.ts","sourceRoot":"","sources":["../../../TimeMachine/EventsView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACrB,MAAM,EAAE,KAAK,EAAE,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyGhD,CAAC"}

package/dist/esm/TimeMachine/EventsView.js

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { Timeline } from 'primereact/timeline';
+import { Properties } from './Properties.js';
+import './EventsView.css';
+
+const EventsView = ({ events }) => {
+    const displayEvents = events.length > 0 ? events : [];
+    const containerRef = useRef(null);
+    const [canScrollUp, setCanScrollUp] = useState(false);
+    const [canScrollDown, setCanScrollDown] = useState(false);
+    const updateScrollState = () => {
+        const container = containerRef.current;
+        if (!container) {
+            setCanScrollUp(false);
+            setCanScrollDown(false);
+            return;
+        }
+        const { scrollTop, scrollHeight, clientHeight } = container;
+        const epsilon = 1;
+        setCanScrollUp(scrollTop > epsilon);
+        setCanScrollDown(scrollTop + clientHeight < scrollHeight - epsilon);
+    };
+    useEffect(() => {
+        updateScrollState();
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => updateScrollState();
+        container.addEventListener('scroll', handleScroll);
+        return () => container.removeEventListener('scroll', handleScroll);
+    }, [displayEvents.length]);
+    const renderEventCard = (event, position) => {
+        const isLeft = position === 'left';
+        return (jsxs("div", { className: `events-view-event-card events-view-event-card--${position}`, children: [jsxs("div", { className: `events-view-event-header ${isLeft ? 'events-view-event-header--right' : ''}`, children: [jsx("h3", { className: `events-view-event-name ${isLeft ? 'events-view-event-name--right' : ''}`, children: event.type }), jsx("div", { className: `events-view-event-timestamp ${isLeft ? 'events-view-event-timestamp--right' : ''}`, children: event.occurred.toLocaleString() })] }), jsx("div", { className: "events-view-event-properties", children: jsx(Properties, { data: event.content || {}, align: "left" }) })] }));
+    };
+    const customContent = (event, index) => {
+        const position = index % 2 === 0 ? 'right' : 'left';
+        return renderEventCard(event, position);
+    };
+    const customMarker = () => {
+        return (jsx("div", { className: "events-view-marker", children: jsx("div", { className: "events-view-marker-dot" }) }));
+    };
+    const scrollToTop = () => containerRef.current?.scrollTo({ top: 0, behavior: 'smooth' });
+    const scrollToBottom = () => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });
+    };
+    return (jsxs("div", { className: "events-view-container", ref: containerRef, children: [canScrollUp && (jsx("div", { className: "events-view-scroll-button-wrapper events-view-scroll-button-wrapper--top", children: jsx("button", { type: "button", className: "events-view-scroll-button events-view-scroll-button--top", onClick: scrollToTop, "aria-label": "Scroll to top", children: jsx("i", { className: "pi pi-arrow-up" }) }) })), jsx(Timeline, { value: displayEvents, align: "alternate", content: customContent, marker: customMarker, className: "events-view-timeline" }), canScrollDown && (jsx("div", { className: "events-view-scroll-button-wrapper events-view-scroll-button-wrapper--bottom", children: jsx("button", { type: "button", className: "events-view-scroll-button events-view-scroll-button--bottom", onClick: scrollToBottom, "aria-label": "Scroll to bottom", children: jsx("i", { className: "pi pi-arrow-down" }) }) }))] }));
+};
+
+export { EventsView };
+//# sourceMappingURL=EventsView.js.map

package/dist/esm/TimeMachine/EventsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsView.js","sources":["../../../TimeMachine/EventsView.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 React, { useEffect, useRef, useState } from 'react';\nimport { Timeline } from 'primereact/timeline';\nimport type { Event } from './types';\nimport { Properties } from './Properties';\nimport './EventsView.css';\n\ninterface EventsViewProps {\n    events: Event[];\n}\n\nexport const EventsView: React.FC<EventsViewProps> = ({ events }) => {\n    // Use test data if no events provided\n    const displayEvents = events.length > 0 ? events : [];\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [canScrollUp, setCanScrollUp] = useState(false);\n    const [canScrollDown, setCanScrollDown] = useState(false);\n\n    const updateScrollState = () => {\n        const container = containerRef.current;\n        if (!container) {\n            setCanScrollUp(false);\n            setCanScrollDown(false);\n            return;\n        }\n\n        const { scrollTop, scrollHeight, clientHeight } = container;\n        const epsilon = 1;\n        setCanScrollUp(scrollTop > epsilon);\n        setCanScrollDown(scrollTop + clientHeight < scrollHeight - epsilon);\n    };\n\n    useEffect(() => {\n        updateScrollState();\n        const container = containerRef.current;\n        if (!container) return;\n\n        const handleScroll = () => updateScrollState();\n        container.addEventListener('scroll', handleScroll);\n        return () => container.removeEventListener('scroll', handleScroll);\n    }, [displayEvents.length]);\n\n    const renderEventCard = (event: Event, position: 'left' | 'right') => {\n        const isLeft = position === 'left';\n\n        return (\n            <div className={`events-view-event-card events-view-event-card--${position}`}>\n                <div className={`events-view-event-header ${isLeft ? 'events-view-event-header--right' : ''}`}>\n                    <h3 className={`events-view-event-name ${isLeft ? 'events-view-event-name--right' : ''}`}>{event.type}</h3>\n                    <div className={`events-view-event-timestamp ${isLeft ? 'events-view-event-timestamp--right' : ''}`}>\n                        {event.occurred.toLocaleString()}\n                    </div>\n                </div>\n                <div className=\"events-view-event-properties\">\n                    <Properties data={event.content || {}} align=\"left\" />\n                </div>\n            </div>\n        );\n    };\n\n    const customContent = (event: Event, index: number) => {\n        // PrimeReact places even indices (0,2,4,...) on the right, odd on the left\n        const position = index % 2 === 0 ? 'right' : 'left';\n        return renderEventCard(event, position);\n    };\n\n    const customMarker = () => {\n        return (\n            <div className=\"events-view-marker\">\n                <div className=\"events-view-marker-dot\"></div>\n            </div>\n        );\n    };\n\n    const scrollToTop = () => containerRef.current?.scrollTo({ top: 0, behavior: 'smooth' });\n    const scrollToBottom = () => {\n        const container = containerRef.current;\n        if (!container) return;\n        container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });\n    };\n\n    return (\n        <div className=\"events-view-container\" ref={containerRef}>\n            {canScrollUp && (\n                <div className=\"events-view-scroll-button-wrapper events-view-scroll-button-wrapper--top\">\n                    <button\n                        type=\"button\"\n                        className=\"events-view-scroll-button events-view-scroll-button--top\"\n                        onClick={scrollToTop}\n                        aria-label=\"Scroll to top\"\n                    >\n                        <i className=\"pi pi-arrow-up\" />\n                    </button>\n                </div>\n            )}\n            <Timeline\n                value={displayEvents}\n                align=\"alternate\"\n                content={customContent}\n                marker={customMarker}\n                className=\"events-view-timeline\"\n            />\n            {canScrollDown && (\n                <div className=\"events-view-scroll-button-wrapper events-view-scroll-button-wrapper--bottom\">\n                    <button\n                        type=\"button\"\n                        className=\"events-view-scroll-button events-view-scroll-button--bottom\"\n                        onClick={scrollToBottom}\n                        aria-label=\"Scroll to bottom\"\n                    >\n                        <i className=\"pi pi-arrow-down\" />\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/TimeMachine/EventsView.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EventsView.stories.d.ts.map

package/dist/esm/TimeMachine/EventsView.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsView.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/EventsView.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAyE;AAEzE,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/TimeMachine/EventsView.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './EventsView';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'TimeMachine/EventsView', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=EventsView.stories.js.map

package/dist/esm/TimeMachine/EventsView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsView.stories.js","sourceRoot":"","sources":["../../../TimeMachine/EventsView.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;AACrC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEzE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/TimeMachine/Properties.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PropertiesProps {
+    data: Record<string, unknown>;
+    className?: string;
+    align?: 'left' | 'right';
+}
+export declare const Properties: React.FC<PropertiesProps>;
+export {};
+//# sourceMappingURL=Properties.d.ts.map

package/dist/esm/TimeMachine/Properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Properties.d.ts","sourceRoot":"","sources":["../../../TimeMachine/Properties.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoFhD,CAAC"}

package/dist/esm/TimeMachine/Properties.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const Properties = ({ data, className, align = 'left' }) => {
+    const tableStyle = {
+        width: '100%',
+        borderCollapse: 'collapse',
+        fontFamily: '-apple-system, BlinkMacSystemFont, "SF Mono", monospace',
+        fontSize: '13px',
+    };
+    const rowStyle = {
+        borderBottom: '1px solid rgba(255,255,255,0.1)',
+    };
+    const labelStyle = {
+        padding: '8px 12px',
+        color: 'rgba(255,255,255,0.6)',
+        textAlign: align,
+        fontWeight: 500,
+        width: '40%',
+    };
+    const valueStyle = {
+        padding: '8px 12px',
+        color: '#fff',
+        textAlign: align,
+    };
+    const renderValue = (value) => {
+        if (value === null || value === undefined) {
+            return jsx("span", { style: { color: 'rgba(255,255,255,0.4)' }, children: "null" });
+        }
+        if (typeof value === 'boolean') {
+            return jsx("span", { style: { color: value ? '#4ade80' : '#f87171' }, children: value.toString() });
+        }
+        if (typeof value === 'number') {
+            return jsx("span", { style: { color: '#fbbf24' }, children: value });
+        }
+        if (value instanceof Date) {
+            return jsx("span", { style: { color: '#60a5fa' }, children: value.toLocaleString() });
+        }
+        if (Array.isArray(value)) {
+            return (jsxs("span", { style: { color: 'rgba(255,255,255,0.7)' }, children: ["Array[", value.length, "]"] }));
+        }
+        if (typeof value === 'object') {
+            return (jsxs("span", { style: { color: 'rgba(255,255,255,0.7)' }, children: ['{', "...", '}'] }));
+        }
+        return jsx("span", { children: String(value) });
+    };
+    const formatPropertyName = (key) => {
+        return key
+            .replace(/([A-Z])/g, ' $1')
+            .replace(/^./, str => str.toUpperCase())
+            .trim();
+    };
+    return (jsx("div", { className: className, children: jsx("table", { style: tableStyle, children: jsx("tbody", { children: data && Object.entries(data).map(([key, value], index) => (jsxs("tr", { style: rowStyle, children: [jsx("td", { style: labelStyle, children: formatPropertyName(key) }), jsx("td", { style: valueStyle, children: renderValue(value) })] }, `${key}-${index}`))) }) }) }));
+};
+
+export { Properties };
+//# sourceMappingURL=Properties.js.map

package/dist/esm/TimeMachine/Properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Properties.js","sources":["../../../TimeMachine/Properties.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 React from 'react';\n\ninterface PropertiesProps {\n    data: Record<string, unknown>;\n    /** CSS class name for the container */\n    className?: string;\n    /** Text alignment for the table */\n    align?: 'left' | 'right';\n}\n\nexport const Properties: React.FC<PropertiesProps> = ({ data, className, align = 'left' }) => {\n    const tableStyle: React.CSSProperties = {\n        width: '100%',\n        borderCollapse: 'collapse',\n        fontFamily: '-apple-system, BlinkMacSystemFont, \"SF Mono\", monospace',\n        fontSize: '13px',\n    };\n\n    const rowStyle: React.CSSProperties = {\n        borderBottom: '1px solid rgba(255,255,255,0.1)',\n    };\n\n    const labelStyle: React.CSSProperties = {\n        padding: '8px 12px',\n        color: 'rgba(255,255,255,0.6)',\n        textAlign: align,\n        fontWeight: 500,\n        width: '40%',\n    };\n\n    const valueStyle: React.CSSProperties = {\n        padding: '8px 12px',\n        color: '#fff',\n        textAlign: align,\n    };\n\n    const renderValue = (value: unknown): React.ReactNode => {\n        if (value === null || value === undefined) {\n            return <span style={{ color: 'rgba(255,255,255,0.4)' }}>null</span>;\n        }\n\n        if (typeof value === 'boolean') {\n            return <span style={{ color: value ? '#4ade80' : '#f87171' }}>{value.toString()}</span>;\n        }\n\n        if (typeof value === 'number') {\n            return <span style={{ color: '#fbbf24' }}>{value}</span>;\n        }\n\n        if (value instanceof Date) {\n            return <span style={{ color: '#60a5fa' }}>{value.toLocaleString()}</span>;\n        }\n\n        if (Array.isArray(value)) {\n            return (\n                <span style={{ color: 'rgba(255,255,255,0.7)' }}>\n                    Array[{value.length}]\n                </span>\n            );\n        }\n\n        if (typeof value === 'object') {\n            return (\n                <span style={{ color: 'rgba(255,255,255,0.7)' }}>\n                    {'{'}...{'}'}\n                </span>\n            );\n        }\n\n        return <span>{String(value)}</span>;\n    };\n\n    const formatPropertyName = (key: string): string => {\n        // Convert camelCase to Title Case with spaces\n        return key\n            .replace(/([A-Z])/g, ' $1')\n            .replace(/^./, str => str.toUpperCase())\n            .trim();\n    };\n\n    return (\n        <div className={className}>\n            <table style={tableStyle}>\n                <tbody>\n                    {data && Object.entries(data).map(([key, value], index) => (\n                        <tr key={`${key}-${index}`} style={rowStyle}>\n                            <td style={labelStyle}>{formatPropertyName(key)}</td>\n                            <td style={valueStyle}>{renderValue(value)}</td>\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;AAaO,MAAM,UAAU,GAA8B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;AACzF,IAAA,MAAM,UAAU,GAAwB;AACpC,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,cAAc,EAAE,UAAU;AAC1B,QAAA,UAAU,EAAE,yDAAyD;AACrE,QAAA,QAAQ,EAAE,MAAM;KACnB;AAED,IAAA,MAAM,QAAQ,GAAwB;AAClC,QAAA,YAAY,EAAE,iCAAiC;KAClD;AAED,IAAA,MAAM,UAAU,GAAwB;AACpC,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,uBAAuB;AAC9B,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,KAAK,EAAE,KAAK;KACf;AAED,IAAA,MAAM,UAAU,GAAwB;AACpC,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,KAAK;KACnB;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAAc,KAAqB;QACpD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;YACvC,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAA,QAAA,EAAA,MAAA,EAAA,CAAa;QACvE;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;YAC5B,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,EAAE,EAAA,QAAA,EAAG,KAAK,CAAC,QAAQ,EAAE,EAAA,CAAQ;QAC3F;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ;QAC5D;AAEA,QAAA,IAAI,KAAK,YAAY,IAAI,EAAE;AACvB,YAAA,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EAAG,KAAK,CAAC,cAAc,EAAE,GAAQ;QAC7E;AAEA,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACtB,YAAA,QACIC,IAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,uBACpC,KAAK,CAAC,MAAM,EAAA,GAAA,CAAA,EAAA,CAChB;QAEf;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,YAAA,QACIA,IAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,aAC1C,GAAG,EAAA,KAAA,EAAK,GAAG,CAAA,EAAA,CACT;QAEf;AAEA,QAAA,OAAOD,wBAAO,MAAM,CAAC,KAAK,CAAC,GAAQ;AACvC,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,GAAW,KAAY;AAE/C,QAAA,OAAO;AACF,aAAA,OAAO,CAAC,UAAU,EAAE,KAAK;aACzB,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE;AACtC,aAAA,IAAI,EAAE;AACf,IAAA,CAAC;AAED,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,EAAA,QAAA,EACrBA,GAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE,UAAU,EAAA,QAAA,EACpBA,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACK,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,MAClDC,IAAA,CAAA,IAAA,EAAA,EAA4B,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CACvCD,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,kBAAkB,CAAC,GAAG,CAAC,EAAA,CAAM,EACrDA,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,CAAC,KAAK,CAAC,EAAA,CAAM,CAAA,EAAA,EAF3C,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAGrB,CACR,CAAC,EAAA,CACE,EAAA,CACJ,EAAA,CACN;AAEd;;;;"}

package/dist/esm/TimeMachine/Properties.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Properties.stories.d.ts.map

package/dist/esm/TimeMachine/Properties.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Properties.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/Properties.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAyE;AAEzE,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/TimeMachine/Properties.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './Properties';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'TimeMachine/Properties', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=Properties.stories.js.map

package/dist/esm/TimeMachine/Properties.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Properties.stories.js","sourceRoot":"","sources":["../../../TimeMachine/Properties.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;AACrC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEzE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/TimeMachine/ReadModelView.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Version } from './types';
+interface ReadModelViewProps {
+    versions: Version[];
+    selectedIndex: number;
+    hoveredIndex: number | null;
+    onVersionSelect: (index: number) => void;
+    onHoveringCardChange: (isHovering: boolean) => void;
+}
+export declare const ReadModelView: React.FC<ReadModelViewProps>;
+export {};
+//# sourceMappingURL=ReadModelView.d.ts.map

package/dist/esm/TimeMachine/ReadModelView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadModelView.d.ts","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGvC,UAAU,kBAAkB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+HtD,CAAC"}

package/dist/esm/TimeMachine/ReadModelView.js

@@ -0,0 +1,38 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Properties } from './Properties.js';
+
+const ReadModelView = ({ versions, selectedIndex, hoveredIndex, onVersionSelect, onHoveringCardChange, }) => {
+    const displayIndex = hoveredIndex ?? selectedIndex;
+    const [flippedMap, setFlippedMap] = useState({});
+    const toggleFlip = (id) => (event) => {
+        event.stopPropagation();
+        setFlippedMap(previous => ({
+            ...previous,
+            [id]: !previous[id]
+        }));
+    };
+    return (jsxs(Fragment, { children: [jsxs("div", { className: "time-machine-background", children: [jsx("div", { className: "stars" }), jsx("div", { className: "stars stars-2" }), jsx("div", { className: "stars stars-3" })] }), jsx("div", { className: "time-machine-viewport", children: jsx("div", { className: "windows-container", children: versions.map((version, index) => {
+                        const depth = index - displayIndex;
+                        const isActive = index === displayIndex;
+                        const isVisible = depth >= 0 && depth < 10;
+                        const isFlipped = flippedMap[version.id] ?? false;
+                        if (!isVisible)
+                            return null;
+                        const events = isActive && version.events?.length
+                            ? version.events.map(event => ({
+                                ...event,
+                                occurred: new Date(event.occurred)
+                            }))
+                            : [];
+                        return (jsx("div", { className: `version-window ${isActive ? 'active' : ''} ${isFlipped ? 'flipped' : ''}`, style: {
+                                '--depth': depth,
+                                '--z-offset': -depth * 150,
+                                '--scale': 1 - depth * 0.05,
+                                '--opacity': 1 - depth * 0.12,
+                            }, onClick: () => onVersionSelect(index), onMouseEnter: () => onHoveringCardChange(true), onMouseLeave: () => onHoveringCardChange(false), children: jsxs("div", { className: "version-window-inner", children: [jsxs("div", { className: "version-window-face version-window-face--front", children: [jsxs("div", { className: "window-chrome", children: [jsxs("div", { className: "window-controls", children: [jsx("span", { className: "control close" }), jsx("span", { className: "control minimize" }), jsx("span", { className: "control maximize" })] }), jsx("div", { className: "window-title", children: version.label }), jsx("div", { className: "window-actions", children: jsx("button", { type: "button", className: "window-flip-button", onClick: toggleFlip(version.id), "aria-label": "Show related events", "aria-pressed": isFlipped, children: jsx("i", { className: `pi ${isFlipped ? 'pi-undo' : 'pi-refresh'}` }) }) })] }), jsx("div", { className: "window-content", children: version.content })] }), jsxs("div", { className: "version-window-face version-window-face--back", children: [jsxs("div", { className: "window-chrome window-chrome--back", children: [jsxs("div", { className: "window-controls", children: [jsx("span", { className: "control close" }), jsx("span", { className: "control minimize" }), jsx("span", { className: "control maximize" })] }), jsx("div", { className: "window-title", children: "Related Events" }), jsx("div", { className: "window-actions", children: jsx("button", { type: "button", className: "window-flip-button", onClick: toggleFlip(version.id), "aria-label": "Show read model snapshot", "aria-pressed": isFlipped, children: jsx("i", { className: `pi ${isFlipped ? 'pi-undo' : 'pi-refresh'}` }) }) })] }), jsx("div", { className: "window-content window-content--events", children: jsx("div", { className: "snapshot-event-list", children: events.map((event, eventIndex) => (jsxs("div", { className: "snapshot-event", children: [jsxs("div", { className: "snapshot-event-header", children: [jsx("span", { className: "snapshot-event-name", children: event.type }), jsx("span", { className: "snapshot-event-timestamp", children: event.occurred.toLocaleString() })] }), jsx(Properties, { data: event.content, align: "left" })] }, `${version.id}-${event.sequenceNumber ?? eventIndex}`))) }) })] })] }) }, version.id));
+                    }) }) })] }));
+};
+
+export { ReadModelView };
+//# sourceMappingURL=ReadModelView.js.map

package/dist/esm/TimeMachine/ReadModelView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadModelView.js","sources":["../../../TimeMachine/ReadModelView.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 React, { useState } from 'react';\nimport type { Version } from './types';\nimport { Properties } from './Properties';\n\ninterface ReadModelViewProps {\n    versions: Version[];\n    selectedIndex: number;\n    hoveredIndex: number | null;\n    onVersionSelect: (index: number) => void;\n    onHoveringCardChange: (isHovering: boolean) => void;\n}\n\nexport const ReadModelView: React.FC<ReadModelViewProps> = ({\n    versions,\n    selectedIndex,\n    hoveredIndex,\n    onVersionSelect,\n    onHoveringCardChange,\n}) => {\n    const displayIndex = hoveredIndex ?? selectedIndex;\n    const [flippedMap, setFlippedMap] = useState<Record<string, boolean>>({});\n\n    const toggleFlip = (id: string) => (event: React.MouseEvent<HTMLButtonElement>) => {\n        event.stopPropagation();\n        setFlippedMap(previous => ({\n            ...previous,\n            [id]: !previous[id]\n        }));\n    };\n\n    return (\n        <>\n            {/* Starfield background */}\n            <div className=\"time-machine-background\">\n                <div className=\"stars\"></div>\n                <div className=\"stars stars-2\"></div>\n                <div className=\"stars stars-3\"></div>\n            </div>\n\n            {/* 3D Stacked Windows */}\n            <div className=\"time-machine-viewport\">\n                <div className=\"windows-container\">\n                    {versions.map((version, index) => {\n                        const depth = index - displayIndex;\n                        const isActive = index === displayIndex;\n                        const isVisible = depth >= 0 && depth < 10;\n                        const isFlipped = flippedMap[version.id] ?? false;\n\n                        if (!isVisible) return null;\n\n                        // Only prepare events for the active version to avoid showing all events at once\n                        const events = isActive && version.events?.length\n                            ? version.events.map(event => ({\n                                ...event,\n                                occurred: new Date(event.occurred)\n                            }))\n                            : [];\n\n                        return (\n                            <div\n                                key={version.id}\n                                className={`version-window ${isActive ? 'active' : ''} ${isFlipped ? 'flipped' : ''}`}\n                                style={{\n                                    '--depth': depth,\n                                    '--z-offset': -depth * 150,\n                                    '--scale': 1 - depth * 0.05,\n                                    '--opacity': 1 - depth * 0.12,\n                                } as React.CSSProperties}\n                                onClick={() => onVersionSelect(index)}\n                                onMouseEnter={() => onHoveringCardChange(true)}\n                                onMouseLeave={() => onHoveringCardChange(false)}\n                            >\n                                <div className=\"version-window-inner\">\n                                    <div className=\"version-window-face version-window-face--front\">\n                                        <div className=\"window-chrome\">\n                                            <div className=\"window-controls\">\n                                                <span className=\"control close\"></span>\n                                                <span className=\"control minimize\"></span>\n                                                <span className=\"control maximize\"></span>\n                                            </div>\n                                            <div className=\"window-title\">{version.label}</div>\n                                            <div className=\"window-actions\">\n                                                <button\n                                                    type=\"button\"\n                                                    className=\"window-flip-button\"\n                                                    onClick={toggleFlip(version.id)}\n                                                    aria-label=\"Show related events\"\n                                                    aria-pressed={isFlipped}\n                                                >\n                                                    <i className={`pi ${isFlipped ? 'pi-undo' : 'pi-refresh'}`} />\n                                                </button>\n                                            </div>\n                                        </div>\n                                        <div className=\"window-content\">\n                                            {version.content}\n                                        </div>\n                                    </div>\n                                    <div className=\"version-window-face version-window-face--back\">\n                                        <div className=\"window-chrome window-chrome--back\">\n                                            <div className=\"window-controls\">\n                                                <span className=\"control close\"></span>\n                                                <span className=\"control minimize\"></span>\n                                                <span className=\"control maximize\"></span>\n                                            </div>\n                                            <div className=\"window-title\">Related Events</div>\n                                            <div className=\"window-actions\">\n                                                <button\n                                                    type=\"button\"\n                                                    className=\"window-flip-button\"\n                                                    onClick={toggleFlip(version.id)}\n                                                    aria-label=\"Show read model snapshot\"\n                                                    aria-pressed={isFlipped}\n                                                >\n                                                    <i className={`pi ${isFlipped ? 'pi-undo' : 'pi-refresh'}`} />\n                                                </button>\n                                            </div>\n                                        </div>\n                                        <div className=\"window-content window-content--events\">\n                                            <div className=\"snapshot-event-list\">\n                                                {events.map((event, eventIndex) => (\n                                                    <div key={`${version.id}-${event.sequenceNumber ?? eventIndex}`} className=\"snapshot-event\">\n                                                        <div className=\"snapshot-event-header\">\n                                                            <span className=\"snapshot-event-name\">{event.type}</span>\n                                                            <span className=\"snapshot-event-timestamp\">{event.occurred.toLocaleString()}</span>\n                                                        </div>\n                                                        <Properties data={event.content} align=\"left\" />\n                                                    </div>\n                                                ))}\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        );\n                    })}\n                </div>\n            </div>\n        </>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/TimeMachine/ReadModelView.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReadModelView.stories.d.ts.map

package/dist/esm/TimeMachine/ReadModelView.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadModelView.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAA4E;AAE5E,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/TimeMachine/ReadModelView.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './ReadModelView';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'TimeMachine/ReadModelView', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=ReadModelView.stories.js.map

package/dist/esm/TimeMachine/ReadModelView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadModelView.stories.js","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAE5E,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/TimeMachine/TimeMachine.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Version } from './types';
+import './TimeMachine.css';
+interface TimeMachineProps {
+    versions: Version[];
+    currentVersionIndex?: number;
+    onVersionChange?: (index: number) => void;
+    scrollSensitivity?: number;
+}
+export declare const TimeMachine: React.FC<TimeMachineProps>;
+export default TimeMachine;
+//# sourceMappingURL=TimeMachine.d.ts.map

package/dist/esm/TimeMachine/TimeMachine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeMachine.d.ts","sourceRoot":"","sources":["../../../TimeMachine/TimeMachine.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGvC,OAAO,mBAAmB,CAAC;AAI3B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkJlD,CAAC;AA8EF,eAAe,WAAW,CAAC"}