@durablex/react-ui 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 import { ReactNode, RefObject } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -125,16 +127,23 @@ interface RunsViewState {
   event: string | null;
   replayOf: string | null;
 }
-interface RunsViewProps {
+declare const DEFAULT_RUNS_VIEW_STATE: RunsViewState;
+declare function useRunsViewState(initial?: Partial<RunsViewState>): {
   state: RunsViewState;
-  onChange: (patch: Partial<RunsViewState>, opts?: {
+  onChange: (patch: Partial<RunsViewState>) => void;
+};
+interface RunsViewProps {
+  state?: RunsViewState;
+  onChange?: (patch: Partial<RunsViewState>, opts?: {
     push?: boolean;
   }) => void;
+  initialState?: Partial<RunsViewState>;
   readOnly?: boolean;
 }
 declare function RunsView({
-  state,
-  onChange,
+  state: controlledState,
+  onChange: controlledOnChange,
+  initialState,
   readOnly
 }: RunsViewProps): import("react").JSX.Element;
 //#endregion
@@ -672,7 +681,7 @@ declare function WorkflowsView({
   onOpenRun,
   renderRunAction
 }: {
-  onOpenRun(runId: string): void;
+  onOpenRun?: (runId: string) => void;
   renderRunAction?: (workflow: WorkflowDef) => ReactNode;
 }): import("react").JSX.Element;
 //#endregion
@@ -1074,5 +1083,5 @@ declare const ACTION_LABELS: Record<ControlActionKind, string>;
 declare function actorLabel(actor?: string): string;
 declare function describeControlDetail(a: ControlAction): string;
 //#endregion
-export { ACTION_LABELS, ALL_FILTER, AnimatedDurablexMark, AppFilter, AppShell, AppStatusBadge, AppTag, AppsView, BulkReplayButton, Button, CursorPager, DEFAULT_RUN_SORT, DEFAULT_TIME_RANGE, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DurablexLogo, type EventRunOption, EventsList, EventsView, FLOW_ADAPTERS, Facts, FilterDropdown, FilterDropdownButton, FilterDropdownItem, type FlowAdapter, FlowControlBadge, FlowControlSection, type FlowRow, FlowSummary, GlyphBadge, Input, JSON_TOKEN_COLOR, JsonBlock, JsonEditor, type JsonTokenKind, LogList, MARK_BARS, Meta, type NavGroup, type NavItem, OverviewView, type ParsedJson, RESUME_TRIANGLE, RUN_SORT_KEYS, RUN_TYPE_FILTERS, ReplayRunDialog, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResumeMark, RetryFromStepButton, RunCancelButton, RunCharts, RunControlHistory, RunInspector, RunInspectorActions, type RunInspectorProps, RunPauseButton, type RunSort, type RunSortKey, type RunTypeFilter, RunnerLiveBadge, RunsFilterBar, RunsTable, RunsTableHead, RunsTableLoader, RunsTablePlaceholder, RunsTableRow, RunsView, type RunsViewProps, type RunsViewState, SORT_DIRS, STATUS_LABELS, ScheduledBadge, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, Skeleton, type SortDir, type StatTile, StatTileGrid, StatsTiles, StatusBadge, type StatusFilter, TABLE_HEAD_CLASS, THEME_PREFS, TIME_OPTIONS, TIME_ZONES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStatusRows, type ThemePref, TimeRangeFilter, TimeZoneFilter, type TimeZoneMode, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TriggerEventDialog, TriggerEventResult, WebhooksView, WorkflowDetail, WorkflowRunAction, WorkflowRunDialog, type WorkflowRunPlan, WorkflowsView, actorLabel, appHue, applyThemePref, bucketTickLabel, buttonVariants, cn, currentStepNumber, describeControlDetail, expectedStepTotals, flowControlRows, formatDuration, formatError, formatNextFire, formatRelative, formatTime, getThemePref, hasFlowControl, highlightedJsonSpans, localTimeZone, parseJson, parseWindowMs, seriesBucketSeconds, setThemePref, stepCellLabel, stepProgress, timeLabel, toggleRunSort, tokenizeJson, useClickOutside, useConfirmAction, useCopyToClipboard, useIsMobile, useKeysetPager, watchSystemTheme, windowSince, workflowRunPlan };
+export { ACTION_LABELS, ALL_FILTER, AnimatedDurablexMark, AppFilter, AppShell, AppStatusBadge, AppTag, AppsView, BulkReplayButton, Button, CursorPager, DEFAULT_RUNS_VIEW_STATE, DEFAULT_RUN_SORT, DEFAULT_TIME_RANGE, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DurablexLogo, type EventRunOption, EventsList, EventsView, FLOW_ADAPTERS, Facts, FilterDropdown, FilterDropdownButton, FilterDropdownItem, type FlowAdapter, FlowControlBadge, FlowControlSection, type FlowRow, FlowSummary, GlyphBadge, Input, JSON_TOKEN_COLOR, JsonBlock, JsonEditor, type JsonTokenKind, LogList, MARK_BARS, Meta, type NavGroup, type NavItem, OverviewView, type ParsedJson, RESUME_TRIANGLE, RUN_SORT_KEYS, RUN_TYPE_FILTERS, ReplayRunDialog, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResumeMark, RetryFromStepButton, RunCancelButton, RunCharts, RunControlHistory, RunInspector, RunInspectorActions, type RunInspectorProps, RunPauseButton, type RunSort, type RunSortKey, type RunTypeFilter, RunnerLiveBadge, RunsFilterBar, RunsTable, RunsTableHead, RunsTableLoader, RunsTablePlaceholder, RunsTableRow, RunsView, type RunsViewProps, type RunsViewState, SORT_DIRS, STATUS_LABELS, ScheduledBadge, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, Skeleton, type SortDir, type StatTile, StatTileGrid, StatsTiles, StatusBadge, type StatusFilter, TABLE_HEAD_CLASS, THEME_PREFS, TIME_OPTIONS, TIME_ZONES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStatusRows, type ThemePref, TimeRangeFilter, TimeZoneFilter, type TimeZoneMode, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TriggerEventDialog, TriggerEventResult, WebhooksView, WorkflowDetail, WorkflowRunAction, WorkflowRunDialog, type WorkflowRunPlan, WorkflowsView, actorLabel, appHue, applyThemePref, bucketTickLabel, buttonVariants, cn, currentStepNumber, describeControlDetail, expectedStepTotals, flowControlRows, formatDuration, formatError, formatNextFire, formatRelative, formatTime, getThemePref, hasFlowControl, highlightedJsonSpans, localTimeZone, parseJson, parseWindowMs, seriesBucketSeconds, setThemePref, stepCellLabel, stepProgress, timeLabel, toggleRunSort, tokenizeJson, useClickOutside, useConfirmAction, useCopyToClipboard, useIsMobile, useKeysetPager, useRunsViewState, watchSystemTheme, windowSince, workflowRunPlan };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
@@ -3017,7 +3018,35 @@ const RUN_TYPE_TO_TRIGGER = {
 	triggered: "event",
 	scheduled: "cron"
 };
-function RunsView({ state, onChange, readOnly = false }) {
+const DEFAULT_RUNS_VIEW_STATE = {
+	status: "all",
+	app: "all",
+	runType: "all",
+	time: "1h",
+	q: "",
+	deep: false,
+	sort: DEFAULT_RUN_SORT,
+	run: null,
+	event: null,
+	replayOf: null
+};
+function useRunsViewState(initial) {
+	const [state, setState] = useState(() => ({
+		...DEFAULT_RUNS_VIEW_STATE,
+		...initial
+	}));
+	return {
+		state,
+		onChange: useCallback((patch) => setState((s) => ({
+			...s,
+			...patch
+		})), [])
+	};
+}
+function RunsView({ state: controlledState, onChange: controlledOnChange, initialState, readOnly = false }) {
+	const local = useRunsViewState(initialState);
+	const state = controlledState ?? local.state;
+	const onChange = controlledOnChange ?? local.onChange;
 	const { app, runType, time, q: query, deep, sort, run: selectedRunId, event, replayOf, status } = state;
 	const openRun = (id) => onChange({ run: id }, { push: true });
 	const onSort = (key) => onChange({ sort: toggleRunSort(sort, key) });
@@ -3904,7 +3933,7 @@ function WorkflowsView({ onOpenRun, renderRunAction }) {
 			children: /* @__PURE__ */ jsx(WorkflowDetail, {
 				workflow: selected,
 				onClose: () => setSelectedKey(null),
-				onOpenRun,
+				onOpenRun: onOpenRun ?? (() => {}),
 				renderRunAction
 			}, selectedKey ?? "")
 		})] })]
@@ -6402,6 +6431,6 @@ function watchSystemTheme(getPref) {
 	return () => mq.removeEventListener("change", onChange);
 }
 //#endregion
-export { ACTION_LABELS, ALL_FILTER, AnimatedDurablexMark, AppFilter, AppShell, AppStatusBadge, AppTag, AppsView, BulkReplayButton, Button, CursorPager, DEFAULT_RUN_SORT, DEFAULT_TIME_RANGE, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DurablexLogo, EventsList, EventsView, FLOW_ADAPTERS, Facts, FilterDropdown, FilterDropdownButton, FilterDropdownItem, FlowControlBadge, FlowControlSection, FlowSummary, GlyphBadge, Input, JSON_TOKEN_COLOR, JsonBlock, JsonEditor, LogList, MARK_BARS, Meta, OverviewView, RESUME_TRIANGLE, RUN_SORT_KEYS, RUN_TYPE_FILTERS, ReplayRunDialog, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResumeMark, RetryFromStepButton, RunCancelButton, RunCharts, RunControlHistory, RunInspector, RunInspectorActions, RunPauseButton, RunnerLiveBadge, RunsFilterBar, RunsTable, RunsTableHead, RunsTableLoader, RunsTablePlaceholder, RunsTableRow, RunsView, SORT_DIRS, STATUS_LABELS, ScheduledBadge, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, Skeleton, StatTileGrid, StatsTiles, StatusBadge, TABLE_HEAD_CLASS, THEME_PREFS, TIME_OPTIONS, TIME_ZONES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStatusRows, TimeRangeFilter, TimeZoneFilter, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TriggerEventDialog, TriggerEventResult, WebhooksView, WorkflowDetail, WorkflowRunAction, WorkflowRunDialog, WorkflowsView, actorLabel, appHue, applyThemePref, bucketTickLabel, buttonVariants, cn, currentStepNumber, describeControlDetail, expectedStepTotals, flowControlRows, formatDuration, formatError, formatNextFire, formatRelative, formatTime, getThemePref, hasFlowControl, highlightedJsonSpans, localTimeZone, parseJson, parseWindowMs, seriesBucketSeconds, setThemePref, stepCellLabel, stepProgress, timeLabel, toggleRunSort, tokenizeJson, useClickOutside, useConfirmAction, useCopyToClipboard, useIsMobile, useKeysetPager, watchSystemTheme, windowSince, workflowRunPlan };
+export { ACTION_LABELS, ALL_FILTER, AnimatedDurablexMark, AppFilter, AppShell, AppStatusBadge, AppTag, AppsView, BulkReplayButton, Button, CursorPager, DEFAULT_RUNS_VIEW_STATE, DEFAULT_RUN_SORT, DEFAULT_TIME_RANGE, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DurablexLogo, EventsList, EventsView, FLOW_ADAPTERS, Facts, FilterDropdown, FilterDropdownButton, FilterDropdownItem, FlowControlBadge, FlowControlSection, FlowSummary, GlyphBadge, Input, JSON_TOKEN_COLOR, JsonBlock, JsonEditor, LogList, MARK_BARS, Meta, OverviewView, RESUME_TRIANGLE, RUN_SORT_KEYS, RUN_TYPE_FILTERS, ReplayRunDialog, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResumeMark, RetryFromStepButton, RunCancelButton, RunCharts, RunControlHistory, RunInspector, RunInspectorActions, RunPauseButton, RunnerLiveBadge, RunsFilterBar, RunsTable, RunsTableHead, RunsTableLoader, RunsTablePlaceholder, RunsTableRow, RunsView, SORT_DIRS, STATUS_LABELS, ScheduledBadge, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, Skeleton, StatTileGrid, StatsTiles, StatusBadge, TABLE_HEAD_CLASS, THEME_PREFS, TIME_OPTIONS, TIME_ZONES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStatusRows, TimeRangeFilter, TimeZoneFilter, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, TriggerEventDialog, TriggerEventResult, WebhooksView, WorkflowDetail, WorkflowRunAction, WorkflowRunDialog, WorkflowsView, actorLabel, appHue, applyThemePref, bucketTickLabel, buttonVariants, cn, currentStepNumber, describeControlDetail, expectedStepTotals, flowControlRows, formatDuration, formatError, formatNextFire, formatRelative, formatTime, getThemePref, hasFlowControl, highlightedJsonSpans, localTimeZone, parseJson, parseWindowMs, seriesBucketSeconds, setThemePref, stepCellLabel, stepProgress, timeLabel, toggleRunSort, tokenizeJson, useClickOutside, useConfirmAction, useCopyToClipboard, useIsMobile, useKeysetPager, useRunsViewState, watchSystemTheme, windowSince, workflowRunPlan };
 
 //# sourceMappingURL=index.js.map