@digigov/form 2.0.0-264e5fff → 2.0.0-290ada95

package/inputs/DateTimeInput/index.js

@@ -1,220 +1,190 @@
-import React, { useMemo, useEffect } from "react";
+import react, { useEffect, useMemo } from "react";
 import dayjs from "dayjs";
-import customParseFormat from "dayjs/plugin/customParseFormat";
-import { useFormContext } from "@digigov/form/FormContext";
-import {
-  DateInputContainer,
-  DateInputItem
-} from "@digigov/ui/form/DateInputContainer";
-import { useTranslation } from "@digigov/ui/i18n";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import { useFormContext } from "../../FormContext.js";
+import { DateInputContainer, DateInputItem } from "@digigov/ui/form/DateInputContainer/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
 dayjs.extend(customParseFormat);
 function useDateTime(name, value, form) {
-  const [year, month, day, hours, minutes] = useMemo(() => {
-    if (!value || value.length === 0) {
-      return ["", "", "", "", ""];
+    const [year, month, day, hours, minutes] = useMemo(()=>{
+        if (!value || 0 === value.length) return [
+            '',
+            '',
+            '',
+            '',
+            ''
+        ];
+        const [datePart, timePart] = value.split(' ');
+        const [day, month, year] = datePart.split('/');
+        const [hours, minutes] = timePart ? timePart.split(':') : [
+            '',
+            ''
+        ];
+        return [
+            year,
+            month,
+            day,
+            hours,
+            minutes
+        ];
+    }, [
+        value
+    ]);
+    function update(value) {
+        form.setValue(name, value, {
+            shouldValidate: false
+        });
     }
-    const [datePart, timePart] = value.split(" ");
-    const [day2, month2, year2] = datePart.split("/");
-    const [hours2, minutes2] = timePart ? timePart.split(":") : ["", ""];
-    return [year2, month2, day2, hours2, minutes2];
-  }, [value]);
-  function update(value2) {
-    form.setValue(name, value2, { shouldValidate: false });
-  }
-  function set(year2, month2, day2, hours2, minutes2) {
-    const datePart = `${day2 || ""}/${month2 || ""}/${year2 || ""}`;
-    const timePart = hours2 || minutes2 ? `${hours2 || ""}:${minutes2 || ""}` : "";
-    const value2 = timePart ? `${datePart} ${timePart}` : datePart;
-    if (!year2 && !month2 && !day2 && !hours2 && !minutes2) {
-      update("");
-    } else {
-      update(value2);
+    function set(year, month, day, hours, minutes) {
+        const datePart = `${day || ''}/${month || ''}/${year || ''}`;
+        const timePart = hours || minutes ? `${hours || ''}:${minutes || ''}` : '';
+        const value = timePart ? `${datePart} ${timePart}` : datePart;
+        year || month || day || hours || minutes ? update(value) : update('');
     }
-  }
-  function setYear(evt) {
-    const val = evt.target.value;
-    set(val, month, day, hours, minutes);
-  }
-  function setMonth(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
+    function setYear(evt) {
+        const val = evt.target.value;
+        set(val, month, day, hours, minutes);
     }
-    set(year, val, day, hours, minutes);
-  }
-  function setDay(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
+    function setMonth(evt, cast) {
+        let val = evt.target.value;
+        if (cast && val && 1 === val.length) val = '0' + val;
+        set(year, val, day, hours, minutes);
     }
-    set(year, month, val, hours, minutes);
-  }
-  function setHours(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
+    function setDay(evt, cast) {
+        let val = evt.target.value;
+        if (cast && val && 1 === val.length) val = '0' + val;
+        set(year, month, val, hours, minutes);
     }
-    set(year, month, day, val, minutes);
-  }
-  function setMinutes(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
+    function setHours(evt, cast) {
+        let val = evt.target.value;
+        if (cast && val && 1 === val.length) val = '0' + val;
+        set(year, month, day, val, minutes);
     }
-    set(year, month, day, hours, val);
-  }
-  function trigger() {
-    if (form.formState.isSubmitted) {
-      form.trigger(name);
+    function setMinutes(evt, cast) {
+        let val = evt.target.value;
+        if (cast && val && 1 === val.length) val = '0' + val;
+        set(year, month, day, hours, val);
     }
-  }
-  return {
-    day,
-    month,
-    year,
-    hours,
-    minutes,
-    setYear,
-    setMonth,
-    setDay,
-    setHours,
-    setMinutes,
-    trigger
-  };
+    function trigger() {
+        if (form.formState.isSubmitted) form.trigger(name);
+    }
+    return {
+        day,
+        month,
+        year,
+        hours,
+        minutes,
+        setYear,
+        setMonth,
+        setDay,
+        setHours,
+        setMinutes,
+        trigger
+    };
 }
-const VALID_FORMATS = ["DD/MM/YYYY HH:mm", "DD/MM/YYYY"];
-const makeDateTime = (val) => {
-  const date = dayjs(val, VALID_FORMATS, true);
-  if (date.isValid()) {
-    return date.format("DD/MM/YYYY HH:mm");
-  }
-  return "";
+const VALID_FORMATS = [
+    'DD/MM/YYYY HH:mm',
+    'DD/MM/YYYY'
+];
+const makeDateTime = (val)=>{
+    const date = dayjs(val, VALID_FORMATS, true);
+    if (date.isValid()) return date.format('DD/MM/YYYY HH:mm');
+    return '';
 };
-const DateTimePart = React.forwardRef(
-  ({ label, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(DateInputItem, { ...props, ref }, label);
-  }
-);
-DateTimePart.displayName = "DateTimePart";
-const DateTimeInput = React.forwardRef(({ name, ...props }, ref) => {
-  const { t } = useTranslation();
-  const form = useFormContext();
-  useEffect(() => {
-    const initialValue = form.getValues(name);
-    if (initialValue === void 0 && props.defaultValue) {
-      form.setValue(name, makeDateTime(props.defaultValue), {
-        shouldValidate: false
-      });
-    } else {
-      form.setValue(name, makeDateTime(initialValue), {
-        shouldValidate: false
-      });
-    }
-  }, []);
-  const value = form.getValues(name);
-  const dateTime = useDateTime(name, value, form);
-  return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(
-    DateTimePart,
-    {
-      ref,
-      label: t("form.label.day"),
-      onChange: dateTime.setDay,
-      onBlur: (e) => {
-        if (dateTime.day && dateTime.day.length === 1) {
-          dateTime.setDay(e, true);
-        }
-        dateTime.trigger();
-      },
-      value: dateTime.day,
-      width: 2,
-      name: `${name}-day`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !dateTime.day ? props.error : false,
-      id: `${name}-day`
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.month"),
-      onChange: dateTime.setMonth,
-      onBlur: (e) => {
-        if (dateTime.month && dateTime.month.length === 1) {
-          dateTime.setMonth(e, true);
-        }
-        dateTime.trigger();
-      },
-      value: dateTime.month,
-      width: 2,
-      name: `${name}-month`,
-      id: `${name}-month`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !dateTime.month ? props.error : false
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.year"),
-      onChange: dateTime.setYear,
-      onBlur: dateTime.trigger,
-      value: dateTime.year,
-      width: 4,
-      name: `${name}-year`,
-      id: `${name}-year`,
-      maxLength: "4",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !dateTime.year ? props.error : false
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.hours"),
-      onChange: dateTime.setHours,
-      onBlur: (e) => {
-        if (dateTime.hours && dateTime.hours.length === 1) {
-          dateTime.setHours(e, true);
-        }
-        dateTime.trigger();
-      },
-      value: dateTime.hours,
-      width: 2,
-      name: `${name}-hours`,
-      id: `${name}-hours`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !dateTime.hours ? props.error : false
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.minutes"),
-      onChange: dateTime.setMinutes,
-      onBlur: (e) => {
-        if (dateTime.minutes && dateTime.minutes.length === 1) {
-          dateTime.setMinutes(e, true);
-        }
-        dateTime.trigger();
-      },
-      value: dateTime.minutes,
-      width: 2,
-      name: `${name}-minutes`,
-      id: `${name}-minutes`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !dateTime.minutes ? props.error : false
-    }
-  ));
+const DateTimePart = /*#__PURE__*/ react.forwardRef(({ label, ...props }, ref)=>/*#__PURE__*/ react.createElement(DateInputItem, {
+        ...props,
+        ref: ref
+    }, label));
+DateTimePart.displayName = 'DateTimePart';
+const DateTimeInput_DateTimeInput = /*#__PURE__*/ react.forwardRef(({ name, ...props }, ref)=>{
+    const { t } = useTranslation();
+    const form = useFormContext();
+    useEffect(()=>{
+        const initialValue = form.getValues(name);
+        if (void 0 === initialValue && props.defaultValue) form.setValue(name, makeDateTime(props.defaultValue), {
+            shouldValidate: false
+        });
+        else form.setValue(name, makeDateTime(initialValue), {
+            shouldValidate: false
+        });
+    }, []);
+    const value = form.getValues(name);
+    const dateTime = useDateTime(name, value, form);
+    return /*#__PURE__*/ react.createElement(DateInputContainer, null, /*#__PURE__*/ react.createElement(DateTimePart, {
+        ref: ref,
+        label: t('form.label.day'),
+        onChange: dateTime.setDay,
+        onBlur: (e)=>{
+            if (dateTime.day && 1 === dateTime.day.length) dateTime.setDay(e, true);
+            dateTime.trigger();
+        },
+        value: dateTime.day,
+        width: 2,
+        name: `${name}-day`,
+        maxLength: "2",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: dateTime.day ? false : props.error,
+        id: `${name}-day`
+    }), /*#__PURE__*/ react.createElement(DateTimePart, {
+        label: t('form.label.month'),
+        onChange: dateTime.setMonth,
+        onBlur: (e)=>{
+            if (dateTime.month && 1 === dateTime.month.length) dateTime.setMonth(e, true);
+            dateTime.trigger();
+        },
+        value: dateTime.month,
+        width: 2,
+        name: `${name}-month`,
+        id: `${name}-month`,
+        maxLength: "2",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: dateTime.month ? false : props.error
+    }), /*#__PURE__*/ react.createElement(DateTimePart, {
+        label: t('form.label.year'),
+        onChange: dateTime.setYear,
+        onBlur: dateTime.trigger,
+        value: dateTime.year,
+        width: 4,
+        name: `${name}-year`,
+        id: `${name}-year`,
+        maxLength: "4",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: dateTime.year ? false : props.error
+    }), /*#__PURE__*/ react.createElement(DateTimePart, {
+        label: t('form.label.hours'),
+        onChange: dateTime.setHours,
+        onBlur: (e)=>{
+            if (dateTime.hours && 1 === dateTime.hours.length) dateTime.setHours(e, true);
+            dateTime.trigger();
+        },
+        value: dateTime.hours,
+        width: 2,
+        name: `${name}-hours`,
+        id: `${name}-hours`,
+        maxLength: "2",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: dateTime.hours ? false : props.error
+    }), /*#__PURE__*/ react.createElement(DateTimePart, {
+        label: t('form.label.minutes'),
+        onChange: dateTime.setMinutes,
+        onBlur: (e)=>{
+            if (dateTime.minutes && 1 === dateTime.minutes.length) dateTime.setMinutes(e, true);
+            dateTime.trigger();
+        },
+        value: dateTime.minutes,
+        width: 2,
+        name: `${name}-minutes`,
+        id: `${name}-minutes`,
+        maxLength: "2",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: dateTime.minutes ? false : props.error
+    }));
 });
-DateTimeInput.displayName = "DateTimeInput";
-var DateTimeInput_default = DateTimeInput;
-export {
-  DateTimeInput,
-  DateTimeInput_default as default
-};
-//# sourceMappingURL=index.js.map
+DateTimeInput_DateTimeInput.displayName = 'DateTimeInput';
+const DateTimeInput = DateTimeInput_DateTimeInput;
+export { DateTimeInput_DateTimeInput as DateTimeInput, DateTimeInput as default };

package/inputs/FileInput/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { UseFormReturn } from 'react-hook-form';
-import type { UncontrolledFieldProps } from '@digigov/form/Field/types';
+import type { UncontrolledFieldProps } from '../../Field/types.js';
 import type { ButtonProps } from '@digigov/ui/form/Button';
 import type { FileUploadContainerProps, FileUploadProps } from '@digigov/ui/form/FileUpload';
 export interface FileInputProps extends Omit<UncontrolledFieldProps, 'extra'> {

package/inputs/FileInput/index.js

@@ -1,77 +1,61 @@
-import React, { useCallback, useEffect, useState } from "react";
+import react, { useCallback, useEffect, useState } from "react";
 import { useWatch } from "react-hook-form";
-import { omit } from "@digigov/form/utils";
-import { Button } from "@digigov/ui/form/Button";
-import { FileUpload, FileUploadContainer } from "@digigov/ui/form/FileUpload";
-import { useTranslation } from "@digigov/ui/i18n";
-import { Hint } from "@digigov/ui/typography/Hint";
-import { Paragraph } from "@digigov/ui/typography/Paragraph";
-const FileInput = React.forwardRef(function FileInput2({ name, disabled, extra, control, onChange, resetField, ...props }, ref) {
-  const { t } = useTranslation();
-  const value = useWatch({ control, name });
-  const [filenames, setFilenames] = useState(
-    Object.values(value || {}).map(({ name: name2 }) => name2) || []
-  );
-  useEffect(() => {
-    setFilenames(Object.values(value || {}).map(({ name: name2 }) => name2));
-  }, [value]);
-  const handleChange = useCallback(
-    (event) => {
-      event.preventDefault();
-      const target = event.target;
-      if (target.files && target.files.length > 0) {
-        setFilenames(Object.values(target.files).map(({ name: name2 }) => name2));
-      }
-      onChange(event);
-    },
-    [onChange]
-  );
-  const handleReset = useCallback(
-    (event) => {
-      event.preventDefault();
-      resetField(name);
-      setFilenames(void 0);
-    },
-    [name, resetField]
-  );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    FileUploadContainer,
-    {
-      variant: extra?.containerProps?.variant || "default",
-      hasFiles: filenames && filenames.length > 0
-    },
-    filenames?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.file"), ":"), " ", `${filenames.join(", ")}`)) : /* @__PURE__ */ React.createElement(Hint, null, /* @__PURE__ */ React.createElement("b", null, t("upload.file"), ": "), t("upload.no_file")),
-    /* @__PURE__ */ React.createElement(
-      FileUpload,
-      {
-        ref,
-        hasFiles: !!filenames?.length,
+import { omit } from "../../utils.js";
+import { Button } from "@digigov/ui/form/Button/index.js";
+import { FileUpload, FileUploadContainer } from "@digigov/ui/form/FileUpload/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+import { Hint } from "@digigov/ui/typography/Hint/index.js";
+import { Paragraph } from "@digigov/ui/typography/Paragraph/index.js";
+const FileInput_FileInput = /*#__PURE__*/ react.forwardRef(function({ name, disabled, extra, control, onChange, resetField, ...props }, ref) {
+    const { t } = useTranslation();
+    const value = useWatch({
+        control,
+        name
+    });
+    const [filenames, setFilenames] = useState(Object.values(value || {}).map(({ name })=>name) || []);
+    useEffect(()=>{
+        setFilenames(Object.values(value || {}).map(({ name })=>name));
+    }, [
+        value
+    ]);
+    const handleChange = useCallback((event)=>{
+        event.preventDefault();
+        const target = event.target;
+        if (target.files && target.files.length > 0) setFilenames(Object.values(target.files).map(({ name })=>name));
+        onChange(event);
+    }, [
+        onChange
+    ]);
+    const handleReset = useCallback((event)=>{
+        event.preventDefault();
+        resetField(name);
+        setFilenames(void 0);
+    }, [
         name,
+        resetField
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FileUploadContainer, {
+        variant: extra?.containerProps?.variant || 'default',
+        hasFiles: filenames && filenames.length > 0
+    }, filenames?.length ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Paragraph, null, /*#__PURE__*/ react.createElement("b", null, t('upload.file'), ":"), " ", `${filenames.join(', ')}`)) : /*#__PURE__*/ react.createElement(Hint, null, /*#__PURE__*/ react.createElement("b", null, t('upload.file'), ': '), t('upload.no_file')), /*#__PURE__*/ react.createElement(FileUpload, {
+        ref: ref,
+        hasFiles: !!filenames?.length,
+        name: name,
         variant: extra?.uploadButtonProps?.variant,
-        disabled,
+        disabled: disabled,
         id: name,
         onChange: handleChange,
-        ...{
-          ...omit(props, ["Field", "reset", "error"]),
-          required: void 0
-        }
-      },
-      filenames?.length ? t("upload.change_file") : t("upload.choose_file")
-    ),
-    filenames !== void 0 && filenames?.length > 0 && !extra?.noResetButton && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: extra?.resetButtonProps?.variant || "link",
+        ...omit(props, [
+            'Field',
+            'reset',
+            'error'
+        ]),
+        required: void 0
+    }, filenames?.length ? t('upload.change_file') : t('upload.choose_file')), void 0 !== filenames && filenames?.length > 0 && !extra?.noResetButton && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: extra?.resetButtonProps?.variant || 'link',
         onClick: handleReset,
-        color: extra?.resetButtonProps?.color || "secondary"
-      },
-      t("upload.reset_file")
-    ))
-  ));
+        color: extra?.resetButtonProps?.color || 'secondary'
+    }, t('upload.reset_file')))));
 });
-var FileInput_default = FileInput;
-export {
-  FileInput,
-  FileInput_default as default
-};
-//# sourceMappingURL=index.js.map
+const inputs_FileInput = FileInput_FileInput;
+export { FileInput_FileInput as FileInput, inputs_FileInput as default };

package/inputs/ImageInput/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { UseFormReturn } from 'react-hook-form';
-import type { UncontrolledFieldProps } from '@digigov/form/Field/types';
+import type { UncontrolledFieldProps } from '../../Field/types.js';
 export interface ImageProps {
     src: string;
 }