@rjsf/core 6.0.0-alpha.0 → 6.0.0-beta.2

package/lib/components/widgets/CheckboxesWidget.js

@@ -28,4 +28,3 @@ function CheckboxesWidget({ id, disabled, options: { inline = false, enumOptions
             }) }));
 }
 export default CheckboxesWidget;
-//# sourceMappingURL=CheckboxesWidget.js.map

package/lib/components/widgets/ColorWidget.d.ts

@@ -5,3 +5,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function ColorWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorWidget.d.ts.map

package/lib/components/widgets/ColorWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/ColorWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACnH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAK5B"}

package/lib/components/widgets/ColorWidget.js

@@ -10,4 +10,3 @@ export default function ColorWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return _jsx(BaseInputTemplate, { type: 'color', ...props, disabled: disabled || readonly });
 }
-//# sourceMappingURL=ColorWidget.js.map

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

@@ -5,3 +5,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @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;
+//# sourceMappingURL=DateTimeWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/DateTimeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,WAAW,EACZ,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAW5B"}

package/lib/components/widgets/DateTimeWidget.js

@@ -10,4 +10,3 @@ export default function DateTimeWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return (_jsx(BaseInputTemplate, { type: 'datetime-local', ...props, value: utcToLocal(value), onChange: (value) => onChange(localToUTC(value)) }));
 }
-//# sourceMappingURL=DateTimeWidget.js.map

package/lib/components/widgets/DateWidget.d.ts

@@ -5,3 +5,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function DateWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateWidget.d.ts.map

package/lib/components/widgets/DateWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/DateWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAClH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAO5B"}

package/lib/components/widgets/DateWidget.js

@@ -12,4 +12,3 @@ export default function DateWidget(props) {
     const handleChange = useCallback((value) => onChange(value || undefined), [onChange]);
     return _jsx(BaseInputTemplate, { type: 'date', ...props, onChange: handleChange });
 }
-//# sourceMappingURL=DateWidget.js.map

package/lib/components/widgets/EmailWidget.d.ts

@@ -4,3 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function EmailWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmailWidget.d.ts.map

package/lib/components/widgets/EmailWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/EmailWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACnH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAK5B"}

package/lib/components/widgets/EmailWidget.js

@@ -9,4 +9,3 @@ export default function EmailWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return _jsx(BaseInputTemplate, { type: 'email', ...props });
 }
-//# sourceMappingURL=EmailWidget.js.map

package/lib/components/widgets/FileWidget.d.ts

@@ -5,3 +5,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  */
 declare function FileWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
 export default FileWidget;
+//# sourceMappingURL=FileWidget.d.ts.map

package/lib/components/widgets/FileWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/FileWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,eAAe,EAGf,UAAU,EACV,gBAAgB,EAGhB,WAAW,EACZ,MAAM,aAAa,CAAC;AA2IrB;;;GAGG;AACH,iBAAS,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACnG,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAyD5B;AAED,eAAe,UAAU,CAAC"}

package/lib/components/widgets/FileWidget.js

@@ -14,8 +14,7 @@ function processFile(file) {
         const reader = new window.FileReader();
         reader.onerror = reject;
         reader.onload = (event) => {
-            var _a;
-            if (typeof ((_a = event.target) === null || _a === void 0 ? void 0 : _a.result) === 'string') {
+            if (typeof event.target?.result === 'string') {
                 resolve({
                     dataURL: addNameToDataURL(event.target.result, name),
                     name,
@@ -82,7 +81,7 @@ function extractFileInfo(dataURLs) {
                 },
             ];
         }
-        catch (e) {
+        catch {
             // Invalid dataURI, so just ignore it.
             return acc;
         }
@@ -105,7 +104,7 @@ function FileWidget(props) {
         processFiles(event.target.files).then((filesInfoEvent) => {
             const newValue = filesInfoEvent.map((fileInfo) => fileInfo.dataURL);
             if (multiple) {
-                onChange(value.concat(newValue[0]));
+                onChange(value.concat(newValue));
             }
             else {
                 onChange(newValue[0]);
@@ -125,4 +124,3 @@ function FileWidget(props) {
     return (_jsxs("div", { children: [_jsx(BaseInputTemplate, { ...props, disabled: disabled || readonly, type: 'file', required: value ? false : required, onChangeOverride: handleChange, value: '', accept: options.accept ? String(options.accept) : undefined }), _jsx(FilesInfo, { filesInfo: filesInfo, onRemove: rmFile, registry: registry, preview: options.filePreview, options: options })] }));
 }
 export default FileWidget;
-//# sourceMappingURL=FileWidget.js.map

package/lib/components/widgets/HiddenWidget.d.ts

@@ -6,3 +6,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  */
 declare function HiddenWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, value, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
 export default HiddenWidget;
+//# sourceMappingURL=HiddenWidget.d.ts.map

package/lib/components/widgets/HiddenWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/HiddenWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEzF;;;;GAIG;AACH,iBAAS,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAAE,EACvG,EAAE,EACF,KAAK,GACN,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAEtB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/widgets/HiddenWidget.js

@@ -8,4 +8,3 @@ function HiddenWidget({ id, value, }) {
     return _jsx("input", { type: 'hidden', id: id, name: id, value: typeof value === 'undefined' ? '' : value });
 }
 export default HiddenWidget;
-//# sourceMappingURL=HiddenWidget.js.map

package/lib/components/widgets/PasswordWidget.d.ts

@@ -4,3 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function PasswordWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PasswordWidget.d.ts.map

package/lib/components/widgets/PasswordWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/PasswordWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAI5B"}

package/lib/components/widgets/PasswordWidget.js

@@ -9,4 +9,3 @@ export default function PasswordWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return _jsx(BaseInputTemplate, { type: 'password', ...props });
 }
-//# sourceMappingURL=PasswordWidget.js.map

package/lib/components/widgets/RadioWidget.d.ts

@@ -6,3 +6,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  */
 declare function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ options, value, required, disabled, readonly, autofocus, onBlur, onFocus, onChange, id, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
 export default RadioWidget;
+//# sourceMappingURL=RadioWidget.d.ts.map

package/lib/components/widgets/RadioWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/RadioWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,WAAW,EACZ,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,iBAAS,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAAE,EACtG,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,EAAE,GACH,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAyDtB;AAED,eAAe,WAAW,CAAC"}

package/lib/components/widgets/RadioWidget.js

@@ -8,9 +8,9 @@ import { ariaDescribedByIds, enumOptionsIsSelected, enumOptionsValueForIndex, op
  */
 function RadioWidget({ options, value, required, disabled, readonly, autofocus = false, onBlur, onFocus, onChange, id, }) {
     const { enumOptions, enumDisabled, inline, emptyValue } = options;
-    const handleBlur = useCallback(({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue)), [onBlur, id]);
-    const handleFocus = useCallback(({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue)), [onFocus, id]);
-    return (_jsx("div", { className: 'field-radio-group', id: id, children: Array.isArray(enumOptions) &&
+    const handleBlur = useCallback(({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue)), [onBlur, enumOptions, emptyValue, id]);
+    const handleFocus = useCallback(({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue)), [onFocus, enumOptions, emptyValue, id]);
+    return (_jsx("div", { className: 'field-radio-group', id: id, role: 'radiogroup', children: Array.isArray(enumOptions) &&
             enumOptions.map((option, i) => {
                 const checked = enumOptionsIsSelected(option.value, value);
                 const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
@@ -21,4 +21,3 @@ function RadioWidget({ options, value, required, disabled, readonly, autofocus =
             }) }));
 }
 export default RadioWidget;
-//# sourceMappingURL=RadioWidget.js.map

package/lib/components/widgets/RangeWidget.d.ts

@@ -5,3 +5,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function RangeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RangeWidget.d.ts.map

package/lib/components/widgets/RangeWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/RangeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEzF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACnH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAc5B"}

package/lib/components/widgets/RangeWidget.js

@@ -8,4 +8,3 @@ export default function RangeWidget(props) {
     const { value, registry: { templates: { BaseInputTemplate }, }, } = props;
     return (_jsxs("div", { className: 'field-range-wrapper', children: [_jsx(BaseInputTemplate, { type: 'range', ...props }), _jsx("span", { className: 'range-view', children: value })] }));
 }
-//# sourceMappingURL=RangeWidget.js.map

package/lib/components/widgets/RatingWidget.d.ts

@@ -0,0 +1,15 @@
+import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+/** The `RatingWidget` component renders a star or heart rating input
+ *
+ * Features:
+ * - Configurable number of stars/hearts (1-5) with default of 5
+ * - Supports different shapes (star, heart)
+ * - Supports minimum and maximum values from schema
+ * - Handles required, disabled, and readonly states
+ * - Provides focus and blur event handling for accessibility
+ * - Uses Unicode characters for better visual representation
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function RatingWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, value, required, disabled, readonly, autofocus, onChange, onFocus, onBlur, schema, options, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RatingWidget.d.ts.map

package/lib/components/widgets/RatingWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/RatingWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEzF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,EACA,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAiGtB"}

package/lib/components/widgets/RatingWidget.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
+/** The `RatingWidget` component renders a star or heart rating input
+ *
+ * Features:
+ * - Configurable number of stars/hearts (1-5) with default of 5
+ * - Supports different shapes (star, heart)
+ * - Supports minimum and maximum values from schema
+ * - Handles required, disabled, and readonly states
+ * - Provides focus and blur event handling for accessibility
+ * - Uses Unicode characters for better visual representation
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function RatingWidget({ id, value, required, disabled, readonly, autofocus, onChange, onFocus, onBlur, schema, options, }) {
+    const { stars = 5, shape = 'star' } = options;
+    // Use schema.maximum if provided, otherwise use stars option (limited to 1-5)
+    const numStars = schema.maximum ? Math.min(schema.maximum, 5) : Math.min(Math.max(stars, 1), 5);
+    const min = schema.minimum || 0;
+    /** Handles clicking on a star to set the rating */
+    const handleStarClick = useCallback((starValue) => {
+        if (!disabled && !readonly) {
+            onChange(starValue);
+        }
+    }, [onChange, disabled, readonly]);
+    /** Handles focus events for accessibility */
+    const handleFocus = useCallback((event) => {
+        if (onFocus) {
+            // Get the star value from the data attribute
+            const starValue = Number(event.target.dataset.value);
+            onFocus(id, starValue);
+        }
+    }, [onFocus, id]);
+    /** Handles blur events for accessibility */
+    const handleBlur = useCallback((event) => {
+        if (onBlur) {
+            // Get the star value from the data attribute
+            const starValue = Number(event.target.dataset.value);
+            onBlur(id, starValue);
+        }
+    }, [onBlur, id]);
+    // Get the appropriate Unicode character based on shape option
+    const getSymbol = (isFilled) => {
+        if (shape === 'heart') {
+            return isFilled ? '♥' : '♡';
+        }
+        return isFilled ? '★' : '☆';
+    };
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: 'rating-widget', style: {
+                display: 'inline-flex',
+                fontSize: '1.5rem',
+                cursor: disabled || readonly ? 'default' : 'pointer',
+            }, children: [[...Array(numStars)].map((_, index) => {
+                    const starValue = min + index;
+                    const isFilled = starValue <= value;
+                    return (_jsx("span", { onClick: () => handleStarClick(starValue), onFocus: handleFocus, onBlur: handleBlur, "data-value": starValue, tabIndex: disabled || readonly ? -1 : 0, role: 'radio', "aria-checked": starValue === value, "aria-label": `${starValue} ${shape === 'heart' ? 'heart' : 'star'}${starValue === 1 ? '' : 's'}`, style: {
+                            color: isFilled ? '#FFD700' : '#ccc',
+                            padding: '0 0.2rem',
+                            transition: 'color 0.2s',
+                            userSelect: 'none',
+                        }, children: getSymbol(isFilled) }, index));
+                }), _jsx("input", { type: 'hidden', id: id, name: id, value: value || '', required: required, disabled: disabled || readonly, "aria-hidden": 'true' })] }) }));
+}

package/lib/components/widgets/SelectWidget.d.ts

@@ -6,3 +6,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  */
 declare function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ schema, id, options, value, required, disabled, readonly, multiple, autofocus, onChange, onBlur, onFocus, placeholder, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
 export default SelectWidget;
+//# sourceMappingURL=SelectWidget.d.ts.map

package/lib/components/widgets/SelectWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/SelectWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,WAAW,EACZ,MAAM,aAAa,CAAC;AAYrB;;;;GAIG;AACH,iBAAS,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAAE,EACvG,MAAM,EACN,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,SAAiB,EACjB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,GACZ,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CA2DtB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/widgets/SelectWidget.js

@@ -21,22 +21,21 @@ function SelectWidget({ schema, id, options, value, required, disabled, readonly
     const handleFocus = useCallback((event) => {
         const newValue = getValue(event, multiple);
         return onFocus(id, enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
-    }, [onFocus, id, schema, multiple, enumOptions, optEmptyVal]);
+    }, [onFocus, id, multiple, enumOptions, optEmptyVal]);
     const handleBlur = useCallback((event) => {
         const newValue = getValue(event, multiple);
         return onBlur(id, enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
-    }, [onBlur, id, schema, multiple, enumOptions, optEmptyVal]);
+    }, [onBlur, id, multiple, enumOptions, optEmptyVal]);
     const handleChange = useCallback((event) => {
         const newValue = getValue(event, multiple);
         return onChange(enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
-    }, [onChange, schema, multiple, enumOptions, optEmptyVal]);
+    }, [onChange, multiple, enumOptions, optEmptyVal]);
     const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
     const showPlaceholderOption = !multiple && schema.default === undefined;
-    return (_jsxs("select", { id: id, name: id, multiple: multiple, className: 'form-control', value: typeof selectedIndexes === 'undefined' ? emptyValue : selectedIndexes, required: required, disabled: disabled || readonly, autoFocus: autofocus, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, "aria-describedby": ariaDescribedByIds(id), children: [showPlaceholderOption && _jsx("option", { value: '', children: placeholder }), Array.isArray(enumOptions) &&
+    return (_jsxs("select", { id: id, name: id, multiple: multiple, role: 'combobox', className: 'form-control', value: typeof selectedIndexes === 'undefined' ? emptyValue : selectedIndexes, required: required, disabled: disabled || readonly, autoFocus: autofocus, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, "aria-describedby": ariaDescribedByIds(id), children: [showPlaceholderOption && _jsx("option", { value: '', children: placeholder }), Array.isArray(enumOptions) &&
                 enumOptions.map(({ value, label }, i) => {
                     const disabled = enumDisabled && enumDisabled.indexOf(value) !== -1;
                     return (_jsx("option", { value: String(i), disabled: disabled, children: label }, i));
                 })] }));
 }
 export default SelectWidget;
-//# sourceMappingURL=SelectWidget.js.map

package/lib/components/widgets/TextWidget.d.ts

@@ -4,3 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function TextWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextWidget.d.ts.map

package/lib/components/widgets/TextWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/TextWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAClH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAK5B"}

package/lib/components/widgets/TextWidget.js

@@ -9,4 +9,3 @@ export default function TextWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return _jsx(BaseInputTemplate, { ...props });
 }
-//# sourceMappingURL=TextWidget.js.map

package/lib/components/widgets/TextareaWidget.d.ts

@@ -11,3 +11,4 @@ declare namespace TextareaWidget {
     };
 }
 export default TextareaWidget;
+//# sourceMappingURL=TextareaWidget.d.ts.map

package/lib/components/widgets/TextareaWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/TextareaWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE7G;;;GAGG;AACH,iBAAS,cAAc,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAAE,EACzG,EAAE,EACF,OAAY,EACZ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAkCtB;kBA9CQ,cAAc;;;;;;AAqDvB,eAAe,cAAc,CAAC"}

package/lib/components/widgets/TextareaWidget.js

@@ -16,4 +16,3 @@ TextareaWidget.defaultProps = {
     options: {},
 };
 export default TextareaWidget;
-//# sourceMappingURL=TextareaWidget.js.map

package/lib/components/widgets/TimeWidget.d.ts

@@ -5,3 +5,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function TimeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeWidget.d.ts.map

package/lib/components/widgets/TimeWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/TimeWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EAClH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAO5B"}

package/lib/components/widgets/TimeWidget.js

@@ -12,4 +12,3 @@ export default function TimeWidget(props) {
     const handleChange = useCallback((value) => onChange(value ? `${value}:00` : undefined), [onChange]);
     return _jsx(BaseInputTemplate, { type: 'time', ...props, onChange: handleChange });
 }
-//# sourceMappingURL=TimeWidget.js.map

package/lib/components/widgets/URLWidget.d.ts

@@ -4,3 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function URLWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=URLWidget.d.ts.map

package/lib/components/widgets/URLWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"URLWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/URLWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACjH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAK5B"}

package/lib/components/widgets/URLWidget.js

@@ -9,4 +9,3 @@ export default function URLWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return _jsx(BaseInputTemplate, { type: 'url', ...props });
 }
-//# sourceMappingURL=URLWidget.js.map

package/lib/components/widgets/UpDownWidget.d.ts

@@ -4,3 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  * @param props - The `WidgetProps` for this component
  */
 export default function UpDownWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpDownWidget.d.ts.map

package/lib/components/widgets/UpDownWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpDownWidget.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/UpDownWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtG;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,gBAAgB,GAAG,UAAU,EAAE,CAAC,SAAS,eAAe,GAAG,GAAG,EACpH,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAK5B"}

package/lib/components/widgets/UpDownWidget.js

@@ -9,4 +9,3 @@ export default function UpDownWidget(props) {
     const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
     return _jsx(BaseInputTemplate, { type: 'number', ...props });
 }
-//# sourceMappingURL=UpDownWidget.js.map

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

@@ -1,3 +1,4 @@
 import { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 declare function widgets<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): RegistryWidgetsType<T, S, F>;
 export default widgets;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/widgets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAuBjG,iBAAS,OAAO,CACd,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,KAC5B,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAuBhC;AAED,eAAe,OAAO,CAAC"}

package/lib/components/widgets/index.js

@@ -1,22 +1,23 @@
-import AltDateWidget from './AltDateWidget';
-import AltDateTimeWidget from './AltDateTimeWidget';
-import CheckboxWidget from './CheckboxWidget';
-import CheckboxesWidget from './CheckboxesWidget';
-import ColorWidget from './ColorWidget';
-import DateWidget from './DateWidget';
-import DateTimeWidget from './DateTimeWidget';
-import EmailWidget from './EmailWidget';
-import FileWidget from './FileWidget';
-import HiddenWidget from './HiddenWidget';
-import PasswordWidget from './PasswordWidget';
-import RadioWidget from './RadioWidget';
-import RangeWidget from './RangeWidget';
-import SelectWidget from './SelectWidget';
-import TextareaWidget from './TextareaWidget';
-import TextWidget from './TextWidget';
-import TimeWidget from './TimeWidget';
-import URLWidget from './URLWidget';
-import UpDownWidget from './UpDownWidget';
+import AltDateWidget from './AltDateWidget.js';
+import AltDateTimeWidget from './AltDateTimeWidget.js';
+import CheckboxWidget from './CheckboxWidget.js';
+import CheckboxesWidget from './CheckboxesWidget.js';
+import ColorWidget from './ColorWidget.js';
+import DateWidget from './DateWidget.js';
+import DateTimeWidget from './DateTimeWidget.js';
+import EmailWidget from './EmailWidget.js';
+import FileWidget from './FileWidget.js';
+import HiddenWidget from './HiddenWidget.js';
+import PasswordWidget from './PasswordWidget.js';
+import RadioWidget from './RadioWidget.js';
+import RangeWidget from './RangeWidget.js';
+import RatingWidget from './RatingWidget.js';
+import SelectWidget from './SelectWidget.js';
+import TextareaWidget from './TextareaWidget.js';
+import TextWidget from './TextWidget.js';
+import TimeWidget from './TimeWidget.js';
+import URLWidget from './URLWidget.js';
+import UpDownWidget from './UpDownWidget.js';
 function widgets() {
     return {
         AltDateWidget,
@@ -32,6 +33,7 @@ function widgets() {
         PasswordWidget,
         RadioWidget,
         RangeWidget,
+        RatingWidget,
         SelectWidget,
         TextWidget,
         TextareaWidget,
@@ -41,4 +43,3 @@ function widgets() {
     };
 }
 export default widgets;
-//# sourceMappingURL=index.js.map

package/lib/getDefaultRegistry.d.ts

@@ -4,3 +4,4 @@ import { FormContextType, Registry, RJSFSchema, StrictRJSFSchema } from '@rjsf/u
  * rootSchema and validator. It will be added into the computed registry later in the Form.
  */
 export default function getDefaultRegistry<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): Omit<Registry<T, S, F>, 'schemaUtils'>;
+//# sourceMappingURL=getDefaultRegistry.d.ts.map

package/lib/getDefaultRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultRegistry.d.ts","sourceRoot":"","sources":["../src/getDefaultRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/G;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,KAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,CAS1C"}

package/lib/getDefaultRegistry.js

@@ -1,7 +1,7 @@
 import { englishStringTranslator } from '@rjsf/utils';
-import fields from './components/fields';
-import templates from './components/templates';
-import widgets from './components/widgets';
+import fields from './components/fields/index.js';
+import templates from './components/templates/index.js';
+import widgets from './components/widgets/index.js';
 /** The default registry consists of all the fields, templates and widgets provided in the core implementation,
  * plus an empty `rootSchema` and `formContext. We omit schemaUtils here because it cannot be defaulted without a
  * rootSchema and validator. It will be added into the computed registry later in the Form.
@@ -16,4 +16,3 @@ export default function getDefaultRegistry() {
         translateString: englishStringTranslator,
     };
 }
-//# sourceMappingURL=getDefaultRegistry.js.map

package/lib/index.d.ts

@@ -1,6 +1,8 @@
-import Form, { FormProps, FormState, IChangeEvent } from './components/Form';
-import withTheme, { ThemeProps } from './withTheme';
-import getDefaultRegistry from './getDefaultRegistry';
-export type { FormProps, FormState, IChangeEvent, ThemeProps };
-export { withTheme, getDefaultRegistry };
+import Form, { FormProps, FormState, IChangeEvent } from './components/Form.js';
+import RichDescription, { RichDescriptionProps } from './components/RichDescription.js';
+import withTheme, { ThemeProps } from './withTheme.js';
+import getDefaultRegistry from './getDefaultRegistry.js';
+export type { FormProps, FormState, IChangeEvent, ThemeProps, RichDescriptionProps };
+export { withTheme, getDefaultRegistry, RichDescription };
 export default Form;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,eAAe,EAAE,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC;AAErF,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAC1D,eAAe,IAAI,CAAC"}

package/lib/index.js

@@ -1,6 +1,6 @@
-import Form from './components/Form';
-import withTheme from './withTheme';
-import getDefaultRegistry from './getDefaultRegistry';
-export { withTheme, getDefaultRegistry };
+import Form from './components/Form.js';
+import RichDescription from './components/RichDescription.js';
+import withTheme from './withTheme.js';
+import getDefaultRegistry from './getDefaultRegistry.js';
+export { withTheme, getDefaultRegistry, RichDescription };
 export default Form;
-//# sourceMappingURL=index.js.map