@cratis/scene.components 0.1.0

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, unionProperty, objectArrayProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const RadioGroupField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).RadioGroupField
+    }));
+/** Whether the group's buttons stack or sit in a row. */ const layouts = [
+    'horizontal',
+    'vertical'
+];
+/**
+ * The `Cratis.Components:radioGroupField` component - `RadioGroupField` from
+ * `@cratis/components/CommandForm`.
+ *
+ * A whole mutually exclusive choice from one options list, which is what a screen almost always wants.
+ * Use `radioButtonField` only when the individual buttons have to be placed apart from one another.
+ */ function SceneRadioGroupField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(RadioGroupField, {
+                ...binding,
+                options: objectArrayProperty(element.properties, 'options') ?? [],
+                optionLabel: stringProperty(element.properties, 'optionLabel') ?? 'label',
+                optionValue: stringProperty(element.properties, 'optionValue') ?? 'value',
+                layout: unionProperty(element.properties, 'layout', layouts),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneRadioGroupField };
+//# sourceMappingURL=SceneRadioGroupField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SceneRadioGroupField.js","sources":["../../../../forms/fields/SceneRadioGroupField.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, unionProperty } from '../../properties';\nimport { CommandFormField } from './CommandFormField';\n\nconst RadioGroupField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).RadioGroupField }));\n\n/** Whether the group's buttons stack or sit in a row. */\nconst layouts = ['horizontal', 'vertical'] as const;\n\n/**\n * The `Cratis.Components:radioGroupField` component - `RadioGroupField` from\n * `@cratis/components/CommandForm`.\n *\n * A whole mutually exclusive choice from one options list, which is what a screen almost always wants.\n * Use `radioButtonField` only when the individual buttons have to be placed apart from one another.\n */\nexport function SceneRadioGroupField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <RadioGroupField\n                    {...binding}\n                    options={objectArrayProperty(element.properties, 'options') ?? []}\n                    optionLabel={stringProperty(element.properties, 'optionLabel') ?? 'label'}\n                    optionValue={stringProperty(element.properties, 'optionValue') ?? 'value'}\n                    layout={unionProperty(element.properties, 'layout', layouts)}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["RadioGroupField","lazy","default","layouts","SceneRadioGroupField","element","_jsx","CommandFormField","binding","options","objectArrayProperty","properties","optionLabel","stringProperty","optionValue","layout","unionProperty","className"],"mappings":";;;;;AAQA,MAAMA,eAAAA,iBAAkBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAgB,CAAA,CAAA;AAEtH,0DACA,MAAMG,OAAAA,GAAU;AAAC,IAAA,YAAA;AAAc,IAAA;AAAW,CAAA;AAE1C;;;;;;AAMC,IACM,SAASC,oBAAAA,CAAqB,EAAEC,OAAO,EAA4B,EAAA;AACtE,IAAA,qBACIC,GAAA,CAACC,gBAAAA,EAAAA;QAAiBF,OAAAA,EAASA,OAAAA;AACtBG,QAAAA,QAAAA,EAAAA,CAAAA,wBACGF,GAAA,CAACN,eAAAA,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;AAClEI,gBAAAA,MAAAA,EAAQC,aAAAA,CAAcX,OAAAA,CAAQM,UAAU,EAAE,QAAA,EAAUR,OAAAA,CAAAA;gBACpDc,SAAAA,EAAWJ,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, numberProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const SliderField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).SliderField
+    }));
+/**
+ * The `Cratis.Components:sliderField` component - `SliderField` from `@cratis/components/CommandForm`.
+ *
+ * A numeric field where the range itself is the point - a percentage, a threshold, a weighting. Prefer
+ * `numberField` whenever the exact value matters more than its position in a range; a slider trades
+ * precision for a sense of scale, and that is only ever a deliberate choice.
+ */ function SceneSliderField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(SliderField, {
+                ...binding,
+                min: numberProperty(element.properties, 'min'),
+                max: numberProperty(element.properties, 'max'),
+                step: numberProperty(element.properties, 'step'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneSliderField };
+//# sourceMappingURL=SceneSliderField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SceneSliderField.js","sources":["../../../../forms/fields/SceneSliderField.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 SliderField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).SliderField }));\n\n/**\n * The `Cratis.Components:sliderField` component - `SliderField` from `@cratis/components/CommandForm`.\n *\n * A numeric field where the range itself is the point - a percentage, a threshold, a weighting. Prefer\n * `numberField` whenever the exact value matters more than its position in a range; a slider trades\n * precision for a sense of scale, and that is only ever a deliberate choice.\n */\nexport function SceneSliderField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <SliderField\n                    {...binding}\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":["SliderField","lazy","default","SceneSliderField","element","_jsx","CommandFormField","binding","min","numberProperty","properties","max","step","className","stringProperty"],"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,GAAAA,EAAKC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,KAAA,CAAA;gBACxCC,GAAAA,EAAKF,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,KAAA,CAAA;gBACxCE,IAAAA,EAAMH,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,MAAA,CAAA;gBACzCG,SAAAA,EAAWC,cAAAA,CAAeV,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { stringProperty, numberProperty } from '../../properties.js';
+import { CommandFormField } from './CommandFormField.js';
+
+const TextAreaField = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/CommandForm')).TextAreaField
+    }));
+/**
+ * The `Cratis.Components:textAreaField` component - `TextAreaField` from `@cratis/components/CommandForm`.
+ *
+ * The multi-line counterpart to `inputTextField`. A separate name rather than a `multiline` flag on that
+ * one, because the two wrap different PrimeReact inputs and take different sizing props - collapsing
+ * them would mean a `rows` property that is meaningless half the time.
+ */ function SceneTextAreaField({ element }) {
+    return /*#__PURE__*/ jsx(CommandFormField, {
+        element: element,
+        children: (binding)=>/*#__PURE__*/ jsx(TextAreaField, {
+                ...binding,
+                placeholder: stringProperty(element.properties, 'placeholder'),
+                rows: numberProperty(element.properties, 'rows'),
+                cols: numberProperty(element.properties, 'cols'),
+                className: stringProperty(element.properties, 'className')
+            })
+    });
+}
+
+export { SceneTextAreaField };
+//# sourceMappingURL=SceneTextAreaField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SceneTextAreaField.js","sources":["../../../../forms/fields/SceneTextAreaField.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 TextAreaField = lazy(async () => ({ default: (await import('@cratis/components/CommandForm')).TextAreaField }));\n\n/**\n * The `Cratis.Components:textAreaField` component - `TextAreaField` from `@cratis/components/CommandForm`.\n *\n * The multi-line counterpart to `inputTextField`. A separate name rather than a `multiline` flag on that\n * one, because the two wrap different PrimeReact inputs and take different sizing props - collapsing\n * them would mean a `rows` property that is meaningless half the time.\n */\nexport function SceneTextAreaField({ element }: RegisteredComponentProps) {\n    return (\n        <CommandFormField element={element}>\n            {binding => (\n                <TextAreaField\n                    {...binding}\n                    placeholder={stringProperty(element.properties, 'placeholder')}\n                    rows={numberProperty(element.properties, 'rows')}\n                    cols={numberProperty(element.properties, 'cols')}\n                    className={stringProperty(element.properties, 'className')}\n                />\n            )}\n        </CommandFormField>\n    );\n}\n"],"names":["TextAreaField","lazy","default","SceneTextAreaField","element","_jsx","CommandFormField","binding","placeholder","stringProperty","properties","rows","numberProperty","cols","className"],"mappings":";;;;;AAQA,MAAMA,aAAAA,iBAAgBC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,gCAAA,CAAgC,EAAGF;KAAc,CAAA,CAAA;AAElH;;;;;;AAMC,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,WAAAA,EAAaC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,aAAA,CAAA;gBAChDC,IAAAA,EAAMC,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,MAAA,CAAA;gBACzCG,IAAAA,EAAMD,cAAAA,CAAeR,OAAAA,CAAQM,UAAU,EAAE,MAAA,CAAA;gBACzCI,SAAAA,EAAWL,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,WAAA;;;AAKlE;;;;"}

package/dist/esm/forms/fields/for_CommandFormField/when_the_field_names_no_property.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_the_field_names_no_property.d.ts.map

package/dist/esm/forms/fields/for_CommandFormField/when_the_field_names_no_property.d.ts.map

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

package/dist/esm/forms/fields/for_CommandFormField/when_the_field_names_no_property.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect } from 'chai';
+import { render, screen } from '@testing-library/react';
+import { externalComponent } from '../../../given';
+import { SceneInputTextField } from '../SceneInputTextField';
+describe('when the field names no property', () => {
+    beforeEach(() => {
+        render(_jsx(SceneInputTextField, { element: externalComponent('Cratis.Components:inputTextField', { title: 'Customer' }), slots: {} }));
+    });
+    it('should render a placeholder rather than a field bound to nothing', () => expect(screen.getByText("Missing 'property' on Cratis.Components:inputTextField")).to.exist);
+});
+//# sourceMappingURL=when_the_field_names_no_property.js.map

package/dist/esm/forms/fields/for_CommandFormField/when_the_field_names_no_property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_field_names_no_property.js","sourceRoot":"","sources":["../../../../../forms/fields/for_CommandFormField/when_the_field_names_no_property.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC9C,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,CAAC,KAAC,mBAAmB,IAAC,OAAO,EAAE,iBAAiB,CAAC,kCAAkC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;IACtI,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE,CACxE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,wDAAwD,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AACrG,CAAC,CAAC,CAAC"}

package/dist/esm/forms/fields/for_resolveFieldBinding/when_resolving_a_field_binding.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_resolving_a_field_binding.d.ts.map

package/dist/esm/forms/fields/for_resolveFieldBinding/when_resolving_a_field_binding.d.ts.map

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

package/dist/esm/forms/fields/for_resolveFieldBinding/when_resolving_a_field_binding.js

@@ -0,0 +1,24 @@
+import { externalComponent } from '../../../given';
+import { resolveFieldBinding } from '../resolveFieldBinding';
+describe('when resolving a field binding', () => {
+    describe('and the element names a property with a title and description', () => {
+        const binding = resolveFieldBinding(externalComponent('Cratis.Components:inputTextField', {
+            property: 'customerName',
+            title: 'Customer',
+            description: 'Who the invoice is for',
+        }));
+        it('should read the named property off the command instance', () => binding.value({ customerName: 'Acme' }).should.equal('Acme'));
+        it('should use the declared title', () => binding.title.should.equal('Customer'));
+        it('should carry the description', () => binding.description.should.equal('Who the invoice is for'));
+    });
+    describe('and the element names only a property', () => {
+        const binding = resolveFieldBinding(externalComponent('Cratis.Components:inputTextField', { property: 'customerName' }));
+        it('should fall back to the property name as the title', () => binding.title.should.equal('customerName'));
+        it('should carry no description', () => (binding.description === undefined).should.be.true);
+    });
+    describe('and the element names no property', () => {
+        const binding = resolveFieldBinding(externalComponent('Cratis.Components:inputTextField', { title: 'Customer' }));
+        it('should resolve to nothing rather than an accessor that reads nothing', () => (binding === undefined).should.be.true);
+    });
+});
+//# sourceMappingURL=when_resolving_a_field_binding.js.map

package/dist/esm/forms/fields/for_resolveFieldBinding/when_resolving_a_field_binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_resolving_a_field_binding.js","sourceRoot":"","sources":["../../../../../forms/fields/for_resolveFieldBinding/when_resolving_a_field_binding.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC5C,QAAQ,CAAC,+DAA+D,EAAE,GAAG,EAAE;QAC3E,MAAM,OAAO,GAAG,mBAAmB,CAC/B,iBAAiB,CAAC,kCAAkC,EAAE;YAClD,QAAQ,EAAE,cAAc;YACxB,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,wBAAwB;SACxC,CAAC,CACJ,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACnI,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;QAClF,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAY,CAAC,MAAM,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC1G,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACnD,MAAM,OAAO,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,kCAAkC,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAE,CAAC;QAE1H,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;QAC3G,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAChG,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC/C,MAAM,OAAO,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,kCAAkC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;QAElH,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC7H,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+export * from './FieldBinding';
+export * from './resolveFieldBinding';
+export * from './CommandFormField';
+export * from './SceneInputTextField';
+export * from './SceneNumberField';
+export * from './SceneCheckboxField';
+export * from './SceneTextAreaField';
+export * from './SceneDropdownField';
+export * from './SceneSliderField';
+export * from './SceneCalendarField';
+export * from './SceneColorPickerField';
+export * from './SceneMultiSelectField';
+export * from './SceneChipsField';
+export * from './SceneRadioButtonField';
+export * from './SceneRadioGroupField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../forms/fields/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,16 @@
+export * from './FieldBinding';
+export * from './resolveFieldBinding';
+export * from './CommandFormField';
+export * from './SceneInputTextField';
+export * from './SceneNumberField';
+export * from './SceneCheckboxField';
+export * from './SceneTextAreaField';
+export * from './SceneDropdownField';
+export * from './SceneSliderField';
+export * from './SceneCalendarField';
+export * from './SceneColorPickerField';
+export * from './SceneMultiSelectField';
+export * from './SceneChipsField';
+export * from './SceneRadioButtonField';
+export * from './SceneRadioGroupField';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../forms/fields/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { ExternalComponent } from '@cratis/scene.model';
+import { FieldBinding } from './FieldBinding';
+export declare function resolveFieldBinding(element: ExternalComponent): FieldBinding | undefined;
+//# sourceMappingURL=resolveFieldBinding.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldBinding.d.ts","sourceRoot":"","sources":["../../../../forms/fields/resolveFieldBinding.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,GAAG,YAAY,GAAG,SAAS,CASxF"}

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

@@ -0,0 +1,25 @@
+import { stringProperty } from '../../properties.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Turns an element's `property` name into the {@link FieldBinding} a `@cratis/components` field takes,
+ * or `undefined` when the screen never named a property.
+ *
+ * `undefined` rather than a default accessor, because a field bound to nothing is not a field with an
+ * empty value - it is a field that would silently never read or write anything, and the screen author
+ * needs to see that. The caller renders a placeholder instead.
+ *
+ * The label falls back to the property name, so a field is legible before anyone has written a `title`.
+ */ function resolveFieldBinding(element) {
+    const property = stringProperty(element.properties, 'property');
+    if (property === undefined) return undefined;
+    return {
+        value: (instance)=>instance[property],
+        title: stringProperty(element.properties, 'title') ?? property,
+        description: stringProperty(element.properties, 'description')
+    };
+}
+
+export { resolveFieldBinding };
+//# sourceMappingURL=resolveFieldBinding.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldBinding.js","sources":["../../../../forms/fields/resolveFieldBinding.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 { ExternalComponent } from '@cratis/scene.model';\nimport { stringProperty } from '../../properties';\nimport { FieldBinding } from './FieldBinding';\n\n/**\n * Turns an element's `property` name into the {@link FieldBinding} a `@cratis/components` field takes,\n * or `undefined` when the screen never named a property.\n *\n * `undefined` rather than a default accessor, because a field bound to nothing is not a field with an\n * empty value - it is a field that would silently never read or write anything, and the screen author\n * needs to see that. The caller renders a placeholder instead.\n *\n * The label falls back to the property name, so a field is legible before anyone has written a `title`.\n */\nexport function resolveFieldBinding(element: ExternalComponent): FieldBinding | undefined {\n    const property = stringProperty(element.properties, 'property');\n    if (property === undefined) return undefined;\n\n    return {\n        value: (instance: Record<string, unknown>) => instance[property],\n        title: stringProperty(element.properties, 'title') ?? property,\n        description: stringProperty(element.properties, 'description'),\n    };\n}\n"],"names":["resolveFieldBinding","element","property","stringProperty","properties","undefined","value","instance","title","description"],"mappings":";;AAAA;AACA;AAMA;;;;;;;;;IAUO,SAASA,mBAAAA,CAAoBC,OAA0B,EAAA;AAC1D,IAAA,MAAMC,QAAAA,GAAWC,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,UAAA,CAAA;IACpD,IAAIF,QAAAA,KAAaG,WAAW,OAAOA,SAAAA;IAEnC,OAAO;AACHC,QAAAA,KAAAA,EAAO,CAACC,QAAAA,GAAsCA,QAAQ,CAACL,QAAAA,CAAS;AAChEM,QAAAA,KAAAA,EAAOL,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,OAAA,CAAA,IAAYF,QAAAA;QACtDO,WAAAA,EAAaN,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,aAAA;AACpD,KAAA;AACJ;;;;"}

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

@@ -0,0 +1,3 @@
+export * from './SceneCommandForm';
+export * from './fields';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../forms/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist/esm/forms/index.js

@@ -0,0 +1,3 @@
+export * from './SceneCommandForm';
+export * from './fields';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../forms/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist/esm/given.d.ts

@@ -0,0 +1,3 @@
+import { ExternalComponent } from '@cratis/scene.model';
+export declare function externalComponent(componentName: string, properties?: Record<string, unknown>): ExternalComponent;
+//# sourceMappingURL=given.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"given.d.ts","sourceRoot":"","sources":["../../given.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAsD,MAAM,qBAAqB,CAAC;AAW5G,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,iBAAiB,CAkBpH"}

package/dist/esm/given.js

@@ -0,0 +1,21 @@
+import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
+export function externalComponent(componentName, properties = {}) {
+    return {
+        id: componentName,
+        name: componentName,
+        componentName,
+        properties,
+        slots: {},
+        visibility: Visibility.Visible,
+        isEnabled: true,
+        opacity: 1,
+        size: {},
+        zIndex: 0,
+        minimumSize: {},
+        maximumSize: {},
+        margin: { left: 0, top: 0, right: 0, bottom: 0 },
+        horizontalAlignment: HorizontalAlignment.Stretch,
+        verticalAlignment: VerticalAlignment.Stretch,
+    };
+}
+//# sourceMappingURL=given.js.map

package/dist/esm/given.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"given.js","sourceRoot":"","sources":["../../given.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAW5G,MAAM,UAAU,iBAAiB,CAAC,aAAqB,EAAE,UAAU,GAA4B,EAAE;IAC7F,OAAO;QACH,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,aAAa;QACnB,aAAa;QACb,UAAU;QACV,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QAChD,mBAAmB,EAAE,mBAAmB,CAAC,OAAO;QAChD,iBAAiB,EAAE,iBAAiB,CAAC,OAAO;KAC/C,CAAC;AACN,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,12 @@
+export * from './properties';
+export * from './bindings';
+export * from './pages';
+export * from './data';
+export * from './forms';
+export * from './dialogs';
+export * from './common';
+export * from './editors';
+export * from './toolbar';
+export * from './cratisComponents';
+export * from './cratisComponentsPackage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,51 @@
+export { arrayProperty, booleanProperty, numberProperty, objectArrayProperty, objectProperty, stringArrayProperty, stringProperty, unionProperty } from './properties.js';
+export { BindingKind } from './bindings/BindingKind.js';
+export { clearBindings, registerCommand, registerCommands, registerQueries, registerQuery, registeredCommandNames, registeredQueryNames, resolveCommand, resolveQuery } from './bindings/bindingRegistry.js';
+export { resolveElementBinding } from './bindings/resolveElementBinding.js';
+export { Placeholder } from './bindings/Placeholder.js';
+export { MissingBinding } from './bindings/MissingBinding.js';
+export { ArcRuntimeBoundary } from './bindings/ArcRuntimeBoundary.js';
+export { ScenePage } from './pages/ScenePage.js';
+export { SceneDataPage } from './pages/SceneDataPage.js';
+export { SceneFormElement } from './pages/SceneFormElement.js';
+export { SceneDataTable } from './data/SceneDataTable.js';
+export { SceneObservableDataTable } from './data/SceneObservableDataTable.js';
+export { SceneCommandForm } from './forms/SceneCommandForm.js';
+export { resolveFieldBinding } from './forms/fields/resolveFieldBinding.js';
+export { CommandFormField } from './forms/fields/CommandFormField.js';
+export { SceneInputTextField } from './forms/fields/SceneInputTextField.js';
+export { SceneNumberField } from './forms/fields/SceneNumberField.js';
+export { SceneCheckboxField } from './forms/fields/SceneCheckboxField.js';
+export { SceneTextAreaField } from './forms/fields/SceneTextAreaField.js';
+export { SceneDropdownField } from './forms/fields/SceneDropdownField.js';
+export { SceneSliderField } from './forms/fields/SceneSliderField.js';
+export { SceneCalendarField } from './forms/fields/SceneCalendarField.js';
+export { SceneColorPickerField } from './forms/fields/SceneColorPickerField.js';
+export { SceneMultiSelectField } from './forms/fields/SceneMultiSelectField.js';
+export { SceneChipsField } from './forms/fields/SceneChipsField.js';
+export { SceneRadioButtonField } from './forms/fields/SceneRadioButtonField.js';
+export { SceneRadioGroupField } from './forms/fields/SceneRadioGroupField.js';
+export { SceneDialog } from './dialogs/SceneDialog.js';
+export { SceneConfirmationDialog } from './dialogs/SceneConfirmationDialog.js';
+export { SceneBusyIndicatorDialog } from './dialogs/SceneBusyIndicatorDialog.js';
+export { SceneCommandDialog } from './dialogs/SceneCommandDialog.js';
+export { SceneStepperCommandDialog } from './dialogs/SceneStepperCommandDialog.js';
+export { SceneIcon } from './common/SceneIcon.js';
+export { SceneTooltip } from './common/SceneTooltip.js';
+export { SceneErrorBoundary } from './common/SceneErrorBoundary.js';
+export { SceneDropdown } from './common/SceneDropdown.js';
+export { useEditableCopy } from './editors/useEditableCopy.js';
+export { timeMachineVersions } from './editors/timeMachineVersions.js';
+export { filterDefinitions } from './editors/filterDefinitions.js';
+export { SceneObjectContentEditor } from './editors/SceneObjectContentEditor.js';
+export { SceneObjectNavigationalBar } from './editors/SceneObjectNavigationalBar.js';
+export { SceneSchemaEditor } from './editors/SceneSchemaEditor.js';
+export { SceneTimeMachine } from './editors/SceneTimeMachine.js';
+export { SceneFilterPanel } from './editors/SceneFilterPanel.js';
+export { SceneToolbar } from './toolbar/SceneToolbar.js';
+export { SceneToolbarButton } from './toolbar/SceneToolbarButton.js';
+export { SceneToolbarGroup } from './toolbar/SceneToolbarGroup.js';
+export { SceneToolbarSeparator } from './toolbar/SceneToolbarSeparator.js';
+export { cratisComponents, cratisComponentsPackageName } from './cratisComponents.js';
+export { cratisComponentsPackage, cratisComponentsPackageManifest } from './cratisComponentsPackage.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist/esm/pages/SceneDataPage.d.ts

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

package/dist/esm/pages/SceneDataPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneDataPage.d.ts","sourceRoot":"","sources":["../../../pages/SceneDataPage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAkBzE"}

package/dist/esm/pages/SceneDataPage.js

@@ -0,0 +1,43 @@
+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 { booleanProperty, stringArrayProperty, stringProperty } from '../properties.js';
+
+const DataPage = /*#__PURE__*/ lazy(async ()=>({
+        default: (await import('@cratis/components/DataPage')).DataPage
+    }));
+/**
+ * The `Cratis.Components:dataPage` component - `DataPage` from `@cratis/components/DataPage`.
+ *
+ * The library's whole list-screen composite in one name: title bar, menubar, filterable table and
+ * optional details pane, all driven from a single query. It is the single highest-leverage thing this
+ * package exposes, because reproducing it out of `table` and `toolbar` in a screen would be pages of
+ * modeling for a worse result.
+ *
+ * The `query` property names an Arc query proxy; the columns and menu items come from the `content`
+ * slot as `DataPage.Columns` / `DataPage.MenuItems` children.
+ */ function SceneDataPage({ element, slots }) {
+    const { name, target } = resolveElementBinding(element, BindingKind.Query);
+    if (!target) return /*#__PURE__*/ jsx(MissingBinding, {
+        element: element,
+        kind: BindingKind.Query,
+        name: name
+    });
+    return /*#__PURE__*/ jsx(ArcRuntimeBoundary, {
+        children: /*#__PURE__*/ jsx(DataPage, {
+            title: stringProperty(element.properties, 'title') ?? '',
+            query: target,
+            emptyMessage: stringProperty(element.properties, 'emptyMessage') ?? '',
+            dataKey: stringProperty(element.properties, 'dataKey'),
+            globalFilterFields: stringArrayProperty(element.properties, 'globalFilterFields'),
+            clientFiltering: booleanProperty(element.properties, 'clientFiltering'),
+            children: slots.content
+        })
+    });
+}
+
+export { SceneDataPage };
+//# sourceMappingURL=SceneDataPage.js.map

package/dist/esm/pages/SceneDataPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneDataPage.js","sources":["../../../pages/SceneDataPage.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 { booleanProperty, stringArrayProperty, stringProperty } from '../properties';\n\nconst DataPage = lazy(async () => ({ default: (await import('@cratis/components/DataPage')).DataPage }));\n\n/**\n * The `Cratis.Components:dataPage` component - `DataPage` from `@cratis/components/DataPage`.\n *\n * The library's whole list-screen composite in one name: title bar, menubar, filterable table and\n * optional details pane, all driven from a single query. It is the single highest-leverage thing this\n * package exposes, because reproducing it out of `table` and `toolbar` in a screen would be pages of\n * modeling for a worse result.\n *\n * The `query` property names an Arc query proxy; the columns and menu items come from the `content`\n * slot as `DataPage.Columns` / `DataPage.MenuItems` children.\n */\nexport function SceneDataPage({ element, slots }: RegisteredComponentProps) {\n    const { name, target } = resolveElementBinding(element, BindingKind.Query);\n    if (!target) return <MissingBinding element={element} kind={BindingKind.Query} name={name} />;\n\n    return (\n        <ArcRuntimeBoundary>\n            <DataPage\n                title={stringProperty(element.properties, 'title') ?? ''}\n                query={target}\n                emptyMessage={stringProperty(element.properties, 'emptyMessage') ?? ''}\n                dataKey={stringProperty(element.properties, 'dataKey')}\n                globalFilterFields={stringArrayProperty(element.properties, 'globalFilterFields')}\n                clientFiltering={booleanProperty(element.properties, 'clientFiltering')}\n            >\n                {slots.content}\n            </DataPage>\n        </ArcRuntimeBoundary>\n    );\n}\n"],"names":["DataPage","lazy","default","SceneDataPage","element","slots","name","target","resolveElementBinding","BindingKind","Query","_jsx","MissingBinding","kind","ArcRuntimeBoundary","title","stringProperty","properties","query","emptyMessage","dataKey","globalFilterFields","stringArrayProperty","clientFiltering","booleanProperty","content"],"mappings":";;;;;;;;AAQA,MAAMA,QAAAA,iBAAWC,IAAAA,CAAK,WAAa;AAAEC,QAAAA,OAAAA,EAAS,CAAC,MAAM,OAAO,6BAAA,CAA6B,EAAGF;KAAS,CAAA,CAAA;AAErG;;;;;;;;;;AAUC,IACM,SAASG,aAAAA,CAAc,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACtE,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,qBAAAA,CAAsBJ,OAAAA,EAASK,WAAAA,CAAYC,KAAK,CAAA;IACzE,IAAI,CAACH,MAAAA,EAAQ,qBAAOI,GAAA,CAACC,cAAAA,EAAAA;QAAeR,OAAAA,EAASA,OAAAA;AAASS,QAAAA,IAAAA,EAAMJ,YAAYC,KAAK;QAAEJ,IAAAA,EAAMA;;AAErF,IAAA,qBACIK,GAAA,CAACG,kBAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAH,GAAA,CAACX,QAAAA,EAAAA;AACGe,YAAAA,KAAAA,EAAOC,cAAAA,CAAeZ,OAAAA,CAAQa,UAAU,EAAE,OAAA,CAAA,IAAY,EAAA;YACtDC,KAAAA,EAAOX,MAAAA;AACPY,YAAAA,YAAAA,EAAcH,cAAAA,CAAeZ,OAAAA,CAAQa,UAAU,EAAE,cAAA,CAAA,IAAmB,EAAA;YACpEG,OAAAA,EAASJ,cAAAA,CAAeZ,OAAAA,CAAQa,UAAU,EAAE,SAAA,CAAA;YAC5CI,kBAAAA,EAAoBC,mBAAAA,CAAoBlB,OAAAA,CAAQa,UAAU,EAAE,oBAAA,CAAA;YAC5DM,eAAAA,EAAiBC,eAAAA,CAAgBpB,OAAAA,CAAQa,UAAU,EAAE,iBAAA,CAAA;AAEpDZ,YAAAA,QAAAA,EAAAA,KAAAA,CAAMoB;;;AAIvB;;;;"}

package/dist/esm/pages/SceneFormElement.d.ts

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

package/dist/esm/pages/SceneFormElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneFormElement.d.ts","sourceRoot":"","sources":["../../../pages/SceneFormElement.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAK5E"}

package/dist/esm/pages/SceneFormElement.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { IconDisplay, FormElement } from '@cratis/components/Common';
+import { stringProperty } from '../properties.js';
+
+/**
+ * The `Cratis.Components:formElement` component - `FormElement` from `@cratis/components/Common`.
+ *
+ * Pairs an input with a leading icon addon so a row of unrelated inputs still lines up. The icon can be
+ * given two ways, and both are worth supporting: the `icon` property for the common case of a PrimeIcons
+ * class name, and an `icon` slot for a screen that wants a real component there. The slot wins when both
+ * are present, since a slot is the more specific statement.
+ */ function SceneFormElement({ element, slots }) {
+    const icon = stringProperty(element.properties, 'icon');
+    const iconContent = slots.icon?.length ? slots.icon : icon === undefined ? undefined : /*#__PURE__*/ jsx(IconDisplay, {
+        icon: icon
+    });
+    return /*#__PURE__*/ jsx(FormElement, {
+        icon: iconContent,
+        children: slots.content
+    });
+}
+
+export { SceneFormElement };
+//# sourceMappingURL=SceneFormElement.js.map

package/dist/esm/pages/SceneFormElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneFormElement.js","sources":["../../../pages/SceneFormElement.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 { FormElement, IconDisplay } from '@cratis/components/Common';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `Cratis.Components:formElement` component - `FormElement` from `@cratis/components/Common`.\n *\n * Pairs an input with a leading icon addon so a row of unrelated inputs still lines up. The icon can be\n * given two ways, and both are worth supporting: the `icon` property for the common case of a PrimeIcons\n * class name, and an `icon` slot for a screen that wants a real component there. The slot wins when both\n * are present, since a slot is the more specific statement.\n */\nexport function SceneFormElement({ element, slots }: RegisteredComponentProps) {\n    const icon = stringProperty(element.properties, 'icon');\n    const iconContent = slots.icon?.length ? slots.icon : icon === undefined ? undefined : <IconDisplay icon={icon} />;\n\n    return <FormElement icon={iconContent}>{slots.content}</FormElement>;\n}\n"],"names":["SceneFormElement","element","slots","icon","stringProperty","properties","iconContent","length","undefined","_jsx","IconDisplay","FormElement","content"],"mappings":";;;;AAOA;;;;;;;AAOC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACzE,IAAA,MAAMC,IAAAA,GAAOC,cAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,MAAA,CAAA;IAChD,MAAMC,WAAAA,GAAcJ,KAAAA,CAAMC,IAAI,EAAEI,MAAAA,GAASL,KAAAA,CAAMC,IAAI,GAAGA,IAAAA,KAASK,SAAAA,GAAYA,SAAAA,iBAAYC,GAAA,CAACC,WAAAA,EAAAA;QAAYP,IAAAA,EAAMA;;AAE1G,IAAA,qBAAOM,GAAA,CAACE,WAAAA,EAAAA;QAAYR,IAAAA,EAAMG,WAAAA;AAAcJ,QAAAA,QAAAA,EAAAA,KAAAA,CAAMU;;AAClD;;;;"}

package/dist/esm/pages/ScenePage.d.ts

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

package/dist/esm/pages/ScenePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenePage.d.ts","sourceRoot":"","sources":["../../../pages/ScenePage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAWrE"}

package/dist/esm/pages/ScenePage.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { Page } from '@cratis/components/Common';
+import { booleanProperty, stringProperty } from '../properties.js';
+
+/**
+ * The `Cratis.Components:page` component - `Page` from `@cratis/components/Common`.
+ *
+ * The library's page primitive rather than a plain `div`, because it is what every other component in
+ * the library is laid out inside: a full-height flex column whose optional `panel` chrome is drawn from
+ * the same `--cratis-*` tokens as the tables and dialogs it contains. A screen that wraps its content in
+ * this gets that consistency for free; one that wraps it in a `div` has to reinvent it and will drift.
+ *
+ * Imported statically - `Page` is one of the library's Arc-free components, so it costs a screen nothing
+ * to use it without an Arc runtime present.
+ */ function ScenePage({ element, slots }) {
+    return /*#__PURE__*/ jsx(Page, {
+        "data-scene-id": element.id,
+        title: stringProperty(element.properties, 'title') ?? '',
+        showTitle: booleanProperty(element.properties, 'showTitle'),
+        panel: booleanProperty(element.properties, 'panel'),
+        children: slots.content
+    });
+}
+
+export { ScenePage };
+//# sourceMappingURL=ScenePage.js.map

package/dist/esm/pages/ScenePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenePage.js","sources":["../../../pages/ScenePage.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 { Page } from '@cratis/components/Common';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `Cratis.Components:page` component - `Page` from `@cratis/components/Common`.\n *\n * The library's page primitive rather than a plain `div`, because it is what every other component in\n * the library is laid out inside: a full-height flex column whose optional `panel` chrome is drawn from\n * the same `--cratis-*` tokens as the tables and dialogs it contains. A screen that wraps its content in\n * this gets that consistency for free; one that wraps it in a `div` has to reinvent it and will drift.\n *\n * Imported statically - `Page` is one of the library's Arc-free components, so it costs a screen nothing\n * to use it without an Arc runtime present.\n */\nexport function ScenePage({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Page\n            data-scene-id={element.id}\n            title={stringProperty(element.properties, 'title') ?? ''}\n            showTitle={booleanProperty(element.properties, 'showTitle')}\n            panel={booleanProperty(element.properties, 'panel')}\n        >\n            {slots.content}\n        </Page>\n    );\n}\n"],"names":["ScenePage","element","slots","_jsx","Page","data-scene-id","id","title","stringProperty","properties","showTitle","booleanProperty","panel","content"],"mappings":";;;;AAOA;;;;;;;;;;AAUC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AAClE,IAAA,qBACIC,GAAA,CAACC,IAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,cAAAA,CAAeP,OAAAA,CAAQQ,UAAU,EAAE,OAAA,CAAA,IAAY,EAAA;QACtDC,SAAAA,EAAWC,eAAAA,CAAgBV,OAAAA,CAAQQ,UAAU,EAAE,WAAA,CAAA;QAC/CG,KAAAA,EAAOD,eAAAA,CAAgBV,OAAAA,CAAQQ,UAAU,EAAE,OAAA,CAAA;AAE1CP,QAAAA,QAAAA,EAAAA,KAAAA,CAAMW;;AAGnB;;;;"}

package/dist/esm/pages/for_ScenePage/when_rendering_a_page.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_rendering_a_page.d.ts.map

package/dist/esm/pages/for_ScenePage/when_rendering_a_page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_rendering_a_page.d.ts","sourceRoot":"","sources":["../../../../pages/for_ScenePage/when_rendering_a_page.tsx"],"names":[],"mappings":""}