@cratis/scene.primereact 1.1.0 → 3.0.0

package/dist/cjs/button/PrimeButtonGroup.js

@@ -12,12 +12,15 @@ var properties = require('../properties.js');
  * 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.
+ *
+ * PrimeReact 11 left the group itself alone; the only change is in the buttons, which take their label as
+ * children now rather than through a `label` prop.
  */ function PrimeButtonGroup({ element, slots }) {
     const buttons = properties.optionsProperty(element, 'buttons');
     return /*#__PURE__*/ jsxRuntime.jsx(buttongroup.ButtonGroup, {
         "data-scene-id": element.id,
         children: slots.content?.length ? slots.content : buttons.map((button$1)=>/*#__PURE__*/ jsxRuntime.jsx(button.Button, {
-                label: button$1.label
+                children: button$1.label
             }, button$1.value))
     });
 }

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

@@ -1 +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,2BAAgBH,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,qBACII,cAAA,CAACC,uBAAAA,EAAAA;AAAYC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;kBACjCN,KAAAA,CAAMO,OAAO,EAAEC,MAAAA,GAASR,KAAAA,CAAMO,OAAO,GAAGN,OAAAA,CAAQQ,GAAG,CAAC,CAACC,QAAAA,iBAAWP,cAAA,CAACQ,aAAAA,EAAAA;AAA0BC,gBAAAA,KAAAA,EAAOF,SAAOE;AAA5BF,aAAAA,EAAAA,QAAAA,CAAOG,KAAK,CAAA;;AAGtG;;;;"}
+{"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 *\n * PrimeReact 11 left the group itself alone; the only change is in the buttons, which take their label as\n * children now rather than through a `label` prop.\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}>{button.label}</Button>)}\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;;;;;;;;;;AAUC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACzE,MAAMC,OAAAA,GAAUC,2BAAgBH,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,qBACII,cAAA,CAACC,uBAAAA,EAAAA;AAAYC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;kBACjCN,KAAAA,CAAMO,OAAO,EAAEC,MAAAA,GAASR,KAAAA,CAAMO,OAAO,GAAGN,OAAAA,CAAQQ,GAAG,CAAC,CAACC,QAAAA,iBAAWP,cAAA,CAACQ,aAAAA,EAAAA;AAA2BD,gBAAAA,QAAAA,EAAAA,QAAAA,CAAOE;AAAtBF,aAAAA,EAAAA,QAAAA,CAAOG,KAAK,CAAA;;AAGtG;;;;"}

package/dist/cjs/button/PrimeSpeedDial.js

@@ -8,17 +8,46 @@ var menuItems = require('../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
+ * Rendered inside a sized, relatively positioned box because SpeedDial positions its actions 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.
+ *
+ * PrimeReact 11 replaced the `model` prop with parts, so the items are written out here. That is more
+ * lines but a better fit: each action is a real button the adapter can name and label, where v10's model
+ * entries produced icon-only buttons with no accessible name unless the screen happened to think of one.
+ * The label is used as the accessible name and as the tooltip, and the icon is marked decorative, so an
+ * action reads the same to a screen reader as it does to a pointer.
  */ function PrimeSpeedDial({ element }) {
+    const items = menuItems.menuItemsProperty(element, 'items');
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         "data-scene-id": element.id,
         className: "relative h-40 w-40",
-        children: /*#__PURE__*/ jsxRuntime.jsx(speeddial.SpeedDial, {
-            model: menuItems.menuItemsProperty(element, 'items'),
+        children: /*#__PURE__*/ jsxRuntime.jsxs(speeddial.SpeedDial.Root, {
             direction: properties.stringProperty(element, 'direction', 'up'),
-            type: properties.stringProperty(element, 'type', 'linear')
+            type: properties.stringProperty(element, 'type', 'linear'),
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(speeddial.SpeedDial.Trigger, {
+                    "aria-label": "Actions",
+                    children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                        className: "pi pi-plus",
+                        "aria-hidden": "true"
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(speeddial.SpeedDial.List, {
+                    children: items.map((item, index)=>/*#__PURE__*/ jsxRuntime.jsx(speeddial.SpeedDial.Item, {
+                            index: index,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(speeddial.SpeedDial.Action, {
+                                "aria-label": item.label,
+                                title: item.label,
+                                onClick: item.command,
+                                children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                                    className: item.icon ?? 'pi pi-circle',
+                                    "aria-hidden": "true"
+                                })
+                            })
+                        }, index))
+                })
+            ]
         })
     });
 }

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

@@ -1 +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,cAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QAAEC,SAAAA,EAAU,oBAAA;AACtC,QAAA,QAAA,gBAAAJ,cAAA,CAACK,mBAAAA,EAAAA;AACGC,YAAAA,KAAAA,EAAOC,4BAAkBR,OAAAA,EAAS,OAAA,CAAA;YAClCS,SAAAA,EAAWC,yBAAAA,CAAeV,SAAS,WAAA,EAAa,IAAA,CAAA;YAChDW,IAAAA,EAAMD,yBAAAA,CAAeV,SAAS,MAAA,EAAQ,QAAA;;;AAItD;;;;"}
+{"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 its actions 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 *\n * PrimeReact 11 replaced the `model` prop with parts, so the items are written out here. That is more\n * lines but a better fit: each action is a real button the adapter can name and label, where v10's model\n * entries produced icon-only buttons with no accessible name unless the screen happened to think of one.\n * The label is used as the accessible name and as the tooltip, and the icon is marked decorative, so an\n * action reads the same to a screen reader as it does to a pointer.\n */\nexport function PrimeSpeedDial({ element }: RegisteredComponentProps) {\n    const items = menuItemsProperty(element, 'items');\n    return (\n        <div data-scene-id={element.id} className='relative h-40 w-40'>\n            <SpeedDial.Root\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                <SpeedDial.Trigger aria-label='Actions'>\n                    <i className='pi pi-plus' aria-hidden='true' />\n                </SpeedDial.Trigger>\n                <SpeedDial.List>\n                    {items.map((item, index) => (\n                        <SpeedDial.Item key={index} index={index}>\n                            <SpeedDial.Action aria-label={item.label} title={item.label} onClick={item.command}>\n                                <i className={item.icon ?? 'pi pi-circle'} aria-hidden='true' />\n                            </SpeedDial.Action>\n                        </SpeedDial.Item>\n                    ))}\n                </SpeedDial.List>\n            </SpeedDial.Root>\n        </div>\n    );\n}\n"],"names":["PrimeSpeedDial","element","items","menuItemsProperty","_jsx","div","data-scene-id","id","className","_jsxs","SpeedDial","Root","direction","stringProperty","type","Trigger","aria-label","i","aria-hidden","List","map","item","index","Item","Action","label","title","onClick","command","icon"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;IAChE,MAAMC,KAAAA,GAAQC,4BAAkBF,OAAAA,EAAS,OAAA,CAAA;AACzC,IAAA,qBACIG,cAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QAAEC,SAAAA,EAAU,oBAAA;gCACtCC,eAAA,CAACC,oBAAUC,IAAI,EAAA;YACXC,SAAAA,EAAWC,yBAAAA,CAAeZ,SAAS,WAAA,EAAa,IAAA,CAAA;YAChDa,IAAAA,EAAMD,yBAAAA,CAAeZ,SAAS,MAAA,EAAQ,QAAA,CAAA;;AACtC,8BAAAG,cAAA,CAACM,oBAAUK,OAAO,EAAA;oBAACC,YAAAA,EAAW,SAAA;AAC1B,oBAAA,QAAA,gBAAAZ,cAAA,CAACa,GAAAA,EAAAA;wBAAET,SAAAA,EAAU,YAAA;wBAAaU,aAAAA,EAAY;;;AAE1C,8BAAAd,cAAA,CAACM,oBAAUS,IAAI,EAAA;AACVjB,oBAAAA,QAAAA,EAAAA,KAAAA,CAAMkB,GAAG,CAAC,CAACC,MAAMC,KAAAA,iBACdlB,cAAA,CAACM,oBAAUa,IAAI,EAAA;4BAAaD,KAAAA,EAAOA,KAAAA;oDAC/BlB,cAAA,CAACM,oBAAUc,MAAM,EAAA;AAACR,gCAAAA,YAAAA,EAAYK,KAAKI,KAAK;AAAEC,gCAAAA,KAAAA,EAAOL,KAAKI,KAAK;AAAEE,gCAAAA,OAAAA,EAASN,KAAKO,OAAO;AAC9E,gCAAA,QAAA,gBAAAxB,cAAA,CAACa,GAAAA,EAAAA;oCAAET,SAAAA,EAAWa,IAAAA,CAAKQ,IAAI,IAAI,cAAA;oCAAgBX,aAAAA,EAAY;;;AAF1CI,yBAAAA,EAAAA,KAAAA,CAAAA;;;;;AAU7C;;;;"}

package/dist/cjs/button/PrimeSplitButton.js

@@ -1,22 +1,30 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var splitbutton = require('primereact/splitbutton');
+var SplitButton = require('./SplitButton.js');
 var properties = require('../properties.js');
 var menuItems = require('../menuItems.js');
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /**
  * 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.
+ * PrimeReact 11 removed `SplitButton` with no replacement and no headless hook, so the adapter renders
+ * Cratis's own {@link SplitButton}, itself composed from the `Button` and `Popover` that survived. Nothing
+ * about the element's contract changed, which is the whole point of having an adapter layer at all.
+ *
+ * The secondary actions come from an `items` property rather than from slots, because they are data - a
+ * list of labels and icons - and feeding a menu rendered React nodes would give it nothing to show in its
+ * rows. `menuItemsProperty` is the same reader every other menu in this package uses, so a screen writes
+ * items the same way here as it does for a menubar.
  */ function PrimeSplitButton({ element }) {
-    return /*#__PURE__*/ jsxRuntime.jsx(splitbutton.SplitButton, {
+    return /*#__PURE__*/ jsxRuntime.jsx(SplitButton.SplitButton, {
         "data-scene-id": element.id,
         label: properties.stringProperty(element, 'label'),
         icon: properties.stringProperty(element, 'icon'),
-        model: menuItems.menuItemsProperty(element, 'items'),
+        severity: properties.stringProperty(element, 'severity'),
+        items: menuItems.menuItemsProperty(element, 'items'),
         disabled: properties.booleanProperty(element, 'disabled', false)
     });
 }

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

@@ -1 +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,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BO,QAAAA,IAAAA,EAAMD,0BAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,KAAAA,EAAOC,4BAAkBT,OAAAA,EAAS,OAAA,CAAA;QAClCU,QAAAA,EAAUC,0BAAAA,CAAgBX,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}
+{"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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { SplitButton } from './SplitButton';\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 * PrimeReact 11 removed `SplitButton` with no replacement and no headless hook, so the adapter renders\n * Cratis's own {@link SplitButton}, itself composed from the `Button` and `Popover` that survived. Nothing\n * about the element's contract changed, which is the whole point of having an adapter layer at all.\n *\n * The secondary actions come from an `items` property rather than from slots, because they are data - a\n * list of labels and icons - and feeding a menu rendered React nodes would give it nothing to show in its\n * rows. `menuItemsProperty` is the same reader every other menu in this package uses, so a screen writes\n * items the same way here as it does for a menubar.\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            severity={stringProperty(element, 'severity')}\n            items={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","severity","items","menuItemsProperty","disabled","booleanProperty"],"mappings":";;;;;;;AAAA;AACA;AAOA;;;;;;;;;;;AAWC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,qBACIC,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BO,QAAAA,IAAAA,EAAMD,0BAAeN,OAAAA,EAAS,MAAA,CAAA;AAC9BQ,QAAAA,QAAAA,EAAUF,0BAAeN,OAAAA,EAAS,UAAA,CAAA;AAClCS,QAAAA,KAAAA,EAAOC,4BAAkBV,OAAAA,EAAS,OAAA,CAAA;QAClCW,QAAAA,EAAUC,0BAAAA,CAAgBZ,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/button/SplitButton.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var button = require('primereact/button');
+var popover = require('primereact/popover');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * One row of the dropdown menu.
+ *
+ * Kept apart from the composition below so the three shapes an entry can take - a divider, a link, a
+ * command - are three plain branches rather than nested conditionals inside the JSX. An entry carrying a
+ * `url` becomes a real anchor: it is a navigation, and rendering it as a button would cost the reader the
+ * middle-click, the copy-link and the status bar preview that make a link a link.
+ */ function SplitButtonItem({ item }) {
+    const className = 'flex w-full items-center gap-2 border-0 bg-transparent px-3 py-2 text-left no-underline disabled:opacity-50';
+    const content = /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            item.icon !== undefined && /*#__PURE__*/ jsxRuntime.jsx("i", {
+                className: item.icon,
+                "aria-hidden": "true"
+            }),
+            item.label
+        ]
+    });
+    if (item.separator === true) return /*#__PURE__*/ jsxRuntime.jsx("li", {
+        role: "separator",
+        className: "my-1 border-t"
+    });
+    if (item.url !== undefined) {
+        return /*#__PURE__*/ jsxRuntime.jsx("li", {
+            role: "none",
+            children: /*#__PURE__*/ jsxRuntime.jsx("a", {
+                role: "menuitem",
+                href: item.url,
+                className: className,
+                children: content
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx("li", {
+        role: "none",
+        children: /*#__PURE__*/ jsxRuntime.jsx("button", {
+            type: "button",
+            role: "menuitem",
+            disabled: item.disabled,
+            onClick: item.command,
+            className: className,
+            children: content
+        })
+    });
+}
+/**
+ * A primary action with a dropdown of related ones beside it.
+ *
+ * Cratis owns this component. PrimeReact 10 had `SplitButton`; PrimeReact 11 removed it with no
+ * replacement and no headless hook, while `splitButton` remains a name this package's manifest publishes.
+ * It is composed rather than reimplemented: both halves are PrimeReact `Button`s and the menu hangs off a
+ * PrimeReact `Popover`, so the control is themed, positioned, portaled and dismissed by the same machinery
+ * every other overlay in the application uses. What is actually ours is the arrangement and the menu
+ * markup - a `menu` / `menuitem` structure over {@link MenuItem}, which is the part v10 left to chance.
+ *
+ * A dropdown half with nothing behind it is not rendered, so an authored but not-yet-populated item list
+ * degrades to a plain button.
+ *
+ * What it deliberately does not carry over from v10: nested submenus - `items` is read one level deep,
+ * because a split button whose menu has drawers is a menubar and should say so; the `menuButtonProps` /
+ * `buttonProps` escape hatches, which existed to reach past the component and are unnecessary when the
+ * halves are just Buttons; the `loading` state, which v11's Button no longer has; and `appendTo` and
+ * z-index juggling, which the popover's portal makes moot.
+ */ function SplitButton({ label, icon, items = [], disabled = false, severity, onAction, className, ...rest }) {
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        ...rest,
+        className: [
+            'inline-flex',
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(button.Button, {
+                severity: severity,
+                disabled: disabled,
+                onClick: onAction,
+                children: [
+                    icon !== undefined && /*#__PURE__*/ jsxRuntime.jsx("i", {
+                        className: icon,
+                        "aria-hidden": "true"
+                    }),
+                    label
+                ]
+            }),
+            items.length > 0 && /*#__PURE__*/ jsxRuntime.jsxs(popover.Popover.Root, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(popover.Popover.Trigger, {
+                        as: button.Button,
+                        severity: severity,
+                        disabled: disabled,
+                        "aria-label": label === undefined ? 'More actions' : `More actions for ${label}`,
+                        children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                            className: "pi pi-chevron-down",
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(popover.Popover.Portal, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(popover.Popover.Positioner, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(popover.Popover.Popup, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(popover.Popover.Content, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx("ul", {
+                                        role: "menu",
+                                        className: "m-0 flex list-none flex-col p-0",
+                                        children: items.map((item, index)=>/*#__PURE__*/ jsxRuntime.jsx(SplitButtonItem, {
+                                                item: item
+                                            }, index))
+                                    })
+                                })
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+exports.SplitButton = SplitButton;
+//# sourceMappingURL=SplitButton.js.map

package/dist/cjs/button/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.js","sources":["../../../button/SplitButton.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 { HTMLAttributes } from 'react';\nimport { Button } from 'primereact/button';\nimport { Popover } from 'primereact/popover';\nimport { MenuItem } from '../MenuItem';\n\n/**\n * Configuration for {@link SplitButton}.\n */\nexport interface SplitButtonProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onClick' | 'children'> {\n    /**\n     * The text on the primary half. This is the action the control is named after - the one a reader\n     * takes without opening anything.\n     */\n    label?: string;\n\n    /**\n     * An icon class shown before the label on the primary half.\n     */\n    icon?: string;\n\n    /**\n     * The secondary actions, shown when the dropdown half is opened. Empty means there are none, and the\n     * dropdown half is left off entirely rather than rendered as a control that opens onto nothing.\n     */\n    items?: MenuItem[];\n\n    /**\n     * Whether both halves are unavailable. There is no way to disable only one: a split button with a\n     * dead primary action is a menu wearing the wrong shape.\n     */\n    disabled?: boolean;\n\n    /**\n     * The PrimeReact severity to tint both halves with, so the two read as one control.\n     */\n    severity?: string;\n\n    /**\n     * Invoked when the primary half is pressed. Named apart from the DOM `onClick` this component would\n     * otherwise inherit, because the two are different questions - \"was the action taken\" against\n     * \"was anything in here clicked\", including the dropdown toggle.\n     */\n    onAction?: () => void;\n}\n\n/**\n * One row of the dropdown menu.\n *\n * Kept apart from the composition below so the three shapes an entry can take - a divider, a link, a\n * command - are three plain branches rather than nested conditionals inside the JSX. An entry carrying a\n * `url` becomes a real anchor: it is a navigation, and rendering it as a button would cost the reader the\n * middle-click, the copy-link and the status bar preview that make a link a link.\n */\nfunction SplitButtonItem({ item }: { item: MenuItem }) {\n    const className = 'flex w-full items-center gap-2 border-0 bg-transparent px-3 py-2 text-left no-underline disabled:opacity-50';\n    const content = (\n        <>\n            {item.icon !== undefined && <i className={item.icon} aria-hidden='true' />}\n            {item.label}\n        </>\n    );\n\n    if (item.separator === true) return <li role='separator' className='my-1 border-t' />;\n\n    if (item.url !== undefined) {\n        return (\n            <li role='none'>\n                <a role='menuitem' href={item.url} className={className}>\n                    {content}\n                </a>\n            </li>\n        );\n    }\n\n    return (\n        <li role='none'>\n            <button type='button' role='menuitem' disabled={item.disabled} onClick={item.command} className={className}>\n                {content}\n            </button>\n        </li>\n    );\n}\n\n/**\n * A primary action with a dropdown of related ones beside it.\n *\n * Cratis owns this component. PrimeReact 10 had `SplitButton`; PrimeReact 11 removed it with no\n * replacement and no headless hook, while `splitButton` remains a name this package's manifest publishes.\n * It is composed rather than reimplemented: both halves are PrimeReact `Button`s and the menu hangs off a\n * PrimeReact `Popover`, so the control is themed, positioned, portaled and dismissed by the same machinery\n * every other overlay in the application uses. What is actually ours is the arrangement and the menu\n * markup - a `menu` / `menuitem` structure over {@link MenuItem}, which is the part v10 left to chance.\n *\n * A dropdown half with nothing behind it is not rendered, so an authored but not-yet-populated item list\n * degrades to a plain button.\n *\n * What it deliberately does not carry over from v10: nested submenus - `items` is read one level deep,\n * because a split button whose menu has drawers is a menubar and should say so; the `menuButtonProps` /\n * `buttonProps` escape hatches, which existed to reach past the component and are unnecessary when the\n * halves are just Buttons; the `loading` state, which v11's Button no longer has; and `appendTo` and\n * z-index juggling, which the popover's portal makes moot.\n */\nexport function SplitButton({ label, icon, items = [], disabled = false, severity, onAction, className, ...rest }: SplitButtonProps) {\n    return (\n        <span {...rest} className={['inline-flex', className].filter(Boolean).join(' ')}>\n            <Button severity={severity} disabled={disabled} onClick={onAction}>\n                {icon !== undefined && <i className={icon} aria-hidden='true' />}\n                {label}\n            </Button>\n            {items.length > 0 && (\n                <Popover.Root>\n                    <Popover.Trigger as={Button} severity={severity} disabled={disabled} aria-label={label === undefined ? 'More actions' : `More actions for ${label}`}>\n                        <i className='pi pi-chevron-down' aria-hidden='true' />\n                    </Popover.Trigger>\n                    <Popover.Portal>\n                        <Popover.Positioner>\n                            <Popover.Popup>\n                                <Popover.Content>\n                                    <ul role='menu' className='m-0 flex list-none flex-col p-0'>\n                                        {items.map((item, index) => (\n                                            <SplitButtonItem key={index} item={item} />\n                                        ))}\n                                    </ul>\n                                </Popover.Content>\n                            </Popover.Popup>\n                        </Popover.Positioner>\n                    </Popover.Portal>\n                </Popover.Root>\n            )}\n        </span>\n    );\n}\n"],"names":["SplitButtonItem","item","className","content","_jsxs","_Fragment","icon","undefined","_jsx","i","aria-hidden","label","separator","li","role","url","a","href","button","type","disabled","onClick","command","SplitButton","items","severity","onAction","rest","span","filter","Boolean","join","Button","length","Popover","Root","Trigger","as","aria-label","Portal","Positioner","Popup","Content","ul","map","index"],"mappings":"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"}

package/dist/cjs/data/Column.js

@@ -0,0 +1,21 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * One column of a table - Cratis-owned, because PrimeReact 11 removed `primereact/column` outright.
+ *
+ * In PrimeReact 10 `Column` was a real participant: `DataTable` walked its children, recognized them by
+ * React element type, and rendered the table from their props. PrimeReact 11 replaced that with a
+ * compositional table whose header and body cells the caller writes out itself, so nothing in the library
+ * is left to declare a column with. Cratis Components rebuilt the same `<Column field header body
+ * sortable filter />` authoring model on top of the new table, and this is that same move for Scene: the
+ * component renders nothing on its own and exists only to be read.
+ *
+ * Being a pure declaration is the whole point - it is what lets a column be written where it belongs,
+ * inside the table it configures, without the table having to interpret arbitrary children.
+ */ const Column = ()=>null;
+Column.displayName = 'Column';
+
+exports.Column = Column;
+//# sourceMappingURL=Column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sources":["../../../data/Column.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 { FC, ReactNode } from 'react';\n\n/**\n * What one column of a table declares about itself.\n *\n * This is deliberately the smallest set a table needs to draw a heading and a cell. PrimeReact 10's\n * `Column` also carried `editor`, `frozen`, `footer`, `colSpan` and `expander`; none of them are carried\n * over. Editing, frozen panes and footers are table-wide behaviors that a Scene screen has no way to\n * drive - there is nowhere for an edit to go and nothing to compute a footer from - and `colSpan` and\n * `expander` only mean anything inside layouts (column groups, nested rows) this package no longer\n * offers. Re-declaring them here would advertise capabilities the adapters cannot honor.\n */\nexport interface ColumnProps {\n    /**\n     * The row property the column shows. Also the field the table sorts and filters by, which is why a\n     * column without one gets neither: there is nothing to key the operation on.\n     */\n    field?: string;\n\n    /**\n     * The column heading. A column authored with only a field falls back to the field name rather than\n     * rendering blank, so a half-configured table still reads as a table.\n     */\n    header?: string;\n\n    /**\n     * Renders the cell from the whole row instead of from a single field. This is the escape hatch for a\n     * column that shows something derived - two fields joined, a formatted date, a badge - and it is the\n     * one reason a column may sensibly omit `field`.\n     */\n    body?: (row: Record<string, unknown>) => ReactNode;\n\n    /**\n     * Whether clicking the heading sorts by this column.\n     */\n    sortable?: boolean;\n\n    /**\n     * Whether the heading offers an inline filter for this column.\n     */\n    filter?: boolean;\n}\n\n/**\n * One column of a table - Cratis-owned, because PrimeReact 11 removed `primereact/column` outright.\n *\n * In PrimeReact 10 `Column` was a real participant: `DataTable` walked its children, recognized them by\n * React element type, and rendered the table from their props. PrimeReact 11 replaced that with a\n * compositional table whose header and body cells the caller writes out itself, so nothing in the library\n * is left to declare a column with. Cratis Components rebuilt the same `<Column field header body\n * sortable filter />` authoring model on top of the new table, and this is that same move for Scene: the\n * component renders nothing on its own and exists only to be read.\n *\n * Being a pure declaration is the whole point - it is what lets a column be written where it belongs,\n * inside the table it configures, without the table having to interpret arbitrary children.\n */\nexport const Column: FC<ColumnProps> = () => null;\n\nColumn.displayName = 'Column';\n"],"names":["Column","displayName"],"mappings":";;AAAA;AACA;AA6CA;;;;;;;;;;;;AAYC,IACM,MAAMA,MAAAA,GAA0B,IAAM;AAE7CA,MAAAA,CAAOC,WAAW,GAAG,QAAA;;;;"}

package/dist/cjs/data/Pagination.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var paginator = require('primereact/paginator');
+
+/**
+ * Page navigation, assembled once from PrimeReact 11's paginator parts.
+ *
+ * PrimeReact 11 ships the paginator as a namespace of parts - a root that owns the page arithmetic and
+ * hands out pre-built button props, and separate first/previous/pages/next/last elements the caller
+ * arranges. That is more expressive than PrimeReact 10's single component, but it is also several dozen
+ * lines that two adapters in this folder would otherwise both write out: the `paginator` component
+ * itself, and `dataView`, which in PrimeReact 11 no longer owns its data and so cannot page it either.
+ * Assembling it here means the two agree on what a paginator looks like.
+ *
+ * The paginator is driven as a controlled component so the caller always knows which page is showing -
+ * `dataView` needs it to slice its rows, and an uncontrolled paginator would keep that inside itself.
+ *
+ * @param props How to drive the paginator.
+ * @returns The paginator.
+ */ function Pagination({ page, total, itemsPerPage, onPageChange, sceneId }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Root, {
+        "data-scene-id": sceneId,
+        page: page,
+        total: total,
+        itemsPerPage: itemsPerPage,
+        onPageChange: (event)=>onPageChange(event.value),
+        children: /*#__PURE__*/ jsxRuntime.jsxs(paginator.Paginator.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.First, {
+                    children: "«"
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Prev, {
+                    children: "‹"
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Pages, {
+                    children: (pages)=>pages.paginator?.pages.map((item, index)=>item.type === 'page' ? /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Page, {
+                                value: item.value
+                            }, `page-${item.value}`) : /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Ellipsis, {
+                                children: "…"
+                            }, `ellipsis-${index}`))
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Next, {
+                    children: "›"
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(paginator.Paginator.Last, {
+                    children: "»"
+                })
+            ]
+        })
+    });
+}
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../data/Pagination.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 { Paginator, type PaginatorPagesInstance, type PaginatorRootChangeEvent } from 'primereact/paginator';\n\n/**\n * How a caller drives {@link Pagination}.\n */\nexport interface PaginationProps {\n    /**\n     * The page being shown, counted from one. PrimeReact 11's paginator is one-based throughout - its\n     * `defaultPage` is `1`, and the page numbers it reports back are the ones it prints - so the adapters\n     * count the same way rather than translating at every edge.\n     */\n    page: number;\n\n    /**\n     * How many records there are in total, across all pages.\n     */\n    total: number;\n\n    /**\n     * How many records fit on a page.\n     */\n    itemsPerPage: number;\n\n    /**\n     * Called with the page the user asked for.\n     */\n    onPageChange: (page: number) => void;\n\n    /**\n     * The Scene element id to tag the rendered paginator with, when the paginator *is* the adapter's\n     * output rather than a part of it.\n     */\n    sceneId?: string;\n}\n\n/**\n * Page navigation, assembled once from PrimeReact 11's paginator parts.\n *\n * PrimeReact 11 ships the paginator as a namespace of parts - a root that owns the page arithmetic and\n * hands out pre-built button props, and separate first/previous/pages/next/last elements the caller\n * arranges. That is more expressive than PrimeReact 10's single component, but it is also several dozen\n * lines that two adapters in this folder would otherwise both write out: the `paginator` component\n * itself, and `dataView`, which in PrimeReact 11 no longer owns its data and so cannot page it either.\n * Assembling it here means the two agree on what a paginator looks like.\n *\n * The paginator is driven as a controlled component so the caller always knows which page is showing -\n * `dataView` needs it to slice its rows, and an uncontrolled paginator would keep that inside itself.\n *\n * @param props How to drive the paginator.\n * @returns The paginator.\n */\nexport function Pagination({ page, total, itemsPerPage, onPageChange, sceneId }: PaginationProps) {\n    return (\n        <Paginator.Root\n            data-scene-id={sceneId}\n            page={page}\n            total={total}\n            itemsPerPage={itemsPerPage}\n            onPageChange={(event: PaginatorRootChangeEvent) => onPageChange(event.value)}>\n            <Paginator.Content>\n                <Paginator.First>«</Paginator.First>\n                <Paginator.Prev>‹</Paginator.Prev>\n                <Paginator.Pages>\n                    {(pages: PaginatorPagesInstance) =>\n                        pages.paginator?.pages.map((item, index) =>\n                            item.type === 'page' ? (\n                                <Paginator.Page key={`page-${item.value}`} value={item.value} />\n                            ) : (\n                                <Paginator.Ellipsis key={`ellipsis-${index}`}>…</Paginator.Ellipsis>\n                            )\n                        )\n                    }\n                </Paginator.Pages>\n                <Paginator.Next>›</Paginator.Next>\n                <Paginator.Last>»</Paginator.Last>\n            </Paginator.Content>\n        </Paginator.Root>\n    );\n}\n"],"names":["Pagination","page","total","itemsPerPage","onPageChange","sceneId","_jsx","Paginator","Root","data-scene-id","event","value","_jsxs","Content","First","Prev","Pages","pages","paginator","map","item","index","type","Page","Ellipsis","Next","Last"],"mappings":";;;;;AAsCA;;;;;;;;;;;;;;;AAeC,IACM,SAASA,UAAAA,CAAW,EAAEC,IAAI,EAAEC,KAAK,EAAEC,YAAY,EAAEC,YAAY,EAAEC,OAAO,EAAmB,EAAA;IAC5F,qBACIC,cAAA,CAACC,oBAAUC,IAAI,EAAA;QACXC,eAAAA,EAAeJ,OAAAA;QACfJ,IAAAA,EAAMA,IAAAA;QACNC,KAAAA,EAAOA,KAAAA;QACPC,YAAAA,EAAcA,YAAAA;AACdC,QAAAA,YAAAA,EAAc,CAACM,KAAAA,GAAoCN,YAAAA,CAAaM,KAAAA,CAAMC,KAAK,CAAA;gCAC3EC,eAAA,CAACL,oBAAUM,OAAO,EAAA;;AACd,8BAAAP,cAAA,CAACC,oBAAUO,KAAK,EAAA;AAAC,oBAAA,QAAA,EAAA;;AACjB,8BAAAR,cAAA,CAACC,oBAAUQ,IAAI,EAAA;AAAC,oBAAA,QAAA,EAAA;;AAChB,8BAAAT,cAAA,CAACC,oBAAUS,KAAK,EAAA;AACX,oBAAA,QAAA,EAAA,CAACC,KAAAA,GACEA,KAAAA,CAAMC,SAAS,EAAED,MAAME,GAAAA,CAAI,CAACC,IAAAA,EAAMC,KAAAA,GAC9BD,KAAKE,IAAI,KAAK,MAAA,iBACVhB,cAAA,CAACC,oBAAUgB,IAAI,EAAA;AAA4BZ,gCAAAA,KAAAA,EAAOS,KAAKT;+BAAlC,CAAC,KAAK,EAAES,IAAAA,CAAKT,KAAK,EAAE,CAAA,iBAEzCL,cAAA,CAACC,oBAAUiB,QAAQ,EAAA;AAA2B,gCAAA,QAAA,EAAA;+BAArB,CAAC,SAAS,EAAEH,KAAAA,CAAAA,CAAO,CAAA;;AAK5D,8BAAAf,cAAA,CAACC,oBAAUkB,IAAI,EAAA;AAAC,oBAAA,QAAA,EAAA;;AAChB,8BAAAnB,cAAA,CAACC,oBAAUmB,IAAI,EAAA;AAAC,oBAAA,QAAA,EAAA;;;;;AAIhC;;;;"}

package/dist/cjs/data/PrimeColumn.js

@@ -1,23 +1,29 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var column = require('primereact/column');
 var properties = require('../properties.js');
+var Column = require('./Column.js');
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /**
  * 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.
+ * This renders {@link Column}, which is Cratis-owned rather than PrimeReact's: PrimeReact 11 removed
+ * `primereact/column` along with the table that walked it. Like its predecessor it is configuration
+ * rather than output - it renders nothing on its own and only means something inside a table - so a bare
+ * `column` on a screen looking blank is the component working, not failing.
+ *
+ * When a `column` element is nested under `dataTable` or `table`, the table reads its properties off the
+ * model rather than off this rendered output; see `columnDefinitions` for why that indirection exists and
+ * why PrimeReact 11 did not change it.
  */ function PrimeColumn({ element }) {
     const field = properties.stringProperty(element, 'field', '');
-    return /*#__PURE__*/ jsxRuntime.jsx(column.Column, {
+    return /*#__PURE__*/ jsxRuntime.jsx(Column.Column, {
         field: field,
         header: properties.stringProperty(element, 'header', field),
-        sortable: properties.booleanProperty(element, 'sortable', false)
+        sortable: properties.booleanProperty(element, 'sortable', false),
+        filter: properties.booleanProperty(element, 'filter', false)
     });
 }
 

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

@@ -1 +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,yBAAAA,CAAeF,OAAAA,EAAS,OAAA,EAAS,EAAA,CAAA;AAC/C,IAAA,qBAAOG,cAAA,CAACC,aAAAA,EAAAA;QAAOH,KAAAA,EAAOA,KAAAA;QAAOI,MAAAA,EAAQH,yBAAAA,CAAeF,SAAS,QAAA,EAAUC,KAAAA,CAAAA;QAAQK,QAAAA,EAAUC,0BAAAA,CAAgBP,SAAS,UAAA,EAAY,KAAA;;AAClI;;;;"}
+{"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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\nimport { Column } from './Column';\n\n/**\n * The `PrimeReact:column` component - one column of a table.\n *\n * This renders {@link Column}, which is Cratis-owned rather than PrimeReact's: PrimeReact 11 removed\n * `primereact/column` along with the table that walked it. Like its predecessor it is configuration\n * rather than output - it renders nothing on its own and only means something inside a table - so a bare\n * `column` on a screen looking blank is the component working, not failing.\n *\n * When a `column` element is nested under `dataTable` or `table`, the table reads its properties off the\n * model rather than off this rendered output; see `columnDefinitions` for why that indirection exists and\n * why PrimeReact 11 did not change it.\n */\nexport function PrimeColumn({ element }: RegisteredComponentProps) {\n    const field = stringProperty(element, 'field', '');\n    return (\n        <Column\n            field={field}\n            header={stringProperty(element, 'header', field)}\n            sortable={booleanProperty(element, 'sortable', false)}\n            filter={booleanProperty(element, 'filter', false)}\n        />\n    );\n}\n"],"names":["PrimeColumn","element","field","stringProperty","_jsx","Column","header","sortable","booleanProperty","filter"],"mappings":";;;;;;AAAA;AACA;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;IAC7D,MAAMC,KAAAA,GAAQC,yBAAAA,CAAeF,OAAAA,EAAS,OAAA,EAAS,EAAA,CAAA;AAC/C,IAAA,qBACIG,cAAA,CAACC,aAAAA,EAAAA;QACGH,KAAAA,EAAOA,KAAAA;QACPI,MAAAA,EAAQH,yBAAAA,CAAeF,SAAS,QAAA,EAAUC,KAAAA,CAAAA;QAC1CK,QAAAA,EAAUC,0BAAAA,CAAgBP,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CQ,MAAAA,EAAQD,0BAAAA,CAAgBP,SAAS,QAAA,EAAU,KAAA;;AAGvD;;;;"}