@dyrected/admin 2.6.0 → 2.6.1

package/dist/admin.css

@@ -1631,6 +1631,10 @@
     height: 92dvh;
 }
 
+.dy-h-\[calc\(100vh-132px\)\]{
+    height: calc(100vh - 132px);
+}
+
 .dy-h-\[calc\(100vh-200px\)\]{
     height: calc(100vh - 200px);
 }
@@ -1755,6 +1759,10 @@
     min-height: 3rem;
 }
 
+.dy-min-h-28{
+    min-height: 7rem;
+}
+
 .dy-min-h-56{
     min-height: 14rem;
 }
@@ -1955,6 +1963,10 @@
     width: 56px;
 }
 
+.dy-w-\[96vw\]{
+    width: 96vw;
+}
+
 .dy-w-\[calc\(100vw-1rem\)\]{
     width: calc(100vw - 1rem);
 }
@@ -2316,10 +2328,6 @@
             user-select: all;
 }
 
-.dy-resize-none{
-    resize: none;
-}
-
 .dy-resize-y{
     resize: vertical;
 }
@@ -2581,6 +2589,10 @@
     white-space: nowrap;
 }
 
+.dy-whitespace-pre-wrap{
+    white-space: pre-wrap;
+}
+
 .dy-break-words{
     overflow-wrap: break-word;
 }
@@ -2617,6 +2629,10 @@
     border-radius: calc(var(--radius) - 2px);
 }
 
+.dy-rounded-none{
+    border-radius: 0px;
+}
+
 .dy-rounded-sm{
     border-radius: calc(var(--radius) - 4px);
 }
@@ -2830,10 +2846,20 @@
     border-color: rgb(239 68 68 / 0.2);
 }
 
+.dy-border-rose-200{
+    --tw-border-opacity: 1;
+    border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
+}
+
 .dy-border-sidebar-border{
     border-color: hsl(var(--sidebar-border));
 }
 
+.dy-border-sky-200{
+    --tw-border-opacity: 1;
+    border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
+}
+
 .dy-border-transparent{
     border-color: transparent;
 }
@@ -3076,6 +3102,10 @@
     background-color: hsl(var(--muted) / 0.3);
 }
 
+.dy-bg-muted\/35{
+    background-color: hsl(var(--muted) / 0.35);
+}
+
 .dy-bg-muted\/40{
     background-color: hsl(var(--muted) / 0.4);
 }
@@ -3135,6 +3165,11 @@
     background-color: rgb(239 68 68 / 0.1);
 }
 
+.dy-bg-rose-50{
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
+}
+
 .dy-bg-secondary{
     background-color: hsl(var(--secondary));
 }
@@ -3147,6 +3182,11 @@
     background-color: hsl(var(--sidebar-border));
 }
 
+.dy-bg-sky-50{
+    --tw-bg-opacity: 1;
+    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
+}
+
 .dy-bg-transparent{
     background-color: transparent;
 }
@@ -3367,6 +3407,11 @@
     padding-bottom: 1rem;
 }
 
+.dy-py-5{
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+}
+
 .dy-py-6{
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
@@ -3645,6 +3690,10 @@
     letter-spacing: 0.12em;
 }
 
+.dy-tracking-\[0\.18em\]{
+    letter-spacing: 0.18em;
+}
+
 .dy-tracking-tight{
     letter-spacing: -0.025em;
 }
@@ -3877,6 +3926,11 @@
     color: rgb(127 29 29 / var(--tw-text-opacity, 1));
 }
 
+.dy-text-rose-700{
+    --tw-text-opacity: 1;
+    color: rgb(190 18 60 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-secondary-foreground{
     color: hsl(var(--secondary-foreground));
 }
@@ -3889,6 +3943,11 @@
     color: hsl(var(--sidebar-foreground) / 0.7);
 }
 
+.dy-text-sky-700{
+    --tw-text-opacity: 1;
+    color: rgb(3 105 161 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-white{
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -4076,6 +4135,11 @@
     --tw-ring-offset-color: hsl(var(--background));
 }
 
+.dy-backdrop-blur{
+    --tw-backdrop-blur: blur(8px);
+    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .dy-backdrop-blur-\[1px\]{
     --tw-backdrop-blur: blur(1px);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -4950,6 +5014,10 @@
     color: hsl(var(--primary-foreground));
 }
 
+.hover\:dy-text-primary\/80:hover{
+    color: hsl(var(--primary) / 0.8);
+}
+
 .hover\:dy-text-sidebar-accent-foreground:hover{
     color: hsl(var(--sidebar-accent-foreground));
 }
@@ -4962,6 +5030,10 @@
     opacity: 1;
 }
 
+.hover\:dy-opacity-85:hover{
+    opacity: 0.85;
+}
+
 .hover\:dy-shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{
     --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
     --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
@@ -6287,6 +6359,10 @@
         display: block;
     }
 
+    .lg\:dy-inline{
+        display: inline;
+    }
+
     .lg\:dy-flex{
         display: flex;
     }
@@ -6311,6 +6387,10 @@
         width: 33.333333%;
     }
 
+    .lg\:dy-w-auto{
+        width: auto;
+    }
+
     .lg\:dy-max-w-6xl{
         max-width: 72rem;
     }
@@ -6319,6 +6399,10 @@
         flex: 1 1 0%;
     }
 
+    .lg\:dy-grid-cols-2{
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .lg\:dy-grid-cols-4{
         grid-template-columns: repeat(4, minmax(0, 1fr));
     }
@@ -6339,10 +6423,18 @@
         align-items: flex-end;
     }
 
+    .lg\:dy-justify-start{
+        justify-content: flex-start;
+    }
+
     .lg\:dy-justify-between{
         justify-content: space-between;
     }
 
+    .lg\:dy-gap-2{
+        gap: 0.5rem;
+    }
+
     .lg\:dy-gap-4{
         gap: 1rem;
     }
@@ -6365,6 +6457,11 @@
         border-right-width: 0px;
     }
 
+    .lg\:dy-px-3{
+        padding-left: 0.75rem;
+        padding-right: 0.75rem;
+    }
+
     .lg\:dy-px-4{
         padding-left: 1rem;
         padding-right: 1rem;

package/dist/components/forms/form-engine.d.ts

@@ -1,11 +1,12 @@
 import { default as React } from 'react';
 import { Field as FieldSchema, Block as BlockSchema } from '@dyrected/sdk';
+import { WorkflowAutosaveState } from '../../lib/workflow-autosave';
 export type { FieldSchema, BlockSchema };
 interface FormEngineProps {
     collection: string;
     fields: FieldSchema[];
     defaultValues?: Record<string, unknown>;
-    onSubmit: (data: Record<string, unknown>) => void;
+    onSubmit: (data: Record<string, unknown>) => Promise<unknown> | unknown;
     onChange?: (isDirty: boolean) => void;
     isLoading?: boolean;
     submitLabel?: string;
@@ -30,5 +31,15 @@ interface FormEngineProps {
      * (e.g. "Page"). Falls back to a capitalised collection slug.
      */
     defaultTabLabel?: string;
+    autosave?: {
+        enabled: boolean;
+        delayMs?: number;
+        onSave: (data: Record<string, unknown>) => Promise<void>;
+        onStatusChange?: (state: WorkflowAutosaveState) => void;
+    };
 }
-export declare function FormEngine(props: FormEngineProps): React.JSX.Element;
+export interface FormEngineHandle {
+    submitCurrentDraft: () => Promise<unknown>;
+    isDirty: () => boolean;
+}
+export declare const FormEngine: React.ForwardRefExoticComponent<FormEngineProps & React.RefAttributes<FormEngineHandle>>;

package/dist/components/workflow/WorkflowPanel.d.ts

@@ -1,4 +1,5 @@
 import { WorkflowMetadata } from '@dyrected/core';
+import { PrepareWorkflowTransition } from './workflow-transition-controls';
 interface WorkflowState {
     name: string;
     label: string;
@@ -26,6 +27,12 @@ interface WorkflowPanelProps {
         availableTransitions?: string[];
     };
     workflowConfig: WorkflowConfig;
+    onCompareToLive?: () => void;
+    compareToLiveEnabled?: boolean;
+    compareToLiveReason?: string | null;
+    onSaveDraft?: () => Promise<void> | void;
+    saveDraftPending?: boolean;
+    prepareTransition?: PrepareWorkflowTransition;
 }
-export declare function WorkflowPanel({ collection, documentId, workflowMeta, workflowConfig, }: WorkflowPanelProps): import("react").JSX.Element;
+export declare function WorkflowPanel({ collection, documentId, workflowMeta, workflowConfig, onCompareToLive, compareToLiveEnabled, compareToLiveReason, onSaveDraft, saveDraftPending, prepareTransition, }: WorkflowPanelProps): import("react").JSX.Element;
 export {};

package/dist/components/workflow/draft-live-compare-sheet.d.ts

@@ -0,0 +1,6 @@
+import { DraftLiveComparison } from '../../lib/draft-live-compare';
+export declare function DraftLiveCompareSheet({ open, onOpenChange, comparison, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    comparison: DraftLiveComparison;
+}): import("react").JSX.Element;

package/dist/components/workflow/workflow-transition-controls.d.ts

@@ -0,0 +1,60 @@
+import { WorkflowConfig, WorkflowMetadata, WorkflowTransition } from '@dyrected/core';
+import { TransitionOptions } from '@dyrected/sdk';
+import * as React from "react";
+export interface WorkflowCapableClient {
+    transition<T = unknown>(collection: string, id: string, transitionName: string, opts?: TransitionOptions): Promise<T>;
+}
+export type PreparedWorkflowTransitionContext = {
+    documentIds: string[];
+    documentLabels?: Record<string, string | undefined>;
+    expectedRevisions?: Record<string, number | undefined>;
+    invalidateQueryKeys?: Array<readonly unknown[]>;
+};
+export type PrepareWorkflowTransition = (transition: WorkflowTransition) => Promise<PreparedWorkflowTransitionContext | null>;
+type TransitionExecutionResult = {
+    transition: WorkflowTransition;
+    successCount: number;
+    failureCount: number;
+    firstError?: Error;
+};
+export declare function WorkflowTransitionSplitButton({ collection, documentId, workflowConfig, workflowMeta, invalidateQueryKeys, onComplete, onPendingChange, onSaveDraft, saveDraftPending, documentLabel, className, prepareTransition, }: {
+    collection: string;
+    documentId: string;
+    workflowConfig: WorkflowConfig;
+    workflowMeta: WorkflowMetadata;
+    invalidateQueryKeys?: Array<readonly unknown[]>;
+    onComplete?: (result: TransitionExecutionResult) => void;
+    onPendingChange?: (pending: boolean) => void;
+    onSaveDraft?: () => Promise<void> | void;
+    saveDraftPending?: boolean;
+    documentLabel?: string;
+    className?: string;
+    prepareTransition?: PrepareWorkflowTransition;
+}): React.JSX.Element;
+export declare function WorkflowTransitionMenu({ collection, documentIds, workflowConfig, transitions, expectedRevisions, invalidateQueryKeys, onComplete, trigger, documentLabels, align, sideOffset, disabled, }: {
+    collection: string;
+    documentIds: string[];
+    workflowConfig: WorkflowConfig;
+    transitions: WorkflowTransition[];
+    expectedRevisions?: Record<string, number | undefined>;
+    invalidateQueryKeys?: Array<readonly unknown[]>;
+    onComplete?: (result: TransitionExecutionResult) => void;
+    trigger: React.ReactNode;
+    documentLabels?: Record<string, string | undefined>;
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    disabled?: boolean;
+}): React.JSX.Element;
+export declare function WorkflowTransitionPanelActions({ collection, documentId, workflowConfig, workflowMeta, onSaveDraft, saveDraftPending, prepareTransition, }: {
+    collection: string;
+    documentId: string;
+    workflowConfig: WorkflowConfig;
+    workflowMeta: WorkflowMetadata;
+    onSaveDraft?: () => Promise<void> | void;
+    saveDraftPending?: boolean;
+    prepareTransition?: PrepareWorkflowTransition;
+}): React.JSX.Element;
+export declare function WorkflowDetailsMenuItem({ onSelect, }: {
+    onSelect: () => void;
+}): React.JSX.Element;
+export {};