@cratis/scene.components 0.1.0

package/dist/esm/forms/SceneCommandForm.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { BindingKind } from '../bindings/BindingKind.js';
+import { resolveElementBinding } from '../bindings/resolveElementBinding.js';
+import { MissingBinding } from '../bindings/MissingBinding.js';
+import { ArcRuntimeBoundary } from '../bindings/ArcRuntimeBoundary.js';
+import { stringArrayProperty } from '../properties.js';
+
+/**
+ * `AutoCommandForm` types `exclude` as `(keyof TCommand)[]`, which collapses to `never[]` when the
+ * command type is only known at runtime - as it always is here, since the class arrives from the binding
+ * registry rather than from a type annotation. The conversion states the shape this adapter actually
+ * passes; the underlying component reads `exclude` as property names either way.
+ */ const AutoCommandForm = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).AutoCommandForm
+    }));
+/**
+ * The `Cratis.Components:commandForm` component - `AutoCommandForm` from `@cratis/components/CommandForm`.
+ *
+ * `AutoCommandForm` rather than `CommandForm`, because a screen that had to list every field by hand
+ * would go stale the moment a property is added to the command on the backend. `AutoCommandForm` reads
+ * the command's own property descriptors and picks a field component per property type, so the form
+ * follows the command - which is the same guarantee Arc's generated proxies give the rest of the stack.
+ *
+ * A screen that does want to place fields itself puts the field components from this package in the
+ * `content` slot and names them individually; `exclude` keeps `AutoCommandForm` from generating a second
+ * copy of anything placed that way.
+ */ function SceneCommandForm({ element }) {
+    const { name, target } = resolveElementBinding(element, BindingKind.Command);
+    if (!target) return /*#__PURE__*/ jsx(MissingBinding, {
+        element: element,
+        kind: BindingKind.Command,
+        name: name
+    });
+    return /*#__PURE__*/ jsx(ArcRuntimeBoundary, {
+        children: /*#__PURE__*/ jsx(AutoCommandForm, {
+            command: target,
+            exclude: stringArrayProperty(element.properties, 'exclude')
+        })
+    });
+}
+
+export { SceneCommandForm };
+//# sourceMappingURL=SceneCommandForm.js.map

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

@@ -0,0 +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 { ComponentType, lazy } from 'react';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ArcRuntimeBoundary, BindingKind, BoundConstructor, MissingBinding, resolveElementBinding } from '../bindings';\nimport { stringArrayProperty } from '../properties';\n\ninterface AutoCommandFormElementProps {\n    command: BoundConstructor;\n    exclude?: string[];\n}\n\n/**\n * `AutoCommandForm` types `exclude` as `(keyof TCommand)[]`, which collapses to `never[]` when the\n * command type is only known at runtime - as it always is here, since the class arrives from the binding\n * registry rather than from a type annotation. The conversion states the shape this adapter actually\n * passes; the underlying component reads `exclude` as property names either way.\n */\nconst AutoCommandForm = lazy(async () => ({\n    default: (await import('@cratis/components/CommandForm')).AutoCommandForm as unknown as ComponentType<AutoCommandFormElementProps>,\n}));\n\n/**\n * The `Cratis.Components:commandForm` component - `AutoCommandForm` from `@cratis/components/CommandForm`.\n *\n * `AutoCommandForm` rather than `CommandForm`, because a screen that had to list every field by hand\n * would go stale the moment a property is added to the command on the backend. `AutoCommandForm` reads\n * the command's own property descriptors and picks a field component per property type, so the form\n * follows the command - which is the same guarantee Arc's generated proxies give the rest of the stack.\n *\n * A screen that does want to place fields itself puts the field components from this package in the\n * `content` slot and names them individually; `exclude` keeps `AutoCommandForm` from generating a second\n * copy of anything placed that way.\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    return (\n        <ArcRuntimeBoundary>\n            <AutoCommandForm command={target} exclude={stringArrayProperty(element.properties, 'exclude')} />\n        </ArcRuntimeBoundary>\n    );\n}\n"],"names":["AutoCommandForm","lazy","default","SceneCommandForm","element","name","target","resolveElementBinding","BindingKind","Command","_jsx","MissingBinding","kind","ArcRuntimeBoundary","command","exclude","stringArrayProperty","properties"],"mappings":";;;;;;;;AAaA;;;;;AAKC,IACD,MAAMA,eAAAA,iBAAkBC,IAAAA,CAAK,WAAa;AACtCC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAC9D,CAAA,CAAA;AAEA;;;;;;;;;;;AAWC,IACM,SAASG,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,qBAAAA,CAAsBH,OAAAA,EAASI,WAAAA,CAAYC,OAAO,CAAA;IAC3E,IAAI,CAACH,MAAAA,EAAQ,qBAAOI,GAAA,CAACC,cAAAA,EAAAA;QAAeP,OAAAA,EAASA,OAAAA;AAASQ,QAAAA,IAAAA,EAAMJ,YAAYC,OAAO;QAAEJ,IAAAA,EAAMA;;AAEvF,IAAA,qBACIK,GAAA,CAACG,kBAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAH,GAAA,CAACV,eAAAA,EAAAA;YAAgBc,OAAAA,EAASR,MAAAA;YAAQS,OAAAA,EAASC,mBAAAA,CAAoBZ,OAAAA,CAAQa,UAAU,EAAE,SAAA;;;AAG/F;;;;"}

package/dist/esm/forms/fields/CommandFormField.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ExternalComponent } from '@cratis/scene.model';
+import { FieldBinding } from './FieldBinding';
+export interface CommandFormFieldProps {
+    element: ExternalComponent;
+    children: (binding: FieldBinding) => ReactNode;
+}
+export declare function CommandFormField({ element, children }: CommandFormFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=CommandFormField.d.ts.map

package/dist/esm/forms/fields/CommandFormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandFormField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/CommandFormField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,WAAW,qBAAqB;IAElC,OAAO,EAAE,iBAAiB,CAAC;IAG3B,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC;CAClD;AAWD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAK5E"}

package/dist/esm/forms/fields/CommandFormField.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import '../../bindings/resolveElementBinding.js';
+import { Placeholder } from '../../bindings/Placeholder.js';
+import { ArcRuntimeBoundary } from '../../bindings/ArcRuntimeBoundary.js';
+import { resolveFieldBinding } from './resolveFieldBinding.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The part every command form field adapter does identically: resolve the element's `property` into a
+ * {@link FieldBinding}, place a visible placeholder when there is none, and isolate the lazily loaded
+ * Arc-bound field behind an {@link ArcRuntimeBoundary}.
+ *
+ * Factored out rather than repeated twelve times so that the behavior a screen author depends on - an
+ * unbound field shows up as an unbound field, and one broken field does not take the form with it - is
+ * defined once and cannot drift between field types.
+ */ function CommandFormField({ element, children }) {
+    const binding = resolveFieldBinding(element);
+    if (!binding) return /*#__PURE__*/ jsx(Placeholder, {
+        element: element,
+        problem: "Missing 'property'"
+    });
+    return /*#__PURE__*/ jsx(ArcRuntimeBoundary, {
+        children: children(binding)
+    });
+}
+
+export { CommandFormField };
+//# sourceMappingURL=CommandFormField.js.map

package/dist/esm/forms/fields/CommandFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandFormField.js","sources":["../../../../forms/fields/CommandFormField.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 { ReactNode } from 'react';\nimport { ExternalComponent } from '@cratis/scene.model';\nimport { ArcRuntimeBoundary, Placeholder } from '../../bindings';\nimport { FieldBinding } from './FieldBinding';\nimport { resolveFieldBinding } from './resolveFieldBinding';\n\nexport interface CommandFormFieldProps {\n    /** The element being adapted, read for its `property`, `title` and `description`. */\n    element: ExternalComponent;\n\n    /** Renders the real `@cratis/components` field, given the binding built from the element. */\n    children: (binding: FieldBinding) => ReactNode;\n}\n\n/**\n * The part every command form field adapter does identically: resolve the element's `property` into a\n * {@link FieldBinding}, place a visible placeholder when there is none, and isolate the lazily loaded\n * Arc-bound field behind an {@link ArcRuntimeBoundary}.\n *\n * Factored out rather than repeated twelve times so that the behavior a screen author depends on - an\n * unbound field shows up as an unbound field, and one broken field does not take the form with it - is\n * defined once and cannot drift between field types.\n */\nexport function CommandFormField({ element, children }: CommandFormFieldProps) {\n    const binding = resolveFieldBinding(element);\n    if (!binding) return <Placeholder element={element} problem=\"Missing 'property'\" />;\n\n    return <ArcRuntimeBoundary>{children(binding)}</ArcRuntimeBoundary>;\n}\n"],"names":["CommandFormField","element","children","binding","resolveFieldBinding","_jsx","Placeholder","problem","ArcRuntimeBoundary"],"mappings":";;;;;;AAAA;AACA;AAgBA;;;;;;;;AAQC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAyB,EAAA;AACzE,IAAA,MAAMC,UAAUC,mBAAAA,CAAoBH,OAAAA,CAAAA;IACpC,IAAI,CAACE,OAAAA,EAAS,qBAAOE,GAAA,CAACC,WAAAA,EAAAA;QAAYL,OAAAA,EAASA,OAAAA;QAASM,OAAAA,EAAQ;;AAE5D,IAAA,qBAAOF,GAAA,CAACG,kBAAAA,EAAAA;kBAAoBN,QAAAA,CAASC,OAAAA;;AACzC;;;;"}

package/dist/esm/forms/fields/FieldBinding.d.ts

@@ -0,0 +1,6 @@
+export interface FieldBinding {
+    value: (instance: Record<string, unknown>) => unknown;
+    title: string;
+    description?: string;
+}
+//# sourceMappingURL=FieldBinding.d.ts.map

package/dist/esm/forms/fields/FieldBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBinding.d.ts","sourceRoot":"","sources":["../../../../forms/fields/FieldBinding.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,YAAY;IAMzB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;IAGtD,KAAK,EAAE,MAAM,CAAC;IAGd,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/esm/forms/fields/FieldBinding.js

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

package/dist/esm/forms/fields/FieldBinding.js.map

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

package/dist/esm/forms/fields/SceneCalendarField.d.ts

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

package/dist/esm/forms/fields/SceneCalendarField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneCalendarField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneCalendarField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAoB/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgBvE"}

package/dist/esm/forms/fields/SceneCalendarField.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, unionProperty, booleanProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const CalendarField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).CalendarField
+    }));
+/** Whether times are shown on a 12- or 24-hour clock. */ const hourFormats = [
+    '12',
+    '24'
+];
+/**
+ * The `Cratis.Components:calendarField` component - `CalendarField` from `@cratis/components/CommandForm`.
+ *
+ * Binds to a `Date` property, so the command receives a real date rather than the string an
+ * `<input type="date">` produces - which matters because the backend's command record is typed and a
+ * string would fail model binding rather than the field.
+ *
+ * `minDate` and `maxDate` are deliberately not exposed: they would have to come out of the property bag
+ * as strings and be parsed here, and a bound range that silently misparses is worse than no bound range.
+ * A date range that has to be enforced belongs in the command's validator, where it is authoritative.
+ */ function SceneCalendarField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(CalendarField, {
+                ...binding,
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                dateFormat: stringProperty(element.properties, 'dateFormat'),
+                showIcon: booleanProperty(element.properties, 'showIcon'),
+                showTime: booleanProperty(element.properties, 'showTime'),
+                hourFormat: unionProperty(element.properties, 'hourFormat', hourFormats),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneCalendarField };
+//# sourceMappingURL=SceneCalendarField.js.map

package/dist/esm/forms/fields/SceneCalendarField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneCalendarField.js","sources":["../../../../forms/fields/SceneCalendarField.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 { booleanProperty, stringProperty, unionProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst CalendarField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).CalendarField }));\n\n/** Whether times are shown on a 12- or 24-hour clock. */\nconst hourFormats = ['12', '24'] as const;\n\n/**\n * The `Cratis.Components:calendarField` component - `CalendarField` from `@cratis/components/CommandForm`.\n *\n * Binds to a `Date` property, so the command receives a real date rather than the string an\n * `<input type=\"date\">` produces - which matters because the backend's command record is typed and a\n * string would fail model binding rather than the field.\n *\n * `minDate` and `maxDate` are deliberately not exposed: they would have to come out of the property bag\n * as strings and be parsed here, and a bound range that silently misparses is worse than no bound range.\n * A date range that has to be enforced belongs in the command's validator, where it is authoritative.\n */\nexport function SceneCalendarField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <CalendarField\n                    {...binding}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    dateFormat={stringProperty(element.properties, 'dateFormat')}\n                    showIcon={booleanProperty(element.properties, 'showIcon')}\n                    showTime={booleanProperty(element.properties, 'showTime')}\n                    hourFormat={unionProperty(element.properties, 'hourFormat', hourFormats)}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["CalendarField","lazy","default","hourFormats","SceneCalendarField","element","_jsx","CommandFormField","binding","placeholder","stringProperty","properties","dateFormat","showIcon","booleanProperty","showTime","hourFormat","unionProperty","className"],"mappings":";;;;;AAQA,MAAMA,aAAAA,iBAAgBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAc,CAAA,CAAA;AAElH,0DACA,MAAMG,WAAAA,GAAc;AAAC,IAAA,IAAA;AAAM,IAAA;AAAK,CAAA;AAEhC;;;;;;;;;;AAUC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACN,aAAAA,EAAAA;AACI,gBAAA,GAAGQ,OAAO;gBACXC,WAAAA,EAAaC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;gBAChDC,UAAAA,EAAYF,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,YAAA,CAAA;gBAC/CE,QAAAA,EAAUC,eAAAA,CAAgBT,OAAAA,CAAQM,UAAU,EAAE,UAAA,CAAA;gBAC9CI,QAAAA,EAAUD,eAAAA,CAAgBT,OAAAA,CAAQM,UAAU,EAAE,UAAA,CAAA;AAC9CK,gBAAAA,UAAAA,EAAYC,aAAAA,CAAcZ,OAAAA,CAAQM,UAAU,EAAE,YAAA,EAAcR,WAAAA,CAAAA;gBAC5De,SAAAA,EAAWR,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneCheckboxField.d.ts

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

package/dist/esm/forms/fields/SceneCheckboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneCheckboxField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneCheckboxField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAYvE"}

package/dist/esm/forms/fields/SceneCheckboxField.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const CheckboxField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).CheckboxField
+    }));
+/**
+ * The `Cratis.Components:checkboxField` component - `CheckboxField` from `@cratis/components/CommandForm`.
+ *
+ * `label` is the text beside the box and is distinct from `title`, which is the field's own label above
+ * it - a checkbox usually wants only one of the two, and which one is a layout decision the screen makes.
+ */ function SceneCheckboxField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(CheckboxField, {
+                ...binding,
+                label: stringProperty(element.properties, 'label'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneCheckboxField };
+//# sourceMappingURL=SceneCheckboxField.js.map

package/dist/esm/forms/fields/SceneCheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneCheckboxField.js","sources":["../../../../forms/fields/SceneCheckboxField.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 { stringProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst CheckboxField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).CheckboxField }));\n\n/**\n * The `Cratis.Components:checkboxField` component - `CheckboxField` from `@cratis/components/CommandForm`.\n *\n * `label` is the text beside the box and is distinct from `title`, which is the field's own label above\n * it - a checkbox usually wants only one of the two, and which one is a layout decision the screen makes.\n */\nexport function SceneCheckboxField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <CheckboxField\n                    {...binding}\n                    label={stringProperty(element.properties, 'label')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["CheckboxField","lazy","default","SceneCheckboxField","element","_jsx","CommandFormField","binding","label","stringProperty","properties","className"],"mappings":";;;;;AAQA,MAAMA,aAAAA,iBAAgBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAc,CAAA,CAAA;AAElH;;;;;AAKC,IACM,SAASG,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACL,aAAAA,EAAAA;AACI,gBAAA,GAAGO,OAAO;gBACXC,KAAAA,EAAOC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,OAAA,CAAA;gBAC1CC,SAAAA,EAAWF,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneChipsField.d.ts

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

package/dist/esm/forms/fields/SceneChipsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneChipsField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneChipsField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAa/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgBpE"}

package/dist/esm/forms/fields/SceneChipsField.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, booleanProperty, numberProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const ChipsField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).ChipsField
+    }));
+/**
+ * The `Cratis.Components:chipsField` component - `ChipsField` from `@cratis/components/CommandForm`.
+ *
+ * A free-form list of strings - tags, labels, recipients - where the values are typed rather than picked.
+ * `multiSelectField` is the right choice whenever the values come from a known set; this one exists for
+ * when they do not.
+ */ function SceneChipsField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(ChipsField, {
+                ...binding,
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                max: numberProperty(element.properties, 'max'),
+                separator: stringProperty(element.properties, 'separator'),
+                addOnBlur: booleanProperty(element.properties, 'addOnBlur'),
+                allowDuplicate: booleanProperty(element.properties, 'allowDuplicate'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneChipsField };
+//# sourceMappingURL=SceneChipsField.js.map

package/dist/esm/forms/fields/SceneChipsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneChipsField.js","sources":["../../../../forms/fields/SceneChipsField.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 { booleanProperty, numberProperty, stringProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst ChipsField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).ChipsField }));\n\n/**\n * The `Cratis.Components:chipsField` component - `ChipsField` from `@cratis/components/CommandForm`.\n *\n * A free-form list of strings - tags, labels, recipients - where the values are typed rather than picked.\n * `multiSelectField` is the right choice whenever the values come from a known set; this one exists for\n * when they do not.\n */\nexport function SceneChipsField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <ChipsField\n                    {...binding}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    max={numberProperty(element.properties, 'max')}\n                    separator={stringProperty(element.properties, 'separator')}\n                    addOnBlur={booleanProperty(element.properties, 'addOnBlur')}\n                    allowDuplicate={booleanProperty(element.properties, 'allowDuplicate')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["ChipsField","lazy","default","SceneChipsField","element","_jsx","CommandFormField","binding","placeholder","stringProperty","properties","max","numberProperty","separator","addOnBlur","booleanProperty","allowDuplicate","className"],"mappings":";;;;;AAQA,MAAMA,UAAAA,iBAAaC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAW,CAAA,CAAA;AAE5G;;;;;;AAMC,IACM,SAASG,eAAAA,CAAgB,EAAEC,OAAO,EAA4B,EAAA;AACjE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACL,UAAAA,EAAAA;AACI,gBAAA,GAAGO,OAAO;gBACXC,WAAAA,EAAaC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;gBAChDC,GAAAA,EAAKC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,KAAA,CAAA;gBACxCG,SAAAA,EAAWJ,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,WAAA,CAAA;gBAC9CI,SAAAA,EAAWC,eAAAA,CAAgBX,OAAAA,CAAQM,UAAU,EAAE,WAAA,CAAA;gBAC/CM,cAAAA,EAAgBD,eAAAA,CAAgBX,OAAAA,CAAQM,UAAU,EAAE,gBAAA,CAAA;gBACpDO,SAAAA,EAAWR,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneColorPickerField.d.ts

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

package/dist/esm/forms/fields/SceneColorPickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneColorPickerField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneColorPickerField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAa/D,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAa1E"}

package/dist/esm/forms/fields/SceneColorPickerField.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, booleanProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const ColorPickerField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).ColorPickerField
+    }));
+/**
+ * The `Cratis.Components:colorPickerField` component - `ColorPickerField` from
+ * `@cratis/components/CommandForm`.
+ *
+ * Binds a color to a string property. `inline` decides whether the picker is always open or opens from a
+ * swatch, which is a layout decision rather than a behavioral one.
+ */ function SceneColorPickerField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(ColorPickerField, {
+                ...binding,
+                inline: booleanProperty(element.properties, 'inline'),
+                defaultColor: stringProperty(element.properties, 'defaultColor'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneColorPickerField };
+//# sourceMappingURL=SceneColorPickerField.js.map

package/dist/esm/forms/fields/SceneColorPickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneColorPickerField.js","sources":["../../../../forms/fields/SceneColorPickerField.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 { booleanProperty, stringProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst ColorPickerField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).ColorPickerField }));\n\n/**\n * The `Cratis.Components:colorPickerField` component - `ColorPickerField` from\n * `@cratis/components/CommandForm`.\n *\n * Binds a color to a string property. `inline` decides whether the picker is always open or opens from a\n * swatch, which is a layout decision rather than a behavioral one.\n */\nexport function SceneColorPickerField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <ColorPickerField\n                    {...binding}\n                    inline={booleanProperty(element.properties, 'inline')}\n                    defaultColor={stringProperty(element.properties, 'defaultColor')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["ColorPickerField","lazy","default","SceneColorPickerField","element","_jsx","CommandFormField","binding","inline","booleanProperty","properties","defaultColor","stringProperty","className"],"mappings":";;;;;AAQA,MAAMA,gBAAAA,iBAAmBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAiB,CAAA,CAAA;AAExH;;;;;;AAMC,IACM,SAASG,qBAAAA,CAAsB,EAAEC,OAAO,EAA4B,EAAA;AACvE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACL,gBAAAA,EAAAA;AACI,gBAAA,GAAGO,OAAO;gBACXC,MAAAA,EAAQC,eAAAA,CAAgBL,OAAAA,CAAQM,UAAU,EAAE,QAAA,CAAA;gBAC5CC,YAAAA,EAAcC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,cAAA,CAAA;gBACjDG,SAAAA,EAAWD,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneDropdownField.d.ts

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

package/dist/esm/forms/fields/SceneDropdownField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneDropdownField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneDropdownField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAgB/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAevE"}

package/dist/esm/forms/fields/SceneDropdownField.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, objectArrayProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const DropdownField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).DropdownField
+    }));
+/**
+ * The `Cratis.Components:dropdownField` component - `DropdownField` from `@cratis/components/CommandForm`.
+ *
+ * Single selection from a fixed list the screen carries inline. `optionLabel` and `optionValue` default
+ * to `label` and `value`, the shape an authored list takes when nobody says otherwise, so the common
+ * case needs only `options`.
+ *
+ * Options that have to come from the backend are a different component: bind the list to a query with
+ * `dataTable`, or register the lookup as its own query. A property bag is the wrong place for data.
+ */ function SceneDropdownField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(DropdownField, {
+                ...binding,
+                options: objectArrayProperty(element.properties, 'options') ?? [],
+                optionLabel: stringProperty(element.properties, 'optionLabel') ?? 'label',
+                optionValue: stringProperty(element.properties, 'optionValue') ?? 'value',
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneDropdownField };
+//# sourceMappingURL=SceneDropdownField.js.map

package/dist/esm/forms/fields/SceneDropdownField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneDropdownField.js","sources":["../../../../forms/fields/SceneDropdownField.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 { objectArrayProperty, stringProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst DropdownField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).DropdownField }));\n\n/**\n * The `Cratis.Components:dropdownField` component - `DropdownField` from `@cratis/components/CommandForm`.\n *\n * Single selection from a fixed list the screen carries inline. `optionLabel` and `optionValue` default\n * to `label` and `value`, the shape an authored list takes when nobody says otherwise, so the common\n * case needs only `options`.\n *\n * Options that have to come from the backend are a different component: bind the list to a query with\n * `dataTable`, or register the lookup as its own query. A property bag is the wrong place for data.\n */\nexport function SceneDropdownField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <DropdownField\n                    {...binding}\n                    options={objectArrayProperty(element.properties, 'options') ?? []}\n                    optionLabel={stringProperty(element.properties, 'optionLabel') ?? 'label'}\n                    optionValue={stringProperty(element.properties, 'optionValue') ?? 'value'}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["DropdownField","lazy","default","SceneDropdownField","element","_jsx","CommandFormField","binding","options","objectArrayProperty","properties","optionLabel","stringProperty","optionValue","placeholder","className"],"mappings":";;;;;AAQA,MAAMA,aAAAA,iBAAgBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAc,CAAA,CAAA;AAElH;;;;;;;;;AASC,IACM,SAASG,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACL,aAAAA,EAAAA;AACI,gBAAA,GAAGO,OAAO;AACXC,gBAAAA,OAAAA,EAASC,mBAAAA,CAAoBL,OAAAA,CAAQM,UAAU,EAAE,cAAc,EAAE;AACjEC,gBAAAA,WAAAA,EAAaC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA,IAAkB,OAAA;AAClEG,gBAAAA,WAAAA,EAAaD,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA,IAAkB,OAAA;gBAClEI,WAAAA,EAAaF,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;gBAChDK,SAAAA,EAAWH,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneInputTextField.d.ts

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

package/dist/esm/forms/fields/SceneInputTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneInputTextField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneInputTextField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAmB/D,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAaxE"}

package/dist/esm/forms/fields/SceneInputTextField.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, unionProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const InputTextField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).InputTextField
+    }));
+/**
+ * The HTML input types `InputTextField` supports, as a tuple so `unionProperty` narrows an authored
+ * string to exactly one of them and falls back to the component's own default for anything else.
+ */ const inputTypes = [
+    'text',
+    'email',
+    'password',
+    'color',
+    'date',
+    'datetime-local',
+    'time',
+    'url',
+    'tel',
+    'search'
+];
+/**
+ * The `Cratis.Components:inputTextField` component - `InputTextField` from `@cratis/components/CommandForm`.
+ *
+ * The single-line text field, and the one a screen reaches for most. `type` carries all the way through
+ * to the HTML input, so `email`, `password` and `url` fields are this component too rather than separate
+ * names - the browser's own keyboard and validation behavior is what differs, not the binding.
+ */ function SceneInputTextField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(InputTextField, {
+                ...binding,
+                type: unionProperty(element.properties, 'type', inputTypes),
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneInputTextField };
+//# sourceMappingURL=SceneInputTextField.js.map

package/dist/esm/forms/fields/SceneInputTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneInputTextField.js","sources":["../../../../forms/fields/SceneInputTextField.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 { stringProperty, unionProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst InputTextField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).InputTextField }));\n\n/**\n * The HTML input types `InputTextField` supports, as a tuple so `unionProperty` narrows an authored\n * string to exactly one of them and falls back to the component's own default for anything else.\n */\nconst inputTypes = ['text', 'email', 'password', 'color', 'date', 'datetime-local', 'time', 'url', 'tel', 'search'] as const;\n\n/**\n * The `Cratis.Components:inputTextField` component - `InputTextField` from `@cratis/components/CommandForm`.\n *\n * The single-line text field, and the one a screen reaches for most. `type` carries all the way through\n * to the HTML input, so `email`, `password` and `url` fields are this component too rather than separate\n * names - the browser's own keyboard and validation behavior is what differs, not the binding.\n */\nexport function SceneInputTextField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <InputTextField\n                    {...binding}\n                    type={unionProperty(element.properties, 'type', inputTypes)}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["InputTextField","lazy","default","inputTypes","SceneInputTextField","element","_jsx","CommandFormField","binding","type","unionProperty","properties","placeholder","stringProperty","className"],"mappings":";;;;;AAQA,MAAMA,cAAAA,iBAAiBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAe,CAAA,CAAA;AAEpH;;;AAGC,IACD,MAAMG,UAAAA,GAAa;AAAC,IAAA,MAAA;AAAQ,IAAA,OAAA;AAAS,IAAA,UAAA;AAAY,IAAA,OAAA;AAAS,IAAA,MAAA;AAAQ,IAAA,gBAAA;AAAkB,IAAA,MAAA;AAAQ,IAAA,KAAA;AAAO,IAAA,KAAA;AAAO,IAAA;AAAS,CAAA;AAEnH;;;;;;AAMC,IACM,SAASC,mBAAAA,CAAoB,EAAEC,OAAO,EAA4B,EAAA;AACrE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACN,cAAAA,EAAAA;AACI,gBAAA,GAAGQ,OAAO;AACXC,gBAAAA,IAAAA,EAAMC,aAAAA,CAAcL,OAAAA,CAAQM,UAAU,EAAE,MAAA,EAAQR,UAAAA,CAAAA;gBAChDS,WAAAA,EAAaC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;gBAChDG,SAAAA,EAAWD,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneMultiSelectField.d.ts

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

package/dist/esm/forms/fields/SceneMultiSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneMultiSelectField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneMultiSelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAgB/D,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAmB1E"}

package/dist/esm/forms/fields/SceneMultiSelectField.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, booleanProperty, numberProperty, unionProperty, objectArrayProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const MultiSelectField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).MultiSelectField
+    }));
+/** How the current selection is summarized in the closed control. */ const displayModes = [
+    'comma',
+    'chip'
+];
+/**
+ * The `Cratis.Components:multiSelectField` component - `MultiSelectField` from
+ * `@cratis/components/CommandForm`.
+ *
+ * The many-valued counterpart to `dropdownField`, binding to a collection property on the command rather
+ * than a scalar one.
+ */ function SceneMultiSelectField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(MultiSelectField, {
+                ...binding,
+                options: objectArrayProperty(element.properties, 'options') ?? [],
+                optionLabel: stringProperty(element.properties, 'optionLabel') ?? 'label',
+                optionValue: stringProperty(element.properties, 'optionValue') ?? 'value',
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                display: unionProperty(element.properties, 'display', displayModes),
+                maxSelectedLabels: numberProperty(element.properties, 'maxSelectedLabels'),
+                filter: booleanProperty(element.properties, 'filter'),
+                showClear: booleanProperty(element.properties, 'showClear'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneMultiSelectField };
+//# sourceMappingURL=SceneMultiSelectField.js.map

package/dist/esm/forms/fields/SceneMultiSelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneMultiSelectField.js","sources":["../../../../forms/fields/SceneMultiSelectField.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 { booleanProperty, numberProperty, objectArrayProperty, stringProperty, unionProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst MultiSelectField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).MultiSelectField }));\n\n/** How the current selection is summarized in the closed control. */\nconst displayModes = ['comma', 'chip'] as const;\n\n/**\n * The `Cratis.Components:multiSelectField` component - `MultiSelectField` from\n * `@cratis/components/CommandForm`.\n *\n * The many-valued counterpart to `dropdownField`, binding to a collection property on the command rather\n * than a scalar one.\n */\nexport function SceneMultiSelectField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <MultiSelectField\n                    {...binding}\n                    options={objectArrayProperty(element.properties, 'options') ?? []}\n                    optionLabel={stringProperty(element.properties, 'optionLabel') ?? 'label'}\n                    optionValue={stringProperty(element.properties, 'optionValue') ?? 'value'}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    display={unionProperty(element.properties, 'display', displayModes)}\n                    maxSelectedLabels={numberProperty(element.properties, 'maxSelectedLabels')}\n                    filter={booleanProperty(element.properties, 'filter')}\n                    showClear={booleanProperty(element.properties, 'showClear')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["MultiSelectField","lazy","default","displayModes","SceneMultiSelectField","element","_jsx","CommandFormField","binding","options","objectArrayProperty","properties","optionLabel","stringProperty","optionValue","placeholder","display","unionProperty","maxSelectedLabels","numberProperty","filter","booleanProperty","showClear","className"],"mappings":";;;;;AAQA,MAAMA,gBAAAA,iBAAmBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAiB,CAAA,CAAA;AAExH,sEACA,MAAMG,YAAAA,GAAe;AAAC,IAAA,OAAA;AAAS,IAAA;AAAO,CAAA;AAEtC;;;;;;AAMC,IACM,SAASC,qBAAAA,CAAsB,EAAEC,OAAO,EAA4B,EAAA;AACvE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACN,gBAAAA,EAAAA;AACI,gBAAA,GAAGQ,OAAO;AACXC,gBAAAA,OAAAA,EAASC,mBAAAA,CAAoBL,OAAAA,CAAQM,UAAU,EAAE,cAAc,EAAE;AACjEC,gBAAAA,WAAAA,EAAaC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA,IAAkB,OAAA;AAClEG,gBAAAA,WAAAA,EAAaD,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA,IAAkB,OAAA;gBAClEI,WAAAA,EAAaF,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;AAChDK,gBAAAA,OAAAA,EAASC,aAAAA,CAAcZ,OAAAA,CAAQM,UAAU,EAAE,SAAA,EAAWR,YAAAA,CAAAA;gBACtDe,iBAAAA,EAAmBC,cAAAA,CAAed,OAAAA,CAAQM,UAAU,EAAE,mBAAA,CAAA;gBACtDS,MAAAA,EAAQC,eAAAA,CAAgBhB,OAAAA,CAAQM,UAAU,EAAE,QAAA,CAAA;gBAC5CW,SAAAA,EAAWD,eAAAA,CAAgBhB,OAAAA,CAAQM,UAAU,EAAE,WAAA,CAAA;gBAC/CY,SAAAA,EAAWV,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneNumberField.d.ts

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

package/dist/esm/forms/fields/SceneNumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneNumberField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneNumberField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAa/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAerE"}

package/dist/esm/forms/fields/SceneNumberField.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, numberProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const NumberField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).NumberField
+    }));
+/**
+ * The `Cratis.Components:numberField` component - `NumberField` from `@cratis/components/CommandForm`.
+ *
+ * PrimeReact's `InputNumber` behind the command binding, so the bound property stays a number rather
+ * than the string an `<input type="number">` would hand back. `min`, `max` and `step` are client-side
+ * affordances only - the authoritative check is still the backend's validation on the command.
+ */ function SceneNumberField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(NumberField, {
+                ...binding,
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                min: numberProperty(element.properties, 'min'),
+                max: numberProperty(element.properties, 'max'),
+                step: numberProperty(element.properties, 'step'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneNumberField };
+//# sourceMappingURL=SceneNumberField.js.map

package/dist/esm/forms/fields/SceneNumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneNumberField.js","sources":["../../../../forms/fields/SceneNumberField.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 { numberProperty, stringProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst NumberField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).NumberField }));\n\n/**\n * The `Cratis.Components:numberField` component - `NumberField` from `@cratis/components/CommandForm`.\n *\n * PrimeReact's `InputNumber` behind the command binding, so the bound property stays a number rather\n * than the string an `<input type=\"number\">` would hand back. `min`, `max` and `step` are client-side\n * affordances only - the authoritative check is still the backend's validation on the command.\n */\nexport function SceneNumberField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <NumberField\n                    {...binding}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    min={numberProperty(element.properties, 'min')}\n                    max={numberProperty(element.properties, 'max')}\n                    step={numberProperty(element.properties, 'step')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["NumberField","lazy","default","SceneNumberField","element","_jsx","CommandFormField","binding","placeholder","stringProperty","properties","min","numberProperty","max","step","className"],"mappings":";;;;;AAQA,MAAMA,WAAAA,iBAAcC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAY,CAAA,CAAA;AAE9G;;;;;;AAMC,IACM,SAASG,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACL,WAAAA,EAAAA;AACI,gBAAA,GAAGO,OAAO;gBACXC,WAAAA,EAAaC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;gBAChDC,GAAAA,EAAKC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,KAAA,CAAA;gBACxCG,GAAAA,EAAKD,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,KAAA,CAAA;gBACxCI,IAAAA,EAAMF,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,MAAA,CAAA;gBACzCK,SAAAA,EAAWN,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/SceneRadioButtonField.d.ts

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

package/dist/esm/forms/fields/SceneRadioButtonField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneRadioButtonField.d.ts","sourceRoot":"","sources":["../../../../forms/fields/SceneRadioButtonField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAe1E"}

package/dist/esm/forms/fields/SceneRadioButtonField.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, numberProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const RadioButtonField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).RadioButtonField
+    }));
+/**
+ * The `Cratis.Components:radioButtonField` component - `RadioButtonField` from
+ * `@cratis/components/CommandForm`.
+ *
+ * One button of a mutually exclusive set, for a screen that needs the choices placed individually rather
+ * than as a block. `buttonValue` is the value this particular button writes to the bound property, and
+ * the whole set is tied together by every button naming the same `property`.
+ *
+ * `buttonValue` is read as a string first and a number second, since a choice is usually a string but a
+ * numeric code is common enough that forcing it through as `'1'` would bind the wrong value.
+ */ function SceneRadioButtonField({ element }) {
+    const buttonValue = stringProperty(element.properties, 'buttonValue') ?? numberProperty(element.properties, 'buttonValue') ?? '';
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(RadioButtonField, {
+                ...binding,
+                buttonValue: buttonValue,
+                label: stringProperty(element.properties, 'label'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneRadioButtonField };
+//# sourceMappingURL=SceneRadioButtonField.js.map

package/dist/esm/forms/fields/SceneRadioButtonField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneRadioButtonField.js","sources":["../../../../forms/fields/SceneRadioButtonField.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 { numberProperty, stringProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst RadioButtonField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).RadioButtonField }));\n\n/**\n * The `Cratis.Components:radioButtonField` component - `RadioButtonField` from\n * `@cratis/components/CommandForm`.\n *\n * One button of a mutually exclusive set, for a screen that needs the choices placed individually rather\n * than as a block. `buttonValue` is the value this particular button writes to the bound property, and\n * the whole set is tied together by every button naming the same `property`.\n *\n * `buttonValue` is read as a string first and a number second, since a choice is usually a string but a\n * numeric code is common enough that forcing it through as `'1'` would bind the wrong value.\n */\nexport function SceneRadioButtonField({ element }: RegisteredComponentProps) {\n    const buttonValue = stringProperty(element.properties, 'buttonValue') ?? numberProperty(element.properties, 'buttonValue') ?? '';\n\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <RadioButtonField\n                    {...binding}\n                    buttonValue={buttonValue}\n                    label={stringProperty(element.properties, 'label')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["RadioButtonField","lazy","default","SceneRadioButtonField","element","buttonValue","stringProperty","properties","numberProperty","_jsx","CommandFormField","binding","label","className"],"mappings":";;;;;AAQA,MAAMA,gBAAAA,iBAAmBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAiB,CAAA,CAAA;AAExH;;;;;;;;;;AAUC,IACM,SAASG,qBAAAA,CAAsB,EAAEC,OAAO,EAA4B,EAAA;IACvE,MAAMC,WAAAA,GAAcC,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,kBAAkBC,cAAAA,CAAeJ,OAAAA,CAAQG,UAAU,EAAE,aAAA,CAAA,IAAkB,EAAA;AAE9H,IAAA,qBACIE,GAAA,CAACC,gBAAAA,EAAAA;QAAiBN,OAAAA,EAASA,OAAAA;AACtBO,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACT,gBAAAA,EAAAA;AACI,gBAAA,GAAGW,OAAO;gBACXN,WAAAA,EAAaA,WAAAA;gBACbO,KAAAA,EAAON,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,OAAA,CAAA;gBAC1CM,SAAAA,EAAWP,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,WAAA;;;AAKlE;;;;"}