@cratis/components 3.6.1 → 4.1.0

package/dist/esm/DataPage/DataPageLayout.d.ts

@@ -1,6 +1,20 @@
 import { ReactNode } from 'react';
+/**
+ * Props for {@link DataPageLayout}.
+ */
 export interface DataPageLayoutProps {
+    /** The `<DataPage.MenuItems>` and `<DataPage.Columns>` content to lay out. */
     children: ReactNode;
 }
+/**
+ * The vertical layout inside a `DataPage`'s primary pane.
+ *
+ * It is a definite-height flex column, so the action bar can be an intrinsic
+ * item while the table region absorbs whatever height is left. That is what
+ * keeps the table's own paginator inside the page instead of pushing it past
+ * the bottom edge, where the surrounding `overflow: hidden` clips it away.
+ *
+ * @param props - {@link DataPageLayoutProps}.
+ */
 export declare const DataPageLayout: ({ children }: DataPageLayoutProps) => import("react").JSX.Element;
 //# sourceMappingURL=DataPageLayout.d.ts.map

package/dist/esm/DataPage/DataPageLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataPageLayout.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPageLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,mBAAmB;IAEhC,QAAQ,EAAE,SAAS,CAAC;CACvB;AA6BD,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,gCAI/D,CAAC"}
+{"version":3,"file":"DataPageLayout.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPageLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,CAAC;CACvB;AAmBD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,gCAI/D,CAAC"}

package/dist/esm/DataPage/DataPageLayout.js

@@ -1,31 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 
-/**
- * The layout root's own style. Declared inline rather than in a stylesheet on
- * purpose: a consumer that never imports a stylesheet from this package still
- * has to get a working page out of `DataPage`, and the height allocation is
- * what the whole component depends on.
- *
- * `minHeight: 0` is what lets the column shrink inside the flex parent that
- * `Page` renders — without it the default `min-height: auto` keeps the column
- * at content height and everything below the available space is clipped.
- */
 const layoutStyle = {
     display: 'flex',
     flexDirection: 'column',
     height: '100%',
     minHeight: 0
 };
-/**
- * The vertical layout inside a `DataPage`'s primary pane.
- *
- * It is a definite-height flex column, so the action bar can be an intrinsic
- * item while the table region absorbs whatever height is left. That is what
- * keeps the table's own paginator inside the page instead of pushing it past
- * the bottom edge, where the surrounding `overflow: hidden` clips it away.
- *
- * @param props - {@link DataPageLayoutProps}.
- */
 const DataPageLayout = ({ children }) => (jsx("div", { className: 'cratis-data-page-layout', style: layoutStyle, children: children }));
 
 export { DataPageLayout };

package/dist/esm/DataPage/DataPageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataPageLayout.js","sources":["../../../DataPage/DataPageLayout.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAaA;;;;;;;;;AASG;AACH,MAAM,WAAW,GAAkB;AAC/B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE;CACd;AAED;;;;;;;;;AASG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,MAC5DA,aAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,WAAW,EAAA,QAAA,EACtD,QAAQ,EAAA,CACP;;"}
+{"version":3,"file":"DataPageLayout.js","sources":["../../../DataPage/DataPageLayout.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAuBA,MAAM,WAAW,GAAkB;AAC/B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE;CACd;AAYM,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,MAC5DA,aAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,WAAW,EAAA,QAAA,EACtD,QAAQ,EAAA,CACP;;"}

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

@@ -1,3 +1,2 @@
-export * from './DataPage';
-export { Column, type ColumnProps } from '../DataTables/Column';
-//# sourceMappingURL=index.d.ts.map
+export * from './DataPage.js';
+export { Column, type ColumnProps } from '../DataTables/Column.js';

package/dist/esm/DataPage/index.js

@@ -1,6 +1,3 @@
 export { Columns, DataPage, MenuItem, MenuItems } from './DataPage.js';
 export { Column } from '../DataTables/Column.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../DataPage/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/DataTables/Column.d.ts

@@ -1,27 +1,67 @@
-import React from 'react';
-import type { ColumnFilterDataType, ColumnFilterElement, ColumnFilterMenuLabels } from './ColumnFilterMenu';
+import type React from 'react';
+import type { ColumnFilterDataType, ColumnFilterElement, ColumnFilterMenuLabels, ColumnFilterMenuParts } from './ColumnFilterMenu.js';
+/**
+ * Props for {@link Column}.
+ *
+ * @typeParam TData - The row type the column's `body` template receives.
+ */
 export interface ColumnProps<TData = unknown> {
+    /** The row property this column reads by default (when no `body` is given). */
     field?: string;
+    /** The header content shown at the top of the column. */
     header?: React.ReactNode;
+    /** A custom cell renderer; receives the row for this cell. */
     body?: (rowData: TData) => React.ReactNode;
+    /** When true, the column header becomes a sort control. */
     sortable?: boolean;
+    /** When true, the column header gains a filter-menu affordance. */
     filter?: boolean;
+    /** The field the filter applies to, when it differs from {@link field}. */
     filterField?: string;
+    /** Placeholder for the filter value input. */
     filterPlaceholder?: string;
+    /** The value kind the filter edits (drives match modes + input). Defaults to `'text'`. */
     dataType?: ColumnFilterDataType;
+    /** Whether the filter menu shows the match-mode selector. Defaults to `true`. */
     showFilterMatchModes?: boolean;
+    /** Custom value editor rendered instead of the built-in column filter editor. */
     filterElement?: ColumnFilterElement;
+    /** Overrides the column filter menu's default English labels. */
     filterLabels?: Partial<ColumnFilterMenuLabels>;
-    selectionMode?: 'single' | 'multiple';
+    /** Stable part attributes for this column's filter popup. */
+    filterPt?: ColumnFilterMenuParts;
+    /** Renders a single-row selection radio instead of a data column. */
+    selectionMode?: 'single';
+    /** Inline style for every body cell in the column. */
     style?: React.CSSProperties;
+    /** Class name for every body cell in the column. */
     className?: string;
+    /** Inline style for the column's header cell. */
     headerStyle?: React.CSSProperties;
+    /** Class name for the column's header cell. */
     headerClassName?: string;
+    /** Inline style applied on top of {@link style} for body cells. */
     bodyStyle?: React.CSSProperties;
+    /** Class name applied on top of {@link className} for body cells. */
     bodyClassName?: string;
 }
+/**
+ * Declares one column of a Cratis data table (`DataTableForQuery`,
+ * `DataTableForObservableQuery`, `DataPage.Columns`). This is the Cratis-owned
+ * renderer-independent `<Column field header body sortable />` authoring model,
+ * mapped internally onto semantic table header/body cells.
+ *
+ * It is a pure marker: the surrounding table reads its props to build the
+ * header and per-row cells, so it renders nothing when mounted on its own.
+ *
+ * ```tsx
+ * <DataTableForQuery query={AllAuthors} emptyMessage="No authors">
+ *     <Column field="name" header="Name" sortable />
+ *     <Column field="email" header="Email" />
+ * </DataTableForQuery>
+ * ```
+ */
 export declare const Column: {
     <TData = unknown>(_props: ColumnProps<TData>): React.ReactElement | null;
     displayName: string;
 };
-//# sourceMappingURL=Column.d.ts.map

package/dist/esm/DataTables/Column.js

@@ -1,22 +1,3 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Declares one column of a Cratis data table (`DataTableForQuery`,
- * `DataTableForObservableQuery`, `DataPage.Columns`). This is the Cratis-owned
- * replacement for the removed `primereact/column` — the same `<Column field
- * header body sortable />` authoring model, mapped internally onto PrimeReact
- * 11's headless DataTable header/body cells.
- *
- * It is a pure marker: the surrounding table reads its props to build the
- * header and per-row cells, so it renders nothing when mounted on its own.
- *
- * ```tsx
- * <DataTableForQuery query={AllAuthors} emptyMessage="No authors">
- *     <Column field="name" header="Name" sortable />
- *     <Column field="email" header="Email" />
- * </DataTableForQuery>
- * ```
- */
 const Column = (_props) => null;
 Column.displayName = 'Column';
 

package/dist/esm/DataTables/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sources":["../../../DataTables/Column.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAwDA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,MAAM,GAAG,CAClB,MAA0B,KACE;AAChC,MAAM,CAAC,WAAW,GAAG,QAAQ;;"}
+{"version":3,"file":"Column.js","sources":["../../../DataTables/Column.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAyEO,MAAM,MAAM,GAAG,CAClB,MAA0B,KACE;AAChC,MAAM,CAAC,WAAW,GAAG,QAAQ;;"}

package/dist/esm/DataTables/ColumnFilterMenu.d.ts

@@ -1,30 +1,101 @@
-import type { ReactNode, SyntheticEvent } from 'react';
-import type { DataTableFilterMatchMode } from './DataTableFilterMeta';
+import { type ButtonHTMLAttributes, type CSSProperties, type HTMLAttributes, type InputHTMLAttributes, type ReactNode, type SyntheticEvent } from 'react';
+import { type ButtonParts } from '../Common/Button.js';
+import { type DropdownParts } from '../Dropdown/Dropdown.js';
+import type { ChangeHandler } from '../types/ChangeHandler.js';
+import { type DataTableFilterConstraint, type DataTableFilterMatchMode as FilterMatchMode } from './DataTableFilterMeta.js';
+/** Value editor used by a built-in column filter. */
 export type ColumnFilterDataType = 'text' | 'numeric' | 'date' | 'boolean';
+/** Localizable labels owned by the column filter popup. */
 export interface ColumnFilterMenuLabels {
+    /** Builds the filter-trigger accessible name from the effective field. */
     filterTriggerAriaLabel: (field: string) => string;
+    /** Builds the value-control accessible name from the effective field. */
+    valueAriaLabel: (field: string) => string;
+    /** Accessible name for the match-mode selector. */
+    matchModeAriaLabel: string;
+    /** Localizes a match mode while retaining its default label as fallback input. */
+    matchModeLabel: (mode: FilterMatchMode, defaultLabel: string) => string;
+    /** Clear action label. */
     clear: string;
+    /** Apply action label. */
     apply: string;
+    /** Boolean true option label. */
     true: string;
+    /** Boolean false option label. */
     false: string;
 }
+interface ColumnFilterOverlayAttributes {
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
+/** Stable Cratis-owned parts for a column filter popup. */
+export interface ColumnFilterMenuParts {
+    /** Header-cell filter trigger. */
+    trigger?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'>;
+    /** Portaled filter popover. */
+    popover?: ColumnFilterOverlayAttributes;
+    /** Semantic filter dialog/menu. */
+    menu?: ColumnFilterOverlayAttributes;
+    /** Match-mode Dropdown parts. */
+    matchMode?: DropdownParts;
+    /** Built-in value input, or root class/style for date/boolean controls. */
+    input?: InputHTMLAttributes<HTMLInputElement>;
+    /** Clear/apply action row. */
+    actions?: HTMLAttributes<HTMLDivElement>;
+    /** Clear Button parts. */
+    clear?: ButtonParts;
+    /** Apply Button parts. */
+    apply?: ButtonParts;
+}
+/** Default English labels for the column filter popup. */
 export declare const defaultColumnFilterMenuLabels: ColumnFilterMenuLabels;
+/** State and actions supplied to a custom column filter value editor. */
 export interface ColumnFilterElementOptions {
+    /** Effective filtered field. */
     field: string;
+    /** Current draft value. */
     value: unknown;
-    matchMode: DataTableFilterMatchMode;
-    onChange: (value: unknown, matchMode?: DataTableFilterMatchMode) => void;
+    /** Current draft match mode. */
+    matchMode: FilterMatchMode;
+    /** Updates the draft value and may describe how the custom editor produced it. */
+    onChange: ChangeHandler<unknown>;
+    /** Updates the draft match mode independently of the value. */
+    onMatchModeChange: (matchMode: FilterMatchMode) => void;
+    /** Applies the draft filter. */
     onApply: (event: SyntheticEvent) => void;
+    /** Clears the field filter. */
     onClear: (event: SyntheticEvent) => void;
 }
+/** Custom renderer for a column filter's value editor. */
 export type ColumnFilterElement = (options: ColumnFilterElementOptions) => ReactNode;
+/** Props for the Cratis-owned draft/apply column filter popup. */
 export interface ColumnFilterMenuProps {
+    /** Effective row field being filtered. */
     field: string;
+    /** Built-in value editor and match-mode family. */
     dataType?: ColumnFilterDataType;
+    /** Placeholder for the value editor. */
     placeholder?: string;
+    /** Whether the match-mode selector is shown. */
     showMatchModes?: boolean;
+    /** Custom value editor replacing the built-in control. */
     filterElement?: ColumnFilterElement;
+    /** Partial localization overrides. */
     labels?: Partial<ColumnFilterMenuLabels>;
+    /** Stable part attributes. */
+    pt?: ColumnFilterMenuParts;
+    /** Currently applied constraint. */
+    constraint?: DataTableFilterConstraint;
+    /** Applies one draft constraint. */
+    onApply: (constraint: DataTableFilterConstraint) => void;
+    /** Removes the field constraint. */
+    onClear: () => void;
 }
-export declare const ColumnFilterMenu: ({ field, dataType, placeholder, showMatchModes, filterElement, labels, }: ColumnFilterMenuProps) => import("react").JSX.Element;
-//# sourceMappingURL=ColumnFilterMenu.d.ts.map
+/** Cratis-owned column filter popup with draft/apply behavior. */
+export declare const ColumnFilterMenu: ({ field, dataType, placeholder, showMatchModes, filterElement, labels, pt, constraint, onApply, onClear, }: ColumnFilterMenuProps) => import("react").JSX.Element;
+export {};

package/dist/esm/DataTables/ColumnFilterMenu.js

@@ -1,81 +1,148 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { DataTable } from 'primereact/datatable';
-import { Popover } from 'primereact/popover';
-import { InputText } from 'primereact/inputtext';
-import { InputNumber } from 'primereact/inputnumber';
-import { Button } from 'primereact/button';
-import { Dropdown } from '../Dropdown/Dropdown.js';
+import { useState, useEffect } from 'react';
+import { Button } from 'react-aria-components/Button';
+import { DialogTrigger, Dialog } from 'react-aria-components/Dialog';
+import { Popover } from 'react-aria-components/Popover';
+import { Button as Button$1 } from '../Common/Button.js';
 import { DatePickerInput } from '../Common/DatePickerInput.js';
+import 'react-aria-components/I18nProvider';
+import 'ts-deepmerge';
+import 'react-dom';
+import { useCratisComponentsConfig } from '../Common/CratisComponentsContext.js';
+import '../Notifications/toast.js';
+import '../renderer/RendererContext.js';
+import { asReactAriaButtonProps } from '../Common/reactAriaProps.js';
+import { Dropdown } from '../Dropdown/Dropdown.js';
+import { DataTableFilterMatchMode } from './DataTableFilterMeta.js';
 
-/** Default English labels for {@link ColumnFilterMenu}. */
 const defaultColumnFilterMenuLabels = {
     filterTriggerAriaLabel: (field) => `Filter by ${field}`,
+    valueAriaLabel: (field) => `Filter value for ${field}`,
+    matchModeAriaLabel: 'Match mode',
+    matchModeLabel: (_mode, defaultLabel) => defaultLabel,
     clear: 'Clear',
     apply: 'Apply',
     true: 'True',
     false: 'False',
 };
-/**
- * The filter affordance for a single data-table column: a filter icon in the
- * header that opens a popover menu with a match-mode selector, a value input
- * (text / number / date / boolean), and Clear / Apply actions. Restores the
- * PrimeReact 10 `filterDisplay="menu"` experience on PrimeReact 11's headless
- * `DataTable.Filter` state machine — which manages the filter draft and the
- * actual client-side row filtering, but renders none of the chrome — portaled
- * through `primereact/popover`.
- *
- * Rendered by {@link DataTableCore} inside a `THeadCell` for any `<Column>`
- * with `filter` set. Must live inside a `DataTable.Root` subtree.
- */
-const eventForFilter = (event) => {
-    if (event)
-        return event;
-    // SAFETY: PrimeReact's draft change handler does not inspect the event for programmatic editors.
-    return {};
+const optionsFor = (dataType) => {
+    switch (dataType) {
+        case 'numeric':
+            return [
+                ['Equals', DataTableFilterMatchMode.Equals],
+                ['Not equals', DataTableFilterMatchMode.NotEquals],
+                ['Less than', DataTableFilterMatchMode.LessThan],
+                ['Less than or equal', DataTableFilterMatchMode.LessThanOrEqual],
+                ['Greater than', DataTableFilterMatchMode.GreaterThan],
+                ['Greater than or equal', DataTableFilterMatchMode.GreaterThanOrEqual],
+            ].map(([label, value]) => ({ label, value }));
+        case 'date':
+            return [
+                ['Date is', DataTableFilterMatchMode.DateIs],
+                ['Date is not', DataTableFilterMatchMode.DateIsNot],
+                ['Before', DataTableFilterMatchMode.DateBefore],
+                ['After', DataTableFilterMatchMode.DateAfter],
+            ].map(([label, value]) => ({ label, value }));
+        case 'boolean':
+            return [{ label: 'Equals', value: DataTableFilterMatchMode.Equals }];
+        default:
+            return [
+                ['Contains', DataTableFilterMatchMode.Contains],
+                ['Starts with', DataTableFilterMatchMode.StartsWith],
+                ['Ends with', DataTableFilterMatchMode.EndsWith],
+                ['Equals', DataTableFilterMatchMode.Equals],
+                ['Not contains', DataTableFilterMatchMode.NotContains],
+                ['Not equals', DataTableFilterMatchMode.NotEquals],
+            ].map(([label, value]) => ({ label, value }));
+    }
 };
-const ColumnFilterMenu = ({ field, dataType = 'text', placeholder, showMatchModes = true, filterElement, labels, }) => (jsx(DataTable.Filter, { field: field, display: 'menu', dataType: dataType, showOperator: false, showAddButton: false, children: (filter) => {
-        const resolvedLabels = {
-            filterTriggerAriaLabel: labels?.filterTriggerAriaLabel ??
-                defaultColumnFilterMenuLabels.filterTriggerAriaLabel,
-            clear: labels?.clear ?? defaultColumnFilterMenuLabels.clear,
-            apply: labels?.apply ?? defaultColumnFilterMenuLabels.apply,
-            true: labels?.true ?? defaultColumnFilterMenuLabels.true,
-            false: labels?.false ?? defaultColumnFilterMenuLabels.false,
-        };
-        const booleanOptions = [
-            { label: resolvedLabels.true, value: true },
-            { label: resolvedLabels.false, value: false },
-        ];
-        const commit = (value, event, matchMode = filter.matchMode) => filter.onChange(eventForFilter(event), value, matchMode);
-        const builtInValueInput = (() => {
+const classNames = (...values) => values.filter(Boolean).join(' ');
+const defaultModeFor = (dataType) => {
+    if (dataType === 'text')
+        return DataTableFilterMatchMode.Contains;
+    if (dataType === 'date')
+        return DataTableFilterMatchMode.DateIs;
+    return DataTableFilterMatchMode.Equals;
+};
+const ColumnFilterMenu = ({ field, dataType = 'text', placeholder, showMatchModes = true, filterElement, labels, pt, constraint, onApply, onClear, }) => {
+    const [draftValue, setDraftValue] = useState(constraint?.value ?? null);
+    const [draftMode, setDraftMode] = useState(constraint?.matchMode ?? defaultModeFor(dataType));
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        setDraftValue(constraint?.value ?? null);
+        setDraftMode(constraint?.matchMode ?? defaultModeFor(dataType));
+    }, [constraint, dataType]);
+    const { messages } = useCratisComponentsConfig();
+    const columnFilterMessages = messages?.columnFilter;
+    const resolvedLabels = {
+        filterTriggerAriaLabel: labels?.filterTriggerAriaLabel ??
+            columnFilterMessages?.filterTriggerAriaLabel ??
+            defaultColumnFilterMenuLabels.filterTriggerAriaLabel,
+        valueAriaLabel: labels?.valueAriaLabel ??
+            columnFilterMessages?.valueAriaLabel ??
+            defaultColumnFilterMenuLabels.valueAriaLabel,
+        matchModeAriaLabel: labels?.matchModeAriaLabel ??
+            columnFilterMessages?.matchModeAriaLabel ??
+            defaultColumnFilterMenuLabels.matchModeAriaLabel,
+        matchModeLabel: labels?.matchModeLabel ??
+            columnFilterMessages?.matchModeLabel ??
+            defaultColumnFilterMenuLabels.matchModeLabel,
+        clear: labels?.clear ?? columnFilterMessages?.clear ?? defaultColumnFilterMenuLabels.clear,
+        apply: labels?.apply ?? columnFilterMessages?.apply ?? defaultColumnFilterMenuLabels.apply,
+        true: labels?.true ?? columnFilterMessages?.true ?? defaultColumnFilterMenuLabels.true,
+        false: labels?.false ?? columnFilterMessages?.false ?? defaultColumnFilterMenuLabels.false,
+    };
+    const modeOptions = optionsFor(dataType).map((option) => ({
+        ...option,
+        label: resolvedLabels.matchModeLabel(option.value, option.label),
+    }));
+    if (!modeOptions.some((option) => option.value === draftMode)) {
+        modeOptions.push({
+            label: resolvedLabels.matchModeLabel(draftMode, String(draftMode)),
+            value: draftMode,
+        });
+    }
+    const hasConstraint = constraint?.value !== null &&
+        constraint?.value !== undefined &&
+        constraint?.value !== '';
+    const clear = (event) => {
+        setDraftValue(null);
+        onClear();
+        event?.preventDefault();
+    };
+    const apply = (event) => {
+        onApply({ value: draftValue, matchMode: draftMode });
+        event?.preventDefault();
+    };
+    const valueInput = filterElement
+        ? filterElement({
+            field,
+            value: draftValue,
+            matchMode: draftMode,
+            onChange: (value) => setDraftValue(() => value),
+            onMatchModeChange: (matchMode) => setDraftMode(matchMode),
+            onApply: apply,
+            onClear: clear,
+        })
+        : (() => {
             switch (dataType) {
                 case 'numeric':
-                    return (jsx(InputNumber.Root, { value: filter.value ?? null, onValueChange: (e) => commit(e.value), children: jsx(InputNumber.Input, { placeholder: placeholder, className: 'w-full' }) }));
+                    return (jsx("input", { ...pt?.input, type: 'number', "aria-label": resolvedLabels.valueAriaLabel(field), value: typeof draftValue === 'number' ? draftValue : '', placeholder: placeholder, className: classNames('cratis-filter-menu__input', pt?.input?.className), onChange: (event) => setDraftValue(event.target.value === ''
+                            ? null
+                            : event.target.valueAsNumber) }));
                 case 'date':
-                    return (jsx(DatePickerInput, { value: filter.value
-                            ? new Date(filter.value)
-                            : null, onChange: (date) => commit(date), showIcon: true }));
+                    return (jsx(DatePickerInput, { value: draftValue instanceof Date ? draftValue : null, onChange: (value) => setDraftValue(value), showIcon: true, "aria-label": resolvedLabels.valueAriaLabel(field), className: pt?.input?.className, style: pt?.input?.style }));
                 case 'boolean':
-                    return (jsx(Dropdown, { value: filter.value, options: booleanOptions, optionLabel: 'label', optionValue: 'value', placeholder: placeholder, showClear: true, onChange: (e) => commit(e.value) }));
+                    return (jsx(Dropdown, { value: draftValue, options: [
+                            { label: resolvedLabels.true, value: true },
+                            { label: resolvedLabels.false, value: false },
+                        ], placeholder: placeholder, showClear: true, onChange: (value) => setDraftValue(value), "aria-label": resolvedLabels.valueAriaLabel(field), className: pt?.input?.className, style: pt?.input?.style }));
                 default:
-                    return (jsx(InputText, { value: filter.value ?? '', placeholder: placeholder, className: 'w-full', onChange: (e) => commit(e.target.value, e) }));
+                    return (jsx("input", { ...pt?.input, value: typeof draftValue === 'string' ? draftValue : '', "aria-label": resolvedLabels.valueAriaLabel(field), placeholder: placeholder, className: classNames('cratis-filter-menu__input', pt?.input?.className), onChange: (event) => setDraftValue(event.target.value) }));
             }
         })();
-        const valueInput = filterElement
-            ? filterElement({
-                field,
-                value: filter.value,
-                // SAFETY: PrimeReact stores the Cratis vocabulary's runtime string values unchanged.
-                matchMode: filter.matchMode,
-                onChange: (value, matchMode) => commit(value, undefined, matchMode),
-                onApply: filter.onApply,
-                onClear: filter.onClear,
-            })
-            : builtInValueInput;
-        return (jsxs(Popover.Root, { open: filter.overlayVisible, onOpenChange: (event) => event.value ? filter.onShowOverlay() : filter.onHideOverlay(), children: [jsx(Popover.Trigger, { "aria-label": resolvedLabels.filterTriggerAriaLabel(field), className: filter.isActive
-                        ? 'cratis-filter-trigger cratis-filter-trigger--active'
-                        : 'cratis-filter-trigger', children: jsx("i", { className: 'pi pi-filter' }) }), jsx(Popover.Portal, { children: jsx(Popover.Positioner, { children: jsx(Popover.Popup, { children: jsx(Popover.Content, { children: jsxs("div", { className: 'cratis-filter-menu', children: [showMatchModes && (jsx(Dropdown, { value: filter.matchMode, options: filter.matchModeOptions, optionLabel: 'label', optionValue: 'value', onChange: (e) => filter.onChange(eventForFilter(e.originalEvent), filter.value, e.value) })), valueInput, jsxs("div", { className: 'cratis-filter-menu-actions', children: [jsx(Button, { variant: 'outlined', onClick: (e) => filter.onClear(e), children: jsx("span", { children: resolvedLabels.clear }) }), jsx(Button, { onClick: (e) => filter.onApply(e), children: jsx("span", { children: resolvedLabels.apply }) })] })] }) }) }) }) })] }));
-    } }));
+    return (jsxs(DialogTrigger, { isOpen: isOpen, onOpenChange: setIsOpen, children: [jsx(Button, { ...asReactAriaButtonProps(pt?.trigger), "aria-label": resolvedLabels.filterTriggerAriaLabel(field), className: classNames('cratis-filter-trigger', pt?.trigger?.className), "data-active": hasConstraint || undefined, "data-selected": hasConstraint || undefined, "data-open": isOpen || undefined, "data-cratis-part": 'filter-trigger', children: jsx("span", { "aria-hidden": 'true', children: "\u2315" }) }), jsx(Popover, { ...pt?.popover, className: classNames('cratis-filter-popover', pt?.popover?.className), "data-cratis-part": 'filter-popover', "data-open": isOpen || undefined, placement: 'bottom end', children: jsxs(Dialog, { ...pt?.menu, className: classNames('cratis-filter-menu', pt?.menu?.className), "data-cratis-part": 'filter-menu', "data-open": isOpen || undefined, "aria-label": resolvedLabels.filterTriggerAriaLabel(field), children: [showMatchModes && (jsx(Dropdown, { value: draftMode, options: modeOptions, optionLabel: 'label', optionValue: 'value', onChange: (value) => setDraftMode(value), "aria-label": resolvedLabels.matchModeAriaLabel, pt: pt?.matchMode })), valueInput, jsxs("div", { ...pt?.actions, className: classNames('cratis-filter-menu-actions', pt?.actions?.className), "data-cratis-part": 'filter-actions', children: [jsx(Button$1, { variant: 'outline', onClick: clear, label: resolvedLabels.clear, pt: pt?.clear }), jsx(Button$1, { onClick: apply, label: resolvedLabels.apply, pt: pt?.apply })] })] }) })] }));
+};
 
 export { ColumnFilterMenu, defaultColumnFilterMenuLabels };
 //# sourceMappingURL=ColumnFilterMenu.js.map

package/dist/esm/DataTables/ColumnFilterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilterMenu.js","sources":["../../../DataTables/ColumnFilterMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ColumnFilterMenu.js","sources":["../../../DataTables/ColumnFilterMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaButton","AriaDialog","Button"],"mappings":"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"}