@cratis/scene.primereact 1.1.0 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"PrimePaginator.js","sources":["../../../data/PrimePaginator.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { Paginator } from 'primereact/paginator';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:paginator` component - page navigation for a list a screen paginates itself.\n *\n * Owns the current page locally so the control is operable in a preview; a Scene element has no place to\n * record which page the user is on.\n */\nexport function PrimePaginator({ element }: RegisteredComponentProps) {\n    const pageSize = numberProperty(element, 'pageSize', 10);\n    const [first, setFirst] = useState(numberProperty(element, 'first', 0));\n    const [rows, setRows] = useState(pageSize);\n    return (\n        <Paginator\n            data-scene-id={element.id}\n            first={first}\n            rows={rows}\n            totalRecords={numberProperty(element, 'totalRecords', 0)}\n            rowsPerPageOptions={[pageSize, pageSize * 2, pageSize * 5]}\n            onPageChange={(event) => {\n                setFirst(event.first);\n                setRows(event.rows);\n            }}\n        />\n    );\n}\n"],"names":["PrimePaginator","element","pageSize","numberProperty","first","setFirst","useState","rows","setRows","_jsx","Paginator","data-scene-id","id","totalRecords","rowsPerPageOptions","onPageChange","event"],"mappings":";;;;;AAQA;;;;;AAKC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;IAChE,MAAMC,QAAAA,GAAWC,cAAAA,CAAeF,OAAAA,EAAS,UAAA,EAAY,EAAA,CAAA;AACrD,IAAA,MAAM,CAACG,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAASH,cAAAA,CAAeF,SAAS,OAAA,EAAS,CAAA,CAAA,CAAA;AACpE,IAAA,MAAM,CAACM,IAAAA,EAAMC,OAAAA,CAAQ,GAAGF,QAAAA,CAASJ,QAAAA,CAAAA;AACjC,IAAA,qBACIO,GAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;QACzBR,KAAAA,EAAOA,KAAAA;QACPG,IAAAA,EAAMA,IAAAA;QACNM,YAAAA,EAAcV,cAAAA,CAAeF,SAAS,cAAA,EAAgB,CAAA,CAAA;QACtDa,kBAAAA,EAAoB;AAACZ,YAAAA,QAAAA;YAAUA,QAAAA,GAAW,CAAA;YAAGA,QAAAA,GAAW;AAAE,SAAA;AAC1Da,QAAAA,YAAAA,EAAc,CAACC,KAAAA,GAAAA;AACXX,YAAAA,QAAAA,CAASW,MAAMZ,KAAK,CAAA;AACpBI,YAAAA,OAAAA,CAAQQ,MAAMT,IAAI,CAAA;AACtB,QAAA;;AAGZ;;;;"}
+{"version":3,"file":"PrimePaginator.js","sources":["../../../data/PrimePaginator.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { numberProperty } from '../properties';\nimport { Pagination } from './Pagination';\n\n/**\n * The `PrimeReact:paginator` component - page navigation for a list a screen paginates itself.\n *\n * Owns the current page locally so the control is operable in a preview; a Scene element has no place to\n * record which page the user is on.\n *\n * The authored `first` property still names a record offset, as it did in PrimeReact 10, but PrimeReact\n * 11's paginator counts pages rather than records - so the offset is divided into a page number here,\n * with the page size floored at one so an authored zero cannot turn that division into a NaN page.\n * Keeping the property in record terms means a screen written for the previous version still lands on the\n * page it asked for. `rowsPerPageOptions` has no counterpart in PrimeReact 11 and is not carried over:\n * the new paginator has no rows-per-page control to put the options in.\n */\nexport function PrimePaginator({ element }: RegisteredComponentProps) {\n    const pageSize = Math.max(numberProperty(element, 'pageSize', 10), 1);\n    const [page, setPage] = useState(() => Math.floor(numberProperty(element, 'first', 0) / pageSize) + 1);\n    return (\n        <Pagination\n            sceneId={element.id}\n            page={page}\n            total={numberProperty(element, 'totalRecords', 0)}\n            itemsPerPage={pageSize}\n            onPageChange={setPage}\n        />\n    );\n}\n"],"names":["PrimePaginator","element","pageSize","Math","max","numberProperty","page","setPage","useState","floor","_jsx","Pagination","sceneId","id","total","itemsPerPage","onPageChange"],"mappings":";;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,MAAMC,WAAWC,IAAAA,CAAKC,GAAG,CAACC,cAAAA,CAAeJ,OAAAA,EAAS,YAAY,EAAA,CAAA,EAAK,CAAA,CAAA;AACnE,IAAA,MAAM,CAACK,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,QAAAA,CAAS,IAAML,IAAAA,CAAKM,KAAK,CAACJ,cAAAA,CAAeJ,OAAAA,EAAS,OAAA,EAAS,KAAKC,QAAAA,CAAAA,GAAY,CAAA,CAAA;AACpG,IAAA,qBACIQ,GAAA,CAACC,UAAAA,EAAAA;AACGC,QAAAA,OAAAA,EAASX,QAAQY,EAAE;QACnBP,IAAAA,EAAMA,IAAAA;QACNQ,KAAAA,EAAOT,cAAAA,CAAeJ,SAAS,cAAA,EAAgB,CAAA,CAAA;QAC/Cc,YAAAA,EAAcb,QAAAA;QACdc,YAAAA,EAAcT;;AAG1B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimePickList.d.ts","sourceRoot":"","sources":["../../../data/PrimePickList.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAY/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAkBlE"}
+{"version":3,"file":"PrimePickList.d.ts","sourceRoot":"","sources":["../../../data/PrimePickList.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAkDlE"}

package/dist/esm/data/PrimePickList.js

@@ -1,32 +1,92 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { PickList } from 'primereact/picklist';
+import { usePickList } from '@primereact/headless/picklist';
 import { optionsProperty, stringProperty } from '../properties.js';
+import { toSelectOptions } from './selectOptions.js';
 
 /**
  * The `PrimeReact:pickList` component - two lists with items moved between them.
  *
- * Both sides are held locally for the same reason {@link PrimeOrderList} holds its order: moving items is
- * what the component does, and a Scene element cannot record the result.
+ * Like {@link PrimeOrderList}, this is built on a headless hook because PrimeReact 11 ships no styled
+ * pick list: `usePickList` decides what a move does to each side and which move buttons are live, and the
+ * markup below is this package's own.
  *
- * In PrimeReact 11 this component becomes a hook rather than a component.
+ * Both sides are held locally for the same reason the order list holds its order - moving items is what
+ * the component does, and a Scene element cannot record the result. Selection is held locally too, but
+ * for a different reason: the hook reads it and only ever *prunes* it, when a selected item leaves the
+ * side it was on, so something has to add to it when the user picks a row.
  */ function PrimePickList({ element }) {
-    const [source, setSource] = useState(optionsProperty(element, 'source'));
-    const [target, setTarget] = useState(optionsProperty(element, 'target'));
-    return /*#__PURE__*/ jsx(PickList, {
-        "data-scene-id": element.id,
-        source: source,
-        target: target,
-        onChange: (event)=>{
-            setSource(event.source);
-            setTarget(event.target);
+    const [source, setSource] = useState(()=>optionsProperty(element, 'source'));
+    const [target, setTarget] = useState(()=>optionsProperty(element, 'target'));
+    const [selection, setSelection] = useState([]);
+    const pickListProps = {
+        source,
+        target,
+        selection,
+        onValueChange: (event)=>{
+            setSource(toSelectOptions(event.source));
+            setTarget(toSelectOptions(event.target));
         },
-        dataKey: "value",
-        sourceHeader: stringProperty(element, 'sourceHeader', 'Available'),
-        targetHeader: stringProperty(element, 'targetHeader', 'Selected'),
-        itemTemplate: (item)=>/*#__PURE__*/ jsx("span", {
-                children: item.label
-            })
+        onSelectionChange: (event)=>setSelection(toSelectOptions(event.value))
+    };
+    const pickList = usePickList(pickListProps);
+    const toggle = (item)=>setSelection((current)=>current.includes(item) ? current.filter((entry)=>entry !== item) : [
+                ...current,
+                item
+            ]);
+    const list = (heading, items, side, listProps)=>/*#__PURE__*/ jsxs("div", {
+            className: "flex flex-col gap-1",
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "font-semibold",
+                    children: heading
+                }),
+                /*#__PURE__*/ jsx("ul", {
+                    className: "flex flex-col border",
+                    role: "listbox",
+                    "aria-label": heading,
+                    "aria-multiselectable": true,
+                    ...listProps,
+                    children: items.map((item, index)=>/*#__PURE__*/ jsx("li", {
+                            role: "option",
+                            "aria-selected": selection.includes(item),
+                            className: "cursor-pointer px-3 py-1",
+                            onClick: ()=>toggle(item),
+                            ...pickList.getOptionProps(item, index, side),
+                            children: item.label
+                        }, item.value))
+                })
+            ]
+        });
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        className: "flex gap-2",
+        ...pickList.rootProps,
+        children: [
+            list(stringProperty(element, 'sourceHeader', 'Available'), source, 'source', pickList.sourceListProps),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex flex-col gap-1 self-center",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        ...pickList.moveToTargetProps,
+                        children: "›"
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        ...pickList.moveAllToTargetProps,
+                        children: "»"
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        ...pickList.moveToSourceProps,
+                        children: "‹"
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        ...pickList.moveAllToSourceProps,
+                        children: "«"
+                    })
+                ]
+            }),
+            list(stringProperty(element, 'targetHeader', 'Selected'), target, 'target', pickList.targetListProps)
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimePickList.js","sources":["../../../data/PrimePickList.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { PickList } from 'primereact/picklist';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { optionsProperty, stringProperty } from '../properties';\nimport { SelectOption } from '../SelectOption';\n\n/**\n * The `PrimeReact:pickList` component - two lists with items moved between them.\n *\n * Both sides are held locally for the same reason {@link PrimeOrderList} holds its order: moving items is\n * what the component does, and a Scene element cannot record the result.\n *\n * In PrimeReact 11 this component becomes a hook rather than a component.\n */\nexport function PrimePickList({ element }: RegisteredComponentProps) {\n    const [source, setSource] = useState<SelectOption[]>(optionsProperty(element, 'source'));\n    const [target, setTarget] = useState<SelectOption[]>(optionsProperty(element, 'target'));\n    return (\n        <PickList\n            data-scene-id={element.id}\n            source={source}\n            target={target}\n            onChange={(event) => {\n                setSource(event.source);\n                setTarget(event.target);\n            }}\n            dataKey='value'\n            sourceHeader={stringProperty(element, 'sourceHeader', 'Available')}\n            targetHeader={stringProperty(element, 'targetHeader', 'Selected')}\n            itemTemplate={(item: SelectOption) => <span>{item.label}</span>}\n        />\n    );\n}\n"],"names":["PrimePickList","element","source","setSource","useState","optionsProperty","target","setTarget","_jsx","PickList","data-scene-id","id","onChange","event","dataKey","sourceHeader","stringProperty","targetHeader","itemTemplate","item","span","label"],"mappings":";;;;;AASA;;;;;;;AAOC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGC,QAAAA,CAAyBC,gBAAgBJ,OAAAA,EAAS,QAAA,CAAA,CAAA;AAC9E,IAAA,MAAM,CAACK,MAAAA,EAAQC,SAAAA,CAAU,GAAGH,QAAAA,CAAyBC,gBAAgBJ,OAAAA,EAAS,QAAA,CAAA,CAAA;AAC9E,IAAA,qBACIO,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBT,MAAAA,EAAQA,MAAAA;QACRI,MAAAA,EAAQA,MAAAA;AACRM,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAAA;AACPV,YAAAA,SAAAA,CAAUU,MAAMX,MAAM,CAAA;AACtBK,YAAAA,SAAAA,CAAUM,MAAMP,MAAM,CAAA;AAC1B,QAAA,CAAA;QACAQ,OAAAA,EAAQ,OAAA;QACRC,YAAAA,EAAcC,cAAAA,CAAef,SAAS,cAAA,EAAgB,WAAA,CAAA;QACtDgB,YAAAA,EAAcD,cAAAA,CAAef,SAAS,cAAA,EAAgB,UAAA,CAAA;QACtDiB,YAAAA,EAAc,CAACC,qBAAuBX,GAAA,CAACY,MAAAA,EAAAA;AAAMD,gBAAAA,QAAAA,EAAAA,IAAAA,CAAKE;;;AAG9D;;;;"}
+{"version":3,"file":"PrimePickList.js","sources":["../../../data/PrimePickList.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { type UsePickListProps, usePickList } from '@primereact/headless/picklist';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { optionsProperty, stringProperty } from '../properties';\nimport { SelectOption } from '../SelectOption';\nimport { toSelectOptions } from './selectOptions';\n\n/**\n * The `PrimeReact:pickList` component - two lists with items moved between them.\n *\n * Like {@link PrimeOrderList}, this is built on a headless hook because PrimeReact 11 ships no styled\n * pick list: `usePickList` decides what a move does to each side and which move buttons are live, and the\n * markup below is this package's own.\n *\n * Both sides are held locally for the same reason the order list holds its order - moving items is what\n * the component does, and a Scene element cannot record the result. Selection is held locally too, but\n * for a different reason: the hook reads it and only ever *prunes* it, when a selected item leaves the\n * side it was on, so something has to add to it when the user picks a row.\n */\nexport function PrimePickList({ element }: RegisteredComponentProps) {\n    const [source, setSource] = useState<SelectOption[]>(() => optionsProperty(element, 'source'));\n    const [target, setTarget] = useState<SelectOption[]>(() => optionsProperty(element, 'target'));\n    const [selection, setSelection] = useState<SelectOption[]>([]);\n    const pickListProps: UsePickListProps<SelectOption> = {\n        source,\n        target,\n        selection,\n        onValueChange: (event) => {\n            setSource(toSelectOptions(event.source));\n            setTarget(toSelectOptions(event.target));\n        },\n        onSelectionChange: (event) => setSelection(toSelectOptions(event.value)),\n    };\n    const pickList = usePickList(pickListProps);\n\n    const toggle = (item: SelectOption) =>\n        setSelection((current) => (current.includes(item) ? current.filter((entry) => entry !== item) : [...current, item]));\n\n    const list = (heading: string, items: SelectOption[], side: 'source' | 'target', listProps: Record<string, unknown>) => (\n        <div className='flex flex-col gap-1'>\n            <span className='font-semibold'>{heading}</span>\n            <ul className='flex flex-col border' role='listbox' aria-label={heading} aria-multiselectable {...listProps}>\n                {items.map((item, index) => (\n                    <li\n                        key={item.value}\n                        role='option'\n                        aria-selected={selection.includes(item)}\n                        className='cursor-pointer px-3 py-1'\n                        onClick={() => toggle(item)}\n                        {...pickList.getOptionProps(item, index, side)}>\n                        {item.label}\n                    </li>\n                ))}\n            </ul>\n        </div>\n    );\n\n    return (\n        <div data-scene-id={element.id} className='flex gap-2' {...pickList.rootProps}>\n            {list(stringProperty(element, 'sourceHeader', 'Available'), source, 'source', pickList.sourceListProps)}\n            <div className='flex flex-col gap-1 self-center'>\n                <button {...pickList.moveToTargetProps}>›</button>\n                <button {...pickList.moveAllToTargetProps}>»</button>\n                <button {...pickList.moveToSourceProps}>‹</button>\n                <button {...pickList.moveAllToSourceProps}>«</button>\n            </div>\n            {list(stringProperty(element, 'targetHeader', 'Selected'), target, 'target', pickList.targetListProps)}\n        </div>\n    );\n}\n"],"names":["PrimePickList","element","source","setSource","useState","optionsProperty","target","setTarget","selection","setSelection","pickListProps","onValueChange","event","toSelectOptions","onSelectionChange","value","pickList","usePickList","toggle","item","current","includes","filter","entry","list","heading","items","side","listProps","_jsxs","div","className","_jsx","span","ul","role","aria-label","aria-multiselectable","map","index","li","aria-selected","onClick","getOptionProps","label","data-scene-id","id","rootProps","stringProperty","sourceListProps","button","moveToTargetProps","moveAllToTargetProps","moveToSourceProps","moveAllToSourceProps","targetListProps"],"mappings":";;;;;;AAUA;;;;;;;;;;;AAWC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGC,QAAAA,CAAyB,IAAMC,gBAAgBJ,OAAAA,EAAS,QAAA,CAAA,CAAA;AACpF,IAAA,MAAM,CAACK,MAAAA,EAAQC,SAAAA,CAAU,GAAGH,QAAAA,CAAyB,IAAMC,gBAAgBJ,OAAAA,EAAS,QAAA,CAAA,CAAA;AACpF,IAAA,MAAM,CAACO,SAAAA,EAAWC,YAAAA,CAAa,GAAGL,SAAyB,EAAE,CAAA;AAC7D,IAAA,MAAMM,aAAAA,GAAgD;AAClDR,QAAAA,MAAAA;AACAI,QAAAA,MAAAA;AACAE,QAAAA,SAAAA;AACAG,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAAA;YACZT,SAAAA,CAAUU,eAAAA,CAAgBD,MAAMV,MAAM,CAAA,CAAA;YACtCK,SAAAA,CAAUM,eAAAA,CAAgBD,MAAMN,MAAM,CAAA,CAAA;AAC1C,QAAA,CAAA;AACAQ,QAAAA,iBAAAA,EAAmB,CAACF,KAAAA,GAAUH,YAAAA,CAAaI,eAAAA,CAAgBD,MAAMG,KAAK,CAAA;AAC1E,KAAA;AACA,IAAA,MAAMC,WAAWC,WAAAA,CAAYP,aAAAA,CAAAA;AAE7B,IAAA,MAAMQ,SAAS,CAACC,IAAAA,GACZV,YAAAA,CAAa,CAACW,UAAaA,OAAAA,CAAQC,QAAQ,CAACF,IAAAA,CAAAA,GAAQC,QAAQE,MAAM,CAAC,CAACC,KAAAA,GAAUA,UAAUJ,IAAAA,CAAAA,GAAQ;AAAIC,gBAAAA,GAAAA,OAAAA;AAASD,gBAAAA;AAAK,aAAA,CAAA;AAEtH,IAAA,MAAMK,OAAO,CAACC,OAAAA,EAAiBC,KAAAA,EAAuBC,IAAAA,EAA2BC,0BAC7EC,IAAA,CAACC,KAAAA,EAAAA;YAAIC,SAAAA,EAAU,qBAAA;;8BACXC,GAAA,CAACC,MAAAA,EAAAA;oBAAKF,SAAAA,EAAU,eAAA;AAAiBN,oBAAAA,QAAAA,EAAAA;;8BACjCO,GAAA,CAACE,IAAAA,EAAAA;oBAAGH,SAAAA,EAAU,sBAAA;oBAAuBI,IAAAA,EAAK,SAAA;oBAAUC,YAAAA,EAAYX,OAAAA;oBAASY,sBAAoB,EAAA,IAAA;AAAE,oBAAA,GAAGT,SAAS;AACtGF,oBAAAA,QAAAA,EAAAA,KAAAA,CAAMY,GAAG,CAAC,CAACnB,IAAAA,EAAMoB,sBACdP,GAAA,CAACQ,IAAAA,EAAAA;4BAEGL,IAAAA,EAAK,QAAA;4BACLM,eAAAA,EAAejC,SAAAA,CAAUa,QAAQ,CAACF,IAAAA,CAAAA;4BAClCY,SAAAA,EAAU,0BAAA;AACVW,4BAAAA,OAAAA,EAAS,IAAMxB,MAAAA,CAAOC,IAAAA,CAAAA;AACrB,4BAAA,GAAGH,QAAAA,CAAS2B,cAAc,CAACxB,IAAAA,EAAMoB,OAAOZ,IAAAA,CAAK;AAC7CR,4BAAAA,QAAAA,EAAAA,IAAAA,CAAKyB;AANDzB,yBAAAA,EAAAA,IAAAA,CAAKJ,KAAK,CAAA;;;;AAanC,IAAA,qBACIc,IAAA,CAACC,KAAAA,EAAAA;AAAIe,QAAAA,eAAAA,EAAe5C,QAAQ6C,EAAE;QAAEf,SAAAA,EAAU,YAAA;AAAc,QAAA,GAAGf,SAAS+B,SAAS;;AACxEvB,YAAAA,IAAAA,CAAKwB,eAAe/C,OAAAA,EAAS,cAAA,EAAgB,cAAcC,MAAAA,EAAQ,QAAA,EAAUc,SAASiC,eAAe,CAAA;0BACtGpB,IAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,iCAAA;;kCACXC,GAAA,CAACkB,QAAAA,EAAAA;AAAQ,wBAAA,GAAGlC,SAASmC,iBAAiB;AAAE,wBAAA,QAAA,EAAA;;kCACxCnB,GAAA,CAACkB,QAAAA,EAAAA;AAAQ,wBAAA,GAAGlC,SAASoC,oBAAoB;AAAE,wBAAA,QAAA,EAAA;;kCAC3CpB,GAAA,CAACkB,QAAAA,EAAAA;AAAQ,wBAAA,GAAGlC,SAASqC,iBAAiB;AAAE,wBAAA,QAAA,EAAA;;kCACxCrB,GAAA,CAACkB,QAAAA,EAAAA;AAAQ,wBAAA,GAAGlC,SAASsC,oBAAoB;AAAE,wBAAA,QAAA,EAAA;;;;AAE9C9B,YAAAA,IAAAA,CAAKwB,eAAe/C,OAAAA,EAAS,cAAA,EAAgB,aAAaK,MAAAA,EAAQ,QAAA,EAAUU,SAASuC,eAAe;;;AAGjH;;;;"}

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

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

package/dist/esm/data/PrimeTimeline.js

@@ -5,36 +5,72 @@ import { stringProperty, recordArrayProperty } from '../properties.js';
 /**
  * The `PrimeReact:timeline` component - events laid out along an axis.
  *
- * Supplies its own content and opposite templates from the `titleField`, `descriptionField` and
- * `dateField` properties, because Timeline renders only the connector line without them.
+ * PrimeReact 11 replaced the `value` / `content` / `opposite` render props with a composition: a root
+ * that carries only alignment and orientation, and event, opposite, separator, marker, connector and
+ * content parts the caller assembles per event. The adapter walks the events itself and builds that
+ * structure from the `titleField`, `descriptionField` and `dateField` properties.
+ *
+ * The connector is left off the last event on purpose - it is the line *between* two events, and drawing
+ * one after the final marker makes the timeline look truncated rather than finished.
+ *
+ * The authored property is still called `layout`, as in PrimeReact 10, even though the prop it feeds is
+ * now `orientation`; renaming it would break every screen for no gain the author can see.
  */ function PrimeTimeline({ element }) {
     const titleField = stringProperty(element, 'titleField', 'title');
     const descriptionField = stringProperty(element, 'descriptionField', 'description');
     const dateField = stringProperty(element, 'dateField', 'date');
-    return /*#__PURE__*/ jsx(Timeline, {
+    const events = recordArrayProperty(element, 'events');
+    return /*#__PURE__*/ jsx(Timeline.Root, {
         "data-scene-id": element.id,
-        value: recordArrayProperty(element, 'events'),
-        align: stringProperty(element, 'align', 'left'),
-        layout: stringProperty(element, 'layout', 'vertical'),
-        opposite: (event)=>/*#__PURE__*/ jsx("span", {
-                className: "text-sm opacity-75",
-                children: String(event[dateField] ?? '')
-            }),
-        content: (event)=>/*#__PURE__*/ jsxs("div", {
-                className: "flex flex-col",
+        align: alignmentOf(stringProperty(element, 'align', 'left')),
+        orientation: orientationOf(stringProperty(element, 'layout', 'vertical')),
+        children: events.map((event, index)=>/*#__PURE__*/ jsxs(Timeline.Event, {
                 children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "font-semibold",
-                        children: String(event[titleField] ?? '')
+                    /*#__PURE__*/ jsx(Timeline.Opposite, {
+                        children: /*#__PURE__*/ jsx("span", {
+                            className: "text-sm opacity-75",
+                            children: String(event[dateField] ?? '')
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(Timeline.Separator, {
+                        children: [
+                            /*#__PURE__*/ jsx(Timeline.Marker, {}),
+                            index < events.length - 1 && /*#__PURE__*/ jsx(Timeline.Connector, {})
+                        ]
                     }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "text-sm opacity-75",
-                        children: String(event[descriptionField] ?? '')
+                    /*#__PURE__*/ jsx(Timeline.Content, {
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "flex flex-col",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "font-semibold",
+                                    children: String(event[titleField] ?? '')
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "text-sm opacity-75",
+                                    children: String(event[descriptionField] ?? '')
+                                })
+                            ]
+                        })
                     })
                 ]
-            })
+            }, index))
     });
 }
+function alignmentOf(value) {
+    switch(value){
+        case 'right':
+        case 'alternate':
+        case 'top':
+        case 'bottom':
+            return value;
+        default:
+            return 'left';
+    }
+}
+function orientationOf(value) {
+    return value === 'horizontal' ? 'horizontal' : 'vertical';
+}
 
 export { PrimeTimeline };
 //# sourceMappingURL=PrimeTimeline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTimeline.js","sources":["../../../data/PrimeTimeline.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 { Timeline } from 'primereact/timeline';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:timeline` component - events laid out along an axis.\n *\n * Supplies its own content and opposite templates from the `titleField`, `descriptionField` and\n * `dateField` properties, because Timeline renders only the connector line without them.\n */\nexport function PrimeTimeline({ element }: RegisteredComponentProps) {\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    const dateField = stringProperty(element, 'dateField', 'date');\n    return (\n        <Timeline\n            data-scene-id={element.id}\n            value={recordArrayProperty(element, 'events')}\n            align={stringProperty(element, 'align', 'left') as 'left' | 'right' | 'alternate' | 'top' | 'bottom'}\n            layout={stringProperty(element, 'layout', 'vertical') as 'vertical' | 'horizontal'}\n            opposite={(event: Record<string, unknown>) => <span className='text-sm opacity-75'>{String(event[dateField] ?? '')}</span>}\n            content={(event: Record<string, unknown>) => (\n                <div className='flex flex-col'>\n                    <span className='font-semibold'>{String(event[titleField] ?? '')}</span>\n                    <span className='text-sm opacity-75'>{String(event[descriptionField] ?? '')}</span>\n                </div>\n            )}\n        />\n    );\n}\n"],"names":["PrimeTimeline","element","titleField","stringProperty","descriptionField","dateField","_jsx","Timeline","data-scene-id","id","value","recordArrayProperty","align","layout","opposite","event","span","className","String","content","_jsxs","div"],"mappings":";;;;AAOA;;;;;AAKC,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,SAAAA,GAAYF,cAAAA,CAAeF,OAAAA,EAAS,WAAA,EAAa,MAAA,CAAA;AACvD,IAAA,qBACIK,GAAA,CAACC,QAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,oBAAoBV,OAAAA,EAAS,QAAA,CAAA;QACpCW,KAAAA,EAAOT,cAAAA,CAAeF,SAAS,OAAA,EAAS,MAAA,CAAA;QACxCY,MAAAA,EAAQV,cAAAA,CAAeF,SAAS,QAAA,EAAU,UAAA,CAAA;QAC1Ca,QAAAA,EAAU,CAACC,sBAAmCT,GAAA,CAACU,MAAAA,EAAAA;gBAAKC,SAAAA,EAAU,oBAAA;0BAAsBC,MAAAA,CAAOH,KAAK,CAACV,SAAAA,CAAU,IAAI,EAAA;;QAC/Gc,OAAAA,EAAS,CAACJ,sBACNK,IAAA,CAACC,KAAAA,EAAAA;gBAAIJ,SAAAA,EAAU,eAAA;;kCACXX,GAAA,CAACU,MAAAA,EAAAA;wBAAKC,SAAAA,EAAU,eAAA;kCAAiBC,MAAAA,CAAOH,KAAK,CAACb,UAAAA,CAAW,IAAI,EAAA;;kCAC7DI,GAAA,CAACU,MAAAA,EAAAA;wBAAKC,SAAAA,EAAU,oBAAA;kCAAsBC,MAAAA,CAAOH,KAAK,CAACX,gBAAAA,CAAiB,IAAI,EAAA;;;;;AAK5F;;;;"}
+{"version":3,"file":"PrimeTimeline.js","sources":["../../../data/PrimeTimeline.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 { Timeline } from 'primereact/timeline';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:timeline` component - events laid out along an axis.\n *\n * PrimeReact 11 replaced the `value` / `content` / `opposite` render props with a composition: a root\n * that carries only alignment and orientation, and event, opposite, separator, marker, connector and\n * content parts the caller assembles per event. The adapter walks the events itself and builds that\n * structure from the `titleField`, `descriptionField` and `dateField` properties.\n *\n * The connector is left off the last event on purpose - it is the line *between* two events, and drawing\n * one after the final marker makes the timeline look truncated rather than finished.\n *\n * The authored property is still called `layout`, as in PrimeReact 10, even though the prop it feeds is\n * now `orientation`; renaming it would break every screen for no gain the author can see.\n */\nexport function PrimeTimeline({ element }: RegisteredComponentProps) {\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    const dateField = stringProperty(element, 'dateField', 'date');\n    const events = recordArrayProperty(element, 'events');\n\n    return (\n        <Timeline.Root\n            data-scene-id={element.id}\n            align={alignmentOf(stringProperty(element, 'align', 'left'))}\n            orientation={orientationOf(stringProperty(element, 'layout', 'vertical'))}>\n            {events.map((event, index) => (\n                <Timeline.Event key={index}>\n                    <Timeline.Opposite>\n                        <span className='text-sm opacity-75'>{String(event[dateField] ?? '')}</span>\n                    </Timeline.Opposite>\n                    <Timeline.Separator>\n                        <Timeline.Marker />\n                        {index < events.length - 1 && <Timeline.Connector />}\n                    </Timeline.Separator>\n                    <Timeline.Content>\n                        <div className='flex flex-col'>\n                            <span className='font-semibold'>{String(event[titleField] ?? '')}</span>\n                            <span className='text-sm opacity-75'>{String(event[descriptionField] ?? '')}</span>\n                        </div>\n                    </Timeline.Content>\n                </Timeline.Event>\n            ))}\n        </Timeline.Root>\n    );\n}\n\nfunction alignmentOf(value: string): 'left' | 'right' | 'alternate' | 'top' | 'bottom' {\n    switch (value) {\n        case 'right':\n        case 'alternate':\n        case 'top':\n        case 'bottom':\n            return value;\n        default:\n            return 'left';\n    }\n}\n\nfunction orientationOf(value: string): 'horizontal' | 'vertical' {\n    return value === 'horizontal' ? 'horizontal' : 'vertical';\n}\n"],"names":["PrimeTimeline","element","titleField","stringProperty","descriptionField","dateField","events","recordArrayProperty","_jsx","Timeline","Root","data-scene-id","id","align","alignmentOf","orientation","orientationOf","map","event","index","_jsxs","Event","Opposite","span","className","String","Separator","Marker","length","Connector","Content","div","value"],"mappings":";;;;AAOA;;;;;;;;;;;;;AAaC,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,SAAAA,GAAYF,cAAAA,CAAeF,OAAAA,EAAS,WAAA,EAAa,MAAA,CAAA;IACvD,MAAMK,MAAAA,GAASC,oBAAoBN,OAAAA,EAAS,QAAA,CAAA;IAE5C,qBACIO,GAAA,CAACC,SAASC,IAAI,EAAA;AACVC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;QACzBC,KAAAA,EAAOC,WAAAA,CAAYX,cAAAA,CAAeF,OAAAA,EAAS,OAAA,EAAS,MAAA,CAAA,CAAA;QACpDc,WAAAA,EAAaC,aAAAA,CAAcb,cAAAA,CAAeF,OAAAA,EAAS,QAAA,EAAU,UAAA,CAAA,CAAA;AAC5DK,QAAAA,QAAAA,EAAAA,MAAAA,CAAOW,GAAG,CAAC,CAACC,OAAOC,KAAAA,iBAChBC,IAAA,CAACX,SAASY,KAAK,EAAA;;AACX,kCAAAb,GAAA,CAACC,SAASa,QAAQ,EAAA;AACd,wBAAA,QAAA,gBAAAd,GAAA,CAACe,MAAAA,EAAAA;4BAAKC,SAAAA,EAAU,oBAAA;sCAAsBC,MAAAA,CAAOP,KAAK,CAACb,SAAAA,CAAU,IAAI,EAAA;;;AAErE,kCAAAe,IAAA,CAACX,SAASiB,SAAS,EAAA;;AACf,0CAAAlB,GAAA,CAACC,SAASkB,MAAM,EAAA,EAAA,CAAA;AACfR,4BAAAA,KAAAA,GAAQb,OAAOsB,MAAM,GAAG,CAAA,kBAAKpB,GAAA,CAACC,SAASoB,SAAS,EAAA,EAAA;;;AAErD,kCAAArB,GAAA,CAACC,SAASqB,OAAO,EAAA;AACb,wBAAA,QAAA,gBAAAV,IAAA,CAACW,KAAAA,EAAAA;4BAAIP,SAAAA,EAAU,eAAA;;8CACXhB,GAAA,CAACe,MAAAA,EAAAA;oCAAKC,SAAAA,EAAU,eAAA;8CAAiBC,MAAAA,CAAOP,KAAK,CAAChB,UAAAA,CAAW,IAAI,EAAA;;8CAC7DM,GAAA,CAACe,MAAAA,EAAAA;oCAAKC,SAAAA,EAAU,oBAAA;8CAAsBC,MAAAA,CAAOP,KAAK,CAACd,gBAAAA,CAAiB,IAAI,EAAA;;;;;;AAX/De,aAAAA,EAAAA,KAAAA,CAAAA;;AAkBrC;AAEA,SAASL,YAAYkB,KAAa,EAAA;IAC9B,OAAQA,KAAAA;QACJ,KAAK,OAAA;QACL,KAAK,WAAA;QACL,KAAK,KAAA;QACL,KAAK,QAAA;YACD,OAAOA,KAAAA;AACX,QAAA;YACI,OAAO,MAAA;AACf;AACJ;AAEA,SAAShB,cAAcgB,KAAa,EAAA;IAChC,OAAOA,KAAAA,KAAU,eAAe,YAAA,GAAe,UAAA;AACnD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTree.d.ts","sourceRoot":"","sources":["../../../data/PrimeTree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAO/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAS9D"}
+{"version":3,"file":"PrimeTree.d.ts","sourceRoot":"","sources":["../../../data/PrimeTree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAsB9D"}

package/dist/esm/data/PrimeTree.js

@@ -1,16 +1,55 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Tree } from 'primereact/tree';
 import { booleanProperty } from '../properties.js';
 import { treeNodesProperty } from '../treeNodes.js';
+import { toPrimeTreeNodes } from './primeTreeNodes.js';
 
 /**
  * The `PrimeReact:tree` component - a hierarchy the user can expand and collapse.
+ *
+ * PrimeReact 11 renders the tree through a flat iterator: `Tree.Nodes` calls its child once per *visible*
+ * node, already flattened, and the indentation comes from a level custom property rather than from
+ * nesting. That is why this looks like a list even though it draws a tree - the recursion happens in the
+ * root, which resolves each node by key, and the adapter only has to say what one row looks like.
+ *
+ * The two toggle indicators are matched on state rather than swapped in code so that the collapsed and
+ * expanded glyphs are both declared up front; `Tree.Toggle` renders a spacer instead of a button for a
+ * leaf, which keeps every row's label on the same left edge.
  */ function PrimeTree({ element }) {
-    return /*#__PURE__*/ jsx(Tree, {
+    return /*#__PURE__*/ jsxs(Tree.Root, {
         "data-scene-id": element.id,
-        value: treeNodesProperty(element, 'nodes'),
-        filter: booleanProperty(element, 'filter', false),
-        selectionMode: booleanProperty(element, 'selectable', false) ? 'single' : undefined
+        value: toPrimeTreeNodes(treeNodesProperty(element, 'nodes')),
+        selectionMode: booleanProperty(element, 'selectable', false) ? 'single' : undefined,
+        children: [
+            booleanProperty(element, 'filter', false) && /*#__PURE__*/ jsx(Tree.Filter, {
+                as: "input",
+                placeholder: "Search"
+            }),
+            /*#__PURE__*/ jsx(Tree.Nodes, {
+                children: (row)=>/*#__PURE__*/ jsx(Tree.Node, {
+                        uKey: row.node.key,
+                        children: /*#__PURE__*/ jsxs(Tree.Content, {
+                            children: [
+                                /*#__PURE__*/ jsxs(Tree.Toggle, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Tree.ToggleIndicator, {
+                                            match: "collapsed",
+                                            children: "▸"
+                                        }),
+                                        /*#__PURE__*/ jsx(Tree.ToggleIndicator, {
+                                            match: "expanded",
+                                            children: "▾"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Tree.Label, {
+                                    children: row.node.label
+                                })
+                            ]
+                        })
+                    })
+            })
+        ]
     });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeTree.js","sources":["../../../data/PrimeTree.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 { Tree } from 'primereact/tree';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty } from '../properties';\nimport { treeNodesProperty } from '../treeNodes';\n\n/**\n * The `PrimeReact:tree` component - a hierarchy the user can expand and collapse.\n */\nexport function PrimeTree({ element }: RegisteredComponentProps) {\n    return (\n        <Tree\n            data-scene-id={element.id}\n            value={treeNodesProperty(element, 'nodes')}\n            filter={booleanProperty(element, 'filter', false)}\n            selectionMode={booleanProperty(element, 'selectable', false) ? 'single' : undefined}\n        />\n    );\n}\n"],"names":["PrimeTree","element","_jsx","Tree","data-scene-id","id","value","treeNodesProperty","filter","booleanProperty","selectionMode","undefined"],"mappings":";;;;;AAQA;;AAEC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAA4B,EAAA;AAC3D,IAAA,qBACIC,GAAA,CAACC,IAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,kBAAkBN,OAAAA,EAAS,OAAA,CAAA;QAClCO,MAAAA,EAAQC,eAAAA,CAAgBR,SAAS,QAAA,EAAU,KAAA,CAAA;AAC3CS,QAAAA,aAAAA,EAAeD,eAAAA,CAAgBR,OAAAA,EAAS,YAAA,EAAc,KAAA,CAAA,GAAS,QAAA,GAAWU;;AAGtF;;;;"}
+{"version":3,"file":"PrimeTree.js","sources":["../../../data/PrimeTree.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 { Tree, type TreeNodeRow } from 'primereact/tree';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty } from '../properties';\nimport { treeNodesProperty } from '../treeNodes';\nimport { toPrimeTreeNodes } from './primeTreeNodes';\n\n/**\n * The `PrimeReact:tree` component - a hierarchy the user can expand and collapse.\n *\n * PrimeReact 11 renders the tree through a flat iterator: `Tree.Nodes` calls its child once per *visible*\n * node, already flattened, and the indentation comes from a level custom property rather than from\n * nesting. That is why this looks like a list even though it draws a tree - the recursion happens in the\n * root, which resolves each node by key, and the adapter only has to say what one row looks like.\n *\n * The two toggle indicators are matched on state rather than swapped in code so that the collapsed and\n * expanded glyphs are both declared up front; `Tree.Toggle` renders a spacer instead of a button for a\n * leaf, which keeps every row's label on the same left edge.\n */\nexport function PrimeTree({ element }: RegisteredComponentProps) {\n    return (\n        <Tree.Root\n            data-scene-id={element.id}\n            value={toPrimeTreeNodes(treeNodesProperty(element, 'nodes'))}\n            selectionMode={booleanProperty(element, 'selectable', false) ? 'single' : undefined}>\n            {booleanProperty(element, 'filter', false) && <Tree.Filter as='input' placeholder='Search' />}\n            <Tree.Nodes>\n                {(row: TreeNodeRow) => (\n                    <Tree.Node uKey={row.node.key}>\n                        <Tree.Content>\n                            <Tree.Toggle>\n                                <Tree.ToggleIndicator match='collapsed'>▸</Tree.ToggleIndicator>\n                                <Tree.ToggleIndicator match='expanded'>▾</Tree.ToggleIndicator>\n                            </Tree.Toggle>\n                            <Tree.Label>{row.node.label}</Tree.Label>\n                        </Tree.Content>\n                    </Tree.Node>\n                )}\n            </Tree.Nodes>\n        </Tree.Root>\n    );\n}\n"],"names":["PrimeTree","element","_jsxs","Tree","Root","data-scene-id","id","value","toPrimeTreeNodes","treeNodesProperty","selectionMode","booleanProperty","undefined","_jsx","Filter","as","placeholder","Nodes","row","Node","uKey","node","key","Content","Toggle","ToggleIndicator","match","Label","label"],"mappings":";;;;;;AASA;;;;;;;;;;;AAWC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAA4B,EAAA;IAC3D,qBACIC,IAAA,CAACC,KAAKC,IAAI,EAAA;AACNC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QACzBC,KAAAA,EAAOC,gBAAAA,CAAiBC,kBAAkBR,OAAAA,EAAS,OAAA,CAAA,CAAA;AACnDS,QAAAA,aAAAA,EAAeC,eAAAA,CAAgBV,OAAAA,EAAS,YAAA,EAAc,KAAA,CAAA,GAAS,QAAA,GAAWW,SAAAA;;AACzED,YAAAA,eAAAA,CAAgBV,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA,kBAAUY,GAAA,CAACV,KAAKW,MAAM,EAAA;gBAACC,EAAAA,EAAG,OAAA;gBAAQC,WAAAA,EAAY;;AAClF,0BAAAH,GAAA,CAACV,KAAKc,KAAK,EAAA;0BACN,CAACC,GAAAA,iBACEL,GAAA,CAACV,IAAAA,CAAKgB,IAAI,EAAA;wBAACC,IAAAA,EAAMF,GAAAA,CAAIG,IAAI,CAACC,GAAG;gDACzBpB,IAAA,CAACC,KAAKoB,OAAO,EAAA;;AACT,8CAAArB,IAAA,CAACC,KAAKqB,MAAM,EAAA;;AACR,sDAAAX,GAAA,CAACV,KAAKsB,eAAe,EAAA;4CAACC,KAAAA,EAAM,WAAA;AAAY,4CAAA,QAAA,EAAA;;AACxC,sDAAAb,GAAA,CAACV,KAAKsB,eAAe,EAAA;4CAACC,KAAAA,EAAM,UAAA;AAAW,4CAAA,QAAA,EAAA;;;;AAE3C,8CAAAb,GAAA,CAACV,KAAKwB,KAAK,EAAA;8CAAET,GAAAA,CAAIG,IAAI,CAACO;;;;;;;;AAOlD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"columnDefinitions.d.ts","sourceRoot":"","sources":["../../../data/columnDefinitions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAwBtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAcjH"}
+{"version":3,"file":"columnDefinitions.d.ts","sourceRoot":"","sources":["../../../data/columnDefinitions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA0BtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAcjH"}

package/dist/esm/data/columnDefinitions.js

@@ -16,9 +16,11 @@ import { recordArrayProperty, stringArrayProperty } from '../properties.js';
  * an empty grid they have to debug.
  *
  * Note that the children are read from `element.slots` - the *model* - and not from the rendered React
- * nodes the adapter is handed. PrimeReact's DataTable identifies its columns by React element type, so a
- * Scene adapter wrapping `Column` would not be recognized as one; reading the definitions off the model
- * and constructing real `Column` elements is what makes nested `column` children work at all.
+ * nodes the adapter is handed. Those nodes are `PrimeColumn` adapters produced by Scene's renderer, one
+ * level removed from the `Column` declarations they render, so no amount of inspecting them recovers the
+ * declaration. Reading the model instead is what makes nested `column` children work at all, and it is
+ * why this derivation survived PrimeReact 11 removing `primereact/column` unchanged: it never depended
+ * on the component in the first place.
  *
  * @param element The table element.
  * @param rows The rows the table will show, used for the inference step.

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

@@ -1 +1 @@
-{"version":3,"file":"columnDefinitions.js","sources":["../../../data/columnDefinitions.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 { ExternalComponent, SceneElement } from '@cratis/scene.model';\nimport { recordArrayProperty, stringArrayProperty } from '../properties';\nimport { ColumnDefinition } from './ColumnDefinition';\n\n/**\n * Works out a table's columns, preferring what the screen said most explicitly.\n *\n * There are three ways a screen can express columns, and this walks them in order of intent:\n *\n * 1. Nested `column` children. Screenplay's screen vocabulary produces these, so they come first.\n * 2. A `columns` property, for a screen that would rather configure the table than nest elements.\n * 3. Nothing at all - in which case the keys of the first row are used.\n *\n * The third step matters more than it looks: a table given rows and no column configuration is the most\n * common thing an author writes first, and inferring the columns means it renders their data instead of\n * an empty grid they have to debug.\n *\n * Note that the children are read from `element.slots` - the *model* - and not from the rendered React\n * nodes the adapter is handed. PrimeReact's DataTable identifies its columns by React element type, so a\n * Scene adapter wrapping `Column` would not be recognized as one; reading the definitions off the model\n * and constructing real `Column` elements is what makes nested `column` children work at all.\n *\n * @param element The table element.\n * @param rows The rows the table will show, used for the inference step.\n * @returns The column definitions, in order.\n */\nexport function columnDefinitions(element: ExternalComponent, rows: Record<string, unknown>[]): ColumnDefinition[] {\n    const children = [...(element.slots.columns ?? []), ...(element.slots.content ?? [])];\n    const fromChildren = children.map(toColumnDefinition).filter((column): column is ColumnDefinition => column !== undefined);\n    if (fromChildren.length > 0) return fromChildren;\n\n    const fromProperty = recordArrayProperty(element, 'columns')\n        .map((column) => toColumnDefinition({ id: '', properties: column }))\n        .filter((column): column is ColumnDefinition => column !== undefined);\n    if (fromProperty.length > 0) return fromProperty;\n\n    const fromNames = stringArrayProperty(element, 'columns').map((field) => ({ field, header: field, sortable: false }));\n    if (fromNames.length > 0) return fromNames;\n\n    return Object.keys(rows[0] ?? {}).map((field) => ({ field, header: field, sortable: false }));\n}\n\nfunction toColumnDefinition(element: SceneElement): ColumnDefinition | undefined {\n    const field = element.properties.field;\n    const header = element.properties.header ?? element.properties.label;\n    if (typeof field !== 'string') return undefined;\n    return {\n        field,\n        header: typeof header === 'string' ? header : field,\n        sortable: element.properties.sortable === true,\n    };\n}\n"],"names":["columnDefinitions","element","rows","children","slots","columns","content","fromChildren","map","toColumnDefinition","filter","column","undefined","length","fromProperty","recordArrayProperty","properties","fromNames","stringArrayProperty","field","header","sortable","Object","keys","label"],"mappings":";;AAAA;AACA;AAMA;;;;;;;;;;;;;;;;;;;;;AAqBC,IACM,SAASA,iBAAAA,CAAkBC,OAA0B,EAAEC,IAA+B,EAAA;AACzF,IAAA,MAAMC,QAAAA,GAAW;AAAKF,QAAAA,GAAAA,OAAAA,CAAQG,KAAK,CAACC,OAAO,IAAI,EAAE;AAAOJ,QAAAA,GAAAA,OAAAA,CAAQG,KAAK,CAACE,OAAO,IAAI;AAAI,KAAA;IACrF,MAAMC,YAAAA,GAAeJ,SAASK,GAAG,CAACC,oBAAoBC,MAAM,CAAC,CAACC,MAAAA,GAAuCA,MAAAA,KAAWC,SAAAA,CAAAA;AAChH,IAAA,IAAIL,YAAAA,CAAaM,MAAM,GAAG,CAAA,EAAG,OAAON,YAAAA;IAEpC,MAAMO,YAAAA,GAAeC,oBAAoBd,OAAAA,EAAS,SAAA,CAAA,CAC7CO,GAAG,CAAC,CAACG,SAAWF,kBAAAA,CAAmB;YAAUO,UAAAA,EAAYL;AAAO,SAAA,CAAA,CAAA,CAChED,MAAM,CAAC,CAACC,MAAAA,GAAuCA,MAAAA,KAAWC,SAAAA,CAAAA;AAC/D,IAAA,IAAIE,YAAAA,CAAaD,MAAM,GAAG,CAAA,EAAG,OAAOC,YAAAA;IAEpC,MAAMG,SAAAA,GAAYC,oBAAoBjB,OAAAA,EAAS,SAAA,CAAA,CAAWO,GAAG,CAAC,CAACW,SAAW;AAAEA,YAAAA,KAAAA;YAAOC,MAAAA,EAAQD,KAAAA;YAAOE,QAAAA,EAAU;SAAM,CAAA,CAAA;AAClH,IAAA,IAAIJ,SAAAA,CAAUJ,MAAM,GAAG,CAAA,EAAG,OAAOI,SAAAA;AAEjC,IAAA,OAAOK,MAAAA,CAAOC,IAAI,CAACrB,IAAI,CAAC,CAAA,CAAE,IAAI,EAAC,CAAA,CAAGM,GAAG,CAAC,CAACW,SAAW;AAAEA,YAAAA,KAAAA;YAAOC,MAAAA,EAAQD,KAAAA;YAAOE,QAAAA,EAAU;SAAM,CAAA,CAAA;AAC9F;AAEA,SAASZ,mBAAmBR,OAAqB,EAAA;AAC7C,IAAA,MAAMkB,KAAAA,GAAQlB,OAAAA,CAAQe,UAAU,CAACG,KAAK;IACtC,MAAMC,MAAAA,GAASnB,QAAQe,UAAU,CAACI,MAAM,IAAInB,OAAAA,CAAQe,UAAU,CAACQ,KAAK;IACpE,IAAI,OAAOL,KAAAA,KAAU,QAAA,EAAU,OAAOP,SAAAA;IACtC,OAAO;AACHO,QAAAA,KAAAA;QACAC,MAAAA,EAAQ,OAAOA,MAAAA,KAAW,QAAA,GAAWA,MAAAA,GAASD,KAAAA;AAC9CE,QAAAA,QAAAA,EAAUpB,OAAAA,CAAQe,UAAU,CAACK,QAAQ,KAAK;AAC9C,KAAA;AACJ;;;;"}
+{"version":3,"file":"columnDefinitions.js","sources":["../../../data/columnDefinitions.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 { ExternalComponent, SceneElement } from '@cratis/scene.model';\nimport { recordArrayProperty, stringArrayProperty } from '../properties';\nimport { ColumnDefinition } from './ColumnDefinition';\n\n/**\n * Works out a table's columns, preferring what the screen said most explicitly.\n *\n * There are three ways a screen can express columns, and this walks them in order of intent:\n *\n * 1. Nested `column` children. Screenplay's screen vocabulary produces these, so they come first.\n * 2. A `columns` property, for a screen that would rather configure the table than nest elements.\n * 3. Nothing at all - in which case the keys of the first row are used.\n *\n * The third step matters more than it looks: a table given rows and no column configuration is the most\n * common thing an author writes first, and inferring the columns means it renders their data instead of\n * an empty grid they have to debug.\n *\n * Note that the children are read from `element.slots` - the *model* - and not from the rendered React\n * nodes the adapter is handed. Those nodes are `PrimeColumn` adapters produced by Scene's renderer, one\n * level removed from the `Column` declarations they render, so no amount of inspecting them recovers the\n * declaration. Reading the model instead is what makes nested `column` children work at all, and it is\n * why this derivation survived PrimeReact 11 removing `primereact/column` unchanged: it never depended\n * on the component in the first place.\n *\n * @param element The table element.\n * @param rows The rows the table will show, used for the inference step.\n * @returns The column definitions, in order.\n */\nexport function columnDefinitions(element: ExternalComponent, rows: Record<string, unknown>[]): ColumnDefinition[] {\n    const children = [...(element.slots.columns ?? []), ...(element.slots.content ?? [])];\n    const fromChildren = children.map(toColumnDefinition).filter((column): column is ColumnDefinition => column !== undefined);\n    if (fromChildren.length > 0) return fromChildren;\n\n    const fromProperty = recordArrayProperty(element, 'columns')\n        .map((column) => toColumnDefinition({ id: '', properties: column }))\n        .filter((column): column is ColumnDefinition => column !== undefined);\n    if (fromProperty.length > 0) return fromProperty;\n\n    const fromNames = stringArrayProperty(element, 'columns').map((field) => ({ field, header: field, sortable: false }));\n    if (fromNames.length > 0) return fromNames;\n\n    return Object.keys(rows[0] ?? {}).map((field) => ({ field, header: field, sortable: false }));\n}\n\nfunction toColumnDefinition(element: SceneElement): ColumnDefinition | undefined {\n    const field = element.properties.field;\n    const header = element.properties.header ?? element.properties.label;\n    if (typeof field !== 'string') return undefined;\n    return {\n        field,\n        header: typeof header === 'string' ? header : field,\n        sortable: element.properties.sortable === true,\n    };\n}\n"],"names":["columnDefinitions","element","rows","children","slots","columns","content","fromChildren","map","toColumnDefinition","filter","column","undefined","length","fromProperty","recordArrayProperty","properties","fromNames","stringArrayProperty","field","header","sortable","Object","keys","label"],"mappings":";;AAAA;AACA;AAMA;;;;;;;;;;;;;;;;;;;;;;;AAuBC,IACM,SAASA,iBAAAA,CAAkBC,OAA0B,EAAEC,IAA+B,EAAA;AACzF,IAAA,MAAMC,QAAAA,GAAW;AAAKF,QAAAA,GAAAA,OAAAA,CAAQG,KAAK,CAACC,OAAO,IAAI,EAAE;AAAOJ,QAAAA,GAAAA,OAAAA,CAAQG,KAAK,CAACE,OAAO,IAAI;AAAI,KAAA;IACrF,MAAMC,YAAAA,GAAeJ,SAASK,GAAG,CAACC,oBAAoBC,MAAM,CAAC,CAACC,MAAAA,GAAuCA,MAAAA,KAAWC,SAAAA,CAAAA;AAChH,IAAA,IAAIL,YAAAA,CAAaM,MAAM,GAAG,CAAA,EAAG,OAAON,YAAAA;IAEpC,MAAMO,YAAAA,GAAeC,oBAAoBd,OAAAA,EAAS,SAAA,CAAA,CAC7CO,GAAG,CAAC,CAACG,SAAWF,kBAAAA,CAAmB;YAAUO,UAAAA,EAAYL;AAAO,SAAA,CAAA,CAAA,CAChED,MAAM,CAAC,CAACC,MAAAA,GAAuCA,MAAAA,KAAWC,SAAAA,CAAAA;AAC/D,IAAA,IAAIE,YAAAA,CAAaD,MAAM,GAAG,CAAA,EAAG,OAAOC,YAAAA;IAEpC,MAAMG,SAAAA,GAAYC,oBAAoBjB,OAAAA,EAAS,SAAA,CAAA,CAAWO,GAAG,CAAC,CAACW,SAAW;AAAEA,YAAAA,KAAAA;YAAOC,MAAAA,EAAQD,KAAAA;YAAOE,QAAAA,EAAU;SAAM,CAAA,CAAA;AAClH,IAAA,IAAIJ,SAAAA,CAAUJ,MAAM,GAAG,CAAA,EAAG,OAAOI,SAAAA;AAEjC,IAAA,OAAOK,MAAAA,CAAOC,IAAI,CAACrB,IAAI,CAAC,CAAA,CAAE,IAAI,EAAC,CAAA,CAAGM,GAAG,CAAC,CAACW,SAAW;AAAEA,YAAAA,KAAAA;YAAOC,MAAAA,EAAQD,KAAAA;YAAOE,QAAAA,EAAU;SAAM,CAAA,CAAA;AAC9F;AAEA,SAASZ,mBAAmBR,OAAqB,EAAA;AAC7C,IAAA,MAAMkB,KAAAA,GAAQlB,OAAAA,CAAQe,UAAU,CAACG,KAAK;IACtC,MAAMC,MAAAA,GAASnB,QAAQe,UAAU,CAACI,MAAM,IAAInB,OAAAA,CAAQe,UAAU,CAACQ,KAAK;IACpE,IAAI,OAAOL,KAAAA,KAAU,QAAA,EAAU,OAAOP,SAAAA;IACtC,OAAO;AACHO,QAAAA,KAAAA;QACAC,MAAAA,EAAQ,OAAOA,MAAAA,KAAW,QAAA,GAAWA,MAAAA,GAASD,KAAAA;AAC9CE,QAAAA,QAAAA,EAAUpB,OAAAA,CAAQe,UAAU,CAACK,QAAQ,KAAK;AAC9C,KAAA;AACJ;;;;"}

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

@@ -1,14 +1,13 @@
+export * from './Column';
 export * from './ColumnDefinition';
 export * from './columnDefinitions';
 export * from './PrimeColumn';
 export * from './PrimeDataTable';
 export * from './PrimeDataView';
 export * from './PrimeTree';
-export * from './PrimeTreeTable';
 export * from './PrimeTimeline';
 export * from './PrimePaginator';
 export * from './PrimeOrderList';
 export * from './PrimePickList';
 export * from './PrimeOrganizationChart';
-export * from './PrimeVirtualScroller';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../data/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../data/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}

package/dist/esm/data/index.js

@@ -1,14 +1,13 @@
+export * from './Column';
 export * from './ColumnDefinition';
 export * from './columnDefinitions';
 export * from './PrimeColumn';
 export * from './PrimeDataTable';
 export * from './PrimeDataView';
 export * from './PrimeTree';
-export * from './PrimeTreeTable';
 export * from './PrimeTimeline';
 export * from './PrimePaginator';
 export * from './PrimeOrderList';
 export * from './PrimePickList';
 export * from './PrimeOrganizationChart';
-export * from './PrimeVirtualScroller';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../data/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../data/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TreeNode } from '../TreeNode';
+export type PrimeTreeNode = {
+    key: string;
+    label?: string;
+    icon?: string;
+    children?: PrimeTreeNode[];
+    data?: unknown;
+};
+export declare function toPrimeTreeNodes(nodes: TreeNode[], parentKey?: string): PrimeTreeNode[];
+//# sourceMappingURL=primeTreeNodes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primeTreeNodes.d.ts","sourceRoot":"","sources":["../../../data/primeTreeNodes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAcvC,MAAM,MAAM,aAAa,GAAG;IAIxB,GAAG,EAAE,MAAM,CAAC;IAKZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAK3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAiBF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,SAAS,SAAK,GAAG,aAAa,EAAE,CAQnF"}

package/dist/esm/data/primeTreeNodes.js

@@ -0,0 +1,31 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Converts Scene's tree model into the node shape PrimeReact 11 renders.
+ *
+ * Synthesizes a key from the node's path when the author did not supply one, for the same reason
+ * `toTreeNodes` does: two siblings sharing a label must not share an identity, or expanding one expands
+ * the other. The path is stable across re-renders, so expansion and selection survive them.
+ *
+ * `expanded` and `selectable` are dropped rather than carried. PrimeReact 11 moved both off the node and
+ * onto the component - expansion is `defaultExpandedKeys` / `defaultCollapsedKeys`, selectability is the
+ * component's `selectionMode` - so a per-node flag has nowhere to land and would silently do nothing.
+ *
+ * @param nodes The Scene nodes to convert.
+ * @param parentKey The key of the node these belong to, used to build stable child keys.
+ * @returns The converted nodes, in order.
+ */ function toPrimeTreeNodes(nodes, parentKey = '') {
+    return nodes.map((node, index)=>{
+        const { children, expanded, selectable, ...rest } = node;
+        const key = node.key ?? (parentKey === '' ? `${index}` : `${parentKey}-${index}`);
+        const converted = {
+            ...rest,
+            key
+        };
+        if (children !== undefined) converted.children = toPrimeTreeNodes(children, key);
+        return converted;
+    });
+}
+
+export { toPrimeTreeNodes };
+//# sourceMappingURL=primeTreeNodes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primeTreeNodes.js","sources":["../../../data/primeTreeNodes.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 { TreeNode } from '../TreeNode';\n\n/**\n * A node in the shape PrimeReact 11's tree and organization chart both accept.\n *\n * The one difference from Scene's own {@link TreeNode} is that `key` is required. PrimeReact 11 resolves\n * every node by key - `Tree.Node` and `OrganizationChart.Node` take a `uKey` and look the node up rather\n * than receiving it - so a node without one cannot be rendered at all, where in PrimeReact 10 it merely\n * misbehaved. Scene's `TreeNode` keeps `key` optional because an author need not supply one; this type is\n * where that optionality is discharged.\n *\n * Declared as a type alias rather than an interface on purpose: PrimeReact's node types carry an index\n * signature for arbitrary extra data, and only a type alias is assignable to one.\n */\nexport type PrimeTreeNode = {\n    /**\n     * Identity, unique across the whole tree.\n     */\n    key: string;\n\n    /**\n     * The text shown for the node.\n     */\n    label?: string;\n\n    /**\n     * An icon class shown beside the label.\n     */\n    icon?: string;\n\n    /**\n     * Child nodes. A node with no `children` is a leaf.\n     */\n    children?: PrimeTreeNode[];\n\n    /**\n     * Whatever the author attached to the node, carried through untouched.\n     */\n    data?: unknown;\n};\n\n/**\n * Converts Scene's tree model into the node shape PrimeReact 11 renders.\n *\n * Synthesizes a key from the node's path when the author did not supply one, for the same reason\n * `toTreeNodes` does: two siblings sharing a label must not share an identity, or expanding one expands\n * the other. The path is stable across re-renders, so expansion and selection survive them.\n *\n * `expanded` and `selectable` are dropped rather than carried. PrimeReact 11 moved both off the node and\n * onto the component - expansion is `defaultExpandedKeys` / `defaultCollapsedKeys`, selectability is the\n * component's `selectionMode` - so a per-node flag has nowhere to land and would silently do nothing.\n *\n * @param nodes The Scene nodes to convert.\n * @param parentKey The key of the node these belong to, used to build stable child keys.\n * @returns The converted nodes, in order.\n */\nexport function toPrimeTreeNodes(nodes: TreeNode[], parentKey = ''): PrimeTreeNode[] {\n    return nodes.map((node, index) => {\n        const { children, expanded, selectable, ...rest } = node;\n        const key = node.key ?? (parentKey === '' ? `${index}` : `${parentKey}-${index}`);\n        const converted: PrimeTreeNode = { ...rest, key };\n        if (children !== undefined) converted.children = toPrimeTreeNodes(children, key);\n        return converted;\n    });\n}\n"],"names":["toPrimeTreeNodes","nodes","parentKey","map","node","index","children","expanded","selectable","rest","key","converted","undefined"],"mappings":"AAAA;AACA;AA2CA;;;;;;;;;;;;;;AAcC,IACM,SAASA,gBAAAA,CAAiBC,KAAiB,EAAEC,YAAY,EAAE,EAAA;AAC9D,IAAA,OAAOD,KAAAA,CAAME,GAAG,CAAC,CAACC,IAAAA,EAAMC,KAAAA,GAAAA;QACpB,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGC,IAAAA,EAAM,GAAGL,IAAAA;AACpD,QAAA,MAAMM,GAAAA,GAAMN,IAAAA,CAAKM,GAAG,KAAKR,SAAAA,KAAc,EAAA,GAAK,CAAA,EAAGG,KAAAA,CAAAA,CAAO,GAAG,CAAA,EAAGH,SAAAA,CAAU,CAAC,EAAEG,OAAO,CAAD;AAC/E,QAAA,MAAMM,SAAAA,GAA2B;AAAE,YAAA,GAAGF,IAAI;AAAEC,YAAAA;AAAI,SAAA;AAChD,QAAA,IAAIJ,aAAaM,SAAAA,EAAWD,SAAAA,CAAUL,QAAQ,GAAGN,iBAAiBM,QAAAA,EAAUI,GAAAA,CAAAA;QAC5E,OAAOC,SAAAA;AACX,IAAA,CAAA,CAAA;AACJ;;;;"}

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

@@ -0,0 +1,3 @@
+import { SelectOption } from '../SelectOption';
+export declare function toSelectOptions(values: unknown[]): SelectOption[];
+//# sourceMappingURL=selectOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectOptions.d.ts","sourceRoot":"","sources":["../../../data/selectOptions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAe/C,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE,CAUjE"}

package/dist/esm/data/selectOptions.js

@@ -0,0 +1,20 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Narrows the untyped item list a PrimeReact 11 headless list hook hands back into {@link SelectOption}s.
+ *
+ * The order list and pick list hooks are generic over their items but report changes as `unknown[]`,
+ * because they only ever move entries around and never look inside one. The adapters fed them
+ * `SelectOption`s and get the very same object references back, so this could have been a cast - but a
+ * cast would also sail through if a future hook ever synthesized an entry, and the failure would surface
+ * as a blank row rather than a missing one. Filtering on the shape keeps the untrusted boundary honest
+ * for the cost of one pass over a list the user is looking at.
+ *
+ * @param values The entries as the hook reported them.
+ * @returns The entries that are usable options, in order.
+ */ function toSelectOptions(values) {
+    return values.filter((value)=>typeof value === 'object' && value !== null && 'label' in value && typeof value.label === 'string' && 'value' in value && typeof value.value === 'string');
+}
+
+export { toSelectOptions };
+//# sourceMappingURL=selectOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectOptions.js","sources":["../../../data/selectOptions.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 { SelectOption } from '../SelectOption';\n\n/**\n * Narrows the untyped item list a PrimeReact 11 headless list hook hands back into {@link SelectOption}s.\n *\n * The order list and pick list hooks are generic over their items but report changes as `unknown[]`,\n * because they only ever move entries around and never look inside one. The adapters fed them\n * `SelectOption`s and get the very same object references back, so this could have been a cast - but a\n * cast would also sail through if a future hook ever synthesized an entry, and the failure would surface\n * as a blank row rather than a missing one. Filtering on the shape keeps the untrusted boundary honest\n * for the cost of one pass over a list the user is looking at.\n *\n * @param values The entries as the hook reported them.\n * @returns The entries that are usable options, in order.\n */\nexport function toSelectOptions(values: unknown[]): SelectOption[] {\n    return values.filter(\n        (value): value is SelectOption =>\n            typeof value === 'object' &&\n            value !== null &&\n            'label' in value &&\n            typeof value.label === 'string' &&\n            'value' in value &&\n            typeof value.value === 'string'\n    );\n}\n"],"names":["toSelectOptions","values","filter","value","label"],"mappings":"AAAA;AACA;AAIA;;;;;;;;;;;;IAaO,SAASA,eAAAA,CAAgBC,MAAiB,EAAA;IAC7C,OAAOA,MAAAA,CAAOC,MAAM,CAChB,CAACC,QACG,OAAOA,KAAAA,KAAU,QAAA,IACjBA,KAAAA,KAAU,IAAA,IACV,OAAA,IAAWA,SACX,OAAOA,KAAAA,CAAMC,KAAK,KAAK,QAAA,IACvB,WAAWD,KAAAA,IACX,OAAOA,KAAAA,CAAMA,KAAK,KAAK,QAAA,CAAA;AAEnC;;;;"}