@cratis/stage.runtime 4.184.0 → 4.186.0

package/dist/src/StageCommandForm.d.ts

@@ -1,18 +1,27 @@
-import type { ExternalComponent } from '@cratis/scene.model';
-export interface SchemaProperty {
-    name: string;
-    type?: 'text' | 'number' | 'boolean' | 'date';
-    required: boolean;
-    unsupportedReason?: string;
-}
+import type { ExternalComponent, FormField } from '@cratis/scene.model';
+import { schemaPropertiesOf } from './stageFormSchema';
+import type { SchemaProperty } from './stageFormSchema';
+export { schemaPropertiesOf };
+export type { SchemaProperty };
+/**
+ * What a command form that sits in a dialog calls once its command succeeded, so the dialog it was opened in closes and the screen behind it
+ * - the next step of a wizard - is reachable again. A form outside a dialog has nothing to close.
+ */
+export declare const StageDialogContext: import("react").Context<(() => void) | undefined>;
 interface StageCommandFormProps {
     element: ExternalComponent;
 }
+interface StageCommandContent {
+    [key: string]: unknown;
+}
 /** Renders an authored screen form through Cratis Arc's native CommandForm boundary. */
 export declare function StageCommandForm({ element }: StageCommandFormProps): import("react").JSX.Element;
 /**
- * The properties a command's JSON schema declares, with the type the native form gives each and whether it is required. A toolbar
- * slice's task dialog is built from the same reading, so a command is the same fields wherever it is presented.
+ * The identity a session acts as - the shopper's basket - for the identifier properties a form does not show.
+ *
+ * A command like AddToBasket is about the shopper's own basket, which the shopper never types: the form lists the product and the quantity.
+ * A required uuid property that the form does not list is that kind of identity - the screen's own parameter when it carries one, otherwise one value per
+ * identifier concept for as long as this browser keeps the session - the same basket for every add, change and checkout, a different one for
+ * another browser - and a command is never submitted for an identity nobody chose.
  */
-export declare function schemaPropertiesOf(schema: string): SchemaProperty[];
-export {};
+export declare function sessionIdentifiers(fields: FormField[], schema: SchemaProperty[], parameters: Record<string, string>): StageCommandContent;

package/dist/src/StageValueFields.d.ts

@@ -0,0 +1,14 @@
+import { type WrappedFieldProps } from '@cratis/arc.react/commands';
+import { type SchemaProperty } from './stageFormSchema';
+interface ValueFieldProps extends WrappedFieldProps<unknown> {
+    /** What the command's schema says about the member the field is bound to. */
+    descriptor: SchemaProperty;
+    title?: string;
+}
+/**
+ * A command member that is a record or a collection, presented as the fields it holds: a record is a group of its members, a
+ * collection a list of its elements the shopper adds to and removes from. One Arc form field binds the whole value, so the command
+ * is submitted with the record and the list exactly as the schema declares them.
+ */
+export declare const StageValueField: (<TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<ValueFieldProps, TCommand>) => React.ReactElement) & import("@cratis/arc.react/commands").CommandFormMarked;
+export {};

package/dist/src/app.css

@@ -1,2 +1,2 @@
-body{min-width:20rem;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.stage-message{text-align:center;place-content:center;min-height:100vh;padding:2rem;display:grid}.stage-activity{background:var(--layout-highlight,#eef2ff);border-radius:var(--layout-radius,.5rem);color:var(--layout-highlight-text,#3730a3);margin-top:1rem;padding:.75rem}.stage-locale{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);color:var(--layout-text,inherit);padding:.35rem .5rem}.stage-table{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);padding:.5rem}.stage-table table{border-collapse:collapse;width:100%}.stage-table th,.stage-table td{border-bottom:1px solid var(--layout-border,#e2e5e9);text-align:left;padding:.5rem .75rem}.stage-table th{color:var(--layout-text-muted,#6b7280);text-transform:uppercase;font-size:.85rem;font-weight:600}.stage-empty{color:var(--layout-text-muted,#6b7280);font-style:italic}.stage-note{color:var(--layout-text-muted,#6b7280);margin:0 0 .5rem}.stage-note--error{color:#dc2626}.stage-action{justify-items:start;gap:.75rem;display:grid}.stage-command-form__layout{gap:var(--layout-gap,1rem);width:100%;min-width:0;display:grid}.stage-command-form__field{min-width:0;display:block}.stage-form{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);gap:.6rem;min-width:20rem;padding:1rem;display:grid}.stage-form label{gap:.25rem;display:grid}.stage-form span{color:var(--layout-text-muted,#6b7280);font-size:.85rem}.stage-form input{background:var(--layout-background,#fff);border:1px solid var(--layout-border,#e2e5e9);color:inherit;border-radius:.3rem;padding:.45rem .6rem}pre{background:var(--layout-background,#f4f5f7);border-radius:.4rem;padding:1rem;overflow:auto}[role=table] header{gap:1rem;font-weight:600;display:flex}.stage-dialog-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage-dialog{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);color:var(--layout-text,inherit);gap:.75rem;min-width:min(90vw,24rem);max-width:min(90vw,48rem);max-height:90vh;padding:1rem;display:grid;overflow:auto;box-shadow:0 1rem 3rem #0000004d}.stage-dialog>button{justify-self:end}
+body{min-width:20rem;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.stage-message{text-align:center;place-content:center;min-height:100vh;padding:2rem;display:grid}.stage-activity{background:var(--layout-highlight,#eef2ff);border-radius:var(--layout-radius,.5rem);color:var(--layout-highlight-text,#3730a3);margin-top:1rem;padding:.75rem}.stage-locale{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);color:var(--layout-text,inherit);padding:.35rem .5rem}.stage-table{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);padding:.5rem}.stage-table table{border-collapse:collapse;width:100%}.stage-table th,.stage-table td{border-bottom:1px solid var(--layout-border,#e2e5e9);text-align:left;padding:.5rem .75rem}.stage-table th{color:var(--layout-text-muted,#6b7280);text-transform:uppercase;font-size:.85rem;font-weight:600}.stage-empty{color:var(--layout-text-muted,#6b7280);font-style:italic}.stage-note{color:var(--layout-text-muted,#6b7280);margin:0 0 .5rem}.stage-note--error{color:#dc2626}.stage-action{justify-items:start;gap:.75rem;display:grid}.stage-command-form__layout{gap:var(--layout-gap,1rem);width:100%;min-width:0;display:grid}.stage-command-form__field{min-width:0;display:block}.stage-record-field,.stage-list-field{border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);gap:.6rem;min-width:0;margin:0;padding:.75rem;display:grid}.stage-record-field legend,.stage-list-field legend{padding:0 .35rem;font-weight:600}.stage-record-field[data-invalid=true],.stage-list-field[data-invalid=true]{border-color:#dc2626}.stage-list-field__row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;display:grid}.stage-value-field{gap:.25rem;display:grid}.stage-value-field--check{align-items:center;gap:.5rem;display:flex}.stage-value-field>span{color:var(--layout-text-muted,#6b7280);font-size:.85rem}.stage-value-field input:not([type=checkbox]),.stage-value-field select{background:var(--layout-background,#fff);border:1px solid var(--layout-border,#e2e5e9);color:inherit;font:inherit;border-radius:.3rem;padding:.45rem .6rem}.stage-form{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);gap:.6rem;min-width:20rem;padding:1rem;display:grid}.stage-form label{gap:.25rem;display:grid}.stage-form span{color:var(--layout-text-muted,#6b7280);font-size:.85rem}.stage-form input{background:var(--layout-background,#fff);border:1px solid var(--layout-border,#e2e5e9);color:inherit;border-radius:.3rem;padding:.45rem .6rem}pre{background:var(--layout-background,#f4f5f7);border-radius:.4rem;padding:1rem;overflow:auto}[role=table] header{gap:1rem;font-weight:600;display:flex}.stage-dialog-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage-dialog{background:var(--layout-card,#fff);border:1px solid var(--layout-border,#e2e5e9);border-radius:var(--layout-radius,.5rem);color:var(--layout-text,inherit);gap:.75rem;min-width:min(90vw,24rem);max-width:min(90vw,48rem);max-height:90vh;padding:1rem;display:grid;overflow:auto;box-shadow:0 1rem 3rem #0000004d}.stage-dialog>button{justify-self:end}
 /*$vite$:1*/