@rjsf/daisyui 6.0.0-beta.2

package/lib/widgets/AltDateTimeWidget/AltDateTimeWidget.d.ts

@@ -0,0 +1,6 @@
+import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+/** The `AltDateTimeWidget` is an alternative widget for rendering datetime properties.
+ * It uses the AltDateWidget for rendering, with the `time` prop set to true by default.
+ */
+declare function AltDateTimeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ time, ...props }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+export default AltDateTimeWidget;

package/lib/widgets/AltDateTimeWidget/AltDateTimeWidget.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The `AltDateTimeWidget` is an alternative widget for rendering datetime properties.
+ * It uses the AltDateWidget for rendering, with the `time` prop set to true by default.
+ */
+function AltDateTimeWidget({ time = true, ...props }) {
+    const { AltDateWidget } = props.registry.widgets;
+    return _jsx(AltDateWidget, { time: time, ...props });
+}
+export default AltDateTimeWidget;
+//# sourceMappingURL=AltDateTimeWidget.js.map

package/lib/widgets/AltDateTimeWidget/AltDateTimeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AltDateTimeWidget.js","sourceRoot":"","sources":["../../../src/widgets/AltDateTimeWidget/AltDateTimeWidget.tsx"],"names":[],"mappings":";AAEA;;GAEG;AACH,SAAS,iBAAiB,CAAoF,EAC5G,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACa;IACrB,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjD,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAClD,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/lib/widgets/AltDateTimeWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AltDateTimeWidget.js';
+export * from './AltDateTimeWidget.js';

package/lib/widgets/AltDateTimeWidget/index.js

@@ -0,0 +1,3 @@
+export { default } from './AltDateTimeWidget.js';
+export * from './AltDateTimeWidget.js';
+//# sourceMappingURL=index.js.map

package/lib/widgets/AltDateTimeWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/AltDateTimeWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,cAAc,qBAAqB,CAAC"}

package/lib/widgets/AltDateWidget/AltDateWidget.d.ts

@@ -0,0 +1,15 @@
+import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+/** The `AltDateWidget` component provides an alternative date/time input
+ * with individual fields for year, month, day, and optionally time components.
+ *
+ * Features:
+ * - Supports different date formats (YMD, MDY, DMY)
+ * - Optional time selection (hours, minutes, seconds)
+ * - "Set to now" and "Clear" buttons
+ * - Configurable year ranges
+ * - Accessible controls with proper labeling
+ * - DaisyUI styling for all elements
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function AltDateWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ time, disabled, readonly, autofocus, options, id, name, registry, onBlur, onFocus, onChange, value, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/widgets/AltDateWidget/AltDateWidget.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useReducer, useState } from 'react';
+import { ariaDescribedByIds, TranslatableString, parseDateString, toDateString, dateRangeOptions, } from '@rjsf/utils';
+/** Determines if the date object has all required fields to form a valid date
+ *
+ * @param state - The date object to check
+ * @param time - Whether to check time fields as well
+ * @returns True if all required fields are present
+ */
+function readyForChange(state, time = false) {
+    return state.year && state.month && state.day && (!time || (state.hour && state.minute && state.second));
+}
+/** Gets configuration for date elements based on format and ranges
+ *
+ * @param state - The current date object state
+ * @param time - Whether to include time elements
+ * @param yearsRange - Optional range of years to display
+ * @param format - Format for ordering date elements (year, month, day)
+ * @returns Array of element properties for rendering
+ */
+function getDateElementProps(state, time, yearsRange, format = 'YMD') {
+    const rangeOptions = yearsRange !== null && yearsRange !== void 0 ? yearsRange : [1900, new Date().getFullYear() + 2];
+    // Define the order based on the format
+    const formats = {
+        YMD: ['year', 'month', 'day'],
+        MDY: ['month', 'day', 'year'],
+        DMY: ['day', 'month', 'year'],
+    };
+    // Get the elements in the specified order
+    const dateElements = formats[format].map((key) => ({
+        type: key,
+        value: state[key],
+        range: key === 'year'
+            ? rangeOptions
+            : key === 'month'
+                ? [1, 12]
+                : key === 'day'
+                    ? [1, 31]
+                    : [0, 59],
+    }));
+    // Add time elements if needed
+    if (time) {
+        dateElements.push({ type: 'hour', value: state.hour, range: [0, 23] }, { type: 'minute', value: state.minute, range: [0, 59] }, { type: 'second', value: state.second, range: [0, 59] });
+    }
+    return dateElements;
+}
+/** Component for rendering individual date/time elements (year, month, day, etc.)
+ *
+ * Renders a select input for each date component with appropriate options.
+ *
+ * @param props - The props for the component
+ */
+function DateElement({ type, range, value, select, rootId, name, disabled, readonly, autofocus, registry, onBlur, onFocus, }) {
+    const id = `${rootId}_${type}`;
+    const { SelectWidget } = registry.widgets;
+    // Memoize the onChange handler
+    const handleChange = useCallback((value) => {
+        select(type, value);
+    }, [select, type]);
+    return (_jsx(SelectWidget, { schema: { type: 'integer' }, id: id, name: name, className: 'select select-bordered select-sm w-full', options: { enumOptions: dateRangeOptions(range[0], range[1]) }, placeholder: type, value: value, disabled: disabled, readonly: readonly, autofocus: autofocus, onChange: handleChange, onBlur: onBlur, onFocus: onFocus, registry: registry, label: '', "aria-describedby": ariaDescribedByIds(rootId), required: false }));
+}
+/** Converts our DateObject to the expected format for toDateString
+ *
+ * @param dateObj - The internal DateObject
+ * @returns A properly formatted object for the utils toDateString function
+ */
+function convertToRJSFDateObject(dateObj) {
+    return {
+        year: dateObj.year ? parseInt(dateObj.year) : 0,
+        month: dateObj.month ? parseInt(dateObj.month) : 0,
+        day: dateObj.day ? parseInt(dateObj.day) : 0,
+        hour: dateObj.hour ? parseInt(dateObj.hour) : 0,
+        minute: dateObj.minute ? parseInt(dateObj.minute) : 0,
+        second: dateObj.second ? parseInt(dateObj.second) : 0,
+    };
+}
+/** The `AltDateWidget` component provides an alternative date/time input
+ * with individual fields for year, month, day, and optionally time components.
+ *
+ * Features:
+ * - Supports different date formats (YMD, MDY, DMY)
+ * - Optional time selection (hours, minutes, seconds)
+ * - "Set to now" and "Clear" buttons
+ * - Configurable year ranges
+ * - Accessible controls with proper labeling
+ * - DaisyUI styling for all elements
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function AltDateWidget({ time = false, disabled = false, readonly = false, autofocus = false, options = {}, id, name, registry, onBlur, onFocus, onChange, value, }) {
+    const { translateString } = registry;
+    const [lastValue, setLastValue] = useState(value);
+    // Use a type-safe version of parseDateString result
+    const initialState = parseDateString(value, time);
+    // Create a reducer for date objects
+    const dateReducer = (state, action) => {
+        return { ...state, ...action };
+    };
+    const [state, setState] = useReducer(dateReducer, initialState);
+    // Handle changes in props or state
+    useEffect(() => {
+        const rjsfDateObj = convertToRJSFDateObject(state);
+        const stateValue = toDateString(rjsfDateObj, time);
+        if (readyForChange(state, time) && stateValue !== value) {
+            // Valid date changed via the selects
+            onChange(stateValue);
+        }
+        else if (lastValue !== value) {
+            // New value from props
+            setLastValue(value);
+            setState(parseDateString(value, time));
+        }
+    }, [time, value, onChange, state, lastValue]);
+    // Handle individual field changes
+    const handleChange = useCallback((property, value) => {
+        setState({ [property]: value });
+    }, []);
+    // Set current date
+    const handleSetNow = useCallback((event) => {
+        event.preventDefault();
+        if (disabled || readonly) {
+            return;
+        }
+        const nextState = parseDateString(new Date().toJSON(), time);
+        const rjsfDateObj = convertToRJSFDateObject(nextState);
+        onChange(toDateString(rjsfDateObj, time));
+    }, [disabled, readonly, time, onChange]);
+    // Clear the date
+    const handleClear = useCallback((event) => {
+        event.preventDefault();
+        if (disabled || readonly) {
+            return;
+        }
+        onChange(undefined);
+    }, [disabled, readonly, onChange]);
+    return (_jsxs("div", { className: 'space-y-3', children: [_jsx("div", { className: 'grid grid-cols-3 gap-2', children: getDateElementProps(state, time, options.yearsRange, options.format).map((elemProps, i) => (_jsxs("div", { className: 'form-control', children: [_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text capitalize', children: elemProps.type }) }), _jsx(DateElement, { rootId: id, name: name, select: handleChange, type: elemProps.type, range: elemProps.range, value: elemProps.value, disabled: disabled, readonly: readonly, registry: registry, onBlur: onBlur, onFocus: onFocus, autofocus: autofocus && i === 0 })] }, i))) }), _jsxs("div", { className: 'flex justify-start space-x-2', children: [(options.hideNowButton !== undefined ? !options.hideNowButton : true) && (_jsx("button", { type: 'button', className: 'btn btn-sm btn-primary', onClick: handleSetNow, disabled: disabled || readonly, children: translateString(TranslatableString.NowLabel) })), (options.hideClearButton !== undefined ? !options.hideClearButton : true) && (_jsx("button", { type: 'button', className: 'btn btn-sm btn-secondary', onClick: handleClear, disabled: disabled || readonly, children: translateString(TranslatableString.ClearLabel) }))] })] }));
+}
+//# sourceMappingURL=AltDateWidget.js.map

package/lib/widgets/AltDateWidget/AltDateWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AltDateWidget.js","sourceRoot":"","sources":["../../../src/widgets/AltDateWidget/AltDateWidget.tsx"],"names":[],"mappings":"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"}

package/lib/widgets/AltDateWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AltDateWidget.js';
+export * from './AltDateWidget.js';

package/lib/widgets/AltDateWidget/index.js

@@ -0,0 +1,3 @@
+export { default } from './AltDateWidget.js';
+export * from './AltDateWidget.js';
+//# sourceMappingURL=index.js.map

package/lib/widgets/AltDateWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/AltDateWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/lib/widgets/CheckboxWidget/CheckboxWidget.d.ts

@@ -0,0 +1,13 @@
+import { WidgetProps, StrictRJSFSchema, RJSFSchema, FormContextType } from '@rjsf/utils';
+/** The `CheckboxWidget` component renders a single checkbox input with DaisyUI styling.
+ *
+ * Features:
+ * - Simple boolean input with DaisyUI checkbox styling
+ * - Handles required, disabled, and readonly states
+ * - No label rendering (handled by the parent FieldTemplate)
+ * - Proper onChange handling for boolean values
+ * - Manages focus and blur events for accessibility
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function CheckboxWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/widgets/CheckboxWidget/CheckboxWidget.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { getTemplate, descriptionId } from '@rjsf/utils';
+/** The `CheckboxWidget` component renders a single checkbox input with DaisyUI styling.
+ *
+ * Features:
+ * - Simple boolean input with DaisyUI checkbox styling
+ * - Handles required, disabled, and readonly states
+ * - No label rendering (handled by the parent FieldTemplate)
+ * - Proper onChange handling for boolean values
+ * - Manages focus and blur events for accessibility
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function CheckboxWidget(props) {
+    const { id, value, required, disabled, hideLabel, label, readonly, registry, options, schema, uiSchema, onChange, onFocus, onBlur, } = props;
+    const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, options);
+    const description = options.description || schema.description;
+    /** Handle focus events
+     */
+    const handleFocus = useCallback(() => {
+        if (onFocus) {
+            onFocus(id, value);
+        }
+    }, [onFocus, id, value]);
+    /** Handle blur events
+     */
+    const handleBlur = useCallback(() => {
+        if (onBlur) {
+            onBlur(id, value);
+        }
+    }, [onBlur, id, value]);
+    /** Handle change events
+     *
+     * @param event - The change event
+     */
+    const handleChange = useCallback((event) => {
+        onChange(event.target.checked);
+    }, [onChange]);
+    const input = (_jsx("input", { type: 'checkbox', id: id, checked: value, required: required, disabled: disabled || readonly, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, className: 'checkbox' }));
+    return (_jsxs("div", { className: 'form-control', children: [!hideLabel && description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(id), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), hideLabel || !label ? (input) : (_jsxs("label", { className: 'label cursor-pointer justify-start', children: [_jsx("div", { className: 'mr-2', children: input }), _jsxs("span", { className: 'label-text', children: [label, required && _jsx("span", { className: 'text-error ml-1', children: "*" })] })] }))] }));
+}
+//# sourceMappingURL=CheckboxWidget.js.map

package/lib/widgets/CheckboxWidget/CheckboxWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWidget.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxWidget/CheckboxWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAA8D,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAErH;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,GAAG,KAAK,CAAC;IACV,MAAM,wBAAwB,GAAG,WAAW,CAC1C,0BAA0B,EAC1B,QAAQ,EACR,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC;IAE9D;OACG;IACH,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB;OACG;IACH,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB;;;OAGG;IACH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA0C,EAAE,EAAE;QAC7C,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,KAAK,GAAG,CACZ,gBACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAC,UAAU,GACpB,CACH,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,SAAS,IAAI,WAAW,IAAI,CAC5B,KAAC,wBAAwB,IACvB,EAAE,EAAE,aAAa,CAAI,EAAE,CAAC,EACxB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACrB,KAAK,CACN,CAAC,CAAC,CAAC,CACF,iBAAO,SAAS,EAAC,oCAAoC,aACnD,cAAK,SAAS,EAAC,MAAM,YAAE,KAAK,GAAO,EACnC,gBAAM,SAAS,EAAC,YAAY,aACzB,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,iBAAiB,kBAAS,IAClD,IACD,CACT,IACG,CACP,CAAC;AACJ,CAAC"}

package/lib/widgets/CheckboxWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CheckboxWidget.js';
+export * from './CheckboxWidget.js';

package/lib/widgets/CheckboxWidget/index.js

@@ -0,0 +1,3 @@
+export { default } from './CheckboxWidget.js';
+export * from './CheckboxWidget.js';
+//# sourceMappingURL=index.js.map

package/lib/widgets/CheckboxWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,cAAc,kBAAkB,CAAC"}

package/lib/widgets/CheckboxesWidget/CheckboxesWidget.d.ts

@@ -0,0 +1,16 @@
+import { WidgetProps, StrictRJSFSchema, RJSFSchema, FormContextType } from '@rjsf/utils';
+/** The `CheckboxesWidget` component renders a set of checkboxes for multiple choice selection
+ * with DaisyUI styling.
+ *
+ * Features:
+ * - Supports both primitive values and objects in enum options
+ * - Handles array values with proper state management
+ * - Uses DaisyUI checkbox styling with accessible labels
+ * - Supports disabled and readonly states
+ * - Provides focus and blur event handling for accessibility
+ * - Uses vertical layout for better spacing and readability
+ * - Uses memoized handlers for optimal performance
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function CheckboxesWidget<T, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, disabled, options, value, readonly, required, onChange, onFocus, onBlur, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/widgets/CheckboxesWidget/CheckboxesWidget.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+/** The `CheckboxesWidget` component renders a set of checkboxes for multiple choice selection
+ * with DaisyUI styling.
+ *
+ * Features:
+ * - Supports both primitive values and objects in enum options
+ * - Handles array values with proper state management
+ * - Uses DaisyUI checkbox styling with accessible labels
+ * - Supports disabled and readonly states
+ * - Provides focus and blur event handling for accessibility
+ * - Uses vertical layout for better spacing and readability
+ * - Uses memoized handlers for optimal performance
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function CheckboxesWidget({ id, disabled, options, value, readonly, required, onChange, onFocus, onBlur, }) {
+    var _a;
+    const { enumOptions } = options;
+    const isEnumeratedObject = enumOptions && ((_a = enumOptions[0]) === null || _a === void 0 ? void 0 : _a.value) && typeof enumOptions[0].value === 'object';
+    /** Determines if a checkbox option should be checked based on the current value
+     *
+     * @param option - The option to check
+     * @returns Whether the option should be checked
+     */
+    const isChecked = useCallback((option) => {
+        if (!Array.isArray(value)) {
+            return false;
+        }
+        if (isEnumeratedObject) {
+            return value.some((v) => v.name === option.value.name);
+        }
+        return value.includes(option.value);
+    }, [value, isEnumeratedObject]);
+    /** Handles changes to a checkbox's checked state */
+    const handleChange = useCallback((event) => {
+        const index = Number(event.target.dataset.index);
+        const option = enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[index];
+        if (!option) {
+            return;
+        }
+        const newValue = Array.isArray(value) ? [...value] : [];
+        const optionValue = isEnumeratedObject ? option.value : option.value;
+        if (isChecked(option)) {
+            onChange(newValue.filter((v) => (isEnumeratedObject ? v.name !== optionValue.name : v !== optionValue)));
+        }
+        else {
+            onChange([...newValue, optionValue]);
+        }
+    }, [onChange, value, isChecked, isEnumeratedObject, enumOptions]);
+    /** Handles focus events for accessibility */
+    const handleFocus = useCallback((event) => {
+        if (onFocus) {
+            const index = Number(event.target.dataset.index);
+            const option = enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[index];
+            if (option) {
+                onFocus(id, option.value);
+            }
+        }
+    }, [onFocus, id, enumOptions]);
+    /** Handles blur events for accessibility */
+    const handleBlur = useCallback((event) => {
+        if (onBlur) {
+            const index = Number(event.target.dataset.index);
+            const option = enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[index];
+            if (option) {
+                onBlur(id, option.value);
+            }
+        }
+    }, [onBlur, id, enumOptions]);
+    return (_jsx("div", { className: 'form-control', children: _jsx("div", { className: 'flex flex-col gap-2 mt-1', children: enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions.map((option, index) => (_jsxs("label", { className: 'flex items-center cursor-pointer gap-2', children: [_jsx("input", { type: 'checkbox', id: `${id}-${option.value}`, className: 'checkbox', name: id, checked: isChecked(option), required: required, disabled: disabled || readonly, "data-index": index, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }), _jsx("span", { className: 'label-text', children: option.label })] }, option.value))) }) }));
+}
+//# sourceMappingURL=CheckboxesWidget.js.map

package/lib/widgets/CheckboxesWidget/CheckboxesWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxesWidget.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxesWidget/CheckboxesWidget.tsx"],"names":[],"mappings":"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"}

package/lib/widgets/CheckboxesWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CheckboxesWidget.js';
+export * from './CheckboxesWidget.js';

package/lib/widgets/CheckboxesWidget/index.js

@@ -0,0 +1,3 @@
+export { default } from './CheckboxesWidget.js';
+export * from './CheckboxesWidget.js';
+//# sourceMappingURL=index.js.map

package/lib/widgets/CheckboxesWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxesWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/lib/widgets/DateTimeWidget/DateTimeWidget.d.ts

@@ -0,0 +1,14 @@
+import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import 'react-day-picker/dist/style.css';
+/** The `DateTimeWidget` component provides a date and time picker with DaisyUI styling.
+ *
+ * Features:
+ * - Calendar popup with month/year navigation
+ * - Time input field
+ * - Accessible keyboard navigation
+ * - Date formatting using date-fns
+ * - Manages focus and blur events for accessibility
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function DateTimeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/widgets/DateTimeWidget/DateTimeWidget.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { faCalendar } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { format, isSameDay, isToday, isValid } from 'date-fns';
+import { DayPicker, UI } from 'react-day-picker';
+import 'react-day-picker/dist/style.css';
+/**
+ * Custom hook to manage the picker's popup state and displayed month
+ *
+ * @param initialDate - Initial date to display, defaults to today
+ * @returns State and handlers for the date picker
+ */
+function useDatePickerState(initialDate) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [month, setMonth] = useState(initialDate !== null && initialDate !== void 0 ? initialDate : new Date());
+    return { isOpen, setIsOpen, month, setMonth };
+}
+/**
+ * Custom hook to detect clicks outside an element and run a callback
+ *
+ * @param ref - React ref to the element to monitor
+ * @param callback - Function to call when a click outside is detected
+ */
+function useClickOutside(ref, callback) {
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [ref, callback]);
+}
+/**
+ * Predefined DayPicker styles using DaisyUI classes
+ */
+const dayPickerStyles = {
+    classNames: {
+        [UI.Root]: 'relative',
+        [UI.Nav]: 'hidden',
+        [UI.Chevron]: 'hidden',
+        [UI.CaptionLabel]: 'hidden',
+        [UI.Dropdowns]: 'flex justify-between gap-4 px-4 pb-4',
+        [UI.Dropdown]: 'select select-bordered select-sm w-32',
+        [UI.MonthsDropdown]: 'select select-bordered select-sm',
+        [UI.YearsDropdown]: 'select select-bordered select-sm',
+        [UI.Months]: 'flex justify-center',
+        [UI.Month]: 'w-full',
+        [UI.MonthCaption]: 'flex justify-center',
+        [UI.MonthGrid]: 'w-full',
+        [UI.Weekdays]: 'grid grid-cols-7 text-center border-b mb-2 pb-1 text-base-content/60 uppercase',
+        [UI.Weekday]: 'p-1 font-medium text-base-content/60 text-sm',
+        [UI.Week]: 'grid grid-cols-7',
+        [UI.Day]: 'w-10 h-8 p-0 relative rounded-md',
+        [UI.DayButton]: 'btn btn-ghost absolute inset-0 flex items-center justify-center w-full h-full cursor-pointer rounded-md hover:btn-primary',
+    },
+    modifiers: {
+        selected: 'btn btn-accent min-h-0 h-full',
+        outside: 'text-base-content/30 hover:btn-ghost',
+        disabled: 'opacity-50 cursor-not-allowed hover:btn-disabled',
+    },
+};
+/**
+ * Popup component for the calendar and time input
+ *
+ * Renders a DayPicker calendar with time input for selecting date and time
+ *
+ * @param props - The DateTimePickerProps for this component
+ */
+function DateTimePickerPopup({ selectedDate, month, onMonthChange, onSelect, onTimeChange }) {
+    const customDayModifiers = {
+        selected: selectedDate,
+        'custom-today': (date) => isToday(date) && !(selectedDate && isSameDay(date, selectedDate)),
+    };
+    const customModifiersClassNames = {
+        ...dayPickerStyles.modifiers,
+        'custom-today': 'btn btn-outline btn-info min-h-0 h-full',
+    };
+    // Memoize click handler to stop event propagation
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+    }, []);
+    return (_jsxs("div", { className: 'p-3', children: [_jsx(DayPicker, { mode: 'single', selected: selectedDate, month: month, onMonthChange: onMonthChange, onSelect: onSelect, captionLayout: 'dropdown', fromYear: 1900, toYear: new Date().getFullYear() + 10, showOutsideDays: true, classNames: dayPickerStyles.classNames, modifiers: customDayModifiers, modifiersClassNames: customModifiersClassNames }), _jsx("div", { className: 'mt-3 border-t border-base-300 pt-3', children: _jsxs("div", { className: 'form-control w-full', children: [_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text', children: "Time" }) }), _jsx("input", { type: 'time', className: 'input input-bordered w-full', value: selectedDate ? format(selectedDate, 'HH:mm') : '', onChange: onTimeChange, onClick: handleClick })] }) })] }));
+}
+// Use memo to optimize re-renders
+const MemoizedDateTimePickerPopup = memo(DateTimePickerPopup);
+/** The `DateTimeWidget` component provides a date and time picker with DaisyUI styling.
+ *
+ * Features:
+ * - Calendar popup with month/year navigation
+ * - Time input field
+ * - Accessible keyboard navigation
+ * - Date formatting using date-fns
+ * - Manages focus and blur events for accessibility
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function DateTimeWidget(props) {
+    const { id, value, onChange, onFocus, onBlur, schema } = props;
+    // Initialize the local date from the parent's value.
+    const initialDate = useMemo(() => (value ? new Date(value) : undefined), [value]);
+    const [localDate, setLocalDate] = useState(initialDate);
+    // When the parent's value changes externally, update local state.
+    useEffect(() => {
+        setLocalDate(initialDate);
+    }, [initialDate]);
+    const { isOpen, setIsOpen, month, setMonth } = useDatePickerState(initialDate);
+    const containerRef = useRef(null);
+    const inputRef = useRef(null);
+    // Close the popup when clicking outside and commit changes.
+    useClickOutside(containerRef, () => {
+        if (isOpen) {
+            setIsOpen(false);
+            onChange(localDate ? localDate.toISOString() : '');
+            // Manually invoke the blur handler to ensure blur event is triggered
+            if (onBlur) {
+                onBlur(id, value);
+            }
+        }
+    });
+    // When the local date changes, update the displayed month.
+    useEffect(() => {
+        if (localDate) {
+            setMonth(localDate);
+        }
+    }, [localDate, setMonth]);
+    // Update the month when the user navigates the calendar.
+    const handleMonthChange = useCallback((date) => setMonth(date), [setMonth]);
+    // Update local state on day selection (but do not commit immediately).
+    const handleSelect = useCallback((date) => {
+        if (date) {
+            if (localDate) {
+                date.setHours(localDate.getHours(), localDate.getMinutes());
+            }
+            setLocalDate(date);
+        }
+    }, [localDate]);
+    // Update local state on time change.
+    const handleTimeChange = useCallback((e) => {
+        if (localDate) {
+            const [hours, minutes] = e.target.value.split(':');
+            const newDate = new Date(localDate);
+            newDate.setHours(parseInt(hours, 10), parseInt(minutes, 10));
+            setLocalDate(newDate);
+        }
+    }, [localDate]);
+    // Toggle popup visibility.
+    const togglePicker = useCallback((e) => {
+        e.stopPropagation();
+        setIsOpen((prev) => !prev);
+        if (!isOpen && onFocus) {
+            onFocus(id, value);
+        }
+    }, [isOpen, id, onFocus, setIsOpen, value]);
+    // Handle focus event
+    const handleFocus = useCallback(() => {
+        if (onFocus) {
+            onFocus(id, value);
+        }
+    }, [id, onFocus, value]);
+    // Handle blur event
+    const handleBlur = useCallback(() => {
+        if (!isOpen && onBlur) {
+            onBlur(id, value);
+        }
+    }, [id, onBlur, value, isOpen]);
+    // Handle keydown events for accessibility
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            togglePicker(e);
+        }
+    }, [togglePicker]);
+    // Prevent event propagation for popup container
+    const handleContainerClick = useCallback((e) => {
+        e.stopPropagation();
+    }, []);
+    // Close popup on escape key
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                setIsOpen(false);
+                if (onBlur) {
+                    onBlur(id, value);
+                }
+            }
+        };
+        // Need to use native DOM events since we're attaching to document
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [id, isOpen, onBlur, value]);
+    // Add the handleDoneClick callback near the top of the component, with the other event handlers
+    /** Handle clicking the "Done" button
+     */
+    const handleDoneClick = useCallback(() => {
+        var _a;
+        setIsOpen(false);
+        onChange(localDate ? localDate.toISOString() : '');
+        if (onBlur) {
+            onBlur(id, value);
+        }
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [localDate, onChange, onBlur, id, value]);
+    return (_jsx("div", { className: 'form-control my-4 w-full relative', children: _jsxs("div", { className: 'w-full', tabIndex: 0, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, ref: inputRef, children: [_jsxs("div", { id: id, className: `input input-bordered w-full flex items-center justify-between cursor-pointer ${isOpen ? 'ring-2 ring-primary/50' : ''}`, onClick: togglePicker, role: 'button', "aria-haspopup": 'true', "aria-expanded": isOpen, tabIndex: -1, children: [_jsx("span", { className: localDate && isValid(localDate) ? '' : 'text-base-content/50', children: localDate && isValid(localDate) ? format(localDate, 'PP p') : schema.title }), _jsx(FontAwesomeIcon, { icon: faCalendar, className: 'ml-2 h-4 w-4 text-primary' })] }), isOpen && (_jsxs("div", { ref: containerRef, className: 'absolute z-[100] mt-2 w-full max-w-xs bg-base-100 border border-base-300 shadow-lg rounded-box', onClick: handleContainerClick, children: [_jsx(MemoizedDateTimePickerPopup, { selectedDate: localDate, month: month, onMonthChange: handleMonthChange, onSelect: handleSelect, onTimeChange: handleTimeChange }), _jsx("div", { className: 'p-3 flex justify-end border-t border-base-300', children: _jsx("button", { type: 'button', className: 'btn btn-sm btn-primary', onClick: handleDoneClick, children: "Done" }) })] }))] }) }));
+}
+//# sourceMappingURL=DateTimeWidget.js.map