@cratis/scene.primereact 0.1.0

package/dist/cjs/form/PrimeColorPicker.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var colorpicker = require('primereact/colorpicker');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:colorPicker` component.
+ *
+ * The value is kept as a hex string without the leading `#`, which is what ColorPicker's default
+ * `hex` format expects; a screen writing `#6366f1` therefore still works.
+ */ function PrimeColorPicker({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value', '6366f1').replace('#', ''));
+    return /*#__PURE__*/ jsxRuntime.jsx(colorpicker.ColorPicker, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(typeof event.value === 'string' ? event.value : value),
+        inline: properties.booleanProperty(element, 'inline', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeColorPicker = PrimeColorPicker;
+//# sourceMappingURL=PrimeColorPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeColorPicker.js","sources":["../../../form/PrimeColorPicker.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 { ColorPicker } from 'primereact/colorpicker';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:colorPicker` component.\n *\n * The value is kept as a hex string without the leading `#`, which is what ColorPicker's default\n * `hex` format expects; a screen writing `#6366f1` therefore still works.\n */\nexport function PrimeColorPicker({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', '6366f1').replace('#', ''));\n    return (\n        <ColorPicker\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(typeof event.value === 'string' ? event.value : value)}\n            inline={booleanProperty(element, 'inline', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeColorPicker","element","value","setValue","useState","stringProperty","replace","_jsx","ColorPicker","data-scene-id","id","onChange","event","inline","booleanProperty","disabled"],"mappings":";;;;;;;AAQA;;;;;AAKC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeJ,OAAAA,EAAS,OAAA,EAAS,QAAA,CAAA,CAAUK,OAAO,CAAC,GAAA,EAAK,EAAA,CAAA,CAAA;AAC3F,IAAA,qBACIC,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;QACzBR,KAAAA,EAAOA,KAAAA;QACPS,QAAAA,EAAU,CAACC,KAAAA,GAAUT,QAAAA,CAAS,OAAOS,KAAAA,CAAMV,KAAK,KAAK,QAAA,GAAWU,KAAAA,CAAMV,KAAK,GAAGA,KAAAA,CAAAA;QAC9EW,MAAAA,EAAQC,0BAAAA,CAAgBb,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3Cc,QAAAA,EAAUD,0BAAAA,CAAgBb,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeDropdown.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var dropdown = require('primereact/dropdown');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:dropdown` component - a single-choice select.
+ *
+ * Options are normalized by `optionsProperty`, so a screen may write either bare strings or
+ * `{ label, value }` records and get the same result.
+ *
+ * In PrimeReact 11 this component is renamed `Select`; see the migration notes in the package
+ * documentation.
+ */ function PrimeDropdown({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsxRuntime.jsx(dropdown.Dropdown, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: properties.optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        placeholder: properties.stringProperty(element, 'placeholder', 'Select'),
+        filter: properties.booleanProperty(element, 'filter', false),
+        showClear: properties.booleanProperty(element, 'showClear', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeDropdown = PrimeDropdown;
+//# sourceMappingURL=PrimeDropdown.js.map

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

@@ -0,0 +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 { Dropdown } from 'primereact/dropdown';\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 * In PrimeReact 11 this component is renamed `Select`; see the migration notes in the package\n * documentation.\n */\nexport function PrimeDropdown({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string | undefined>(stringProperty(element, 'value'));\n    return (\n        <Dropdown\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            filter={booleanProperty(element, 'filter', false)}\n            showClear={booleanProperty(element, 'showClear', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeDropdown","element","value","setValue","useState","stringProperty","_jsx","Dropdown","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","placeholder","filter","booleanProperty","showClear","disabled"],"mappings":";;;;;;;AAQA;;;;;;;;AAQC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;AAC/D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6BC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/E,IAAA,qBACIK,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,2BAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAaX,yBAAAA,CAAeJ,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDgB,MAAAA,EAAQC,0BAAAA,CAAgBjB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CkB,SAAAA,EAAWD,0BAAAA,CAAgBjB,SAAS,WAAA,EAAa,KAAA,CAAA;QACjDmB,QAAAA,EAAUF,0BAAAA,CAAgBjB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeFloatLabel.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var floatlabel = require('primereact/floatlabel');
+var inputtext = require('primereact/inputtext');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:floatLabel` component - a label that starts inside its field and floats above it once
+ * the field has focus or a value.
+ *
+ * FloatLabel is a wrapper, not a field, so the field it decorates comes from the `content` slot. An
+ * empty slot falls back to a plain text input rather than rendering a label attached to nothing, which
+ * would look like a styling bug rather than a missing child.
+ */ function PrimeFloatLabel({ element, slots }) {
+    const label = properties.stringProperty(element, 'label', 'Label');
+    return /*#__PURE__*/ jsxRuntime.jsxs(floatlabel.FloatLabel, {
+        "data-scene-id": element.id,
+        children: [
+            slots.content?.length ? slots.content : /*#__PURE__*/ jsxRuntime.jsx(inputtext.InputText, {
+                id: element.id
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("label", {
+                htmlFor: element.id,
+                children: label
+            })
+        ]
+    });
+}
+
+exports.PrimeFloatLabel = PrimeFloatLabel;
+//# sourceMappingURL=PrimeFloatLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeFloatLabel.js","sources":["../../../form/PrimeFloatLabel.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 { FloatLabel } from 'primereact/floatlabel';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:floatLabel` component - a label that starts inside its field and floats above it once\n * the field has focus or a value.\n *\n * FloatLabel is a wrapper, not a field, so the field it decorates comes from the `content` slot. An\n * empty slot falls back to a plain text input rather than rendering a label attached to nothing, which\n * would look like a styling bug rather than a missing child.\n */\nexport function PrimeFloatLabel({ element, slots }: RegisteredComponentProps) {\n    const label = stringProperty(element, 'label', 'Label');\n    return (\n        <FloatLabel data-scene-id={element.id}>\n            {slots.content?.length ? slots.content : <InputText id={element.id} />}\n            <label htmlFor={element.id}>{label}</label>\n        </FloatLabel>\n    );\n}\n"],"names":["PrimeFloatLabel","element","slots","label","stringProperty","_jsxs","FloatLabel","data-scene-id","id","content","length","_jsx","InputText","htmlFor"],"mappings":";;;;;;;AAQA;;;;;;;AAOC,IACM,SAASA,eAAAA,CAAgB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACxE,MAAMC,KAAAA,GAAQC,yBAAAA,CAAeH,OAAAA,EAAS,OAAA,EAAS,OAAA,CAAA;AAC/C,IAAA,qBACII,eAAA,CAACC,qBAAAA,EAAAA;AAAWC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;;AAChCN,YAAAA,KAAAA,CAAMO,OAAO,EAAEC,MAAAA,GAASR,KAAAA,CAAMO,OAAO,iBAAGE,cAAA,CAACC,mBAAAA,EAAAA;AAAUJ,gBAAAA,EAAAA,EAAIP,QAAQO;;0BAChEG,cAAA,CAACR,OAAAA,EAAAA;AAAMU,gBAAAA,OAAAA,EAASZ,QAAQO,EAAE;AAAGL,gBAAAA,QAAAA,EAAAA;;;;AAGzC;;;;"}

package/dist/cjs/form/PrimeIconField.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var iconfield = require('primereact/iconfield');
+var inputicon = require('primereact/inputicon');
+var inputtext = require('primereact/inputtext');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:iconField` component - a field with an icon rendered inside it.
+ *
+ * Like {@link PrimeFloatLabel} this decorates a field rather than being one, so the field comes from the
+ * `content` slot with a plain text input as the fallback.
+ */ function PrimeIconField({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsxs(iconfield.IconField, {
+        "data-scene-id": element.id,
+        iconPosition: properties.stringProperty(element, 'iconPosition', 'left'),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(inputicon.InputIcon, {
+                className: properties.stringProperty(element, 'icon', 'pi pi-search')
+            }),
+            slots.content?.length ? slots.content : /*#__PURE__*/ jsxRuntime.jsx(inputtext.InputText, {
+                placeholder: properties.stringProperty(element, 'placeholder')
+            })
+        ]
+    });
+}
+
+exports.PrimeIconField = PrimeIconField;
+//# sourceMappingURL=PrimeIconField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeIconField.js","sources":["../../../form/PrimeIconField.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 { IconField } from 'primereact/iconfield';\nimport { InputIcon } from 'primereact/inputicon';\nimport { InputText } from 'primereact/inputtext';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:iconField` component - a field with an icon rendered inside it.\n *\n * Like {@link PrimeFloatLabel} this decorates a field rather than being one, so the field comes from the\n * `content` slot with a plain text input as the fallback.\n */\nexport function PrimeIconField({ element, slots }: RegisteredComponentProps) {\n    return (\n        <IconField data-scene-id={element.id} iconPosition={stringProperty(element, 'iconPosition', 'left') as 'left' | 'right'}>\n            <InputIcon className={stringProperty(element, 'icon', 'pi pi-search')} />\n            {slots.content?.length ? slots.content : <InputText placeholder={stringProperty(element, 'placeholder')} />}\n        </IconField>\n    );\n}\n"],"names":["PrimeIconField","element","slots","_jsxs","IconField","data-scene-id","id","iconPosition","stringProperty","_jsx","InputIcon","className","content","length","InputText","placeholder"],"mappings":";;;;;;;;AASA;;;;;AAKC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACvE,IAAA,qBACIC,eAAA,CAACC,mBAAAA,EAAAA;AAAUC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,YAAAA,EAAcC,yBAAAA,CAAeP,SAAS,cAAA,EAAgB,MAAA,CAAA;;0BACxFQ,cAAA,CAACC,mBAAAA,EAAAA;gBAAUC,SAAAA,EAAWH,yBAAAA,CAAeP,SAAS,MAAA,EAAQ,cAAA;;AACrDC,YAAAA,KAAAA,CAAMU,OAAO,EAAEC,MAAAA,GAASX,KAAAA,CAAMU,OAAO,iBAAGH,cAAA,CAACK,mBAAAA,EAAAA;AAAUC,gBAAAA,WAAAA,EAAaP,0BAAeP,OAAAA,EAAS,aAAA;;;;AAGrG;;;;"}

package/dist/cjs/form/PrimeInputMask.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var inputmask = require('primereact/inputmask');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.
+ *
+ * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates
+ * what a mask does; a real screen always supplies its own `mask`.
+ */ function PrimeInputMask({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsxRuntime.jsx(inputmask.InputMask, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value ?? ''),
+        mask: properties.stringProperty(element, 'mask', '(999) 999-9999'),
+        placeholder: properties.stringProperty(element, 'placeholder'),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeInputMask = PrimeInputMask;
+//# sourceMappingURL=PrimeInputMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeInputMask.js","sources":["../../../form/PrimeInputMask.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport { InputMask } from 'primereact/inputmask';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputMask` component - a text field constrained to a fixed pattern.\n *\n * Defaults to a phone-number mask so an element authored with nothing but a name still demonstrates\n * what a mask does; a real screen always supplies its own `mask`.\n */\nexport function PrimeInputMask({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <InputMask\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value ?? '')}\n            mask={stringProperty(element, 'mask', '(999) 999-9999')}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputMask","element","value","setValue","useState","stringProperty","_jsx","InputMask","data-scene-id","id","onChange","event","target","mask","placeholder","disabled","booleanProperty"],"mappings":";;;;;;;AAQA;;;;;AAKC,IACM,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAA4B,EAAA;AAChE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,EAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,mBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,MAAMC,MAAM,CAACV,KAAK,IAAI,EAAA,CAAA;QACpDW,IAAAA,EAAMR,yBAAAA,CAAeJ,SAAS,MAAA,EAAQ,gBAAA,CAAA;AACtCa,QAAAA,WAAAA,EAAaT,0BAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCc,QAAAA,EAAUC,0BAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeInputNumber.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var inputnumber = require('primereact/inputnumber');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:inputNumber` component - a numeric field with locale-aware formatting.
+ *
+ * `mode` and `currency` are passed straight through because that is where InputNumber earns its keep
+ * over a plain text field: it formats and parses in the user's locale rather than making a screen do it.
+ */ function PrimeInputNumber({ element }) {
+    const [value, setValue] = react.useState(properties.numberProperty(element, 'value'));
+    const currency = properties.stringProperty(element, 'currency');
+    return /*#__PURE__*/ jsxRuntime.jsx(inputnumber.InputNumber, {
+        "data-scene-id": element.id,
+        value: value,
+        onValueChange: (event)=>setValue(typeof event.value === 'number' ? event.value : undefined),
+        mode: currency === undefined ? 'decimal' : 'currency',
+        currency: currency,
+        min: properties.numberProperty(element, 'min'),
+        max: properties.numberProperty(element, 'max'),
+        showButtons: properties.booleanProperty(element, 'showButtons', false),
+        placeholder: properties.stringProperty(element, 'placeholder'),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeInputNumber = PrimeInputNumber;
+//# sourceMappingURL=PrimeInputNumber.js.map

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

@@ -0,0 +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 */\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\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            showButtons={booleanProperty(element, 'showButtons', false)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputNumber","element","value","setValue","useState","numberProperty","currency","stringProperty","_jsx","InputNumber","data-scene-id","id","onValueChange","event","undefined","mode","min","max","showButtons","booleanProperty","placeholder","disabled"],"mappings":";;;;;;;AAQA;;;;;AAKC,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;AACzC,IAAA,qBACIO,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;QACzBT,KAAAA,EAAOA,KAAAA;QACPU,aAAAA,EAAe,CAACC,KAAAA,GAAUV,QAAAA,CAAS,OAAOU,KAAAA,CAAMX,KAAK,KAAK,QAAA,GAAWW,KAAAA,CAAMX,KAAK,GAAGY,SAAAA,CAAAA;QACnFC,IAAAA,EAAMT,QAAAA,KAAaQ,YAAY,SAAA,GAAY,UAAA;QAC3CR,QAAAA,EAAUA,QAAAA;AACVU,QAAAA,GAAAA,EAAKX,0BAAeJ,OAAAA,EAAS,KAAA,CAAA;AAC7BgB,QAAAA,GAAAA,EAAKZ,0BAAeJ,OAAAA,EAAS,KAAA,CAAA;QAC7BiB,WAAAA,EAAaC,0BAAAA,CAAgBlB,SAAS,aAAA,EAAe,KAAA,CAAA;AACrDmB,QAAAA,WAAAA,EAAab,0BAAeN,OAAAA,EAAS,aAAA,CAAA;QACrCoB,QAAAA,EAAUF,0BAAAA,CAAgBlB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeInputText.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var inputtext = require('primereact/inputtext');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:inputText` component - a single-line text field.
+ *
+ * PrimeReact inputs are controlled, and a Scene element has nowhere to put "what the user has typed so
+ * far" - `properties` is authored design-time configuration, not live state. The adapter therefore owns
+ * 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 }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsxRuntime.jsx(inputtext.InputText, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value),
+        placeholder: properties.stringProperty(element, 'placeholder'),
+        disabled: properties.booleanProperty(element, 'disabled', false),
+        readOnly: properties.booleanProperty(element, 'readOnly', false),
+        invalid: properties.booleanProperty(element, 'invalid', false)
+    });
+}
+
+exports.PrimeInputText = PrimeInputText;
+//# sourceMappingURL=PrimeInputText.js.map

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

@@ -0,0 +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            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","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;QACrCa,QAAAA,EAAUC,0BAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/Ce,QAAAA,EAAUD,0BAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CgB,OAAAA,EAASF,0BAAAA,CAAgBd,SAAS,SAAA,EAAW,KAAA;;AAGzD;;;;"}

package/dist/cjs/form/PrimeInputTextarea.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var inputtextarea = require('primereact/inputtextarea');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:inputTextarea` component - a multi-line text field.
+ *
+ * Holds the typed value locally for the same reason {@link PrimeInputText} does.
+ */ function PrimeInputTextarea({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsxRuntime.jsx(inputtextarea.InputTextarea, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value),
+        rows: properties.numberProperty(element, 'rows', 4),
+        cols: properties.numberProperty(element, 'cols'),
+        autoResize: properties.booleanProperty(element, 'autoResize', false),
+        placeholder: properties.stringProperty(element, 'placeholder'),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeInputTextarea = PrimeInputTextarea;
+//# sourceMappingURL=PrimeInputTextarea.js.map

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

@@ -0,0 +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 { useState } from 'react';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:inputTextarea` component - a multi-line text field.\n *\n * 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        <InputTextarea\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => 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            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeInputTextarea","element","value","setValue","useState","stringProperty","_jsx","InputTextarea","data-scene-id","id","onChange","event","target","rows","numberProperty","cols","autoResize","booleanProperty","placeholder","disabled"],"mappings":";;;;;;;AAQA;;;;AAIC,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,2BAAAA,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;QAChDW,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;QACrCkB,QAAAA,EAAUF,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeKnob.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var knob = require('primereact/knob');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:knob` component - a circular value picker that doubles as a readout.
+ */ function PrimeKnob({ element }) {
+    const [value, setValue] = react.useState(properties.numberProperty(element, 'value', 0));
+    return /*#__PURE__*/ jsxRuntime.jsx(knob.Knob, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        min: properties.numberProperty(element, 'min', 0),
+        max: properties.numberProperty(element, 'max', 100),
+        step: properties.numberProperty(element, 'step', 1),
+        size: properties.numberProperty(element, 'size', 100),
+        readOnly: properties.booleanProperty(element, 'readOnly', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeKnob = PrimeKnob;
+//# sourceMappingURL=PrimeKnob.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeKnob.js","sources":["../../../form/PrimeKnob.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 { Knob } from 'primereact/knob';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:knob` component - a circular value picker that doubles as a readout.\n */\nexport function PrimeKnob({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(numberProperty(element, 'value', 0));\n    return (\n        <Knob\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            min={numberProperty(element, 'min', 0)}\n            max={numberProperty(element, 'max', 100)}\n            step={numberProperty(element, 'step', 1)}\n            size={numberProperty(element, 'size', 100)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeKnob","element","value","setValue","useState","numberProperty","_jsx","Knob","data-scene-id","id","onChange","event","min","max","step","size","readOnly","booleanProperty","disabled"],"mappings":";;;;;;;AAQA;;AAEC,IACM,SAASA,SAAAA,CAAU,EAAEC,OAAO,EAA4B,EAAA;AAC3D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASC,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,CAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,SAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;QACzCU,GAAAA,EAAKP,yBAAAA,CAAeJ,SAAS,KAAA,EAAO,CAAA,CAAA;QACpCY,GAAAA,EAAKR,yBAAAA,CAAeJ,SAAS,KAAA,EAAO,GAAA,CAAA;QACpCa,IAAAA,EAAMT,yBAAAA,CAAeJ,SAAS,MAAA,EAAQ,CAAA,CAAA;QACtCc,IAAAA,EAAMV,yBAAAA,CAAeJ,SAAS,MAAA,EAAQ,GAAA,CAAA;QACtCe,QAAAA,EAAUC,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,QAAAA,EAAUD,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeListBox.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var listbox = require('primereact/listbox');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:listBox` component - an always-visible list of choices.
+ *
+ * The alternative to a dropdown when the choices matter enough to stay on screen; `multiple` switches it
+ * between one and many.
+ */ function PrimeListBox({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsxRuntime.jsx(listbox.ListBox, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: properties.optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        multiple: properties.booleanProperty(element, 'multiple', false),
+        filter: properties.booleanProperty(element, 'filter', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeListBox = PrimeListBox;
+//# sourceMappingURL=PrimeListBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeListBox.js","sources":["../../../form/PrimeListBox.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 { ListBox } from 'primereact/listbox';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:listBox` component - an always-visible list of choices.\n *\n * The alternative to a dropdown when the choices matter enough to stay on screen; `multiple` switches it\n * between one and many.\n */\nexport function PrimeListBox({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <ListBox\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            multiple={booleanProperty(element, 'multiple', false)}\n            filter={booleanProperty(element, 'filter', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeListBox","element","value","setValue","useState","stringProperty","_jsx","ListBox","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","multiple","booleanProperty","filter","disabled"],"mappings":";;;;;;;AAQA;;;;;AAKC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAA4B,EAAA;AAC9D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAkBC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,eAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,2BAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,QAAAA,EAAUC,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,MAAAA,EAAQD,0BAAAA,CAAgBhB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CkB,QAAAA,EAAUF,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeMultiSelect.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var multiselect = require('primereact/multiselect');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:multiSelect` component - a multiple-choice select with a checkbox list.
+ */ function PrimeMultiSelect({ element }) {
+    const [value, setValue] = react.useState(properties.stringArrayProperty(element, 'value'));
+    return /*#__PURE__*/ jsxRuntime.jsx(multiselect.MultiSelect, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: properties.optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        display: properties.stringProperty(element, 'display', 'comma'),
+        placeholder: properties.stringProperty(element, 'placeholder', 'Select'),
+        filter: properties.booleanProperty(element, 'filter', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeMultiSelect = PrimeMultiSelect;
+//# sourceMappingURL=PrimeMultiSelect.js.map

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

@@ -0,0 +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 { MultiSelect } from 'primereact/multiselect';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:multiSelect` component - a multiple-choice select with a checkbox list.\n */\nexport function PrimeMultiSelect({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<string[]>(stringArrayProperty(element, 'value'));\n    return (\n        <MultiSelect\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            display={stringProperty(element, 'display', 'comma') as 'comma' | 'chip'}\n            placeholder={stringProperty(element, 'placeholder', 'Select')}\n            filter={booleanProperty(element, 'filter', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeMultiSelect","element","value","setValue","useState","stringArrayProperty","_jsx","MultiSelect","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","display","stringProperty","placeholder","filter","booleanProperty","disabled"],"mappings":";;;;;;;AAQA;;AAEC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;AAClE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAmBC,+BAAoBJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC1E,IAAA,qBACIK,cAAA,CAACC,uBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,2BAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,OAAAA,EAASC,yBAAAA,CAAehB,SAAS,SAAA,EAAW,OAAA,CAAA;QAC5CiB,WAAAA,EAAaD,yBAAAA,CAAehB,SAAS,aAAA,EAAe,QAAA,CAAA;QACpDkB,MAAAA,EAAQC,0BAAAA,CAAgBnB,SAAS,QAAA,EAAU,KAAA,CAAA;QAC3CoB,QAAAA,EAAUD,0BAAAA,CAAgBnB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimePassword.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var password = require('primereact/password');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:password` component - a masked field with an optional strength meter.
+ */ function PrimePassword({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value', ''));
+    return /*#__PURE__*/ jsxRuntime.jsx(password.Password, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.target.value),
+        feedback: properties.booleanProperty(element, 'feedback', true),
+        toggleMask: properties.booleanProperty(element, 'toggleMask', true),
+        placeholder: properties.stringProperty(element, 'placeholder'),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimePassword = PrimePassword;
+//# sourceMappingURL=PrimePassword.js.map

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

@@ -0,0 +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 { Password } from 'primereact/password';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:password` component - a masked field with an optional strength meter.\n */\nexport function PrimePassword({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState(stringProperty(element, 'value', ''));\n    return (\n        <Password\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.target.value)}\n            feedback={booleanProperty(element, 'feedback', true)}\n            toggleMask={booleanProperty(element, 'toggleMask', true)}\n            placeholder={stringProperty(element, 'placeholder')}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimePassword","element","value","setValue","useState","stringProperty","_jsx","Password","data-scene-id","id","onChange","event","target","feedback","booleanProperty","toggleMask","placeholder","disabled"],"mappings":";;;;;;;AAQA;;AAEC,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,iBAAAA,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;QAChDW,QAAAA,EAAUC,0BAAAA,CAAgBb,SAAS,UAAA,EAAY,IAAA,CAAA;QAC/Cc,UAAAA,EAAYD,0BAAAA,CAAgBb,SAAS,YAAA,EAAc,IAAA,CAAA;AACnDe,QAAAA,WAAAA,EAAaX,0BAAeJ,OAAAA,EAAS,aAAA,CAAA;QACrCgB,QAAAA,EAAUH,0BAAAA,CAAgBb,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeRadioButton.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var radiobutton = require('primereact/radiobutton');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:radioButton` component - one exclusive choice out of several.
+ *
+ * PrimeReact's RadioButton is a single button, but a lone radio button is never what a screen means: the
+ * choice is the group. The adapter therefore renders the whole group from `options`, sharing one
+ * `name` so the browser enforces exclusivity, and falls back to a single button when only a `label` was
+ * given.
+ */ function PrimeRadioButton({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value'));
+    const options = properties.optionsProperty(element, 'options');
+    const choices = options.length > 0 ? options : [
+        {
+            label: properties.stringProperty(element, 'label', 'Option'),
+            value: element.id
+        }
+    ];
+    const disabled = properties.booleanProperty(element, 'disabled', false);
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        "data-scene-id": element.id,
+        className: "flex flex-col gap-2",
+        children: choices.map((choice)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(radiobutton.RadioButton, {
+                        inputId: `${element.id}-${choice.value}`,
+                        name: element.id,
+                        value: choice.value,
+                        checked: value === choice.value,
+                        onChange: (event)=>setValue(event.value),
+                        disabled: disabled
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("label", {
+                        htmlFor: `${element.id}-${choice.value}`,
+                        children: choice.label
+                    })
+                ]
+            }, choice.value))
+    });
+}
+
+exports.PrimeRadioButton = PrimeRadioButton;
+//# sourceMappingURL=PrimeRadioButton.js.map

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

@@ -0,0 +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 */\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\n                        inputId={`${element.id}-${choice.value}`}\n                        name={element.id}\n                        value={choice.value}\n                        checked={value === choice.value}\n                        onChange={(event) => setValue(event.value)}\n                        disabled={disabled}\n                    />\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","inputId","name","checked","onChange","event","htmlFor"],"mappings":";;;;;;;AAQA;;;;;;;AAOC,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;;kCAC9BH,cAAA,CAACO,uBAAAA,EAAAA;wBACGC,OAAAA,EAAS,CAAA,EAAGrB,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AACxCqB,wBAAAA,IAAAA,EAAMtB,QAAQU,EAAE;AAChBT,wBAAAA,KAAAA,EAAOiB,OAAOjB,KAAK;wBACnBsB,OAAAA,EAAStB,KAAAA,KAAUiB,OAAOjB,KAAK;AAC/BuB,wBAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUvB,QAAAA,CAASuB,KAAAA,CAAMxB,KAAK,CAAA;wBACzCU,QAAAA,EAAUA;;kCAEdE,cAAA,CAACJ,OAAAA,EAAAA;wBAAMiB,OAAAA,EAAS,CAAA,EAAG1B,QAAQU,EAAE,CAAC,CAAC,EAAEQ,MAAAA,CAAOjB,KAAK,CAAA,CAAE;AAAGiB,wBAAAA,QAAAA,EAAAA,MAAAA,CAAOT;;;AATnDS,aAAAA,EAAAA,MAAAA,CAAOjB,KAAK,CAAA;;AActC;;;;"}

package/dist/cjs/form/PrimeRating.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var rating = require('primereact/rating');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:rating` component - a star rating.
+ */ function PrimeRating({ element }) {
+    const [value, setValue] = react.useState(properties.numberProperty(element, 'value'));
+    return /*#__PURE__*/ jsxRuntime.jsx(rating.Rating, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(typeof event.value === 'number' ? event.value : undefined),
+        stars: properties.numberProperty(element, 'stars', 5),
+        cancel: properties.booleanProperty(element, 'cancel', true),
+        readOnly: properties.booleanProperty(element, 'readOnly', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeRating = PrimeRating;
+//# sourceMappingURL=PrimeRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeRating.js","sources":["../../../form/PrimeRating.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 { Rating } from 'primereact/rating';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty } from '../properties';\n\n/**\n * The `PrimeReact:rating` component - a star rating.\n */\nexport function PrimeRating({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<number | undefined>(numberProperty(element, 'value'));\n    return (\n        <Rating\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(typeof event.value === 'number' ? event.value : undefined)}\n            stars={numberProperty(element, 'stars', 5)}\n            cancel={booleanProperty(element, 'cancel', true)}\n            readOnly={booleanProperty(element, 'readOnly', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeRating","element","value","setValue","useState","numberProperty","_jsx","Rating","data-scene-id","id","onChange","event","undefined","stars","cancel","booleanProperty","readOnly","disabled"],"mappings":";;;;;;;AAQA;;AAEC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;AAC7D,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAA6BC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AAC/E,IAAA,qBACIK,cAAA,CAACC,aAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;QACPQ,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAAS,OAAOQ,KAAAA,CAAMT,KAAK,KAAK,QAAA,GAAWS,KAAAA,CAAMT,KAAK,GAAGU,SAAAA,CAAAA;QAC9EC,KAAAA,EAAOR,yBAAAA,CAAeJ,SAAS,OAAA,EAAS,CAAA,CAAA;QACxCa,MAAAA,EAAQC,0BAAAA,CAAgBd,SAAS,QAAA,EAAU,IAAA,CAAA;QAC3Ce,QAAAA,EAAUD,0BAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CgB,QAAAA,EAAUF,0BAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeSelectButton.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var selectbutton = require('primereact/selectbutton');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:selectButton` component - a small set of choices shown as joined toggle buttons.
+ *
+ * In PrimeReact 11 this component is renamed `ToggleButtonGroup`.
+ */ function PrimeSelectButton({ element }) {
+    const [value, setValue] = react.useState(properties.stringProperty(element, 'value'));
+    return /*#__PURE__*/ jsxRuntime.jsx(selectbutton.SelectButton, {
+        "data-scene-id": element.id,
+        value: value,
+        onChange: (event)=>setValue(event.value),
+        options: properties.optionsProperty(element, 'options'),
+        optionLabel: "label",
+        optionValue: "value",
+        multiple: properties.booleanProperty(element, 'multiple', false),
+        disabled: properties.booleanProperty(element, 'disabled', false)
+    });
+}
+
+exports.PrimeSelectButton = PrimeSelectButton;
+//# sourceMappingURL=PrimeSelectButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeSelectButton.js","sources":["../../../form/PrimeSelectButton.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 { SelectButton } from 'primereact/selectbutton';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, optionsProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:selectButton` component - a small set of choices shown as joined toggle buttons.\n *\n * In PrimeReact 11 this component is renamed `ToggleButtonGroup`.\n */\nexport function PrimeSelectButton({ element }: RegisteredComponentProps) {\n    const [value, setValue] = useState<unknown>(stringProperty(element, 'value'));\n    return (\n        <SelectButton\n            data-scene-id={element.id}\n            value={value}\n            onChange={(event) => setValue(event.value)}\n            options={optionsProperty(element, 'options')}\n            optionLabel='label'\n            optionValue='value'\n            multiple={booleanProperty(element, 'multiple', false)}\n            disabled={booleanProperty(element, 'disabled', false)}\n        />\n    );\n}\n"],"names":["PrimeSelectButton","element","value","setValue","useState","stringProperty","_jsx","SelectButton","data-scene-id","id","onChange","event","options","optionsProperty","optionLabel","optionValue","multiple","booleanProperty","disabled"],"mappings":";;;;;;;AAQA;;;;AAIC,IACM,SAASA,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;AACnE,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAkBC,0BAAeJ,OAAAA,EAAS,OAAA,CAAA,CAAA;AACpE,IAAA,qBACIK,cAAA,CAACC,yBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;QACzBP,KAAAA,EAAOA,KAAAA;AACPQ,QAAAA,QAAAA,EAAU,CAACC,KAAAA,GAAUR,QAAAA,CAASQ,KAAAA,CAAMT,KAAK,CAAA;AACzCU,QAAAA,OAAAA,EAASC,2BAAgBZ,OAAAA,EAAS,SAAA,CAAA;QAClCa,WAAAA,EAAY,OAAA;QACZC,WAAAA,EAAY,OAAA;QACZC,QAAAA,EAAUC,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/CiB,QAAAA,EAAUD,0BAAAA,CAAgBhB,SAAS,UAAA,EAAY,KAAA;;AAG3D;;;;"}

package/dist/cjs/form/PrimeSlider.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var slider = require('primereact/slider');
+var properties = require('../properties.js');
+
+/**
+ * The `PrimeReact:slider` component - a value picked along a track.
+ *
+ * Given a width because Slider renders as a zero-height track that collapses to nothing in an
+ * auto-sized container - the one piece of layout it cannot supply for itself.
+ */ function PrimeSlider({ element }) {
+    const [value, setValue] = react.useState(properties.numberProperty(element, 'value', 50));
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        "data-scene-id": element.id,
+        className: "w-64",
+        children: /*#__PURE__*/ jsxRuntime.jsx(slider.Slider, {
+            value: value,
+            onChange: (event)=>setValue(typeof event.value === 'number' ? event.value : value),
+            min: properties.numberProperty(element, 'min', 0),
+            max: properties.numberProperty(element, 'max', 100),
+            step: properties.numberProperty(element, 'step', 1),
+            disabled: properties.booleanProperty(element, 'disabled', false)
+        })
+    });
+}
+
+exports.PrimeSlider = PrimeSlider;
+//# sourceMappingURL=PrimeSlider.js.map