@cratis/scene.primereact 1.1.0 → 3.0.0

package/theme/usePrimeReactTheme.ts

@@ -1,43 +1,91 @@
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
-import { useEffect } from 'react';
+import { useMemo } from 'react';
 import { Theme } from '@cratis/scene.model';
-import { applyPrimeReactTheme } from './applyPrimeReactTheme';
-import { themeLinkElementId } from './primeReactThemeStylesheet';
+import { PrimeReactPreset, primeReactThemePreset } from './primeReactThemePreset';
 
 /**
- * Keeps the loaded PrimeReact theme stylesheet in step with the active Scene {@link Theme}.
+ * The class a themed root carries when the active theme is a dark one.
  *
- * Theming a Scene screen that uses this package takes two halves, and this is the half `SceneThemeProvider`
- * cannot do. The provider writes the theme's semantic tokens onto the wrapping element, which reaches
- * anything reading `--scene-*` - this package's own wrappers, `core`'s primitives, a layout's CSS. But
- * PrimeReact 10's components are skinned by a compiled stylesheet, and no amount of token-setting
- * changes which stylesheet is loaded. So: provider for the tokens, this hook for the stylesheet.
+ * `@primeuix/themes` resolves every `light-dark()` token pair against a CSS selector rather than the
+ * operating system preference, so *something* has to put that selector on the page. This is Scene's
+ * choice of selector, and it is handed to the preset as `darkModeSelector` so the two can never disagree.
+ */
+export const primeReactDarkModeClass = 'scene-dark';
+
+/**
+ * The shape `PrimeReactProvider` takes through its `value` prop, narrowed to the part this package sets.
+ *
+ * Deliberately not imported from `@primereact/core`: the provider's config type is broad and mostly about
+ * concerns Scene does not own (locale, ripple, z-index, filter match modes). Naming only the theme slice
+ * keeps it obvious that a Scene theme decides the preset and nothing else, and leaves an application free
+ * to merge its own configuration around it.
+ */
+export interface PrimeReactThemeConfiguration {
+    /**
+     * The preset and the options `@primeuix/styled` needs to emit its `--p-*` custom properties.
+     */
+    theme: {
+        /**
+         * The `@primeuix/themes` preset for the active Scene theme.
+         */
+        preset: PrimeReactPreset;
+
+        /**
+         * How the preset resolves its light/dark token pairs.
+         */
+        options: {
+            /**
+             * The selector that means "dark" - {@link primeReactDarkModeClass}.
+             */
+            darkModeSelector: string;
+        };
+    };
+}
+
+/**
+ * Resolves the active Scene {@link Theme} to the configuration `PrimeReactProvider` needs to render it.
+ *
+ * Theming a Scene screen takes two halves, and this is the half `SceneThemeProvider` cannot do. The
+ * provider writes the theme's semantic tokens onto the wrapping element, which reaches anything reading
+ * `--scene-*` - this package's own wrappers, `core`'s primitives, a layout's CSS. But PrimeReact's own
+ * components read `--p-*`, and those only exist once a preset has been handed to `PrimeReactProvider`. So:
+ * `SceneThemeProvider` for the Scene tokens, this hook for the PrimeReact ones.
+ *
+ * This replaced the PrimeReact 10 hook of the same name, and it is considerably less machinery. v10
+ * themes were compiled stylesheets, so switching meant locating a `<link>`, rewriting one path segment of
+ * its URL, and swapping in a replacement element because some browsers will not re-fetch a mutated
+ * `href`. None of that survives: a v11 preset is a plain object, so switching is re-rendering a provider
+ * with a different value. Nothing is fetched, nothing flashes unstyled, and a theme cannot 404.
  *
  * Use them together:
  *
  * ```tsx
  * const [theme, setTheme] = useState(primeReactTheme('lara-light-blue'));
- * usePrimeReactTheme(theme);
- * return <SceneThemeProvider theme={theme}>{children}</SceneThemeProvider>;
- * ```
+ * const configuration = usePrimeReactTheme(theme);
  *
- * Switching is live: nothing reloads, nothing below the provider remounts, and no state is lost. That is
- * what lets a gallery change theme as fast as someone can click through a picker, which is the whole
- * reason theme switching is re-resolution rather than a restart.
+ * return (
+ *     <PrimeReactProvider value={configuration}>
+ *         <SceneThemeProvider theme={theme}>{children}</SceneThemeProvider>
+ *     </PrimeReactProvider>
+ * );
+ * ```
  *
- * @param theme The active theme. A theme this package does not ship - or `undefined` - leaves the loaded
- * stylesheet alone rather than unloading it, so a profile mixing in a theme from another package does
- * not strip PrimeReact's skin on its way past.
- * @param linkElementId The id of the stylesheet `<link>`, should the application use something other than
- * PrimeReact's conventional `theme-link`.
+ * @param theme The active theme. A theme this package does not ship - or `undefined` - yields `undefined`
+ * rather than a default preset, so a profile mixing in a theme from another package leaves PrimeReact's
+ * own styling to whoever does own it, instead of quietly overriding it with a Scene preset.
+ * @returns The provider configuration, or `undefined` when this package ships no preset for the theme.
  */
-export function usePrimeReactTheme(theme: Theme | undefined, linkElementId: string = themeLinkElementId): void {
+export function usePrimeReactTheme(theme: Theme | undefined): PrimeReactThemeConfiguration | undefined {
     const themeName = theme?.name;
 
-    useEffect(() => {
-        if (themeName === undefined) return;
-        applyPrimeReactTheme(themeName, linkElementId);
-    }, [themeName, linkElementId]);
+    return useMemo(() => {
+        if (themeName === undefined) return undefined;
+
+        const preset = primeReactThemePreset(themeName);
+        if (preset === undefined) return undefined;
+
+        return { theme: { preset, options: { darkModeSelector: `.${primeReactDarkModeClass}` } } };
+    }, [themeName]);
 }

package/treeNodes.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
-import type { TreeNode } from 'primereact/treenode';
+import { TreeNode } from './TreeNode';
 import { SceneElement } from '@cratis/scene.model';
 import { arrayProperty } from './properties';
 

package/.storybook/preview.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 type { Preview } from '@storybook/react';
-
-// The order matters and mirrors what an application does. PrimeReact's structural CSS and the initial
-// compiled theme come first; `primeReactTheme.css` then bridges that theme's variables onto the Scene
-// tokens every wrapper reads. The theme-switching story replaces the theme stylesheet at runtime through
-// `usePrimeReactTheme`, exactly as an application would.
-import 'primereact/resources/themes/lara-light-blue/theme.css';
-import 'primereact/resources/primereact.css';
-import 'primeicons/primeicons.css';
-import '../primeReactTheme.css';
-import './preview.css';
-
-const preview: Preview = {
-    parameters: {
-        controls: { matchers: { color: /(background|color)$/i, date: /Date$/i } },
-    },
-};
-
-export default preview;

package/data/PrimeTreeTable.tsx

@@ -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 { Column } from 'primereact/column';
-import { TreeTable } from 'primereact/treetable';
-import { RegisteredComponentProps } from '@cratis/scene.react';
-import { recordArrayProperty, stringArrayProperty } from '../properties';
-import { treeNodesProperty } from '../treeNodes';
-
-/**
- * The `PrimeReact:treeTable` component - a table whose rows nest.
- *
- * Columns address the node's `data` object, so they are read from a `columns` property here rather than
- * inferred: a tree node's own shape (key, label, children) is structure, not data, and inferring columns
- * from it would produce a table of the tree's plumbing.
- */
-export function PrimeTreeTable({ element }: RegisteredComponentProps) {
-    const nodes = treeNodesProperty(element, 'nodes');
-    const named = recordArrayProperty(element, 'columns')
-        .map((column) => ({ field: column.field, header: column.header ?? column.field }))
-        .filter((column): column is { field: string; header: unknown } => typeof column.field === 'string')
-        .map((column) => ({ field: column.field, header: typeof column.header === 'string' ? column.header : column.field }));
-    const columns = named.length > 0 ? named : stringArrayProperty(element, 'columns').map((field) => ({ field, header: field }));
-
-    return (
-        <TreeTable data-scene-id={element.id} value={nodes}>
-            {columns.map((column, index) => (
-                <Column key={column.field} field={column.field} header={column.header} expander={index === 0} />
-            ))}
-        </TreeTable>
-    );
-}

package/data/PrimeVirtualScroller.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 { VirtualScroller } from 'primereact/virtualscroller';
-import { RegisteredComponentProps } from '@cratis/scene.react';
-import { numberProperty, stringArrayProperty } from '../properties';
-
-/**
- * The `PrimeReact:virtualScroller` component - a long list that renders only the visible window.
- *
- * VirtualScroller needs a fixed `itemSize` and an explicitly sized viewport to know what to render; both
- * are supplied with defaults so an element authored with only `items` still scrolls rather than
- * collapsing to zero height.
- */
-export function PrimeVirtualScroller({ element }: RegisteredComponentProps) {
-    const itemSize = numberProperty(element, 'itemSize', 40);
-    return (
-        <VirtualScroller
-            data-scene-id={element.id}
-            items={stringArrayProperty(element, 'items')}
-            itemSize={itemSize}
-            className='w-64 border'
-            style={{ height: `${numberProperty(element, 'height', 200)}px` }}
-            itemTemplate={(item: string) => (
-                <div className='flex items-center px-3' style={{ height: `${itemSize}px` }}>
-                    {item}
-                </div>
-            )}
-        />
-    );
-}

package/dist/cjs/data/PrimeTreeTable.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var column = require('primereact/column');
-var treetable = require('primereact/treetable');
-var properties = require('../properties.js');
-var treeNodes = require('../treeNodes.js');
-
-/**
- * The `PrimeReact:treeTable` component - a table whose rows nest.
- *
- * Columns address the node's `data` object, so they are read from a `columns` property here rather than
- * inferred: a tree node's own shape (key, label, children) is structure, not data, and inferring columns
- * from it would produce a table of the tree's plumbing.
- */ function PrimeTreeTable({ element }) {
-    const nodes = treeNodes.treeNodesProperty(element, 'nodes');
-    const named = properties.recordArrayProperty(element, 'columns').map((column)=>({
-            field: column.field,
-            header: column.header ?? column.field
-        })).filter((column)=>typeof column.field === 'string').map((column)=>({
-            field: column.field,
-            header: typeof column.header === 'string' ? column.header : column.field
-        }));
-    const columns = named.length > 0 ? named : properties.stringArrayProperty(element, 'columns').map((field)=>({
-            field,
-            header: field
-        }));
-    return /*#__PURE__*/ jsxRuntime.jsx(treetable.TreeTable, {
-        "data-scene-id": element.id,
-        value: nodes,
-        children: columns.map((column$1, index)=>/*#__PURE__*/ jsxRuntime.jsx(column.Column, {
-                field: column$1.field,
-                header: column$1.header,
-                expander: index === 0
-            }, column$1.field))
-    });
-}
-
-exports.PrimeTreeTable = PrimeTreeTable;
-//# sourceMappingURL=PrimeTreeTable.js.map

package/dist/cjs/data/PrimeTreeTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeTreeTable.js","sources":["../../../data/PrimeTreeTable.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 { Column } from 'primereact/column';\nimport { TreeTable } from 'primereact/treetable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { recordArrayProperty, stringArrayProperty } from '../properties';\nimport { treeNodesProperty } from '../treeNodes';\n\n/**\n * The `PrimeReact:treeTable` component - a table whose rows nest.\n *\n * Columns address the node's `data` object, so they are read from a `columns` property here rather than\n * inferred: a tree node's own shape (key, label, children) is structure, not data, and inferring columns\n * from it would produce a table of the tree's plumbing.\n */\nexport function PrimeTreeTable({ element }: RegisteredComponentProps) {\n    const nodes = treeNodesProperty(element, 'nodes');\n    const named = recordArrayProperty(element, 'columns')\n        .map((column) => ({ field: column.field, header: column.header ?? column.field }))\n        .filter((column): column is { field: string; header: unknown } => typeof column.field === 'string')\n        .map((column) => ({ field: column.field, header: typeof column.header === 'string' ? column.header : column.field }));\n    const columns = named.length > 0 ? named : stringArrayProperty(element, 'columns').map((field) => ({ field, header: field }));\n\n    return (\n        <TreeTable data-scene-id={element.id} value={nodes}>\n            {columns.map((column, index) => (\n                <Column key={column.field} field={column.field} header={column.header} expander={index === 0} />\n            ))}\n        </TreeTable>\n    );\n}\n"],"names":["PrimeTreeTable","element","nodes","treeNodesProperty","named","recordArrayProperty","map","column","field","header","filter","columns","length","stringArrayProperty","_jsx","TreeTable","data-scene-id","id","value","index","Column","expander"],"mappings":";;;;;;;;AASA;;;;;;AAMC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;IAChE,MAAMC,KAAAA,GAAQC,4BAAkBF,OAAAA,EAAS,OAAA,CAAA;IACzC,MAAMG,KAAAA,GAAQC,+BAAoBJ,OAAAA,EAAS,SAAA,CAAA,CACtCK,GAAG,CAAC,CAACC,UAAY;AAAEC,YAAAA,KAAAA,EAAOD,OAAOC,KAAK;AAAEC,YAAAA,MAAAA,EAAQF,MAAAA,CAAOE,MAAM,IAAIF,MAAAA,CAAOC;AAAM,SAAA,CAAA,CAAA,CAC9EE,MAAM,CAAC,CAACH,SAAyD,OAAOA,MAAAA,CAAOC,KAAK,KAAK,QAAA,CAAA,CACzFF,GAAG,CAAC,CAACC,UAAY;AAAEC,YAAAA,KAAAA,EAAOD,OAAOC,KAAK;YAAEC,MAAAA,EAAQ,OAAOF,OAAOE,MAAM,KAAK,WAAWF,MAAAA,CAAOE,MAAM,GAAGF,MAAAA,CAAOC;SAAM,CAAA,CAAA;AACtH,IAAA,MAAMG,OAAAA,GAAUP,KAAAA,CAAMQ,MAAM,GAAG,CAAA,GAAIR,KAAAA,GAAQS,8BAAAA,CAAoBZ,OAAAA,EAAS,SAAA,CAAA,CAAWK,GAAG,CAAC,CAACE,SAAW;AAAEA,YAAAA,KAAAA;YAAOC,MAAAA,EAAQD;SAAM,CAAA,CAAA;AAE1H,IAAA,qBACIM,cAAA,CAACC,mBAAAA,EAAAA;AAAUC,QAAAA,eAAAA,EAAef,QAAQgB,EAAE;QAAEC,KAAAA,EAAOhB,KAAAA;AACxCS,QAAAA,QAAAA,EAAAA,OAAAA,CAAQL,GAAG,CAAC,CAACC,QAAAA,EAAQY,sBAClBL,cAAA,CAACM,aAAAA,EAAAA;AAA0BZ,gBAAAA,KAAAA,EAAOD,SAAOC,KAAK;AAAEC,gBAAAA,MAAAA,EAAQF,SAAOE,MAAM;AAAEY,gBAAAA,QAAAA,EAAUF,KAAAA,KAAU;AAA9EZ,aAAAA,EAAAA,QAAAA,CAAOC,KAAK,CAAA;;AAIzC;;;;"}

package/dist/cjs/data/PrimeVirtualScroller.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var virtualscroller = require('primereact/virtualscroller');
-var properties = require('../properties.js');
-
-/**
- * The `PrimeReact:virtualScroller` component - a long list that renders only the visible window.
- *
- * VirtualScroller needs a fixed `itemSize` and an explicitly sized viewport to know what to render; both
- * are supplied with defaults so an element authored with only `items` still scrolls rather than
- * collapsing to zero height.
- */ function PrimeVirtualScroller({ element }) {
-    const itemSize = properties.numberProperty(element, 'itemSize', 40);
-    return /*#__PURE__*/ jsxRuntime.jsx(virtualscroller.VirtualScroller, {
-        "data-scene-id": element.id,
-        items: properties.stringArrayProperty(element, 'items'),
-        itemSize: itemSize,
-        className: "w-64 border",
-        style: {
-            height: `${properties.numberProperty(element, 'height', 200)}px`
-        },
-        itemTemplate: (item)=>/*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "flex items-center px-3",
-                style: {
-                    height: `${itemSize}px`
-                },
-                children: item
-            })
-    });
-}
-
-exports.PrimeVirtualScroller = PrimeVirtualScroller;
-//# sourceMappingURL=PrimeVirtualScroller.js.map

package/dist/cjs/data/PrimeVirtualScroller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeVirtualScroller.js","sources":["../../../data/PrimeVirtualScroller.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 { VirtualScroller } from 'primereact/virtualscroller';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, stringArrayProperty } from '../properties';\n\n/**\n * The `PrimeReact:virtualScroller` component - a long list that renders only the visible window.\n *\n * VirtualScroller needs a fixed `itemSize` and an explicitly sized viewport to know what to render; both\n * are supplied with defaults so an element authored with only `items` still scrolls rather than\n * collapsing to zero height.\n */\nexport function PrimeVirtualScroller({ element }: RegisteredComponentProps) {\n    const itemSize = numberProperty(element, 'itemSize', 40);\n    return (\n        <VirtualScroller\n            data-scene-id={element.id}\n            items={stringArrayProperty(element, 'items')}\n            itemSize={itemSize}\n            className='w-64 border'\n            style={{ height: `${numberProperty(element, 'height', 200)}px` }}\n            itemTemplate={(item: string) => (\n                <div className='flex items-center px-3' style={{ height: `${itemSize}px` }}>\n                    {item}\n                </div>\n            )}\n        />\n    );\n}\n"],"names":["PrimeVirtualScroller","element","itemSize","numberProperty","_jsx","VirtualScroller","data-scene-id","id","items","stringArrayProperty","className","style","height","itemTemplate","item","div"],"mappings":";;;;;;AAOA;;;;;;AAMC,IACM,SAASA,oBAAAA,CAAqB,EAAEC,OAAO,EAA4B,EAAA;IACtE,MAAMC,QAAAA,GAAWC,yBAAAA,CAAeF,OAAAA,EAAS,UAAA,EAAY,EAAA,CAAA;AACrD,IAAA,qBACIG,cAAA,CAACC,+BAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,+BAAoBR,OAAAA,EAAS,OAAA,CAAA;QACpCC,QAAAA,EAAUA,QAAAA;QACVQ,SAAAA,EAAU,aAAA;QACVC,KAAAA,EAAO;AAAEC,YAAAA,MAAAA,EAAQ,GAAGT,yBAAAA,CAAeF,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;QAC/DY,YAAAA,EAAc,CAACC,qBACXV,cAAA,CAACW,KAAAA,EAAAA;gBAAIL,SAAAA,EAAU,wBAAA;gBAAyBC,KAAAA,EAAO;oBAAEC,MAAAA,EAAQ,CAAA,EAAGV,QAAAA,CAAS,EAAE;AAAE,iBAAA;AACpEY,gBAAAA,QAAAA,EAAAA;;;AAKrB;;;;"}

package/dist/cjs/form/PrimeCascadeSelect.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var cascadeselect = require('primereact/cascadeselect');
-var properties = require('../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] = react.useState(properties.stringProperty(element, 'value'));
-    return /*#__PURE__*/ jsxRuntime.jsx(cascadeselect.CascadeSelect, {
-        "data-scene-id": element.id,
-        value: value,
-        onChange: (event)=>setValue(event.value),
-        options: properties.recordArrayProperty(element, 'options'),
-        optionLabel: properties.stringProperty(element, 'optionLabel', 'label'),
-        optionGroupLabel: properties.stringProperty(element, 'optionGroupLabel', 'label'),
-        optionGroupChildren: [
-            properties.stringProperty(element, 'optionGroupChildren', 'items')
-        ],
-        placeholder: properties.stringProperty(element, 'placeholder', 'Select'),
-        disabled: properties.booleanProperty(element, 'disabled', false)
-    });
-}
-
-exports.PrimeCascadeSelect = PrimeCascadeSelect;
-//# sourceMappingURL=PrimeCascadeSelect.js.map

package/dist/cjs/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,cAAAA,CAAkBC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,2BAAAA,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,+BAAoBZ,OAAAA,EAAS,SAAA,CAAA;QACtCa,WAAAA,EAAaT,yBAAAA,CAAeJ,SAAS,aAAA,EAAe,OAAA,CAAA;QACpDc,gBAAAA,EAAkBV,yBAAAA,CAAeJ,SAAS,kBAAA,EAAoB,OAAA,CAAA;QAC9De,mBAAAA,EAAqB;AAACX,YAAAA,yBAAAA,CAAeJ,SAAS,qBAAA,EAAuB,OAAA;AAAS,SAAA;QAC9EgB,WAAAA,EAAaZ,yBAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDiB,QAAAA,EAAUC,0BAAAA,CAAgBlB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeInputMask.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var inputmask = require('primereact/inputmask');
-var properties = require('../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] = react.useState(properties.stringProperty(element, 'value', ''));
-    return /*#__PURE__*/ jsxRuntime.jsx(inputmask.InputMask, {
-        "data-scene-id": element.id,
-        value: value,
-        onChange: (event)=>setValue(event.target.value ?? ''),
-        mask: properties.stringProperty(element, 'mask', '(999) 999-9999'),
-        placeholder: properties.stringProperty(element, 'placeholder'),
-        disabled: properties.booleanProperty(element, 'disabled', false)
-    });
-}
-
-exports.PrimeInputMask = PrimeInputMask;
-//# sourceMappingURL=PrimeInputMask.js.map

package/dist/cjs/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,cAAAA,CAASC,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,mBAAAA,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,yBAAAA,CAAeJ,SAAS,MAAA,EAAQ,gBAAA,CAAA;AACtCa,QAAAA,WAAAA,EAAaT,0BAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCc,QAAAA,EAAUC,0BAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/theme/applyPrimeReactTheme.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var primeReactThemeStylesheet = require('./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 = primeReactThemeStylesheet.themeLinkElementId) {
-    const stylesheet = primeReactThemeStylesheet.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;
-}
-
-exports.applyPrimeReactTheme = applyPrimeReactTheme;
-//# sourceMappingURL=applyPrimeReactTheme.js.map

package/dist/cjs/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,4CAAkB,EAAA;AAC9F,IAAA,MAAMC,aAAaC,mDAAAA,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/cjs/theme/primeReactThemeStylesheet.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var primeReactThemes = require('./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 primeReactThemes.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';
-
-exports.primeReactThemeStylesheet = primeReactThemeStylesheet;
-exports.themeLinkElementId = themeLinkElementId;
-//# sourceMappingURL=primeReactThemeStylesheet.js.map

package/dist/cjs/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,gCAAAA,CAAgBD,eAAeE,SAAAA,GAAYA,SAAAA,GAAY,CAAC,4BAA4B,EAAEF,SAAAA,CAAU,UAAU,CAAC;AACtH;AAEA;;;;;;;IAQO,MAAMG,kBAAAA,GAAqB;;;;;"}

package/dist/esm/data/PrimeTreeTable.d.ts

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

package/dist/esm/data/PrimeTreeTable.d.ts.map

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

package/dist/esm/data/PrimeTreeTable.js

@@ -1,38 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Column } from 'primereact/column';
-import { TreeTable } from 'primereact/treetable';
-import { recordArrayProperty, stringArrayProperty } from '../properties.js';
-import { treeNodesProperty } from '../treeNodes.js';
-
-/**
- * The `PrimeReact:treeTable` component - a table whose rows nest.
- *
- * Columns address the node's `data` object, so they are read from a `columns` property here rather than
- * inferred: a tree node's own shape (key, label, children) is structure, not data, and inferring columns
- * from it would produce a table of the tree's plumbing.
- */ function PrimeTreeTable({ element }) {
-    const nodes = treeNodesProperty(element, 'nodes');
-    const named = recordArrayProperty(element, 'columns').map((column)=>({
-            field: column.field,
-            header: column.header ?? column.field
-        })).filter((column)=>typeof column.field === 'string').map((column)=>({
-            field: column.field,
-            header: typeof column.header === 'string' ? column.header : column.field
-        }));
-    const columns = named.length > 0 ? named : stringArrayProperty(element, 'columns').map((field)=>({
-            field,
-            header: field
-        }));
-    return /*#__PURE__*/ jsx(TreeTable, {
-        "data-scene-id": element.id,
-        value: nodes,
-        children: columns.map((column, index)=>/*#__PURE__*/ jsx(Column, {
-                field: column.field,
-                header: column.header,
-                expander: index === 0
-            }, column.field))
-    });
-}
-
-export { PrimeTreeTable };
-//# sourceMappingURL=PrimeTreeTable.js.map

package/dist/esm/data/PrimeTreeTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeTreeTable.js","sources":["../../../data/PrimeTreeTable.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 { Column } from 'primereact/column';\nimport { TreeTable } from 'primereact/treetable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { recordArrayProperty, stringArrayProperty } from '../properties';\nimport { treeNodesProperty } from '../treeNodes';\n\n/**\n * The `PrimeReact:treeTable` component - a table whose rows nest.\n *\n * Columns address the node's `data` object, so they are read from a `columns` property here rather than\n * inferred: a tree node's own shape (key, label, children) is structure, not data, and inferring columns\n * from it would produce a table of the tree's plumbing.\n */\nexport function PrimeTreeTable({ element }: RegisteredComponentProps) {\n    const nodes = treeNodesProperty(element, 'nodes');\n    const named = recordArrayProperty(element, 'columns')\n        .map((column) => ({ field: column.field, header: column.header ?? column.field }))\n        .filter((column): column is { field: string; header: unknown } => typeof column.field === 'string')\n        .map((column) => ({ field: column.field, header: typeof column.header === 'string' ? column.header : column.field }));\n    const columns = named.length > 0 ? named : stringArrayProperty(element, 'columns').map((field) => ({ field, header: field }));\n\n    return (\n        <TreeTable data-scene-id={element.id} value={nodes}>\n            {columns.map((column, index) => (\n                <Column key={column.field} field={column.field} header={column.header} expander={index === 0} />\n            ))}\n        </TreeTable>\n    );\n}\n"],"names":["PrimeTreeTable","element","nodes","treeNodesProperty","named","recordArrayProperty","map","column","field","header","filter","columns","length","stringArrayProperty","_jsx","TreeTable","data-scene-id","id","value","index","Column","expander"],"mappings":";;;;;;AASA;;;;;;AAMC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;IAChE,MAAMC,KAAAA,GAAQC,kBAAkBF,OAAAA,EAAS,OAAA,CAAA;IACzC,MAAMG,KAAAA,GAAQC,oBAAoBJ,OAAAA,EAAS,SAAA,CAAA,CACtCK,GAAG,CAAC,CAACC,UAAY;AAAEC,YAAAA,KAAAA,EAAOD,OAAOC,KAAK;AAAEC,YAAAA,MAAAA,EAAQF,MAAAA,CAAOE,MAAM,IAAIF,MAAAA,CAAOC;AAAM,SAAA,CAAA,CAAA,CAC9EE,MAAM,CAAC,CAACH,SAAyD,OAAOA,MAAAA,CAAOC,KAAK,KAAK,QAAA,CAAA,CACzFF,GAAG,CAAC,CAACC,UAAY;AAAEC,YAAAA,KAAAA,EAAOD,OAAOC,KAAK;YAAEC,MAAAA,EAAQ,OAAOF,OAAOE,MAAM,KAAK,WAAWF,MAAAA,CAAOE,MAAM,GAAGF,MAAAA,CAAOC;SAAM,CAAA,CAAA;AACtH,IAAA,MAAMG,OAAAA,GAAUP,KAAAA,CAAMQ,MAAM,GAAG,CAAA,GAAIR,KAAAA,GAAQS,mBAAAA,CAAoBZ,OAAAA,EAAS,SAAA,CAAA,CAAWK,GAAG,CAAC,CAACE,SAAW;AAAEA,YAAAA,KAAAA;YAAOC,MAAAA,EAAQD;SAAM,CAAA,CAAA;AAE1H,IAAA,qBACIM,GAAA,CAACC,SAAAA,EAAAA;AAAUC,QAAAA,eAAAA,EAAef,QAAQgB,EAAE;QAAEC,KAAAA,EAAOhB,KAAAA;AACxCS,QAAAA,QAAAA,EAAAA,OAAAA,CAAQL,GAAG,CAAC,CAACC,MAAAA,EAAQY,sBAClBL,GAAA,CAACM,MAAAA,EAAAA;AAA0BZ,gBAAAA,KAAAA,EAAOD,OAAOC,KAAK;AAAEC,gBAAAA,MAAAA,EAAQF,OAAOE,MAAM;AAAEY,gBAAAA,QAAAA,EAAUF,KAAAA,KAAU;AAA9EZ,aAAAA,EAAAA,MAAAA,CAAOC,KAAK,CAAA;;AAIzC;;;;"}

package/dist/esm/data/PrimeVirtualScroller.d.ts

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

package/dist/esm/data/PrimeVirtualScroller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeVirtualScroller.d.ts","sourceRoot":"","sources":["../../../data/PrimeVirtualScroller.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAU/D,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAgBzE"}

package/dist/esm/data/PrimeVirtualScroller.js

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { VirtualScroller } from 'primereact/virtualscroller';
-import { numberProperty, stringArrayProperty } from '../properties.js';
-
-/**
- * The `PrimeReact:virtualScroller` component - a long list that renders only the visible window.
- *
- * VirtualScroller needs a fixed `itemSize` and an explicitly sized viewport to know what to render; both
- * are supplied with defaults so an element authored with only `items` still scrolls rather than
- * collapsing to zero height.
- */ function PrimeVirtualScroller({ element }) {
-    const itemSize = numberProperty(element, 'itemSize', 40);
-    return /*#__PURE__*/ jsx(VirtualScroller, {
-        "data-scene-id": element.id,
-        items: stringArrayProperty(element, 'items'),
-        itemSize: itemSize,
-        className: "w-64 border",
-        style: {
-            height: `${numberProperty(element, 'height', 200)}px`
-        },
-        itemTemplate: (item)=>/*#__PURE__*/ jsx("div", {
-                className: "flex items-center px-3",
-                style: {
-                    height: `${itemSize}px`
-                },
-                children: item
-            })
-    });
-}
-
-export { PrimeVirtualScroller };
-//# sourceMappingURL=PrimeVirtualScroller.js.map

package/dist/esm/data/PrimeVirtualScroller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeVirtualScroller.js","sources":["../../../data/PrimeVirtualScroller.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 { VirtualScroller } from 'primereact/virtualscroller';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, stringArrayProperty } from '../properties';\n\n/**\n * The `PrimeReact:virtualScroller` component - a long list that renders only the visible window.\n *\n * VirtualScroller needs a fixed `itemSize` and an explicitly sized viewport to know what to render; both\n * are supplied with defaults so an element authored with only `items` still scrolls rather than\n * collapsing to zero height.\n */\nexport function PrimeVirtualScroller({ element }: RegisteredComponentProps) {\n    const itemSize = numberProperty(element, 'itemSize', 40);\n    return (\n        <VirtualScroller\n            data-scene-id={element.id}\n            items={stringArrayProperty(element, 'items')}\n            itemSize={itemSize}\n            className='w-64 border'\n            style={{ height: `${numberProperty(element, 'height', 200)}px` }}\n            itemTemplate={(item: string) => (\n                <div className='flex items-center px-3' style={{ height: `${itemSize}px` }}>\n                    {item}\n                </div>\n            )}\n        />\n    );\n}\n"],"names":["PrimeVirtualScroller","element","itemSize","numberProperty","_jsx","VirtualScroller","data-scene-id","id","items","stringArrayProperty","className","style","height","itemTemplate","item","div"],"mappings":";;;;AAOA;;;;;;AAMC,IACM,SAASA,oBAAAA,CAAqB,EAAEC,OAAO,EAA4B,EAAA;IACtE,MAAMC,QAAAA,GAAWC,cAAAA,CAAeF,OAAAA,EAAS,UAAA,EAAY,EAAA,CAAA;AACrD,IAAA,qBACIG,GAAA,CAACC,eAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,oBAAoBR,OAAAA,EAAS,OAAA,CAAA;QACpCC,QAAAA,EAAUA,QAAAA;QACVQ,SAAAA,EAAU,aAAA;QACVC,KAAAA,EAAO;AAAEC,YAAAA,MAAAA,EAAQ,GAAGT,cAAAA,CAAeF,OAAAA,EAAS,QAAA,EAAU,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;QAC/DY,YAAAA,EAAc,CAACC,qBACXV,GAAA,CAACW,KAAAA,EAAAA;gBAAIL,SAAAA,EAAU,wBAAA;gBAAyBC,KAAAA,EAAO;oBAAEC,MAAAA,EAAQ,CAAA,EAAGV,QAAAA,CAAS,EAAE;AAAE,iBAAA;AACpEY,gBAAAA,QAAAA,EAAAA;;;AAKrB;;;;"}

package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.d.ts

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

package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.d.ts.map

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