@cratis/scene.components 0.1.0

package/dist/esm/pages/for_ScenePage/when_rendering_a_page.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect } from 'chai';
+import { render, screen } from '@testing-library/react';
+import { externalComponent } from '../../given';
+import { ScenePage } from '../ScenePage';
+describe('when rendering a page', () => {
+    describe('and the screen asks for the title to be shown', () => {
+        beforeEach(() => {
+            const element = externalComponent('Cratis.Components:page', { title: 'Invoices', showTitle: true });
+            render(_jsx(ScenePage, { element: element, slots: { content: [_jsx("span", { children: "Body" }, 'body')] } }));
+        });
+        it('should render the title as the heading', () => expect(screen.getByRole('heading', { name: 'Invoices' })).to.exist);
+        it('should render the content slot', () => expect(screen.getByText('Body')).to.exist);
+    });
+    describe('and the screen leaves the title hidden', () => {
+        beforeEach(() => {
+            const element = externalComponent('Cratis.Components:page', { title: 'Invoices' });
+            render(_jsx(ScenePage, { element: element, slots: { content: [_jsx("span", { children: "Body" }, 'body')] } }));
+        });
+        it('should render no heading', () => (screen.queryByRole('heading') === null).should.be.true);
+        it('should still render the content slot', () => expect(screen.getByText('Body')).to.exist);
+    });
+    describe('and the screen sets the title to something that is not a string', () => {
+        beforeEach(() => {
+            const element = externalComponent('Cratis.Components:page', { title: 42, showTitle: true });
+            render(_jsx(ScenePage, { element: element, slots: {} }));
+        });
+        it('should fall back to an empty title rather than rendering the wrong type', () => screen.getByRole('heading').textContent.should.equal(''));
+    });
+});
+//# sourceMappingURL=when_rendering_a_page.js.map

package/dist/esm/pages/for_ScenePage/when_rendering_a_page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_rendering_a_page.js","sourceRoot":"","sources":["../../../../pages/for_ScenePage/when_rendering_a_page.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,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,QAAQ,CAAC,+CAA+C,EAAE,GAAG,EAAE;QAC3D,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,OAAO,GAAG,iBAAiB,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACpG,MAAM,CAAC,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,mCAAU,MAAM,CAAY,CAAC,EAAE,GAAI,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACvH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACpD,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,OAAO,GAAG,iBAAiB,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;YACnF,MAAM,CAAC,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,mCAAU,MAAM,CAAY,CAAC,EAAE,GAAI,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QAC9F,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAChG,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iEAAiE,EAAE,GAAG,EAAE;QAC7E,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,OAAO,GAAG,iBAAiB,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5F,MAAM,CAAC,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE,CAC/E,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,WAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './ScenePage';
+export * from './SceneDataPage';
+export * from './SceneFormElement';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../pages/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/esm/pages/index.js

@@ -0,0 +1,4 @@
+export * from './ScenePage';
+export * from './SceneDataPage';
+export * from './SceneFormElement';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pages/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/esm/properties.d.ts

@@ -0,0 +1,9 @@
+export declare function stringProperty(properties: Record<string, unknown>, name: string): string | undefined;
+export declare function booleanProperty(properties: Record<string, unknown>, name: string): boolean | undefined;
+export declare function numberProperty(properties: Record<string, unknown>, name: string): number | undefined;
+export declare function arrayProperty(properties: Record<string, unknown>, name: string): unknown[] | undefined;
+export declare function stringArrayProperty(properties: Record<string, unknown>, name: string): string[] | undefined;
+export declare function objectProperty(properties: Record<string, unknown>, name: string): Record<string, unknown> | undefined;
+export declare function objectArrayProperty(properties: Record<string, unknown>, name: string): Record<string, unknown>[] | undefined;
+export declare function unionProperty<T extends string>(properties: Record<string, unknown>, name: string, allowed: readonly T[]): T | undefined;
+//# sourceMappingURL=properties.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../properties.ts"],"names":[],"mappings":"AAoBA,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGpG;AAQD,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAGtG;AAQD,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGpG;AASD,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,CAGtG;AAUD,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAE3G;AASD,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAGrH;AAUD,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,SAAS,CAI5H;AAaD,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,GAAG,CAAC,GAAG,SAAS,CAGvI"}

package/dist/esm/properties.js

@@ -0,0 +1,95 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Narrow readers for an {@link ExternalComponent}'s `properties` bag.
+ *
+ * The bag is `Record<string, unknown>` because it survives a round trip through JSON - a `.play` screen
+ * is authored as text, compiled by Stage, and re-read by Studio, and none of those steps carry a
+ * TypeScript type with it. An adapter therefore has to narrow every value it reads, and the tempting
+ * shortcut (`element.properties.title as string`) is a lie the compiler will happily believe: a screen
+ * that writes `title: 42` then reaches the wrapped component as a number and fails somewhere far away.
+ *
+ * These helpers all answer the same way - the value when it really is of the asked-for type, `undefined`
+ * otherwise - so an adapter reads a property and applies its own default in one expression, and a
+ * mistyped property degrades to the default instead of corrupting the render.
+ */ /**
+ * Reads a string property, or `undefined` when it is absent or not a string.
+ */ function stringProperty(properties, name) {
+    const value = properties[name];
+    return typeof value === 'string' ? value : undefined;
+}
+/**
+ * Reads a boolean property, or `undefined` when it is absent or not a boolean.
+ *
+ * Deliberately not truthiness: a screen that sets `showTitle: 0` means something different from one that
+ * leaves it out, and only the second should fall back to the adapter's default.
+ */ function booleanProperty(properties, name) {
+    const value = properties[name];
+    return typeof value === 'boolean' ? value : undefined;
+}
+/**
+ * Reads a numeric property, or `undefined` when it is absent, not a number, or `NaN`.
+ *
+ * `NaN` is excluded because it is the one number that makes every downstream comparison silently false -
+ * a slider with `min: NaN` renders without complaint and behaves as if it had no minimum at all.
+ */ function numberProperty(properties, name) {
+    const value = properties[name];
+    return typeof value === 'number' && !Number.isNaN(value) ? value : undefined;
+}
+/**
+ * Reads an array property, or `undefined` when it is absent or not an array.
+ *
+ * The element type is deliberately left as `unknown` - narrowing the elements is the caller's job,
+ * through {@link stringArrayProperty} or its own mapping - so this helper never has to guess what a
+ * heterogeneous list was supposed to be.
+ */ function arrayProperty(properties, name) {
+    const value = properties[name];
+    return Array.isArray(value) ? value : undefined;
+}
+/**
+ * Reads an array property and keeps only its string elements, or `undefined` when the property is absent
+ * or not an array.
+ *
+ * Non-string elements are dropped rather than rejecting the whole list, because these lists are
+ * column names, filter fields and the like: one bad entry should cost that one entry, not the entire
+ * table's filtering.
+ */ function stringArrayProperty(properties, name) {
+    return arrayProperty(properties, name)?.filter((value)=>typeof value === 'string');
+}
+/**
+ * Reads an object property as a plain record, or `undefined` when it is absent, `null`, or an array.
+ *
+ * Arrays are excluded even though `typeof [] === 'object'`, because every caller here wants a keyed
+ * object - a JSON schema, a document being edited - and an array reaching one of those would be a
+ * different bug entirely.
+ */ function objectProperty(properties, name) {
+    const value = properties[name];
+    return typeof value === 'object' && value !== null && !Array.isArray(value) ? value : undefined;
+}
+/**
+ * Reads an array property and keeps only its plain-object elements, or `undefined` when the property is
+ * absent or not an array.
+ *
+ * This is what an authored `options` list arrives as - `[{ label: 'Draft', value: 'draft' }, ...]` - and
+ * the same forgiving rule as {@link stringArrayProperty} applies: one malformed entry costs that entry,
+ * not the whole dropdown.
+ */ function objectArrayProperty(properties, name) {
+    return arrayProperty(properties, name)?.filter((value)=>typeof value === 'object' && value !== null && !Array.isArray(value));
+}
+/**
+ * Reads a string property that has to be one of a fixed set of values, or `undefined` when it is absent
+ * or outside the set.
+ *
+ * Several of the wrapped `@cratis/components` props are string literal unions (`'horizontal' | 'vertical'`,
+ * `'top' | 'right' | 'bottom' | 'left'`). This is what turns an arbitrary authored string into one of
+ * them without an assertion: an unrecognized value falls back to the component's own default rather than
+ * being forced through as a value the component never expects to see.
+ *
+ * @param allowed The permitted values, most usefully written as a `const` tuple so `T` infers as the union.
+ */ function unionProperty(properties, name, allowed) {
+    const value = stringProperty(properties, name);
+    return value !== undefined && allowed.includes(value) ? value : undefined;
+}
+
+export { arrayProperty, booleanProperty, numberProperty, objectArrayProperty, objectProperty, stringArrayProperty, stringProperty, unionProperty };
+//# sourceMappingURL=properties.js.map

package/dist/esm/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sources":["../../properties.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\n/**\n * Narrow readers for an {@link ExternalComponent}'s `properties` bag.\n *\n * The bag is `Record<string, unknown>` because it survives a round trip through JSON - a `.play` screen\n * is authored as text, compiled by Stage, and re-read by Studio, and none of those steps carry a\n * TypeScript type with it. An adapter therefore has to narrow every value it reads, and the tempting\n * shortcut (`element.properties.title as string`) is a lie the compiler will happily believe: a screen\n * that writes `title: 42` then reaches the wrapped component as a number and fails somewhere far away.\n *\n * These helpers all answer the same way - the value when it really is of the asked-for type, `undefined`\n * otherwise - so an adapter reads a property and applies its own default in one expression, and a\n * mistyped property degrades to the default instead of corrupting the render.\n */\n\n/**\n * Reads a string property, or `undefined` when it is absent or not a string.\n */\nexport function stringProperty(properties: Record<string, unknown>, name: string): string | undefined {\n    const value = properties[name];\n    return typeof value === 'string' ? value : undefined;\n}\n\n/**\n * Reads a boolean property, or `undefined` when it is absent or not a boolean.\n *\n * Deliberately not truthiness: a screen that sets `showTitle: 0` means something different from one that\n * leaves it out, and only the second should fall back to the adapter's default.\n */\nexport function booleanProperty(properties: Record<string, unknown>, name: string): boolean | undefined {\n    const value = properties[name];\n    return typeof value === 'boolean' ? value : undefined;\n}\n\n/**\n * Reads a numeric property, or `undefined` when it is absent, not a number, or `NaN`.\n *\n * `NaN` is excluded because it is the one number that makes every downstream comparison silently false -\n * a slider with `min: NaN` renders without complaint and behaves as if it had no minimum at all.\n */\nexport function numberProperty(properties: Record<string, unknown>, name: string): number | undefined {\n    const value = properties[name];\n    return typeof value === 'number' && !Number.isNaN(value) ? value : undefined;\n}\n\n/**\n * Reads an array property, or `undefined` when it is absent or not an array.\n *\n * The element type is deliberately left as `unknown` - narrowing the elements is the caller's job,\n * through {@link stringArrayProperty} or its own mapping - so this helper never has to guess what a\n * heterogeneous list was supposed to be.\n */\nexport function arrayProperty(properties: Record<string, unknown>, name: string): unknown[] | undefined {\n    const value = properties[name];\n    return Array.isArray(value) ? value : undefined;\n}\n\n/**\n * Reads an array property and keeps only its string elements, or `undefined` when the property is absent\n * or not an array.\n *\n * Non-string elements are dropped rather than rejecting the whole list, because these lists are\n * column names, filter fields and the like: one bad entry should cost that one entry, not the entire\n * table's filtering.\n */\nexport function stringArrayProperty(properties: Record<string, unknown>, name: string): string[] | undefined {\n    return arrayProperty(properties, name)?.filter((value): value is string => typeof value === 'string');\n}\n\n/**\n * Reads an object property as a plain record, or `undefined` when it is absent, `null`, or an array.\n *\n * Arrays are excluded even though `typeof [] === 'object'`, because every caller here wants a keyed\n * object - a JSON schema, a document being edited - and an array reaching one of those would be a\n * different bug entirely.\n */\nexport function objectProperty(properties: Record<string, unknown>, name: string): Record<string, unknown> | undefined {\n    const value = properties[name];\n    return typeof value === 'object' && value !== null && !Array.isArray(value) ? (value as Record<string, unknown>) : undefined;\n}\n\n/**\n * Reads an array property and keeps only its plain-object elements, or `undefined` when the property is\n * absent or not an array.\n *\n * This is what an authored `options` list arrives as - `[{ label: 'Draft', value: 'draft' }, ...]` - and\n * the same forgiving rule as {@link stringArrayProperty} applies: one malformed entry costs that entry,\n * not the whole dropdown.\n */\nexport function objectArrayProperty(properties: Record<string, unknown>, name: string): Record<string, unknown>[] | undefined {\n    return arrayProperty(properties, name)?.filter(\n        (value): value is Record<string, unknown> => typeof value === 'object' && value !== null && !Array.isArray(value)\n    );\n}\n\n/**\n * Reads a string property that has to be one of a fixed set of values, or `undefined` when it is absent\n * or outside the set.\n *\n * Several of the wrapped `@cratis/components` props are string literal unions (`'horizontal' | 'vertical'`,\n * `'top' | 'right' | 'bottom' | 'left'`). This is what turns an arbitrary authored string into one of\n * them without an assertion: an unrecognized value falls back to the component's own default rather than\n * being forced through as a value the component never expects to see.\n *\n * @param allowed The permitted values, most usefully written as a `const` tuple so `T` infers as the union.\n */\nexport function unionProperty<T extends string>(properties: Record<string, unknown>, name: string, allowed: readonly T[]): T | undefined {\n    const value = stringProperty(properties, name);\n    return value !== undefined && (allowed as readonly string[]).includes(value) ? (value as T) : undefined;\n}\n"],"names":["stringProperty","properties","name","value","undefined","booleanProperty","numberProperty","Number","isNaN","arrayProperty","Array","isArray","stringArrayProperty","filter","objectProperty","objectArrayProperty","unionProperty","allowed","includes"],"mappings":"AAAA;AACA;AAEA;;;;;;;;;;;;;;AAgBC,IACM,SAASA,cAAAA,CAAeC,UAAmC,EAAEC,IAAY,EAAA;IAC5E,MAAMC,KAAAA,GAAQF,UAAU,CAACC,IAAAA,CAAK;IAC9B,OAAO,OAAOC,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQC,SAAAA;AAC/C;AAEA;;;;;AAKC,IACM,SAASC,eAAAA,CAAgBJ,UAAmC,EAAEC,IAAY,EAAA;IAC7E,MAAMC,KAAAA,GAAQF,UAAU,CAACC,IAAAA,CAAK;IAC9B,OAAO,OAAOC,KAAAA,KAAU,SAAA,GAAYA,KAAAA,GAAQC,SAAAA;AAChD;AAEA;;;;;AAKC,IACM,SAASE,cAAAA,CAAeL,UAAmC,EAAEC,IAAY,EAAA;IAC5E,MAAMC,KAAAA,GAAQF,UAAU,CAACC,IAAAA,CAAK;IAC9B,OAAO,OAAOC,UAAU,QAAA,IAAY,CAACI,OAAOC,KAAK,CAACL,SAASA,KAAAA,GAAQC,SAAAA;AACvE;AAEA;;;;;;AAMC,IACM,SAASK,aAAAA,CAAcR,UAAmC,EAAEC,IAAY,EAAA;IAC3E,MAAMC,KAAAA,GAAQF,UAAU,CAACC,IAAAA,CAAK;AAC9B,IAAA,OAAOQ,KAAAA,CAAMC,OAAO,CAACR,KAAAA,CAAAA,GAASA,KAAAA,GAAQC,SAAAA;AAC1C;AAEA;;;;;;;AAOC,IACM,SAASQ,mBAAAA,CAAoBX,UAAmC,EAAEC,IAAY,EAAA;AACjF,IAAA,OAAOO,cAAcR,UAAAA,EAAYC,IAAAA,CAAAA,EAAOW,OAAO,CAACV,KAAAA,GAA2B,OAAOA,KAAAA,KAAU,QAAA,CAAA;AAChG;AAEA;;;;;;AAMC,IACM,SAASW,cAAAA,CAAeb,UAAmC,EAAEC,IAAY,EAAA;IAC5E,MAAMC,KAAAA,GAAQF,UAAU,CAACC,IAAAA,CAAK;IAC9B,OAAO,OAAOC,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQ,CAACO,KAAAA,CAAMC,OAAO,CAACR,KAAAA,CAAAA,GAAUA,KAAAA,GAAoCC,SAAAA;AACvH;AAEA;;;;;;;AAOC,IACM,SAASW,mBAAAA,CAAoBd,UAAmC,EAAEC,IAAY,EAAA;AACjF,IAAA,OAAOO,aAAAA,CAAcR,UAAAA,EAAYC,IAAAA,CAAAA,EAAOW,MAAAA,CACpC,CAACV,KAAAA,GAA4C,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQ,CAACO,KAAAA,CAAMC,OAAO,CAACR,KAAAA,CAAAA,CAAAA;AAEnH;AAEA;;;;;;;;;;AAUC,IACM,SAASa,aAAAA,CAAgCf,UAAmC,EAAEC,IAAY,EAAEe,OAAqB,EAAA;IACpH,MAAMd,KAAAA,GAAQH,eAAeC,UAAAA,EAAYC,IAAAA,CAAAA;AACzC,IAAA,OAAOC,UAAUC,SAAAA,IAAca,QAA8BC,QAAQ,CAACf,SAAUA,KAAAA,GAAcC,SAAAA;AAClG;;;;"}

package/dist/esm/toolbar/SceneToolbar.d.ts

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

package/dist/esm/toolbar/SceneToolbar.d.ts.map

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

package/dist/esm/toolbar/SceneToolbar.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { Toolbar } from '@cratis/components/Toolbar';
+import { booleanProperty, unionProperty } from '../properties.js';
+
+/** Whether the toolbar runs down the side or across the top. */ const orientations = [
+    'vertical',
+    'horizontal'
+];
+/**
+ * The `Cratis.Components:toolbar` component - `Toolbar` from `@cratis/components/Toolbar`.
+ *
+ * The container for a tool palette: it draws the rounded chrome and, more importantly, establishes the
+ * drag context every `toolbarButton` inside it reads. `draggable` therefore belongs here rather than on
+ * each button - it is a property of the palette, and setting it per button is how you end up with a
+ * palette that is half draggable.
+ */ function SceneToolbar({ element, slots }) {
+    return /*#__PURE__*/ jsx(Toolbar, {
+        orientation: unionProperty(element.properties, 'orientation', orientations),
+        draggable: booleanProperty(element.properties, 'draggable'),
+        children: slots.content
+    });
+}
+
+export { SceneToolbar };
+//# sourceMappingURL=SceneToolbar.js.map

package/dist/esm/toolbar/SceneToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbar.js","sources":["../../../toolbar/SceneToolbar.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 { Toolbar } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, unionProperty } from '../properties';\n\n/** Whether the toolbar runs down the side or across the top. */\nconst orientations = ['vertical', 'horizontal'] as const;\n\n/**\n * The `Cratis.Components:toolbar` component - `Toolbar` from `@cratis/components/Toolbar`.\n *\n * The container for a tool palette: it draws the rounded chrome and, more importantly, establishes the\n * drag context every `toolbarButton` inside it reads. `draggable` therefore belongs here rather than on\n * each button - it is a property of the palette, and setting it per button is how you end up with a\n * palette that is half draggable.\n */\nexport function SceneToolbar({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Toolbar\n            orientation={unionProperty(element.properties, 'orientation', orientations)}\n            draggable={booleanProperty(element.properties, 'draggable')}\n        >\n            {slots.content}\n        </Toolbar>\n    );\n}\n"],"names":["orientations","SceneToolbar","element","slots","_jsx","Toolbar","orientation","unionProperty","properties","draggable","booleanProperty","content"],"mappings":";;;;AAOA,iEACA,MAAMA,YAAAA,GAAe;AAAC,IAAA,UAAA;AAAY,IAAA;AAAa,CAAA;AAE/C;;;;;;;AAOC,IACM,SAASC,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACrE,IAAA,qBACIC,GAAA,CAACC,OAAAA,EAAAA;AACGC,QAAAA,WAAAA,EAAaC,aAAAA,CAAcL,OAAAA,CAAQM,UAAU,EAAE,aAAA,EAAeR,YAAAA,CAAAA;QAC9DS,SAAAA,EAAWC,eAAAA,CAAgBR,OAAAA,CAAQM,UAAU,EAAE,WAAA,CAAA;AAE9CL,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

package/dist/esm/toolbar/SceneToolbarButton.d.ts

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

package/dist/esm/toolbar/SceneToolbarButton.d.ts.map

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

package/dist/esm/toolbar/SceneToolbarButton.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { ToolbarButton } from '@cratis/components/Toolbar';
+import { stringProperty, unionProperty, booleanProperty } from '../properties.js';
+
+/** Which side of the button its tooltip appears on. */ const tooltipPositions = [
+    'top',
+    'right',
+    'bottom',
+    'left'
+];
+/**
+ * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.
+ *
+ * `title` is required by the underlying component and is not decoration: it is both the tooltip text and
+ * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the
+ * icons. It defaults to the `text` property rather than to an empty string, so a button that has a
+ * visible label is never left nameless.
+ */ function SceneToolbarButton({ element }) {
+    const text = stringProperty(element.properties, 'text');
+    return /*#__PURE__*/ jsx(ToolbarButton, {
+        icon: stringProperty(element.properties, 'icon'),
+        text: text,
+        title: stringProperty(element.properties, 'title') ?? text ?? '',
+        active: booleanProperty(element.properties, 'active'),
+        tooltipPosition: unionProperty(element.properties, 'tooltipPosition', tooltipPositions)
+    });
+}
+
+export { SceneToolbarButton };
+//# sourceMappingURL=SceneToolbarButton.js.map

package/dist/esm/toolbar/SceneToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbarButton.js","sources":["../../../toolbar/SceneToolbarButton.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 { ToolbarButton } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty, unionProperty } from '../properties';\n\n/** Which side of the button its tooltip appears on. */\nconst tooltipPositions = ['top', 'right', 'bottom', 'left'] as const;\n\n/**\n * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.\n *\n * `title` is required by the underlying component and is not decoration: it is both the tooltip text and\n * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the\n * icons. It defaults to the `text` property rather than to an empty string, so a button that has a\n * visible label is never left nameless.\n */\nexport function SceneToolbarButton({ element }: RegisteredComponentProps) {\n    const text = stringProperty(element.properties, 'text');\n\n    return (\n        <ToolbarButton\n            icon={stringProperty(element.properties, 'icon')}\n            text={text}\n            title={stringProperty(element.properties, 'title') ?? text ?? ''}\n            active={booleanProperty(element.properties, 'active')}\n            tooltipPosition={unionProperty(element.properties, 'tooltipPosition', tooltipPositions)}\n        />\n    );\n}\n"],"names":["tooltipPositions","SceneToolbarButton","element","text","stringProperty","properties","_jsx","ToolbarButton","icon","title","active","booleanProperty","tooltipPosition","unionProperty"],"mappings":";;;;AAOA,wDACA,MAAMA,gBAAAA,GAAmB;AAAC,IAAA,KAAA;AAAO,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA;AAAO,CAAA;AAE3D;;;;;;;AAOC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAMC,IAAAA,GAAOC,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;AAEhD,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;QACGC,IAAAA,EAAMJ,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;QACzCF,IAAAA,EAAMA,IAAAA;AACNM,QAAAA,KAAAA,EAAOL,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,YAAYF,IAAAA,IAAQ,EAAA;QAC9DO,MAAAA,EAAQC,eAAAA,CAAgBT,OAAAA,CAAQG,UAAU,EAAE,QAAA,CAAA;AAC5CO,QAAAA,eAAAA,EAAiBC,aAAAA,CAAcX,OAAAA,CAAQG,UAAU,EAAE,iBAAA,EAAmBL,gBAAAA;;AAGlF;;;;"}

package/dist/esm/toolbar/SceneToolbarGroup.d.ts

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

package/dist/esm/toolbar/SceneToolbarGroup.d.ts.map

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

package/dist/esm/toolbar/SceneToolbarGroup.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { ToolbarGroup } from '@cratis/components/Toolbar';
+import { unionProperty, stringProperty } from '../properties.js';
+
+/** Whether the group's buttons stack or sit in a row. */ const orientations = [
+    'vertical',
+    'horizontal'
+];
+/**
+ * The `Cratis.Components:toolbarGroup` component - `ToolbarGroup` from `@cratis/components/Toolbar`.
+ *
+ * Keeps related buttons together inside a toolbar. `slotName` opts the group into the library's toolbar
+ * slot mechanism, which lets content contributed from elsewhere in the application land in this group -
+ * the same idea as Scene's own contribution points, and the reason the property is worth exposing rather
+ * than treating the group as purely visual.
+ */ function SceneToolbarGroup({ element, slots }) {
+    return /*#__PURE__*/ jsx(ToolbarGroup, {
+        slotName: stringProperty(element.properties, 'slotName'),
+        orientation: unionProperty(element.properties, 'orientation', orientations),
+        children: slots.content
+    });
+}
+
+export { SceneToolbarGroup };
+//# sourceMappingURL=SceneToolbarGroup.js.map

package/dist/esm/toolbar/SceneToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbarGroup.js","sources":["../../../toolbar/SceneToolbarGroup.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 { ToolbarGroup } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty, unionProperty } from '../properties';\n\n/** Whether the group's buttons stack or sit in a row. */\nconst orientations = ['vertical', 'horizontal'] as const;\n\n/**\n * The `Cratis.Components:toolbarGroup` component - `ToolbarGroup` from `@cratis/components/Toolbar`.\n *\n * Keeps related buttons together inside a toolbar. `slotName` opts the group into the library's toolbar\n * slot mechanism, which lets content contributed from elsewhere in the application land in this group -\n * the same idea as Scene's own contribution points, and the reason the property is worth exposing rather\n * than treating the group as purely visual.\n */\nexport function SceneToolbarGroup({ element, slots }: RegisteredComponentProps) {\n    return (\n        <ToolbarGroup\n            slotName={stringProperty(element.properties, 'slotName')}\n            orientation={unionProperty(element.properties, 'orientation', orientations)}\n        >\n            {slots.content}\n        </ToolbarGroup>\n    );\n}\n"],"names":["orientations","SceneToolbarGroup","element","slots","_jsx","ToolbarGroup","slotName","stringProperty","properties","orientation","unionProperty","content"],"mappings":";;;;AAOA,0DACA,MAAMA,YAAAA,GAAe;AAAC,IAAA,UAAA;AAAY,IAAA;AAAa,CAAA;AAE/C;;;;;;;AAOC,IACM,SAASC,iBAAAA,CAAkB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AAC1E,IAAA,qBACIC,GAAA,CAACC,YAAAA,EAAAA;QACGC,QAAAA,EAAUC,cAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,UAAA,CAAA;AAC7CC,QAAAA,WAAAA,EAAaC,aAAAA,CAAcR,OAAAA,CAAQM,UAAU,EAAE,aAAA,EAAeR,YAAAA,CAAAA;AAE7DG,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

package/dist/esm/toolbar/SceneToolbarSeparator.d.ts

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

package/dist/esm/toolbar/SceneToolbarSeparator.d.ts.map

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

package/dist/esm/toolbar/SceneToolbarSeparator.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { ToolbarSeparator } from '@cratis/components/Toolbar';
+import { unionProperty } from '../properties.js';
+
+/** Whether the separator is drawn as a horizontal rule or a vertical one. */ const orientations = [
+    'vertical',
+    'horizontal'
+];
+/**
+ * The `Cratis.Components:toolbarSeparator` component - `ToolbarSeparator` from
+ * `@cratis/components/Toolbar`.
+ *
+ * The divider between groups of tools. Its `orientation` describes the *toolbar* it sits in rather than
+ * the line it draws - a vertical toolbar gets a horizontal rule - which matches how the toolbar's own
+ * `orientation` reads, so a screen sets the same value on both.
+ */ function SceneToolbarSeparator({ element }) {
+    return /*#__PURE__*/ jsx(ToolbarSeparator, {
+        orientation: unionProperty(element.properties, 'orientation', orientations)
+    });
+}
+
+export { SceneToolbarSeparator };
+//# sourceMappingURL=SceneToolbarSeparator.js.map

package/dist/esm/toolbar/SceneToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbarSeparator.js","sources":["../../../toolbar/SceneToolbarSeparator.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 { ToolbarSeparator } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { unionProperty } from '../properties';\n\n/** Whether the separator is drawn as a horizontal rule or a vertical one. */\nconst orientations = ['vertical', 'horizontal'] as const;\n\n/**\n * The `Cratis.Components:toolbarSeparator` component - `ToolbarSeparator` from\n * `@cratis/components/Toolbar`.\n *\n * The divider between groups of tools. Its `orientation` describes the *toolbar* it sits in rather than\n * the line it draws - a vertical toolbar gets a horizontal rule - which matches how the toolbar's own\n * `orientation` reads, so a screen sets the same value on both.\n */\nexport function SceneToolbarSeparator({ element }: RegisteredComponentProps) {\n    return <ToolbarSeparator orientation={unionProperty(element.properties, 'orientation', orientations)} />;\n}\n"],"names":["orientations","SceneToolbarSeparator","element","_jsx","ToolbarSeparator","orientation","unionProperty","properties"],"mappings":";;;;AAOA,8EACA,MAAMA,YAAAA,GAAe;AAAC,IAAA,UAAA;AAAY,IAAA;AAAa,CAAA;AAE/C;;;;;;;AAOC,IACM,SAASC,qBAAAA,CAAsB,EAAEC,OAAO,EAA4B,EAAA;AACvE,IAAA,qBAAOC,GAAA,CAACC,gBAAAA,EAAAA;AAAiBC,QAAAA,WAAAA,EAAaC,aAAAA,CAAcJ,OAAAA,CAAQK,UAAU,EAAE,aAAA,EAAeP,YAAAA;;AAC3F;;;;"}

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

@@ -0,0 +1,5 @@
+export * from './SceneToolbar';
+export * from './SceneToolbarButton';
+export * from './SceneToolbarGroup';
+export * from './SceneToolbarSeparator';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../toolbar/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/esm/toolbar/index.js

@@ -0,0 +1,5 @@
+export * from './SceneToolbar';
+export * from './SceneToolbarButton';
+export * from './SceneToolbarGroup';
+export * from './SceneToolbarSeparator';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../toolbar/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}