@cratis/scene.primereact 1.1.0 → 3.0.0

package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.js

@@ -1,63 +0,0 @@
-import { applyPrimeReactTheme } from '../theme';
-describe('when swapping the theme stylesheet', () => {
-    afterEach(() => {
-        document.getElementById('theme-link')?.remove();
-    });
-    describe('and the application already declared a theme link', () => {
-        let swapped;
-        beforeEach(() => {
-            const link = document.createElement('link');
-            link.setAttribute('rel', 'stylesheet');
-            link.setAttribute('id', 'theme-link');
-            link.setAttribute('href', '/assets/themes/lara-light-blue/theme.css');
-            document.head.appendChild(link);
-            swapped = applyPrimeReactTheme('soho-dark');
-        });
-        it('should report that it swapped', () => {
-            swapped.should.be.true;
-        });
-        it('should rewrite only the theme folder, leaving the application in charge of where themes are served from', () => {
-            document.getElementById('theme-link').getAttribute('href').should.equal('/assets/themes/soho-dark/theme.css');
-        });
-        it('should leave exactly one theme link behind', () => {
-            document.querySelectorAll('#theme-link').should.have.lengthOf(1);
-        });
-    });
-    describe('and the theme name also appears elsewhere in the url', () => {
-        beforeEach(() => {
-            const link = document.createElement('link');
-            link.setAttribute('id', 'theme-link');
-            link.setAttribute('href', '/nano/themes/nano/theme.css');
-            document.head.appendChild(link);
-            applyPrimeReactTheme('mira');
-        });
-        it('should rewrite the theme folder and not the rest of the path', () => {
-            document.getElementById('theme-link').getAttribute('href').should.equal('/nano/themes/mira/theme.css');
-        });
-    });
-    describe('and no theme link exists yet', () => {
-        let swapped;
-        beforeEach(() => {
-            swapped = applyPrimeReactTheme('mira');
-        });
-        it('should report that it swapped', () => {
-            swapped.should.be.true;
-        });
-        it('should create the link rather than refuse to theme the page', () => {
-            document.getElementById('theme-link').getAttribute('href').should.equal('primereact/resources/themes/mira/theme.css');
-        });
-    });
-    describe('and the theme is unknown', () => {
-        let swapped;
-        beforeEach(() => {
-            swapped = applyPrimeReactTheme('lara-light-chartreuse');
-        });
-        it('should report that it did not swap', () => {
-            swapped.should.be.false;
-        });
-        it('should not create a link to a stylesheet that does not exist', () => {
-            (document.getElementById('theme-link') === null).should.be.true;
-        });
-    });
-});
-//# sourceMappingURL=when_swapping_the_theme_stylesheet.js.map

package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.js.map

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

package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.d.ts

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

package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.d.ts.map

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

package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.js

@@ -1,17 +0,0 @@
-import { primeReactThemeNames, primeReactThemeStylesheet } from '../theme';
-describe('when resolving a theme stylesheet', () => {
-    describe('and the theme is one this package ships', () => {
-        it('should point at the theme folder PrimeReact ships it in', () => {
-            primeReactThemeStylesheet('lara-dark-indigo').should.equal('primereact/resources/themes/lara-dark-indigo/theme.css');
-        });
-        it('should resolve a path for every theme in the catalog', () => {
-            primeReactThemeNames.filter((name) => primeReactThemeStylesheet(name) === undefined).should.deep.equal([]);
-        });
-    });
-    describe('and the theme is unknown', () => {
-        it('should resolve nothing rather than a path that would 404', () => {
-            (primeReactThemeStylesheet('lara-light-chartreuse') === undefined).should.be.true;
-        });
-    });
-});
-//# sourceMappingURL=when_resolving_a_theme_stylesheet.js.map

package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"when_resolving_a_theme_stylesheet.js","sourceRoot":"","sources":["../../../for_primeReactThemes/when_resolving_a_theme_stylesheet.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE3E,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC/C,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACrD,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YAC/D,yBAAyB,CAAC,kBAAkB,CAAE,CAAC,MAAM,CAAC,KAAK,CAAC,wDAAwD,CAAC,CAAC;QAC1H,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC5D,oBAAoB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC/G,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACtC,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;YAChE,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACtF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/form/PrimeCascadeSelect.d.ts

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

package/dist/esm/form/PrimeCascadeSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeCascadeSelect.d.ts","sourceRoot":"","sources":["../../../form/PrimeCascadeSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAU/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAevE"}

package/dist/esm/form/PrimeCascadeSelect.js

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { CascadeSelect } from 'primereact/cascadeselect';
-import { stringProperty, booleanProperty, recordArrayProperty } from '../properties.js';
-
-/**
- * The `PrimeReact:cascadeSelect` component - nested groups revealed one level at a time.
- *
- * Options are read as raw records rather than normalized to `SelectOption`, because a cascade is defined
- * by the nesting itself: `optionGroupChildren` names the property each level recurses into, and
- * flattening the records would destroy exactly the structure the component exists to show.
- */ function PrimeCascadeSelect({ element }) {
-    const [value, setValue] = useState(stringProperty(element, 'value'));
-    return /*#__PURE__*/ jsx(CascadeSelect, {
-        "data-scene-id": element.id,
-        value: value,
-        onChange: (event)=>setValue(event.value),
-        options: recordArrayProperty(element, 'options'),
-        optionLabel: stringProperty(element, 'optionLabel', 'label'),
-        optionGroupLabel: stringProperty(element, 'optionGroupLabel', 'label'),
-        optionGroupChildren: [
-            stringProperty(element, 'optionGroupChildren', 'items')
-        ],
-        placeholder: stringProperty(element, 'placeholder', 'Select'),
-        disabled: booleanProperty(element, 'disabled', false)
-    });
-}
-
-export { PrimeCascadeSelect };
-//# sourceMappingURL=PrimeCascadeSelect.js.map

package/dist/esm/form/PrimeCascadeSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeCascadeSelect.js","sources":["../../../form/PrimeCascadeSelect.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 { useState } from 'react';\nimport { CascadeSelect } from 'primereact/cascadeselect';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:cascadeSelect` component - nested groups revealed one level at a time.\n *\n * Options are read as raw records rather than normalized to `SelectOption`, because a cascade is defined\n * by the nesting itself: `optionGroupChildren` names the property each level recurses into, and\n * flattening the records would destroy exactly the structure the component exists to show.\n */\nexport function PrimeCascadeSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <CascadeSelect\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={recordArrayProperty(element, 'options')}\n            optionLabel={stringProperty(element, 'optionLabel', 'label')}\n            optionGroupLabel={stringProperty(element, 'optionGroupLabel', 'label')}\n            optionGroupChildren={[stringProperty(element, 'optionGroupChildren', 'items')]}\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeCascadeSelect","element","value","setValue","useState","stringProperty","_jsx","CascadeSelect","data-scene-id","id","onChange","event","options","recordArrayProperty","optionLabel","optionGroupLabel","optionGroupChildren","placeholder","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;;;AAMC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAkBC,eAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,aAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,oBAAoBZ,OAAAA,EAAS,SAAA,CAAA;QACtCa,WAAAA,EAAaT,cAAAA,CAAeJ,SAAS,aAAA,EAAe,OAAA,CAAA;QACpDc,gBAAAA,EAAkBV,cAAAA,CAAeJ,SAAS,kBAAA,EAAoB,OAAA,CAAA;QAC9De,mBAAAA,EAAqB;AAACX,YAAAA,cAAAA,CAAeJ,SAAS,qBAAA,EAAuB,OAAA;AAAS,SAAA;QAC9EgB,WAAAA,EAAaZ,cAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDiB,QAAAA,EAAUC,eAAAA,CAAgBlB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/form/PrimeInputMask.d.ts

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

package/dist/esm/form/PrimeInputMask.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeInputMask.d.ts","sourceRoot":"","sources":["../../../form/PrimeInputMask.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAS/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAYnE"}

package/dist/esm/form/PrimeInputMask.js

@@ -1,24 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { InputMask } from 'primereact/inputmask';
-import { stringProperty, booleanProperty } from '../properties.js';
-
-/**
- * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.
- *
- * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates
- * what a mask does; a real screen always supplies its own `mask`.
- */ function PrimeInputMask({ element }) {
-    const [value, setValue] = useState(stringProperty(element, 'value', ''));
-    return /*#__PURE__*/ jsx(InputMask, {
-        "data-scene-id": element.id,
-        value: value,
-        onChange: (event)=>setValue(event.target.value ?? ''),
-        mask: stringProperty(element, 'mask', '(999) 999-9999'),
-        placeholder: stringProperty(element, 'placeholder'),
-        disabled: booleanProperty(element, 'disabled', false)
-    });
-}
-
-export { PrimeInputMask };
-//# sourceMappingURL=PrimeInputMask.js.map

package/dist/esm/form/PrimeInputMask.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeInputMask.js","sources":["../../../form/PrimeInputMask.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 { useState } from 'react';\nimport { InputMask } from 'primereact/inputmask';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.\n *\n * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates\n * what a mask does; a real screen always supplies its own `mask`.\n */\nexport function PrimeInputMask({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputMask\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value ?? '')}\n            mask={stringProperty(element, 'mask', '(999) 999-9999')}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputMask","element","value","setValue","useState","stringProperty","_jsx","InputMask","data-scene-id","id","onChange","event","target","mask","placeholder","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASC,cAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,GAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,MAAMC,MAAM,CAACV,KAAK,IAAI,EAAA,CAAA;QACpDW,IAAAA,EAAMR,cAAAA,CAAeJ,SAAS,MAAA,EAAQ,gBAAA,CAAA;AACtCa,QAAAA,WAAAA,EAAaT,eAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCc,QAAAA,EAAUC,eAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/esm/theme/applyPrimeReactTheme.d.ts

@@ -1,2 +0,0 @@
-export declare function applyPrimeReactTheme(themeName: string, linkElementId?: string): boolean;
-//# sourceMappingURL=applyPrimeReactTheme.d.ts.map

package/dist/esm/theme/applyPrimeReactTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"applyPrimeReactTheme.d.ts","sourceRoot":"","sources":["../../../theme/applyPrimeReactTheme.ts"],"names":[],"mappings":"AA+BA,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,GAAE,MAA2B,GAAG,OAAO,CAoB3G"}

package/dist/esm/theme/applyPrimeReactTheme.js

@@ -1,49 +0,0 @@
-import { themeLinkElementId, primeReactThemeStylesheet } from './primeReactThemeStylesheet.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Swaps the loaded PrimeReact theme stylesheet, live, with no reload and no remount.
- *
- * This follows the mechanism PrimeReact 10.9.8 implements in `PrimeReactContext.changeTheme` (see
- * `node_modules/primereact/api/api.js`), because a PrimeReact 10 theme is a pre-compiled CSS file rather
- * than a set of runtime variables - there is nothing to set, only a different file to load. What
- * `changeTheme` does is find the `<link>` by id, build a new URL, create a *replacement* `<link>` element
- * and swap it into the same position. Creating a new element rather than assigning to `href` is the part
- * that matters: some browsers do not reliably re-fetch a stylesheet whose `href` is mutated in place.
- *
- * Two things are done differently, both deliberately:
- *
- * - PrimeReact string-replaces the old theme name anywhere in the URL. That breaks as soon as a theme
- *   name also appears elsewhere in the path (an application served from `/nano/`, say, switching away
- *   from the `nano` theme). This replaces the theme *folder segment* instead, which is unambiguous.
- * - PrimeReact throws when the `<link>` is missing. Here a missing link is created, because a Scene host
- *   embedding a preview has no reason to have pre-declared one, and refusing to theme a page for want of
- *   an element we can add ourselves is not a useful failure.
- *
- * The application keeps ownership of *where* themes are served from: when the link already exists, only
- * its theme folder is rewritten and the rest of the URL is left exactly as the host wrote it.
- *
- * @param themeName The theme to load, as named in `primeReactThemes`.
- * @param linkElementId The id of the stylesheet `<link>`, matching PrimeReact's own `changeTheme` argument.
- * @returns `true` when the stylesheet was swapped, `false` when the theme is unknown or there is no document.
- */ function applyPrimeReactTheme(themeName, linkElementId = themeLinkElementId) {
-    const stylesheet = primeReactThemeStylesheet(themeName);
-    if (stylesheet === undefined || typeof document === 'undefined') return false;
-    const existing = document.getElementById(linkElementId);
-    const href = existing?.getAttribute('href');
-    const nextHref = href === undefined || href === null ? stylesheet : href.replace(/[^/]+\/theme\.css(\?.*)?$/, `${themeName}/theme.css$1`);
-    const link = document.createElement('link');
-    link.setAttribute('rel', 'stylesheet');
-    link.setAttribute('id', linkElementId);
-    link.setAttribute('href', nextHref);
-    if (existing?.parentNode) {
-        existing.parentNode.replaceChild(link, existing);
-    } else {
-        document.head.appendChild(link);
-    }
-    return true;
-}
-
-export { applyPrimeReactTheme };
-//# sourceMappingURL=applyPrimeReactTheme.js.map

package/dist/esm/theme/applyPrimeReactTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"applyPrimeReactTheme.js","sources":["../../../theme/applyPrimeReactTheme.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 { primeReactThemeStylesheet, themeLinkElementId } from './primeReactThemeStylesheet';\n\n/**\n * Swaps the loaded PrimeReact theme stylesheet, live, with no reload and no remount.\n *\n * This follows the mechanism PrimeReact 10.9.8 implements in `PrimeReactContext.changeTheme` (see\n * `node_modules/primereact/api/api.js`), because a PrimeReact 10 theme is a pre-compiled CSS file rather\n * than a set of runtime variables - there is nothing to set, only a different file to load. What\n * `changeTheme` does is find the `<link>` by id, build a new URL, create a *replacement* `<link>` element\n * and swap it into the same position. Creating a new element rather than assigning to `href` is the part\n * that matters: some browsers do not reliably re-fetch a stylesheet whose `href` is mutated in place.\n *\n * Two things are done differently, both deliberately:\n *\n * - PrimeReact string-replaces the old theme name anywhere in the URL. That breaks as soon as a theme\n *   name also appears elsewhere in the path (an application served from `/nano/`, say, switching away\n *   from the `nano` theme). This replaces the theme *folder segment* instead, which is unambiguous.\n * - PrimeReact throws when the `<link>` is missing. Here a missing link is created, because a Scene host\n *   embedding a preview has no reason to have pre-declared one, and refusing to theme a page for want of\n *   an element we can add ourselves is not a useful failure.\n *\n * The application keeps ownership of *where* themes are served from: when the link already exists, only\n * its theme folder is rewritten and the rest of the URL is left exactly as the host wrote it.\n *\n * @param themeName The theme to load, as named in `primeReactThemes`.\n * @param linkElementId The id of the stylesheet `<link>`, matching PrimeReact's own `changeTheme` argument.\n * @returns `true` when the stylesheet was swapped, `false` when the theme is unknown or there is no document.\n */\nexport function applyPrimeReactTheme(themeName: string, linkElementId: string = themeLinkElementId): boolean {\n    const stylesheet = primeReactThemeStylesheet(themeName);\n    if (stylesheet === undefined || typeof document === 'undefined') return false;\n\n    const existing = document.getElementById(linkElementId);\n    const href = existing?.getAttribute('href');\n    const nextHref = href === undefined || href === null ? stylesheet : href.replace(/[^/]+\\/theme\\.css(\\?.*)?$/, `${themeName}/theme.css$1`);\n\n    const link = document.createElement('link');\n    link.setAttribute('rel', 'stylesheet');\n    link.setAttribute('id', linkElementId);\n    link.setAttribute('href', nextHref);\n\n    if (existing?.parentNode) {\n        existing.parentNode.replaceChild(link, existing);\n    } else {\n        document.head.appendChild(link);\n    }\n\n    return true;\n}\n"],"names":["applyPrimeReactTheme","themeName","linkElementId","themeLinkElementId","stylesheet","primeReactThemeStylesheet","undefined","document","existing","getElementById","href","getAttribute","nextHref","replace","link","createElement","setAttribute","parentNode","replaceChild","head","appendChild"],"mappings":";;AAAA;AACA;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBC,IACM,SAASA,oBAAAA,CAAqBC,SAAiB,EAAEC,gBAAwBC,kBAAkB,EAAA;AAC9F,IAAA,MAAMC,aAAaC,yBAAAA,CAA0BJ,SAAAA,CAAAA;AAC7C,IAAA,IAAIG,UAAAA,KAAeE,SAAAA,IAAa,OAAOC,QAAAA,KAAa,aAAa,OAAO,KAAA;IAExE,MAAMC,QAAAA,GAAWD,QAAAA,CAASE,cAAc,CAACP,aAAAA,CAAAA;IACzC,MAAMQ,IAAAA,GAAOF,UAAUG,YAAAA,CAAa,MAAA,CAAA;AACpC,IAAA,MAAMC,QAAAA,GAAWF,IAAAA,KAASJ,SAAAA,IAAaI,IAAAA,KAAS,IAAA,GAAON,UAAAA,GAAaM,IAAAA,CAAKG,OAAO,CAAC,2BAAA,EAA6B,CAAA,EAAGZ,SAAAA,CAAU,YAAY,CAAC,CAAA;IAExI,MAAMa,IAAAA,GAAOP,QAAAA,CAASQ,aAAa,CAAC,MAAA,CAAA;IACpCD,IAAAA,CAAKE,YAAY,CAAC,KAAA,EAAO,YAAA,CAAA;IACzBF,IAAAA,CAAKE,YAAY,CAAC,IAAA,EAAMd,aAAAA,CAAAA;IACxBY,IAAAA,CAAKE,YAAY,CAAC,MAAA,EAAQJ,QAAAA,CAAAA;AAE1B,IAAA,IAAIJ,UAAUS,UAAAA,EAAY;AACtBT,QAAAA,QAAAA,CAASS,UAAU,CAACC,YAAY,CAACJ,IAAAA,EAAMN,QAAAA,CAAAA;IAC3C,CAAA,MAAO;QACHD,QAAAA,CAASY,IAAI,CAACC,WAAW,CAACN,IAAAA,CAAAA;AAC9B,IAAA;IAEA,OAAO,IAAA;AACX;;;;"}

package/dist/esm/theme/primeReactThemeStylesheet.d.ts

@@ -1,3 +0,0 @@
-export declare function primeReactThemeStylesheet(themeName: string): string | undefined;
-export declare const themeLinkElementId = "theme-link";
-//# sourceMappingURL=primeReactThemeStylesheet.d.ts.map

package/dist/esm/theme/primeReactThemeStylesheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"primeReactThemeStylesheet.d.ts","sourceRoot":"","sources":["../../../theme/primeReactThemeStylesheet.ts"],"names":[],"mappings":"AAmBA,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE/E;AAUD,eAAO,MAAM,kBAAkB,eAAe,CAAC"}

package/dist/esm/theme/primeReactThemeStylesheet.js

@@ -1,31 +0,0 @@
-import { primeReactTheme } from './primeReactThemes.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * The module path of a theme's compiled stylesheet.
- *
- * PrimeReact 10 themes are pre-compiled CSS files on disk, one folder per theme, so switching theme is
- * ultimately a question of which file is loaded. This is the one place that knows the layout of those
- * folders.
- *
- * An unknown name returns `undefined` rather than a plausible-looking path. A string built for a theme
- * that does not exist would produce a 404 at load time and an unstyled application - a failure that
- * shows up far from the typo that caused it - whereas `undefined` is checkable at the call site.
- *
- * @param themeName The theme name, as it appears in {@link primeReactThemes}.
- * @returns The stylesheet path, or `undefined` when this package ships no theme by that name.
- */ function primeReactThemeStylesheet(themeName) {
-    return primeReactTheme(themeName) === undefined ? undefined : `primereact/resources/themes/${themeName}/theme.css`;
-}
-/**
- * The id of the `<link>` element the theme stylesheet is loaded through.
- *
- * PrimeReact's own `PrimeReactContext.changeTheme` takes this id as an argument and defaults to nothing;
- * `theme-link` is the id PrimeReact's documentation and templates use, so matching it means an
- * application already set up for PrimeReact theme switching needs no extra wiring to work with
- * {@link usePrimeReactTheme}.
- */ const themeLinkElementId = 'theme-link';
-
-export { primeReactThemeStylesheet, themeLinkElementId };
-//# sourceMappingURL=primeReactThemeStylesheet.js.map

package/dist/esm/theme/primeReactThemeStylesheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primeReactThemeStylesheet.js","sources":["../../../theme/primeReactThemeStylesheet.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 { primeReactTheme } from './primeReactThemes';\n\n/**\n * The module path of a theme's compiled stylesheet.\n *\n * PrimeReact 10 themes are pre-compiled CSS files on disk, one folder per theme, so switching theme is\n * ultimately a question of which file is loaded. This is the one place that knows the layout of those\n * folders.\n *\n * An unknown name returns `undefined` rather than a plausible-looking path. A string built for a theme\n * that does not exist would produce a 404 at load time and an unstyled application - a failure that\n * shows up far from the typo that caused it - whereas `undefined` is checkable at the call site.\n *\n * @param themeName The theme name, as it appears in {@link primeReactThemes}.\n * @returns The stylesheet path, or `undefined` when this package ships no theme by that name.\n */\nexport function primeReactThemeStylesheet(themeName: string): string | undefined {\n    return primeReactTheme(themeName) === undefined ? undefined : `primereact/resources/themes/${themeName}/theme.css`;\n}\n\n/**\n * The id of the `<link>` element the theme stylesheet is loaded through.\n *\n * PrimeReact's own `PrimeReactContext.changeTheme` takes this id as an argument and defaults to nothing;\n * `theme-link` is the id PrimeReact's documentation and templates use, so matching it means an\n * application already set up for PrimeReact theme switching needs no extra wiring to work with\n * {@link usePrimeReactTheme}.\n */\nexport const themeLinkElementId = 'theme-link';\n"],"names":["primeReactThemeStylesheet","themeName","primeReactTheme","undefined","themeLinkElementId"],"mappings":";;AAAA;AACA;AAIA;;;;;;;;;;;;;IAcO,SAASA,yBAAAA,CAA0BC,SAAiB,EAAA;IACvD,OAAOC,eAAAA,CAAgBD,eAAeE,SAAAA,GAAYA,SAAAA,GAAY,CAAC,4BAA4B,EAAEF,SAAAA,CAAU,UAAU,CAAC;AACtH;AAEA;;;;;;;IAQO,MAAMG,kBAAAA,GAAqB;;;;"}

package/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.ts

@@ -1,81 +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 { applyPrimeReactTheme } from '../theme';
-
-describe('when swapping the theme stylesheet', () => {
-    afterEach(() => {
-        document.getElementById('theme-link')?.remove();
-    });
-
-    describe('and the application already declared a theme link', () => {
-        let swapped: boolean;
-
-        beforeEach(() => {
-            const link = document.createElement('link');
-            link.setAttribute('rel', 'stylesheet');
-            link.setAttribute('id', 'theme-link');
-            link.setAttribute('href', '/assets/themes/lara-light-blue/theme.css');
-            document.head.appendChild(link);
-            swapped = applyPrimeReactTheme('soho-dark');
-        });
-
-        it('should report that it swapped', () => {
-            swapped.should.be.true;
-        });
-
-        it('should rewrite only the theme folder, leaving the application in charge of where themes are served from', () => {
-            document.getElementById('theme-link')!.getAttribute('href')!.should.equal('/assets/themes/soho-dark/theme.css');
-        });
-
-        it('should leave exactly one theme link behind', () => {
-            document.querySelectorAll('#theme-link').should.have.lengthOf(1);
-        });
-    });
-
-    describe('and the theme name also appears elsewhere in the url', () => {
-        beforeEach(() => {
-            const link = document.createElement('link');
-            link.setAttribute('id', 'theme-link');
-            link.setAttribute('href', '/nano/themes/nano/theme.css');
-            document.head.appendChild(link);
-            applyPrimeReactTheme('mira');
-        });
-
-        it('should rewrite the theme folder and not the rest of the path', () => {
-            document.getElementById('theme-link')!.getAttribute('href')!.should.equal('/nano/themes/mira/theme.css');
-        });
-    });
-
-    describe('and no theme link exists yet', () => {
-        let swapped: boolean;
-
-        beforeEach(() => {
-            swapped = applyPrimeReactTheme('mira');
-        });
-
-        it('should report that it swapped', () => {
-            swapped.should.be.true;
-        });
-
-        it('should create the link rather than refuse to theme the page', () => {
-            document.getElementById('theme-link')!.getAttribute('href')!.should.equal('primereact/resources/themes/mira/theme.css');
-        });
-    });
-
-    describe('and the theme is unknown', () => {
-        let swapped: boolean;
-
-        beforeEach(() => {
-            swapped = applyPrimeReactTheme('lara-light-chartreuse');
-        });
-
-        it('should report that it did not swap', () => {
-            swapped.should.be.false;
-        });
-
-        it('should not create a link to a stylesheet that does not exist', () => {
-            (document.getElementById('theme-link') === null).should.be.true;
-        });
-    });
-});

package/for_primeReactThemes/when_resolving_a_theme_stylesheet.ts

@@ -1,22 +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 { primeReactThemeNames, primeReactThemeStylesheet } from '../theme';
-
-describe('when resolving a theme stylesheet', () => {
-    describe('and the theme is one this package ships', () => {
-        it('should point at the theme folder PrimeReact ships it in', () => {
-            primeReactThemeStylesheet('lara-dark-indigo')!.should.equal('primereact/resources/themes/lara-dark-indigo/theme.css');
-        });
-
-        it('should resolve a path for every theme in the catalog', () => {
-            primeReactThemeNames.filter((name) => primeReactThemeStylesheet(name) === undefined).should.deep.equal([]);
-        });
-    });
-
-    describe('and the theme is unknown', () => {
-        it('should resolve nothing rather than a path that would 404', () => {
-            (primeReactThemeStylesheet('lara-light-chartreuse') === undefined).should.be.true;
-        });
-    });
-});

package/form/PrimeCascadeSelect.tsx

@@ -1,31 +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 { useState } from 'react';
-import { CascadeSelect } from 'primereact/cascadeselect';
-import { RegisteredComponentProps } from '@cratis/scene.react';
-import { booleanProperty, recordArrayProperty, stringProperty } from '../properties';
-
-/**
- * The `PrimeReact:cascadeSelect` component - nested groups revealed one level at a time.
- *
- * Options are read as raw records rather than normalized to `SelectOption`, because a cascade is defined
- * by the nesting itself: `optionGroupChildren` names the property each level recurses into, and
- * flattening the records would destroy exactly the structure the component exists to show.
- */
-export function PrimeCascadeSelect({ element }: RegisteredComponentProps) {
-    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));
-    return (
-        <CascadeSelect
-            data-scene-id={element.id}
-            value={value}
-            onChange={(event) => setValue(event.value)}
-            options={recordArrayProperty(element, 'options')}
-            optionLabel={stringProperty(element, 'optionLabel', 'label')}
-            optionGroupLabel={stringProperty(element, 'optionGroupLabel', 'label')}
-            optionGroupChildren={[stringProperty(element, 'optionGroupChildren', 'items')]}
-            placeholder={stringProperty(element, 'placeholder', 'Select')}
-            disabled={booleanProperty(element, 'disabled', false)}
-        />
-    );
-}

package/form/PrimeInputMask.tsx

@@ -1,27 +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 { useState } from 'react';
-import { InputMask } from 'primereact/inputmask';
-import { RegisteredComponentProps } from '@cratis/scene.react';
-import { booleanProperty, stringProperty } from '../properties';
-
-/**
- * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.
- *
- * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates
- * what a mask does; a real screen always supplies its own `mask`.
- */
-export function PrimeInputMask({ element }: RegisteredComponentProps) {
-    const [value, setValue] = useState(stringProperty(element, 'value', ''));
-    return (
-        <InputMask
-            data-scene-id={element.id}
-            value={value}
-            onChange={(event) => setValue(event.target.value ?? '')}
-            mask={stringProperty(element, 'mask', '(999) 999-9999')}
-            placeholder={stringProperty(element, 'placeholder')}
-            disabled={booleanProperty(element, 'disabled', false)}
-        />
-    );
-}

package/theme/applyPrimeReactTheme.ts

@@ -1,52 +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 { primeReactThemeStylesheet, themeLinkElementId } from './primeReactThemeStylesheet';
-
-/**
- * Swaps the loaded PrimeReact theme stylesheet, live, with no reload and no remount.
- *
- * This follows the mechanism PrimeReact 10.9.8 implements in `PrimeReactContext.changeTheme` (see
- * `node_modules/primereact/api/api.js`), because a PrimeReact 10 theme is a pre-compiled CSS file rather
- * than a set of runtime variables - there is nothing to set, only a different file to load. What
- * `changeTheme` does is find the `<link>` by id, build a new URL, create a *replacement* `<link>` element
- * and swap it into the same position. Creating a new element rather than assigning to `href` is the part
- * that matters: some browsers do not reliably re-fetch a stylesheet whose `href` is mutated in place.
- *
- * Two things are done differently, both deliberately:
- *
- * - PrimeReact string-replaces the old theme name anywhere in the URL. That breaks as soon as a theme
- *   name also appears elsewhere in the path (an application served from `/nano/`, say, switching away
- *   from the `nano` theme). This replaces the theme *folder segment* instead, which is unambiguous.
- * - PrimeReact throws when the `<link>` is missing. Here a missing link is created, because a Scene host
- *   embedding a preview has no reason to have pre-declared one, and refusing to theme a page for want of
- *   an element we can add ourselves is not a useful failure.
- *
- * The application keeps ownership of *where* themes are served from: when the link already exists, only
- * its theme folder is rewritten and the rest of the URL is left exactly as the host wrote it.
- *
- * @param themeName The theme to load, as named in `primeReactThemes`.
- * @param linkElementId The id of the stylesheet `<link>`, matching PrimeReact's own `changeTheme` argument.
- * @returns `true` when the stylesheet was swapped, `false` when the theme is unknown or there is no document.
- */
-export function applyPrimeReactTheme(themeName: string, linkElementId: string = themeLinkElementId): boolean {
-    const stylesheet = primeReactThemeStylesheet(themeName);
-    if (stylesheet === undefined || typeof document === 'undefined') return false;
-
-    const existing = document.getElementById(linkElementId);
-    const href = existing?.getAttribute('href');
-    const nextHref = href === undefined || href === null ? stylesheet : href.replace(/[^/]+\/theme\.css(\?.*)?$/, `${themeName}/theme.css$1`);
-
-    const link = document.createElement('link');
-    link.setAttribute('rel', 'stylesheet');
-    link.setAttribute('id', linkElementId);
-    link.setAttribute('href', nextHref);
-
-    if (existing?.parentNode) {
-        existing.parentNode.replaceChild(link, existing);
-    } else {
-        document.head.appendChild(link);
-    }
-
-    return true;
-}

package/theme/primeReactThemeStylesheet.ts

@@ -1,32 +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 { primeReactTheme } from './primeReactThemes';
-
-/**
- * The module path of a theme's compiled stylesheet.
- *
- * PrimeReact 10 themes are pre-compiled CSS files on disk, one folder per theme, so switching theme is
- * ultimately a question of which file is loaded. This is the one place that knows the layout of those
- * folders.
- *
- * An unknown name returns `undefined` rather than a plausible-looking path. A string built for a theme
- * that does not exist would produce a 404 at load time and an unstyled application - a failure that
- * shows up far from the typo that caused it - whereas `undefined` is checkable at the call site.
- *
- * @param themeName The theme name, as it appears in {@link primeReactThemes}.
- * @returns The stylesheet path, or `undefined` when this package ships no theme by that name.
- */
-export function primeReactThemeStylesheet(themeName: string): string | undefined {
-    return primeReactTheme(themeName) === undefined ? undefined : `primereact/resources/themes/${themeName}/theme.css`;
-}
-
-/**
- * The id of the `<link>` element the theme stylesheet is loaded through.
- *
- * PrimeReact's own `PrimeReactContext.changeTheme` takes this id as an argument and defaults to nothing;
- * `theme-link` is the id PrimeReact's documentation and templates use, so matching it means an
- * application already set up for PrimeReact theme switching needs no extra wiring to work with
- * {@link usePrimeReactTheme}.
- */
-export const themeLinkElementId = 'theme-link';