@cratis/scene.primereact 0.1.0

package/dist/cjs/theme/usePrimeReactTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrimeReactTheme.js","sources":["../../../theme/usePrimeReactTheme.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 { useEffect } from 'react';\nimport { Theme } from '@cratis/scene.model';\nimport { applyPrimeReactTheme } from './applyPrimeReactTheme';\nimport { themeLinkElementId } from './primeReactThemeStylesheet';\n\n/**\n * Keeps the loaded PrimeReact theme stylesheet in step with the active Scene {@link Theme}.\n *\n * Theming a Scene screen that uses this package takes two halves, and this is the half `SceneThemeProvider`\n * cannot do. The provider writes the theme's semantic tokens onto the wrapping element, which reaches\n * anything reading `--scene-*` - this package's own wrappers, `core`'s primitives, a layout's CSS. But\n * PrimeReact 10's components are skinned by a compiled stylesheet, and no amount of token-setting\n * changes which stylesheet is loaded. So: provider for the tokens, this hook for the stylesheet.\n *\n * Use them together:\n *\n * ```tsx\n * const [theme, setTheme] = useState(primeReactTheme('lara-light-blue'));\n * usePrimeReactTheme(theme);\n * return <SceneThemeProvider theme={theme}>{children}</SceneThemeProvider>;\n * ```\n *\n * Switching is live: nothing reloads, nothing below the provider remounts, and no state is lost. That is\n * what lets a gallery change theme as fast as someone can click through a picker, which is the whole\n * reason theme switching is re-resolution rather than a restart.\n *\n * @param theme The active theme. A theme this package does not ship - or `undefined` - leaves the loaded\n * stylesheet alone rather than unloading it, so a profile mixing in a theme from another package does\n * not strip PrimeReact's skin on its way past.\n * @param linkElementId The id of the stylesheet `<link>`, should the application use something other than\n * PrimeReact's conventional `theme-link`.\n */\nexport function usePrimeReactTheme(theme: Theme | undefined, linkElementId: string = themeLinkElementId): void {\n    const themeName = theme?.name;\n\n    useEffect(() => {\n        if (themeName === undefined) return;\n        applyPrimeReactTheme(themeName, linkElementId);\n    }, [themeName, linkElementId]);\n}\n"],"names":["usePrimeReactTheme","theme","linkElementId","themeLinkElementId","themeName","name","useEffect","undefined","applyPrimeReactTheme"],"mappings":";;;;;;AAAA;AACA;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BC,IACM,SAASA,kBAAAA,CAAmBC,KAAwB,EAAEC,gBAAwBC,4CAAkB,EAAA;AACnG,IAAA,MAAMC,YAAYH,KAAAA,EAAOI,IAAAA;IAEzBC,eAAAA,CAAU,IAAA;AACN,QAAA,IAAIF,cAAcG,SAAAA,EAAW;AAC7BC,QAAAA,yCAAAA,CAAqBJ,SAAAA,EAAWF,aAAAA,CAAAA;IACpC,CAAA,EAAG;AAACE,QAAAA,SAAAA;AAAWF,QAAAA;AAAc,KAAA,CAAA;AACjC;;;;"}

package/dist/cjs/treeNodes.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var properties = require('./properties.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Turns raw authored entries into the `TreeNode` model PrimeReact's tree, tree table, tree select and
+ * organization chart all share.
+ *
+ * A `key` is synthesized from the node's path when an author did not supply one. That is not cosmetic:
+ * PrimeReact keys expansion, selection and virtual scrolling off `key`, so a tree of unkeyed nodes
+ * expands the wrong rows the moment two siblings share a label. Deriving the key from the path makes it
+ * unique and stable across re-renders without asking the author for anything.
+ *
+ * @param entries The raw entries to convert.
+ * @param parentKey The key of the node these entries belong to, used to build stable child keys.
+ * @returns The converted nodes, in order.
+ */ function toTreeNodes(entries, parentKey = '') {
+    const nodes = [];
+    entries.forEach((entry, index)=>{
+        const path = parentKey === '' ? `${index}` : `${parentKey}-${index}`;
+        if (typeof entry === 'string') {
+            nodes.push({
+                key: path,
+                label: entry
+            });
+            return;
+        }
+        if (typeof entry !== 'object' || entry === undefined || entry === null || Array.isArray(entry)) return;
+        const record = entry;
+        const node = {
+            key: typeof record.key === 'string' ? record.key : path
+        };
+        if (typeof record.label === 'string') node.label = record.label;
+        if (typeof record.icon === 'string') node.icon = record.icon;
+        if (typeof record.className === 'string') node.className = record.className;
+        if (typeof record.leaf === 'boolean') node.leaf = record.leaf;
+        if (typeof record.data === 'object' && record.data !== null) node.data = record.data;
+        if (Array.isArray(record.children)) node.children = toTreeNodes(record.children, node.key);
+        nodes.push(node);
+    });
+    return nodes;
+}
+/**
+ * Reads a tree model off a Scene element's properties.
+ *
+ * @param element The element whose properties to read.
+ * @param name The property name holding the entries.
+ * @returns The converted nodes, empty when the property is missing or is not an array.
+ */ function treeNodesProperty(element, name) {
+    return toTreeNodes(properties.arrayProperty(element, name));
+}
+
+exports.toTreeNodes = toTreeNodes;
+exports.treeNodesProperty = treeNodesProperty;
+//# sourceMappingURL=treeNodes.js.map

package/dist/cjs/treeNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeNodes.js","sources":["../../treeNodes.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 type { TreeNode } from 'primereact/treenode';\nimport { SceneElement } from '@cratis/scene.model';\nimport { arrayProperty } from './properties';\n\n/**\n * Turns raw authored entries into the `TreeNode` model PrimeReact's tree, tree table, tree select and\n * organization chart all share.\n *\n * A `key` is synthesized from the node's path when an author did not supply one. That is not cosmetic:\n * PrimeReact keys expansion, selection and virtual scrolling off `key`, so a tree of unkeyed nodes\n * expands the wrong rows the moment two siblings share a label. Deriving the key from the path makes it\n * unique and stable across re-renders without asking the author for anything.\n *\n * @param entries The raw entries to convert.\n * @param parentKey The key of the node these entries belong to, used to build stable child keys.\n * @returns The converted nodes, in order.\n */\nexport function toTreeNodes(entries: unknown[], parentKey = ''): TreeNode[] {\n    const nodes: TreeNode[] = [];\n    entries.forEach((entry, index) => {\n        const path = parentKey === '' ? `${index}` : `${parentKey}-${index}`;\n        if (typeof entry === 'string') {\n            nodes.push({ key: path, label: entry });\n            return;\n        }\n\n        if (typeof entry !== 'object' || entry === undefined || entry === null || Array.isArray(entry)) return;\n\n        const record = entry as Record<string, unknown>;\n        const node: TreeNode = { key: typeof record.key === 'string' ? record.key : path };\n        if (typeof record.label === 'string') node.label = record.label;\n        if (typeof record.icon === 'string') node.icon = record.icon;\n        if (typeof record.className === 'string') node.className = record.className;\n        if (typeof record.leaf === 'boolean') node.leaf = record.leaf;\n        if (typeof record.data === 'object' && record.data !== null) node.data = record.data;\n        if (Array.isArray(record.children)) node.children = toTreeNodes(record.children, node.key as string);\n        nodes.push(node);\n    });\n\n    return nodes;\n}\n\n/**\n * Reads a tree model off a Scene element's properties.\n *\n * @param element The element whose properties to read.\n * @param name The property name holding the entries.\n * @returns The converted nodes, empty when the property is missing or is not an array.\n */\nexport function treeNodesProperty(element: SceneElement, name: string): TreeNode[] {\n    return toTreeNodes(arrayProperty(element, name));\n}\n"],"names":["toTreeNodes","entries","parentKey","nodes","forEach","entry","index","path","push","key","label","undefined","Array","isArray","record","node","icon","className","leaf","data","children","treeNodesProperty","element","name","arrayProperty"],"mappings":";;;;AAAA;AACA;AAMA;;;;;;;;;;;;AAYC,IACM,SAASA,WAAAA,CAAYC,OAAkB,EAAEC,YAAY,EAAE,EAAA;AAC1D,IAAA,MAAMC,QAAoB,EAAE;IAC5BF,OAAAA,CAAQG,OAAO,CAAC,CAACC,KAAAA,EAAOC,KAAAA,GAAAA;QACpB,MAAMC,IAAAA,GAAOL,SAAAA,KAAc,EAAA,GAAK,CAAA,EAAGI,KAAAA,CAAAA,CAAO,GAAG,CAAA,EAAGJ,SAAAA,CAAU,CAAC,EAAEI,KAAAA,CAAAA,CAAO;QACpE,IAAI,OAAOD,UAAU,QAAA,EAAU;AAC3BF,YAAAA,KAAAA,CAAMK,IAAI,CAAC;gBAAEC,GAAAA,EAAKF,IAAAA;gBAAMG,KAAAA,EAAOL;AAAM,aAAA,CAAA;AACrC,YAAA;AACJ,QAAA;QAEA,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAUM,SAAAA,IAAaN,UAAU,IAAA,IAAQO,KAAAA,CAAMC,OAAO,CAACR,KAAAA,CAAAA,EAAQ;AAEhG,QAAA,MAAMS,MAAAA,GAAST,KAAAA;AACf,QAAA,MAAMU,IAAAA,GAAiB;AAAEN,YAAAA,GAAAA,EAAK,OAAOK,MAAAA,CAAOL,GAAG,KAAK,QAAA,GAAWK,MAAAA,CAAOL,GAAG,GAAGF;AAAK,SAAA;QACjF,IAAI,OAAOO,OAAOJ,KAAK,KAAK,UAAUK,IAAAA,CAAKL,KAAK,GAAGI,MAAAA,CAAOJ,KAAK;QAC/D,IAAI,OAAOI,OAAOE,IAAI,KAAK,UAAUD,IAAAA,CAAKC,IAAI,GAAGF,MAAAA,CAAOE,IAAI;QAC5D,IAAI,OAAOF,OAAOG,SAAS,KAAK,UAAUF,IAAAA,CAAKE,SAAS,GAAGH,MAAAA,CAAOG,SAAS;QAC3E,IAAI,OAAOH,OAAOI,IAAI,KAAK,WAAWH,IAAAA,CAAKG,IAAI,GAAGJ,MAAAA,CAAOI,IAAI;AAC7D,QAAA,IAAI,OAAOJ,MAAAA,CAAOK,IAAI,KAAK,QAAA,IAAYL,MAAAA,CAAOK,IAAI,KAAK,IAAA,EAAMJ,IAAAA,CAAKI,IAAI,GAAGL,OAAOK,IAAI;AACpF,QAAA,IAAIP,KAAAA,CAAMC,OAAO,CAACC,MAAAA,CAAOM,QAAQ,CAAA,EAAGL,IAAAA,CAAKK,QAAQ,GAAGpB,WAAAA,CAAYc,MAAAA,CAAOM,QAAQ,EAAEL,KAAKN,GAAG,CAAA;AACzFN,QAAAA,KAAAA,CAAMK,IAAI,CAACO,IAAAA,CAAAA;AACf,IAAA,CAAA,CAAA;IAEA,OAAOZ,KAAAA;AACX;AAEA;;;;;;AAMC,IACM,SAASkB,iBAAAA,CAAkBC,OAAqB,EAAEC,IAAY,EAAA;IACjE,OAAOvB,WAAAA,CAAYwB,yBAAcF,OAAAA,EAASC,IAAAA,CAAAA,CAAAA;AAC9C;;;;;"}

package/dist/esm/SelectOption.d.ts

@@ -0,0 +1,5 @@
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+//# sourceMappingURL=SelectOption.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../SelectOption.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,YAAY;IAIzB,KAAK,EAAE,MAAM,CAAC;IAMd,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/dist/esm/SelectOption.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SelectOption.js.map

package/dist/esm/SelectOption.js.map

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

package/dist/esm/button/ButtonGallery.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from '@cratis/scene.react';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gallery: Story;
+//# sourceMappingURL=ButtonGallery.stories.d.ts.map

package/dist/esm/button/ButtonGallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGallery.stories.d.ts","sourceRoot":"","sources":["../../../button/ButtonGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC"}

package/dist/esm/button/ButtonGallery.stories.js

@@ -0,0 +1,26 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/Button',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { description: { component: 'The button family. Note that `button` deliberately claims the same bare name `core` declares, so a profile listing core then PrimeReact resolves it here.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('button', 'button', { label: 'Save', icon: 'pi pi-check' }),
+            sceneComponent('splitButton', 'splitButton', { label: 'Save', items: ['Save as draft', { separator: true }, 'Discard'] }),
+            sceneComponent('speedDial', 'speedDial', { items: [{ label: 'Add', icon: 'pi pi-plus' }, { label: 'Edit', icon: 'pi pi-pencil' }] }),
+            sceneComponent('buttonGroup', 'buttonGroup', { buttons: ['Left', 'Middle', 'Right'] }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=ButtonGallery.stories.js.map

package/dist/esm/button/ButtonGallery.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGallery.stories.js","sourceRoot":"","sources":["../../../button/ButtonGallery.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,2JAA2J,EAAE,EAAE;KACpM;CACoC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE;YAC7B,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;YAC1E,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,EAAE,CAAC;YACzH,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC;YACpI,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC;SACzF,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}

package/dist/esm/button/PrimeButton.d.ts

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

package/dist/esm/button/PrimeButton.d.ts.map

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

package/dist/esm/button/PrimeButton.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from 'primereact/button';
+import { booleanProperty, stringProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:button` component.
+ *
+ * Deliberately claims the same bare name `core` already declares. A `ui profile` listing `core` and then
+ * `PrimeReact` resolves `button` to this one and records that it shadowed core's - which is the whole
+ * point of override priority, and the reason a screen written against the fallback vocabulary gets a real
+ * themed button the moment a component library is added to the profile, with no edit to the screen.
+ */ function PrimeButton({ element, slots }) {
+    return /*#__PURE__*/ jsx(Button, {
+        "data-scene-id": element.id,
+        label: stringProperty(element, 'label'),
+        icon: stringProperty(element, 'icon'),
+        severity: stringProperty(element, 'severity'),
+        outlined: booleanProperty(element, 'outlined', false),
+        text: booleanProperty(element, 'text', false),
+        rounded: booleanProperty(element, 'rounded', false),
+        loading: booleanProperty(element, 'loading', false),
+        disabled: booleanProperty(element, 'disabled', false),
+        children: slots.content
+    });
+}
+
+export { PrimeButton };
+//# sourceMappingURL=PrimeButton.js.map

package/dist/esm/button/PrimeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeButton.js","sources":["../../../button/PrimeButton.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 { Button } from 'primereact/button';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:button` component.\n *\n * Deliberately claims the same bare name `core` already declares. A `ui profile` listing `core` and then\n * `PrimeReact` resolves `button` to this one and records that it shadowed core's - which is the whole\n * point of override priority, and the reason a screen written against the fallback vocabulary gets a real\n * themed button the moment a component library is added to the profile, with no edit to the screen.\n */\nexport function PrimeButton({ element, slots }: RegisteredComponentProps) {\n    return (\n        <Button\n            data-scene-id={element.id}\n            label={stringProperty(element, 'label')}\n            icon={stringProperty(element, 'icon')}\n            severity={stringProperty(element, 'severity') as 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'help' | undefined}\n            outlined={booleanProperty(element, 'outlined', false)}\n            text={booleanProperty(element, 'text', false)}\n            rounded={booleanProperty(element, 'rounded', false)}\n            loading={booleanProperty(element, 'loading', false)}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            {slots.content}\n        </Button>\n    );\n}\n"],"names":["PrimeButton","element","slots","_jsx","Button","data-scene-id","id","label","stringProperty","icon","severity","outlined","booleanProperty","text","rounded","loading","disabled","content"],"mappings":";;;;AAOA;;;;;;;AAOC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,MAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,eAAeP,OAAAA,EAAS,OAAA,CAAA;AAC/BQ,QAAAA,IAAAA,EAAMD,eAAeP,OAAAA,EAAS,MAAA,CAAA;AAC9BS,QAAAA,QAAAA,EAAUF,eAAeP,OAAAA,EAAS,UAAA,CAAA;QAClCU,QAAAA,EAAUC,eAAAA,CAAgBX,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CY,IAAAA,EAAMD,eAAAA,CAAgBX,SAAS,MAAA,EAAQ,KAAA,CAAA;QACvCa,OAAAA,EAASF,eAAAA,CAAgBX,SAAS,SAAA,EAAW,KAAA,CAAA;QAC7Cc,OAAAA,EAASH,eAAAA,CAAgBX,SAAS,SAAA,EAAW,KAAA,CAAA;QAC7Ce,QAAAA,EAAUJ,eAAAA,CAAgBX,SAAS,UAAA,EAAY,KAAA,CAAA;AAC9CC,QAAAA,QAAAA,EAAAA,KAAAA,CAAMe;;AAGnB;;;;"}

package/dist/esm/button/PrimeButtonGroup.d.ts

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

package/dist/esm/button/PrimeButtonGroup.d.ts.map

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

package/dist/esm/button/PrimeButtonGroup.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { ButtonGroup } from 'primereact/buttongroup';
+import { Button } from 'primereact/button';
+import { optionsProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:buttonGroup` component - buttons joined into one visually continuous control.
+ *
+ * ButtonGroup styles its children by position, so it needs real `Button` elements as children. Slot
+ * content is therefore rendered when a screen supplies it, and otherwise the group is built from a
+ * `buttons` property - which is what lets a generated screen produce a group without having to nest
+ * elements it does not otherwise need.
+ */ function PrimeButtonGroup({ element, slots }) {
+    const buttons = optionsProperty(element, 'buttons');
+    return /*#__PURE__*/ jsx(ButtonGroup, {
+        "data-scene-id": element.id,
+        children: slots.content?.length ? slots.content : buttons.map((button)=>/*#__PURE__*/ jsx(Button, {
+                label: button.label
+            }, button.value))
+    });
+}
+
+export { PrimeButtonGroup };
+//# sourceMappingURL=PrimeButtonGroup.js.map

package/dist/esm/button/PrimeButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeButtonGroup.js","sources":["../../../button/PrimeButtonGroup.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 { ButtonGroup } from 'primereact/buttongroup';\nimport { Button } from 'primereact/button';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { optionsProperty } from '../properties';\n\n/**\n * The `PrimeReact:buttonGroup` component - buttons joined into one visually continuous control.\n *\n * ButtonGroup styles its children by position, so it needs real `Button` elements as children. Slot\n * content is therefore rendered when a screen supplies it, and otherwise the group is built from a\n * `buttons` property - which is what lets a generated screen produce a group without having to nest\n * elements it does not otherwise need.\n */\nexport function PrimeButtonGroup({ element, slots }: RegisteredComponentProps) {\n    const buttons = optionsProperty(element, 'buttons');\n    return (\n        <ButtonGroup data-scene-id={element.id}>\n            {slots.content?.length ? slots.content : buttons.map((button) => <Button key={button.value} label={button.label} />)}\n        </ButtonGroup>\n    );\n}\n"],"names":["PrimeButtonGroup","element","slots","buttons","optionsProperty","_jsx","ButtonGroup","data-scene-id","id","content","length","map","button","Button","label","value"],"mappings":";;;;;AAQA;;;;;;;AAOC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACzE,MAAMC,OAAAA,GAAUC,gBAAgBH,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,qBACII,GAAA,CAACC,WAAAA,EAAAA;AAAYC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;kBACjCN,KAAAA,CAAMO,OAAO,EAAEC,MAAAA,GAASR,KAAAA,CAAMO,OAAO,GAAGN,OAAAA,CAAQQ,GAAG,CAAC,CAACC,MAAAA,iBAAWP,GAAA,CAACQ,MAAAA,EAAAA;AAA0BC,gBAAAA,KAAAA,EAAOF,OAAOE;AAA5BF,aAAAA,EAAAA,MAAAA,CAAOG,KAAK,CAAA;;AAGtG;;;;"}

package/dist/esm/button/PrimeSpeedDial.d.ts

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

package/dist/esm/button/PrimeSpeedDial.d.ts.map

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

package/dist/esm/button/PrimeSpeedDial.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { SpeedDial } from 'primereact/speeddial';
+import { stringProperty } from '../properties.js';
+import { menuItemsProperty } from '../menuItems.js';
+
+/**
+ * The `PrimeReact:speedDial` component - a floating action button that fans its actions out on hover.
+ *
+ * Rendered inside a sized, relatively positioned box because SpeedDial positions itself absolutely
+ * against its nearest positioned ancestor; dropped straight into a Scene tree it would otherwise anchor
+ * itself to the page and float over unrelated content.
+ */ function PrimeSpeedDial({ element }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-scene-id": element.id,
+        className: "relative h-40 w-40",
+        children: /*#__PURE__*/ jsx(SpeedDial, {
+            model: menuItemsProperty(element, 'items'),
+            direction: stringProperty(element, 'direction', 'up'),
+            type: stringProperty(element, 'type', 'linear')
+        })
+    });
+}
+
+export { PrimeSpeedDial };
+//# sourceMappingURL=PrimeSpeedDial.js.map

package/dist/esm/button/PrimeSpeedDial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSpeedDial.js","sources":["../../../button/PrimeSpeedDial.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 { SpeedDial } from 'primereact/speeddial';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\nimport { menuItemsProperty } from '../menuItems';\n\n/**\n * The `PrimeReact:speedDial` component - a floating action button that fans its actions out on hover.\n *\n * Rendered inside a sized, relatively positioned box because SpeedDial positions itself absolutely\n * against its nearest positioned ancestor; dropped straight into a Scene tree it would otherwise anchor\n * itself to the page and float over unrelated content.\n */\nexport function PrimeSpeedDial({ element }: RegisteredComponentProps) {\n    return (\n        <div data-scene-id={element.id} className='relative h-40 w-40'>\n            <SpeedDial\n                model={menuItemsProperty(element, 'items')}\n                direction={stringProperty(element, 'direction', 'up') as 'up' | 'down' | 'left' | 'right'}\n                type={stringProperty(element, 'type', 'linear') as 'linear' | 'circle' | 'semi-circle' | 'quarter-circle'}\n            />\n        </div>\n    );\n}\n"],"names":["PrimeSpeedDial","element","_jsx","div","data-scene-id","id","className","SpeedDial","model","menuItemsProperty","direction","stringProperty","type"],"mappings":";;;;;AAQA;;;;;;AAMC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QAAEC,SAAAA,EAAU,oBAAA;AACtC,QAAA,QAAA,gBAAAJ,GAAA,CAACK,SAAAA,EAAAA;AACGC,YAAAA,KAAAA,EAAOC,kBAAkBR,OAAAA,EAAS,OAAA,CAAA;YAClCS,SAAAA,EAAWC,cAAAA,CAAeV,SAAS,WAAA,EAAa,IAAA,CAAA;YAChDW,IAAAA,EAAMD,cAAAA,CAAeV,SAAS,MAAA,EAAQ,QAAA;;;AAItD;;;;"}

package/dist/esm/button/PrimeSplitButton.d.ts

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

package/dist/esm/button/PrimeSplitButton.d.ts.map

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

package/dist/esm/button/PrimeSplitButton.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { SplitButton } from 'primereact/splitbutton';
+import { booleanProperty, stringProperty } from '../properties.js';
+import { menuItemsProperty } from '../menuItems.js';
+
+/**
+ * The `PrimeReact:splitButton` component - a primary action with a dropdown of related ones.
+ *
+ * The secondary actions come from an `items` property rather than from slots, because PrimeReact drives
+ * them from a data model and not from children; feeding it rendered React nodes would give it no labels
+ * to show.
+ */ function PrimeSplitButton({ element }) {
+    return /*#__PURE__*/ jsx(SplitButton, {
+        "data-scene-id": element.id,
+        label: stringProperty(element, 'label'),
+        icon: stringProperty(element, 'icon'),
+        model: menuItemsProperty(element, 'items'),
+        disabled: booleanProperty(element, 'disabled', false)
+    });
+}
+
+export { PrimeSplitButton };
+//# sourceMappingURL=PrimeSplitButton.js.map

package/dist/esm/button/PrimeSplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSplitButton.js","sources":["../../../button/PrimeSplitButton.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 { SplitButton } from 'primereact/splitbutton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\nimport { menuItemsProperty } from '../menuItems';\n\n/**\n * The `PrimeReact:splitButton` component - a primary action with a dropdown of related ones.\n *\n * The secondary actions come from an `items` property rather than from slots, because PrimeReact drives\n * them from a data model and not from children; feeding it rendered React nodes would give it no labels\n * to show.\n */\nexport function PrimeSplitButton({ element }: RegisteredComponentProps) {\n    return (\n        <SplitButton\n            data-scene-id={element.id}\n            label={stringProperty(element, 'label')}\n            icon={stringProperty(element, 'icon')}\n            model={menuItemsProperty(element, 'items')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeSplitButton","element","_jsx","SplitButton","data-scene-id","id","label","stringProperty","icon","model","menuItemsProperty","disabled","booleanProperty"],"mappings":";;;;;AAQA;;;;;;AAMC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,qBACIC,GAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,eAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BO,QAAAA,IAAAA,EAAMD,eAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,KAAAA,EAAOC,kBAAkBT,OAAAA,EAAS,OAAA,CAAA;QAClCU,QAAAA,EAAUC,eAAAA,CAAgBX,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

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

@@ -0,0 +1,5 @@
+export * from './PrimeButton';
+export * from './PrimeSplitButton';
+export * from './PrimeSpeedDial';
+export * from './PrimeButtonGroup';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/button/index.js

@@ -0,0 +1,5 @@
+export * from './PrimeButton';
+export * from './PrimeSplitButton';
+export * from './PrimeSpeedDial';
+export * from './PrimeButtonGroup';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+export interface ColumnDefinition {
+    field: string;
+    header: string;
+    sortable: boolean;
+}
+//# sourceMappingURL=ColumnDefinition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDefinition.d.ts","sourceRoot":"","sources":["../../../data/ColumnDefinition.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAI7B,KAAK,EAAE,MAAM,CAAC;IAMd,MAAM,EAAE,MAAM,CAAC;IAKf,QAAQ,EAAE,OAAO,CAAC;CACrB"}

package/dist/esm/data/ColumnDefinition.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnDefinition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDefinition.js","sourceRoot":"","sources":["../../../data/ColumnDefinition.ts"],"names":[],"mappings":""}

package/dist/esm/data/DataGallery.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from '@cratis/scene.react';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gallery: Story;
+//# sourceMappingURL=DataGallery.stories.d.ts.map

package/dist/esm/data/DataGallery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGallery.stories.d.ts","sourceRoot":"","sources":["../../../data/DataGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAC"}

package/dist/esm/data/DataGallery.stories.js

@@ -0,0 +1,43 @@
+import { SceneElementView } from '@cratis/scene.react';
+import { primeReactComponents } from '../primeReactComponents';
+import { sceneComponent, sceneGallery } from '../storyElements';
+const meta = {
+    title: 'PrimeReact/Data',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { description: { component: 'The data family. `dataTable` is also registered under Screenplay\'s `table` name, and works out its columns from nested `column` children, a `columns` property, or the shape of the first row.' } },
+    },
+};
+export default meta;
+export const Gallery = {
+    args: {
+        element: sceneGallery('gallery', [
+            sceneComponent('table', 'table', { rows: [{ name: 'Ada', role: 'Engineer' }, { name: 'Grace', role: 'Admiral' }] }, {
+                columns: [
+                    sceneComponent('c1', 'column', { field: 'name', header: 'Name', sortable: true }),
+                    sceneComponent('c2', 'column', { field: 'role', header: 'Role' }),
+                ],
+            }),
+            sceneComponent('dataTable', 'dataTable', { rows: [{ id: 1, title: 'Inferred columns' }] }),
+            sceneComponent('dataView', 'dataView', { rows: [{ title: 'Kickoff', description: 'Agree the scope' }] }),
+            sceneComponent('tree', 'tree', { nodes: [{ label: 'Documents', children: ['Work', 'Home'] }] }),
+            sceneComponent('treeTable', 'treeTable', {
+                columns: [{ field: 'name', header: 'Name' }],
+                nodes: [{ label: 'Root', data: { name: 'Root' }, children: [{ label: 'Child', data: { name: 'Child' } }] }],
+            }),
+            sceneComponent('timeline', 'timeline', {
+                events: [{ title: 'Ordered', description: 'Order placed', date: '09:00' }, { title: 'Shipped', description: 'Left the depot', date: '14:20' }],
+            }),
+            sceneComponent('paginator', 'paginator', { totalRecords: 120, pageSize: 10 }),
+            sceneComponent('orderList', 'orderList', { header: 'Priority', items: ['First', 'Second', 'Third'] }),
+            sceneComponent('pickList', 'pickList', { source: ['Alpha', 'Beta'], target: ['Gamma'] }),
+            sceneComponent('organizationChart', 'organizationChart', { nodes: [{ label: 'CEO', children: ['CTO', 'CFO'] }] }),
+            sceneComponent('virtualScroller', 'virtualScroller', { items: Array.from({ length: 200 }, (_, index) => `Row ${index + 1}`) }),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=DataGallery.stories.js.map

package/dist/esm/data/DataGallery.stories.js.map

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

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

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

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

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

package/dist/esm/data/PrimeColumn.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { Column } from 'primereact/column';
+import { stringProperty, booleanProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:column` component - one column of a table.
+ *
+ * Like PrimeReact's own `Column`, this is configuration rather than output: it renders nothing on its
+ * own and only means something inside a table. That is not a Scene quirk - a bare `<Column/>` in
+ * PrimeReact renders nothing either. When a `column` element is nested under `dataTable` or `table`,
+ * the table reads its `field`, `header` and `sortable` properties off the model rather than using this
+ * rendered output; see `columnDefinitions` for why.
+ */ function PrimeColumn({ element }) {
+    const field = stringProperty(element, 'field', '');
+    return /*#__PURE__*/ jsx(Column, {
+        field: field,
+        header: stringProperty(element, 'header', field),
+        sortable: booleanProperty(element, 'sortable', false)
+    });
+}
+
+export { PrimeColumn };
+//# sourceMappingURL=PrimeColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeColumn.js","sources":["../../../data/PrimeColumn.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:column` component - one column of a table.\n *\n * Like PrimeReact's own `Column`, this is configuration rather than output: it renders nothing on its\n * own and only means something inside a table. That is not a Scene quirk - a bare `<Column/>` in\n * PrimeReact renders nothing either. When a `column` element is nested under `dataTable` or `table`,\n * the table reads its `field`, `header` and `sortable` properties off the model rather than using this\n * rendered output; see `columnDefinitions` for why.\n */\nexport function PrimeColumn({ element }: RegisteredComponentProps) {\n    const field = stringProperty(element, 'field', '');\n    return <Column field={field} header={stringProperty(element, 'header', field)} sortable={booleanProperty(element, 'sortable', false)} />;\n}\n"],"names":["PrimeColumn","element","field","stringProperty","_jsx","Column","header","sortable","booleanProperty"],"mappings":";;;;AAOA;;;;;;;;AAQC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;IAC7D,MAAMC,KAAAA,GAAQC,cAAAA,CAAeF,OAAAA,EAAS,OAAA,EAAS,EAAA,CAAA;AAC/C,IAAA,qBAAOG,GAAA,CAACC,MAAAA,EAAAA;QAAOH,KAAAA,EAAOA,KAAAA;QAAOI,MAAAA,EAAQH,cAAAA,CAAeF,SAAS,QAAA,EAAUC,KAAAA,CAAAA;QAAQK,QAAAA,EAAUC,eAAAA,CAAgBP,SAAS,UAAA,EAAY,KAAA;;AAClI;;;;"}

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

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

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

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

package/dist/esm/data/PrimeDataTable.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { Column } from 'primereact/column';
+import { DataTable } from 'primereact/datatable';
+import { recordArrayProperty, numberProperty, stringProperty, booleanProperty } from '../properties.js';
+import { columnDefinitions } from './columnDefinitions.js';
+
+/**
+ * The `PrimeReact:dataTable` component, also registered under Screenplay's `table` name so a screen
+ * compiled from a `.play` file renders through this package without a translation step.
+ *
+ * Rows come from a `rows` property; columns come from nested `column` children, a `columns` property, or
+ * are inferred from the first row - see `columnDefinitions`.
+ */ function PrimeDataTable({ element }) {
+    const rows = recordArrayProperty(element, 'rows');
+    const columns = columnDefinitions(element, rows);
+    const pageSize = numberProperty(element, 'pageSize');
+    return /*#__PURE__*/ jsx(DataTable, {
+        "data-scene-id": element.id,
+        value: rows,
+        emptyMessage: stringProperty(element, 'emptyMessage', 'No records found'),
+        stripedRows: booleanProperty(element, 'stripedRows', false),
+        showGridlines: booleanProperty(element, 'showGridlines', false),
+        size: stringProperty(element, 'size'),
+        paginator: pageSize !== undefined,
+        rows: pageSize,
+        children: columns.map((column)=>/*#__PURE__*/ jsx(Column, {
+                field: column.field,
+                header: column.header,
+                sortable: column.sortable
+            }, column.field))
+    });
+}
+
+export { PrimeDataTable };
+//# sourceMappingURL=PrimeDataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDataTable.js","sources":["../../../data/PrimeDataTable.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 { DataTable } from 'primereact/datatable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\nimport { columnDefinitions } from './columnDefinitions';\n\n/**\n * The `PrimeReact:dataTable` component, also registered under Screenplay's `table` name so a screen\n * compiled from a `.play` file renders through this package without a translation step.\n *\n * Rows come from a `rows` property; columns come from nested `column` children, a `columns` property, or\n * are inferred from the first row - see `columnDefinitions`.\n */\nexport function PrimeDataTable({ element }: RegisteredComponentProps) {\n    const rows = recordArrayProperty(element, 'rows');\n    const columns = columnDefinitions(element, rows);\n    const pageSize = numberProperty(element, 'pageSize');\n    return (\n        <DataTable\n            data-scene-id={element.id}\n            value={rows}\n            emptyMessage={stringProperty(element, 'emptyMessage', 'No records found')}\n            stripedRows={booleanProperty(element, 'stripedRows', false)}\n            showGridlines={booleanProperty(element, 'showGridlines', false)}\n            size={stringProperty(element, 'size') as 'small' | 'normal' | 'large' | undefined}\n            paginator={pageSize !== undefined}\n            rows={pageSize}>\n            {columns.map((column) => (\n                <Column key={column.field} field={column.field} header={column.header} sortable={column.sortable} />\n            ))}\n        </DataTable>\n    );\n}\n"],"names":["PrimeDataTable","element","rows","recordArrayProperty","columns","columnDefinitions","pageSize","numberProperty","_jsx","DataTable","data-scene-id","id","value","emptyMessage","stringProperty","stripedRows","booleanProperty","showGridlines","size","paginator","undefined","map","column","Column","field","header","sortable"],"mappings":";;;;;;AASA;;;;;;AAMC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;IAChE,MAAMC,IAAAA,GAAOC,oBAAoBF,OAAAA,EAAS,MAAA,CAAA;IAC1C,MAAMG,OAAAA,GAAUC,kBAAkBJ,OAAAA,EAASC,IAAAA,CAAAA;IAC3C,MAAMI,QAAAA,GAAWC,eAAeN,OAAAA,EAAS,UAAA,CAAA;AACzC,IAAA,qBACIO,GAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBC,KAAAA,EAAOV,IAAAA;QACPW,YAAAA,EAAcC,cAAAA,CAAeb,SAAS,cAAA,EAAgB,kBAAA,CAAA;QACtDc,WAAAA,EAAaC,eAAAA,CAAgBf,SAAS,aAAA,EAAe,KAAA,CAAA;QACrDgB,aAAAA,EAAeD,eAAAA,CAAgBf,SAAS,eAAA,EAAiB,KAAA,CAAA;AACzDiB,QAAAA,IAAAA,EAAMJ,eAAeb,OAAAA,EAAS,MAAA,CAAA;AAC9BkB,QAAAA,SAAAA,EAAWb,QAAAA,KAAac,SAAAA;QACxBlB,IAAAA,EAAMI,QAAAA;AACLF,QAAAA,QAAAA,EAAAA,OAAAA,CAAQiB,GAAG,CAAC,CAACC,MAAAA,iBACVd,GAAA,CAACe,MAAAA,EAAAA;AAA0BC,gBAAAA,KAAAA,EAAOF,OAAOE,KAAK;AAAEC,gBAAAA,MAAAA,EAAQH,OAAOG,MAAM;AAAEC,gBAAAA,QAAAA,EAAUJ,OAAOI;AAA3EJ,aAAAA,EAAAA,MAAAA,CAAOE,KAAK,CAAA;;AAIzC;;;;"}

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

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

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

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

package/dist/esm/data/PrimeDataView.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DataView } from 'primereact/dataview';
+import { stringProperty, numberProperty, recordArrayProperty } from '../properties.js';
+
+/**
+ * The `PrimeReact:dataView` component - the same rows a table would show, laid out as a list of cards.
+ *
+ * DataView has no default item template, so the adapter supplies one built from the `titleField` and
+ * `descriptionField` properties. Without it every row would render empty and the component would look
+ * broken rather than unconfigured.
+ */ function PrimeDataView({ element }) {
+    const titleField = stringProperty(element, 'titleField', 'title');
+    const descriptionField = stringProperty(element, 'descriptionField', 'description');
+    const pageSize = numberProperty(element, 'pageSize');
+    return /*#__PURE__*/ jsx(DataView, {
+        "data-scene-id": element.id,
+        value: recordArrayProperty(element, 'rows'),
+        emptyMessage: stringProperty(element, 'emptyMessage', 'No records found'),
+        paginator: pageSize !== undefined,
+        rows: pageSize,
+        itemTemplate: (row)=>/*#__PURE__*/ jsxs("div", {
+                className: "flex flex-col gap-1 p-3",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "font-semibold",
+                        children: String(row[titleField] ?? '')
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm opacity-75",
+                        children: String(row[descriptionField] ?? '')
+                    })
+                ]
+            })
+    });
+}
+
+export { PrimeDataView };
+//# sourceMappingURL=PrimeDataView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDataView.js","sources":["../../../data/PrimeDataView.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 { DataView } from 'primereact/dataview';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:dataView` component - the same rows a table would show, laid out as a list of cards.\n *\n * DataView has no default item template, so the adapter supplies one built from the `titleField` and\n * `descriptionField` properties. Without it every row would render empty and the component would look\n * broken rather than unconfigured.\n */\nexport function PrimeDataView({ element }: RegisteredComponentProps) {\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    const pageSize = numberProperty(element, 'pageSize');\n    return (\n        <DataView\n            data-scene-id={element.id}\n            value={recordArrayProperty(element, 'rows')}\n            emptyMessage={stringProperty(element, 'emptyMessage', 'No records found')}\n            paginator={pageSize !== undefined}\n            rows={pageSize}\n            itemTemplate={(row: Record<string, unknown>) => (\n                <div className='flex flex-col gap-1 p-3'>\n                    <span className='font-semibold'>{String(row[titleField] ?? '')}</span>\n                    <span className='text-sm opacity-75'>{String(row[descriptionField] ?? '')}</span>\n                </div>\n            )}\n        />\n    );\n}\n"],"names":["PrimeDataView","element","titleField","stringProperty","descriptionField","pageSize","numberProperty","_jsx","DataView","data-scene-id","id","value","recordArrayProperty","emptyMessage","paginator","undefined","rows","itemTemplate","row","_jsxs","div","className","span","String"],"mappings":";;;;AAOA;;;;;;AAMC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,UAAAA,GAAaC,cAAAA,CAAeF,OAAAA,EAAS,YAAA,EAAc,OAAA,CAAA;IACzD,MAAMG,gBAAAA,GAAmBD,cAAAA,CAAeF,OAAAA,EAAS,kBAAA,EAAoB,aAAA,CAAA;IACrE,MAAMI,QAAAA,GAAWC,eAAeL,OAAAA,EAAS,UAAA,CAAA;AACzC,IAAA,qBACIM,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,oBAAoBX,OAAAA,EAAS,MAAA,CAAA;QACpCY,YAAAA,EAAcV,cAAAA,CAAeF,SAAS,cAAA,EAAgB,kBAAA,CAAA;AACtDa,QAAAA,SAAAA,EAAWT,QAAAA,KAAaU,SAAAA;QACxBC,IAAAA,EAAMX,QAAAA;QACNY,YAAAA,EAAc,CAACC,oBACXC,IAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,yBAAA;;kCACXd,GAAA,CAACe,MAAAA,EAAAA;wBAAKD,SAAAA,EAAU,eAAA;kCAAiBE,MAAAA,CAAOL,GAAG,CAAChB,UAAAA,CAAW,IAAI,EAAA;;kCAC3DK,GAAA,CAACe,MAAAA,EAAAA;wBAAKD,SAAAA,EAAU,oBAAA;kCAAsBE,MAAAA,CAAOL,GAAG,CAACd,gBAAAA,CAAiB,IAAI,EAAA;;;;;AAK1F;;;;"}

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

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