@cratis/scene.primereact 4.15.0 → 4.17.0

package/dist/cjs/form/PrimeCalendar.js

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var datepicker = require('primereact/datepicker');
 var inputtext = require('primereact/inputtext');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -19,13 +20,14 @@ var properties = require('../properties.js');
  * here and then placed one of two ways, which is how `inline` survives a version that has no `inline`
  * prop: either inside a `Panel`, which simply renders where it stands, or behind a `Portal` and a
  * `Positioner`, which anchors it to the field and escapes any clipping ancestor.
- */ function PrimeCalendar({ element }) {
+ */ function PrimeCalendar({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(()=>{
         const seed = properties.stringProperty(element, 'value');
         if (seed === undefined) return undefined;
         const parsed = new Date(seed);
         return Number.isNaN(parsed.getTime()) ? undefined : parsed;
     });
+    scene_react.useValueOutput(bindingOutputs, value);
     const inline = properties.booleanProperty(element, 'inline', false);
     const showTime = properties.booleanProperty(element, 'showTime', false);
     const calendar = /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {

package/dist/cjs/form/PrimeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeCalendar.js","sources":["../../../form/PrimeCalendar.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 { DatePicker } from 'primereact/datepicker';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:calendar` component - a date picker, named `DatePicker` by PrimeReact 11.\n *\n * The seed value is parsed from an ISO date string because that is what survives a round trip through a\n * Scene model's JSON properties; an unparseable one leaves the field empty rather than showing\n * \"Invalid Date\".\n *\n * v11's `DatePicker` is a composition, and the grid is the bulk of it: `Calendar` holds a `Header` (the\n * month/year title flanked by the two navigation buttons) and a `Table` whose three `TableBody` views are\n * what makes clicking the title drill from days to months to years. That whole calendar is built once\n * here and then placed one of two ways, which is how `inline` survives a version that has no `inline`\n * prop: either inside a `Panel`, which simply renders where it stands, or behind a `Portal` and a\n * `Positioner`, which anchors it to the field and escapes any clipping ancestor.\n */\nexport function PrimeCalendar({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<Date | undefined>(() => {\n        const seed = stringProperty(element, 'value');\n        if (seed === undefined) return undefined;\n        const parsed = new Date(seed);\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    });\n\n    const inline = booleanProperty(element, 'inline', false);\n    const showTime = booleanProperty(element, 'showTime', false);\n    const calendar = (\n        <>\n            <DatePicker.Calendar>\n                <DatePicker.Header>\n                    <DatePicker.Prev>\n                        <i className='pi pi-chevron-left' />\n                    </DatePicker.Prev>\n                    <DatePicker.Title>\n                        <DatePicker.SelectMonth />\n                        <DatePicker.SelectYear />\n                        <DatePicker.Decade />\n                    </DatePicker.Title>\n                    <DatePicker.Next>\n                        <i className='pi pi-chevron-right' />\n                    </DatePicker.Next>\n                </DatePicker.Header>\n                <DatePicker.Table>\n                    <DatePicker.TableHead />\n                    <DatePicker.TableBody />\n                    <DatePicker.TableBody view='month' />\n                    <DatePicker.TableBody view='year' />\n                </DatePicker.Table>\n            </DatePicker.Calendar>\n            {showTime && <DatePicker.Time />}\n        </>\n    );\n\n    return (\n        <DatePicker.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value instanceof Date ? event.value : undefined)}\n            dateFormat={stringProperty(element, 'dateFormat')}\n            showTime={showTime}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            {inline ? (\n                <DatePicker.Panel>{calendar}</DatePicker.Panel>\n            ) : (\n                <>\n                    <DatePicker.Input as={InputText} placeholder={stringProperty(element, 'placeholder')} aria-label={stringProperty(element, 'ariaLabel')} />\n                    {booleanProperty(element, 'showIcon', true) && (\n                        <DatePicker.Trigger>\n                            <i className='pi pi-calendar' />\n                        </DatePicker.Trigger>\n                    )}\n                    <DatePicker.Portal>\n                        <DatePicker.Positioner align='start'>\n                            <DatePicker.Popup>{calendar}</DatePicker.Popup>\n                        </DatePicker.Positioner>\n                    </DatePicker.Portal>\n                </>\n            )}\n        </DatePicker.Root>\n    );\n}\n"],"names":["PrimeCalendar","element","value","setValue","useState","seed","stringProperty","undefined","parsed","Date","Number","isNaN","getTime","inline","booleanProperty","showTime","calendar","_jsxs","_Fragment","DatePicker","Calendar","Header","_jsx","Prev","i","className","Title","SelectMonth","SelectYear","Decade","Next","Table","TableHead","TableBody","view","Time","Root","data-scene-id","id","onValueChange","event","dateFormat","disabled","Panel","Input","as","InputText","placeholder","aria-label","Trigger","Portal","Positioner","align","Popup"],"mappings":"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"}
+{"version":3,"file":"PrimeCalendar.js","sources":["../../../form/PrimeCalendar.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 { DatePicker } from 'primereact/datepicker';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:calendar` component - a date picker, named `DatePicker` by PrimeReact 11.\n *\n * The seed value is parsed from an ISO date string because that is what survives a round trip through a\n * Scene model's JSON properties; an unparseable one leaves the field empty rather than showing\n * \"Invalid Date\".\n *\n * v11's `DatePicker` is a composition, and the grid is the bulk of it: `Calendar` holds a `Header` (the\n * month/year title flanked by the two navigation buttons) and a `Table` whose three `TableBody` views are\n * what makes clicking the title drill from days to months to years. That whole calendar is built once\n * here and then placed one of two ways, which is how `inline` survives a version that has no `inline`\n * prop: either inside a `Panel`, which simply renders where it stands, or behind a `Portal` and a\n * `Positioner`, which anchors it to the field and escapes any clipping ancestor.\n */\nexport function PrimeCalendar({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState<Date | undefined>(() => {\n        const seed = stringProperty(element, 'value');\n        if (seed === undefined) return undefined;\n        const parsed = new Date(seed);\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    });\n    useValueOutput(bindingOutputs, value);\n\n    const inline = booleanProperty(element, 'inline', false);\n    const showTime = booleanProperty(element, 'showTime', false);\n    const calendar = (\n        <>\n            <DatePicker.Calendar>\n                <DatePicker.Header>\n                    <DatePicker.Prev>\n                        <i className='pi pi-chevron-left' />\n                    </DatePicker.Prev>\n                    <DatePicker.Title>\n                        <DatePicker.SelectMonth />\n                        <DatePicker.SelectYear />\n                        <DatePicker.Decade />\n                    </DatePicker.Title>\n                    <DatePicker.Next>\n                        <i className='pi pi-chevron-right' />\n                    </DatePicker.Next>\n                </DatePicker.Header>\n                <DatePicker.Table>\n                    <DatePicker.TableHead />\n                    <DatePicker.TableBody />\n                    <DatePicker.TableBody view='month' />\n                    <DatePicker.TableBody view='year' />\n                </DatePicker.Table>\n            </DatePicker.Calendar>\n            {showTime && <DatePicker.Time />}\n        </>\n    );\n\n    return (\n        <DatePicker.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value instanceof Date ? event.value : undefined)}\n            dateFormat={stringProperty(element, 'dateFormat')}\n            showTime={showTime}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            {inline ? (\n                <DatePicker.Panel>{calendar}</DatePicker.Panel>\n            ) : (\n                <>\n                    <DatePicker.Input as={InputText} placeholder={stringProperty(element, 'placeholder')} aria-label={stringProperty(element, 'ariaLabel')} />\n                    {booleanProperty(element, 'showIcon', true) && (\n                        <DatePicker.Trigger>\n                            <i className='pi pi-calendar' />\n                        </DatePicker.Trigger>\n                    )}\n                    <DatePicker.Portal>\n                        <DatePicker.Positioner align='start'>\n                            <DatePicker.Popup>{calendar}</DatePicker.Popup>\n                        </DatePicker.Positioner>\n                    </DatePicker.Portal>\n                </>\n            )}\n        </DatePicker.Root>\n    );\n}\n"],"names":["PrimeCalendar","element","bindingOutputs","value","setValue","useState","seed","stringProperty","undefined","parsed","Date","Number","isNaN","getTime","useValueOutput","inline","booleanProperty","showTime","calendar","_jsxs","_Fragment","DatePicker","Calendar","Header","_jsx","Prev","i","className","Title","SelectMonth","SelectYear","Decade","Next","Table","TableHead","TableBody","view","Time","Root","data-scene-id","id","onValueChange","event","dateFormat","disabled","Panel","Input","as","InputText","placeholder","aria-label","Trigger","Portal","Positioner","align","Popup"],"mappings":"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"}

package/dist/cjs/form/PrimeCheckbox.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var checkbox = require('primereact/checkbox');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -15,8 +16,9 @@ var properties = require('../properties.js');
  * state, `Box` is the square, and `Indicator` is what appears inside it when checked. The `checked` state
  * now arrives as `onCheckedChange` with a boolean rather than a change event whose `checked` might be
  * `undefined`, so the defensive `=== true` the v10 adapter needed is gone.
- */ function PrimeCheckbox({ element }) {
+ */ function PrimeCheckbox({ element, bindingOutputs }) {
     const [checked, setChecked] = react.useState(properties.booleanProperty(element, 'checked', false));
+    scene_react.useValueOutput(bindingOutputs, checked);
     const label = properties.stringProperty(element, 'label');
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         "data-scene-id": element.id,
@@ -24,7 +26,7 @@ var properties = require('../properties.js');
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(checkbox.Checkbox.Root, {
                 inputId: element.id,
-                "aria-label": label === undefined ? properties.stringProperty(element, 'ariaLabel') : undefined,
+                ariaLabel: label === undefined ? properties.stringProperty(element, 'ariaLabel') : undefined,
                 checked: checked,
                 onCheckedChange: (event)=>setChecked(event.checked),
                 disabled: properties.booleanProperty(element, 'disabled', false),

package/dist/cjs/form/PrimeCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeCheckbox.js","sources":["../../../form/PrimeCheckbox.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 { Checkbox } from 'primereact/checkbox';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:checkbox` component.\n *\n * Rendered with its label rather than bare: an unlabeled checkbox has no accessible name and nothing to\n * click but a 20-pixel box, which is a defect in every screen that would ever use one.\n *\n * PrimeReact 11 makes the tick its own part: `Root` renders the real (visually hidden) input and owns the\n * state, `Box` is the square, and `Indicator` is what appears inside it when checked. The `checked` state\n * now arrives as `onCheckedChange` with a boolean rather than a change event whose `checked` might be\n * `undefined`, so the defensive `=== true` the v10 adapter needed is gone.\n */\nexport function PrimeCheckbox({ element }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <Checkbox.Root\n                inputId={element.id}\n                aria-label={label === undefined ? stringProperty(element, 'ariaLabel') : undefined}\n                checked={checked}\n                onCheckedChange={(event) => setChecked(event.checked)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <Checkbox.Box>\n                    <Checkbox.Indicator />\n                </Checkbox.Box>\n            </Checkbox.Root>\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeCheckbox","element","checked","setChecked","useState","booleanProperty","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","Checkbox","Root","inputId","aria-label","undefined","onCheckedChange","event","disabled","Box","Indicator","htmlFor"],"mappings":";;;;;;;AAQA;;;;;;;;;;AAUC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAASC,0BAAAA,CAAgBJ,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMK,KAAAA,GAAQC,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIO,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;AACtC,0BAAAC,cAAA,CAACC,kBAASC,IAAI,EAAA;AACVC,gBAAAA,OAAAA,EAASf,QAAQU,EAAE;AACnBM,gBAAAA,YAAAA,EAAYX,KAAAA,KAAUY,SAAAA,GAAYX,yBAAAA,CAAeN,OAAAA,EAAS,WAAA,CAAA,GAAeiB,SAAAA;gBACzEhB,OAAAA,EAASA,OAAAA;AACTiB,gBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAUjB,UAAAA,CAAWiB,KAAAA,CAAMlB,OAAO,CAAA;gBACpDmB,QAAAA,EAAUhB,0BAAAA,CAAgBJ,SAAS,UAAA,EAAY,KAAA,CAAA;wCAC/CY,cAAA,CAACC,kBAASQ,GAAG,EAAA;4CACTT,cAAA,CAACC,kBAASS,SAAS,EAAA,EAAA;;;AAG1BjB,YAAAA,KAAAA,KAAUY,2BAAaL,cAAA,CAACP,OAAAA,EAAAA;AAAMkB,gBAAAA,OAAAA,EAASvB,QAAQU,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;"}
+{"version":3,"file":"PrimeCheckbox.js","sources":["../../../form/PrimeCheckbox.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 { Checkbox } from 'primereact/checkbox';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:checkbox` component.\n *\n * Rendered with its label rather than bare: an unlabeled checkbox has no accessible name and nothing to\n * click but a 20-pixel box, which is a defect in every screen that would ever use one.\n *\n * PrimeReact 11 makes the tick its own part: `Root` renders the real (visually hidden) input and owns the\n * state, `Box` is the square, and `Indicator` is what appears inside it when checked. The `checked` state\n * now arrives as `onCheckedChange` with a boolean rather than a change event whose `checked` might be\n * `undefined`, so the defensive `=== true` the v10 adapter needed is gone.\n */\nexport function PrimeCheckbox({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    useValueOutput(bindingOutputs, checked);\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <Checkbox.Root\n                inputId={element.id}\n                ariaLabel={label === undefined ? stringProperty(element, 'ariaLabel') : undefined}\n                checked={checked}\n                onCheckedChange={(event) => setChecked(event.checked)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <Checkbox.Box>\n                    <Checkbox.Indicator />\n                </Checkbox.Box>\n            </Checkbox.Root>\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeCheckbox","element","bindingOutputs","checked","setChecked","useState","booleanProperty","useValueOutput","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","Checkbox","Root","inputId","ariaLabel","undefined","onCheckedChange","event","disabled","Box","Indicator","htmlFor"],"mappings":";;;;;;;;AAQA;;;;;;;;;;AAUC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAC/E,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAASC,0BAAAA,CAAgBL,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;AAC3EM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,OAAAA,CAAAA;IAC/B,MAAMK,KAAAA,GAAQC,0BAAeR,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIS,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeX,QAAQY,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;AACtC,0BAAAC,cAAA,CAACC,kBAASC,IAAI,EAAA;AACVC,gBAAAA,OAAAA,EAASjB,QAAQY,EAAE;AACnBM,gBAAAA,SAAAA,EAAWX,KAAAA,KAAUY,SAAAA,GAAYX,yBAAAA,CAAeR,OAAAA,EAAS,WAAA,CAAA,GAAemB,SAAAA;gBACxEjB,OAAAA,EAASA,OAAAA;AACTkB,gBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAUlB,UAAAA,CAAWkB,KAAAA,CAAMnB,OAAO,CAAA;gBACpDoB,QAAAA,EAAUjB,0BAAAA,CAAgBL,SAAS,UAAA,EAAY,KAAA,CAAA;wCAC/Cc,cAAA,CAACC,kBAASQ,GAAG,EAAA;4CACTT,cAAA,CAACC,kBAASS,SAAS,EAAA,EAAA;;;AAG1BjB,YAAAA,KAAAA,KAAUY,2BAAaL,cAAA,CAACP,OAAAA,EAAAA;AAAMkB,gBAAAA,OAAAA,EAASzB,QAAQY,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;"}

package/dist/cjs/form/PrimeDropdown.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var select = require('primereact/select');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -17,8 +18,9 @@ var properties = require('../properties.js');
  * here, and adding one would only duplicate what `optionLabel` / `optionValue` already say. The `appendTo`
  * and z-index juggling a dropdown inside a dialog used to need is gone with it: the portal stacks
  * correctly on its own.
- */ function PrimeDropdown({ element }) {
+ */ function PrimeDropdown({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.stringProperty(element, 'value'));
+    scene_react.useValueOutput(bindingOutputs, value);
     const placeholder = properties.stringProperty(element, 'placeholder', 'Select');
     const filter = properties.booleanProperty(element, 'filter', false);
     const showClear = properties.booleanProperty(element, 'showClear', false);

package/dist/cjs/form/PrimeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeDropdown.js","sources":["../../../form/PrimeDropdown.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 { Select } from 'primereact/select';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:dropdown` component - a single-choice select.\n *\n * Options are normalized by `optionsProperty`, so a screen may write either bare strings or\n * `{ label, value }` records and get the same result.\n *\n * PrimeReact calls this `Select`, and it is a composition rather than one component: `Root` owns the\n * value and the option model, `Trigger` is what the user clicks, and the list lives behind a `Portal` so\n * it escapes any clipping ancestor. `Select.List` renders `options` itself - there is no option mapping\n * here, and adding one would only duplicate what `optionLabel` / `optionValue` already say. The `appendTo`\n * and z-index juggling a dropdown inside a dialog used to need is gone with it: the portal stacks\n * correctly on its own.\n */\nexport function PrimeDropdown({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    const placeholder = stringProperty(element, 'placeholder', 'Select');\n    const filter = booleanProperty(element, 'filter', false);\n    const showClear = booleanProperty(element, 'showClear', false);\n    return (\n        <Select.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            filter={filter}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <Select.Trigger aria-label={stringProperty(element, 'ariaLabel')}>\n                <Select.Value placeholder={placeholder} />\n                {showClear && <Select.Clear />}\n                <Select.Arrow />\n            </Select.Trigger>\n            <Select.Portal>\n                <Select.Positioner>\n                    <Select.Popup>\n                        {filter && <Select.Filter placeholder={placeholder} />}\n                        <Select.List />\n                    </Select.Popup>\n                </Select.Positioner>\n            </Select.Portal>\n        </Select.Root>\n    );\n}\n"],"names":["PrimeDropdown","element","value","setValue","useState","stringProperty","placeholder","filter","booleanProperty","showClear","_jsxs","Select","Root","data-scene-id","id","onValueChange","event","options","optionsProperty","optionLabel","optionValue","disabled","Trigger","aria-label","_jsx","Value","Clear","Arrow","Portal","Positioner","Popup","Filter","List"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAkBC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IACpE,MAAMK,WAAAA,GAAcD,yBAAAA,CAAeJ,OAAAA,EAAS,aAAA,EAAe,QAAA,CAAA;IAC3D,MAAMM,MAAAA,GAASC,0BAAAA,CAAgBP,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA;IAClD,MAAMQ,SAAAA,GAAYD,0BAAAA,CAAgBP,OAAAA,EAAS,WAAA,EAAa,KAAA,CAAA;IACxD,qBACIS,eAAA,CAACC,cAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QACzBZ,KAAAA,EAAOA,KAAAA;AACPa,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUb,QAAAA,CAASa,KAAAA,CAAMd,KAAK,CAAA;AAC9Ce,QAAAA,OAAAA,EAASC,2BAAgBjB,OAAAA,EAAS,SAAA,CAAA;QAClCkB,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZb,MAAAA,EAAQA,MAAAA;QACRc,QAAAA,EAAUb,0BAAAA,CAAgBP,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAS,eAAA,CAACC,cAAOW,OAAO,EAAA;AAACC,gBAAAA,YAAAA,EAAYlB,0BAAeJ,OAAAA,EAAS,WAAA,CAAA;;AAChD,kCAAAuB,cAAA,CAACb,cAAOc,KAAK,EAAA;wBAACnB,WAAAA,EAAaA;;oBAC1BG,SAAAA,kBAAae,cAAA,CAACb,cAAOe,KAAK,EAAA,EAAA,CAAA;AAC3B,kCAAAF,cAAA,CAACb,cAAOgB,KAAK,EAAA,EAAA;;;AAEjB,0BAAAH,cAAA,CAACb,cAAOiB,MAAM,EAAA;wCACVJ,cAAA,CAACb,cAAOkB,UAAU,EAAA;4CACdnB,eAAA,CAACC,cAAOmB,KAAK,EAAA;;4BACRvB,MAAAA,kBAAUiB,cAAA,CAACb,cAAOoB,MAAM,EAAA;gCAACzB,WAAAA,EAAaA;;AACvC,0CAAAkB,cAAA,CAACb,cAAOqB,IAAI,EAAA,EAAA;;;;;;;AAMpC;;"}
+{"version":3,"file":"PrimeDropdown.js","sources":["../../../form/PrimeDropdown.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 { Select } from 'primereact/select';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:dropdown` component - a single-choice select.\n *\n * Options are normalized by `optionsProperty`, so a screen may write either bare strings or\n * `{ label, value }` records and get the same result.\n *\n * PrimeReact calls this `Select`, and it is a composition rather than one component: `Root` owns the\n * value and the option model, `Trigger` is what the user clicks, and the list lives behind a `Portal` so\n * it escapes any clipping ancestor. `Select.List` renders `options` itself - there is no option mapping\n * here, and adding one would only duplicate what `optionLabel` / `optionValue` already say. The `appendTo`\n * and z-index juggling a dropdown inside a dialog used to need is gone with it: the portal stacks\n * correctly on its own.\n */\nexport function PrimeDropdown({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    useValueOutput(bindingOutputs, value);\n    const placeholder = stringProperty(element, 'placeholder', 'Select');\n    const filter = booleanProperty(element, 'filter', false);\n    const showClear = booleanProperty(element, 'showClear', false);\n    return (\n        <Select.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            filter={filter}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <Select.Trigger aria-label={stringProperty(element, 'ariaLabel')}>\n                <Select.Value placeholder={placeholder} />\n                {showClear && <Select.Clear />}\n                <Select.Arrow />\n            </Select.Trigger>\n            <Select.Portal>\n                <Select.Positioner>\n                    <Select.Popup>\n                        {filter && <Select.Filter placeholder={placeholder} />}\n                        <Select.List />\n                    </Select.Popup>\n                </Select.Positioner>\n            </Select.Portal>\n        </Select.Root>\n    );\n}\n"],"names":["PrimeDropdown","element","bindingOutputs","value","setValue","useState","stringProperty","useValueOutput","placeholder","filter","booleanProperty","showClear","_jsxs","Select","Root","data-scene-id","id","onValueChange","event","options","optionsProperty","optionLabel","optionValue","disabled","Trigger","aria-label","_jsx","Value","Clear","Arrow","Portal","Positioner","Popup","Filter","List"],"mappings":";;;;;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAC/E,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAkBC,0BAAeL,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpEM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;IAC/B,MAAMK,WAAAA,GAAcF,yBAAAA,CAAeL,OAAAA,EAAS,aAAA,EAAe,QAAA,CAAA;IAC3D,MAAMQ,MAAAA,GAASC,0BAAAA,CAAgBT,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA;IAClD,MAAMU,SAAAA,GAAYD,0BAAAA,CAAgBT,OAAAA,EAAS,WAAA,EAAa,KAAA,CAAA;IACxD,qBACIW,eAAA,CAACC,cAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAed,QAAQe,EAAE;QACzBb,KAAAA,EAAOA,KAAAA;AACPc,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUd,QAAAA,CAASc,KAAAA,CAAMf,KAAK,CAAA;AAC9CgB,QAAAA,OAAAA,EAASC,2BAAgBnB,OAAAA,EAAS,SAAA,CAAA;QAClCoB,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZb,MAAAA,EAAQA,MAAAA;QACRc,QAAAA,EAAUb,0BAAAA,CAAgBT,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAW,eAAA,CAACC,cAAOW,OAAO,EAAA;AAACC,gBAAAA,YAAAA,EAAYnB,0BAAeL,OAAAA,EAAS,WAAA,CAAA;;AAChD,kCAAAyB,cAAA,CAACb,cAAOc,KAAK,EAAA;wBAACnB,WAAAA,EAAaA;;oBAC1BG,SAAAA,kBAAae,cAAA,CAACb,cAAOe,KAAK,EAAA,EAAA,CAAA;AAC3B,kCAAAF,cAAA,CAACb,cAAOgB,KAAK,EAAA,EAAA;;;AAEjB,0BAAAH,cAAA,CAACb,cAAOiB,MAAM,EAAA;wCACVJ,cAAA,CAACb,cAAOkB,UAAU,EAAA;4CACdnB,eAAA,CAACC,cAAOmB,KAAK,EAAA;;4BACRvB,MAAAA,kBAAUiB,cAAA,CAACb,cAAOoB,MAAM,EAAA;gCAACzB,WAAAA,EAAaA;;AACvC,0CAAAkB,cAAA,CAACb,cAAOqB,IAAI,EAAA,EAAA;;;;;;;AAMpC;;"}

package/dist/cjs/form/PrimeInputNumber.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var inputnumber = require('primereact/inputnumber');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -15,8 +16,9 @@ var properties = require('../properties.js');
  * formats into, which is also why `placeholder` moved onto the input rather than the root. `showButtons`
  * is no longer a flag the component interprets - the spinner is a `Group` of `Increment` and `Decrement`
  * you either render or do not - so the property now decides whether that group exists at all.
- */ function PrimeInputNumber({ element }) {
+ */ function PrimeInputNumber({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.numberProperty(element, 'value'));
+    scene_react.useValueOutput(bindingOutputs, value);
     const currency = properties.stringProperty(element, 'currency');
     return /*#__PURE__*/ jsxRuntime.jsxs(inputnumber.InputNumber.Root, {
         "data-scene-id": element.id,

package/dist/cjs/form/PrimeInputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeInputNumber.js","sources":["../../../form/PrimeInputNumber.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 { InputNumber } from 'primereact/inputnumber';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputNumber` component - a numeric field with locale-aware formatting.\n *\n * `mode` and `currency` are passed straight through because that is where InputNumber earns its keep\n * over a plain text field: it formats and parses in the user's locale rather than making a screen do it.\n *\n * PrimeReact 11 splits the component in two: `Root` holds the number model and `Input` is the field it\n * formats into, which is also why `placeholder` moved onto the input rather than the root. `showButtons`\n * is no longer a flag the component interprets - the spinner is a `Group` of `Increment` and `Decrement`\n * you either render or do not - so the property now decides whether that group exists at all.\n */\nexport function PrimeInputNumber({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<number | undefined>(numberProperty(element, 'value'));\n    const currency = stringProperty(element, 'currency');\n    return (\n        <InputNumber.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(typeof event.value === 'number' ? event.value : undefined)}\n            mode={currency === undefined ? 'decimal' : 'currency'}\n            currency={currency}\n            min={numberProperty(element, 'min')}\n            max={numberProperty(element, 'max')}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <InputNumber.Input placeholder={stringProperty(element, 'placeholder')} aria-label={stringProperty(element, 'ariaLabel')} />\n            {booleanProperty(element, 'showButtons', false) && (\n                <InputNumber.Group>\n                    <InputNumber.Increment>\n                        <i className='pi pi-chevron-up' />\n                    </InputNumber.Increment>\n                    <InputNumber.Decrement>\n                        <i className='pi pi-chevron-down' />\n                    </InputNumber.Decrement>\n                </InputNumber.Group>\n            )}\n        </InputNumber.Root>\n    );\n}\n"],"names":["PrimeInputNumber","element","value","setValue","useState","numberProperty","currency","stringProperty","_jsxs","InputNumber","Root","data-scene-id","id","onValueChange","event","undefined","mode","min","max","disabled","booleanProperty","_jsx","Input","placeholder","aria-label","Group","Increment","i","className","Decrement"],"mappings":";;;;;;;AAQA;;;;;;;;;;AAUC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6BC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IAC/E,MAAMK,QAAAA,GAAWC,0BAAeN,OAAAA,EAAS,UAAA,CAAA;IACzC,qBACIO,eAAA,CAACC,wBAAYC,IAAI,EAAA;AACbC,QAAAA,eAAAA,EAAeV,QAAQW,EAAE;QACzBV,KAAAA,EAAOA,KAAAA;QACPW,aAAAA,EAAe,CAACC,KAAAA,GAAUX,QAAAA,CAAS,OAAOW,KAAAA,CAAMZ,KAAK,KAAK,QAAA,GAAWY,KAAAA,CAAMZ,KAAK,GAAGa,SAAAA,CAAAA;QACnFC,IAAAA,EAAMV,QAAAA,KAAaS,YAAY,SAAA,GAAY,UAAA;QAC3CT,QAAAA,EAAUA,QAAAA;AACVW,QAAAA,GAAAA,EAAKZ,0BAAeJ,OAAAA,EAAS,KAAA,CAAA;AAC7BiB,QAAAA,GAAAA,EAAKb,0BAAeJ,OAAAA,EAAS,KAAA,CAAA;QAC7BkB,QAAAA,EAAUC,0BAAAA,CAAgBnB,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAoB,cAAA,CAACZ,wBAAYa,KAAK,EAAA;AAACC,gBAAAA,WAAAA,EAAahB,0BAAeN,OAAAA,EAAS,aAAA,CAAA;AAAgBuB,gBAAAA,YAAAA,EAAYjB,0BAAeN,OAAAA,EAAS,WAAA;;AAC3GmB,YAAAA,0BAAAA,CAAgBnB,OAAAA,EAAS,aAAA,EAAe,KAAA,CAAA,kBACrCO,eAAA,CAACC,wBAAYgB,KAAK,EAAA;;AACd,kCAAAJ,cAAA,CAACZ,wBAAYiB,SAAS,EAAA;AAClB,wBAAA,QAAA,gBAAAL,cAAA,CAACM,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;AAEjB,kCAAAP,cAAA,CAACZ,wBAAYoB,SAAS,EAAA;AAClB,wBAAA,QAAA,gBAAAR,cAAA,CAACM,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;;;;;AAMrC;;"}
+{"version":3,"file":"PrimeInputNumber.js","sources":["../../../form/PrimeInputNumber.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 { InputNumber } from 'primereact/inputnumber';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputNumber` component - a numeric field with locale-aware formatting.\n *\n * `mode` and `currency` are passed straight through because that is where InputNumber earns its keep\n * over a plain text field: it formats and parses in the user's locale rather than making a screen do it.\n *\n * PrimeReact 11 splits the component in two: `Root` holds the number model and `Input` is the field it\n * formats into, which is also why `placeholder` moved onto the input rather than the root. `showButtons`\n * is no longer a flag the component interprets - the spinner is a `Group` of `Increment` and `Decrement`\n * you either render or do not - so the property now decides whether that group exists at all.\n */\nexport function PrimeInputNumber({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState<number | undefined>(numberProperty(element, 'value'));\n    useValueOutput(bindingOutputs, value);\n    const currency = stringProperty(element, 'currency');\n    return (\n        <InputNumber.Root\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(typeof event.value === 'number' ? event.value : undefined)}\n            mode={currency === undefined ? 'decimal' : 'currency'}\n            currency={currency}\n            min={numberProperty(element, 'min')}\n            max={numberProperty(element, 'max')}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <InputNumber.Input placeholder={stringProperty(element, 'placeholder')} aria-label={stringProperty(element, 'ariaLabel')} />\n            {booleanProperty(element, 'showButtons', false) && (\n                <InputNumber.Group>\n                    <InputNumber.Increment>\n                        <i className='pi pi-chevron-up' />\n                    </InputNumber.Increment>\n                    <InputNumber.Decrement>\n                        <i className='pi pi-chevron-down' />\n                    </InputNumber.Decrement>\n                </InputNumber.Group>\n            )}\n        </InputNumber.Root>\n    );\n}\n"],"names":["PrimeInputNumber","element","bindingOutputs","value","setValue","useState","numberProperty","useValueOutput","currency","stringProperty","_jsxs","InputNumber","Root","data-scene-id","id","onValueChange","event","undefined","mode","min","max","disabled","booleanProperty","_jsx","Input","placeholder","aria-label","Group","Increment","i","className","Decrement"],"mappings":";;;;;;;;AAQA;;;;;;;;;;AAUC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAClF,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6BC,0BAAeL,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/EM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;IAC/B,MAAMK,QAAAA,GAAWC,0BAAeR,OAAAA,EAAS,UAAA,CAAA;IACzC,qBACIS,eAAA,CAACC,wBAAYC,IAAI,EAAA;AACbC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QACzBX,KAAAA,EAAOA,KAAAA;QACPY,aAAAA,EAAe,CAACC,KAAAA,GAAUZ,QAAAA,CAAS,OAAOY,KAAAA,CAAMb,KAAK,KAAK,QAAA,GAAWa,KAAAA,CAAMb,KAAK,GAAGc,SAAAA,CAAAA;QACnFC,IAAAA,EAAMV,QAAAA,KAAaS,YAAY,SAAA,GAAY,UAAA;QAC3CT,QAAAA,EAAUA,QAAAA;AACVW,QAAAA,GAAAA,EAAKb,0BAAeL,OAAAA,EAAS,KAAA,CAAA;AAC7BmB,QAAAA,GAAAA,EAAKd,0BAAeL,OAAAA,EAAS,KAAA,CAAA;QAC7BoB,QAAAA,EAAUC,0BAAAA,CAAgBrB,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAsB,cAAA,CAACZ,wBAAYa,KAAK,EAAA;AAACC,gBAAAA,WAAAA,EAAahB,0BAAeR,OAAAA,EAAS,aAAA,CAAA;AAAgByB,gBAAAA,YAAAA,EAAYjB,0BAAeR,OAAAA,EAAS,WAAA;;AAC3GqB,YAAAA,0BAAAA,CAAgBrB,OAAAA,EAAS,aAAA,EAAe,KAAA,CAAA,kBACrCS,eAAA,CAACC,wBAAYgB,KAAK,EAAA;;AACd,kCAAAJ,cAAA,CAACZ,wBAAYiB,SAAS,EAAA;AAClB,wBAAA,QAAA,gBAAAL,cAAA,CAACM,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;AAEjB,kCAAAP,cAAA,CAACZ,wBAAYoB,SAAS,EAAA;AAClB,wBAAA,QAAA,gBAAAR,cAAA,CAACM,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;;;;;AAMrC;;"}

package/dist/cjs/form/PrimeInputText.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var inputtext = require('primereact/inputtext');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -13,8 +14,9 @@ var properties = require('../properties.js');
  * that state locally, seeded from the `value` property. The consequence is deliberate and worth knowing:
  * a preview is genuinely typeable instead of frozen, and the typed value is local to the rendered
  * component rather than pushed back into the model.
- */ function PrimeInputText({ element }) {
+ */ function PrimeInputText({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    scene_react.useValueOutput(bindingOutputs, value);
     return /*#__PURE__*/ jsxRuntime.jsx(inputtext.InputText, {
         "data-scene-id": element.id,
         value: value,

package/dist/cjs/form/PrimeInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeInputText.js","sources":["../../../form/PrimeInputText.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 { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputText` component - a single-line text field.\n *\n * PrimeReact inputs are controlled, and a Scene element has nowhere to put \"what the user has typed so\n * far\" - `properties` is authored design-time configuration, not live state. The adapter therefore owns\n * that state locally, seeded from the `value` property. The consequence is deliberate and worth knowing:\n * a preview is genuinely typeable instead of frozen, and the typed value is local to the rendered\n * component rather than pushed back into the model.\n */\nexport function PrimeInputText({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputText\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value)}\n            placeholder={stringProperty(element, 'placeholder')}\n            aria-label={stringProperty(element, 'ariaLabel')}\n            disabled={booleanProperty(element, 'disabled', false)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            invalid={booleanProperty(element, 'invalid', false)}\n        />\n    );\n}\n"],"names":["PrimeInputText","element","value","setValue","useState","stringProperty","_jsx","InputText","data-scene-id","id","onChange","event","target","placeholder","aria-label","disabled","booleanProperty","readOnly","invalid"],"mappings":";;;;;;;AAQA;;;;;;;;AAQC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,mBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMC,MAAM,CAACV,KAAK,CAAA;AAChDW,QAAAA,WAAAA,EAAaR,0BAAeJ,OAAAA,EAAS,aAAA,CAAA;AACrCa,QAAAA,YAAAA,EAAYT,0BAAeJ,OAAAA,EAAS,WAAA,CAAA;QACpCc,QAAAA,EAAUC,0BAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CgB,QAAAA,EAAUD,0BAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,OAAAA,EAASF,0BAAAA,CAAgBf,SAAS,SAAA,EAAW,KAAA;;AAGzD;;"}
+{"version":3,"file":"PrimeInputText.js","sources":["../../../form/PrimeInputText.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 { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputText` component - a single-line text field.\n *\n * PrimeReact inputs are controlled, and a Scene element has nowhere to put \"what the user has typed so\n * far\" - `properties` is authored design-time configuration, not live state. The adapter therefore owns\n * that state locally, seeded from the `value` property. The consequence is deliberate and worth knowing:\n * a preview is genuinely typeable instead of frozen, and the typed value is local to the rendered\n * component rather than pushed back into the model.\n */\nexport function PrimeInputText({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    useValueOutput(bindingOutputs, value);\n    return (\n        <InputText\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value)}\n            placeholder={stringProperty(element, 'placeholder')}\n            aria-label={stringProperty(element, 'ariaLabel')}\n            disabled={booleanProperty(element, 'disabled', false)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            invalid={booleanProperty(element, 'invalid', false)}\n        />\n    );\n}\n"],"names":["PrimeInputText","element","bindingOutputs","value","setValue","useState","stringProperty","useValueOutput","_jsx","InputText","data-scene-id","id","onChange","event","target","placeholder","aria-label","disabled","booleanProperty","readOnly","invalid"],"mappings":";;;;;;;;AAQA;;;;;;;;AAQC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAChF,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeL,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpEM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;AAC/B,IAAA,qBACIK,cAAA,CAACC,mBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBR,KAAAA,EAAOA,KAAAA;AACPS,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUT,QAAAA,CAASS,KAAAA,CAAMC,MAAM,CAACX,KAAK,CAAA;AAChDY,QAAAA,WAAAA,EAAaT,0BAAeL,OAAAA,EAAS,aAAA,CAAA;AACrCe,QAAAA,YAAAA,EAAYV,0BAAeL,OAAAA,EAAS,WAAA,CAAA;QACpCgB,QAAAA,EAAUC,0BAAAA,CAAgBjB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CkB,QAAAA,EAAUD,0BAAAA,CAAgBjB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CmB,OAAAA,EAASF,0BAAAA,CAAgBjB,SAAS,SAAA,EAAW,KAAA;;AAGzD;;"}

package/dist/cjs/form/PrimeInputTextarea.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var textarea = require('primereact/textarea');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -11,8 +12,9 @@ var properties = require('../properties.js');
  * One of the few components the version change left alone beyond its name: it is still a single element
  * rather than a composition, and `rows`, `cols` and `placeholder` still reach the underlying `<textarea>`
  * untouched. Holds the typed value locally for the same reason {@link PrimeInputText} does.
- */ function PrimeInputTextarea({ element }) {
+ */ function PrimeInputTextarea({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    scene_react.useValueOutput(bindingOutputs, value);
     return /*#__PURE__*/ jsxRuntime.jsx(textarea.Textarea, {
         "data-scene-id": element.id,
         value: value,

package/dist/cjs/form/PrimeInputTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeInputTextarea.js","sources":["../../../form/PrimeInputTextarea.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 { ChangeEvent, useState } from 'react';\nimport { Textarea } from 'primereact/textarea';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputTextarea` component - a multi-line text field, named `Textarea` by PrimeReact 11.\n *\n * One of the few components the version change left alone beyond its name: it is still a single element\n * rather than a composition, and `rows`, `cols` and `placeholder` still reach the underlying `<textarea>`\n * untouched. Holds the typed value locally for the same reason {@link PrimeInputText} does.\n */\nexport function PrimeInputTextarea({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <Textarea\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>) => setValue(event.target.value)}\n            rows={numberProperty(element, 'rows', 4)}\n            cols={numberProperty(element, 'cols')}\n            autoResize={booleanProperty(element, 'autoResize', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            aria-label={stringProperty(element, 'ariaLabel')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputTextarea","element","value","setValue","useState","stringProperty","_jsx","Textarea","data-scene-id","id","onChange","event","target","rows","numberProperty","cols","autoResize","booleanProperty","placeholder","aria-label","disabled"],"mappings":";;;;;;;AAQA;;;;;;AAMC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAA4CR,QAAAA,CAASQ,KAAAA,CAAMC,MAAM,CAACV,KAAK,CAAA;QAClFW,IAAAA,EAAMC,yBAAAA,CAAeb,SAAS,MAAA,EAAQ,CAAA,CAAA;AACtCc,QAAAA,IAAAA,EAAMD,0BAAeb,OAAAA,EAAS,MAAA,CAAA;QAC9Be,UAAAA,EAAYC,0BAAAA,CAAgBhB,SAAS,YAAA,EAAc,KAAA,CAAA;AACnDiB,QAAAA,WAAAA,EAAab,0BAAeJ,OAAAA,EAAS,aAAA,CAAA;AACrCkB,QAAAA,YAAAA,EAAYd,0BAAeJ,OAAAA,EAAS,WAAA,CAAA;QACpCmB,QAAAA,EAAUH,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;"}
+{"version":3,"file":"PrimeInputTextarea.js","sources":["../../../form/PrimeInputTextarea.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 { ChangeEvent, useState } from 'react';\nimport { Textarea } from 'primereact/textarea';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputTextarea` component - a multi-line text field, named `Textarea` by PrimeReact 11.\n *\n * One of the few components the version change left alone beyond its name: it is still a single element\n * rather than a composition, and `rows`, `cols` and `placeholder` still reach the underlying `<textarea>`\n * untouched. Holds the typed value locally for the same reason {@link PrimeInputText} does.\n */\nexport function PrimeInputTextarea({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    useValueOutput(bindingOutputs, value);\n    return (\n        <Textarea\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>) => setValue(event.target.value)}\n            rows={numberProperty(element, 'rows', 4)}\n            cols={numberProperty(element, 'cols')}\n            autoResize={booleanProperty(element, 'autoResize', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            aria-label={stringProperty(element, 'ariaLabel')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputTextarea","element","bindingOutputs","value","setValue","useState","stringProperty","useValueOutput","_jsx","Textarea","data-scene-id","id","onChange","event","target","rows","numberProperty","cols","autoResize","booleanProperty","placeholder","aria-label","disabled"],"mappings":";;;;;;;;AAQA;;;;;;AAMC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AACpF,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeL,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpEM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;AAC/B,IAAA,qBACIK,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBR,KAAAA,EAAOA,KAAAA;AACPS,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAA4CT,QAAAA,CAASS,KAAAA,CAAMC,MAAM,CAACX,KAAK,CAAA;QAClFY,IAAAA,EAAMC,yBAAAA,CAAef,SAAS,MAAA,EAAQ,CAAA,CAAA;AACtCgB,QAAAA,IAAAA,EAAMD,0BAAef,OAAAA,EAAS,MAAA,CAAA;QAC9BiB,UAAAA,EAAYC,0BAAAA,CAAgBlB,SAAS,YAAA,EAAc,KAAA,CAAA;AACnDmB,QAAAA,WAAAA,EAAad,0BAAeL,OAAAA,EAAS,aAAA,CAAA;AACrCoB,QAAAA,YAAAA,EAAYf,0BAAeL,OAAAA,EAAS,WAAA,CAAA;QACpCqB,QAAAA,EAAUH,0BAAAA,CAAgBlB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;"}

package/dist/cjs/form/PrimeMultiSelect.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var select = require('primereact/select');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -19,8 +20,9 @@ var properties = require('../properties.js');
  * v11 renders the selection through `Select.Value`, which joins the selected labels with commas and
  * offers no chip mode and no collapse threshold, so honoring either property would mean reimplementing
  * the value slot rather than configuring it.
- */ function PrimeMultiSelect({ element }) {
+ */ function PrimeMultiSelect({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.stringArrayProperty(element, 'value'));
+    scene_react.useValueOutput(bindingOutputs, value);
     const placeholder = properties.stringProperty(element, 'placeholder', 'Select');
     const filter = properties.booleanProperty(element, 'filter', false);
     return /*#__PURE__*/ jsxRuntime.jsxs(select.Select.Root, {

package/dist/cjs/form/PrimeMultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeMultiSelect.js","sources":["../../../form/PrimeMultiSelect.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 { Select } from 'primereact/select';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:multiSelect` component - a multiple-choice select.\n *\n * There is no `MultiSelect` in PrimeReact 11; the capability moved onto `Select`, which takes a\n * `multiple` prop. Keeping the abstract name and re-expressing it over `Select` is the whole point of\n * having an abstract name: a screen that says `multiSelect` keeps working, and only this file knows the\n * component behind it changed.\n *\n * Two v10 properties have nowhere to go and are deliberately dropped rather than silently ignored.\n * `display` chose between a comma-separated summary and a row of chips, and `maxSelectedLabels` collapsed\n * a long selection into an \"n items selected\" label - both were features of v10's own selection renderer.\n * v11 renders the selection through `Select.Value`, which joins the selected labels with commas and\n * offers no chip mode and no collapse threshold, so honoring either property would mean reimplementing\n * the value slot rather than configuring it.\n */\nexport function PrimeMultiSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringArrayProperty(element, 'value'));\n    const placeholder = stringProperty(element, 'placeholder', 'Select');\n    const filter = booleanProperty(element, 'filter', false);\n    return (\n        <Select.Root\n            data-scene-id={element.id}\n            multiple\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            filter={filter}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <Select.Trigger>\n                <Select.Value placeholder={placeholder} />\n                <Select.Arrow />\n            </Select.Trigger>\n            <Select.Portal>\n                <Select.Positioner>\n                    <Select.Popup>\n                        {filter && <Select.Filter placeholder={placeholder} />}\n                        <Select.List />\n                    </Select.Popup>\n                </Select.Positioner>\n            </Select.Portal>\n        </Select.Root>\n    );\n}\n"],"names":["PrimeMultiSelect","element","value","setValue","useState","stringArrayProperty","placeholder","stringProperty","filter","booleanProperty","_jsxs","Select","Root","data-scene-id","id","multiple","onValueChange","event","options","optionsProperty","optionLabel","optionValue","disabled","Trigger","_jsx","Value","Arrow","Portal","Positioner","Popup","Filter","List"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;;AAcC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAkBC,+BAAoBJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IACzE,MAAMK,WAAAA,GAAcC,yBAAAA,CAAeN,OAAAA,EAAS,aAAA,EAAe,QAAA,CAAA;IAC3D,MAAMO,MAAAA,GAASC,0BAAAA,CAAgBR,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA;IAClD,qBACIS,eAAA,CAACC,cAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;QACzBC,QAAQ,EAAA,IAAA;QACRb,KAAAA,EAAOA,KAAAA;AACPc,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUd,QAAAA,CAASc,KAAAA,CAAMf,KAAK,CAAA;AAC9CgB,QAAAA,OAAAA,EAASC,2BAAgBlB,OAAAA,EAAS,SAAA,CAAA;QAClCmB,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZb,MAAAA,EAAQA,MAAAA;QACRc,QAAAA,EAAUb,0BAAAA,CAAgBR,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAS,eAAA,CAACC,cAAOY,OAAO,EAAA;;AACX,kCAAAC,cAAA,CAACb,cAAOc,KAAK,EAAA;wBAACnB,WAAAA,EAAaA;;AAC3B,kCAAAkB,cAAA,CAACb,cAAOe,KAAK,EAAA,EAAA;;;AAEjB,0BAAAF,cAAA,CAACb,cAAOgB,MAAM,EAAA;wCACVH,cAAA,CAACb,cAAOiB,UAAU,EAAA;4CACdlB,eAAA,CAACC,cAAOkB,KAAK,EAAA;;4BACRrB,MAAAA,kBAAUgB,cAAA,CAACb,cAAOmB,MAAM,EAAA;gCAACxB,WAAAA,EAAaA;;AACvC,0CAAAkB,cAAA,CAACb,cAAOoB,IAAI,EAAA,EAAA;;;;;;;AAMpC;;"}
+{"version":3,"file":"PrimeMultiSelect.js","sources":["../../../form/PrimeMultiSelect.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 { Select } from 'primereact/select';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:multiSelect` component - a multiple-choice select.\n *\n * There is no `MultiSelect` in PrimeReact 11; the capability moved onto `Select`, which takes a\n * `multiple` prop. Keeping the abstract name and re-expressing it over `Select` is the whole point of\n * having an abstract name: a screen that says `multiSelect` keeps working, and only this file knows the\n * component behind it changed.\n *\n * Two v10 properties have nowhere to go and are deliberately dropped rather than silently ignored.\n * `display` chose between a comma-separated summary and a row of chips, and `maxSelectedLabels` collapsed\n * a long selection into an \"n items selected\" label - both were features of v10's own selection renderer.\n * v11 renders the selection through `Select.Value`, which joins the selected labels with commas and\n * offers no chip mode and no collapse threshold, so honoring either property would mean reimplementing\n * the value slot rather than configuring it.\n */\nexport function PrimeMultiSelect({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringArrayProperty(element, 'value'));\n    useValueOutput(bindingOutputs, value);\n    const placeholder = stringProperty(element, 'placeholder', 'Select');\n    const filter = booleanProperty(element, 'filter', false);\n    return (\n        <Select.Root\n            data-scene-id={element.id}\n            multiple\n            value={value}\n            onValueChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            filter={filter}\n            disabled={booleanProperty(element, 'disabled', false)}>\n            <Select.Trigger>\n                <Select.Value placeholder={placeholder} />\n                <Select.Arrow />\n            </Select.Trigger>\n            <Select.Portal>\n                <Select.Positioner>\n                    <Select.Popup>\n                        {filter && <Select.Filter placeholder={placeholder} />}\n                        <Select.List />\n                    </Select.Popup>\n                </Select.Positioner>\n            </Select.Portal>\n        </Select.Root>\n    );\n}\n"],"names":["PrimeMultiSelect","element","bindingOutputs","value","setValue","useState","stringArrayProperty","useValueOutput","placeholder","stringProperty","filter","booleanProperty","_jsxs","Select","Root","data-scene-id","id","multiple","onValueChange","event","options","optionsProperty","optionLabel","optionValue","disabled","Trigger","_jsx","Value","Arrow","Portal","Positioner","Popup","Filter","List"],"mappings":";;;;;;;;AAQA;;;;;;;;;;;;;;AAcC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAClF,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAkBC,+BAAoBL,OAAAA,EAAS,OAAA,CAAA,CAAA;AACzEM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;IAC/B,MAAMK,WAAAA,GAAcC,yBAAAA,CAAeR,OAAAA,EAAS,aAAA,EAAe,QAAA,CAAA;IAC3D,MAAMS,MAAAA,GAASC,0BAAAA,CAAgBV,OAAAA,EAAS,QAAA,EAAU,KAAA,CAAA;IAClD,qBACIW,eAAA,CAACC,cAAOC,IAAI,EAAA;AACRC,QAAAA,eAAAA,EAAed,QAAQe,EAAE;QACzBC,QAAQ,EAAA,IAAA;QACRd,KAAAA,EAAOA,KAAAA;AACPe,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUf,QAAAA,CAASe,KAAAA,CAAMhB,KAAK,CAAA;AAC9CiB,QAAAA,OAAAA,EAASC,2BAAgBpB,OAAAA,EAAS,SAAA,CAAA;QAClCqB,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZb,MAAAA,EAAQA,MAAAA;QACRc,QAAAA,EAAUb,0BAAAA,CAAgBV,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC/C,0BAAAW,eAAA,CAACC,cAAOY,OAAO,EAAA;;AACX,kCAAAC,cAAA,CAACb,cAAOc,KAAK,EAAA;wBAACnB,WAAAA,EAAaA;;AAC3B,kCAAAkB,cAAA,CAACb,cAAOe,KAAK,EAAA,EAAA;;;AAEjB,0BAAAF,cAAA,CAACb,cAAOgB,MAAM,EAAA;wCACVH,cAAA,CAACb,cAAOiB,UAAU,EAAA;4CACdlB,eAAA,CAACC,cAAOkB,KAAK,EAAA;;4BACRrB,MAAAA,kBAAUgB,cAAA,CAACb,cAAOmB,MAAM,EAAA;gCAACxB,WAAAA,EAAaA;;AACvC,0CAAAkB,cAAA,CAACb,cAAOoB,IAAI,EAAA,EAAA;;;;;;;AAMpC;;"}

package/dist/cjs/form/PrimePassword.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var inputpassword = require('primereact/inputpassword');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -14,8 +15,9 @@ var properties = require('../properties.js');
  * control to switch on - so neither property is read here. `mask` is exposed instead, which is the one
  * knob that survived and the one an authored screen can actually mean: a preview that starts revealed.
  * A screen that needs a reveal button now owns that button, because only the screen knows where it goes.
- */ function PrimePassword({ element }) {
+ */ function PrimePassword({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    scene_react.useValueOutput(bindingOutputs, value);
     return /*#__PURE__*/ jsxRuntime.jsx(inputpassword.InputPassword, {
         "data-scene-id": element.id,
         value: value,

package/dist/cjs/form/PrimePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimePassword.js","sources":["../../../form/PrimePassword.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 { InputPassword } from 'primereact/inputpassword';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:password` component - a masked field, named `InputPassword` by PrimeReact 11.\n *\n * v11 pared this back to what a password field actually is: an input that renders as `type=\"password\"`\n * until something flips `mask`. The v10 `feedback` strength meter and the `toggleMask` eye button are\n * both gone from the component - there is no prompt/weak/medium/strong panel and no built-in reveal\n * control to switch on - so neither property is read here. `mask` is exposed instead, which is the one\n * knob that survived and the one an authored screen can actually mean: a preview that starts revealed.\n * A screen that needs a reveal button now owns that button, because only the screen knows where it goes.\n */\nexport function PrimePassword({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputPassword\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value ?? '')}\n            mask={booleanProperty(element, 'mask', true)}\n            placeholder={stringProperty(element, 'placeholder')}\n            aria-label={stringProperty(element, 'ariaLabel')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimePassword","element","value","setValue","useState","stringProperty","_jsx","InputPassword","data-scene-id","id","onValueChange","event","mask","booleanProperty","placeholder","aria-label","disabled"],"mappings":";;;;;;;AAQA;;;;;;;;;AASC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,2BAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,IAAI,EAAA,CAAA;QAClDU,IAAAA,EAAMC,0BAAAA,CAAgBZ,SAAS,MAAA,EAAQ,IAAA,CAAA;AACvCa,QAAAA,WAAAA,EAAaT,0BAAeJ,OAAAA,EAAS,aAAA,CAAA;AACrCc,QAAAA,YAAAA,EAAYV,0BAAeJ,OAAAA,EAAS,WAAA,CAAA;QACpCe,QAAAA,EAAUH,0BAAAA,CAAgBZ,SAAS,UAAA,EAAY,KAAA;;AAG3D;;"}
+{"version":3,"file":"PrimePassword.js","sources":["../../../form/PrimePassword.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 { InputPassword } from 'primereact/inputpassword';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:password` component - a masked field, named `InputPassword` by PrimeReact 11.\n *\n * v11 pared this back to what a password field actually is: an input that renders as `type=\"password\"`\n * until something flips `mask`. The v10 `feedback` strength meter and the `toggleMask` eye button are\n * both gone from the component - there is no prompt/weak/medium/strong panel and no built-in reveal\n * control to switch on - so neither property is read here. `mask` is exposed instead, which is the one\n * knob that survived and the one an authored screen can actually mean: a preview that starts revealed.\n * A screen that needs a reveal button now owns that button, because only the screen knows where it goes.\n */\nexport function PrimePassword({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    useValueOutput(bindingOutputs, value);\n    return (\n        <InputPassword\n            data-scene-id={element.id}\n            value={value}\n            onValueChange={(event) => setValue(event.value ?? '')}\n            mask={booleanProperty(element, 'mask', true)}\n            placeholder={stringProperty(element, 'placeholder')}\n            aria-label={stringProperty(element, 'ariaLabel')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimePassword","element","bindingOutputs","value","setValue","useState","stringProperty","useValueOutput","_jsx","InputPassword","data-scene-id","id","onValueChange","event","mask","booleanProperty","placeholder","aria-label","disabled"],"mappings":";;;;;;;;AAQA;;;;;;;;;AASC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAC/E,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeL,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpEM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;AAC/B,IAAA,qBACIK,cAAA,CAACC,2BAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBR,KAAAA,EAAOA,KAAAA;AACPS,QAAAA,aAAAA,EAAe,CAACC,KAAAA,GAAUT,QAAAA,CAASS,KAAAA,CAAMV,KAAK,IAAI,EAAA,CAAA;QAClDW,IAAAA,EAAMC,0BAAAA,CAAgBd,SAAS,MAAA,EAAQ,IAAA,CAAA;AACvCe,QAAAA,WAAAA,EAAaV,0BAAeL,OAAAA,EAAS,aAAA,CAAA;AACrCgB,QAAAA,YAAAA,EAAYX,0BAAeL,OAAAA,EAAS,WAAA,CAAA;QACpCiB,QAAAA,EAAUH,0BAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA;;AAG3D;;"}

package/dist/cjs/form/PrimeRadioButton.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var radiobutton = require('primereact/radiobutton');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -17,8 +18,9 @@ var properties = require('../properties.js');
  * `Indicator`, and reports selection as `onCheckedChange`. Only the transition *into* checked is acted
  * on: the browser also fires the sibling losing its check, and treating that as a selection would clear
  * the value a moment after the user set it.
- */ function PrimeRadioButton({ element }) {
+ */ function PrimeRadioButton({ element, bindingOutputs }) {
     const [value, setValue] = react.useState(properties.stringProperty(element, 'value'));
+    scene_react.useValueOutput(bindingOutputs, value);
     const options = properties.optionsProperty(element, 'options');
     const choices = options.length > 0 ? options : [
         {

package/dist/cjs/form/PrimeRadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeRadioButton.js","sources":["../../../form/PrimeRadioButton.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 { RadioButton } from 'primereact/radiobutton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:radioButton` component - one exclusive choice out of several.\n *\n * PrimeReact's RadioButton is a single button, but a lone radio button is never what a screen means: the\n * choice is the group. The adapter therefore renders the whole group from `options`, sharing one\n * `name` so the browser enforces exclusivity, and falls back to a single button when only a `label` was\n * given.\n *\n * PrimeReact 11 splits each button into `Root` (the real radio input and its state), `Box` and\n * `Indicator`, and reports selection as `onCheckedChange`. Only the transition *into* checked is acted\n * on: the browser also fires the sibling losing its check, and treating that as a selection would clear\n * the value a moment after the user set it.\n */\nexport function PrimeRadioButton({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    const options = optionsProperty(element, 'options');\n    const choices = options.length > 0 ? options : [{ label: stringProperty(element, 'label', 'Option'), value: element.id }];\n    const disabled = booleanProperty(element, 'disabled', false);\n    return (\n        <div data-scene-id={element.id} className='flex flex-col gap-2'>\n            {choices.map((choice) => (\n                <div key={choice.value} className='flex items-center gap-2'>\n                    <RadioButton.Root\n                        inputId={`${element.id}-${choice.value}`}\n                        name={element.id}\n                        value={choice.value}\n                        checked={value === choice.value}\n                        onCheckedChange={(event) => {\n                            if (event.checked) setValue(choice.value);\n                        }}\n                        disabled={disabled}>\n                        <RadioButton.Box>\n                            <RadioButton.Indicator />\n                        </RadioButton.Box>\n                    </RadioButton.Root>\n                    <label htmlFor={`${element.id}-${choice.value}`}>{choice.label}</label>\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"names":["PrimeRadioButton","element","value","setValue","useState","stringProperty","options","optionsProperty","choices","length","label","id","disabled","booleanProperty","_jsx","div","data-scene-id","className","map","choice","_jsxs","RadioButton","Root","inputId","name","checked","onCheckedChange","event","Box","Indicator","htmlFor"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6BC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;IAC/E,MAAMK,OAAAA,GAAUC,2BAAgBN,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,MAAMO,OAAAA,GAAUF,OAAAA,CAAQG,MAAM,GAAG,IAAIH,OAAAA,GAAU;AAAC,QAAA;YAAEI,KAAAA,EAAOL,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,QAAA,CAAA;AAAWC,YAAAA,KAAAA,EAAOD,QAAQU;AAAG;AAAE,KAAA;IACzH,MAAMC,QAAAA,GAAWC,0BAAAA,CAAgBZ,OAAAA,EAAS,UAAA,EAAY,KAAA,CAAA;AACtD,IAAA,qBACIa,cAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAef,QAAQU,EAAE;QAAEM,SAAAA,EAAU,qBAAA;AACrCT,QAAAA,QAAAA,EAAAA,OAAAA,CAAQU,GAAG,CAAC,CAACC,MAAAA,iBACVC,eAAA,CAACL,KAAAA,EAAAA;gBAAuBE,SAAAA,EAAU,yBAAA;;AAC9B,kCAAAH,cAAA,CAACO,wBAAYC,IAAI,EAAA;wBACbC,OAAAA,EAAS,CAAA,EAAGtB,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AACxCsB,wBAAAA,IAAAA,EAAMvB,QAAQU,EAAE;AAChBT,wBAAAA,KAAAA,EAAOiB,OAAOjB,KAAK;wBACnBuB,OAAAA,EAASvB,KAAAA,KAAUiB,OAAOjB,KAAK;AAC/BwB,wBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAAA;AACd,4BAAA,IAAIA,KAAAA,CAAMF,OAAO,EAAEtB,QAAAA,CAASgB,OAAOjB,KAAK,CAAA;AAC5C,wBAAA,CAAA;wBACAU,QAAAA,EAAUA,QAAAA;gDACVE,cAAA,CAACO,wBAAYO,GAAG,EAAA;oDACZd,cAAA,CAACO,wBAAYQ,SAAS,EAAA,EAAA;;;kCAG9Bf,cAAA,CAACJ,OAAAA,EAAAA;wBAAMoB,OAAAA,EAAS,CAAA,EAAG7B,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AAAGiB,wBAAAA,QAAAA,EAAAA,MAAAA,CAAOT;;;AAdnDS,aAAAA,EAAAA,MAAAA,CAAOjB,KAAK,CAAA;;AAmBtC;;"}
+{"version":3,"file":"PrimeRadioButton.js","sources":["../../../form/PrimeRadioButton.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 { RadioButton } from 'primereact/radiobutton';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:radioButton` component - one exclusive choice out of several.\n *\n * PrimeReact's RadioButton is a single button, but a lone radio button is never what a screen means: the\n * choice is the group. The adapter therefore renders the whole group from `options`, sharing one\n * `name` so the browser enforces exclusivity, and falls back to a single button when only a `label` was\n * given.\n *\n * PrimeReact 11 splits each button into `Root` (the real radio input and its state), `Box` and\n * `Indicator`, and reports selection as `onCheckedChange`. Only the transition *into* checked is acted\n * on: the browser also fires the sibling losing its check, and treating that as a selection would clear\n * the value a moment after the user set it.\n */\nexport function PrimeRadioButton({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    useValueOutput(bindingOutputs, value);\n    const options = optionsProperty(element, 'options');\n    const choices = options.length > 0 ? options : [{ label: stringProperty(element, 'label', 'Option'), value: element.id }];\n    const disabled = booleanProperty(element, 'disabled', false);\n    return (\n        <div data-scene-id={element.id} className='flex flex-col gap-2'>\n            {choices.map((choice) => (\n                <div key={choice.value} className='flex items-center gap-2'>\n                    <RadioButton.Root\n                        inputId={`${element.id}-${choice.value}`}\n                        name={element.id}\n                        value={choice.value}\n                        checked={value === choice.value}\n                        onCheckedChange={(event) => {\n                            if (event.checked) setValue(choice.value);\n                        }}\n                        disabled={disabled}>\n                        <RadioButton.Box>\n                            <RadioButton.Indicator />\n                        </RadioButton.Box>\n                    </RadioButton.Root>\n                    <label htmlFor={`${element.id}-${choice.value}`}>{choice.label}</label>\n                </div>\n            ))}\n        </div>\n    );\n}\n"],"names":["PrimeRadioButton","element","bindingOutputs","value","setValue","useState","stringProperty","useValueOutput","options","optionsProperty","choices","length","label","id","disabled","booleanProperty","_jsx","div","data-scene-id","className","map","choice","_jsxs","RadioButton","Root","inputId","name","checked","onCheckedChange","event","Box","Indicator","htmlFor"],"mappings":";;;;;;;;AAQA;;;;;;;;;;;;AAYC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AAClF,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6BC,0BAAeL,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/EM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,KAAAA,CAAAA;IAC/B,MAAMK,OAAAA,GAAUC,2BAAgBR,OAAAA,EAAS,SAAA,CAAA;AACzC,IAAA,MAAMS,OAAAA,GAAUF,OAAAA,CAAQG,MAAM,GAAG,IAAIH,OAAAA,GAAU;AAAC,QAAA;YAAEI,KAAAA,EAAON,yBAAAA,CAAeL,SAAS,OAAA,EAAS,QAAA,CAAA;AAAWE,YAAAA,KAAAA,EAAOF,QAAQY;AAAG;AAAE,KAAA;IACzH,MAAMC,QAAAA,GAAWC,0BAAAA,CAAgBd,OAAAA,EAAS,UAAA,EAAY,KAAA,CAAA;AACtD,IAAA,qBACIe,cAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAejB,QAAQY,EAAE;QAAEM,SAAAA,EAAU,qBAAA;AACrCT,QAAAA,QAAAA,EAAAA,OAAAA,CAAQU,GAAG,CAAC,CAACC,MAAAA,iBACVC,eAAA,CAACL,KAAAA,EAAAA;gBAAuBE,SAAAA,EAAU,yBAAA;;AAC9B,kCAAAH,cAAA,CAACO,wBAAYC,IAAI,EAAA;wBACbC,OAAAA,EAAS,CAAA,EAAGxB,QAAQY,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOlB,KAAK,CAAA,CAAE;AACxCuB,wBAAAA,IAAAA,EAAMzB,QAAQY,EAAE;AAChBV,wBAAAA,KAAAA,EAAOkB,OAAOlB,KAAK;wBACnBwB,OAAAA,EAASxB,KAAAA,KAAUkB,OAAOlB,KAAK;AAC/ByB,wBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAAA;AACd,4BAAA,IAAIA,KAAAA,CAAMF,OAAO,EAAEvB,QAAAA,CAASiB,OAAOlB,KAAK,CAAA;AAC5C,wBAAA,CAAA;wBACAW,QAAAA,EAAUA,QAAAA;gDACVE,cAAA,CAACO,wBAAYO,GAAG,EAAA;oDACZd,cAAA,CAACO,wBAAYQ,SAAS,EAAA,EAAA;;;kCAG9Bf,cAAA,CAACJ,OAAAA,EAAAA;wBAAMoB,OAAAA,EAAS,CAAA,EAAG/B,QAAQY,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOlB,KAAK,CAAA,CAAE;AAAGkB,wBAAAA,QAAAA,EAAAA,MAAAA,CAAOT;;;AAdnDS,aAAAA,EAAAA,MAAAA,CAAOlB,KAAK,CAAA;;AAmBtC;;"}

package/dist/cjs/form/PrimeToggleSwitch.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var toggleswitch = require('primereact/toggleswitch');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /**
@@ -16,8 +17,9 @@ var properties = require('../properties.js');
  * `Root` renders the hidden checkbox that carries the state and the accessible name, and the visible
  * switch is `Control` plus the `Handle` that slides inside it. That is why `inputId` and not `id` is what
  * the label points at: the label has to reach the input, not the wrapper.
- */ function PrimeToggleSwitch({ element }) {
+ */ function PrimeToggleSwitch({ element, bindingOutputs }) {
     const [checked, setChecked] = react.useState(properties.booleanProperty(element, 'checked', false));
+    scene_react.useValueOutput(bindingOutputs, checked);
     const label = properties.stringProperty(element, 'label');
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         "data-scene-id": element.id,
@@ -26,6 +28,7 @@ var properties = require('../properties.js');
             /*#__PURE__*/ jsxRuntime.jsx(toggleswitch.ToggleSwitch.Root, {
                 inputId: element.id,
                 checked: checked,
+                ariaLabel: properties.stringProperty(element, 'ariaLabel'),
                 onCheckedChange: (event)=>setChecked(event.checked),
                 disabled: properties.booleanProperty(element, 'disabled', false),
                 children: /*#__PURE__*/ jsxRuntime.jsx(toggleswitch.ToggleSwitch.Control, {

package/dist/cjs/form/PrimeToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeToggleSwitch.js","sources":["../../../form/PrimeToggleSwitch.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 { ToggleSwitch } from 'primereact/toggleswitch';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:toggleSwitch` component.\n *\n * The abstract name has always been `toggleSwitch` even while PrimeReact 10 called the component\n * `InputSwitch` - a Scene name follows what the thing is rather than what one library happens to call it\n * this major version - and v11 renaming it `ToggleSwitch` is the library catching up rather than the\n * package moving.\n *\n * `Root` renders the hidden checkbox that carries the state and the accessible name, and the visible\n * switch is `Control` plus the `Handle` that slides inside it. That is why `inputId` and not `id` is what\n * the label points at: the label has to reach the input, not the wrapper.\n */\nexport function PrimeToggleSwitch({ element }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <ToggleSwitch.Root\n                inputId={element.id}\n                checked={checked}\n                onCheckedChange={(event) => setChecked(event.checked)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <ToggleSwitch.Control>\n                    <ToggleSwitch.Handle />\n                </ToggleSwitch.Control>\n            </ToggleSwitch.Root>\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeToggleSwitch","element","checked","setChecked","useState","booleanProperty","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","ToggleSwitch","Root","inputId","onCheckedChange","event","disabled","Control","Handle","undefined","htmlFor"],"mappings":";;;;;;;AAQA;;;;;;;;;;;AAWC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;AACnE,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAASC,0BAAAA,CAAgBJ,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;IAC3E,MAAMK,KAAAA,GAAQC,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIO,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;AACtC,0BAAAC,cAAA,CAACC,0BAAaC,IAAI,EAAA;AACdC,gBAAAA,OAAAA,EAASf,QAAQU,EAAE;gBACnBT,OAAAA,EAASA,OAAAA;AACTe,gBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAUf,UAAAA,CAAWe,KAAAA,CAAMhB,OAAO,CAAA;gBACpDiB,QAAAA,EAAUd,0BAAAA,CAAgBJ,SAAS,UAAA,EAAY,KAAA,CAAA;wCAC/CY,cAAA,CAACC,0BAAaM,OAAO,EAAA;4CACjBP,cAAA,CAACC,0BAAaO,MAAM,EAAA,EAAA;;;AAG3Bf,YAAAA,KAAAA,KAAUgB,2BAAaT,cAAA,CAACP,OAAAA,EAAAA;AAAMiB,gBAAAA,OAAAA,EAAStB,QAAQU,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;"}
+{"version":3,"file":"PrimeToggleSwitch.js","sources":["../../../form/PrimeToggleSwitch.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 { ToggleSwitch } from 'primereact/toggleswitch';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:toggleSwitch` component.\n *\n * The abstract name has always been `toggleSwitch` even while PrimeReact 10 called the component\n * `InputSwitch` - a Scene name follows what the thing is rather than what one library happens to call it\n * this major version - and v11 renaming it `ToggleSwitch` is the library catching up rather than the\n * package moving.\n *\n * `Root` renders the hidden checkbox that carries the state and the accessible name, and the visible\n * switch is `Control` plus the `Handle` that slides inside it. That is why `inputId` and not `id` is what\n * the label points at: the label has to reach the input, not the wrapper.\n */\nexport function PrimeToggleSwitch({ element, bindingOutputs }: RegisteredComponentProps) {\n    const [checked, setChecked] = useState(booleanProperty(element, 'checked', false));\n    useValueOutput(bindingOutputs, checked);\n    const label = stringProperty(element, 'label');\n    return (\n        <div data-scene-id={element.id} className='flex items-center gap-2'>\n            <ToggleSwitch.Root\n                inputId={element.id}\n                checked={checked}\n                ariaLabel={stringProperty(element, 'ariaLabel')}\n                onCheckedChange={(event) => setChecked(event.checked)}\n                disabled={booleanProperty(element, 'disabled', false)}>\n                <ToggleSwitch.Control>\n                    <ToggleSwitch.Handle />\n                </ToggleSwitch.Control>\n            </ToggleSwitch.Root>\n            {label !== undefined && <label htmlFor={element.id}>{label}</label>}\n        </div>\n    );\n}\n"],"names":["PrimeToggleSwitch","element","bindingOutputs","checked","setChecked","useState","booleanProperty","useValueOutput","label","stringProperty","_jsxs","div","data-scene-id","id","className","_jsx","ToggleSwitch","Root","inputId","ariaLabel","onCheckedChange","event","disabled","Control","Handle","undefined","htmlFor"],"mappings":";;;;;;;;AAQA;;;;;;;;;;;AAWC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAAEC,cAAc,EAA4B,EAAA;AACnF,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,cAAAA,CAASC,0BAAAA,CAAgBL,SAAS,SAAA,EAAW,KAAA,CAAA,CAAA;AAC3EM,IAAAA,0BAAAA,CAAeL,cAAAA,EAAgBC,OAAAA,CAAAA;IAC/B,MAAMK,KAAAA,GAAQC,0BAAeR,OAAAA,EAAS,OAAA,CAAA;AACtC,IAAA,qBACIS,eAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeX,QAAQY,EAAE;QAAEC,SAAAA,EAAU,yBAAA;;AACtC,0BAAAC,cAAA,CAACC,0BAAaC,IAAI,EAAA;AACdC,gBAAAA,OAAAA,EAASjB,QAAQY,EAAE;gBACnBV,OAAAA,EAASA,OAAAA;AACTgB,gBAAAA,SAAAA,EAAWV,0BAAeR,OAAAA,EAAS,WAAA,CAAA;AACnCmB,gBAAAA,eAAAA,EAAiB,CAACC,KAAAA,GAAUjB,UAAAA,CAAWiB,KAAAA,CAAMlB,OAAO,CAAA;gBACpDmB,QAAAA,EAAUhB,0BAAAA,CAAgBL,SAAS,UAAA,EAAY,KAAA,CAAA;wCAC/Cc,cAAA,CAACC,0BAAaO,OAAO,EAAA;4CACjBR,cAAA,CAACC,0BAAaQ,MAAM,EAAA,EAAA;;;AAG3BhB,YAAAA,KAAAA,KAAUiB,2BAAaV,cAAA,CAACP,OAAAA,EAAAA;AAAMkB,gBAAAA,OAAAA,EAASzB,QAAQY,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGjE;;"}

package/dist/cjs/inputDescriptors.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var scene_react = require('@cratis/scene.react');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const key = (name)=>scene_react.componentRegistryKey('PrimeReact', name);
+const common = [
+    {
+        path: 'ariaLabel',
+        label: 'Accessible name',
+        group: 'Accessibility',
+        valueType: scene_model.PropertyValueType.String
+    },
+    {
+        path: 'disabled',
+        label: 'Disabled',
+        group: 'Behavior',
+        valueType: scene_model.PropertyValueType.Boolean,
+        default: false
+    }
+];
+const placeholder = {
+    path: 'placeholder',
+    label: 'Placeholder',
+    group: 'Content',
+    valueType: scene_model.PropertyValueType.String
+};
+const checked = {
+    path: 'checked',
+    label: 'Initially checked',
+    group: 'Content',
+    valueType: scene_model.PropertyValueType.Boolean,
+    default: false
+};
+function input(name, displayName, valueType, properties = [
+    placeholder
+]) {
+    const output = scene_react.valueOutputProperty(valueType);
+    // A selection publishes the chosen option values; the item descriptor names them for a binding picker.
+    const value = valueType === scene_model.PropertyValueType.Collection ? {
+        ...output,
+        item: {
+            label: 'option value',
+            properties: []
+        }
+    } : output;
+    return {
+        component: key(name),
+        displayName,
+        properties: [
+            ...properties,
+            ...common,
+            value
+        ]
+    };
+}
+/**
+ * The input widgets that publish what the user entered as their `value` output (Cratis/StudioIssues#156).
+ * A designer offers the output as a binding source; a command action maps it as `component.<id>.value`.
+ */ const primeReactInputDescriptors = [
+    input('inputText', 'Text input', scene_model.PropertyValueType.String),
+    input('inputTextarea', 'Text area', scene_model.PropertyValueType.String),
+    input('password', 'Password', scene_model.PropertyValueType.String),
+    input('inputNumber', 'Number input', scene_model.PropertyValueType.Number),
+    input('calendar', 'Date picker', scene_model.PropertyValueType.String),
+    input('dropdown', 'Dropdown', scene_model.PropertyValueType.String),
+    input('multiSelect', 'Multi-select', scene_model.PropertyValueType.Collection),
+    input('radioButton', 'Radio group', scene_model.PropertyValueType.String, []),
+    input('checkbox', 'Checkbox', scene_model.PropertyValueType.Boolean, [
+        checked,
+        {
+            path: 'label',
+            label: 'Label',
+            group: 'Content',
+            valueType: scene_model.PropertyValueType.String
+        }
+    ]),
+    input('toggleSwitch', 'Toggle switch', scene_model.PropertyValueType.Boolean, [
+        checked
+    ])
+];
+
+exports.primeReactInputDescriptors = primeReactInputDescriptors;
+//# sourceMappingURL=inputDescriptors.js.map

package/dist/cjs/inputDescriptors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputDescriptors.js","sources":["../../inputDescriptors.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 { ComponentDescriptor, PropertyDescriptor, PropertyValueType } from '@cratis/scene.model';\nimport { componentRegistryKey, valueOutputProperty } from '@cratis/scene.react';\n\nconst key = (name: string) => componentRegistryKey('PrimeReact', name);\n\nconst common: PropertyDescriptor[] = [\n    { path: 'ariaLabel', label: 'Accessible name', group: 'Accessibility', valueType: PropertyValueType.String },\n    { path: 'disabled', label: 'Disabled', group: 'Behavior', valueType: PropertyValueType.Boolean, default: false },\n];\nconst placeholder: PropertyDescriptor = { path: 'placeholder', label: 'Placeholder', group: 'Content', valueType: PropertyValueType.String };\nconst checked: PropertyDescriptor = { path: 'checked', label: 'Initially checked', group: 'Content', valueType: PropertyValueType.Boolean, default: false };\n\nfunction input(name: string, displayName: string, valueType: PropertyValueType, properties: PropertyDescriptor[] = [placeholder]): ComponentDescriptor {\n    const output = valueOutputProperty(valueType);\n    // A selection publishes the chosen option values; the item descriptor names them for a binding picker.\n    const value = valueType === PropertyValueType.Collection ? { ...output, item: { label: 'option value', properties: [] } } : output;\n    return { component: key(name), displayName, properties: [...properties, ...common, value] };\n}\n\n/**\n * The input widgets that publish what the user entered as their `value` output (Cratis/StudioIssues#156).\n * A designer offers the output as a binding source; a command action maps it as `component.<id>.value`.\n */\nexport const primeReactInputDescriptors: ComponentDescriptor[] = [\n    input('inputText', 'Text input', PropertyValueType.String),\n    input('inputTextarea', 'Text area', PropertyValueType.String),\n    input('password', 'Password', PropertyValueType.String),\n    input('inputNumber', 'Number input', PropertyValueType.Number),\n    input('calendar', 'Date picker', PropertyValueType.String),\n    input('dropdown', 'Dropdown', PropertyValueType.String),\n    input('multiSelect', 'Multi-select', PropertyValueType.Collection),\n    input('radioButton', 'Radio group', PropertyValueType.String, []),\n    input('checkbox', 'Checkbox', PropertyValueType.Boolean, [checked, { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String }]),\n    input('toggleSwitch', 'Toggle switch', PropertyValueType.Boolean, [checked]),\n];\n"],"names":["key","name","componentRegistryKey","common","path","label","group","valueType","PropertyValueType","String","Boolean","default","placeholder","checked","input","displayName","properties","output","valueOutputProperty","value","Collection","item","component","primeReactInputDescriptors","Number"],"mappings":"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"}

package/dist/cjs/primeReactDescriptors.js

@@ -21,11 +21,13 @@ var TreeTableSelectionMode = require('./data/TreeTableSelectionMode.js');
 require('./file/FileUploadContext.js');
 var FileUploadMode = require('./file/FileUploadMode.js');
 require('primereact/fileupload');
+var inputDescriptors = require('./inputDescriptors.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 const key = (name)=>scene_react.componentRegistryKey('PrimeReact', name);
 /** Design-time descriptors for PrimeReact controls whose authored data has structured configuration. */ const primeReactDescriptors = [
+    ...inputDescriptors.primeReactInputDescriptors,
     {
         component: key('chart'),
         displayName: 'Chart',