@cratis/scene.components 4.8.0 → 4.10.0

package/dist/cjs/forms/ExplicitCommandField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExplicitCommandField.js","sources":["../../../forms/ExplicitCommandField.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 { useId, useLayoutEffect, useRef, useState } from 'react';\nimport { asCommandFormField, useCommandFormContext } from '@cratis/arc.react/commands';\nimport { Guid } from '@cratis/fundamentals';\nimport type { CommandInput } from './commandInputs';\n\ninterface TextProps {\n    value: unknown;\n    onChange: (value: unknown) => void;\n    onBlur?: () => void;\n    invalid: boolean;\n    required: boolean;\n    errors: string[];\n    label: string;\n    property: string;\n    guid: boolean;\n}\n\nfunction TextControl({ value, onChange, onBlur, invalid, required, errors, label, property, guid }: TextProps) {\n    const id = useId();\n    const context = useCommandFormContext();\n    const { setCustomFieldError } = context;\n    // Keep the latest native getter: the context snapshot can be stale when another field sets an\n    // error and this field unmounts in the same event.\n    const contextRef = useRef(context);\n    contextRef.current = context;\n    // The draft is intentionally independent of the typed proxy value: malformed text must never\n    // reappear as a stale previously valid Guid in the command's serialized payload.\n    const [draft, setDraft] = useState(() => value instanceof Guid && !value.equals(Guid.empty) ? value.toString() : '');\n    const draftRef = useRef(draft);\n    const ownedError = useRef<string | undefined>(undefined);\n    const updateError = (error: string | undefined) => {\n        const current = contextRef.current.getFieldError(property);\n        // Do not replace or erase another producer's error for this field.\n        if (ownedError.current !== undefined && current !== ownedError.current) {\n            ownedError.current = undefined;\n            return;\n        }\n        if (ownedError.current === undefined && Object.hasOwn(contextRef.current.customFieldErrors, property)) return;\n        if (error === undefined && ownedError.current === undefined) return;\n        ownedError.current = error;\n        setCustomFieldError(property, error);\n    };\n    // A label/required change must recalculate the message without disposing the field's error.\n    // Only a different field/type or an actual unmount relinquishes ownership.\n    useLayoutEffect(() => () => {\n        if (ownedError.current !== undefined && contextRef.current.getFieldError(property) === ownedError.current) {\n            contextRef.current.setCustomFieldError(property, undefined);\n        }\n        ownedError.current = undefined;\n    }, [property, guid]);\n    useLayoutEffect(() => {\n        if (guid) {\n            const current = draftRef.current || (value instanceof Guid && !value.equals(Guid.empty) ? value.toString() : '');\n            updateError(!current ? required ? `${label} is required` : undefined :\n                !Guid.isGuid(current) ? `${label} must be a valid GUID` : undefined);\n        }\n    }, [guid, required, property, label, setCustomFieldError]);\n    const text = guid ? draft : typeof value === 'string' ? value : '';\n    return <div>\n        <label htmlFor={id}>{label}</label>\n        <input id={id} name={property} type='text' required={required} value={text}\n            aria-invalid={invalid} aria-describedby={errors.length ? `${id}-error` : undefined}\n            onBlur={onBlur} onChange={event => {\n                const next = event.currentTarget.value;\n                if (!guid) { onChange(next); return; }\n                draftRef.current = next;\n                setDraft(next);\n                const error = !next ? required ? `${label} is required` : undefined : !Guid.isGuid(next) ? `${label} must be a valid GUID` : undefined;\n                // A malformed draft clears the previously typed value, not just its display.\n                onChange(error || !next ? undefined : Guid.parse(next));\n                updateError(error);\n            }} />\n        {errors.length > 0 && <div id={`${id}-error`} role='alert'>{errors[0]}</div>}\n    </div>;\n}\n\nconst NativeTextField = asCommandFormField<TextProps>(TextControl, { defaultValue: '' });\n\n/** Opaque child is self-bound by Arc's native runtime binding, with an exact fieldName. */\nexport function ExplicitCommandField({ input }: { input: CommandInput }) {\n    return <NativeTextField fieldName={input.property} value={(command: Record<string, unknown>) => command[input.property]}\n        property={input.property} guid={input.type === 'guid'} label={input.label} title={input.label} />;\n}\n"],"names":["TextControl","value","onChange","onBlur","invalid","required","errors","label","property","guid","id","useId","context","useCommandFormContext","setCustomFieldError","contextRef","useRef","current","draft","setDraft","useState","Guid","equals","empty","toString","draftRef","ownedError","undefined","updateError","error","getFieldError","Object","hasOwn","customFieldErrors","useLayoutEffect","isGuid","text","_jsxs","div","_jsx","htmlFor","input","name","type","aria-invalid","aria-describedby","length","event","next","currentTarget","parse","role","NativeTextField","asCommandFormField","defaultValue","ExplicitCommandField","fieldName","command","title"],"mappings":";;;;;;;AAoBA,SAASA,YAAY,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAa,EAAA;AACzG,IAAA,MAAMC,EAAAA,GAAKC,WAAAA,EAAAA;AACX,IAAA,MAAMC,OAAAA,GAAUC,8BAAAA,EAAAA;IAChB,MAAM,EAAEC,mBAAmB,EAAE,GAAGF,OAAAA;;;AAGhC,IAAA,MAAMG,aAAaC,YAAAA,CAAOJ,OAAAA,CAAAA;AAC1BG,IAAAA,UAAAA,CAAWE,OAAO,GAAGL,OAAAA;;;AAGrB,IAAA,MAAM,CAACM,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAS,IAAMnB,KAAAA,YAAiBoB,iBAAAA,IAAQ,CAACpB,KAAAA,CAAMqB,MAAM,CAACD,iBAAAA,CAAKE,KAAK,CAAA,GAAItB,KAAAA,CAAMuB,QAAQ,EAAA,GAAK,EAAA,CAAA;AACjH,IAAA,MAAMC,WAAWT,YAAAA,CAAOE,KAAAA,CAAAA;AACxB,IAAA,MAAMQ,aAAaV,YAAAA,CAA2BW,SAAAA,CAAAA;AAC9C,IAAA,MAAMC,cAAc,CAACC,KAAAA,GAAAA;AACjB,QAAA,MAAMZ,OAAAA,GAAUF,UAAAA,CAAWE,OAAO,CAACa,aAAa,CAACtB,QAAAA,CAAAA;;AAEjD,QAAA,IAAIkB,WAAWT,OAAO,KAAKU,aAAaV,OAAAA,KAAYS,UAAAA,CAAWT,OAAO,EAAE;AACpES,YAAAA,UAAAA,CAAWT,OAAO,GAAGU,SAAAA;AACrB,YAAA;AACJ,QAAA;AACA,QAAA,IAAID,UAAAA,CAAWT,OAAO,KAAKU,SAAAA,IAAaI,MAAAA,CAAOC,MAAM,CAACjB,UAAAA,CAAWE,OAAO,CAACgB,iBAAiB,EAAEzB,QAAAA,CAAAA,EAAW;AACvG,QAAA,IAAIqB,KAAAA,KAAUF,SAAAA,IAAaD,UAAAA,CAAWT,OAAO,KAAKU,SAAAA,EAAW;AAC7DD,QAAAA,UAAAA,CAAWT,OAAO,GAAGY,KAAAA;AACrBf,QAAAA,mBAAAA,CAAoBN,QAAAA,EAAUqB,KAAAA,CAAAA;AAClC,IAAA,CAAA;;;AAGAK,IAAAA,qBAAAA,CAAgB,IAAM,IAAA;AAClB,YAAA,IAAIR,UAAAA,CAAWT,OAAO,KAAKU,SAAAA,IAAaZ,UAAAA,CAAWE,OAAO,CAACa,aAAa,CAACtB,QAAAA,CAAAA,KAAckB,UAAAA,CAAWT,OAAO,EAAE;AACvGF,gBAAAA,UAAAA,CAAWE,OAAO,CAACH,mBAAmB,CAACN,QAAAA,EAAUmB,SAAAA,CAAAA;AACrD,YAAA;AACAD,YAAAA,UAAAA,CAAWT,OAAO,GAAGU,SAAAA;QACzB,CAAA,EAAG;AAACnB,QAAAA,QAAAA;AAAUC,QAAAA;AAAK,KAAA,CAAA;IACnByB,qBAAAA,CAAgB,IAAA;AACZ,QAAA,IAAIzB,IAAAA,EAAM;AACN,YAAA,MAAMQ,UAAUQ,QAAAA,CAASR,OAAO,KAAKhB,iBAAiBoB,iBAAAA,IAAQ,CAACpB,KAAAA,CAAMqB,MAAM,CAACD,iBAAAA,CAAKE,KAAK,IAAItB,KAAAA,CAAMuB,QAAQ,KAAK,EAAC,CAAA;AAC9GI,YAAAA,WAAAA,CAAY,CAACX,OAAAA,GAAUZ,QAAAA,GAAW,GAAGE,KAAAA,CAAM,YAAY,CAAC,GAAGoB,SAAAA,GACvD,CAACN,iBAAAA,CAAKc,MAAM,CAAClB,OAAAA,CAAAA,GAAW,GAAGV,KAAAA,CAAM,qBAAqB,CAAC,GAAGoB,SAAAA,CAAAA;AAClE,QAAA;IACJ,CAAA,EAAG;AAAClB,QAAAA,IAAAA;AAAMJ,QAAAA,QAAAA;AAAUG,QAAAA,QAAAA;AAAUD,QAAAA,KAAAA;AAAOO,QAAAA;AAAoB,KAAA,CAAA;AACzD,IAAA,MAAMsB,OAAO3B,IAAAA,GAAOS,KAAAA,GAAQ,OAAOjB,KAAAA,KAAU,WAAWA,KAAAA,GAAQ,EAAA;AAChE,IAAA,qBAAOoC,eAAA,CAACC,KAAAA,EAAAA;;0BACJC,cAAA,CAAChC,OAAAA,EAAAA;gBAAMiC,OAAAA,EAAS9B,EAAAA;AAAKH,gBAAAA,QAAAA,EAAAA;;0BACrBgC,cAAA,CAACE,OAAAA,EAAAA;gBAAM/B,EAAAA,EAAIA,EAAAA;gBAAIgC,IAAAA,EAAMlC,QAAAA;gBAAUmC,IAAAA,EAAK,MAAA;gBAAOtC,QAAAA,EAAUA,QAAAA;gBAAUJ,KAAAA,EAAOmC,IAAAA;gBAClEQ,cAAAA,EAAcxC,OAAAA;AAASyC,gBAAAA,kBAAAA,EAAkBvC,OAAOwC,MAAM,GAAG,GAAGpC,EAAAA,CAAG,MAAM,CAAC,GAAGiB,SAAAA;gBACzExB,MAAAA,EAAQA,MAAAA;AAAQD,gBAAAA,QAAAA,EAAU6C,CAAAA,KAAAA,GAAAA;AACtB,oBAAA,MAAMC,IAAAA,GAAOD,KAAAA,CAAME,aAAa,CAAChD,KAAK;AACtC,oBAAA,IAAI,CAACQ,IAAAA,EAAM;wBAAEP,QAAAA,CAAS8C,IAAAA,CAAAA;AAAO,wBAAA;AAAQ,oBAAA;AACrCvB,oBAAAA,QAAAA,CAASR,OAAO,GAAG+B,IAAAA;oBACnB7B,QAAAA,CAAS6B,IAAAA,CAAAA;AACT,oBAAA,MAAMnB,QAAQ,CAACmB,IAAAA,GAAO3C,WAAW,CAAA,EAAGE,KAAAA,CAAM,YAAY,CAAC,GAAGoB,YAAY,CAACN,iBAAAA,CAAKc,MAAM,CAACa,IAAAA,CAAAA,GAAQ,GAAGzC,KAAAA,CAAM,qBAAqB,CAAC,GAAGoB,SAAAA;;AAE7HzB,oBAAAA,QAAAA,CAAS2B,SAAS,CAACmB,IAAAA,GAAOrB,SAAAA,GAAYN,iBAAAA,CAAK6B,KAAK,CAACF,IAAAA,CAAAA,CAAAA;oBACjDpB,WAAAA,CAAYC,KAAAA,CAAAA;AAChB,gBAAA;;YACHvB,MAAAA,CAAOwC,MAAM,GAAG,CAAA,kBAAKP,cAAA,CAACD,KAAAA,EAAAA;gBAAI5B,EAAAA,EAAI,CAAA,EAAGA,EAAAA,CAAG,MAAM,CAAC;gBAAEyC,IAAAA,EAAK,OAAA;AAAS7C,gBAAAA,QAAAA,EAAAA,MAAM,CAAC,CAAA;;;;AAE3E;AAEA,MAAM8C,eAAAA,GAAkBC,4BAA8BrD,WAAAA,EAAa;IAAEsD,YAAAA,EAAc;AAAG,CAAA,CAAA;AAEtF,4FACO,SAASC,oBAAAA,CAAqB,EAAEd,KAAK,EAA2B,EAAA;AACnE,IAAA,qBAAOF,cAAA,CAACa,eAAAA,EAAAA;AAAgBI,QAAAA,SAAAA,EAAWf,MAAMjC,QAAQ;AAAEP,QAAAA,KAAAA,EAAO,CAACwD,OAAAA,GAAqCA,OAAO,CAAChB,KAAAA,CAAMjC,QAAQ,CAAC;AACnHA,QAAAA,QAAAA,EAAUiC,MAAMjC,QAAQ;QAAEC,IAAAA,EAAMgC,KAAAA,CAAME,IAAI,KAAK,MAAA;AAAQpC,QAAAA,KAAAA,EAAOkC,MAAMlC,KAAK;AAAEmD,QAAAA,KAAAA,EAAOjB,MAAMlC;;AAChG;;"}
+{"version":3,"file":"ExplicitCommandField.js","sources":["../../../forms/ExplicitCommandField.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 { useId, useLayoutEffect, useRef, useState } from 'react';\nimport { asCommandFormField, useCommandFormContext } from '@cratis/arc.react/commands';\nimport { Guid } from '@cratis/fundamentals';\nimport type { CommandInput } from './commandInputs';\n\ninterface TextProps {\n    value: unknown;\n    onChange: (value: unknown) => void;\n    onBlur?: () => void;\n    invalid: boolean;\n    required: boolean;\n    errors: string[];\n    label: string;\n    property: string;\n    guid: boolean;\n}\n\nfunction TextControl({ value, onChange, onBlur, invalid, required, errors, label, property, guid }: TextProps) {\n    const id = useId();\n    const context = useCommandFormContext();\n    const { setCustomFieldError } = context;\n    // Keep the latest native getter: the context snapshot can be stale when another field sets an\n    // error and this field unmounts in the same event.\n    const contextRef = useRef(context);\n    contextRef.current = context;\n    // The draft is intentionally independent of the typed proxy value: malformed text must never\n    // reappear as a stale previously valid Guid in the command's serialized payload.\n    const [draft, setDraft] = useState(() => value instanceof Guid && !value.equals(Guid.empty) ? value.toString() : '');\n    const draftRef = useRef(draft);\n    const ownedError = useRef<string | undefined>(undefined);\n    const updateError = (error: string | undefined) => {\n        const current = contextRef.current.getFieldError(property);\n        // Do not replace or erase another producer's error for this field.\n        if (ownedError.current !== undefined && current !== ownedError.current) {\n            ownedError.current = undefined;\n            return;\n        }\n        if (ownedError.current === undefined && Object.hasOwn(contextRef.current.customFieldErrors, property)) return;\n        if (error === undefined && ownedError.current === undefined) return;\n        ownedError.current = error;\n        setCustomFieldError(property, error);\n    };\n    // A label/required change must recalculate the message without disposing the field's error.\n    // Only a different field/type or an actual unmount relinquishes ownership.\n    useLayoutEffect(() => () => {\n        if (ownedError.current !== undefined && contextRef.current.getFieldError(property) === ownedError.current) {\n            contextRef.current.setCustomFieldError(property, undefined);\n        }\n        ownedError.current = undefined;\n    }, [property, guid]);\n    useLayoutEffect(() => {\n        if (guid) {\n            const current = draftRef.current || (value instanceof Guid && !value.equals(Guid.empty) ? value.toString() : '');\n            updateError(!current ? required ? `${label} is required` : undefined :\n                !Guid.isGuid(current) ? `${label} must be a valid GUID` : undefined);\n        }\n    }, [guid, required, property, label, setCustomFieldError]);\n    const text = guid ? draft : typeof value === 'string' ? value : '';\n    return <div>\n        <label htmlFor={id}>{label}</label>\n        <input id={id} name={property} type='text' required={required} value={text}\n            aria-invalid={invalid} aria-describedby={errors.length ? `${id}-error` : undefined}\n            onBlur={onBlur} onChange={event => {\n                const next = event.currentTarget.value;\n                if (!guid) { onChange(next); return; }\n                draftRef.current = next;\n                setDraft(next);\n                const error = !next ? required ? `${label} is required` : undefined : !Guid.isGuid(next) ? `${label} must be a valid GUID` : undefined;\n                // A malformed draft clears the previously typed value, not just its display.\n                onChange(error || !next ? undefined : Guid.parse(next));\n                updateError(error);\n            }} />\n        {errors.length > 0 && <div id={`${id}-error`} role='alert'>{errors[0]}</div>}\n    </div>;\n}\n\nconst NativeTextField = asCommandFormField<TextProps>(TextControl, { defaultValue: '' });\n\n/** Opaque child is self-bound by Arc's native runtime binding, with an exact fieldName. */\nexport function ExplicitCommandField({ input }: { input: CommandInput }) {\n    return <div style={{ gridColumn: input.column === undefined ? undefined : `${input.column}`, width: input.width }}>\n        <NativeTextField fieldName={input.property} value={(command: Record<string, unknown>) => command[input.property]}\n            property={input.property} guid={input.type === 'guid'} label={input.label} title={input.label} />\n    </div>;\n}\n"],"names":["TextControl","value","onChange","onBlur","invalid","required","errors","label","property","guid","id","useId","context","useCommandFormContext","setCustomFieldError","contextRef","useRef","current","draft","setDraft","useState","Guid","equals","empty","toString","draftRef","ownedError","undefined","updateError","error","getFieldError","Object","hasOwn","customFieldErrors","useLayoutEffect","isGuid","text","_jsxs","div","_jsx","htmlFor","input","name","type","aria-invalid","aria-describedby","length","event","next","currentTarget","parse","role","NativeTextField","asCommandFormField","defaultValue","ExplicitCommandField","style","gridColumn","column","width","fieldName","command","title"],"mappings":"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"}

package/dist/cjs/forms/SceneCommandForm.js

@@ -32,8 +32,12 @@ function commandKey(command) {
         kind: BindingKind.BindingKind.Command,
         name: name
     });
-    const inputs = Object.hasOwn(element.properties, 'inputs') ? commandInputs.commandInputs(element.properties) : undefined;
-    if (Object.hasOwn(element.properties, 'inputs') && !inputs) return /*#__PURE__*/ jsxRuntime.jsx("div", {
+    const mode = properties.unionProperty(element.properties, 'mode', [
+        'auto',
+        'manual'
+    ]) ?? (Object.hasOwn(element.properties, 'inputs') ? 'manual' : 'auto');
+    const inputs = mode === 'manual' ? commandInputs.commandInputs(element.properties) : undefined;
+    if (mode === 'manual' && !inputs) return /*#__PURE__*/ jsxRuntime.jsx("div", {
         role: "alert",
         children: "Invalid command form inputs declaration"
     });
@@ -42,7 +46,10 @@ function commandKey(command) {
             command: target,
             inputs: inputs,
             exclude: properties.stringArrayProperty(element.properties, 'exclude'),
-            submitLabel: properties.stringProperty(element.properties, 'submitLabel') ?? 'Submit'
+            submitLabel: properties.stringProperty(element.properties, 'submitLabel') ?? 'Submit',
+            ...properties.numberProperty(element.properties, 'columns') === undefined ? {} : {
+                columns: properties.numberProperty(element.properties, 'columns')
+            }
         }, commandKey(target))
     });
 }

package/dist/cjs/forms/SceneCommandForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneCommandForm.js","sources":["../../../forms/SceneCommandForm.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 { lazy } from 'react';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ArcRuntimeBoundary, BindingKind, MissingBinding, resolveElementBinding } from '../bindings';\nimport type { BoundConstructor } from '../bindings';\nimport { stringArrayProperty, stringProperty } from '../properties';\nimport { commandInputs } from './commandInputs';\n\nconst CommandFormRuntime = lazy(() => import('./CommandFormRuntime'));\n\n// Arc's useCommand constructs the proxy only on mount. Key by the actual registered class,\n// not its Scene name (which may be re-registered with a different route or roles).\nconst commandKeys = new WeakMap<BoundConstructor, number>();\nlet nextCommandKey = 0;\nfunction commandKey(command: BoundConstructor): number {\n    let key = commandKeys.get(command);\n    if (key === undefined) {\n        key = ++nextCommandKey;\n        commandKeys.set(command, key);\n    }\n    return key;\n}\n\n/**\n * Auto mode follows supported native proxy descriptors; opt-in inputs bind exactly named fields\n * inside a single native Arc form. Neither mode consumes the content slot.\n */\nexport function SceneCommandForm({ element }: RegisteredComponentProps) {\n    const { name, target } = resolveElementBinding(element, BindingKind.Command);\n    if (!target) return <MissingBinding element={element} kind={BindingKind.Command} name={name} />;\n\n    const inputs = Object.hasOwn(element.properties, 'inputs') ? commandInputs(element.properties) : undefined;\n    if (Object.hasOwn(element.properties, 'inputs') && !inputs) return <div role='alert'>Invalid command form inputs declaration</div>;\n\n    return (\n        <ArcRuntimeBoundary>\n            <CommandFormRuntime\n                key={commandKey(target)}\n                command={target}\n                inputs={inputs}\n                exclude={stringArrayProperty(element.properties, 'exclude')}\n                submitLabel={stringProperty(element.properties, 'submitLabel') ?? 'Submit'}\n            />\n        </ArcRuntimeBoundary>\n    );\n}\n"],"names":["CommandFormRuntime","lazy","commandKeys","WeakMap","nextCommandKey","commandKey","command","key","get","undefined","set","SceneCommandForm","element","name","target","resolveElementBinding","BindingKind","Command","_jsx","MissingBinding","kind","inputs","Object","hasOwn","properties","commandInputs","div","role","ArcRuntimeBoundary","exclude","stringArrayProperty","submitLabel","stringProperty"],"mappings":";;;;;;;;;;;AAUA,MAAMA,kBAAAA,iBAAqBC,UAAAA,CAAK,IAAM,oDAAO,yBAAA,KAAA,CAAA;AAE7C;AACA;AACA,MAAMC,cAAc,IAAIC,OAAAA,EAAAA;AACxB,IAAIC,cAAAA,GAAiB,CAAA;AACrB,SAASC,WAAWC,OAAyB,EAAA;IACzC,IAAIC,GAAAA,GAAML,WAAAA,CAAYM,GAAG,CAACF,OAAAA,CAAAA;AAC1B,IAAA,IAAIC,QAAQE,SAAAA,EAAW;AACnBF,QAAAA,GAAAA,GAAM,EAAEH,cAAAA;QACRF,WAAAA,CAAYQ,GAAG,CAACJ,OAAAA,EAASC,GAAAA,CAAAA;AAC7B,IAAA;IACA,OAAOA,GAAAA;AACX;AAEA;;;AAGC,IACM,SAASI,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,2CAAAA,CAAsBH,OAAAA,EAASI,uBAAAA,CAAYC,OAAO,CAAA;IAC3E,IAAI,CAACH,MAAAA,EAAQ,qBAAOI,cAAA,CAACC,6BAAAA,EAAAA;QAAeP,OAAAA,EAASA,OAAAA;AAASQ,QAAAA,IAAAA,EAAMJ,wBAAYC,OAAO;QAAEJ,IAAAA,EAAMA;;IAEvF,MAAMQ,MAAAA,GAASC,MAAAA,CAAOC,MAAM,CAACX,OAAAA,CAAQY,UAAU,EAAE,QAAA,CAAA,GAAYC,2BAAAA,CAAcb,OAAAA,CAAQY,UAAU,CAAA,GAAIf,SAAAA;IACjG,IAAIa,MAAAA,CAAOC,MAAM,CAACX,OAAAA,CAAQY,UAAU,EAAE,QAAA,CAAA,IAAa,CAACH,MAAAA,EAAQ,qBAAOH,cAAA,CAACQ,KAAAA,EAAAA;QAAIC,IAAAA,EAAK,OAAA;AAAQ,QAAA,QAAA,EAAA;;AAErF,IAAA,qBACIT,cAAA,CAACU,qCAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAV,cAAA,CAAClB,kBAAAA,EAAAA;YAEGM,OAAAA,EAASQ,MAAAA;YACTO,MAAAA,EAAQA,MAAAA;YACRQ,OAAAA,EAASC,8BAAAA,CAAoBlB,OAAAA,CAAQY,UAAU,EAAE,SAAA,CAAA;AACjDO,YAAAA,WAAAA,EAAaC,yBAAAA,CAAepB,OAAAA,CAAQY,UAAU,EAAE,aAAA,CAAA,IAAkB;WAJ7DnB,UAAAA,CAAWS,MAAAA,CAAAA;;AAQhC;;"}
+{"version":3,"file":"SceneCommandForm.js","sources":["../../../forms/SceneCommandForm.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 { lazy } from 'react';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ArcRuntimeBoundary, BindingKind, MissingBinding, resolveElementBinding } from '../bindings';\nimport type { BoundConstructor } from '../bindings';\nimport { numberProperty, stringArrayProperty, stringProperty, unionProperty } from '../properties';\nimport { commandInputs } from './commandInputs';\n\nconst CommandFormRuntime = lazy(() => import('./CommandFormRuntime'));\n\n// Arc's useCommand constructs the proxy only on mount. Key by the actual registered class,\n// not its Scene name (which may be re-registered with a different route or roles).\nconst commandKeys = new WeakMap<BoundConstructor, number>();\nlet nextCommandKey = 0;\nfunction commandKey(command: BoundConstructor): number {\n    let key = commandKeys.get(command);\n    if (key === undefined) {\n        key = ++nextCommandKey;\n        commandKeys.set(command, key);\n    }\n    return key;\n}\n\n/**\n * Auto mode follows supported native proxy descriptors; opt-in inputs bind exactly named fields\n * inside a single native Arc form. Neither mode consumes the content slot.\n */\nexport function SceneCommandForm({ element }: RegisteredComponentProps) {\n    const { name, target } = resolveElementBinding(element, BindingKind.Command);\n    if (!target) return <MissingBinding element={element} kind={BindingKind.Command} name={name} />;\n\n    const mode = unionProperty(element.properties, 'mode', ['auto', 'manual'] as const) ?? (Object.hasOwn(element.properties, 'inputs') ? 'manual' : 'auto');\n    const inputs = mode === 'manual' ? commandInputs(element.properties) : undefined;\n    if (mode === 'manual' && !inputs) return <div role='alert'>Invalid command form inputs declaration</div>;\n\n    return (\n        <ArcRuntimeBoundary>\n            <CommandFormRuntime\n                key={commandKey(target)}\n                command={target}\n                inputs={inputs}\n                exclude={stringArrayProperty(element.properties, 'exclude')}\n                submitLabel={stringProperty(element.properties, 'submitLabel') ?? 'Submit'}\n                {...(numberProperty(element.properties, 'columns') === undefined ? {} : { columns: numberProperty(element.properties, 'columns') })}\n            />\n        </ArcRuntimeBoundary>\n    );\n}\n"],"names":["CommandFormRuntime","lazy","commandKeys","WeakMap","nextCommandKey","commandKey","command","key","get","undefined","set","SceneCommandForm","element","name","target","resolveElementBinding","BindingKind","Command","_jsx","MissingBinding","kind","mode","unionProperty","properties","Object","hasOwn","inputs","commandInputs","div","role","ArcRuntimeBoundary","exclude","stringArrayProperty","submitLabel","stringProperty","numberProperty","columns"],"mappings":";;;;;;;;;;;AAUA,MAAMA,kBAAAA,iBAAqBC,UAAAA,CAAK,IAAM,oDAAO,yBAAA,KAAA,CAAA;AAE7C;AACA;AACA,MAAMC,cAAc,IAAIC,OAAAA,EAAAA;AACxB,IAAIC,cAAAA,GAAiB,CAAA;AACrB,SAASC,WAAWC,OAAyB,EAAA;IACzC,IAAIC,GAAAA,GAAML,WAAAA,CAAYM,GAAG,CAACF,OAAAA,CAAAA;AAC1B,IAAA,IAAIC,QAAQE,SAAAA,EAAW;AACnBF,QAAAA,GAAAA,GAAM,EAAEH,cAAAA;QACRF,WAAAA,CAAYQ,GAAG,CAACJ,OAAAA,EAASC,GAAAA,CAAAA;AAC7B,IAAA;IACA,OAAOA,GAAAA;AACX;AAEA;;;AAGC,IACM,SAASI,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,2CAAAA,CAAsBH,OAAAA,EAASI,uBAAAA,CAAYC,OAAO,CAAA;IAC3E,IAAI,CAACH,MAAAA,EAAQ,qBAAOI,cAAA,CAACC,6BAAAA,EAAAA;QAAeP,OAAAA,EAASA,OAAAA;AAASQ,QAAAA,IAAAA,EAAMJ,wBAAYC,OAAO;QAAEJ,IAAAA,EAAMA;;AAEvF,IAAA,MAAMQ,IAAAA,GAAOC,wBAAAA,CAAcV,OAAAA,CAAQW,UAAU,EAAE,MAAA,EAAQ;AAAC,QAAA,MAAA;AAAQ,QAAA;KAAS,CAAA,KAAeC,OAAOC,MAAM,CAACb,QAAQW,UAAU,EAAE,QAAA,CAAA,GAAY,QAAA,GAAW,MAAK,CAAA;AACtJ,IAAA,MAAMG,SAASL,IAAAA,KAAS,QAAA,GAAWM,2BAAAA,CAAcf,OAAAA,CAAQW,UAAU,CAAA,GAAId,SAAAA;AACvE,IAAA,IAAIY,IAAAA,KAAS,QAAA,IAAY,CAACK,MAAAA,EAAQ,qBAAOR,cAAA,CAACU,KAAAA,EAAAA;QAAIC,IAAAA,EAAK,OAAA;AAAQ,QAAA,QAAA,EAAA;;AAE3D,IAAA,qBACIX,cAAA,CAACY,qCAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAZ,cAAA,CAAClB,kBAAAA,EAAAA;YAEGM,OAAAA,EAASQ,MAAAA;YACTY,MAAAA,EAAQA,MAAAA;YACRK,OAAAA,EAASC,8BAAAA,CAAoBpB,OAAAA,CAAQW,UAAU,EAAE,SAAA,CAAA;AACjDU,YAAAA,WAAAA,EAAaC,yBAAAA,CAAetB,OAAAA,CAAQW,UAAU,EAAE,aAAA,CAAA,IAAkB,QAAA;AACjE,YAAA,GAAIY,0BAAevB,OAAAA,CAAQW,UAAU,EAAE,SAAA,CAAA,KAAed,SAAAA,GAAY,EAAC,GAAI;gBAAE2B,OAAAA,EAASD,yBAAAA,CAAevB,OAAAA,CAAQW,UAAU,EAAE,SAAA;;WALjHlB,UAAAA,CAAWS,MAAAA,CAAAA;;AAShC;;"}

package/dist/cjs/forms/commandInputs.js

@@ -16,16 +16,22 @@ var properties = require('../properties.js');
         if (!input || Object.keys(input).some((key)=>![
                 'property',
                 'type',
-                'label'
+                'label',
+                'column',
+                'width'
             ].includes(key))) return undefined;
         const property = properties.stringProperty(input, 'property');
         const label = properties.stringProperty(input, 'label');
         if (!property?.trim() || !label?.trim() || input.type !== 'string' && input.type !== 'guid' || seen.has(property)) return undefined;
         seen.add(property);
+        const column = properties.numberProperty(input, 'column');
+        const width = properties.stringProperty(input, 'width');
         inputs.push({
             property,
             type: input.type,
-            label
+            label,
+            column,
+            width
         });
     }
     return inputs;

package/dist/cjs/forms/commandInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"commandInputs.js","sources":["../../../forms/commandInputs.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 { arrayProperty, objectProperty, stringProperty } from '../properties';\n\n/** Exact, case-sensitive names from a generated command's propertyDescriptors. */\nexport interface CommandInput {\n    property: string;\n    type: 'string' | 'guid';\n    label: string;\n}\n\n/** An absent declaration selects legacy auto mode; a present but invalid declaration never does. */\nexport function commandInputs(properties: Record<string, unknown>): CommandInput[] | undefined {\n    const values = arrayProperty(properties, 'inputs');\n    if (!values?.length) return undefined;\n    const inputs: CommandInput[] = [];\n    const seen = new Set<string>();\n    for (const value of values) {\n        const input = objectProperty({ value }, 'value');\n        if (!input || Object.keys(input).some(key => !['property', 'type', 'label'].includes(key))) return undefined;\n        const property = stringProperty(input, 'property');\n        const label = stringProperty(input, 'label');\n        if (!property?.trim() || !label?.trim() || (input.type !== 'string' && input.type !== 'guid') || seen.has(property)) return undefined;\n        seen.add(property);\n        inputs.push({ property, type: input.type, label });\n    }\n    return inputs;\n}\n"],"names":["commandInputs","properties","values","arrayProperty","length","undefined","inputs","seen","Set","value","input","objectProperty","Object","keys","some","key","includes","property","stringProperty","label","trim","type","has","add","push"],"mappings":";;;;AAAA;AACA;AAWA,qGACO,SAASA,aAAAA,CAAcC,YAAmC,EAAA;IAC7D,MAAMC,MAAAA,GAASC,yBAAcF,YAAAA,EAAY,QAAA,CAAA;IACzC,IAAI,CAACC,MAAAA,EAAQE,MAAAA,EAAQ,OAAOC,SAAAA;AAC5B,IAAA,MAAMC,SAAyB,EAAE;AACjC,IAAA,MAAMC,OAAO,IAAIC,GAAAA,EAAAA;IACjB,KAAK,MAAMC,SAASP,MAAAA,CAAQ;AACxB,QAAA,MAAMQ,QAAQC,yBAAAA,CAAe;AAAEF,YAAAA;SAAM,EAAG,OAAA,CAAA;QACxC,IAAI,CAACC,KAAAA,IAASE,MAAAA,CAAOC,IAAI,CAACH,OAAOI,IAAI,CAACC,CAAAA,GAAAA,GAAO,CAAC;AAAC,gBAAA,UAAA;AAAY,gBAAA,MAAA;AAAQ,gBAAA;aAAQ,CAACC,QAAQ,CAACD,GAAAA,CAAAA,CAAAA,EAAO,OAAOV,SAAAA;QACnG,MAAMY,QAAAA,GAAWC,0BAAeR,KAAAA,EAAO,UAAA,CAAA;QACvC,MAAMS,KAAAA,GAAQD,0BAAeR,KAAAA,EAAO,OAAA,CAAA;AACpC,QAAA,IAAI,CAACO,QAAAA,EAAUG,IAAAA,EAAAA,IAAU,CAACD,KAAAA,EAAOC,IAAAA,EAAAA,IAAWV,MAAMW,IAAI,KAAK,QAAA,IAAYX,KAAAA,CAAMW,IAAI,KAAK,MAAA,IAAWd,KAAKe,GAAG,CAACL,WAAW,OAAOZ,SAAAA;AAC5HE,QAAAA,IAAAA,CAAKgB,GAAG,CAACN,QAAAA,CAAAA;AACTX,QAAAA,MAAAA,CAAOkB,IAAI,CAAC;AAAEP,YAAAA,QAAAA;AAAUI,YAAAA,IAAAA,EAAMX,MAAMW,IAAI;AAAEF,YAAAA;AAAM,SAAA,CAAA;AACpD,IAAA;IACA,OAAOb,MAAAA;AACX;;"}
+{"version":3,"file":"commandInputs.js","sources":["../../../forms/commandInputs.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 { arrayProperty, numberProperty, objectProperty, stringProperty } from '../properties';\n\n/** Exact, case-sensitive names from a generated command's propertyDescriptors. */\nexport interface CommandInput {\n    property: string;\n    type: 'string' | 'guid';\n    label: string;\n    column?: number;\n    width?: string;\n}\n\n/** An absent declaration selects legacy auto mode; a present but invalid declaration never does. */\nexport function commandInputs(properties: Record<string, unknown>): CommandInput[] | undefined {\n    const values = arrayProperty(properties, 'inputs');\n    if (!values?.length) return undefined;\n    const inputs: CommandInput[] = [];\n    const seen = new Set<string>();\n    for (const value of values) {\n        const input = objectProperty({ value }, 'value');\n        if (!input || Object.keys(input).some(key => !['property', 'type', 'label', 'column', 'width'].includes(key))) return undefined;\n        const property = stringProperty(input, 'property');\n        const label = stringProperty(input, 'label');\n        if (!property?.trim() || !label?.trim() || (input.type !== 'string' && input.type !== 'guid') || seen.has(property)) return undefined;\n        seen.add(property);\n        const column = numberProperty(input, 'column');\n        const width = stringProperty(input, 'width');\n        inputs.push({ property, type: input.type, label, column, width });\n    }\n    return inputs;\n}\n"],"names":["commandInputs","properties","values","arrayProperty","length","undefined","inputs","seen","Set","value","input","objectProperty","Object","keys","some","key","includes","property","stringProperty","label","trim","type","has","add","column","numberProperty","width","push"],"mappings":";;;;AAAA;AACA;AAaA,qGACO,SAASA,aAAAA,CAAcC,YAAmC,EAAA;IAC7D,MAAMC,MAAAA,GAASC,yBAAcF,YAAAA,EAAY,QAAA,CAAA;IACzC,IAAI,CAACC,MAAAA,EAAQE,MAAAA,EAAQ,OAAOC,SAAAA;AAC5B,IAAA,MAAMC,SAAyB,EAAE;AACjC,IAAA,MAAMC,OAAO,IAAIC,GAAAA,EAAAA;IACjB,KAAK,MAAMC,SAASP,MAAAA,CAAQ;AACxB,QAAA,MAAMQ,QAAQC,yBAAAA,CAAe;AAAEF,YAAAA;SAAM,EAAG,OAAA,CAAA;QACxC,IAAI,CAACC,KAAAA,IAASE,MAAAA,CAAOC,IAAI,CAACH,OAAOI,IAAI,CAACC,CAAAA,GAAAA,GAAO,CAAC;AAAC,gBAAA,UAAA;AAAY,gBAAA,MAAA;AAAQ,gBAAA,OAAA;AAAS,gBAAA,QAAA;AAAU,gBAAA;aAAQ,CAACC,QAAQ,CAACD,GAAAA,CAAAA,CAAAA,EAAO,OAAOV,SAAAA;QACtH,MAAMY,QAAAA,GAAWC,0BAAeR,KAAAA,EAAO,UAAA,CAAA;QACvC,MAAMS,KAAAA,GAAQD,0BAAeR,KAAAA,EAAO,OAAA,CAAA;AACpC,QAAA,IAAI,CAACO,QAAAA,EAAUG,IAAAA,EAAAA,IAAU,CAACD,KAAAA,EAAOC,IAAAA,EAAAA,IAAWV,MAAMW,IAAI,KAAK,QAAA,IAAYX,KAAAA,CAAMW,IAAI,KAAK,MAAA,IAAWd,KAAKe,GAAG,CAACL,WAAW,OAAOZ,SAAAA;AAC5HE,QAAAA,IAAAA,CAAKgB,GAAG,CAACN,QAAAA,CAAAA;QACT,MAAMO,MAAAA,GAASC,0BAAef,KAAAA,EAAO,QAAA,CAAA;QACrC,MAAMgB,KAAAA,GAAQR,0BAAeR,KAAAA,EAAO,OAAA,CAAA;AACpCJ,QAAAA,MAAAA,CAAOqB,IAAI,CAAC;AAAEV,YAAAA,QAAAA;AAAUI,YAAAA,IAAAA,EAAMX,MAAMW,IAAI;AAAEF,YAAAA,KAAAA;AAAOK,YAAAA,MAAAA;AAAQE,YAAAA;AAAM,SAAA,CAAA;AACnE,IAAA;IACA,OAAOpB,MAAAA;AACX;;"}

package/dist/cjs/forms/generateCommandFieldsAction.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const generateCommandFieldsAction = {
+    descriptor: {
+        id: 'Cratis.Components.commandForm.generateFields',
+        label: 'Generate fields',
+        placement: scene_model.DesignTimeActionPlacement.Toolbar,
+        availability: 'commandForm.canGenerateFields',
+        description: 'Creates a deterministic editable field layout from the selected command metadata.'
+    },
+    isVisible: (context)=>context.element.componentName.endsWith(':commandForm'),
+    isEnabled: (context)=>Array.isArray(context.commandMetadata?.properties) && !Array.isArray(context.element.properties.inputs),
+    execute: (context)=>generateCommandFields(context)
+};
+function generateCommandFields(context) {
+    const properties = context.commandMetadata?.properties ?? [];
+    if (!properties.length) return {
+        edits: [],
+        diagnostics: [
+            'No command metadata was supplied.'
+        ]
+    };
+    if (Array.isArray(context.element.properties.inputs)) {
+        return {
+            edits: [],
+            diagnostics: [
+                'The form already has authored fields; Generate fields will not overwrite them.'
+            ]
+        };
+    }
+    return {
+        diagnostics: [],
+        edits: [
+            {
+                kind: scene_model.SceneEditKind.SetProperty,
+                nodeId: context.element.id,
+                path: 'inputs',
+                value: properties.map((property, index)=>({
+                        property: property.name,
+                        type: property.type === 'Guid' || property.type === 'guid' ? 'guid' : 'string',
+                        label: property.label ?? humanize(property.name),
+                        column: index % 2 + 1,
+                        width: '1fr'
+                    }))
+            }
+        ]
+    };
+}
+function humanize(name) {
+    return name.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/^./, (value)=>value.toUpperCase());
+}
+
+exports.generateCommandFieldsAction = generateCommandFieldsAction;
+//# sourceMappingURL=generateCommandFieldsAction.js.map

package/dist/cjs/forms/generateCommandFieldsAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateCommandFieldsAction.js","sources":["../../../forms/generateCommandFieldsAction.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 { DesignTimeAction, DesignTimeActionContext, DesignTimeActionResult } from '@cratis/scene.react';\nimport { DesignTimeActionPlacement, SceneEditKind } from '@cratis/scene.model';\n\nexport const generateCommandFieldsAction: DesignTimeAction = {\n    descriptor: {\n        id: 'Cratis.Components.commandForm.generateFields',\n        label: 'Generate fields',\n        placement: DesignTimeActionPlacement.Toolbar,\n        availability: 'commandForm.canGenerateFields',\n        description: 'Creates a deterministic editable field layout from the selected command metadata.',\n    },\n    isVisible: context => context.element.componentName.endsWith(':commandForm'),\n    isEnabled: context => Array.isArray(context.commandMetadata?.properties) && !Array.isArray(context.element.properties.inputs),\n    execute: context => generateCommandFields(context),\n};\n\nfunction generateCommandFields(context: DesignTimeActionContext): DesignTimeActionResult {\n    const properties = context.commandMetadata?.properties ?? [];\n    if (!properties.length) return { edits: [], diagnostics: ['No command metadata was supplied.'] };\n    if (Array.isArray(context.element.properties.inputs)) {\n        return { edits: [], diagnostics: ['The form already has authored fields; Generate fields will not overwrite them.'] };\n    }\n\n    return {\n        diagnostics: [],\n        edits: [{\n            kind: SceneEditKind.SetProperty,\n            nodeId: context.element.id,\n            path: 'inputs',\n            value: properties.map((property, index) => ({\n                property: property.name,\n                type: property.type === 'Guid' || property.type === 'guid' ? 'guid' : 'string',\n                label: property.label ?? humanize(property.name),\n                column: (index % 2) + 1,\n                width: '1fr',\n            })),\n        }],\n    };\n}\n\nfunction humanize(name: string): string {\n    return name.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/^./, value => value.toUpperCase());\n}\n"],"names":["generateCommandFieldsAction","descriptor","id","label","placement","DesignTimeActionPlacement","Toolbar","availability","description","isVisible","context","element","componentName","endsWith","isEnabled","Array","isArray","commandMetadata","properties","inputs","execute","generateCommandFields","length","edits","diagnostics","kind","SceneEditKind","SetProperty","nodeId","path","value","map","property","index","name","type","humanize","column","width","replace","toUpperCase"],"mappings":";;;;AAAA;AACA;MAKaA,2BAAAA,GAAgD;IACzDC,UAAAA,EAAY;QACRC,EAAAA,EAAI,8CAAA;QACJC,KAAAA,EAAO,iBAAA;AACPC,QAAAA,SAAAA,EAAWC,sCAA0BC,OAAO;QAC5CC,YAAAA,EAAc,+BAAA;QACdC,WAAAA,EAAa;AACjB,KAAA;IACAC,SAAAA,EAAWC,CAAAA,UAAWA,OAAAA,CAAQC,OAAO,CAACC,aAAa,CAACC,QAAQ,CAAC,cAAA,CAAA;AAC7DC,IAAAA,SAAAA,EAAWJ,CAAAA,OAAAA,GAAWK,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQO,eAAe,EAAEC,UAAAA,CAAAA,IAAe,CAACH,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,CAAA;IAC5HC,OAAAA,EAASV,CAAAA,UAAWW,qBAAAA,CAAsBX,OAAAA;AAC9C;AAEA,SAASW,sBAAsBX,OAAgC,EAAA;AAC3D,IAAA,MAAMQ,UAAAA,GAAaR,OAAAA,CAAQO,eAAe,EAAEC,cAAc,EAAE;AAC5D,IAAA,IAAI,CAACA,UAAAA,CAAWI,MAAM,EAAE,OAAO;AAAEC,QAAAA,KAAAA,EAAO,EAAE;QAAEC,WAAAA,EAAa;AAAC,YAAA;AAAoC;AAAC,KAAA;IAC/F,IAAIT,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,CAAA,EAAG;QAClD,OAAO;AAAEI,YAAAA,KAAAA,EAAO,EAAE;YAAEC,WAAAA,EAAa;AAAC,gBAAA;AAAiF;AAAC,SAAA;AACxH,IAAA;IAEA,OAAO;AACHA,QAAAA,WAAAA,EAAa,EAAE;QACfD,KAAAA,EAAO;AAAC,YAAA;AACJE,gBAAAA,IAAAA,EAAMC,0BAAcC,WAAW;gBAC/BC,MAAAA,EAAQlB,OAAAA,CAAQC,OAAO,CAACT,EAAE;gBAC1B2B,IAAAA,EAAM,QAAA;AACNC,gBAAAA,KAAAA,EAAOZ,WAAWa,GAAG,CAAC,CAACC,QAAAA,EAAUC,SAAW;AACxCD,wBAAAA,QAAAA,EAAUA,SAASE,IAAI;wBACvBC,IAAAA,EAAMH,QAAAA,CAASG,IAAI,KAAK,MAAA,IAAUH,SAASG,IAAI,KAAK,SAAS,MAAA,GAAS,QAAA;AACtEhC,wBAAAA,KAAAA,EAAO6B,QAAAA,CAAS7B,KAAK,IAAIiC,QAAAA,CAASJ,SAASE,IAAI,CAAA;wBAC/CG,MAAAA,EAASJ,QAAQ,CAAA,GAAK,CAAA;wBACtBK,KAAAA,EAAO;qBACX,CAAA;AACJ;AAAE;AACN,KAAA;AACJ;AAEA,SAASF,SAASF,IAAY,EAAA;IAC1B,OAAOA,IAAAA,CAAKK,OAAO,CAAC,oBAAA,EAAsB,OAAA,CAAA,CAASA,OAAO,CAAC,IAAA,EAAMT,CAAAA,KAAAA,GAASA,KAAAA,CAAMU,WAAW,EAAA,CAAA;AAC/F;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsDescriptors.d.ts","sourceRoot":"","sources":["../../cratisComponentsDescriptors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAA2D,MAAM,qBAAqB,CAAC;AAwCnH,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAI5D,CAAC"}
+{"version":3,"file":"cratisComponentsDescriptors.d.ts","sourceRoot":"","sources":["../../cratisComponentsDescriptors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkC,mBAAmB,EAAsF,MAAM,qBAAqB,CAAC;AA+E9K,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAiB5D,CAAC"}

package/dist/esm/cratisComponentsDescriptors.js

@@ -1,4 +1,4 @@
-import { QueryResultShape, PropertyValueType } from '@cratis/scene.model';
+import { QueryResultShape, PropertyValueType, BindingMode, BindingSourceKind, DesignTimeActionPlacement } from '@cratis/scene.model';
 import { componentRegistryKey } from '@cratis/scene.react';
 
 // Copyright (c) Cratis. All rights reserved.
@@ -51,6 +51,141 @@ const key = (name)=>componentRegistryKey('Cratis.Components', name);
         valueType: PropertyValueType.Object,
         editorKind: 'resultFieldList',
         description: 'The result fields the table\'s search box looks in.'
+    },
+    {
+        path: 'selectedItem',
+        label: 'Selected item',
+        group: 'Outputs',
+        valueType: PropertyValueType.Object,
+        readOnly: true,
+        output: true,
+        bindingMode: BindingMode.OneWay,
+        description: 'The currently selected row, or null after selection is cleared.'
+    }
+];
+const commandFormProperties = [
+    {
+        path: 'command',
+        label: 'Command',
+        group: 'Command',
+        valueType: PropertyValueType.String,
+        editorKind: 'commandBinding',
+        constraints: {
+            required: true
+        },
+        description: 'The Arc command proxy rendered through the native command form runtime.'
+    },
+    {
+        path: 'mode',
+        label: 'Mode',
+        group: 'Layout',
+        valueType: PropertyValueType.Enum,
+        choices: [
+            {
+                value: 'auto',
+                label: 'Auto'
+            },
+            {
+                value: 'manual',
+                label: 'Manual'
+            }
+        ],
+        default: 'auto',
+        description: 'Auto follows command metadata; manual renders explicit inputs inside the same native form boundary.'
+    },
+    {
+        path: 'columns',
+        label: 'Columns',
+        group: 'Layout',
+        valueType: PropertyValueType.Number,
+        default: 1
+    },
+    {
+        path: 'fieldWidths',
+        label: 'Field widths',
+        group: 'Layout',
+        valueType: PropertyValueType.Object,
+        editorKind: 'fieldWidths'
+    },
+    {
+        path: 'inputs',
+        label: 'Fields',
+        group: 'Layout',
+        valueType: PropertyValueType.Collection,
+        editorKind: 'commandFields',
+        acceptedBindingKinds: [
+            BindingSourceKind.DataContext,
+            BindingSourceKind.ComponentProperty
+        ],
+        item: {
+            label: 'Field',
+            properties: [
+                {
+                    path: 'property',
+                    label: 'Property',
+                    group: 'Field',
+                    valueType: PropertyValueType.String
+                },
+                {
+                    path: 'type',
+                    label: 'Type',
+                    group: 'Field',
+                    valueType: PropertyValueType.Enum,
+                    choices: [
+                        {
+                            value: 'string',
+                            label: 'String'
+                        },
+                        {
+                            value: 'guid',
+                            label: 'Guid'
+                        }
+                    ]
+                },
+                {
+                    path: 'label',
+                    label: 'Label',
+                    group: 'Field',
+                    valueType: PropertyValueType.String
+                },
+                {
+                    path: 'column',
+                    label: 'Column',
+                    group: 'Layout',
+                    valueType: PropertyValueType.Number
+                },
+                {
+                    path: 'width',
+                    label: 'Width',
+                    group: 'Layout',
+                    valueType: PropertyValueType.String
+                }
+            ]
+        }
+    },
+    {
+        path: 'exclude',
+        label: 'Excluded fields',
+        group: 'Command',
+        valueType: PropertyValueType.Collection,
+        item: {
+            label: 'Excluded field',
+            properties: [
+                {
+                    path: 'property',
+                    label: 'Property',
+                    group: 'Field',
+                    valueType: PropertyValueType.String
+                }
+            ]
+        }
+    },
+    {
+        path: 'submitLabel',
+        label: 'Submit label',
+        group: 'Content',
+        valueType: PropertyValueType.String,
+        default: 'Submit'
     }
 ];
 /**
@@ -74,6 +209,21 @@ const key = (name)=>componentRegistryKey('Cratis.Components', name);
         component: key('observableDataTable'),
         displayName: 'Live data table',
         properties: dataTableProperties
+    },
+    {
+        component: key('commandForm'),
+        displayName: 'Command form',
+        editorKind: 'commandFormDesigner',
+        properties: commandFormProperties,
+        actions: [
+            {
+                id: 'Cratis.Components.commandForm.generateFields',
+                label: 'Generate fields',
+                placement: DesignTimeActionPlacement.Toolbar,
+                availability: 'commandForm.canGenerateFields',
+                description: 'Creates a deterministic editable field layout from the selected command metadata.'
+            }
+        ]
     }
 ];
 

package/dist/esm/cratisComponentsDescriptors.js.map

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsDescriptors.js","sources":["../../cratisComponentsDescriptors.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 { ComponentDescriptor, PropertyDescriptor, PropertyValueType, QueryResultShape } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n// The package name, spelled out so describing components does not pull every adapter (and its UI dependencies) in\n// with it; the bundle's validation checks each key against the manifest.\nconst key = (name: string) => componentRegistryKey('Cratis.Components', name);\n\n/**\n * The properties every query-bound data table shares: which query feeds it, and the few settings that shape how\n * it shows the result.\n *\n * `query` is a `QueryReference`, so an editor binds it to a host-supplied query candidate and validates the\n * arguments against it. What is stored is a `QueryBinding`; a plain query name - what screens carried before\n * bindings existed - is still read, as a binding with no explicit connections. The columns are not properties:\n * they are the `content` slot's children, edited as nodes.\n */\nconst dataTableProperties: PropertyDescriptor[] = [\n    {\n        path: 'query', label: 'Query', group: 'Data', valueType: PropertyValueType.QueryReference, editorKind: 'queryBinding',\n        description: 'The collection query that feeds the table.',\n        constraints: { required: true, resultShapes: [QueryResultShape.Collection] },\n    },\n    { path: 'emptyMessage', label: 'Empty message', group: 'Content', valueType: PropertyValueType.String, default: '' },\n    {\n        path: 'dataKey', label: 'Row identity', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField',\n        description: 'The result field that identifies a row.',\n    },\n    {\n        path: 'globalFilterFields', label: 'Searchable fields', group: 'Data', valueType: PropertyValueType.Object, editorKind: 'resultFieldList',\n        description: 'The result fields the table\\'s search box looks in.',\n    },\n];\n\n/**\n * What can be edited on the `Cratis.Components` package's components.\n *\n * Only the query-bound tables are described so far; the form, dialog and editor composites carry\n * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the\n * same way it adds a component to the manifest.\n */\nexport const cratisComponentsDescriptors: ComponentDescriptor[] = [\n    { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },\n    { component: key('table'), displayName: 'Table', properties: dataTableProperties },\n    { component: key('observableDataTable'), displayName: 'Live data table', properties: dataTableProperties },\n];\n"],"names":["key","name","componentRegistryKey","dataTableProperties","path","label","group","valueType","PropertyValueType","QueryReference","editorKind","description","constraints","required","resultShapes","QueryResultShape","Collection","String","default","Object","cratisComponentsDescriptors","component","displayName","properties"],"mappings":";;;AAAA;AACA;AAKA;AACA;AACA,MAAMA,GAAAA,GAAM,CAACC,IAAAA,GAAiBC,oBAAAA,CAAqB,mBAAA,EAAqBD,IAAAA,CAAAA;AAExE;;;;;;;;AAQC,IACD,MAAME,mBAAAA,GAA4C;AAC9C,IAAA;QACIC,IAAAA,EAAM,OAAA;QAASC,KAAAA,EAAO,OAAA;QAASC,KAAAA,EAAO,MAAA;AAAQC,QAAAA,SAAAA,EAAWC,kBAAkBC,cAAc;QAAEC,UAAAA,EAAY,cAAA;QACvGC,WAAAA,EAAa,4CAAA;QACbC,WAAAA,EAAa;YAAEC,QAAAA,EAAU,IAAA;YAAMC,YAAAA,EAAc;AAACC,gBAAAA,gBAAAA,CAAiBC;AAAW;AAAC;AAC/E,KAAA;AACA,IAAA;QAAEZ,IAAAA,EAAM,cAAA;QAAgBC,KAAAA,EAAO,eAAA;QAAiBC,KAAAA,EAAO,SAAA;AAAWC,QAAAA,SAAAA,EAAWC,kBAAkBS,MAAM;QAAEC,OAAAA,EAAS;AAAG,KAAA;AACnH,IAAA;QACId,IAAAA,EAAM,SAAA;QAAWC,KAAAA,EAAO,cAAA;QAAgBC,KAAAA,EAAO,MAAA;AAAQC,QAAAA,SAAAA,EAAWC,kBAAkBS,MAAM;QAAEP,UAAAA,EAAY,aAAA;QACxGC,WAAAA,EAAa;AACjB,KAAA;AACA,IAAA;QACIP,IAAAA,EAAM,oBAAA;QAAsBC,KAAAA,EAAO,mBAAA;QAAqBC,KAAAA,EAAO,MAAA;AAAQC,QAAAA,SAAAA,EAAWC,kBAAkBW,MAAM;QAAET,UAAAA,EAAY,iBAAA;QACxHC,WAAAA,EAAa;AACjB;AACH,CAAA;AAED;;;;;;UAOaS,2BAAAA,GAAqD;AAC9D,IAAA;AAAEC,QAAAA,SAAAA,EAAWrB,GAAAA,CAAI,WAAA,CAAA;QAAcsB,WAAAA,EAAa,YAAA;QAAcC,UAAAA,EAAYpB;AAAoB,KAAA;AAC1F,IAAA;AAAEkB,QAAAA,SAAAA,EAAWrB,GAAAA,CAAI,OAAA,CAAA;QAAUsB,WAAAA,EAAa,OAAA;QAASC,UAAAA,EAAYpB;AAAoB,KAAA;AACjF,IAAA;AAAEkB,QAAAA,SAAAA,EAAWrB,GAAAA,CAAI,qBAAA,CAAA;QAAwBsB,WAAAA,EAAa,iBAAA;QAAmBC,UAAAA,EAAYpB;AAAoB;;;"}
+{"version":3,"file":"cratisComponentsDescriptors.js","sources":["../../cratisComponentsDescriptors.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 { BindingMode, BindingSourceKind, ComponentDescriptor, DesignTimeActionPlacement, PropertyDescriptor, PropertyValueType, QueryResultShape } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n// The package name, spelled out so describing components does not pull every adapter (and its UI dependencies) in\n// with it; the bundle's validation checks each key against the manifest.\nconst key = (name: string) => componentRegistryKey('Cratis.Components', name);\n\n/**\n * The properties every query-bound data table shares: which query feeds it, and the few settings that shape how\n * it shows the result.\n *\n * `query` is a `QueryReference`, so an editor binds it to a host-supplied query candidate and validates the\n * arguments against it. What is stored is a `QueryBinding`; a plain query name - what screens carried before\n * bindings existed - is still read, as a binding with no explicit connections. The columns are not properties:\n * they are the `content` slot's children, edited as nodes.\n */\nconst dataTableProperties: PropertyDescriptor[] = [\n    {\n        path: 'query', label: 'Query', group: 'Data', valueType: PropertyValueType.QueryReference, editorKind: 'queryBinding',\n        description: 'The collection query that feeds the table.',\n        constraints: { required: true, resultShapes: [QueryResultShape.Collection] },\n    },\n    { path: 'emptyMessage', label: 'Empty message', group: 'Content', valueType: PropertyValueType.String, default: '' },\n    {\n        path: 'dataKey', label: 'Row identity', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField',\n        description: 'The result field that identifies a row.',\n    },\n    {\n        path: 'globalFilterFields', label: 'Searchable fields', group: 'Data', valueType: PropertyValueType.Object, editorKind: 'resultFieldList',\n        description: 'The result fields the table\\'s search box looks in.',\n    },\n    {\n        path: 'selectedItem', label: 'Selected item', group: 'Outputs', valueType: PropertyValueType.Object, readOnly: true,\n        output: true, bindingMode: BindingMode.OneWay,\n        description: 'The currently selected row, or null after selection is cleared.',\n    },\n];\n\nconst commandFormProperties: PropertyDescriptor[] = [\n    {\n        path: 'command', label: 'Command', group: 'Command', valueType: PropertyValueType.String, editorKind: 'commandBinding',\n        constraints: { required: true },\n        description: 'The Arc command proxy rendered through the native command form runtime.',\n    },\n    {\n        path: 'mode', label: 'Mode', group: 'Layout', valueType: PropertyValueType.Enum,\n        choices: [{ value: 'auto', label: 'Auto' }, { value: 'manual', label: 'Manual' }], default: 'auto',\n        description: 'Auto follows command metadata; manual renders explicit inputs inside the same native form boundary.',\n    },\n    { path: 'columns', label: 'Columns', group: 'Layout', valueType: PropertyValueType.Number, default: 1 },\n    { path: 'fieldWidths', label: 'Field widths', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'fieldWidths' },\n    {\n        path: 'inputs', label: 'Fields', group: 'Layout', valueType: PropertyValueType.Collection, editorKind: 'commandFields',\n        acceptedBindingKinds: [BindingSourceKind.DataContext, BindingSourceKind.ComponentProperty],\n        item: {\n            label: 'Field',\n            properties: [\n                { path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'type', label: 'Type', group: 'Field', valueType: PropertyValueType.Enum, choices: [{ value: 'string', label: 'String' }, { value: 'guid', label: 'Guid' }] },\n                { path: 'label', label: 'Label', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'column', label: 'Column', group: 'Layout', valueType: PropertyValueType.Number },\n                { path: 'width', label: 'Width', group: 'Layout', valueType: PropertyValueType.String },\n            ],\n        },\n    },\n    {\n        path: 'exclude', label: 'Excluded fields', group: 'Command', valueType: PropertyValueType.Collection,\n        item: { label: 'Excluded field', properties: [{ path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String }] },\n    },\n    { path: 'submitLabel', label: 'Submit label', group: 'Content', valueType: PropertyValueType.String, default: 'Submit' },\n];\n\n/**\n * What can be edited on the `Cratis.Components` package's components.\n *\n * Only the query-bound tables are described so far; the form, dialog and editor composites carry\n * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the\n * same way it adds a component to the manifest.\n */\nexport const cratisComponentsDescriptors: ComponentDescriptor[] = [\n    { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },\n    { component: key('table'), displayName: 'Table', properties: dataTableProperties },\n    { component: key('observableDataTable'), displayName: 'Live data table', properties: dataTableProperties },\n    {\n        component: key('commandForm'),\n        displayName: 'Command form',\n        editorKind: 'commandFormDesigner',\n        properties: commandFormProperties,\n        actions: [{\n            id: 'Cratis.Components.commandForm.generateFields',\n            label: 'Generate fields',\n            placement: DesignTimeActionPlacement.Toolbar,\n            availability: 'commandForm.canGenerateFields',\n            description: 'Creates a deterministic editable field layout from the selected command metadata.',\n        }],\n    },\n];\n"],"names":["key","name","componentRegistryKey","dataTableProperties","path","label","group","valueType","PropertyValueType","QueryReference","editorKind","description","constraints","required","resultShapes","QueryResultShape","Collection","String","default","Object","readOnly","output","bindingMode","BindingMode","OneWay","commandFormProperties","Enum","choices","value","Number","acceptedBindingKinds","BindingSourceKind","DataContext","ComponentProperty","item","properties","cratisComponentsDescriptors","component","displayName","actions","id","placement","DesignTimeActionPlacement","Toolbar","availability"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsPackage.d.ts","sourceRoot":"","sources":["../../cratisComponentsPackage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAuBzD,eAAO,MAAM,+BAA+B,EAAE,YAsE7C,CAAC;AASF,eAAO,MAAM,uBAAuB,EAAE,kBAIrC,CAAC"}
+{"version":3,"file":"cratisComponentsPackage.d.ts","sourceRoot":"","sources":["../../cratisComponentsPackage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA0BzD,eAAO,MAAM,+BAA+B,EAAE,YA+E7C,CAAC;AASF,eAAO,MAAM,uBAAuB,EAAE,kBAerC,CAAC"}

package/dist/esm/cratisComponentsPackage.js

@@ -1,6 +1,9 @@
 import { PackageKind } from '@cratis/scene.model';
 import { cratisComponents, cratisComponentsPackageName } from './cratisComponents.js';
 import { cratisComponentsDescriptors } from './cratisComponentsDescriptors.js';
+import { CommandFieldPropertyEditor } from './forms/CommandFieldPropertyEditor.js';
+import { CommandFormDesigner } from './forms/CommandFormDesigner.js';
+import { generateCommandFieldsAction } from './forms/generateCommandFieldsAction.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -94,7 +97,31 @@ import { cratisComponentsDescriptors } from './cratisComponentsDescriptors.js';
     description: "Cratis' Arc-bound data, form and dialog composites, built on PrimeReact and Tailwind. dataTable and table accept optional object-valued queryArguments for collection queries. singleResult displays one read-only scalar own resultField of an optional model using an explicit query, object queryArguments and enabled: true. queryInputForm commits explicit string inputs on submit to the same optional-single runtime; drafts never execute a query.",
     module: '@cratis/scene.components',
     license: 'MIT',
-    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE'
+    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',
+    designTime: {
+        previews: [],
+        designers: [
+            'commandFormDesigner'
+        ],
+        propertyEditors: [
+            'commandBinding',
+            'commandFields',
+            'fieldWidths'
+        ],
+        propertyDisplays: [],
+        actions: [
+            'Cratis.Components.commandForm.generateFields'
+        ]
+    },
+    assets: [
+        '@cratis/components/styles',
+        '@cratis/components/tokens'
+    ],
+    runtimeSingletons: [
+        'react',
+        '@cratis/arc',
+        '@cratis/components'
+    ]
 };
 /**
  * The `Cratis.Components` package as a loadable bundle - the manifest above, plus the React components
@@ -105,7 +132,18 @@ import { cratisComponentsDescriptors } from './cratisComponentsDescriptors.js';
  */ const cratisComponentsPackage = {
     manifest: cratisComponentsPackageManifest,
     components: cratisComponents,
-    descriptors: cratisComponentsDescriptors
+    descriptors: cratisComponentsDescriptors,
+    designTime: {
+        designers: {
+            commandFormDesigner: CommandFormDesigner
+        },
+        propertyEditors: {
+            commandBinding: CommandFieldPropertyEditor
+        },
+        actions: {
+            [generateCommandFieldsAction.descriptor.id]: generateCommandFieldsAction
+        }
+    }
 };
 
 export { cratisComponentsPackage, cratisComponentsPackageManifest };

package/dist/esm/cratisComponentsPackage.js.map

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsPackage.js","sources":["../../cratisComponentsPackage.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle } from '@cratis/scene.react';\nimport { cratisComponents, cratisComponentsPackageName } from './cratisComponents';\nimport { cratisComponentsDescriptors } from './cratisComponentsDescriptors';\n\n/**\n * The `Cratis.Components` package's declaration - what a profile gets when it lists this package.\n *\n * This is the concrete case the whole package-dependency mechanism exists for. `@cratis/components` is\n * not a self-contained library: every component in it is a wrapper over a PrimeReact widget, and its own\n * styling is a `--cratis-*` token layer (`@cratis/components/tokens`) plus the component stylesheets and\n * compiled Tailwind utilities in `@cratis/components/styles`. Activate it in a profile without PrimeReact\n * and nothing renders; activate it without Tailwind and everything renders unstyled. Both are stated as\n * dependencies so a package picker can say so while the profile is being configured, instead of leaving\n * it to be discovered when the page opens.\n *\n * The version ranges are the real ones the library carries. `>=11.0.0` for PrimeReact: version 3.0.0\n * declares `primereact@^11` as a peer dependency and is built against version 11's component set, so the\n * span across the major boundary that the previous `>=10.9.0` range described is over. The `--cratis-*`\n * tokens still resolve a version 10 theme variable as their last fallback, but that is an upgrade-window\n * courtesy for an application with a compiled version 10 stylesheet still on the page - not a version of\n * PrimeReact this package can be activated against. `^4.0.0` for Tailwind, because the utility sheet is\n * compiled against Tailwind 4.\n */\nexport const cratisComponentsPackageManifest: ScenePackage = {\n    name: cratisComponentsPackageName,\n    version: '3.0.0',\n    kind: PackageKind.ComponentLibrary,\n    dependencies: [\n        { name: 'PrimeReact', versionRange: '>=11.0.0' },\n        { name: 'Tailwind', versionRange: '^4.0.0' },\n    ],\n    components: [\n        'page',\n        'dataPage',\n        'formElement',\n        'singleResult',\n        'queryInputForm',\n        'dataTable',\n        'table',\n        'observableDataTable',\n        'commandForm',\n        'inputTextField',\n        'numberField',\n        'checkboxField',\n        'textAreaField',\n        'dropdownField',\n        'sliderField',\n        'calendarField',\n        'colorPickerField',\n        'multiSelectField',\n        'chipsField',\n        'radioButtonField',\n        'radioGroupField',\n        'dialog',\n        'confirmationDialog',\n        'busyIndicatorDialog',\n        'commandDialog',\n        'stepperCommandDialog',\n        'icon',\n        'tooltip',\n        'dropdown',\n        'errorBoundary',\n        'objectContentEditor',\n        'objectNavigationalBar',\n        'schemaEditor',\n        'timeMachine',\n        'filterPanel',\n        'toolbar',\n        'toolbarButton',\n        'toolbarGroup',\n        'toolbarSeparator',\n    ],\n\n    // A component library ships components, and nothing else. Layouts, screen templates and dialog\n    // templates all belong to a Blueprint: they are decisions about what an application looks like as a\n    // whole, and this package deliberately makes none of them - it provides the Arc-bound composites a\n    // template is *built from*, so that a blueprint can place a `dataPage` in a slot and configure it,\n    // rather than shipping one opinionated data page nobody can rearrange.\n    layouts: [],\n    screenTemplates: [],\n    dialogTemplates: [],\n\n    // No themes either, for a different reason: `@cratis/components` has no palette of its own. It reads\n    // a `--cratis-*` variable layer that resolves whatever is in front of it - the `--p-*` properties a\n    // PrimeReact 11 preset emits at runtime, or a Scene theme through this package's token bridge.\n    // Shipping a theme here would be this library asserting a look it was specifically built not to have.\n    themes: [],\n\n    displayName: 'Cratis Components',\n    description: \"Cratis' Arc-bound data, form and dialog composites, built on PrimeReact and Tailwind. dataTable and table accept optional object-valued queryArguments for collection queries. singleResult displays one read-only scalar own resultField of an optional model using an explicit query, object queryArguments and enabled: true. queryInputForm commits explicit string inputs on submit to the same optional-single runtime; drafts never execute a query.\",\n    module: '@cratis/scene.components',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The `Cratis.Components` package as a loadable bundle - the manifest above, plus the React components\n * behind the names it declares.\n *\n * No `layouts`, `screenTemplates`, `dialogTemplates` or `themes` are provided, matching a manifest that\n * declares none of them; `validatePackageBundle` is what proves the two halves agree.\n */\nexport const cratisComponentsPackage: ScenePackageBundle = {\n    manifest: cratisComponentsPackageManifest,\n    components: cratisComponents,\n    descriptors: cratisComponentsDescriptors,\n};\n"],"names":["cratisComponentsPackageManifest","name","cratisComponentsPackageName","version","kind","PackageKind","ComponentLibrary","dependencies","versionRange","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","license","licenseUrl","cratisComponentsPackage","manifest","cratisComponents","descriptors","cratisComponentsDescriptors"],"mappings":";;;;AAAA;AACA;AAOA;;;;;;;;;;;;;;;;;;UAmBaA,+BAAAA,GAAgD;IACzDC,IAAAA,EAAMC,2BAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,YAAYC,gBAAgB;IAClCC,YAAAA,EAAc;AACV,QAAA;YAAEN,IAAAA,EAAM,YAAA;YAAcO,YAAAA,EAAc;AAAW,SAAA;AAC/C,QAAA;YAAEP,IAAAA,EAAM,UAAA;YAAYO,YAAAA,EAAc;AAAS;AAC9C,KAAA;IACDC,UAAAA,EAAY;AACR,QAAA,MAAA;AACA,QAAA,UAAA;AACA,QAAA,aAAA;AACA,QAAA,cAAA;AACA,QAAA,gBAAA;AACA,QAAA,WAAA;AACA,QAAA,OAAA;AACA,QAAA,qBAAA;AACA,QAAA,aAAA;AACA,QAAA,gBAAA;AACA,QAAA,aAAA;AACA,QAAA,eAAA;AACA,QAAA,eAAA;AACA,QAAA,eAAA;AACA,QAAA,aAAA;AACA,QAAA,eAAA;AACA,QAAA,kBAAA;AACA,QAAA,kBAAA;AACA,QAAA,YAAA;AACA,QAAA,kBAAA;AACA,QAAA,iBAAA;AACA,QAAA,QAAA;AACA,QAAA,oBAAA;AACA,QAAA,qBAAA;AACA,QAAA,eAAA;AACA,QAAA,sBAAA;AACA,QAAA,MAAA;AACA,QAAA,SAAA;AACA,QAAA,UAAA;AACA,QAAA,eAAA;AACA,QAAA,qBAAA;AACA,QAAA,uBAAA;AACA,QAAA,cAAA;AACA,QAAA,aAAA;AACA,QAAA,aAAA;AACA,QAAA,SAAA;AACA,QAAA,eAAA;AACA,QAAA,cAAA;AACA,QAAA;AACH,KAAA;;;;;;AAODC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,eAAAA,EAAiB,EAAE;;;;;AAMnBC,IAAAA,MAAAA,EAAQ,EAAE;IAEVC,WAAAA,EAAa,mBAAA;IACbC,WAAAA,EAAa,6bAAA;IACbC,MAAAA,EAAQ,0BAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;;;;;UAOaC,uBAAAA,GAA8C;IACvDC,QAAAA,EAAUpB,+BAAAA;IACVS,UAAAA,EAAYY,gBAAAA;IACZC,WAAAA,EAAaC;AACjB;;"}
+{"version":3,"file":"cratisComponentsPackage.js","sources":["../../cratisComponentsPackage.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle } from '@cratis/scene.react';\nimport { cratisComponents, cratisComponentsPackageName } from './cratisComponents';\nimport { cratisComponentsDescriptors } from './cratisComponentsDescriptors';\nimport { CommandFieldPropertyEditor } from './forms/CommandFieldPropertyEditor';\nimport { CommandFormDesigner } from './forms/CommandFormDesigner';\nimport { generateCommandFieldsAction } from './forms/generateCommandFieldsAction';\n\n/**\n * The `Cratis.Components` package's declaration - what a profile gets when it lists this package.\n *\n * This is the concrete case the whole package-dependency mechanism exists for. `@cratis/components` is\n * not a self-contained library: every component in it is a wrapper over a PrimeReact widget, and its own\n * styling is a `--cratis-*` token layer (`@cratis/components/tokens`) plus the component stylesheets and\n * compiled Tailwind utilities in `@cratis/components/styles`. Activate it in a profile without PrimeReact\n * and nothing renders; activate it without Tailwind and everything renders unstyled. Both are stated as\n * dependencies so a package picker can say so while the profile is being configured, instead of leaving\n * it to be discovered when the page opens.\n *\n * The version ranges are the real ones the library carries. `>=11.0.0` for PrimeReact: version 3.0.0\n * declares `primereact@^11` as a peer dependency and is built against version 11's component set, so the\n * span across the major boundary that the previous `>=10.9.0` range described is over. The `--cratis-*`\n * tokens still resolve a version 10 theme variable as their last fallback, but that is an upgrade-window\n * courtesy for an application with a compiled version 10 stylesheet still on the page - not a version of\n * PrimeReact this package can be activated against. `^4.0.0` for Tailwind, because the utility sheet is\n * compiled against Tailwind 4.\n */\nexport const cratisComponentsPackageManifest: ScenePackage = {\n    name: cratisComponentsPackageName,\n    version: '3.0.0',\n    kind: PackageKind.ComponentLibrary,\n    dependencies: [\n        { name: 'PrimeReact', versionRange: '>=11.0.0' },\n        { name: 'Tailwind', versionRange: '^4.0.0' },\n    ],\n    components: [\n        'page',\n        'dataPage',\n        'formElement',\n        'singleResult',\n        'queryInputForm',\n        'dataTable',\n        'table',\n        'observableDataTable',\n        'commandForm',\n        'inputTextField',\n        'numberField',\n        'checkboxField',\n        'textAreaField',\n        'dropdownField',\n        'sliderField',\n        'calendarField',\n        'colorPickerField',\n        'multiSelectField',\n        'chipsField',\n        'radioButtonField',\n        'radioGroupField',\n        'dialog',\n        'confirmationDialog',\n        'busyIndicatorDialog',\n        'commandDialog',\n        'stepperCommandDialog',\n        'icon',\n        'tooltip',\n        'dropdown',\n        'errorBoundary',\n        'objectContentEditor',\n        'objectNavigationalBar',\n        'schemaEditor',\n        'timeMachine',\n        'filterPanel',\n        'toolbar',\n        'toolbarButton',\n        'toolbarGroup',\n        'toolbarSeparator',\n    ],\n\n    // A component library ships components, and nothing else. Layouts, screen templates and dialog\n    // templates all belong to a Blueprint: they are decisions about what an application looks like as a\n    // whole, and this package deliberately makes none of them - it provides the Arc-bound composites a\n    // template is *built from*, so that a blueprint can place a `dataPage` in a slot and configure it,\n    // rather than shipping one opinionated data page nobody can rearrange.\n    layouts: [],\n    screenTemplates: [],\n    dialogTemplates: [],\n\n    // No themes either, for a different reason: `@cratis/components` has no palette of its own. It reads\n    // a `--cratis-*` variable layer that resolves whatever is in front of it - the `--p-*` properties a\n    // PrimeReact 11 preset emits at runtime, or a Scene theme through this package's token bridge.\n    // Shipping a theme here would be this library asserting a look it was specifically built not to have.\n    themes: [],\n\n    displayName: 'Cratis Components',\n    description: \"Cratis' Arc-bound data, form and dialog composites, built on PrimeReact and Tailwind. dataTable and table accept optional object-valued queryArguments for collection queries. singleResult displays one read-only scalar own resultField of an optional model using an explicit query, object queryArguments and enabled: true. queryInputForm commits explicit string inputs on submit to the same optional-single runtime; drafts never execute a query.\",\n    module: '@cratis/scene.components',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n    designTime: {\n        previews: [],\n        designers: ['commandFormDesigner'],\n        propertyEditors: ['commandBinding', 'commandFields', 'fieldWidths'],\n        propertyDisplays: [],\n        actions: ['Cratis.Components.commandForm.generateFields'],\n    },\n    assets: ['@cratis/components/styles', '@cratis/components/tokens'],\n    runtimeSingletons: ['react', '@cratis/arc', '@cratis/components'],\n};\n\n/**\n * The `Cratis.Components` package as a loadable bundle - the manifest above, plus the React components\n * behind the names it declares.\n *\n * No `layouts`, `screenTemplates`, `dialogTemplates` or `themes` are provided, matching a manifest that\n * declares none of them; `validatePackageBundle` is what proves the two halves agree.\n */\nexport const cratisComponentsPackage: ScenePackageBundle = {\n    manifest: cratisComponentsPackageManifest,\n    components: cratisComponents,\n    descriptors: cratisComponentsDescriptors,\n    designTime: {\n        designers: {\n            commandFormDesigner: CommandFormDesigner,\n        },\n        propertyEditors: {\n            commandBinding: CommandFieldPropertyEditor,\n        },\n        actions: {\n            [generateCommandFieldsAction.descriptor.id]: generateCommandFieldsAction,\n        },\n    },\n};\n"],"names":["cratisComponentsPackageManifest","name","cratisComponentsPackageName","version","kind","PackageKind","ComponentLibrary","dependencies","versionRange","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","license","licenseUrl","designTime","previews","designers","propertyEditors","propertyDisplays","actions","assets","runtimeSingletons","cratisComponentsPackage","manifest","cratisComponents","descriptors","cratisComponentsDescriptors","commandFormDesigner","CommandFormDesigner","commandBinding","CommandFieldPropertyEditor","generateCommandFieldsAction","descriptor","id"],"mappings":";;;;;;;AAAA;AACA;AAUA;;;;;;;;;;;;;;;;;;UAmBaA,+BAAAA,GAAgD;IACzDC,IAAAA,EAAMC,2BAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,YAAYC,gBAAgB;IAClCC,YAAAA,EAAc;AACV,QAAA;YAAEN,IAAAA,EAAM,YAAA;YAAcO,YAAAA,EAAc;AAAW,SAAA;AAC/C,QAAA;YAAEP,IAAAA,EAAM,UAAA;YAAYO,YAAAA,EAAc;AAAS;AAC9C,KAAA;IACDC,UAAAA,EAAY;AACR,QAAA,MAAA;AACA,QAAA,UAAA;AACA,QAAA,aAAA;AACA,QAAA,cAAA;AACA,QAAA,gBAAA;AACA,QAAA,WAAA;AACA,QAAA,OAAA;AACA,QAAA,qBAAA;AACA,QAAA,aAAA;AACA,QAAA,gBAAA;AACA,QAAA,aAAA;AACA,QAAA,eAAA;AACA,QAAA,eAAA;AACA,QAAA,eAAA;AACA,QAAA,aAAA;AACA,QAAA,eAAA;AACA,QAAA,kBAAA;AACA,QAAA,kBAAA;AACA,QAAA,YAAA;AACA,QAAA,kBAAA;AACA,QAAA,iBAAA;AACA,QAAA,QAAA;AACA,QAAA,oBAAA;AACA,QAAA,qBAAA;AACA,QAAA,eAAA;AACA,QAAA,sBAAA;AACA,QAAA,MAAA;AACA,QAAA,SAAA;AACA,QAAA,UAAA;AACA,QAAA,eAAA;AACA,QAAA,qBAAA;AACA,QAAA,uBAAA;AACA,QAAA,cAAA;AACA,QAAA,aAAA;AACA,QAAA,aAAA;AACA,QAAA,SAAA;AACA,QAAA,eAAA;AACA,QAAA,cAAA;AACA,QAAA;AACH,KAAA;;;;;;AAODC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,eAAAA,EAAiB,EAAE;;;;;AAMnBC,IAAAA,MAAAA,EAAQ,EAAE;IAEVC,WAAAA,EAAa,mBAAA;IACbC,WAAAA,EAAa,6bAAA;IACbC,MAAAA,EAAQ,0BAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY,mDAAA;IACZC,UAAAA,EAAY;AACRC,QAAAA,QAAAA,EAAU,EAAE;QACZC,SAAAA,EAAW;AAAC,YAAA;AAAsB,SAAA;QAClCC,eAAAA,EAAiB;AAAC,YAAA,gBAAA;AAAkB,YAAA,eAAA;AAAiB,YAAA;AAAc,SAAA;AACnEC,QAAAA,gBAAAA,EAAkB,EAAE;QACpBC,OAAAA,EAAS;AAAC,YAAA;AAA+C;AAC7D,KAAA;IACAC,MAAAA,EAAQ;AAAC,QAAA,2BAAA;AAA6B,QAAA;AAA4B,KAAA;IAClEC,iBAAAA,EAAmB;AAAC,QAAA,OAAA;AAAS,QAAA,aAAA;AAAe,QAAA;AAAqB;AACrE;AAEA;;;;;;UAOaC,uBAAAA,GAA8C;IACvDC,QAAAA,EAAU5B,+BAAAA;IACVS,UAAAA,EAAYoB,gBAAAA;IACZC,WAAAA,EAAaC,2BAAAA;IACbZ,UAAAA,EAAY;QACRE,SAAAA,EAAW;YACPW,mBAAAA,EAAqBC;AACzB,SAAA;QACAX,eAAAA,EAAiB;YACbY,cAAAA,EAAgBC;AACpB,SAAA;QACAX,OAAAA,EAAS;AACL,YAAA,CAACY,2BAAAA,CAA4BC,UAAU,CAACC,EAAE,GAAGF;AACjD;AACJ;AACJ;;"}

package/dist/esm/forms/CommandFieldPropertyEditor.d.ts

@@ -0,0 +1,3 @@
+import { DesignTimePropertyEditorProps } from '@cratis/scene.react';
+export declare function CommandFieldPropertyEditor({ context, property, value, setValue }: DesignTimePropertyEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=CommandFieldPropertyEditor.d.ts.map

package/dist/esm/forms/CommandFieldPropertyEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandFieldPropertyEditor.d.ts","sourceRoot":"","sources":["../../../forms/CommandFieldPropertyEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAKpE,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,6BAA6B,+BAM/G"}

package/dist/esm/forms/CommandFieldPropertyEditor.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { SceneEditKind } from '@cratis/scene.model';
+
+/**
+ * Package-side editor for a command form property. It writes through the generic Scene edit boundary.
+ */ function CommandFieldPropertyEditor({ context, property, value, setValue }) {
+    return /*#__PURE__*/ jsx("input", {
+        "aria-label": property.label,
+        value: typeof value === 'string' ? value : '',
+        onChange: (event)=>{
+            const next = event.currentTarget.value;
+            setValue(next);
+            context.submitEdits([
+                {
+                    kind: SceneEditKind.SetProperty,
+                    nodeId: context.element.id,
+                    path: property.path,
+                    value: next
+                }
+            ]);
+        }
+    });
+}
+
+export { CommandFieldPropertyEditor };
+//# sourceMappingURL=CommandFieldPropertyEditor.js.map

package/dist/esm/forms/CommandFieldPropertyEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandFieldPropertyEditor.js","sources":["../../../forms/CommandFieldPropertyEditor.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 { SceneEditKind } from '@cratis/scene.model';\nimport { DesignTimePropertyEditorProps } from '@cratis/scene.react';\n\n/**\n * Package-side editor for a command form property. It writes through the generic Scene edit boundary.\n */\nexport function CommandFieldPropertyEditor({ context, property, value, setValue }: DesignTimePropertyEditorProps) {\n    return <input aria-label={property.label} value={typeof value === 'string' ? value : ''} onChange={event => {\n        const next = event.currentTarget.value;\n        setValue(next);\n        context.submitEdits([{ kind: SceneEditKind.SetProperty, nodeId: context.element.id, path: property.path, value: next }]);\n    }} />;\n}\n"],"names":["CommandFieldPropertyEditor","context","property","value","setValue","_jsx","input","aria-label","label","onChange","event","next","currentTarget","submitEdits","kind","SceneEditKind","SetProperty","nodeId","element","id","path"],"mappings":";;;AAMA;;IAGO,SAASA,0BAAAA,CAA2B,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,QAAQ,EAAiC,EAAA;AAC5G,IAAA,qBAAOC,GAAA,CAACC,OAAAA,EAAAA;AAAMC,QAAAA,YAAAA,EAAYL,SAASM,KAAK;QAAEL,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQ,EAAA;AAAIM,QAAAA,QAAAA,EAAUC,CAAAA,KAAAA,GAAAA;AAC/F,YAAA,MAAMC,IAAAA,GAAOD,KAAAA,CAAME,aAAa,CAACT,KAAK;YACtCC,QAAAA,CAASO,IAAAA,CAAAA;AACTV,YAAAA,OAAAA,CAAQY,WAAW,CAAC;AAAC,gBAAA;AAAEC,oBAAAA,IAAAA,EAAMC,cAAcC,WAAW;oBAAEC,MAAAA,EAAQhB,OAAAA,CAAQiB,OAAO,CAACC,EAAE;AAAEC,oBAAAA,IAAAA,EAAMlB,SAASkB,IAAI;oBAAEjB,KAAAA,EAAOQ;AAAK;AAAE,aAAA,CAAA;AAC3H,QAAA;;AACJ;;"}

package/dist/esm/forms/CommandFormDesigner.d.ts

@@ -0,0 +1,3 @@
+import { DesignTimeComponentProps } from '@cratis/scene.react';
+export declare function CommandFormDesigner({ context }: DesignTimeComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=CommandFormDesigner.d.ts.map

package/dist/esm/forms/CommandFormDesigner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandFormDesigner.d.ts","sourceRoot":"","sources":["../../../forms/CommandFormDesigner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAK/D,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAKxE"}

package/dist/esm/forms/CommandFormDesigner.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Generic package-side command form designer. It reads only the shared design-time context and submits Scene edits.
+ */ function CommandFormDesigner({ context }) {
+    const canGenerate = context.capabilities['commandForm.generateFields'] === true && context.permissions.edit !== false;
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        disabled: !canGenerate,
+        onClick: ()=>context.submitAction('Cratis.Components.commandForm.generateFields', []),
+        children: "Generate fields"
+    });
+}
+
+export { CommandFormDesigner };
+//# sourceMappingURL=CommandFormDesigner.js.map