@cratis/scene.react 4.1.1 → 4.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cratis/scene.react",
-    "version": "4.1.1",
+    "version": "4.2.1",
     "description": "The React renderer implementing Scene.Engine's Renderer contract against real React/DOM.",
     "keywords": [
         "cratis",
@@ -24,7 +24,8 @@
     "files": [
         "dist",
         "**/*.ts",
-        "**/*.tsx"
+        "**/*.tsx",
+        "!**/for_*/**"
     ],
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -50,18 +51,18 @@
         "build-storybook": "storybook build"
     },
     "dependencies": {
-        "@cratis/scene.engine": "4.1.1",
-        "@cratis/scene.model": "4.1.1"
+        "@cratis/scene.engine": "4.2.1",
+        "@cratis/scene.model": "4.2.1"
     },
     "devDependencies": {
-        "@cratis/scene.engine": "4.1.1",
-        "@cratis/scene.model": "4.1.1",
-        "@storybook/addon-links": "^10.6.0",
-        "@storybook/react": "^10.6.0",
-        "@storybook/react-vite": "^10.6.0",
+        "@cratis/scene.engine": "4.2.1",
+        "@cratis/scene.model": "4.2.1",
+        "@storybook/addon-links": "^10.6.1",
+        "@storybook/react": "^10.6.1",
+        "@storybook/react-vite": "^10.6.1",
         "react": "^19.3.0",
         "react-dom": "^19.3.0",
-        "storybook": "^10.6.0"
+        "storybook": "^10.6.1"
     },
     "peerDependencies": {
         "react": "^18.0.0 || ^19.0.0",

package/NavBar/for_NavBar/when_rendering_navigation_contributions.tsx

@@ -1,62 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { render, screen } from '@testing-library/react';
-import { Contribution, ExternalComponent, HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { NavBar } from '../NavBar';
-
-function navigationContribution(id: string, properties: Record<string, unknown>, order?: number): Contribution {
-    const content: ExternalComponent = {
-        id,
-        name: id,
-        properties,
-        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,
-        componentName: 'core:navigation-item',
-        slots: {},
-    };
-    return { contributionPointName: 'Navigation', content, order };
-}
-
-describe('when rendering navigation contributions', () => {
-    describe('and no item declares a group', () => {
-        const contributions = [
-            navigationContribution('adjustments', { label: 'Adjustments', targetScreen: 'Adjustments' }, 20),
-            navigationContribution('invoices', { label: 'Invoices', targetScreen: 'InvoiceList' }, 10),
-        ];
-
-        beforeEach(() => {
-            render(<NavBar contributions={contributions} renderRoute={item => `/${item.targetScreen}`} />);
-        });
-
-        it('should render every item as a link to its rendered route', () => {
-            screen.getByRole('link', { name: 'Invoices' }).getAttribute('href')!.should.equal('/InvoiceList');
-            screen.getByRole('link', { name: 'Adjustments' }).getAttribute('href')!.should.equal('/Adjustments');
-        });
-
-        it('should render items in aggregated order', () => {
-            const links = screen.getAllByRole('link').map(link => link.textContent);
-            links.should.deep.equal(['Invoices', 'Adjustments']);
-        });
-    });
-
-    describe('and a contribution cannot be extracted into a navigation item', () => {
-        const contributions = [navigationContribution('broken', { label: 'Broken' })];
-
-        beforeEach(() => {
-            render(<NavBar contributions={contributions} renderRoute={item => `/${item.targetScreen}`} />);
-        });
-
-        it('should skip it rather than render a broken link', () => {
-            screen.queryAllByRole('link').should.have.lengthOf(0);
-        });
-    });
-});

package/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.ts

@@ -1,53 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { Contribution, ExternalComponent, HorizontalAlignment, NavigationItem, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { extractNavigationItem } from '../extractNavigationItem';
-
-function navigationContribution(properties: Record<string, unknown>, order?: number): Contribution {
-    const content: ExternalComponent = {
-        id: 'nav-item',
-        name: 'nav-item',
-        properties,
-        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,
-        componentName: 'core:navigation-item',
-        slots: {},
-    };
-    return { contributionPointName: 'Navigation', content, order };
-}
-
-describe('when extracting from a navigation contribution', () => {
-    describe('and the required properties are present', () => {
-        let result: NavigationItem | undefined;
-
-        beforeEach(() => {
-            result = extractNavigationItem(navigationContribution({ label: 'Invoices', targetScreen: 'InvoiceList', group: 'Sales' }, 10));
-        });
-
-        it('should extract the label', () => result!.label.should.equal('Invoices'));
-        it('should extract the target screen', () => result!.targetScreen.should.equal('InvoiceList'));
-        it('should extract the group', () => result!.group!.should.equal('Sales'));
-        it('should fall back to the contribution order when the properties bag has none', () => result!.order!.should.equal(10));
-    });
-
-    describe('and the label is missing', () => {
-        it('should return undefined', () => {
-            (extractNavigationItem(navigationContribution({ targetScreen: 'InvoiceList' })) === undefined).should.be.true;
-        });
-    });
-
-    describe('and the target screen is missing', () => {
-        it('should return undefined', () => {
-            (extractNavigationItem(navigationContribution({ label: 'Invoices' })) === undefined).should.be.true;
-        });
-    });
-});

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.d.ts

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

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.d.ts.map

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

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { NavBar } from '../NavBar';
-function navigationContribution(id, properties, order) {
-    const content = {
-        id,
-        name: id,
-        properties,
-        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,
-        componentName: 'core:navigation-item',
-        slots: {},
-    };
-    return { contributionPointName: 'Navigation', content, order };
-}
-describe('when rendering navigation contributions', () => {
-    describe('and no item declares a group', () => {
-        const contributions = [
-            navigationContribution('adjustments', { label: 'Adjustments', targetScreen: 'Adjustments' }, 20),
-            navigationContribution('invoices', { label: 'Invoices', targetScreen: 'InvoiceList' }, 10),
-        ];
-        beforeEach(() => {
-            render(_jsx(NavBar, { contributions: contributions, renderRoute: item => `/${item.targetScreen}` }));
-        });
-        it('should render every item as a link to its rendered route', () => {
-            screen.getByRole('link', { name: 'Invoices' }).getAttribute('href').should.equal('/InvoiceList');
-            screen.getByRole('link', { name: 'Adjustments' }).getAttribute('href').should.equal('/Adjustments');
-        });
-        it('should render items in aggregated order', () => {
-            const links = screen.getAllByRole('link').map(link => link.textContent);
-            links.should.deep.equal(['Invoices', 'Adjustments']);
-        });
-    });
-    describe('and a contribution cannot be extracted into a navigation item', () => {
-        const contributions = [navigationContribution('broken', { label: 'Broken' })];
-        beforeEach(() => {
-            render(_jsx(NavBar, { contributions: contributions, renderRoute: item => `/${item.targetScreen}` }));
-        });
-        it('should skip it rather than render a broken link', () => {
-            screen.queryAllByRole('link').should.have.lengthOf(0);
-        });
-    });
-});
-//# sourceMappingURL=when_rendering_navigation_contributions.js.map

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_rendering_navigation_contributions.js","sourceRoot":"","sources":["../../../../NavBar/for_NavBar/when_rendering_navigation_contributions.tsx"],"names":[],"mappings":"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"}

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.d.ts

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

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_extracting_from_a_navigation_contribution.d.ts","sourceRoot":"","sources":["../../../../NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.ts"],"names":[],"mappings":""}

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.js

@@ -1,45 +0,0 @@
-import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { extractNavigationItem } from '../extractNavigationItem';
-function navigationContribution(properties, order) {
-    const content = {
-        id: 'nav-item',
-        name: 'nav-item',
-        properties,
-        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,
-        componentName: 'core:navigation-item',
-        slots: {},
-    };
-    return { contributionPointName: 'Navigation', content, order };
-}
-describe('when extracting from a navigation contribution', () => {
-    describe('and the required properties are present', () => {
-        let result;
-        beforeEach(() => {
-            result = extractNavigationItem(navigationContribution({ label: 'Invoices', targetScreen: 'InvoiceList', group: 'Sales' }, 10));
-        });
-        it('should extract the label', () => result.label.should.equal('Invoices'));
-        it('should extract the target screen', () => result.targetScreen.should.equal('InvoiceList'));
-        it('should extract the group', () => result.group.should.equal('Sales'));
-        it('should fall back to the contribution order when the properties bag has none', () => result.order.should.equal(10));
-    });
-    describe('and the label is missing', () => {
-        it('should return undefined', () => {
-            (extractNavigationItem(navigationContribution({ targetScreen: 'InvoiceList' })) === undefined).should.be.true;
-        });
-    });
-    describe('and the target screen is missing', () => {
-        it('should return undefined', () => {
-            (extractNavigationItem(navigationContribution({ label: 'Invoices' })) === undefined).should.be.true;
-        });
-    });
-});
-//# sourceMappingURL=when_extracting_from_a_navigation_contribution.js.map

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_extracting_from_a_navigation_contribution.js","sourceRoot":"","sources":["../../../../NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmC,mBAAmB,EAAkB,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC1I,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,SAAS,sBAAsB,CAAC,UAAmC,EAAE,KAAc;IAC/E,MAAM,OAAO,GAAsB;QAC/B,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,UAAU;QACV,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;QAC5C,aAAa,EAAE,sBAAsB;QACrC,KAAK,EAAE,EAAE;KACZ,CAAC;IACF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACnE,CAAC;AAED,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC5D,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACrD,IAAI,MAAkC,CAAC;QAEvC,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,GAAG,qBAAqB,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QACnI,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;QAC7E,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;QAC/F,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3E,EAAE,CAAC,6EAA6E,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7H,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACtC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YAC/B,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QAClH,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC9C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YAC/B,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACxG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_SceneElementView/when_rendering_a_tree.d.ts

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

package/dist/esm/for_SceneElementView/when_rendering_a_tree.d.ts.map

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

package/dist/esm/for_SceneElementView/when_rendering_a_tree.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { expect } from 'chai';
-import { render, screen } from '@testing-library/react';
-import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { SceneElementView } from '../SceneElementView';
-import { coreComponents } from '../core';
-function control(id) {
-    return {
-        id,
-        name: id,
-        properties: {},
-        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,
-        borderThickness: { left: 0, top: 0, right: 0, bottom: 0 },
-        padding: { left: 0, top: 0, right: 0, bottom: 0 },
-        tabIndex: 0,
-    };
-}
-describe('when rendering a tree', () => {
-    describe('and every component resolves', () => {
-        const text = { ...control('greeting'), componentName: 'core:text', properties: { text: 'Hello Scene' }, slots: {} };
-        const card = { ...control('card'), componentName: 'core:card', slots: { content: [text] } };
-        beforeEach(() => {
-            render(_jsx(SceneElementView, { element: card, registry: coreComponents, resolveBinding: () => undefined }));
-        });
-        it('should render the nested core:text content', () => expect(screen.getByText('Hello Scene')).to.exist);
-    });
-    describe('and a component does not resolve', () => {
-        const missing = { ...control('missing'), componentName: 'vendor:fancy-widget', slots: {} };
-        beforeEach(() => {
-            render(_jsx(SceneElementView, { element: missing, registry: coreComponents, resolveBinding: () => undefined }));
-        });
-        it('should render a visible unresolved-component placeholder', () => expect(screen.getByText('Unresolved component: vendor:fancy-widget')).to.exist);
-    });
-});
-//# sourceMappingURL=when_rendering_a_tree.js.map

package/dist/esm/for_SceneElementView/when_rendering_a_tree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_rendering_a_tree.js","sourceRoot":"","sources":["../../../for_SceneElementView/when_rendering_a_tree.tsx"],"names":[],"mappings":"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"}

package/dist/esm/for_ScreenplayCoreComponents/when_rendering_a_translated_screen.d.ts

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

package/dist/esm/for_ScreenplayCoreComponents/when_rendering_a_translated_screen.d.ts.map

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

package/dist/esm/for_ScreenplayCoreComponents/when_rendering_a_translated_screen.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { expect } from 'chai';
-import { fireEvent, render, screen } from '@testing-library/react';
-import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { SceneElementView } from '../SceneElementView';
-import { coreComponents } from '../core';
-function control(id) {
-    return {
-        id,
-        name: id,
-        properties: {},
-        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,
-        borderThickness: { left: 0, top: 0, right: 0, bottom: 0 },
-        padding: { left: 0, top: 0, right: 0, bottom: 0 },
-        tabIndex: 0,
-    };
-}
-const component = (id, componentName, properties = {}, slots = {}) => ({ ...control(id), componentName, properties, slots });
-describe('when rendering a translated Screenplay screen', () => {
-    const title = component('title', 'core:title', { text: 'Invoices' });
-    const action = component('create', 'core:action', { command: 'CreateInvoice', label: 'Create invoice' });
-    const section = component('section', 'core:section', { name: 'Open invoices' }, { content: [title, action] });
-    beforeEach(() => {
-        render(_jsx(SceneElementView, { element: section, registry: coreComponents, resolveBinding: () => undefined }));
-    });
-    it('should render the section heading', () => expect(screen.getByRole('heading', { name: 'Open invoices' })).to.exist);
-    it('should render the translated title', () => expect(screen.getByRole('heading', { name: 'Invoices' })).to.exist);
-    it('should render the modeled action', () => expect(screen.getByRole('button', { name: 'Create invoice' })).to.exist);
-    it('should announce the modeled command to the host', () => {
-        let command = '';
-        const listener = (event) => { command = event.detail.command; };
-        globalThis.addEventListener('cratis.scene.command', listener, { once: true });
-        fireEvent.click(screen.getByRole('button', { name: 'Create invoice' }));
-        command.should.equal('CreateInvoice');
-    });
-});
-//# sourceMappingURL=when_rendering_a_translated_screen.js.map

package/dist/esm/for_ScreenplayCoreComponents/when_rendering_a_translated_screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_rendering_a_translated_screen.js","sourceRoot":"","sources":["../../../for_ScreenplayCoreComponents/when_rendering_a_translated_screen.tsx"],"names":[],"mappings":"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"}

package/dist/esm/for_applyThemeTokens/when_switching_themes.d.ts

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

package/dist/esm/for_applyThemeTokens/when_switching_themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_switching_themes.d.ts","sourceRoot":"","sources":["../../../for_applyThemeTokens/when_switching_themes.ts"],"names":[],"mappings":""}

package/dist/esm/for_applyThemeTokens/when_switching_themes.js

@@ -1,59 +0,0 @@
-import { JSDOM } from 'jsdom';
-import { applyThemeTokens } from '../index';
-const light = {
-    name: 'Daylight',
-    compatibleWith: ['core'],
-    tokens: { 'primary.color': '#2563eb', 'surface.background': '#ffffff' },
-};
-const dark = {
-    name: 'Midnight',
-    compatibleWith: ['core'],
-    isDark: true,
-    tokens: { 'primary.color': '#60a5fa' },
-};
-describe('when switching themes', () => {
-    const dom = new JSDOM('<div id="root"></div>');
-    const element = dom.window.document.getElementById('root');
-    applyThemeTokens(element, light);
-    const afterLight = {
-        primary: element.style.getPropertyValue('--scene-primary-color'),
-        surface: element.style.getPropertyValue('--scene-surface-background'),
-        theme: element.getAttribute('data-scene-theme'),
-        scheme: element.getAttribute('data-scene-color-scheme'),
-    };
-    applyThemeTokens(element, dark, light);
-    const afterDark = {
-        primary: element.style.getPropertyValue('--scene-primary-color'),
-        surface: element.style.getPropertyValue('--scene-surface-background'),
-        theme: element.getAttribute('data-scene-theme'),
-        scheme: element.getAttribute('data-scene-color-scheme'),
-    };
-    applyThemeTokens(element, undefined, dark);
-    const afterClearing = {
-        primary: element.style.getPropertyValue('--scene-primary-color'),
-        theme: element.getAttribute('data-scene-theme'),
-    };
-    it('should write the first theme tokens as custom properties', () => {
-        afterLight.primary.should.equal('#2563eb');
-        afterLight.surface.should.equal('#ffffff');
-    });
-    it('should mark the element with the first theme name and scheme', () => {
-        afterLight.theme.should.equal('Daylight');
-        afterLight.scheme.should.equal('light');
-    });
-    it('should overwrite a token the next theme also defines', () => {
-        afterDark.primary.should.equal('#60a5fa');
-    });
-    it('should remove a token the next theme does not define, rather than leaving it stale', () => {
-        afterDark.surface.should.equal('');
-    });
-    it('should mark the element as dark for a dark theme', () => {
-        afterDark.theme.should.equal('Midnight');
-        afterDark.scheme.should.equal('dark');
-    });
-    it('should clear every token and marker when the theme is removed', () => {
-        afterClearing.primary.should.equal('');
-        (afterClearing.theme === null).should.be.true;
-    });
-});
-//# sourceMappingURL=when_switching_themes.js.map

package/dist/esm/for_applyThemeTokens/when_switching_themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_switching_themes.js","sourceRoot":"","sources":["../../../for_applyThemeTokens/when_switching_themes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,KAAK,GAAU;IACjB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,CAAC,MAAM,CAAC;IACxB,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE;CAC1E,CAAC;AAEF,MAAM,IAAI,GAAU;IAChB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,CAAC,MAAM,CAAC;IACxB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;CACzC,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAA2B,CAAC;IAErF,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG;QACf,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC;QAChE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;QACrE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC;QAC/C,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,yBAAyB,CAAC;KAC1D,CAAC;IAEF,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG;QACd,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC;QAChE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;QACrE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC;QAC/C,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,yBAAyB,CAAC;KAC1D,CAAC;IAEF,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAC3C,MAAM,aAAa,GAAG;QAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC;QAChE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC;KAClD,CAAC;IAEF,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAChE,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3C,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACpE,UAAU,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC3C,UAAU,CAAC,MAAO,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC5D,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oFAAoF,EAAE,GAAG,EAAE;QAC1F,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QACxD,SAAS,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC1C,SAAS,CAAC,MAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACrE,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACvC,CAAC,aAAa,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_panelLayout/when_arranging_a_panel.d.ts

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

package/dist/esm/for_panelLayout/when_arranging_a_panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_arranging_a_panel.d.ts","sourceRoot":"","sources":["../../../for_panelLayout/when_arranging_a_panel.ts"],"names":[],"mappings":""}

package/dist/esm/for_panelLayout/when_arranging_a_panel.js

@@ -1,110 +0,0 @@
-import { Dock, GridUnitType, HorizontalAlignment, Orientation, VerticalAlignment, Visibility } from '@cratis/scene.model';
-import { childStyle, panelStyle } from '../renderer/panelLayout';
-const base = {
-    id: 'panel',
-    properties: {},
-    visibility: Visibility.Visible,
-    isEnabled: true,
-    opacity: 1,
-    zIndex: 0,
-    size: {},
-    name: 'panel',
-    minimumSize: {},
-    maximumSize: {},
-    margin: { left: 0, top: 0, right: 0, bottom: 0 },
-    horizontalAlignment: HorizontalAlignment.Stretch,
-    verticalAlignment: VerticalAlignment.Stretch,
-    children: [],
-};
-const child = (properties = {}) => ({ id: 'child', properties });
-const star = (value) => ({ value, unitType: GridUnitType.Star });
-const row = (over = {}) => ({ height: star(1), minimumHeight: 0, maximumHeight: Number.POSITIVE_INFINITY, ...over });
-const column = (over = {}) => ({ width: star(1), minimumWidth: 0, maximumWidth: Number.POSITIVE_INFINITY, ...over });
-describe('when arranging a panel', () => {
-    it('should make a canvas the coordinate space its children are placed against', () => {
-        const panel = { ...base, extent: {} };
-        panelStyle(panel).position.should.equal('relative');
-    });
-    it('should size a canvas to its extent', () => {
-        const panel = { ...base, extent: { width: 1280, height: 800 } };
-        const style = panelStyle(panel);
-        [style.width, style.height].should.have.members([1280, 800]);
-    });
-    it('should place a canvas child at the edges it names', () => {
-        const panel = { ...base, extent: {} };
-        const style = childStyle(panel, child({ 'Canvas.Left': 40, 'Canvas.Top': 24 }), 0);
-        style.position.should.equal('absolute');
-        [style.left, style.top].should.have.members([40, 24]);
-    });
-    it('should leave a canvas child that names no edge in flow', () => {
-        const panel = { ...base, extent: {} };
-        (childStyle(panel, child(), 0) === undefined).should.be.true;
-    });
-    it('should lay a stack panel out along its orientation', () => {
-        const panel = { ...base, orientation: Orientation.Horizontal, spacing: 8 };
-        panelStyle(panel).flexDirection.should.equal('row');
-    });
-    it('should space a stack panel by its spacing', () => {
-        const panel = { ...base, orientation: Orientation.Vertical, spacing: 12 };
-        panelStyle(panel).gap.should.equal('12px');
-    });
-    it('should wrap a wrap panel', () => {
-        const panel = { ...base, orientation: Orientation.Horizontal };
-        panelStyle(panel).flexWrap.should.equal('wrap');
-    });
-    it('should turn star tracks into fractions', () => {
-        const panel = { ...base, rows: [row(), row({ height: star(2) })], columns: [] };
-        panelStyle(panel).gridTemplateRows.should.equal('1fr 2fr');
-    });
-    it('should turn an absolute track into pixels', () => {
-        const panel = { ...base, rows: [], columns: [column({ width: { value: 240, unitType: GridUnitType.Absolute } })] };
-        panelStyle(panel).gridTemplateColumns.should.equal('240px');
-    });
-    it('should turn a content-sized track into auto', () => {
-        const panel = { ...base, rows: [], columns: [column({ width: { value: 0, unitType: GridUnitType.Auto } })] };
-        panelStyle(panel).gridTemplateColumns.should.equal('auto');
-    });
-    it('should bound a track that states a minimum', () => {
-        const panel = { ...base, rows: [row({ minimumHeight: 40 })], columns: [] };
-        panelStyle(panel).gridTemplateRows.should.equal('minmax(40px, 1fr)');
-    });
-    it('should leave a plain panel unstyled', () => (panelStyle({ ...base }) === undefined).should.be.true);
-});
-describe('when placing a child in a panel', () => {
-    it('should place a grid child in the cell it names, one-based for CSS', () => {
-        const panel = { ...base, rows: [row()], columns: [column()] };
-        childStyle(panel, child({ 'Grid.Row': 1, 'Grid.Column': 2 }), 0).gridRow.should.equal('2 / span 1');
-    });
-    it('should span a grid child that asks for it', () => {
-        const panel = { ...base, rows: [row()], columns: [column()] };
-        childStyle(panel, child({ 'Grid.Column': 0, 'Grid.ColumnSpan': 3 }), 0).gridColumn.should.equal('1 / span 3');
-    });
-    it('should leave a grid child that names no cell to the implicit flow', () => {
-        const panel = { ...base, rows: [row()], columns: [column()] };
-        (childStyle(panel, child(), 0) === undefined).should.be.true;
-    });
-    it('should let a dock panel last child fill what is left', () => {
-        const kid = child();
-        const panel = { ...base, lastChildFill: true, children: [kid] };
-        childStyle(panel, kid, 0).flex.should.equal('1 1 auto');
-    });
-    it('should keep a docked child at its natural size', () => {
-        const first = child({ Dock: Dock.Top });
-        const panel = { ...base, lastChildFill: true, children: [first, child()] };
-        childStyle(panel, first, 0).flex.should.equal('0 0 auto');
-    });
-    it('should not let the last child fill when the panel says not to', () => {
-        const kid = child();
-        const panel = { ...base, lastChildFill: false, children: [kid] };
-        childStyle(panel, kid, 0).flex.should.equal('0 0 auto');
-    });
-    it('should size wrap panel children when the panel sizes them', () => {
-        const panel = { ...base, orientation: Orientation.Horizontal, itemWidth: 120 };
-        childStyle(panel, child(), 0).width.should.equal(120);
-    });
-    it('should leave wrap panel children their own size when the panel sizes neither axis', () => {
-        const panel = { ...base, orientation: Orientation.Horizontal };
-        (childStyle(panel, child(), 0) === undefined).should.be.true;
-    });
-});
-//# sourceMappingURL=when_arranging_a_panel.js.map

package/dist/esm/for_panelLayout/when_arranging_a_panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_arranging_a_panel.js","sourceRoot":"","sources":["../../../for_panelLayout/when_arranging_a_panel.ts"],"names":[],"mappings":"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"}

package/dist/esm/for_themeTokens/when_converting_a_token_name.d.ts

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

package/dist/esm/for_themeTokens/when_converting_a_token_name.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_converting_a_token_name.d.ts","sourceRoot":"","sources":["../../../for_themeTokens/when_converting_a_token_name.ts"],"names":[],"mappings":""}