@digigov/form 2.0.0-a594a958 → 2.0.0-a64dc016

package/inputs/DateInput/index.js

@@ -1,158 +1,134 @@
-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 useDate(name, value, form) {
-  const [year, month, day] = useMemo(() => {
-    if (!value || value.length === 0) {
-      return ["", "", ""];
+    const [year, month, day] = useMemo(()=>{
+        if (!value || 0 === value.length) return [
+            '',
+            '',
+            ''
+        ];
+        const [day, month, year] = value.split('/');
+        return [
+            year,
+            month,
+            day
+        ];
+    }, [
+        value
+    ]);
+    function update(value) {
+        form.setValue(name, value, {
+            shouldValidate: false
+        });
     }
-    const [day2, month2, year2] = value.split("/");
-    return [year2, month2, day2];
-  }, [value]);
-  function update(value2) {
-    form.setValue(name, value2, { shouldValidate: false });
-  }
-  function set(year2, month2, day2) {
-    const value2 = `${day2 || ""}/${month2 || ""}/${year2 || ""}`;
-    if (!year2 && !month2 && !day2) {
-      update("");
-    } else {
-      update(value2);
+    function set(year, month, day) {
+        const value = `${day || ''}/${month || ''}/${year || ''}`;
+        year || month || day ? update(value) : update('');
     }
-  }
-  function setYear(evt) {
-    const val = evt.target.value.trim();
-    set(val, month, day);
-  }
-  function setMonth(evt, cast) {
-    let val = evt.target.value.trim();
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
+    function setYear(evt) {
+        const val = evt.target.value.trim();
+        set(val, month, day);
     }
-    set(year, val, day);
-  }
-  function setDay(evt, cast) {
-    let val = evt.target.value.trim();
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
+    function setMonth(evt, cast) {
+        let val = evt.target.value.trim();
+        if (cast && val && 1 === val.length) val = '0' + val;
+        set(year, val, day);
     }
-    set(year, month, val);
-  }
-  function trigger() {
-    if (form.formState.isSubmitted) {
-      form.trigger(name);
+    function setDay(evt, cast) {
+        let val = evt.target.value.trim();
+        if (cast && val && 1 === val.length) val = '0' + val;
+        set(year, month, val);
     }
-  }
-  return {
-    day,
-    month,
-    year,
-    setYear,
-    setMonth,
-    setDay,
-    trigger
-  };
+    function trigger() {
+        if (form.formState.isSubmitted) form.trigger(name);
+    }
+    return {
+        day,
+        month,
+        year,
+        setYear,
+        setMonth,
+        setDay,
+        trigger
+    };
 }
-const VALID_FORMATS = ["DD/MM/YYYY"];
-const makeDate = (val) => {
-  const date = dayjs(val, VALID_FORMATS, true);
-  if (date.isValid()) {
-    return date.format("DD/MM/YYYY");
-  }
-  return "";
+const VALID_FORMATS = [
+    'DD/MM/YYYY'
+];
+const makeDate = (val)=>{
+    const date = dayjs(val, VALID_FORMATS, true);
+    if (date.isValid()) return date.format('DD/MM/YYYY');
+    return '';
 };
-const DatePart = React.forwardRef(
-  ({ label, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(DateInputItem, { ...props, ref }, label);
-  }
-);
-DatePart.displayName = "DatePart";
-const DateInput = 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, makeDate(props.defaultValue), {
-        shouldValidate: false
-      });
-    } else {
-      form.setValue(name, makeDate(initialValue), {
-        shouldValidate: false
-      });
-    }
-  }, []);
-  const value = form.getValues(name);
-  const date = useDate(name, value, form);
-  return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(
-    DatePart,
-    {
-      ref,
-      label: t("form.label.day"),
-      onChange: date.setDay,
-      onBlur: (e) => {
-        if (date.day && date.day.length === 1) {
-          date.setDay(e, true);
-        }
-        date.trigger();
-      },
-      value: date.day,
-      width: 2,
-      name: `${name}-day`,
-      id: `${name}-day`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !date.day ? props.error : false
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DatePart,
-    {
-      label: t("form.label.month"),
-      onChange: date.setMonth,
-      onBlur: (e) => {
-        if (date.month && date.month.length === 1) {
-          date.setMonth(e, true);
-        }
-        date.trigger();
-      },
-      value: date.month,
-      width: 2,
-      name: `${name}-month`,
-      id: `${name}-month`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !date.month ? props.error : false
-    }
-  ), /* @__PURE__ */ React.createElement(
-    DatePart,
-    {
-      label: t("form.label.year"),
-      onChange: date.setYear,
-      onBlur: date.trigger,
-      value: date.year,
-      width: 4,
-      name: `${name}-year`,
-      id: `${name}-year`,
-      maxLength: "4",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !date.year ? props.error : false
-    }
-  ));
+const DatePart = /*#__PURE__*/ react.forwardRef(({ label, ...props }, ref)=>/*#__PURE__*/ react.createElement(DateInputItem, {
+        ...props,
+        ref: ref
+    }, label));
+DatePart.displayName = 'DatePart';
+const DateInput_DateInput = /*#__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, makeDate(props.defaultValue), {
+            shouldValidate: false
+        });
+        else form.setValue(name, makeDate(initialValue), {
+            shouldValidate: false
+        });
+    }, []);
+    const value = form.getValues(name);
+    const date = useDate(name, value, form);
+    return /*#__PURE__*/ react.createElement(DateInputContainer, null, /*#__PURE__*/ react.createElement(DatePart, {
+        ref: ref,
+        label: t('form.label.day'),
+        onChange: date.setDay,
+        onBlur: (e)=>{
+            if (date.day && 1 === date.day.length) date.setDay(e, true);
+            date.trigger();
+        },
+        value: date.day,
+        width: 2,
+        name: `${name}-day`,
+        id: `${name}-day`,
+        maxLength: "2",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: date.day ? false : props.error
+    }), /*#__PURE__*/ react.createElement(DatePart, {
+        label: t('form.label.month'),
+        onChange: date.setMonth,
+        onBlur: (e)=>{
+            if (date.month && 1 === date.month.length) date.setMonth(e, true);
+            date.trigger();
+        },
+        value: date.month,
+        width: 2,
+        name: `${name}-month`,
+        id: `${name}-month`,
+        maxLength: "2",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: date.month ? false : props.error
+    }), /*#__PURE__*/ react.createElement(DatePart, {
+        label: t('form.label.year'),
+        onChange: date.setYear,
+        onBlur: date.trigger,
+        value: date.year,
+        width: 4,
+        name: `${name}-year`,
+        id: `${name}-year`,
+        maxLength: "4",
+        disabled: props.disabled,
+        "aria-required": props['aria-required'],
+        error: date.year ? false : props.error
+    }));
 });
-DateInput.displayName = "DateInput";
-var DateInput_default = DateInput;
-export {
-  DateInput,
-  DateInput_default as default
-};
-//# sourceMappingURL=index.js.map
+DateInput_DateInput.displayName = 'DateInput';
+const DateInput = DateInput_DateInput;
+export { DateInput_DateInput as DateInput, DateInput as default };

package/inputs/DateTimeInput/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UncontrolledFieldProps } from '@digigov/form/Field/types';
+import type { UncontrolledFieldProps } from '../../Field/types.js';
 export interface DateTimeInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
     extra?: {
         max?: string;