@rjsf/mantine 6.0.0-beta.22 → 6.0.0-beta.23

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

@@ -4,10 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
  *
  * @param props - The `WidgetProps` for this component
  */
-declare function AltDateTimeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
-declare namespace AltDateTimeWidget {
-    var defaultProps: {
-        showTime: boolean;
-    };
-}
-export default AltDateTimeWidget;
+export default function AltDateTimeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/widgets/DateTime/AltDateTimeWidget.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import _AltDateWidget from './AltDateWidget';
 /** 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.
  *
@@ -7,10 +6,6 @@ import _AltDateWidget from './AltDateWidget';
  */
 export default function AltDateTimeWidget(props) {
     const { AltDateWidget } = props.registry.widgets;
-    return _jsx(AltDateWidget, { showTime: true, ...props });
+    return _jsx(AltDateWidget, { time: true, ...props });
 }
-AltDateTimeWidget.defaultProps = {
-    ..._AltDateWidget === null || _AltDateWidget === void 0 ? void 0 : _AltDateWidget.defaultProps,
-    showTime: true,
-};
 //# sourceMappingURL=AltDateTimeWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AltDateTimeWidget.js","sourceRoot":"","sources":["../../../src/widgets/DateTime/AltDateTimeWidget.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA2B;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjD,OAAO,KAAC,aAAa,IAAC,QAAQ,WAAK,KAAK,GAAI,CAAC;AAC/C,CAAC;AAED,iBAAiB,CAAC,YAAY,GAAG;IAC/B,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY;IAC/B,QAAQ,EAAE,IAAI;CACf,CAAC"}
+{"version":3,"file":"AltDateTimeWidget.js","sourceRoot":"","sources":["../../../src/widgets/DateTime/AltDateTimeWidget.tsx"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA2B;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjD,OAAO,KAAC,aAAa,IAAC,IAAI,WAAK,KAAK,GAAI,CAAC;AAC3C,CAAC"}

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

@@ -2,10 +2,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
 /** The `AltDateWidget` is an alternative widget for rendering date properties.
  * @param props - The `WidgetProps` for this component
  */
-declare function AltDateWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
-declare namespace AltDateWidget {
-    var defaultProps: {
-        showTime: boolean;
-    };
-}
-export default AltDateWidget;
+export default function AltDateWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/widgets/DateTime/AltDateWidget.js

@@ -1,51 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
-import { ariaDescribedByIds, dateRangeOptions, parseDateString, toDateString, getDateElementProps, titleId, TranslatableString, } from '@rjsf/utils';
+import { ariaDescribedByIds, dateRangeOptions, titleId, TranslatableString, useAltDateWidgetProps, } from '@rjsf/utils';
 import { Flex, Box, Group, Button, Select, Input } from '@mantine/core';
-function readyForChange(state) {
-    return Object.values(state).every((value) => value !== -1);
-}
 /** The `AltDateWidget` is an alternative widget for rendering date properties.
  * @param props - The `WidgetProps` for this component
  */
 export default function AltDateWidget(props) {
-    const { id, value, required, disabled, readonly, label, hideLabel, rawErrors, options, onChange, showTime = false, registry, } = props;
+    const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
     const { translateString } = registry;
-    const [state, setState] = useState(parseDateString(value, showTime));
-    useEffect(() => {
-        setState(parseDateString(value, showTime));
-    }, [showTime, value]);
-    const handleChange = useCallback((property, nextValue) => {
-        const nextState = {
-            ...state,
-            [property]: typeof nextValue === 'undefined' ? -1 : nextValue,
-        };
-        if (readyForChange(nextState)) {
-            onChange(toDateString(nextState, showTime));
-        }
-        else {
-            setState(nextState);
-        }
-    }, [state, onChange, showTime]);
-    const handleSetNow = useCallback(() => {
-        if (!disabled && !readonly) {
-            const nextState = parseDateString(new Date().toJSON(), showTime);
-            onChange(toDateString(nextState, showTime));
-        }
-    }, [disabled, readonly, showTime, onChange]);
-    const handleClear = useCallback(() => {
-        if (!disabled && !readonly) {
-            onChange('');
-        }
-    }, [disabled, readonly, onChange]);
-    return (_jsxs(_Fragment, { children: [!hideLabel && !!label && (_jsx(Input.Label, { id: titleId(id), required: required, children: label })), _jsxs(Flex, { gap: 'xs', align: 'center', wrap: 'nowrap', children: [getDateElementProps(state, showTime, options.yearsRange, options.format).map((elemProps, i) => {
-                        const elemId = id + '_' + elemProps.type;
-                        return (_jsx(Box, { children: _jsx(Select, { id: elemId, name: elemId, placeholder: elemProps.type, disabled: disabled || readonly, data: dateRangeOptions(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()), value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(), onChange: (v) => handleChange(elemProps.type, v), searchable: false, allowDeselect: false, comboboxProps: { withinPortal: false }, "aria-describedby": ariaDescribedByIds(elemId) }) }, i));
+    const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
+    return (_jsxs(_Fragment, { children: [!hideLabel && !!label && (_jsx(Input.Label, { id: titleId(id), required: required, children: label })), _jsxs(Flex, { gap: 'xs', align: 'center', wrap: 'nowrap', children: [elements.map((elemProps, i) => {
+                        const elemId = `${id}_${elemProps.type}`;
+                        return (_jsx(Box, { children: _jsx(Select, { id: elemId, name: elemId, placeholder: elemProps.type, disabled: disabled || readonly, data: dateRangeOptions(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()), value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(), onChange: (v) => handleChange(elemProps.type, v || undefined), searchable: false, allowDeselect: false, comboboxProps: { withinPortal: false }, "aria-describedby": ariaDescribedByIds(elemId) }) }, i));
                     }), _jsxs(Group, { wrap: 'nowrap', gap: 3, children: [(options.hideNowButton !== 'undefined' ? !options.hideNowButton : true) && (_jsx(Button, { variant: 'subtle', size: 'xs', onClick: handleSetNow, children: translateString(TranslatableString.NowLabel) })), (options.hideClearButton !== 'undefined' ? !options.hideClearButton : true) && (_jsx(Button, { variant: 'subtle', size: 'xs', onClick: handleClear, children: translateString(TranslatableString.ClearLabel) }))] })] }), rawErrors &&
                 (rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors.length) > 0 &&
                 rawErrors.map((error, index) => (_jsx(Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`)))] }));
 }
-AltDateWidget.defaultProps = {
-    showTime: false,
-};
 //# sourceMappingURL=AltDateWidget.js.map

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

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

package/lib/widgets/FileWidget.js

@@ -1,68 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { dataURItoBlob, ariaDescribedByIds, labelValue, } from '@rjsf/utils';
+import { ariaDescribedByIds, labelValue, useFileWidgetProps, } from '@rjsf/utils';
 import { FileInput, Pill } from '@mantine/core';
 import { cleanupOptions } from '../utils';
-function addNameToDataURL(dataURL, name) {
-    if (dataURL === null) {
-        return null;
-    }
-    return dataURL.replace(';base64', `;name=${encodeURIComponent(name)};base64`);
-}
-function processFile(file) {
-    const { name, size, type } = file;
-    return new Promise((resolve, reject) => {
-        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') {
-                resolve({
-                    dataURL: addNameToDataURL(event.target.result, name),
-                    name,
-                    size,
-                    type,
-                });
-            }
-            else {
-                resolve({
-                    dataURL: null,
-                    name,
-                    size,
-                    type,
-                });
-            }
-        };
-        reader.readAsDataURL(file);
-    });
-}
-function processFiles(files) {
-    return Promise.all(Array.from(files).map(processFile));
-}
-function extractFileInfo(dataURLs) {
-    return dataURLs.reduce((acc, dataURL) => {
-        if (!dataURL) {
-            return acc;
-        }
-        try {
-            const { blob, name } = dataURItoBlob(dataURL);
-            return [
-                ...acc,
-                {
-                    dataURL,
-                    name: name,
-                    size: blob.size,
-                    type: blob.type,
-                },
-            ];
-        }
-        catch (e) {
-            console.log(e);
-            // Invalid dataURI, so just ignore it.
-            return acc;
-        }
-    }, []);
-}
 /**
  * The `FileWidget` is a widget for rendering file upload fields.
  *
@@ -70,37 +10,19 @@ function extractFileInfo(dataURLs) {
  */
 export default function FileWidget(props) {
     const { id, name, value, placeholder, required, disabled, readonly, autofocus, label, hideLabel, rawErrors, options, multiple, onChange, } = props;
+    const { filesInfo, handleChange, handleRemove } = useFileWidgetProps(value, onChange, multiple);
     const themeProps = cleanupOptions(options);
-    const handleChange = useCallback((files) => {
+    const handleOnChange = useCallback((files) => {
         if (typeof files === 'object') {
-            processFiles(multiple ? files : [files]).then((filesInfoEvent) => {
-                const newValue = filesInfoEvent.map((fileInfo) => fileInfo.dataURL);
-                if (multiple) {
-                    onChange(value.concat(newValue));
-                }
-                else {
-                    onChange(newValue[0]);
-                }
-            });
-        }
-        return;
-    }, [multiple, value, onChange]);
-    const handleRemoveFile = useCallback((index) => {
-        if (multiple) {
-            const newValue = value.filter((_, i) => i !== index);
-            onChange(newValue);
-        }
-        else {
-            onChange(undefined);
+            handleChange(files);
         }
-    }, [multiple, value, onChange]);
-    const ValueComponent = useCallback((props) => {
-        const filesInfo = props.value ? extractFileInfo(Array.isArray(props.value) ? props.value : [props.value]) : null;
+    }, [handleChange]);
+    const ValueComponent = useCallback(() => {
         if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-            return (_jsx(Pill.Group, { children: filesInfo.map((file, index) => (_jsx(Pill, { withRemoveButton: true, onRemove: () => handleRemoveFile(index), children: file.name }, index))) }));
+            return (_jsx(Pill.Group, { children: filesInfo.map((file, index) => (_jsx(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index))) }));
         }
         return null;
-    }, [handleRemoveFile]);
-    return (_jsx(FileInput, { id: id, name: name, value: value || '', placeholder: placeholder || undefined, required: required, disabled: disabled || readonly, autoFocus: autofocus, label: labelValue(label || undefined, hideLabel, false), multiple: !!multiple, valueComponent: ValueComponent, onChange: handleChange, error: rawErrors && rawErrors.length > 0 ? rawErrors.join('\n') : undefined, ...themeProps, "aria-describedby": ariaDescribedByIds(id) }));
+    }, [handleRemove, filesInfo]);
+    return (_jsx(FileInput, { id: id, name: name, value: value || '', placeholder: placeholder || undefined, required: required, disabled: disabled || readonly, autoFocus: autofocus, label: labelValue(label || undefined, hideLabel, false), multiple: !!multiple, valueComponent: ValueComponent, onChange: handleOnChange, error: rawErrors && rawErrors.length > 0 ? rawErrors.join('\n') : undefined, ...themeProps, "aria-describedby": ariaDescribedByIds(id) }));
 }
 //# sourceMappingURL=FileWidget.js.map

package/lib/widgets/FileWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileWidget.js","sourceRoot":"","sources":["../../src/widgets/FileWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileWidget.js","sourceRoot":"","sources":["../../src/widgets/FileWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,kBAAkB,EAElB,UAAU,EAGV,kBAAkB,GAEnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,KAA2B;IAE3B,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChG,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAU,EAAE,EAAE;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrD,OAAO,CACL,KAAC,IAAI,CAAC,KAAK,cACR,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,IAAI,IAAa,gBAAgB,QAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YACnE,IAAI,CAAC,IAAI,IADD,KAAK,CAET,CACR,CAAC,GACS,CACd,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,IAAI,SAAS,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EACvD,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,KACvE,UAAU,sBACI,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rjsf/mantine",
-  "version": "6.0.0-beta.22",
+  "version": "6.0.0-beta.23",
   "main": "dist/index.js",
   "module": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -64,8 +64,8 @@
     "@mantine/core": ">=8",
     "@mantine/dates": ">=8",
     "@mantine/hooks": ">=8",
-    "@rjsf/core": "^6.0.0-beta.22",
-    "@rjsf/utils": "^6.0.0-beta.22",
+    "@rjsf/core": "^6.0.0-beta.23",
+    "@rjsf/utils": "^6.0.0-beta.23",
     "react": ">=18"
   },
   "devDependencies": {
@@ -74,10 +74,10 @@
     "@mantine/hooks": "^8.3.1",
     "@restart/hooks": "^0.6.2",
     "@restart/ui": "^1.9.4",
-    "@rjsf/core": "^6.0.0-beta.22",
-    "@rjsf/snapshot-tests": "^6.0.0-beta.22",
-    "@rjsf/utils": "^6.0.0-beta.22",
-    "@rjsf/validator-ajv8": "^6.0.0-beta.22",
+    "@rjsf/core": "^6.0.0-beta.23",
+    "@rjsf/snapshot-tests": "^6.0.0-beta.23",
+    "@rjsf/utils": "^6.0.0-beta.23",
+    "@rjsf/validator-ajv8": "^6.0.0-beta.23",
     "eslint": "^8.57.1",
     "uncontrollable": "^9.0.0"
   },

package/src/templates/FieldHelpTemplate.tsx

@@ -12,9 +12,13 @@ export default function FieldHelpTemplate<
 >(props: FieldHelpProps<T, S, F>) {
   const { fieldPathId, help } = props;
 
+  if (!help) {
+    return null;
+  }
+
   const id = helpId(fieldPathId);
 
-  return !help ? null : (
+  return (
     <Text id={id} size='sm' my='xs' c='dimmed'>
       {help}
     </Text>

package/src/widgets/DateTime/AltDateTimeWidget.tsx

@@ -1,7 +1,5 @@
 import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 
-import _AltDateWidget from './AltDateWidget';
-
 /** 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.
  *
@@ -13,10 +11,5 @@ export default function AltDateTimeWidget<
   F extends FormContextType = any,
 >(props: WidgetProps<T, S, F>) {
   const { AltDateWidget } = props.registry.widgets;
-  return <AltDateWidget showTime {...props} />;
+  return <AltDateWidget time {...props} />;
 }
-
-AltDateTimeWidget.defaultProps = {
-  ..._AltDateWidget?.defaultProps,
-  showTime: true,
-};

package/src/widgets/DateTime/AltDateWidget.tsx

@@ -1,25 +1,17 @@
-import { useCallback, useEffect, useState } from 'react';
 import {
   ariaDescribedByIds,
   dateRangeOptions,
-  parseDateString,
-  toDateString,
-  getDateElementProps,
   titleId,
   DateObject,
-  type DateElementFormat,
   FormContextType,
   RJSFSchema,
   StrictRJSFSchema,
   TranslatableString,
+  useAltDateWidgetProps,
   WidgetProps,
 } from '@rjsf/utils';
 import { Flex, Box, Group, Button, Select, Input } from '@mantine/core';
 
-function readyForChange(state: DateObject) {
-  return Object.values(state).every((value) => value !== -1);
-}
-
 /** The `AltDateWidget` is an alternative widget for rendering date properties.
  * @param props - The `WidgetProps` for this component
  */
@@ -28,57 +20,9 @@ export default function AltDateWidget<
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
 >(props: WidgetProps<T, S, F>) {
-  const {
-    id,
-    value,
-    required,
-    disabled,
-    readonly,
-    label,
-    hideLabel,
-    rawErrors,
-    options,
-    onChange,
-    showTime = false,
-    registry,
-  } = props;
-
+  const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
   const { translateString } = registry;
-  const [state, setState] = useState(parseDateString(value, showTime));
-
-  useEffect(() => {
-    setState(parseDateString(value, showTime));
-  }, [showTime, value]);
-
-  const handleChange = useCallback(
-    (property: keyof DateObject, nextValue: any) => {
-      const nextState = {
-        ...state,
-        [property]: typeof nextValue === 'undefined' ? -1 : nextValue,
-      };
-
-      if (readyForChange(nextState)) {
-        onChange(toDateString(nextState, showTime));
-      } else {
-        setState(nextState);
-      }
-    },
-    [state, onChange, showTime],
-  );
-
-  const handleSetNow = useCallback(() => {
-    if (!disabled && !readonly) {
-      const nextState = parseDateString(new Date().toJSON(), showTime);
-      onChange(toDateString(nextState, showTime));
-    }
-  }, [disabled, readonly, showTime, onChange]);
-
-  const handleClear = useCallback(() => {
-    if (!disabled && !readonly) {
-      onChange('');
-    }
-  }, [disabled, readonly, onChange]);
-
+  const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
   return (
     <>
       {!hideLabel && !!label && (
@@ -87,13 +31,8 @@ export default function AltDateWidget<
         </Input.Label>
       )}
       <Flex gap='xs' align='center' wrap='nowrap'>
-        {getDateElementProps(
-          state,
-          showTime,
-          options.yearsRange as [number, number] | undefined,
-          options.format as DateElementFormat | undefined,
-        ).map((elemProps, i) => {
-          const elemId = id + '_' + elemProps.type;
+        {elements.map((elemProps, i) => {
+          const elemId = `${id}_${elemProps.type}`;
           return (
             <Box key={i}>
               <Select
@@ -103,7 +42,7 @@ export default function AltDateWidget<
                 disabled={disabled || readonly}
                 data={dateRangeOptions<S>(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString())}
                 value={!elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString()}
-                onChange={(v) => handleChange(elemProps.type as keyof DateObject, v)}
+                onChange={(v) => handleChange(elemProps.type as keyof DateObject, v || undefined)}
                 searchable={false}
                 allowDeselect={false}
                 comboboxProps={{ withinPortal: false }}
@@ -133,7 +72,3 @@ export default function AltDateWidget<
     </>
   );
 }
-
-AltDateWidget.defaultProps = {
-  showTime: false,
-};

package/src/widgets/FileWidget.tsx

@@ -1,85 +1,17 @@
 import { useCallback } from 'react';
 import {
-  dataURItoBlob,
   ariaDescribedByIds,
   FormContextType,
   labelValue,
   RJSFSchema,
   StrictRJSFSchema,
+  useFileWidgetProps,
   WidgetProps,
 } from '@rjsf/utils';
 import { FileInput, Pill } from '@mantine/core';
 
 import { cleanupOptions } from '../utils';
 
-function addNameToDataURL(dataURL: string, name: string) {
-  if (dataURL === null) {
-    return null;
-  }
-  return dataURL.replace(';base64', `;name=${encodeURIComponent(name)};base64`);
-}
-
-type FileInfoType = {
-  dataURL?: string | null;
-  name: string;
-  size: number;
-  type: string;
-};
-
-function processFile(file: File): Promise<FileInfoType> {
-  const { name, size, type } = file;
-  return new Promise((resolve, reject) => {
-    const reader = new window.FileReader();
-    reader.onerror = reject;
-    reader.onload = (event) => {
-      if (typeof event.target?.result === 'string') {
-        resolve({
-          dataURL: addNameToDataURL(event.target.result, name),
-          name,
-          size,
-          type,
-        });
-      } else {
-        resolve({
-          dataURL: null,
-          name,
-          size,
-          type,
-        });
-      }
-    };
-    reader.readAsDataURL(file);
-  });
-}
-
-function processFiles(files: FileList) {
-  return Promise.all(Array.from(files).map(processFile));
-}
-
-function extractFileInfo(dataURLs: string[]): FileInfoType[] {
-  return dataURLs.reduce((acc, dataURL) => {
-    if (!dataURL) {
-      return acc;
-    }
-    try {
-      const { blob, name } = dataURItoBlob(dataURL);
-      return [
-        ...acc,
-        {
-          dataURL,
-          name: name,
-          size: blob.size,
-          type: blob.type,
-        },
-      ];
-    } catch (e) {
-      console.log(e);
-      // Invalid dataURI, so just ignore it.
-      return acc;
-    }
-  }, [] as FileInfoType[]);
-}
-
 /**
  * The `FileWidget` is a widget for rendering file upload fields.
  *
@@ -104,56 +36,32 @@ export default function FileWidget<T = any, S extends StrictRJSFSchema = RJSFSch
     multiple,
     onChange,
   } = props;
-
+  const { filesInfo, handleChange, handleRemove } = useFileWidgetProps(value, onChange, multiple);
   const themeProps = cleanupOptions(options);
 
-  const handleChange = useCallback(
+  const handleOnChange = useCallback(
     (files: any) => {
       if (typeof files === 'object') {
-        processFiles(multiple ? files : [files]).then((filesInfoEvent) => {
-          const newValue = filesInfoEvent.map((fileInfo) => fileInfo.dataURL);
-          if (multiple) {
-            onChange(value.concat(newValue));
-          } else {
-            onChange(newValue[0]);
-          }
-        });
-      }
-      return;
-    },
-    [multiple, value, onChange],
-  );
-
-  const handleRemoveFile = useCallback(
-    (index: number) => {
-      if (multiple) {
-        const newValue = value.filter((_: any, i: number) => i !== index);
-        onChange(newValue);
-      } else {
-        onChange(undefined);
+        handleChange(files);
       }
     },
-    [multiple, value, onChange],
+    [handleChange],
   );
 
-  const ValueComponent = useCallback(
-    (props: any) => {
-      const filesInfo = props.value ? extractFileInfo(Array.isArray(props.value) ? props.value : [props.value]) : null;
-      if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-        return (
-          <Pill.Group>
-            {filesInfo.map((file, index) => (
-              <Pill key={index} withRemoveButton onRemove={() => handleRemoveFile(index)}>
-                {file.name}
-              </Pill>
-            ))}
-          </Pill.Group>
-        );
-      }
-      return null;
-    },
-    [handleRemoveFile],
-  );
+  const ValueComponent = useCallback(() => {
+    if (Array.isArray(filesInfo) && filesInfo.length > 0) {
+      return (
+        <Pill.Group>
+          {filesInfo.map((file, index) => (
+            <Pill key={index} withRemoveButton onRemove={() => handleRemove(index)}>
+              {file.name}
+            </Pill>
+          ))}
+        </Pill.Group>
+      );
+    }
+    return null;
+  }, [handleRemove, filesInfo]);
 
   return (
     <FileInput
@@ -167,7 +75,7 @@ export default function FileWidget<T = any, S extends StrictRJSFSchema = RJSFSch
       label={labelValue(label || undefined, hideLabel, false)}
       multiple={!!multiple}
       valueComponent={ValueComponent}
-      onChange={handleChange}
+      onChange={handleOnChange}
       error={rawErrors && rawErrors.length > 0 ? rawErrors.join('\n') : undefined}
       {...themeProps}
       aria-describedby={ariaDescribedByIds(id)}