@cratis/scene.primereact 4.13.0 → 4.15.0

package/data/PrimeDataTable.tsx

@@ -22,9 +22,15 @@ import { columnDefinitions } from './columnDefinitions';
  * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of
  * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second
  * only because an explicitly composed declaration is the more specific statement of the two.
+ *
+ * A host that is still loading the rows sets `loading`, and one whose query failed sets `error` to the
+ * message to show. Both replace the rows with one announced row - a status while loading, an alert on
+ * error - and keep the column headers, so the table keeps its shape and the reader knows why it is empty.
  */
 export function PrimeDataTable({ element, slots }: RegisteredComponentProps) {
-    const rows = recordArrayProperty(element, 'rows');
+    const loading = booleanProperty(element, 'loading', false);
+    const error = stringProperty(element, 'error');
+    const rows = loading || error !== undefined ? [] : recordArrayProperty(element, 'rows');
     const declared = declaredColumns(slots);
     const columns: ColumnProps[] = declared.length > 0 ? declared : columnDefinitions(element, rows);
     const pageSize = numberProperty(element, 'pageSize');
@@ -33,6 +39,7 @@ export function PrimeDataTable({ element, slots }: RegisteredComponentProps) {
     return (
         <DataTable.Root
             data-scene-id={element.id}
+            aria-busy={loading}
             data={rows}
             removableSort
             paginator={pageSize !== undefined}
@@ -83,7 +90,11 @@ export function PrimeDataTable({ element, slots }: RegisteredComponentProps) {
                     <DataTable.EmptyTBody>
                         <DataTable.Row>
                             <DataTable.Cell colSpan={Math.max(columns.length, 1)}>
-                                {stringProperty(element, 'emptyMessage', 'No records found')}
+                                {error !== undefined
+                                    ? <span role='alert'>{error}</span>
+                                    : loading
+                                        ? <span role='status'>{stringProperty(element, 'loadingMessage', 'Loading…')}</span>
+                                        : stringProperty(element, 'emptyMessage', 'No records found')}
                             </DataTable.Cell>
                         </DataTable.Row>
                     </DataTable.EmptyTBody>

package/dist/cjs/data/PrimeDataTable.js

@@ -21,14 +21,21 @@ var columnDefinitions = require('./columnDefinitions.js');
  * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of
  * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second
  * only because an explicitly composed declaration is the more specific statement of the two.
+ *
+ * A host that is still loading the rows sets `loading`, and one whose query failed sets `error` to the
+ * message to show. Both replace the rows with one announced row - a status while loading, an alert on
+ * error - and keep the column headers, so the table keeps its shape and the reader knows why it is empty.
  */ function PrimeDataTable({ element, slots }) {
-    const rows = properties.recordArrayProperty(element, 'rows');
+    const loading = properties.booleanProperty(element, 'loading', false);
+    const error = properties.stringProperty(element, 'error');
+    const rows = loading || error !== undefined ? [] : properties.recordArrayProperty(element, 'rows');
     const declared = declaredColumns(slots);
     const columns = declared.length > 0 ? declared : columnDefinitions.columnDefinitions(element, rows);
     const pageSize = properties.numberProperty(element, 'pageSize');
     const size = properties.stringProperty(element, 'size');
     return /*#__PURE__*/ jsxRuntime.jsxs(datatable.DataTable.Root, {
         "data-scene-id": element.id,
+        "aria-busy": loading,
         data: rows,
         removableSort: true,
         paginator: pageSize !== undefined,
@@ -86,7 +93,13 @@ var columnDefinitions = require('./columnDefinitions.js');
                             children: /*#__PURE__*/ jsxRuntime.jsx(datatable.DataTable.Row, {
                                 children: /*#__PURE__*/ jsxRuntime.jsx(datatable.DataTable.Cell, {
                                     colSpan: Math.max(columns.length, 1),
-                                    children: properties.stringProperty(element, 'emptyMessage', 'No records found')
+                                    children: error !== undefined ? /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                        role: "alert",
+                                        children: error
+                                    }) : loading ? /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                        role: "status",
+                                        children: properties.stringProperty(element, 'loadingMessage', 'Loading…')
+                                    }) : properties.stringProperty(element, 'emptyMessage', 'No records found')
                                 })
                             })
                         })

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeDataTable.js","sources":["../../../data/PrimeDataTable.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactElement, ReactNode, isValidElement } from 'react';\nimport { DataTable, type DataTableFilterInstance, type DataTablePaginationInstance, type DataTableTBodyItemOptions } from 'primereact/datatable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\nimport { Column, ColumnProps } from './Column';\nimport { columnDefinitions } from './columnDefinitions';\n\n/**\n * The `PrimeReact:dataTable` component, also registered under Screenplay's `table` name so a screen\n * compiled from a `.play` file renders through this package without a translation step.\n *\n * PrimeReact 11 turned the table inside out. Where PrimeReact 10 took `value` and a set of `Column`\n * children and produced the whole table, PrimeReact 11 gives back a root that owns sorting, filtering and\n * paging and a set of parts - container, table, head, rows, cells - that the caller arranges. So this\n * adapter now writes out the table's structure itself, and the column concept it renders from is\n * {@link Column}, which is Cratis-owned because PrimeReact 11 removed `primereact/column` entirely.\n *\n * Columns are taken from `Column` declarations when a React caller composed some into a slot, and\n * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of\n * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second\n * only because an explicitly composed declaration is the more specific statement of the two.\n */\nexport function PrimeDataTable({ element, slots }: RegisteredComponentProps) {\n    const rows = recordArrayProperty(element, 'rows');\n    const declared = declaredColumns(slots);\n    const columns: ColumnProps[] = declared.length > 0 ? declared : columnDefinitions(element, rows);\n    const pageSize = numberProperty(element, 'pageSize');\n    const size = stringProperty(element, 'size');\n\n    return (\n        <DataTable.Root\n            data-scene-id={element.id}\n            data={rows}\n            removableSort\n            paginator={pageSize !== undefined}\n            rows={pageSize}\n            stripedRows={booleanProperty(element, 'stripedRows', false)}\n            showGridlines={booleanProperty(element, 'showGridlines', false)}\n            size={size === 'small' || size === 'large' ? size : undefined}>\n            <DataTable.TableContainer>\n                <DataTable.Table>\n                    <DataTable.THead>\n                        <DataTable.THeadRow>\n                            {columns.map((column, index) => (\n                                <DataTable.THeadCell key={column.field ?? index}>\n                                    {column.sortable && column.field ? (\n                                        <DataTable.Sort field={column.field}>\n                                            {headerOf(column)}\n                                            <DataTable.SortIndicator match='asc'> ▲</DataTable.SortIndicator>\n                                            <DataTable.SortIndicator match='desc'> ▼</DataTable.SortIndicator>\n                                        </DataTable.Sort>\n                                    ) : (\n                                        <span>{headerOf(column)}</span>\n                                    )}\n                                    {column.filter && column.field && (\n                                        <DataTable.Filter field={column.field} display='row'>\n                                            {(filter: DataTableFilterInstance) => (\n                                                <input\n                                                    className='w-full'\n                                                    aria-label={`Filter by ${headerOf(column)}`}\n                                                    value={typeof filter.value === 'string' ? filter.value : ''}\n                                                    onChange={(event) => filter.onChange(event, event.target.value)}\n                                                />\n                                            )}\n                                        </DataTable.Filter>\n                                    )}\n                                </DataTable.THeadCell>\n                            ))}\n                        </DataTable.THeadRow>\n                    </DataTable.THead>\n                    <DataTable.TBody>\n                        {({ item, index }: DataTableTBodyItemOptions) => (\n                            <DataTable.Row index={index}>\n                                {columns.map((column, columnIndex) => (\n                                    <DataTable.Cell key={column.field ?? columnIndex}>{cellOf(column, item)}</DataTable.Cell>\n                                ))}\n                            </DataTable.Row>\n                        )}\n                    </DataTable.TBody>\n                    <DataTable.EmptyTBody>\n                        <DataTable.Row>\n                            <DataTable.Cell colSpan={Math.max(columns.length, 1)}>\n                                {stringProperty(element, 'emptyMessage', 'No records found')}\n                            </DataTable.Cell>\n                        </DataTable.Row>\n                    </DataTable.EmptyTBody>\n                </DataTable.Table>\n            </DataTable.TableContainer>\n            <DataTable.Pagination>\n                {(pagination: DataTablePaginationInstance) => (\n                    <div className='flex items-center gap-2 p-2'>\n                        <button\n                            type='button'\n                            disabled={!pagination.canPrev}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page - 1)}>\n                            ‹\n                        </button>\n                        <span className='text-sm opacity-75'>\n                            {pagination.page + 1} / {Math.max(pagination.pageCount, 1)}\n                        </span>\n                        <button\n                            type='button'\n                            disabled={!pagination.canNext}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page + 1)}>\n                            ›\n                        </button>\n                    </div>\n                )}\n            </DataTable.Pagination>\n        </DataTable.Root>\n    );\n}\n\nfunction declaredColumns(slots: Record<string, ReactNode[]>): ColumnProps[] {\n    return [...(slots.columns ?? []), ...(slots.content ?? [])]\n        .filter((node): node is ReactElement<ColumnProps> => isValidElement(node) && node.type === Column)\n        .map((node) => node.props);\n}\n\nfunction headerOf(column: ColumnProps): string {\n    return column.header ?? column.field ?? '';\n}\n\nfunction cellOf(column: ColumnProps, row: Record<string, unknown>): ReactNode {\n    if (column.body !== undefined) return column.body(row);\n    if (column.field === undefined) return '';\n    return String(row[column.field] ?? '');\n}\n"],"names":["PrimeDataTable","element","slots","rows","recordArrayProperty","declared","declaredColumns","columns","length","columnDefinitions","pageSize","numberProperty","size","stringProperty","_jsxs","DataTable","Root","data-scene-id","id","data","removableSort","paginator","undefined","stripedRows","booleanProperty","showGridlines","_jsx","TableContainer","Table","THead","THeadRow","map","column","index","THeadCell","sortable","field","Sort","headerOf","SortIndicator","match","span","filter","Filter","display","input","className","aria-label","value","onChange","event","target","TBody","item","Row","columnIndex","Cell","cellOf","EmptyTBody","colSpan","Math","max","Pagination","pagination","div","button","type","disabled","canPrev","onClick","onPageChange","page","pageCount","canNext","content","node","isValidElement","Column","props","header","row","body","String"],"mappings":"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"}
+{"version":3,"file":"PrimeDataTable.js","sources":["../../../data/PrimeDataTable.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactElement, ReactNode, isValidElement } from 'react';\nimport { DataTable, type DataTableFilterInstance, type DataTablePaginationInstance, type DataTableTBodyItemOptions } from 'primereact/datatable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\nimport { Column, ColumnProps } from './Column';\nimport { columnDefinitions } from './columnDefinitions';\n\n/**\n * The `PrimeReact:dataTable` component, also registered under Screenplay's `table` name so a screen\n * compiled from a `.play` file renders through this package without a translation step.\n *\n * PrimeReact 11 turned the table inside out. Where PrimeReact 10 took `value` and a set of `Column`\n * children and produced the whole table, PrimeReact 11 gives back a root that owns sorting, filtering and\n * paging and a set of parts - container, table, head, rows, cells - that the caller arranges. So this\n * adapter now writes out the table's structure itself, and the column concept it renders from is\n * {@link Column}, which is Cratis-owned because PrimeReact 11 removed `primereact/column` entirely.\n *\n * Columns are taken from `Column` declarations when a React caller composed some into a slot, and\n * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of\n * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second\n * only because an explicitly composed declaration is the more specific statement of the two.\n *\n * A host that is still loading the rows sets `loading`, and one whose query failed sets `error` to the\n * message to show. Both replace the rows with one announced row - a status while loading, an alert on\n * error - and keep the column headers, so the table keeps its shape and the reader knows why it is empty.\n */\nexport function PrimeDataTable({ element, slots }: RegisteredComponentProps) {\n    const loading = booleanProperty(element, 'loading', false);\n    const error = stringProperty(element, 'error');\n    const rows = loading || error !== undefined ? [] : recordArrayProperty(element, 'rows');\n    const declared = declaredColumns(slots);\n    const columns: ColumnProps[] = declared.length > 0 ? declared : columnDefinitions(element, rows);\n    const pageSize = numberProperty(element, 'pageSize');\n    const size = stringProperty(element, 'size');\n\n    return (\n        <DataTable.Root\n            data-scene-id={element.id}\n            aria-busy={loading}\n            data={rows}\n            removableSort\n            paginator={pageSize !== undefined}\n            rows={pageSize}\n            stripedRows={booleanProperty(element, 'stripedRows', false)}\n            showGridlines={booleanProperty(element, 'showGridlines', false)}\n            size={size === 'small' || size === 'large' ? size : undefined}>\n            <DataTable.TableContainer>\n                <DataTable.Table>\n                    <DataTable.THead>\n                        <DataTable.THeadRow>\n                            {columns.map((column, index) => (\n                                <DataTable.THeadCell key={column.field ?? index}>\n                                    {column.sortable && column.field ? (\n                                        <DataTable.Sort field={column.field}>\n                                            {headerOf(column)}\n                                            <DataTable.SortIndicator match='asc'> ▲</DataTable.SortIndicator>\n                                            <DataTable.SortIndicator match='desc'> ▼</DataTable.SortIndicator>\n                                        </DataTable.Sort>\n                                    ) : (\n                                        <span>{headerOf(column)}</span>\n                                    )}\n                                    {column.filter && column.field && (\n                                        <DataTable.Filter field={column.field} display='row'>\n                                            {(filter: DataTableFilterInstance) => (\n                                                <input\n                                                    className='w-full'\n                                                    aria-label={`Filter by ${headerOf(column)}`}\n                                                    value={typeof filter.value === 'string' ? filter.value : ''}\n                                                    onChange={(event) => filter.onChange(event, event.target.value)}\n                                                />\n                                            )}\n                                        </DataTable.Filter>\n                                    )}\n                                </DataTable.THeadCell>\n                            ))}\n                        </DataTable.THeadRow>\n                    </DataTable.THead>\n                    <DataTable.TBody>\n                        {({ item, index }: DataTableTBodyItemOptions) => (\n                            <DataTable.Row index={index}>\n                                {columns.map((column, columnIndex) => (\n                                    <DataTable.Cell key={column.field ?? columnIndex}>{cellOf(column, item)}</DataTable.Cell>\n                                ))}\n                            </DataTable.Row>\n                        )}\n                    </DataTable.TBody>\n                    <DataTable.EmptyTBody>\n                        <DataTable.Row>\n                            <DataTable.Cell colSpan={Math.max(columns.length, 1)}>\n                                {error !== undefined\n                                    ? <span role='alert'>{error}</span>\n                                    : loading\n                                        ? <span role='status'>{stringProperty(element, 'loadingMessage', 'Loading…')}</span>\n                                        : stringProperty(element, 'emptyMessage', 'No records found')}\n                            </DataTable.Cell>\n                        </DataTable.Row>\n                    </DataTable.EmptyTBody>\n                </DataTable.Table>\n            </DataTable.TableContainer>\n            <DataTable.Pagination>\n                {(pagination: DataTablePaginationInstance) => (\n                    <div className='flex items-center gap-2 p-2'>\n                        <button\n                            type='button'\n                            disabled={!pagination.canPrev}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page - 1)}>\n                            ‹\n                        </button>\n                        <span className='text-sm opacity-75'>\n                            {pagination.page + 1} / {Math.max(pagination.pageCount, 1)}\n                        </span>\n                        <button\n                            type='button'\n                            disabled={!pagination.canNext}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page + 1)}>\n                            ›\n                        </button>\n                    </div>\n                )}\n            </DataTable.Pagination>\n        </DataTable.Root>\n    );\n}\n\nfunction declaredColumns(slots: Record<string, ReactNode[]>): ColumnProps[] {\n    return [...(slots.columns ?? []), ...(slots.content ?? [])]\n        .filter((node): node is ReactElement<ColumnProps> => isValidElement(node) && node.type === Column)\n        .map((node) => node.props);\n}\n\nfunction headerOf(column: ColumnProps): string {\n    return column.header ?? column.field ?? '';\n}\n\nfunction cellOf(column: ColumnProps, row: Record<string, unknown>): ReactNode {\n    if (column.body !== undefined) return column.body(row);\n    if (column.field === undefined) return '';\n    return String(row[column.field] ?? '');\n}\n"],"names":["PrimeDataTable","element","slots","loading","booleanProperty","error","stringProperty","rows","undefined","recordArrayProperty","declared","declaredColumns","columns","length","columnDefinitions","pageSize","numberProperty","size","_jsxs","DataTable","Root","data-scene-id","id","aria-busy","data","removableSort","paginator","stripedRows","showGridlines","_jsx","TableContainer","Table","THead","THeadRow","map","column","index","THeadCell","sortable","field","Sort","headerOf","SortIndicator","match","span","filter","Filter","display","input","className","aria-label","value","onChange","event","target","TBody","item","Row","columnIndex","Cell","cellOf","EmptyTBody","colSpan","Math","max","role","Pagination","pagination","div","button","type","disabled","canPrev","onClick","onPageChange","page","pageCount","canNext","content","node","isValidElement","Column","props","header","row","body","String"],"mappings":"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"}

package/dist/cjs/form/PrimeCalendar.js

@@ -83,7 +83,8 @@ var properties = require('../properties.js');
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(datepicker.DatePicker.Input, {
                     as: inputtext.InputText,
-                    placeholder: properties.stringProperty(element, 'placeholder')
+                    placeholder: properties.stringProperty(element, 'placeholder'),
+                    "aria-label": properties.stringProperty(element, 'ariaLabel')
                 }),
                 properties.booleanProperty(element, 'showIcon', true) && /*#__PURE__*/ jsxRuntime.jsx(datepicker.DatePicker.Trigger, {
                     children: /*#__PURE__*/ jsxRuntime.jsx("i", {

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')} />\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","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 } 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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"}

package/dist/cjs/form/PrimeCheckbox.js

@@ -24,6 +24,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,
                 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                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","onCheckedChange","event","disabled","Box","Indicator","undefined","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;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,kBAASM,GAAG,EAAA;4CACTP,cAAA,CAACC,kBAASO,SAAS,EAAA,EAAA;;;AAG1Bf,YAAAA,KAAAA,KAAUgB,2BAAaT,cAAA,CAACP,OAAAA,EAAAA;AAAMiB,gBAAAA,OAAAA,EAAStB,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 } 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;;"}

package/dist/cjs/form/PrimeDropdown.js

@@ -33,6 +33,7 @@ var properties = require('../properties.js');
         disabled: properties.booleanProperty(element, 'disabled', false),
         children: [
             /*#__PURE__*/ jsxRuntime.jsxs(select.Select.Trigger, {
+                "aria-label": properties.stringProperty(element, 'ariaLabel'),
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx(select.Select.Value, {
                         placeholder: placeholder

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>\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","_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;;AACX,kCAAAC,cAAA,CAACZ,cAAOa,KAAK,EAAA;wBAAClB,WAAAA,EAAaA;;oBAC1BG,SAAAA,kBAAac,cAAA,CAACZ,cAAOc,KAAK,EAAA,EAAA,CAAA;AAC3B,kCAAAF,cAAA,CAACZ,cAAOe,KAAK,EAAA,EAAA;;;AAEjB,0BAAAH,cAAA,CAACZ,cAAOgB,MAAM,EAAA;wCACVJ,cAAA,CAACZ,cAAOiB,UAAU,EAAA;4CACdlB,eAAA,CAACC,cAAOkB,KAAK,EAAA;;4BACRtB,MAAAA,kBAAUgB,cAAA,CAACZ,cAAOmB,MAAM,EAAA;gCAACxB,WAAAA,EAAaA;;AACvC,0CAAAiB,cAAA,CAACZ,cAAOoB,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 } 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;;"}

package/dist/cjs/form/PrimeInputNumber.js

@@ -29,7 +29,8 @@ var properties = require('../properties.js');
         disabled: properties.booleanProperty(element, 'disabled', false),
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(inputnumber.InputNumber.Input, {
-                placeholder: properties.stringProperty(element, 'placeholder')
+                placeholder: properties.stringProperty(element, 'placeholder'),
+                "aria-label": properties.stringProperty(element, 'ariaLabel')
             }),
             properties.booleanProperty(element, 'showButtons', false) && /*#__PURE__*/ jsxRuntime.jsxs(inputnumber.InputNumber.Group, {
                 children: [

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')} />\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","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;;AACvDmB,YAAAA,0BAAAA,CAAgBnB,OAAAA,EAAS,aAAA,EAAe,KAAA,CAAA,kBACrCO,eAAA,CAACC,wBAAYe,KAAK,EAAA;;AACd,kCAAAH,cAAA,CAACZ,wBAAYgB,SAAS,EAAA;AAClB,wBAAA,QAAA,gBAAAJ,cAAA,CAACK,GAAAA,EAAAA;4BAAEC,SAAAA,EAAU;;;AAEjB,kCAAAN,cAAA,CAACZ,wBAAYmB,SAAS,EAAA;AAClB,wBAAA,QAAA,gBAAAP,cAAA,CAACK,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 } 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;;"}

package/dist/cjs/form/PrimeInputText.js

@@ -20,6 +20,7 @@ var properties = require('../properties.js');
         value: value,
         onChange: (event)=>setValue(event.target.value),
         placeholder: properties.stringProperty(element, 'placeholder'),
+        "aria-label": properties.stringProperty(element, 'ariaLabel'),
         disabled: properties.booleanProperty(element, 'disabled', false),
         readOnly: properties.booleanProperty(element, 'readOnly', false),
         invalid: properties.booleanProperty(element, 'invalid', false)

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            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;;"}
+{"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;;"}

package/dist/cjs/form/PrimeInputTextarea.js

@@ -21,6 +21,7 @@ var properties = require('../properties.js');
         cols: properties.numberProperty(element, 'cols'),
         autoResize: properties.booleanProperty(element, 'autoResize', false),
         placeholder: properties.stringProperty(element, 'placeholder'),
+        "aria-label": properties.stringProperty(element, 'ariaLabel'),
         disabled: properties.booleanProperty(element, 'disabled', false)
     });
 }

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            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","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;QACrCkB,QAAAA,EAAUF,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 } 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;;"}

package/dist/cjs/form/PrimePassword.js

@@ -22,6 +22,7 @@ var properties = require('../properties.js');
         onValueChange: (event)=>setValue(event.value ?? ''),
         mask: properties.booleanProperty(element, 'mask', true),
         placeholder: properties.stringProperty(element, 'placeholder'),
+        "aria-label": properties.stringProperty(element, 'ariaLabel'),
         disabled: properties.booleanProperty(element, 'disabled', false)
     });
 }

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            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","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;QACrCc,QAAAA,EAAUF,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 } 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;;"}

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

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

package/dist/esm/data/PrimeDataTable.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { DataTable } from 'primereact/datatable';
-import { recordArrayProperty, numberProperty, stringProperty, booleanProperty } from '../properties.js';
+import { booleanProperty, stringProperty, recordArrayProperty, numberProperty } from '../properties.js';
 import { Column } from './Column.js';
 import { columnDefinitions } from './columnDefinitions.js';
 
@@ -19,14 +19,21 @@ import { columnDefinitions } from './columnDefinitions.js';
  * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of
  * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second
  * only because an explicitly composed declaration is the more specific statement of the two.
+ *
+ * A host that is still loading the rows sets `loading`, and one whose query failed sets `error` to the
+ * message to show. Both replace the rows with one announced row - a status while loading, an alert on
+ * error - and keep the column headers, so the table keeps its shape and the reader knows why it is empty.
  */ function PrimeDataTable({ element, slots }) {
-    const rows = recordArrayProperty(element, 'rows');
+    const loading = booleanProperty(element, 'loading', false);
+    const error = stringProperty(element, 'error');
+    const rows = loading || error !== undefined ? [] : recordArrayProperty(element, 'rows');
     const declared = declaredColumns(slots);
     const columns = declared.length > 0 ? declared : columnDefinitions(element, rows);
     const pageSize = numberProperty(element, 'pageSize');
     const size = stringProperty(element, 'size');
     return /*#__PURE__*/ jsxs(DataTable.Root, {
         "data-scene-id": element.id,
+        "aria-busy": loading,
         data: rows,
         removableSort: true,
         paginator: pageSize !== undefined,
@@ -84,7 +91,13 @@ import { columnDefinitions } from './columnDefinitions.js';
                             children: /*#__PURE__*/ jsx(DataTable.Row, {
                                 children: /*#__PURE__*/ jsx(DataTable.Cell, {
                                     colSpan: Math.max(columns.length, 1),
-                                    children: stringProperty(element, 'emptyMessage', 'No records found')
+                                    children: error !== undefined ? /*#__PURE__*/ jsx("span", {
+                                        role: "alert",
+                                        children: error
+                                    }) : loading ? /*#__PURE__*/ jsx("span", {
+                                        role: "status",
+                                        children: stringProperty(element, 'loadingMessage', 'Loading…')
+                                    }) : stringProperty(element, 'emptyMessage', 'No records found')
                                 })
                             })
                         })

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

@@ -1 +1 @@
-{"version":3,"file":"PrimeDataTable.js","sources":["../../../data/PrimeDataTable.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactElement, ReactNode, isValidElement } from 'react';\nimport { DataTable, type DataTableFilterInstance, type DataTablePaginationInstance, type DataTableTBodyItemOptions } from 'primereact/datatable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\nimport { Column, ColumnProps } from './Column';\nimport { columnDefinitions } from './columnDefinitions';\n\n/**\n * The `PrimeReact:dataTable` component, also registered under Screenplay's `table` name so a screen\n * compiled from a `.play` file renders through this package without a translation step.\n *\n * PrimeReact 11 turned the table inside out. Where PrimeReact 10 took `value` and a set of `Column`\n * children and produced the whole table, PrimeReact 11 gives back a root that owns sorting, filtering and\n * paging and a set of parts - container, table, head, rows, cells - that the caller arranges. So this\n * adapter now writes out the table's structure itself, and the column concept it renders from is\n * {@link Column}, which is Cratis-owned because PrimeReact 11 removed `primereact/column` entirely.\n *\n * Columns are taken from `Column` declarations when a React caller composed some into a slot, and\n * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of\n * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second\n * only because an explicitly composed declaration is the more specific statement of the two.\n */\nexport function PrimeDataTable({ element, slots }: RegisteredComponentProps) {\n    const rows = recordArrayProperty(element, 'rows');\n    const declared = declaredColumns(slots);\n    const columns: ColumnProps[] = declared.length > 0 ? declared : columnDefinitions(element, rows);\n    const pageSize = numberProperty(element, 'pageSize');\n    const size = stringProperty(element, 'size');\n\n    return (\n        <DataTable.Root\n            data-scene-id={element.id}\n            data={rows}\n            removableSort\n            paginator={pageSize !== undefined}\n            rows={pageSize}\n            stripedRows={booleanProperty(element, 'stripedRows', false)}\n            showGridlines={booleanProperty(element, 'showGridlines', false)}\n            size={size === 'small' || size === 'large' ? size : undefined}>\n            <DataTable.TableContainer>\n                <DataTable.Table>\n                    <DataTable.THead>\n                        <DataTable.THeadRow>\n                            {columns.map((column, index) => (\n                                <DataTable.THeadCell key={column.field ?? index}>\n                                    {column.sortable && column.field ? (\n                                        <DataTable.Sort field={column.field}>\n                                            {headerOf(column)}\n                                            <DataTable.SortIndicator match='asc'> ▲</DataTable.SortIndicator>\n                                            <DataTable.SortIndicator match='desc'> ▼</DataTable.SortIndicator>\n                                        </DataTable.Sort>\n                                    ) : (\n                                        <span>{headerOf(column)}</span>\n                                    )}\n                                    {column.filter && column.field && (\n                                        <DataTable.Filter field={column.field} display='row'>\n                                            {(filter: DataTableFilterInstance) => (\n                                                <input\n                                                    className='w-full'\n                                                    aria-label={`Filter by ${headerOf(column)}`}\n                                                    value={typeof filter.value === 'string' ? filter.value : ''}\n                                                    onChange={(event) => filter.onChange(event, event.target.value)}\n                                                />\n                                            )}\n                                        </DataTable.Filter>\n                                    )}\n                                </DataTable.THeadCell>\n                            ))}\n                        </DataTable.THeadRow>\n                    </DataTable.THead>\n                    <DataTable.TBody>\n                        {({ item, index }: DataTableTBodyItemOptions) => (\n                            <DataTable.Row index={index}>\n                                {columns.map((column, columnIndex) => (\n                                    <DataTable.Cell key={column.field ?? columnIndex}>{cellOf(column, item)}</DataTable.Cell>\n                                ))}\n                            </DataTable.Row>\n                        )}\n                    </DataTable.TBody>\n                    <DataTable.EmptyTBody>\n                        <DataTable.Row>\n                            <DataTable.Cell colSpan={Math.max(columns.length, 1)}>\n                                {stringProperty(element, 'emptyMessage', 'No records found')}\n                            </DataTable.Cell>\n                        </DataTable.Row>\n                    </DataTable.EmptyTBody>\n                </DataTable.Table>\n            </DataTable.TableContainer>\n            <DataTable.Pagination>\n                {(pagination: DataTablePaginationInstance) => (\n                    <div className='flex items-center gap-2 p-2'>\n                        <button\n                            type='button'\n                            disabled={!pagination.canPrev}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page - 1)}>\n                            ‹\n                        </button>\n                        <span className='text-sm opacity-75'>\n                            {pagination.page + 1} / {Math.max(pagination.pageCount, 1)}\n                        </span>\n                        <button\n                            type='button'\n                            disabled={!pagination.canNext}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page + 1)}>\n                            ›\n                        </button>\n                    </div>\n                )}\n            </DataTable.Pagination>\n        </DataTable.Root>\n    );\n}\n\nfunction declaredColumns(slots: Record<string, ReactNode[]>): ColumnProps[] {\n    return [...(slots.columns ?? []), ...(slots.content ?? [])]\n        .filter((node): node is ReactElement<ColumnProps> => isValidElement(node) && node.type === Column)\n        .map((node) => node.props);\n}\n\nfunction headerOf(column: ColumnProps): string {\n    return column.header ?? column.field ?? '';\n}\n\nfunction cellOf(column: ColumnProps, row: Record<string, unknown>): ReactNode {\n    if (column.body !== undefined) return column.body(row);\n    if (column.field === undefined) return '';\n    return String(row[column.field] ?? '');\n}\n"],"names":["PrimeDataTable","element","slots","rows","recordArrayProperty","declared","declaredColumns","columns","length","columnDefinitions","pageSize","numberProperty","size","stringProperty","_jsxs","DataTable","Root","data-scene-id","id","data","removableSort","paginator","undefined","stripedRows","booleanProperty","showGridlines","_jsx","TableContainer","Table","THead","THeadRow","map","column","index","THeadCell","sortable","field","Sort","headerOf","SortIndicator","match","span","filter","Filter","display","input","className","aria-label","value","onChange","event","target","TBody","item","Row","columnIndex","Cell","cellOf","EmptyTBody","colSpan","Math","max","Pagination","pagination","div","button","type","disabled","canPrev","onClick","onPageChange","page","pageCount","canNext","content","node","isValidElement","Column","props","header","row","body","String"],"mappings":"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"}
+{"version":3,"file":"PrimeDataTable.js","sources":["../../../data/PrimeDataTable.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactElement, ReactNode, isValidElement } from 'react';\nimport { DataTable, type DataTableFilterInstance, type DataTablePaginationInstance, type DataTableTBodyItemOptions } from 'primereact/datatable';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\nimport { Column, ColumnProps } from './Column';\nimport { columnDefinitions } from './columnDefinitions';\n\n/**\n * The `PrimeReact:dataTable` component, also registered under Screenplay's `table` name so a screen\n * compiled from a `.play` file renders through this package without a translation step.\n *\n * PrimeReact 11 turned the table inside out. Where PrimeReact 10 took `value` and a set of `Column`\n * children and produced the whole table, PrimeReact 11 gives back a root that owns sorting, filtering and\n * paging and a set of parts - container, table, head, rows, cells - that the caller arranges. So this\n * adapter now writes out the table's structure itself, and the column concept it renders from is\n * {@link Column}, which is Cratis-owned because PrimeReact 11 removed `primereact/column` entirely.\n *\n * Columns are taken from `Column` declarations when a React caller composed some into a slot, and\n * otherwise from the element's model - nested `column` children, a `columns` property, or the shape of\n * the first row; see `columnDefinitions`. The model is the path a screen takes, and it is checked second\n * only because an explicitly composed declaration is the more specific statement of the two.\n *\n * A host that is still loading the rows sets `loading`, and one whose query failed sets `error` to the\n * message to show. Both replace the rows with one announced row - a status while loading, an alert on\n * error - and keep the column headers, so the table keeps its shape and the reader knows why it is empty.\n */\nexport function PrimeDataTable({ element, slots }: RegisteredComponentProps) {\n    const loading = booleanProperty(element, 'loading', false);\n    const error = stringProperty(element, 'error');\n    const rows = loading || error !== undefined ? [] : recordArrayProperty(element, 'rows');\n    const declared = declaredColumns(slots);\n    const columns: ColumnProps[] = declared.length > 0 ? declared : columnDefinitions(element, rows);\n    const pageSize = numberProperty(element, 'pageSize');\n    const size = stringProperty(element, 'size');\n\n    return (\n        <DataTable.Root\n            data-scene-id={element.id}\n            aria-busy={loading}\n            data={rows}\n            removableSort\n            paginator={pageSize !== undefined}\n            rows={pageSize}\n            stripedRows={booleanProperty(element, 'stripedRows', false)}\n            showGridlines={booleanProperty(element, 'showGridlines', false)}\n            size={size === 'small' || size === 'large' ? size : undefined}>\n            <DataTable.TableContainer>\n                <DataTable.Table>\n                    <DataTable.THead>\n                        <DataTable.THeadRow>\n                            {columns.map((column, index) => (\n                                <DataTable.THeadCell key={column.field ?? index}>\n                                    {column.sortable && column.field ? (\n                                        <DataTable.Sort field={column.field}>\n                                            {headerOf(column)}\n                                            <DataTable.SortIndicator match='asc'> ▲</DataTable.SortIndicator>\n                                            <DataTable.SortIndicator match='desc'> ▼</DataTable.SortIndicator>\n                                        </DataTable.Sort>\n                                    ) : (\n                                        <span>{headerOf(column)}</span>\n                                    )}\n                                    {column.filter && column.field && (\n                                        <DataTable.Filter field={column.field} display='row'>\n                                            {(filter: DataTableFilterInstance) => (\n                                                <input\n                                                    className='w-full'\n                                                    aria-label={`Filter by ${headerOf(column)}`}\n                                                    value={typeof filter.value === 'string' ? filter.value : ''}\n                                                    onChange={(event) => filter.onChange(event, event.target.value)}\n                                                />\n                                            )}\n                                        </DataTable.Filter>\n                                    )}\n                                </DataTable.THeadCell>\n                            ))}\n                        </DataTable.THeadRow>\n                    </DataTable.THead>\n                    <DataTable.TBody>\n                        {({ item, index }: DataTableTBodyItemOptions) => (\n                            <DataTable.Row index={index}>\n                                {columns.map((column, columnIndex) => (\n                                    <DataTable.Cell key={column.field ?? columnIndex}>{cellOf(column, item)}</DataTable.Cell>\n                                ))}\n                            </DataTable.Row>\n                        )}\n                    </DataTable.TBody>\n                    <DataTable.EmptyTBody>\n                        <DataTable.Row>\n                            <DataTable.Cell colSpan={Math.max(columns.length, 1)}>\n                                {error !== undefined\n                                    ? <span role='alert'>{error}</span>\n                                    : loading\n                                        ? <span role='status'>{stringProperty(element, 'loadingMessage', 'Loading…')}</span>\n                                        : stringProperty(element, 'emptyMessage', 'No records found')}\n                            </DataTable.Cell>\n                        </DataTable.Row>\n                    </DataTable.EmptyTBody>\n                </DataTable.Table>\n            </DataTable.TableContainer>\n            <DataTable.Pagination>\n                {(pagination: DataTablePaginationInstance) => (\n                    <div className='flex items-center gap-2 p-2'>\n                        <button\n                            type='button'\n                            disabled={!pagination.canPrev}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page - 1)}>\n                            ‹\n                        </button>\n                        <span className='text-sm opacity-75'>\n                            {pagination.page + 1} / {Math.max(pagination.pageCount, 1)}\n                        </span>\n                        <button\n                            type='button'\n                            disabled={!pagination.canNext}\n                            onClick={(event) => pagination.onPageChange(event, pagination.page + 1)}>\n                            ›\n                        </button>\n                    </div>\n                )}\n            </DataTable.Pagination>\n        </DataTable.Root>\n    );\n}\n\nfunction declaredColumns(slots: Record<string, ReactNode[]>): ColumnProps[] {\n    return [...(slots.columns ?? []), ...(slots.content ?? [])]\n        .filter((node): node is ReactElement<ColumnProps> => isValidElement(node) && node.type === Column)\n        .map((node) => node.props);\n}\n\nfunction headerOf(column: ColumnProps): string {\n    return column.header ?? column.field ?? '';\n}\n\nfunction cellOf(column: ColumnProps, row: Record<string, unknown>): ReactNode {\n    if (column.body !== undefined) return column.body(row);\n    if (column.field === undefined) return '';\n    return String(row[column.field] ?? '');\n}\n"],"names":["PrimeDataTable","element","slots","loading","booleanProperty","error","stringProperty","rows","undefined","recordArrayProperty","declared","declaredColumns","columns","length","columnDefinitions","pageSize","numberProperty","size","_jsxs","DataTable","Root","data-scene-id","id","aria-busy","data","removableSort","paginator","stripedRows","showGridlines","_jsx","TableContainer","Table","THead","THeadRow","map","column","index","THeadCell","sortable","field","Sort","headerOf","SortIndicator","match","span","filter","Filter","display","input","className","aria-label","value","onChange","event","target","TBody","item","Row","columnIndex","Cell","cellOf","EmptyTBody","colSpan","Math","max","role","Pagination","pagination","div","button","type","disabled","canPrev","onClick","onPageChange","page","pageCount","canNext","content","node","isValidElement","Column","props","header","row","body","String"],"mappings":"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"}

package/dist/esm/form/PrimeCalendar.js

@@ -81,7 +81,8 @@ import { stringProperty, booleanProperty } from '../properties.js';
             children: [
                 /*#__PURE__*/ jsx(DatePicker.Input, {
                     as: InputText,
-                    placeholder: stringProperty(element, 'placeholder')
+                    placeholder: stringProperty(element, 'placeholder'),
+                    "aria-label": stringProperty(element, 'ariaLabel')
                 }),
                 booleanProperty(element, 'showIcon', true) && /*#__PURE__*/ jsx(DatePicker.Trigger, {
                     children: /*#__PURE__*/ jsx("i", {

package/dist/esm/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')} />\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","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 } 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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"}

package/dist/esm/form/PrimeCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeCheckbox.d.ts","sourceRoot":"","sources":["../../../form/PrimeCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAiBlE"}
+{"version":3,"file":"PrimeCheckbox.d.ts","sourceRoot":"","sources":["../../../form/PrimeCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAkBlE"}

package/dist/esm/form/PrimeCheckbox.js

@@ -22,6 +22,7 @@ import { booleanProperty, stringProperty } from '../properties.js';
         children: [
             /*#__PURE__*/ jsx(Checkbox.Root, {
                 inputId: element.id,
+                "aria-label": label === undefined ? stringProperty(element, 'ariaLabel') : undefined,
                 checked: checked,
                 onCheckedChange: (event)=>setChecked(event.checked),
                 disabled: booleanProperty(element, 'disabled', false),