@cratis/components 0.1.9

package/dist/esm/TimeMachine/TimeMachine.js

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { ReadModelView } from './ReadModelView.js';
+import { EventsView } from './EventsView.js';
+import './TimeMachine.css';
+
+const TimeMachine = ({ versions, currentVersionIndex = 0, onVersionChange, scrollSensitivity = 50, }) => {
+    const [selectedIndex, setSelectedIndex] = useState(currentVersionIndex);
+    const [hoveredIndex, setHoveredIndex] = useState(null);
+    const [isHoveringCard, setIsHoveringCard] = useState(false);
+    const [viewMode, setViewMode] = useState('readmodel');
+    const containerRef = useRef(null);
+    const scrollAccumulatorRef = useRef(0);
+    const handleVersionSelect = useCallback((index) => {
+        setSelectedIndex(index);
+        onVersionChange?.(index);
+    }, [onVersionChange]);
+    const handleTimelineHover = useCallback((index) => {
+        setHoveredIndex(index);
+    }, []);
+    useEffect(() => {
+        if (viewMode !== 'readmodel') {
+            return;
+        }
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleWheel = (e) => {
+            if (isHoveringCard) {
+                return;
+            }
+            e.preventDefault();
+            const delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
+            scrollAccumulatorRef.current += delta;
+            if (Math.abs(scrollAccumulatorRef.current) >= scrollSensitivity) {
+                const direction = scrollAccumulatorRef.current > 0 ? 1 : -1;
+                const newIndex = Math.max(0, Math.min(versions.length - 1, selectedIndex + direction));
+                if (newIndex !== selectedIndex) {
+                    setSelectedIndex(newIndex);
+                    onVersionChange?.(newIndex);
+                }
+                scrollAccumulatorRef.current = 0;
+            }
+        };
+        container.addEventListener('wheel', handleWheel, { passive: false });
+        return () => {
+            container.removeEventListener('wheel', handleWheel);
+        };
+    }, [versions.length, selectedIndex, onVersionChange, scrollSensitivity, isHoveringCard, viewMode]);
+    const allEvents = versions.flatMap(version => version.events || []);
+    return (jsxs("div", { className: "time-machine", ref: containerRef, children: [jsxs("div", { className: "view-switcher", children: [jsx("button", { className: `view-button ${viewMode === 'readmodel' ? 'active' : ''}`, onClick: () => setViewMode('readmodel'), "aria-label": "Read Model View", title: "Read Model View", children: jsx("i", { className: "pi pi-box" }) }), jsx("button", { className: `view-button ${viewMode === 'events' ? 'active' : ''}`, onClick: () => setViewMode('events'), "aria-label": "Events View", title: "Events View", children: jsx("i", { className: "pi pi-list" }) })] }), viewMode === 'readmodel' ? (jsx(ReadModelView, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onVersionSelect: handleVersionSelect, onHoveringCardChange: setIsHoveringCard })) : (jsx(EventsView, { events: allEvents })), viewMode === 'readmodel' && (jsx(Timeline, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onSelect: handleVersionSelect, onHover: handleTimelineHover })), viewMode === 'readmodel' && (jsxs("div", { className: "navigation-controls", children: [jsx("button", { className: "nav-button prev", disabled: selectedIndex === 0, onClick: () => handleVersionSelect(Math.max(0, selectedIndex - 1)), "aria-label": "Previous version", children: "\u2039" }), jsx("button", { className: "nav-button next", disabled: selectedIndex === versions.length - 1, onClick: () => handleVersionSelect(Math.min(versions.length - 1, selectedIndex + 1)), "aria-label": "Next version", children: "\u203A" })] }))] }));
+};
+const Timeline = ({ versions, selectedIndex, hoveredIndex, onSelect, onHover, }) => {
+    const getMagnification = (index, hoverIdx) => {
+        if (hoverIdx === null)
+            return 1;
+        const distance = Math.abs(index - hoverIdx);
+        if (distance === 0)
+            return 2.0;
+        if (distance === 1)
+            return 1.6;
+        if (distance === 2)
+            return 1.3;
+        if (distance === 3)
+            return 1.1;
+        return 1;
+    };
+    const formatDate = (date) => {
+        return date.toLocaleDateString('en-US', {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        });
+    };
+    const formatTime = (date) => {
+        return date.toLocaleTimeString('en-US', {
+            hour: 'numeric',
+            minute: '2-digit',
+            hour12: true,
+        });
+    };
+    return (jsx("div", { className: "timeline", onMouseLeave: () => onHover(null), children: jsx("div", { className: "timeline-track", children: versions.map((version, index) => {
+                const magnification = getMagnification(index, hoveredIndex);
+                const isSelected = index === selectedIndex;
+                const isHovered = index === hoveredIndex;
+                return (jsxs("div", { className: `timeline-entry ${isSelected ? 'selected' : ''} ${isHovered ? 'hovered' : ''}`, style: {
+                        '--magnification': magnification,
+                    }, onMouseEnter: () => onHover(index), onClick: () => onSelect(index), children: [jsx("div", { className: "timeline-tick" }), jsxs("div", { className: "timeline-label", children: [jsx("span", { className: "timeline-date", children: formatDate(version.timestamp) }), jsx("span", { className: "timeline-time", children: formatTime(version.timestamp) })] })] }, version.id));
+            }) }) }));
+};
+
+export { TimeMachine, TimeMachine as default };
+//# sourceMappingURL=TimeMachine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeMachine.js","sources":["../../../TimeMachine/TimeMachine.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, useCallback, useRef, useEffect } from 'react';\nimport type { Version } from './types';\nimport { ReadModelView } from './ReadModelView';\nimport { EventsView } from './EventsView';\nimport './TimeMachine.css';\n\ntype ViewMode = 'readmodel' | 'events';\n\ninterface TimeMachineProps {\n  versions: Version[];\n  currentVersionIndex?: number;\n  onVersionChange?: (index: number) => void;\n  /** Scroll sensitivity - higher values require more scrolling to change versions */\n  scrollSensitivity?: number;\n}\n\nexport const TimeMachine: React.FC<TimeMachineProps> = ({\n  versions,\n  currentVersionIndex = 0,\n  onVersionChange,\n  scrollSensitivity = 50,\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(currentVersionIndex);\n  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);\n  const [isHoveringCard, setIsHoveringCard] = useState(false);\n  const [viewMode, setViewMode] = useState<ViewMode>('readmodel');\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollAccumulatorRef = useRef(0);\n\n  const handleVersionSelect = useCallback((index: number) => {\n    setSelectedIndex(index);\n    onVersionChange?.(index);\n  }, [onVersionChange]);\n\n  const handleTimelineHover = useCallback((index: number | null) => {\n    setHoveredIndex(index);\n  }, []);\n\n  // Handle trackpad two-finger scroll gesture\n  useEffect(() => {\n    if (viewMode !== 'readmodel') {\n      return;\n    }\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      // Only handle navigation when not hovering over a card\n      if (isHoveringCard) {\n        return; // Allow normal scrolling within cards\n      }\n\n      // Prevent default scrolling behavior\n      e.preventDefault();\n\n      // Use deltaX for horizontal scroll, fallback to deltaY for vertical\n      // Most trackpads send horizontal delta for two-finger swipe\n      const delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;\n\n      // Accumulate scroll delta\n      scrollAccumulatorRef.current += delta;\n\n      // Check if we've accumulated enough scroll to change version\n      if (Math.abs(scrollAccumulatorRef.current) >= scrollSensitivity) {\n        const direction = scrollAccumulatorRef.current > 0 ? 1 : -1;\n        const newIndex = Math.max(0, Math.min(versions.length - 1, selectedIndex + direction));\n\n        if (newIndex !== selectedIndex) {\n          setSelectedIndex(newIndex);\n          onVersionChange?.(newIndex);\n        }\n\n        // Reset accumulator after version change\n        scrollAccumulatorRef.current = 0;\n      }\n    };\n\n    container.addEventListener('wheel', handleWheel, { passive: false });\n\n    return () => {\n      container.removeEventListener('wheel', handleWheel);\n    };\n  }, [versions.length, selectedIndex, onVersionChange, scrollSensitivity, isHoveringCard, viewMode]);\n\n  // Calculate the display index - either hovered or selected\n  // (not used in this component; ReadModelView computes its own display index)\n  void hoveredIndex;\n  void selectedIndex;\n\n  // Get all events from all versions\n  const allEvents = versions.flatMap(version => version.events || []);\n\n  return (\n    <div className=\"time-machine\" ref={containerRef}>\n      {/* View Switcher */}\n      <div className=\"view-switcher\">\n        <button\n          className={`view-button ${viewMode === 'readmodel' ? 'active' : ''}`}\n          onClick={() => setViewMode('readmodel')}\n          aria-label=\"Read Model View\"\n          title=\"Read Model View\"\n        >\n          <i className=\"pi pi-box\" />\n        </button>\n        <button\n          className={`view-button ${viewMode === 'events' ? 'active' : ''}`}\n          onClick={() => setViewMode('events')}\n          aria-label=\"Events View\"\n          title=\"Events View\"\n        >\n          <i className=\"pi pi-list\" />\n        </button>\n      </div>\n\n      {/* Render the appropriate view */}\n      {viewMode === 'readmodel' ? (\n        <ReadModelView\n          versions={versions}\n          selectedIndex={selectedIndex}\n          hoveredIndex={hoveredIndex}\n          onVersionSelect={handleVersionSelect}\n          onHoveringCardChange={setIsHoveringCard}\n        />\n      ) : (\n        <EventsView events={allEvents} />\n      )}\n\n      {/* Timeline - only show in ReadModel view */}\n      {viewMode === 'readmodel' && (\n        <Timeline\n          versions={versions}\n          selectedIndex={selectedIndex}\n          hoveredIndex={hoveredIndex}\n          onSelect={handleVersionSelect}\n          onHover={handleTimelineHover}\n        />\n      )}\n\n      {/* Navigation arrows - only show in ReadModel view */}\n      {viewMode === 'readmodel' && (\n        <div className=\"navigation-controls\">\n          <button\n            className=\"nav-button prev\"\n            disabled={selectedIndex === 0}\n            onClick={() => handleVersionSelect(Math.max(0, selectedIndex - 1))}\n            aria-label=\"Previous version\"\n          >\n            ‹\n          </button>\n          <button\n            className=\"nav-button next\"\n            disabled={selectedIndex === versions.length - 1}\n            onClick={() => handleVersionSelect(Math.min(versions.length - 1, selectedIndex + 1))}\n            aria-label=\"Next version\"\n          >\n            ›\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\ninterface TimelineProps {\n  versions: Version[];\n  selectedIndex: number;\n  hoveredIndex: number | null;\n  onSelect: (index: number) => void;\n  onHover: (index: number | null) => void;\n}\n\nconst Timeline: React.FC<TimelineProps> = ({\n  versions,\n  selectedIndex,\n  hoveredIndex,\n  onSelect,\n  onHover,\n}) => {\n  const getMagnification = (index: number, hoverIdx: number | null): number => {\n    if (hoverIdx === null) return 1;\n    const distance = Math.abs(index - hoverIdx);\n    // Fish-eye effect: items close to hover get magnified\n    if (distance === 0) return 2.0;\n    if (distance === 1) return 1.6;\n    if (distance === 2) return 1.3;\n    if (distance === 3) return 1.1;\n    return 1;\n  };\n\n  const formatDate = (date: Date): string => {\n    return date.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  };\n\n  const formatTime = (date: Date): string => {\n    return date.toLocaleTimeString('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      hour12: true,\n    });\n  };\n\n  return (\n    <div\n      className=\"timeline\"\n      onMouseLeave={() => onHover(null)}\n    >\n      <div className=\"timeline-track\">\n        {versions.map((version, index) => {\n          const magnification = getMagnification(index, hoveredIndex);\n          const isSelected = index === selectedIndex;\n          const isHovered = index === hoveredIndex;\n\n          return (\n            <div\n              key={version.id}\n              className={`timeline-entry ${isSelected ? 'selected' : ''} ${isHovered ? 'hovered' : ''}`}\n              style={{\n                '--magnification': magnification,\n              } as React.CSSProperties}\n              onMouseEnter={() => onHover(index)}\n              onClick={() => onSelect(index)}\n            >\n              <div className=\"timeline-tick\"></div>\n              <div className=\"timeline-label\">\n                <span className=\"timeline-date\">{formatDate(version.timestamp)}</span>\n                <span className=\"timeline-time\">{formatTime(version.timestamp)}</span>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default TimeMachine;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/TimeMachine/TimeMachine.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=TimeMachine.stories.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeMachine.stories.js","sourceRoot":"","sources":["../../../TimeMachine/TimeMachine.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,eAAe,CAAC;AACtC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAE1E,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/index.d.ts

@@ -0,0 +1,6 @@
+export { TimeMachine } from './TimeMachine';
+export { ReadModelView } from './ReadModelView';
+export { EventsView } from './EventsView';
+export { Properties } from './Properties';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../TimeMachine/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}

package/dist/esm/TimeMachine/index.js

@@ -0,0 +1,5 @@
+export { TimeMachine } from './TimeMachine.js';
+export { ReadModelView } from './ReadModelView.js';
+export { EventsView } from './EventsView.js';
+export { Properties } from './Properties.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,19 @@
+export interface Version {
+    id: string;
+    timestamp: Date;
+    label: string;
+    content: React.ReactNode;
+    events?: Event[];
+}
+export interface Event {
+    sequenceNumber: number;
+    type: string;
+    occurred: Date;
+    content: Record<string, unknown>;
+}
+export interface TimelineEntry {
+    id: string;
+    timestamp: Date;
+    label: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../TimeMachine/types.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/esm/TimeMachine/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../TimeMachine/types.ts"],"names":[],"mappings":""}

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+import * as CommandDialog from './CommandDialog';
+import * as CommandForm from './CommandForm';
+import * as DataPage from './DataPage';
+import * as dataTables from './DataTables';
+import * as dialogs from './Dialogs';
+import * as Dropdown from './Dropdown';
+import * as PivotViewer from './PivotViewer';
+import * as TimeMachine from './TimeMachine';
+export { CommandDialog, CommandForm, DataPage, dataTables, dialogs, Dropdown, PivotViewer, TimeMachine, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EACH,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,GACd,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,17 @@
+import * as index from './CommandDialog/index.js';
+export { index as CommandDialog };
+import * as index$1 from './CommandForm/index.js';
+export { index$1 as CommandForm };
+import * as index$2 from './DataPage/index.js';
+export { index$2 as DataPage };
+import * as index$3 from './DataTables/index.js';
+export { index$3 as dataTables };
+import * as index$4 from './Dialogs/index.js';
+export { index$4 as dialogs };
+import * as index$5 from './Dropdown/index.js';
+export { index$5 as Dropdown };
+import * as index$6 from './PivotViewer/index.js';
+export { index$6 as PivotViewer };
+import * as index$7 from './TimeMachine/index.js';
+export { index$7 as TimeMachine };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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