@cratis/components 3.6.1 → 4.1.0

package/dist/esm/Common/CratisComponentsProvider.d.ts

@@ -1,13 +1,183 @@
-import React from 'react';
-import type { PrimeReactProps } from '@primereact/types/core';
-import { type ToasterProps } from '../Notifications';
-export type CratisComponentsConfig = Partial<PrimeReactProps>;
+import { type ReactNode } from 'react';
+import { type ToasterProps } from '../Notifications/Toaster.js';
+import type { CratisRendererSetup, unstable_UiLibrary } from '../renderer/manifest.js';
+import type { CratisOverlayEnvironment } from '../renderer/overlayEnvironment.js';
+export { cratisDefaults } from './CratisComponentsDefaults.js';
+export { useCratisComponentsConfig } from './CratisComponentsContext.js';
+/** Localizable labels owned by the Cratis paginator. */
+export interface CratisPaginatorMessages {
+    /** Pagination navigation-region name. */
+    navigation?: string;
+    /** First-page action label. */
+    first?: string;
+    /** Previous-page action label. */
+    previous?: string;
+    /** Next-page action label. */
+    next?: string;
+    /** Last-page action label. */
+    last?: string;
+}
+/** Localizable labels owned by the Cratis date picker composition. */
+export interface CratisDatePickerMessages {
+    /** Today action label. */
+    today?: string;
+    /** Clear action label. */
+    clear?: string;
+    /** Calendar-trigger label. */
+    openCalendar?: string;
+    /** Previous-month action label. */
+    previousMonth?: string;
+    /** Next-month action label. */
+    nextMonth?: string;
+    /**
+     * Accessible name for the segmented date input when neither an explicit
+     * `aria-label` nor a `placeholder` is supplied. Previously an orphaned
+     * `'Date'` literal with no override path.
+     */
+    label?: string;
+}
+/** Localizable labels owned by the Cratis {@link Dropdown} composition. */
+export interface CratisDropdownMessages {
+    /** Accessible name for the options-popover trigger. */
+    showOptions?: string;
+    /** Accessible name for the clear-selection action. */
+    clearSelection?: string;
+}
+/**
+ * Localizable action and dismissal labels shared by every Cratis-owned dialog
+ * surface — {@link Dialog}, {@link CommandDialog}, and {@link StepperCommandDialog}.
+ */
+export interface CratisDialogMessages {
+    /** Primary confirmation label (the `Ok` action in `DialogButtons.Ok*`). */
+    ok?: string;
+    /** Cancellation label (the `Cancel` action, and the Stepper footer Cancel). */
+    cancel?: string;
+    /** Affirmative label (the `Yes` action in `DialogButtons.YesNo*`). */
+    yes?: string;
+    /** Negative label (the `No` action in `DialogButtons.YesNo*`). */
+    no?: string;
+    /** Accessible name for the header close (×) action. */
+    close?: string;
+}
+/** Localizable navigation labels owned by {@link CommandStepper} / {@link StepperCommandDialog}. */
+export interface CratisStepperMessages {
+    /** Advance-to-next-step action label. */
+    next?: string;
+    /** Return-to-previous-step action label. */
+    previous?: string;
+    /** Final-step submit action label. */
+    submit?: string;
+}
+/** Localizable labels owned by the Cratis {@link Toaster}. */
+export interface CratisNotificationsMessages {
+    /** Accessible name for a toast's dismiss action. */
+    dismiss?: string;
+    /** Accessible name for the toast region landmark. */
+    region?: string;
+}
+/** Localizable labels owned by the Cratis {@link DataTableCore} composition. */
+export interface CratisDataTableMessages {
+    /** Accessible name for a single-selection row control. */
+    selectRow?: string;
+    /** Placeholder for the loaded-page search input. */
+    search?: string;
+    /** Accessible name for the loaded-page search input. */
+    searchAriaLabel?: string;
+}
+/** Localizable labels owned by the Cratis column-filter popup. */
+export interface CratisColumnFilterMessages {
+    /** 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: string, 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;
+}
+/** Localizable labels owned by the Cratis {@link Toolbar} composition. */
+export interface CratisToolbarMessages {
+    /** Accessible toolbar name used when neither `aria-label` nor `aria-labelledby` is supplied. */
+    label?: string;
+}
+/** Components-owned message groups. */
+export interface CratisComponentsMessages {
+    /** Paginator labels. */
+    paginator?: CratisPaginatorMessages;
+    /** Date-picker labels. */
+    datePicker?: CratisDatePickerMessages;
+    /** Dropdown labels. */
+    dropdown?: CratisDropdownMessages;
+    /** Dialog action/dismissal labels shared by Dialog, CommandDialog, and StepperCommandDialog. */
+    dialog?: CratisDialogMessages;
+    /** Stepper navigation labels shared by CommandStepper and StepperCommandDialog. */
+    stepper?: CratisStepperMessages;
+    /** Toaster labels. */
+    notifications?: CratisNotificationsMessages;
+    /** DataTable search/selection labels. */
+    dataTable?: CratisDataTableMessages;
+    /** Column-filter popup labels and match-mode copy. */
+    columnFilter?: CratisColumnFilterMessages;
+    /** Toolbar accessible-name fallback. */
+    toolbar?: CratisToolbarMessages;
+}
+interface LegacyLocaleMessages {
+    today?: string;
+    clear?: string;
+    aria?: {
+        navigation?: string;
+        firstPageLabel?: string;
+        prevPageLabel?: string;
+        nextPageLabel?: string;
+        lastPageLabel?: string;
+    };
+    [message: string]: unknown;
+}
+/** Renderer-independent application configuration for Components. */
+export interface CratisComponentsConfig {
+    /** BCP 47 locale used by React Aria for dates, numbers, and interaction announcements. */
+    locale?: string;
+    /** Cratis-owned labels not supplied by the platform's internationalization APIs. */
+    messages?: CratisComponentsMessages;
+    /**
+     * @deprecated Use {@link messages}; React Aria supplies its own locale data.
+     */
+    locales?: Record<string, LegacyLocaleMessages>;
+}
+/** Props for the application-root Components provider. */
 export interface CratisComponentsProviderProps {
+    /** Locale and Components-owned messages. */
     value?: CratisComponentsConfig;
+    /** Mounts the global toaster with defaults or explicit options. */
     toaster?: boolean | ToasterProps;
-    children: React.ReactNode;
+    /**
+     * Selects one stable presentation library. The broader generic manifest and ordered,
+     * last-wins composition form remain experimental.
+     */
+    library?: unstable_UiLibrary | readonly unstable_UiLibrary[];
+    /** Experimental profile-promise behavior. Defaults to strict. */
+    libraryMode?: 'strict' | 'degrade';
+    /** Terminal slot fallback behavior. Defaults to the built-in Core implementation. */
+    rendererFallback?: 'core' | 'throw';
+    /** Host environment for overlay portal containers. */
+    overlayEnvironment?: CratisOverlayEnvironment;
+    /**
+     * Non-secret renderer setup attestations. Values are booleans so credentials and license
+     * tokens never cross the Components provider boundary.
+     */
+    rendererSetup?: CratisRendererSetup;
+    /** Application content. */
+    children: ReactNode;
 }
-export declare const cratisDefaults: CratisComponentsConfig;
+/** Deep-merges consumer configuration over {@link cratisDefaults}. */
 export declare const mergeCratisComponentsConfig: (value: CratisComponentsConfig | undefined) => CratisComponentsConfig;
-export declare const CratisComponentsProvider: ({ value, toaster, children }: CratisComponentsProviderProps) => React.JSX.Element;
-//# sourceMappingURL=CratisComponentsProvider.d.ts.map
+/** Application root for locale, labels, and the optional app-wide toaster. */
+export declare const CratisComponentsProvider: ({ value, toaster, library, libraryMode, rendererFallback, overlayEnvironment, rendererSetup, children, }: CratisComponentsProviderProps) => import("react").JSX.Element;

package/dist/esm/Common/CratisComponentsProvider.js

@@ -1,58 +1,71 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { PrimeReactProvider } from '@primereact/core';
+import { I18nProvider } from 'react-aria-components/I18nProvider';
 import { merge } from 'ts-deepmerge';
 import { Toaster } from '../Notifications/Toaster.js';
-import '../Notifications/toast.js';
+import { unstable_RendererRoot } from '../renderer/RendererContext.js';
+import { CratisComponentsContext } from './CratisComponentsContext.js';
+export { useCratisComponentsConfig } from './CratisComponentsContext.js';
+import { cratisDefaults } from './CratisComponentsDefaults.js';
 
-/**
- * Default configuration applied to every consumer. Intentionally empty today —
- * reserved for Cratis-wide opinions we may want to ship in the future (for example,
- * a default pt preset that complements the --cratis-* token layer). Anything added
- * here is deep-merged with the consumer's `value` so consumer settings always win.
- *
- * Exported so specs can verify the merge contract without re-rendering React.
- */
-const cratisDefaults = {};
-/**
- * Pure merge of {@link cratisDefaults} and consumer-supplied config. Exposed for
- * specs; the provider component uses the same logic inside its `useMemo`.
- */
+const RendererRoot = unstable_RendererRoot;
 const mergeCratisComponentsConfig = (value) => merge(cratisDefaults, value ?? {});
-/**
- * Single setup point for Cratis Components. Wraps PrimeReact 11's
- * {@link PrimeReactProvider} so the library can layer Cratis-wide defaults on top of
- * PrimeReact's pass-through and unstyled mechanisms while still letting the consumer
- * take complete control. PrimeReact 11 is unstyled-first, so this library ships no
- * bundled theme — you choose the styling posture:
- *
- * Every option is passed through the single `value` prop (it is deep-merged onto
- * PrimeReact's provider config):
- *
- * - **Unstyled (default posture):** pass nothing, or `value={{ unstyled: true }}`, and
- *   style the structural markup yourself through the `--cratis-*` token layer, your own
- *   CSS, Tailwind, or `pt` definitions.
- * - **Styled:** spread `styledMode()` from `@cratis/components/styled` into `value` -
- *   PrimeReact's own component styles for every primitive plus a `@primeuix/themes`
- *   preset (the Cratis preset by default, `styledMode({ preset: Aura })` for another).
- *   A preset on `theme` alone only emits design tokens; the primitives render without
- *   `p-*` classes until `defaults` gives them their styles, which is what `styledMode()` does.
- * - Pass `value={{ pt, ptOptions }}` to apply global per-component pass-through.
- *
- * **PrimeUI license.** PrimeReact 11 is no longer MIT — its provider verifies a PrimeUI
- * license on mount and, without one, logs a warning and shows an "Invalid PrimeUI License"
- * banner (in development *and* production). Supply your key via `value={{ license: '…' }}`
- * (a free Community tier covers individuals, non-profits, non-commercial OSS, and small
- * orgs; otherwise a Commercial license is required — see primeui.store). The key flows
- * straight through to PrimeReact's provider.
- *
- * Consumers who want to talk to PrimeReact directly may still mount
- * {@link PrimeReactProvider} themselves — this component is an optional convenience,
- * not a requirement.
- */
-const CratisComponentsProvider = ({ value, toaster, children }) => {
-    const merged = useMemo(() => mergeCratisComponentsConfig(value), [value]);
-    return (jsxs(PrimeReactProvider, { ...merged, children: [children, toaster && jsx(Toaster, { ...(typeof toaster === 'object' ? toaster : {}) })] }));
+const withLegacyLocaleMessages = (config, explicitMessages) => {
+    const legacy = config.locale ? config.locales?.[config.locale] : undefined;
+    if (!legacy)
+        return config;
+    return {
+        ...config,
+        messages: {
+            ...config.messages,
+            paginator: {
+                navigation: explicitMessages?.paginator?.navigation ??
+                    legacy.aria?.navigation ??
+                    config.messages?.paginator?.navigation,
+                first: explicitMessages?.paginator?.first ??
+                    legacy.aria?.firstPageLabel ??
+                    config.messages?.paginator?.first,
+                previous: explicitMessages?.paginator?.previous ??
+                    legacy.aria?.prevPageLabel ??
+                    config.messages?.paginator?.previous,
+                next: explicitMessages?.paginator?.next ??
+                    legacy.aria?.nextPageLabel ??
+                    config.messages?.paginator?.next,
+                last: explicitMessages?.paginator?.last ??
+                    legacy.aria?.lastPageLabel ??
+                    config.messages?.paginator?.last,
+            },
+            datePicker: {
+                ...config.messages?.datePicker,
+                today: explicitMessages?.datePicker?.today ??
+                    legacy.today ??
+                    config.messages?.datePicker?.today,
+                clear: explicitMessages?.datePicker?.clear ??
+                    legacy.clear ??
+                    config.messages?.datePicker?.clear,
+                openCalendar: explicitMessages?.datePicker?.openCalendar ??
+                    config.messages?.datePicker?.openCalendar,
+                previousMonth: explicitMessages?.datePicker?.previousMonth ??
+                    config.messages?.datePicker?.previousMonth,
+                nextMonth: explicitMessages?.datePicker?.nextMonth ??
+                    config.messages?.datePicker?.nextMonth,
+            },
+        },
+    };
+};
+const validLocale = (locale) => {
+    if (!locale)
+        return 'en-US';
+    try {
+        return new Intl.Locale(locale).toString();
+    }
+    catch {
+        return 'en-US';
+    }
+};
+const CratisComponentsProvider = ({ value, toaster, library, libraryMode, rendererFallback, overlayEnvironment, rendererSetup, children, }) => {
+    const resolved = useMemo(() => withLegacyLocaleMessages(mergeCratisComponentsConfig(value), value?.messages), [value]);
+    return (jsx(RendererRoot, { library: library, libraryMode: libraryMode, rendererFallback: rendererFallback, overlayEnvironment: overlayEnvironment, rendererSetup: rendererSetup, children: jsx(CratisComponentsContext.Provider, { value: resolved, children: jsxs(I18nProvider, { locale: validLocale(resolved.locale), children: [children, toaster && (jsx(Toaster, { ...(typeof toaster === 'object' ? toaster : {}) }))] }) }) }));
 };
 
 export { CratisComponentsProvider, cratisDefaults, mergeCratisComponentsConfig };

package/dist/esm/Common/CratisComponentsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CratisComponentsProvider.js","sources":["../../../Common/CratisComponentsProvider.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkCA;;;;;;;AAOG;AACI,MAAM,cAAc,GAA2B;AAEtD;;;AAGG;AACI,MAAM,2BAA2B,GAAG,CAAC,KAAyC,KACjF,KAAK,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BG;AACI,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAiC,KAAI;AACpG,IAAA,MAAM,MAAM,GAAG,OAAO,CAAyB,MAAM,2BAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEjG,IAAA,QACIA,IAAA,CAAC,kBAAkB,EAAA,EAAA,GAAK,MAAM,EAAA,QAAA,EAAA,CACzB,QAAQ,EACR,OAAO,IAAIC,GAAA,CAAC,OAAO,QAAM,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAC,EAAA,CAAI,CAAA,EAAA,CACxD;AAE7B;;"}
+{"version":3,"file":"CratisComponentsProvider.js","sources":["../../../Common/CratisComponentsProvider.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/Common/DatePickerInput.d.ts

@@ -1,29 +1,118 @@
-import type { CSSProperties, FocusEventHandler, InputHTMLAttributes } from 'react';
-import type { DatePickerRootPassThrough, DatePickerRootPassThroughType, DatePickerRootProps } from '@primereact/types/primitive/datepicker';
-export type DatePickerInputPassThrough = Omit<DatePickerRootPassThrough, 'pcInputText'> & {
-    input?: DatePickerRootPassThroughType<InputHTMLAttributes<HTMLInputElement>>;
-};
+import type { ButtonHTMLAttributes, CSSProperties, FocusEventHandler, HTMLAttributes } from 'react';
+import type { ChangeHandler } from '../types/ChangeHandler.js';
+interface DatePickerPartAttributes extends Omit<HTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'role'> {
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
+type DatePickerButtonAttributes = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'value'>;
+/** Stable Cratis-owned parts for styling a {@link DatePickerInput}. */
+export interface DatePickerInputPassThrough {
+    /** Outer wrapper. */
+    root?: DatePickerPartAttributes;
+    /** Focusable segmented-input group. */
+    group?: DatePickerPartAttributes;
+    /** Segmented date input. */
+    input?: DatePickerPartAttributes;
+    /** Visible empty-value placeholder. */
+    placeholder?: DatePickerPartAttributes;
+    /** Individual editable date/time segment. */
+    segment?: DatePickerPartAttributes;
+    /** Calendar popup trigger. */
+    trigger?: DatePickerButtonAttributes;
+    /** Portaled calendar popover. */
+    popover?: DatePickerPartAttributes;
+    /** Calendar dialog. */
+    dialog?: DatePickerPartAttributes;
+    /** Calendar root. */
+    calendar?: DatePickerPartAttributes;
+    /** Calendar navigation header. */
+    header?: DatePickerPartAttributes;
+    /** Current month/year heading. */
+    heading?: DatePickerPartAttributes;
+    /** Previous-month action. */
+    previous?: DatePickerButtonAttributes;
+    /** Next-month action. */
+    next?: DatePickerButtonAttributes;
+    /** Calendar grid. */
+    grid?: DatePickerPartAttributes;
+    /** One calendar cell. */
+    cell?: DatePickerPartAttributes;
+    /** Today/clear action row. */
+    buttonBar?: DatePickerPartAttributes;
+    /** Today action; disabled and non-interactive when today falls outside `minDate`/`maxDate`. */
+    today?: DatePickerButtonAttributes;
+    /** Clear action. */
+    clear?: DatePickerButtonAttributes;
+}
+/** Props for {@link DatePickerInput}. */
 export interface DatePickerInputProps {
+    /** Controlled JavaScript date value. */
     value: Date | null;
-    onChange: (value: Date | null) => void;
+    /** Invoked with the selected JavaScript date or `null` and optional change-origin metadata. */
+    onChange: ChangeHandler<Date | null>;
+    /** Invoked when focus leaves the picker wrapper. */
     onBlur?: FocusEventHandler<HTMLElement>;
+    /** Marks the picker invalid. */
     invalid?: boolean;
+    /** Disables every picker control. */
     disabled?: boolean;
+    /** Prevents editing while retaining focus semantics. */
     readOnly?: boolean;
+    /** DOM id for the segmented-input group. */
     id?: string;
+    /** Shows Today and Clear actions. */
     showButtonBar?: boolean;
+    /** Visible text while no date is selected. */
     placeholder?: string;
+    /** Deprecated renderer mask; locale controls formatting now. */
     dateFormat?: string;
+    /** Shows the calendar trigger button. Defaults to `true`. */
     showIcon?: boolean;
+    /** Adds hour/minute segments. */
     showTime?: boolean;
+    /** Preferred 12- or 24-hour cycle. */
     hourFormat?: '12' | '24';
+    /** Earliest selectable date. */
     minDate?: Date;
+    /** Latest selectable date. */
     maxDate?: Date;
+    /** Extra class name for the outer wrapper. */
     className?: string;
+    /** Inline style for the outer wrapper. */
     style?: CSSProperties;
+    /** Cratis-owned per-part attributes. */
     pt?: DatePickerInputPassThrough;
-    ptOptions?: DatePickerRootProps['ptOptions'];
+    /**
+     * @deprecated Cratis parts always merge. Remove this renderer-era option.
+     */
+    ptOptions?: object;
+    /**
+     * @deprecated Components always uses consumer-owned CSS. Customize through `pt` and CSS instead.
+     */
     unstyled?: boolean;
+    /** Localized label for the Today action. */
+    todayLabel?: string;
+    /** Localized label for the Clear action. */
+    clearLabel?: string;
+    /** Accessible name when no external label is supplied. */
+    'aria-label'?: string;
+    /** Id of the element that labels the picker. */
+    'aria-labelledby'?: string;
+    /** Id of the element that describes the picker. */
+    'aria-describedby'?: string;
 }
-export declare const DatePickerInput: ({ value, onChange, onBlur, invalid, disabled, readOnly, id, showButtonBar, placeholder, dateFormat, showIcon, showTime, hourFormat, minDate, maxDate, className, style, pt, ptOptions, unstyled, }: DatePickerInputProps) => import("react").JSX.Element;
-//# sourceMappingURL=DatePickerInput.d.ts.map
+/**
+ * An internationalized date or date-time picker with Cratis-owned markup parts.
+ * The public boundary remains `Date | null`; React Aria's calendar values stay internal.
+ */
+export declare const DatePickerInput: (props: DatePickerInputProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/esm/Common/DatePickerInput.js

@@ -1,34 +1,16 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { DatePicker, useDatePickerContext } from 'primereact/datepicker';
-import { InputText } from 'primereact/inputtext';
-import { Button } from 'primereact/button';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { DatePickerInputImplementation } from './DatePickerInputImplementation.js';
 
-const stopDatePickerKeyboardOpening = (event) => {
-    if (event.code === 'ArrowDown') {
-        event.stopPropagation();
-    }
+const coreDatePickerDeclaration = Object.freeze({
+    mode: 'atomic',
+    fidelity: 'native',
+    render: DatePickerInputImplementation,
+});
+const DatePickerInput = (props) => {
+    const declaration = unstable_useSlot('display.datePicker', coreDatePickerDeclaration);
+    return renderSlot(declaration, props);
 };
-const DatePickerInputButtonBar = () => {
-    const datePicker = useDatePickerContext();
-    return (jsxs(DatePicker.Buttonbar, { children: [jsx(DatePicker.Today, { children: datePicker?.todayLabel }), jsx(DatePicker.Clear, { children: datePicker?.clearLabel })] }));
-};
-/**
- * A wrapper-owned date (or date-time) picker with a simple `value` / `onChange`
- * (`Date | null`) surface, assembling PrimeReact 11's compositional
- * `DatePicker` (Root owns the date model, Input is the text field, and the
- * popup Calendar/Table auto-render the grid). Shared by {@link CalendarField}
- * (the command-bound field) and other editors that need a raw date input.
- *
- * `onBlur` rides the wrapping `<div>` because React blur bubbles (focusout).
- */
-const DatePickerInput = ({ value, onChange, onBlur, invalid, disabled, readOnly, id, showButtonBar, placeholder, dateFormat, showIcon, showTime, hourFormat, minDate, maxDate, className, style, pt, ptOptions, unstyled, }) => (jsx("div", { className: className ? `w-full ${className}` : 'w-full', style: style, onBlur: onBlur, children: jsxs(DatePicker.Root, { value: value, onValueChange: (e) => onChange(e.value instanceof Date ? e.value : null), disabled: disabled, readOnly: readOnly, showOnFocus: !disabled && !readOnly, dateFormat: dateFormat, showTime: showTime, hourFormat: hourFormat, minDate: minDate, maxDate: maxDate, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [jsx(DatePicker.Input, { as: InputText, ...(id === undefined ? {} : { id }), ...(disabled === undefined ? {} : { disabled }), ...(readOnly === undefined ? {} : { readOnly }), ...(disabled || readOnly
-                    ? { onKeyDownCapture: stopDatePickerKeyboardOpening }
-                    : {}), ...(placeholder === undefined ? {} : { placeholder }), ...(invalid === undefined
-                    ? {}
-                    : {
-                        'aria-invalid': invalid || undefined,
-                        'data-invalid': invalid ? '' : undefined,
-                    }), className: 'w-full' }), showIcon && (jsx(DatePicker.Trigger, { disabled: disabled || readOnly, children: jsx("i", { className: 'pi pi-calendar' }) })), jsx(DatePicker.Portal, { children: jsx(DatePicker.Positioner, { align: 'start', children: jsxs(DatePicker.Popup, { children: [jsxs(DatePicker.Calendar, { children: [jsxs(DatePicker.Header, { children: [jsx(DatePicker.Prev, { as: Button, iconOnly: true, variant: 'text', rounded: true, severity: 'secondary', size: 'small', children: jsx("i", { className: 'pi pi-chevron-left' }) }), jsxs(DatePicker.Title, { children: [jsx(DatePicker.SelectMonth, {}), jsx(DatePicker.SelectYear, {}), jsx(DatePicker.Decade, {})] }), jsx(DatePicker.Next, { as: Button, iconOnly: true, variant: 'text', rounded: true, severity: 'secondary', size: 'small', children: jsx("i", { className: 'pi pi-chevron-right' }) })] }), jsxs(DatePicker.Table, { children: [jsx(DatePicker.TableHead, {}), jsx(DatePicker.TableBody, {}), jsx(DatePicker.TableBody, { view: 'month' }), jsx(DatePicker.TableBody, { view: 'year' })] })] }), showTime && jsx(DatePicker.Time, {}), showButtonBar && jsx(DatePickerInputButtonBar, {})] }) }) })] }) }));
 
 export { DatePickerInput };
 //# sourceMappingURL=DatePickerInput.js.map

package/dist/esm/Common/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","sources":["../../../Common/DatePickerInput.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAiCA,MAAM,6BAA6B,GAAG,CAAC,KAAyB,KAAI;AAChE,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;QAC5B,KAAK,CAAC,eAAe,EAAE;IAC3B;AACJ,CAAC;AAED,MAAM,wBAAwB,GAAG,MAAK;AAClC,IAAA,MAAM,UAAU,GAAG,oBAAoB,EAAE;IAEzC,QACIA,IAAA,CAAC,UAAU,CAAC,SAAS,EAAA,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAE,UAAU,EAAE,UAAU,EAAA,CAAoB,EAC7DA,GAAA,CAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAE,UAAU,EAAE,UAAU,EAAA,CAAoB,CAAA,EAAA,CAC1C;AAE/B,CAAC;AA8CD;;;;;;;;AAQG;MACU,eAAe,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,aAAa,EACb,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,GACW,MACnBA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,SAAS,GAAG,CAAA,OAAA,EAAU,SAAS,EAAE,GAAG,QAAQ,EACvD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EAAA,QAAA,EAEdD,KAAC,UAAU,CAAC,IAAI,EAAA,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,CAAiC,KAC7C,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,EAEtD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACnC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAElBC,IAAC,UAAU,CAAC,KAAK,EAAA,EACb,EAAE,EAAE,SAAS,EAAA,IACR,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAA,IAC/B,QAAQ,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAA,IAC3C,QAAQ,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAA,IAC3C,QAAQ,IAAI;AACb,sBAAE,EAAE,gBAAgB,EAAE,6BAA6B;sBACjD,EAAE,CAAC,EAAA,IACJ,WAAW,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,EAAA,IACjD,OAAO,KAAK;AACb,sBAAE;AACF,sBAAE;wBACI,cAAc,EAAE,OAAO,IAAI,SAAS;wBACpC,cAAc,EAAE,OAAO,GAAG,EAAE,GAAG,SAAS;qBAC3C,CAAC,EACR,SAAS,EAAC,QAAQ,GACpB,EACD,QAAQ,KACLA,GAAA,CAAC,UAAU,CAAC,OAAO,EAAA,EAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAA,QAAA,EAC9CA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gBAAgB,GAAG,EAAA,CACf,CACxB,EACDA,GAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,UAAU,CAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAA,QAAA,EAChCD,IAAA,CAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACbA,IAAA,CAAC,UAAU,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CAChBA,IAAA,CAAC,UAAU,CAAC,MAAM,eACdC,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EACZ,EAAE,EAAE,MAAM,EACV,QAAQ,EAAA,IAAA,EACR,OAAO,EAAC,MAAM,EACd,OAAO,EAAA,IAAA,EACP,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EAAA,QAAA,EAEZA,WAAG,SAAS,EAAC,oBAAoB,EAAA,CAAG,EAAA,CACtB,EAClBD,KAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,UAAU,CAAC,WAAW,EAAA,EAAA,CAAG,EAC1BA,GAAA,CAAC,UAAU,CAAC,UAAU,EAAA,EAAA,CAAG,EACzBA,GAAA,CAAC,UAAU,CAAC,MAAM,EAAA,EAAA,CAAG,CAAA,EAAA,CACN,EACnBA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EACZ,EAAE,EAAE,MAAM,EACV,QAAQ,EAAA,IAAA,EACR,OAAO,EAAC,MAAM,EACd,OAAO,EAAA,IAAA,EACP,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EAAA,QAAA,EAEZA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,qBAAqB,EAAA,CAAG,EAAA,CACvB,IACF,EACpBD,IAAA,CAAC,UAAU,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,UAAU,CAAC,SAAS,EAAA,EAAA,CAAG,EACxBA,IAAC,UAAU,CAAC,SAAS,EAAA,EAAA,CAAG,EACxBA,GAAA,CAAC,UAAU,CAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAA,CAAG,EACrCA,IAAC,UAAU,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CACrB,IACD,EACrB,QAAQ,IAAIA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAA,CAAG,EAC/B,aAAa,IAAIA,GAAA,CAAC,wBAAwB,EAAA,EAAA,CAAG,CAAA,EAAA,CAC/B,GACC,EAAA,CACR,CAAA,EAAA,CACN,EAAA,CAChB;;"}
+{"version":3,"file":"DatePickerInput.js","sources":["../../../Common/DatePickerInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAuIA,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,6BAA6B;AACxC,CAAA,CAA0D;AAMpD,MAAM,eAAe,GAAG,CAAC,KAA2B,KAAI;IAC3D,MAAM,WAAW,GAAG,gBAAgB,CAAC,oBAAoB,EAAE,yBAAyB,CAAC;AACrF,IAAA,OAAO,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC;AACzC;;"}

package/dist/esm/Common/DatePickerInputImplementation.d.ts

@@ -0,0 +1,6 @@
+import type { DatePickerInputProps } from './DatePickerInput.js';
+/**
+ * An internationalized date or date-time picker with Cratis-owned markup parts.
+ * The public boundary remains `Date | null`; React Aria's calendar values stay internal.
+ */
+export declare const DatePickerInputImplementation: ({ value, onChange, onBlur, invalid, disabled, readOnly, id, showButtonBar, placeholder, showIcon, showTime, hourFormat, minDate, maxDate, className, style, pt, todayLabel, clearLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, }: DatePickerInputProps) => import("react").JSX.Element;

package/dist/esm/Common/DatePickerInputImplementation.js

@@ -0,0 +1,86 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { DatePicker, Group, DateInput, DateSegment, Button, Popover, Calendar, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components/DatePicker';
+import { Dialog } from 'react-aria-components/Dialog';
+import { Heading } from 'react-aria-components/Heading';
+import { UNSAFE_PortalProvider } from 'react-aria';
+import { unstable_useOverlayEnvironment } from '../renderer/RendererContext.js';
+import 'react-aria-components/I18nProvider';
+import 'ts-deepmerge';
+import 'react-dom';
+import { useCratisComponentsConfig } from './CratisComponentsContext.js';
+import '../Notifications/toast.js';
+import { asReactAriaButtonProps } from './reactAriaProps.js';
+import { getLocalTimeZone, today, fromDate, toCalendarDate } from '@internationalized/date';
+
+const classNames = (...values) => values.filter(Boolean).join(' ');
+const asDateValue = (value, showTime) => {
+    if (!value)
+        return null;
+    const zoned = fromDate(value, getLocalTimeZone());
+    return showTime ? zoned : toCalendarDate(zoned);
+};
+const asDate = (value) => value ? value.toDate(getLocalTimeZone()) : null;
+const DatePickerInputImplementation = ({ value, onChange, onBlur, invalid, disabled, readOnly, id, showButtonBar, placeholder, showIcon = true, showTime, hourFormat, minDate, maxDate, className, style, pt, todayLabel, clearLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, }) => {
+    const [isPickerOpen, setIsPickerOpen] = useState(false);
+    const overlayEnvironment = unstable_useOverlayEnvironment();
+    const { messages } = useCratisComponentsConfig();
+    const datePickerMessages = messages?.datePicker;
+    const resolvedTodayLabel = todayLabel ?? datePickerMessages?.today ?? 'Today';
+    const resolvedClearLabel = clearLabel ?? datePickerMessages?.clear ?? 'Clear';
+    const timeZone = getLocalTimeZone();
+    const minValue = asDateValue(minDate ?? null, showTime) ?? undefined;
+    const maxValue = asDateValue(maxDate ?? null, showTime) ?? undefined;
+    const todayDate = today(timeZone).toDate(timeZone);
+    const todayValue = asDateValue(todayDate, showTime);
+    const isTodayOutOfBounds = (minValue !== undefined && todayValue.compare(minValue) < 0) ||
+        (maxValue !== undefined && todayValue.compare(maxValue) > 0);
+    const rootClassName = classNames('cratis-date-picker', pt?.root?.className, className);
+    const inputId = id ?? pt?.input?.id;
+    const effectiveDisabled = disabled ?? pt?.input?.disabled ?? false;
+    const effectiveReadOnly = readOnly ?? pt?.input?.readOnly ?? false;
+    const effectiveInvalid = invalid ?? pt?.input?.['aria-invalid'] ?? false;
+    const effectivePlaceholder = placeholder ?? pt?.input?.placeholder;
+    const effectiveAriaLabel = ariaLabel ??
+        pt?.input?.['aria-label'] ??
+        effectivePlaceholder ??
+        datePickerMessages?.label ??
+        'Date';
+    const effectiveAriaLabelledby = ariaLabelledby ?? pt?.input?.['aria-labelledby'];
+    const effectiveAriaDescribedby = ariaDescribedby ?? pt?.input?.['aria-describedby'];
+    const inputPartAttributes = {
+        ...pt?.input,
+        id: undefined,
+        className: undefined,
+        style: undefined,
+        disabled: undefined,
+        readOnly: undefined,
+        placeholder: undefined,
+        'aria-label': undefined,
+        'aria-labelledby': undefined,
+        'aria-describedby': undefined,
+        'aria-invalid': undefined,
+    };
+    return (jsx("div", { ...pt?.root, className: rootClassName, style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root', "data-invalid": effectiveInvalid || undefined, "data-disabled": effectiveDisabled || undefined, "data-readonly": effectiveReadOnly || undefined, "data-open": isPickerOpen || undefined, "data-selected": value !== null || undefined, onBlur: onBlur, children: jsx(UNSAFE_PortalProvider, { getContainer: overlayEnvironment.getContainer, children: jsx(DatePicker, { value: asDateValue(value, showTime), onChange: (next) => onChange(asDate(next), { source: 'user' }), isDisabled: effectiveDisabled, isReadOnly: effectiveReadOnly, isInvalid: effectiveInvalid, onOpenChange: setIsPickerOpen, minValue: minValue, maxValue: maxValue, granularity: showTime ? 'minute' : 'day', hourCycle: hourFormat === '12' ? 12 : hourFormat === '24' ? 24 : undefined, "aria-label": effectiveAriaLabel, "aria-labelledby": effectiveAriaLabelledby, "aria-describedby": effectiveAriaDescribedby, className: 'cratis-date-picker__picker', children: ({ isOpen }) => (jsxs(Fragment, { children: [jsxs(Group, { ...pt?.group, id: inputId, "aria-invalid": effectiveInvalid || undefined, className: classNames('cratis-date-picker__group', pt?.group?.className), "data-cratis-part": 'group', "data-empty": value === null || undefined, render: (groupProps) => (jsx("div", { ...groupProps, "data-open": isOpen || undefined, "data-invalid": effectiveInvalid || undefined, "data-disabled": effectiveDisabled || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": value !== null || undefined })), children: [jsx(DateInput, { ...inputPartAttributes, className: classNames('cratis-date-picker__input', pt?.input?.className), style: pt?.input?.style, "data-cratis-part": 'input', "data-placeholder": effectivePlaceholder, render: (inputProps) => (jsx("div", { ...inputProps, "data-open": isOpen || undefined, "data-invalid": effectiveInvalid || undefined, "data-disabled": effectiveDisabled || undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": value !== null || undefined })), children: (segment) => (jsx(DateSegment, { ...pt?.segment, segment: segment, className: classNames('cratis-date-picker__segment', pt?.segment?.className), "data-cratis-part": 'segment', render: (segmentProps) => (jsx("span", { ...segmentProps, "data-invalid": effectiveInvalid || undefined, "data-disabled": effectiveDisabled || undefined, "data-readonly": effectiveReadOnly || undefined })) })) }), value === null && effectivePlaceholder && (jsx("span", { ...pt?.placeholder, className: classNames('cratis-date-picker__placeholder', pt?.placeholder?.className), "data-cratis-part": 'placeholder', "aria-hidden": 'true', children: effectivePlaceholder })), showIcon && (jsx(Button, { ...asReactAriaButtonProps(pt?.trigger), isDisabled: effectiveDisabled || effectiveReadOnly, className: classNames('cratis-date-picker__trigger', pt?.trigger?.className), "data-cratis-part": 'trigger', render: (triggerProps) => (jsx("button", { ...triggerProps, "data-open": isOpen || undefined, "data-invalid": effectiveInvalid || undefined, "data-disabled": effectiveDisabled ||
+                                            effectiveReadOnly ||
+                                            undefined, "data-readonly": effectiveReadOnly || undefined, "data-selected": value !== null || undefined })), "aria-label": pt?.trigger?.['aria-label'] ??
+                                        datePickerMessages?.openCalendar ??
+                                        'Open calendar', children: jsx("span", { "aria-hidden": 'true', children: "\u25A6" }) }))] }), jsx(Popover, { ...pt?.popover, className: classNames('cratis-date-picker__popover', pt?.popover?.className), "data-cratis-part": 'popover', "data-open": true, placement: 'bottom start', children: jsxs(Dialog, { ...pt?.dialog, className: classNames('cratis-date-picker__dialog', pt?.dialog?.className), "data-cratis-part": 'dialog', "data-open": true, children: [jsxs(Calendar, { ...pt?.calendar, className: classNames('cratis-date-picker__calendar', pt?.calendar?.className), "data-cratis-part": 'calendar', "data-open": true, children: [jsxs("header", { ...pt?.header, className: classNames('cratis-date-picker__header', pt?.header?.className), "data-cratis-part": 'header', children: [jsx(Button, { ...asReactAriaButtonProps(pt?.previous), slot: 'previous', className: classNames('cratis-date-picker__nav', pt?.previous?.className), "data-cratis-part": 'previous', "aria-label": pt?.previous?.['aria-label'] ??
+                                                            datePickerMessages?.previousMonth ??
+                                                            'Previous month', children: jsx("span", { "aria-hidden": 'true', children: "\u2039" }) }), jsx(Heading, { ...pt?.heading, className: classNames('cratis-date-picker__heading', pt?.heading?.className), "data-cratis-part": 'heading' }), jsx(Button, { ...asReactAriaButtonProps(pt?.next), slot: 'next', className: classNames('cratis-date-picker__nav', pt?.next?.className), "data-cratis-part": 'next', "aria-label": pt?.next?.['aria-label'] ??
+                                                            datePickerMessages?.nextMonth ??
+                                                            'Next month', children: jsx("span", { "aria-hidden": 'true', children: "\u203A" }) })] }), jsxs(CalendarGrid, { ...pt?.grid, className: classNames('cratis-date-picker__grid', pt?.grid?.className), "data-cratis-part": 'grid', children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { children: day })) }), jsx(CalendarGridBody, { children: (date) => (jsx(CalendarCell, { ...pt?.cell, date: date, className: classNames('cratis-date-picker__cell', pt?.cell?.className), "data-cratis-part": 'cell' })) })] })] }), showButtonBar && (jsxs("div", { ...pt?.buttonBar, className: classNames('cratis-date-picker__button-bar', pt?.buttonBar?.className), "data-cratis-part": 'button-bar', children: [jsx("button", { ...pt?.today, type: 'button', className: classNames('cratis-date-picker__action', pt?.today?.className), "data-cratis-part": 'today', "data-disabled": isTodayOutOfBounds || undefined, disabled: isTodayOutOfBounds, "aria-disabled": isTodayOutOfBounds || undefined, onClick: (event) => {
+                                                    if (isTodayOutOfBounds)
+                                                        return;
+                                                    onChange(todayDate, {
+                                                        source: 'user',
+                                                        nativeEvent: event.nativeEvent,
+                                                    });
+                                                }, children: resolvedTodayLabel }), jsx("button", { ...pt?.clear, type: 'button', className: classNames('cratis-date-picker__action', pt?.clear?.className), "data-cratis-part": 'clear', onClick: (event) => onChange(null, {
+                                                    source: 'user',
+                                                    nativeEvent: event.nativeEvent,
+                                                }), children: resolvedClearLabel })] }))] }) })] })) }) }) }));
+};
+
+export { DatePickerInputImplementation };
+//# sourceMappingURL=DatePickerInputImplementation.js.map