@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

package/dist/fields/DateTime/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TZDateMini as TZDate } from '@date-fns/tz/date/mini';
 import { getTranslation } from '@payloadcms/translations';
@@ -23,27 +24,36 @@ import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { fieldBaseClass } from '../shared/index.js';
 const baseClass = 'date-time-field';
 const DateTimeFieldComponent = props => {
+  const $ = _c(29);
   const {
     field,
-    field: {
-      admin: {
-        className,
-        date: datePickerProps,
-        description,
-        placeholder
-      } = {},
-      label,
-      localized,
-      required,
-      timezone
-    },
+    field: t0,
     path: pathFromProps,
     readOnly,
     validate
   } = props;
-  const pickerAppearance = datePickerProps?.pickerAppearance || 'default';
-  // Get the user timezone so we can adjust the displayed value against it
-  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const {
+    admin: t1,
+    label,
+    localized,
+    required,
+    timezone
+  } = t0;
+  const {
+    className,
+    date: datePickerProps,
+    description,
+    placeholder
+  } = t1 === undefined ? {} : t1;
+  const pickerAppearance = datePickerProps?.pickerAppearance || "default";
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = Intl.DateTimeFormat().resolvedOptions();
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const userTimezone = t2.timeZone;
   const {
     config
   } = useConfig();
@@ -56,125 +66,209 @@ const DateTimeFieldComponent = props => {
     uuid
   } = useForm();
   const editDepth = useEditDepth();
-  const memoizedValidate = useCallback((value, options) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...options,
-        required
-      });
-    }
-  }, [validate, required]);
+  let t3;
+  if ($[1] !== required || $[2] !== validate) {
+    t3 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          required
+        });
+      }
+    };
+    $[1] = required;
+    $[2] = validate;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const memoizedValidate = t3;
+  let t4;
+  if ($[4] !== memoizedValidate || $[5] !== pathFromProps) {
+    t4 = {
+      potentiallyStalePath: pathFromProps,
+      validate: memoizedValidate
+    };
+    $[4] = memoizedValidate;
+    $[5] = pathFromProps;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t5,
     disabled,
     path,
     setValue,
     showError,
     value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const inputId = datePickerProps?.overrides?.id || generateFieldID(path ?? '', editDepth, uuid ?? '', 'date-input');
-  const timezonePath = path + '_tz';
-  const timezoneField = useFormFields(([fields, _]) => fields?.[timezonePath]);
-  const supportedTimezones = useMemo(() => {
-    if (timezone && typeof timezone === 'object' && timezone.supportedTimezones) {
-      return timezone.supportedTimezones;
+  } = useField(t4);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t5 === undefined ? {} : t5;
+  const inputId = datePickerProps?.overrides?.id || generateFieldID(path ?? "", editDepth, uuid ?? "", "date-input");
+  const timezonePath = path + "_tz";
+  let t6;
+  if ($[7] !== timezonePath) {
+    t6 = t7 => {
+      const [fields] = t7;
+      return fields?.[timezonePath];
+    };
+    $[7] = timezonePath;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const timezoneField = useFormFields(t6);
+  let t7;
+  bb0: {
+    if (timezone && typeof timezone === "object" && timezone.supportedTimezones) {
+      t7 = timezone.supportedTimezones;
+      break bb0;
     }
-    return config.admin.timezones.supportedTimezones;
-  }, [config.admin.timezones.supportedTimezones, timezone]);
-  /**
-  * Date appearance doesn't include timestamps,
-  * which means we need to pin the time to always 12:00 for the selected date
-  */
-  const isDateOnly = ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance);
+    t7 = config.admin.timezones.supportedTimezones;
+  }
+  const supportedTimezones = t7;
+  let t8;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = ["dayOnly", "default", "monthOnly"];
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  const isDateOnly = t8.includes(pickerAppearance);
   const selectedTimezone = timezoneField?.value;
-  const timezoneRequired = required || timezone && typeof timezone === 'object' && timezone.required;
-  // The displayed value should be the original value, adjusted to the user's timezone
-  const displayedValue = useMemo(() => {
+  const timezoneRequired = required || timezone && typeof timezone === "object" && timezone.required;
+  let t9;
+  bb1: {
     if (timezone && selectedTimezone && userTimezone && value_0) {
-      // Create TZDate instances for the selected timezone and the user's timezone
-      // These instances allow us to transpose the date between timezones while keeping the same time value
-      const DateWithOriginalTz = TZDate.tz(selectedTimezone);
-      const DateWithUserTz = TZDate.tz(userTimezone);
-      const modifiedDate = new TZDate(value_0).withTimeZone(selectedTimezone);
-      // Transpose the date to the selected timezone
-      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz);
-      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone
-      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz);
-      return dateWithUserTimezone.toISOString();
+      let t10;
+      if ($[10] !== selectedTimezone || $[11] !== value_0) {
+        const DateWithOriginalTz = TZDate.tz(selectedTimezone);
+        const DateWithUserTz = TZDate.tz(userTimezone);
+        const modifiedDate = new TZDate(value_0).withTimeZone(selectedTimezone);
+        const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz);
+        const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz);
+        t10 = dateWithUserTimezone.toISOString();
+        $[10] = selectedTimezone;
+        $[11] = value_0;
+        $[12] = t10;
+      } else {
+        t10 = $[12];
+      }
+      t9 = t10;
+      break bb1;
     }
-    return value_0;
-  }, [timezone, selectedTimezone, value_0, userTimezone]);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  const onChange = useCallback(incomingDate => {
-    if (!(readOnly || disabled)) {
-      if (timezone && selectedTimezone && incomingDate) {
-        // Create TZDate instances for the selected timezone
-        const TZDateWithSelectedTz = TZDate.tz(selectedTimezone);
-        if (isDateOnly) {
-          // We need to offset this hardcoded hour offset from the DatePicker elemenent
-          // this can be removed in 4.0 when we remove the hardcoded offset as it is a breaking change
-          // const tzOffset = incomingDate.getTimezoneOffset() / 60
-          const incomingOffset = incomingDate.getTimezoneOffset() / 60;
-          const originalHour = incomingDate.getHours() + incomingOffset;
-          incomingDate.setHours(originalHour);
-          // Convert the original date as picked into the desired timezone.
-          const dateToSelectedTz = transpose(incomingDate, TZDateWithSelectedTz);
-          setValue(dateToSelectedTz.toISOString() || null);
+    t9 = value_0;
+  }
+  const displayedValue = t9;
+  let t10;
+  if ($[13] !== field) {
+    t10 = mergeFieldStyles(field);
+    $[13] = field;
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  const styles = t10;
+  let t11;
+  if ($[15] !== disabled || $[16] !== isDateOnly || $[17] !== readOnly || $[18] !== selectedTimezone || $[19] !== setValue || $[20] !== timezone) {
+    t11 = incomingDate => {
+      if (!(readOnly || disabled)) {
+        if (timezone && selectedTimezone && incomingDate) {
+          const TZDateWithSelectedTz = TZDate.tz(selectedTimezone);
+          if (isDateOnly) {
+            const incomingOffset = incomingDate.getTimezoneOffset() / 60;
+            const originalHour = incomingDate.getHours() + incomingOffset;
+            incomingDate.setHours(originalHour);
+            const dateToSelectedTz = transpose(incomingDate, TZDateWithSelectedTz);
+            setValue(dateToSelectedTz.toISOString() || null);
+          } else {
+            const dateToUserTz = new TZDate(incomingDate);
+            const dateWithTimezone_0 = transpose(dateToUserTz, TZDateWithSelectedTz);
+            setValue(dateWithTimezone_0.toISOString() || null);
+          }
         } else {
-          // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor
-          const dateToUserTz = new TZDate(incomingDate);
-          // Transpose the date to the selected timezone
-          const dateWithTimezone_0 = transpose(dateToUserTz, TZDateWithSelectedTz);
-          setValue(dateWithTimezone_0.toISOString() || null);
+          setValue(incomingDate?.toISOString() || null);
         }
-      } else {
-        setValue(incomingDate?.toISOString() || null);
       }
+    };
+    $[15] = disabled;
+    $[16] = isDateOnly;
+    $[17] = readOnly;
+    $[18] = selectedTimezone;
+    $[19] = setValue;
+    $[20] = timezone;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  const onChange = t11;
+  let t12;
+  if ($[22] !== dispatchFields || $[23] !== setModified || $[24] !== timezonePath) {
+    t12 = timezone_0 => {
+      if (timezonePath) {
+        dispatchFields({
+          type: "UPDATE",
+          path: timezonePath,
+          value: timezone_0
+        });
+        setModified(true);
+      }
+    };
+    $[22] = dispatchFields;
+    $[23] = setModified;
+    $[24] = timezonePath;
+    $[25] = t12;
+  } else {
+    t12 = $[25];
+  }
+  const onChangeTimezone = t12;
+  const t13 = [fieldBaseClass, baseClass, className, showError && `${baseClass}--has-error`, (readOnly || disabled) && "read-only"].filter(Boolean).join(" ");
+  const t14 = _jsx(RenderCustomComponent, {
+    CustomComponent: Label,
+    Fallback: _jsx(FieldLabel, {
+      htmlFor: inputId,
+      label,
+      localized,
+      path,
+      required
+    })
+  });
+  let t15;
+  if ($[26] !== path) {
+    let t16;
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+      t16 = /\./g;
+      $[28] = t16;
+    } else {
+      t16 = $[28];
     }
-  }, [readOnly, disabled, timezone, selectedTimezone, isDateOnly, setValue]);
-  const onChangeTimezone = useCallback(timezone_0 => {
-    if (timezonePath) {
-      dispatchFields({
-        type: 'UPDATE',
-        path: timezonePath,
-        value: timezone_0
-      });
-      setModified(true);
-    }
-  }, [dispatchFields, setModified, timezonePath]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, baseClass, className, showError && `${baseClass}--has-error`, (readOnly || disabled) && 'read-only'].filter(Boolean).join(' '),
+    t15 = path.replace(t16, "__");
+    $[26] = path;
+    $[27] = t15;
+  } else {
+    t15 = $[27];
+  }
+  return _jsxs("div", {
+    className: t13,
     style: styles,
-    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Label,
-      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-        htmlFor: inputId,
-        label: label,
-        localized: localized,
-        path: path,
-        required: required
-      })
-    }), /*#__PURE__*/_jsxs("div", {
+    children: [t14, _jsxs("div", {
       className: `${fieldBaseClass}__wrap`,
-      id: `field-${path.replace(/\./g, '__')}`,
-      children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+      id: `field-${t15}`,
+      children: [_jsx(RenderCustomComponent, {
         CustomComponent: Error,
-        Fallback: /*#__PURE__*/_jsx(FieldError, {
-          path: path,
-          showError: showError
+        Fallback: _jsx(FieldError, {
+          path,
+          showError
         })
-      }), BeforeInput, /*#__PURE__*/_jsx(DatePickerField, {
+      }), BeforeInput, _jsx(DatePickerField, {
         ...datePickerProps,
-        onChange: onChange,
+        onChange,
         overrides: {
           ...datePickerProps?.overrides,
           id: inputId
@@ -182,19 +276,19 @@ const DateTimeFieldComponent = props => {
         placeholder: getTranslation(placeholder, i18n),
         readOnly: readOnly || disabled,
         value: displayedValue
-      }), timezone && supportedTimezones.length > 0 && /*#__PURE__*/_jsx(TimezonePicker, {
+      }), timezone && supportedTimezones.length > 0 && _jsx(TimezonePicker, {
         id: `${path}-timezone-picker`,
         onChange: onChangeTimezone,
         options: supportedTimezones,
         readOnly: readOnly || disabled,
         required: timezoneRequired,
-        selectedTimezone: selectedTimezone
+        selectedTimezone
       }), AfterInput]
-    }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+    }), _jsx(RenderCustomComponent, {
       CustomComponent: Description,
-      Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-        description: description,
-        path: path
+      Fallback: _jsx(FieldDescription, {
+        description,
+        path
       })
     })]
   });

package/dist/fields/DateTime/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","getTranslation","transpose","React","useCallback","useMemo","DatePickerField","RenderCustomComponent","TimezonePicker","FieldDescription","FieldError","FieldLabel","useForm","useFormFields","useField","withCondition","useConfig","useEditDepth","useTranslation","generateFieldID","mergeFieldStyles","fieldBaseClass","baseClass","DateTimeFieldComponent","props","field","admin","className","date","datePickerProps","description","placeholder","label","localized","required","timezone","path","pathFromProps","readOnly","validate","pickerAppearance","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","config","i18n","dispatchFields","setModified","uuid","editDepth","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","inputId","overrides","id","timezonePath","timezoneField","fields","_","supportedTimezones","timezones","isDateOnly","includes","selectedTimezone","timezoneRequired","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","styles","onChange","incomingDate","TZDateWithSelectedTz","incomingOffset","getTimezoneOffset","originalHour","getHours","setHours","dateToSelectedTz","dateToUserTz","onChangeTimezone","type","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","htmlFor","replace","length","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientProps, DateFieldValidation } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { getTranslation } from '@payloadcms/translations'\nimport { transpose } from 'date-fns'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { TimezonePicker } from '../../elements/TimezonePicker/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm, useFormFields } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport './index.css'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'date-time-field'\n\nconst DateTimeFieldComponent: React.FC<DateFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, date: datePickerProps, description, placeholder } = {},\n      label,\n      localized,\n      required,\n      timezone,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const pickerAppearance = datePickerProps?.pickerAppearance || 'default'\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { dispatchFields, setModified, uuid } = useForm()\n  const editDepth = useEditDepth()\n\n  const memoizedValidate: DateFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const inputId =\n    datePickerProps?.overrides?.id ||\n    generateFieldID(path ?? '', editDepth, uuid ?? '', 'date-input')\n  const timezonePath = path + '_tz'\n  const timezoneField = useFormFields(([fields, _]) => fields?.[timezonePath])\n\n  const supportedTimezones = useMemo(() => {\n    if (timezone && typeof timezone === 'object' && timezone.supportedTimezones) {\n      return timezone.supportedTimezones\n    }\n\n    return config.admin.timezones.supportedTimezones\n  }, [config.admin.timezones.supportedTimezones, timezone])\n\n  /**\n   * Date appearance doesn't include timestamps,\n   * which means we need to pin the time to always 12:00 for the selected date\n   */\n  const isDateOnly = ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)\n  const selectedTimezone = timezoneField?.value as string\n  const timezoneRequired =\n    required || (timezone && typeof timezone === 'object' && timezone.required)\n\n  // The displayed value should be the original value, adjusted to the user's timezone\n  const displayedValue = useMemo(() => {\n    if (timezone && selectedTimezone && userTimezone && value) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(selectedTimezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(value).withTimeZone(selectedTimezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return value\n  }, [timezone, selectedTimezone, value, userTimezone])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const onChange = useCallback(\n    (incomingDate: Date) => {\n      if (!(readOnly || disabled)) {\n        if (timezone && selectedTimezone && incomingDate) {\n          // Create TZDate instances for the selected timezone\n          const TZDateWithSelectedTz = TZDate.tz(selectedTimezone)\n\n          if (isDateOnly) {\n            // We need to offset this hardcoded hour offset from the DatePicker elemenent\n            // this can be removed in 4.0 when we remove the hardcoded offset as it is a breaking change\n            // const tzOffset = incomingDate.getTimezoneOffset() / 60\n            const incomingOffset = incomingDate.getTimezoneOffset() / 60\n            const originalHour = incomingDate.getHours() + incomingOffset\n            incomingDate.setHours(originalHour)\n\n            // Convert the original date as picked into the desired timezone.\n            const dateToSelectedTz = transpose(incomingDate, TZDateWithSelectedTz)\n\n            setValue(dateToSelectedTz.toISOString() || null)\n          } else {\n            // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n            const dateToUserTz = new TZDate(incomingDate)\n            // Transpose the date to the selected timezone\n            const dateWithTimezone = transpose(dateToUserTz, TZDateWithSelectedTz)\n\n            setValue(dateWithTimezone.toISOString() || null)\n          }\n        } else {\n          setValue(incomingDate?.toISOString() || null)\n        }\n      }\n    },\n    [readOnly, disabled, timezone, selectedTimezone, isDateOnly, setValue],\n  )\n\n  const onChangeTimezone = useCallback(\n    (timezone: string) => {\n      if (timezonePath) {\n        dispatchFields({\n          type: 'UPDATE',\n          path: timezonePath,\n          value: timezone,\n        })\n\n        setModified(true)\n      }\n    },\n    [dispatchFields, setModified, timezonePath],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={inputId}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={onChange}\n          overrides={{\n            ...datePickerProps?.overrides,\n            id: inputId,\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly || disabled}\n          value={displayedValue}\n        />\n        {timezone && supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`${path}-timezone-picker`}\n            onChange={onChangeTimezone}\n            options={supportedTimezones}\n            readOnly={readOnly || disabled}\n            required={timezoneRequired}\n            selectedTimezone={selectedTimezone}\n          />\n        )}\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","TZDateMini","TZDate","getTranslation","transpose","React","useCallback","useMemo","DatePickerField","RenderCustomComponent","TimezonePicker","FieldDescription","FieldError","FieldLabel","useForm","useFormFields","useField","withCondition","useConfig","useEditDepth","useTranslation","generateFieldID","mergeFieldStyles","fieldBaseClass","baseClass","DateTimeFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","admin","t1","label","localized","required","timezone","className","date","datePickerProps","description","placeholder","undefined","pickerAppearance","t2","Symbol","for","Intl","DateTimeFormat","resolvedOptions","userTimezone","timeZone","config","i18n","dispatchFields","setModified","uuid","editDepth","t3","value","options","memoizedValidate","t4","potentiallyStalePath","customComponents","t5","disabled","setValue","showError","value_0","AfterInput","BeforeInput","Description","Error","Label","inputId","overrides","id","timezonePath","t6","t7","fields","timezoneField","bb0","supportedTimezones","timezones","t8","isDateOnly","includes","selectedTimezone","timezoneRequired","t9","bb1","t10","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","displayedValue","styles","t11","incomingDate","TZDateWithSelectedTz","incomingOffset","getTimezoneOffset","originalHour","getHours","setHours","dateToSelectedTz","dateToUserTz","dateWithTimezone_0","onChange","t12","timezone_0","type","onChangeTimezone","t13","filter","Boolean","join","t14","_jsx","CustomComponent","Fallback","htmlFor","t16","t15","replace","_jsxs","style","children","length","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientProps, DateFieldValidation } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { getTranslation } from '@payloadcms/translations'\nimport { transpose } from 'date-fns'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { TimezonePicker } from '../../elements/TimezonePicker/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm, useFormFields } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport './index.css'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'date-time-field'\n\nconst DateTimeFieldComponent: React.FC<DateFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, date: datePickerProps, description, placeholder } = {},\n      label,\n      localized,\n      required,\n      timezone,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const pickerAppearance = datePickerProps?.pickerAppearance || 'default'\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { dispatchFields, setModified, uuid } = useForm()\n  const editDepth = useEditDepth()\n\n  const memoizedValidate: DateFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const inputId =\n    datePickerProps?.overrides?.id ||\n    generateFieldID(path ?? '', editDepth, uuid ?? '', 'date-input')\n  const timezonePath = path + '_tz'\n  const timezoneField = useFormFields(([fields, _]) => fields?.[timezonePath])\n\n  const supportedTimezones = useMemo(() => {\n    if (timezone && typeof timezone === 'object' && timezone.supportedTimezones) {\n      return timezone.supportedTimezones\n    }\n\n    return config.admin.timezones.supportedTimezones\n  }, [config.admin.timezones.supportedTimezones, timezone])\n\n  /**\n   * Date appearance doesn't include timestamps,\n   * which means we need to pin the time to always 12:00 for the selected date\n   */\n  const isDateOnly = ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)\n  const selectedTimezone = timezoneField?.value as string\n  const timezoneRequired =\n    required || (timezone && typeof timezone === 'object' && timezone.required)\n\n  // The displayed value should be the original value, adjusted to the user's timezone\n  const displayedValue = useMemo(() => {\n    if (timezone && selectedTimezone && userTimezone && value) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(selectedTimezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(value).withTimeZone(selectedTimezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return value\n  }, [timezone, selectedTimezone, value, userTimezone])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const onChange = useCallback(\n    (incomingDate: Date) => {\n      if (!(readOnly || disabled)) {\n        if (timezone && selectedTimezone && incomingDate) {\n          // Create TZDate instances for the selected timezone\n          const TZDateWithSelectedTz = TZDate.tz(selectedTimezone)\n\n          if (isDateOnly) {\n            // We need to offset this hardcoded hour offset from the DatePicker elemenent\n            // this can be removed in 4.0 when we remove the hardcoded offset as it is a breaking change\n            // const tzOffset = incomingDate.getTimezoneOffset() / 60\n            const incomingOffset = incomingDate.getTimezoneOffset() / 60\n            const originalHour = incomingDate.getHours() + incomingOffset\n            incomingDate.setHours(originalHour)\n\n            // Convert the original date as picked into the desired timezone.\n            const dateToSelectedTz = transpose(incomingDate, TZDateWithSelectedTz)\n\n            setValue(dateToSelectedTz.toISOString() || null)\n          } else {\n            // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n            const dateToUserTz = new TZDate(incomingDate)\n            // Transpose the date to the selected timezone\n            const dateWithTimezone = transpose(dateToUserTz, TZDateWithSelectedTz)\n\n            setValue(dateWithTimezone.toISOString() || null)\n          }\n        } else {\n          setValue(incomingDate?.toISOString() || null)\n        }\n      }\n    },\n    [readOnly, disabled, timezone, selectedTimezone, isDateOnly, setValue],\n  )\n\n  const onChangeTimezone = useCallback(\n    (timezone: string) => {\n      if (timezonePath) {\n        dispatchFields({\n          type: 'UPDATE',\n          path: timezonePath,\n          value: timezone,\n        })\n\n        setModified(true)\n      }\n    },\n    [dispatchFields, setModified, timezonePath],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={inputId}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={onChange}\n          overrides={{\n            ...datePickerProps?.overrides,\n            id: inputId,\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly || disabled}\n          value={displayedValue}\n        />\n        {timezone && supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`${path}-timezone-picker`}\n            onChange={onChangeTimezone}\n            options={supportedTimezones}\n            readOnly={readOnly || disabled}\n            required={timezoneRequired}\n            selectedTimezone={selectedTimezone}\n          />\n        )}\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Email/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAG1E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAcnD,OAAO,aAAa,CAAA;AA0GpB,eAAO,MAAM,UAAU,iCAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAG1E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAcnD,OAAO,aAAa,CAAA;AAqGpB,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

package/dist/fields/Email/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useForm","useField","withCondition","useEditDepth","useTranslation","generateFieldID","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","pathFromProps","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","uuid","editDepth","errorID","undefined","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","hasRequiredAccessibleState","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { EmailFieldClientProps, EmailFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst EmailFieldComponent: React.FC<EmailFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const errorID = showError ? generateFieldID(path, editDepth, uuid, 'field-error') : undefined\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'email',\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            hasRequiredAccessibleState\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          aria-describedby={errorID}\n          aria-invalid={showError || undefined}\n          autoComplete={autoComplete}\n          className=\"form-input\"\n          disabled={readOnly || disabled}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useForm","useField","withCondition","useEditDepth","useTranslation","generateFieldID","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","pathFromProps","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","uuid","editDepth","errorID","undefined","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","hasRequiredAccessibleState","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { EmailFieldClientProps, EmailFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst EmailFieldComponent: React.FC<EmailFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { autoComplete, className, description, placeholder } = {},\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const errorID = showError ? generateFieldID(path, editDepth, uuid, 'field-error') : undefined\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'email',\n        className,\n        showError && 'error',\n        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            hasRequiredAccessibleState\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          aria-describedby={errorID}\n          aria-invalid={showError || undefined}\n          autoComplete={autoComplete}\n          className=\"form-input\"\n          disabled={readOnly || disabled}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/FieldDescription/index.js

@@ -8,7 +8,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'field-description';
 export const FieldDescription = props => {
-  const $ = _c(8);
+  const $ = _c(10);
   const {
     className,
     description,
@@ -19,33 +19,41 @@ export const FieldDescription = props => {
     i18n
   } = useTranslation();
   if (description) {
-    const t0 = `field-description-${path?.replace(/\./g, "__")}`;
-    const t1 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
-    let t2;
-    if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
-      t2 = [baseClass, className, t0, t1].filter(Boolean);
-      $[0] = className;
+    let t0;
+    if ($[0] !== path) {
+      t0 = path?.replace(/\./g, "__");
+      $[0] = path;
       $[1] = t0;
-      $[2] = t1;
-      $[3] = t2;
     } else {
-      t2 = $[3];
+      t0 = $[1];
     }
-    const t3 = t2.join(" ");
-    let t4;
-    if ($[4] !== description || $[5] !== i18n || $[6] !== t3) {
-      t4 = _jsx("div", {
-        className: t3,
+    const t1 = `field-description-${t0}`;
+    const t2 = marginPlacement && `${baseClass}--margin-${marginPlacement}`;
+    let t3;
+    if ($[2] !== className || $[3] !== t1 || $[4] !== t2) {
+      t3 = [baseClass, className, t1, t2].filter(Boolean);
+      $[2] = className;
+      $[3] = t1;
+      $[4] = t2;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    const t4 = t3.join(" ");
+    let t5;
+    if ($[6] !== description || $[7] !== i18n || $[8] !== t4) {
+      t5 = _jsx("div", {
+        className: t4,
         children: getTranslation(description, i18n)
       });
-      $[4] = description;
-      $[5] = i18n;
-      $[6] = t3;
-      $[7] = t4;
+      $[6] = description;
+      $[7] = i18n;
+      $[8] = t4;
+      $[9] = t5;
     } else {
-      t4 = $[7];
+      t5 = $[9];
     }
-    return t4;
+    return t5;
   }
   return null;
 };

package/dist/fields/FieldDescription/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","baseClass","FieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","filter","Boolean","t3","join","t4","_jsx","children"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'field-description'\n\nexport const FieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement, path } = props\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path?.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAsDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACjE;IAAAQ,SAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC;EAAA,IAA0DL,KAAA;EAE1D;IAAAM;EAAA,IAAiBT,cAAA;EAAA,IAEbM,WAAA;IAMI,MAAAI,EAAA,wBAAqBF,IAAA,EAAAG,OAAA,QAAqB,OAAO;IACjD,MAAAC,EAAA,GAAAL,eAAA,IAAmB,GAAAN,SAAA,YAAwBM,eAAA,EAAiB;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAQ,EAAA;MAJnDC,EAAA,IAAAZ,SAAA,EAETI,SAAA,EACAK,EAAiD,EACjDE,EAA4D,EAAAE,MAAA,CAAAC,OAEpD;MAAAX,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAM,EAAA;MAAAN,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IANC,MAAAY,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAY,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAd,SAAA,EACYW,EAOH;QAAAI,QAAA,EAEPtB,cAAA,CAAeQ,WAAA,EAAaG,IAAA;MAAA,C;;;;;;;;WAV/BS,E;;;CAgBN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","baseClass","FieldDescription","props","$","className","description","marginPlacement","path","i18n","t0","replace","t1","t2","t3","filter","Boolean","t4","join","t5","_jsx","children"],"sources":["../../../src/fields/FieldDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { GenericDescriptionProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'field-description'\n\nexport const FieldDescription: React.FC<GenericDescriptionProps> = (props) => {\n  const { className, description, marginPlacement, path } = props\n\n  const { i18n } = useTranslation()\n\n  if (description) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          `field-description-${path?.replace(/\\./g, '__')}`,\n          marginPlacement && `${baseClass}--margin-${marginPlacement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAsDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACjE;IAAAQ,SAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC;EAAA,IAA0DL,KAAA;EAE1D;IAAAM;EAAA,IAAiBT,cAAA;EAEjB,IAAIM,WAAA;IAAA,IAAAI,EAAA;IAAA,IAAAN,CAAA,QAAAI,IAAA;MAMyBE,EAAA,GAAAF,IAAA,EAAAG,OAAqB,CAAP,OAAO;MAAAP,CAAA,MAAAI,IAAA;MAAAJ,CAAA,MAAAM,EAAA;IAAA;MAAAA,EAAA,GAAAN,CAAA;IAAA;IAA1C,MAAAQ,EAAA,wBAAqBF,EAAqB,EAAO;IACjD,MAAAG,EAAA,GAAAN,eAA4D,IAA5D,GAAsBN,SAAA,YAAqBM,eAAA,EAAiB;IAAA,IAAAO,EAAA;IAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;MAJnDC,EAAA,IACTb,SAAA,EACAI,SAAA,EACAO,EAAiD,EACjDC,EAA4D,CAC7D,CAAAE,MACQ,CAACC,OAAA;MAAAZ,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAQ,EAAA;MAAAR,CAAA,MAAAS,EAAA;MAAAT,CAAA,MAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IANC,MAAAa,EAAA,GAAAH,EAMD,CAAAI,IACH,CAAC;IAAA,IAAAC,EAAA;IAAA,IAAAf,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAa,EAAA;MARVE,EAAA,GAAAC,IAAA,CAAC;QAAAf,SAAA,EACYY,EAOH;QAAAI,QAAA,EAEPvB,cAAA,CAAeQ,WAAA,EAAaG,IAAA;;;;;;;;;WAV/BU,E;;EAaJ,OAEO;AAAA,CACT","ignoreList":[]}

package/dist/fields/FieldError/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useForm","useFormFields","useFormSubmitted","useEditDepth","generateFieldID","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","uuid","editDepth","t1","t2","fields","field","Symbol","for","errorMessage","valid","showMessage","length","_jsx","className","delay","id","portal","position","role","tabIndex","children"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useForm, useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.css'\n\nconst baseClass = 'field-error'\n\nexport const FieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path,\n    showError: showErrorFromProps,\n  } = props\n\n  const hasSubmitted = useFormSubmitted()\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip\n        alignCaret={alignCaret}\n        className={baseClass}\n        delay={0}\n        id={generateFieldID(path, editDepth, uuid, 'field-error')}\n        portal={false}\n        position=\"top\"\n        role=\"alert\"\n        tabIndex={0}\n      >\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ;AACzD,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAAAM,SAAA,GAAP,OAAO,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBf,gBAAA;EACrB;IAAAgB;EAAA,IAAiBlB,OAAA;EACjB,MAAAmB,SAAA,GAAkBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IACUO,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAAST,IAAA,CAAK,QAAK;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAe,KAAA,GAActB,aAAA,CAAcmB,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAe,KAAA,IAAAf,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAU,IAAA;IASpEG,EAAA,GAAAG,MAAA,CAAAC,GAAA,8B;;MAPJ;QAAAC,YAAA;QAAAC;MAAA,IAAgCJ,KAAA,MAAU;MAE1C,MAAAZ,OAAA,GAAgBC,gBAAA,IAAoBc,YAAA;MACpC,MAAAE,WAAA,GAAoBb,kBAAA,IAAuBE,YAAA,IAAgBU,KAAA,UAAU;MAAA,IAEjEC,WAAA,IAAejB,OAAA,EAAAkB,MAAS;QAExBR,EAAA,GAAAS,IAAA,CAAA/B,OAAA;UAAAU,UAAA;UAAAsB,SAAA,EAAA1B,SAAA;UAAA2B,KAAA;UAAAC,EAAA,EAIM7B,eAAA,CAAgBS,IAAA,EAAMM,SAAA,EAAWD,IAAA,EAAM;UAAAgB,MAAA;UAAAC,QAAA,EAElC;UAAAC,IAAA,EACJ;UAAAC,QAAA;UAAAC,QAAA,EAGJ3B;QAAA,C;;;;;;;;;;;;;;;;;;;;CAMT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Tooltip","useForm","useFormFields","useFormSubmitted","useEditDepth","generateFieldID","baseClass","FieldError","props","$","alignCaret","t0","message","messageFromProps","path","showError","showErrorFromProps","undefined","hasSubmitted","uuid","editDepth","t1","t2","fields","field","Symbol","errorMessage","valid","showMessage","length","_jsx","className","delay","id","portal","position","role","tabIndex","children","bb0","for"],"sources":["../../../src/fields/FieldError/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericErrorProps } from 'payload'\n\nimport React from 'react'\n\nimport { Tooltip } from '../../elements/Tooltip/index.js'\nimport { useForm, useFormFields, useFormSubmitted } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.css'\n\nconst baseClass = 'field-error'\n\nexport const FieldError: React.FC<GenericErrorProps> = (props) => {\n  const {\n    alignCaret = 'right',\n    message: messageFromProps,\n    path,\n    showError: showErrorFromProps,\n  } = props\n\n  const hasSubmitted = useFormSubmitted()\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { errorMessage, valid } = field || {}\n\n  const message = messageFromProps || errorMessage\n  const showMessage = showErrorFromProps || (hasSubmitted && valid === false)\n\n  if (showMessage && message?.length) {\n    return (\n      <Tooltip\n        alignCaret={alignCaret}\n        className={baseClass}\n        delay={0}\n        id={generateFieldID(path, editDepth, uuid, 'field-error')}\n        portal={false}\n        position=\"top\"\n        role=\"alert\"\n        tabIndex={0}\n      >\n        {message}\n      </Tooltip>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ;AACzD,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,IAAA;IAAAC,SAAA,EAAAC;EAAA,IAKIR,KAAA;EAJF,MAAAE,UAAA,GAAAC,EAAoB,KAApBM,SAAoB,GAApB,OAAoB,GAApBN,EAAoB;EAMtB,MAAAO,YAAA,GAAqBf,gBAAA;EACrB;IAAAgB;EAAA,IAAiBlB,OAAA;EACjB,MAAAmB,SAAA,GAAkBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAK,IAAA;IACUO,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAyB,IAAdA,MAAA,GAAST,IAAA,CAAU,IAA9B,IAA8B;IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAe,KAAA,GAActB,aAAA,CAAcmB,EAA4C;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAe,KAAA,IAAAf,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAU,IAAA;IASpEG,EAAA,GAAAG,M,KAAA,6B;;MAPJ;QAAAC,YAAA;QAAAC;MAAA,IAAgCH,KAAU,IAAV,CAAU;MAE1C,MAAAZ,OAAA,GAAgBC,gBAAoB,IAApBa,YAAoB;MACpC,MAAAE,WAAA,GAAoBZ,kBAAiD,IAA1BE,YAA0B,IAAVS,KAAA,KAAU;MAErE,IAAIC,WAAwB,IAAThB,OAAA,EAAAiB,MAAS;QAExBP,EAAA,GAAAQ,IAAA,CAAC9B,OAAA;UAAAU,UAAA;UAAAqB,SAAA,EAEYzB,SAAA;UAAA0B,KAAA,EACJ;UAAAC,EAAA,EACH5B,eAAA,CAAgBS,IAAA,EAAMM,SAAA,EAAWD,IAAA,EAAM;UAAAe,MAAA,EACnC;UAAAC,QAAA,EACC;UAAAC,IAAA,EACJ;UAAAC,QAAA,EACK;UAAAC,QAAA,EAET1B;;QAVH,MAAA2B,GAAA;;IAaJ;IAAA9B,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAW,SAAA;IAAAX,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAS,YAAA;IAAAT,CAAA,MAAAI,gBAAA;IAAAJ,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAO,kBAAA;IAAAP,CAAA,MAAAU,IAAA;IAAAV,CAAA,OAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAa,EAAA,KAAAG,MAAA,CAAAe,GAAA;IAAA,OAAAlB,EAAA;EAAA;EAAA,OAEO;AAAA,CACT","ignoreList":[]}