@wordpress/dataviews 5.0.0 → 6.0.0

package/build/dataform-controls/date.js

@@ -0,0 +1,385 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DateControl;
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _date = require("@wordpress/date");
+var _dateFns = require("date-fns");
+var _relativeDateControl = _interopRequireWildcard(require("./relative-date-control"));
+var _constants = require("../constants");
+var _lockUnlock = require("../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  DateCalendar,
+  DateRangeCalendar
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const DATE_PRESETS = [{
+  id: 'today',
+  label: (0, _i18n.__)('Today'),
+  getValue: () => (0, _date.getDate)(null)
+}, {
+  id: 'yesterday',
+  label: (0, _i18n.__)('Yesterday'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return (0, _dateFns.subDays)(today, 1);
+  }
+}, {
+  id: 'past-week',
+  label: (0, _i18n.__)('Past week'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return (0, _dateFns.subDays)(today, 7);
+  }
+}, {
+  id: 'past-month',
+  label: (0, _i18n.__)('Past month'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return (0, _dateFns.subMonths)(today, 1);
+  }
+}];
+const DATE_RANGE_PRESETS = [{
+  id: 'last-7-days',
+  label: (0, _i18n.__)('Last 7 days'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return [(0, _dateFns.subDays)(today, 7), today];
+  }
+}, {
+  id: 'last-30-days',
+  label: (0, _i18n.__)('Last 30 days'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return [(0, _dateFns.subDays)(today, 30), today];
+  }
+}, {
+  id: 'month-to-date',
+  label: (0, _i18n.__)('Month to date'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return [(0, _dateFns.startOfMonth)(today), today];
+  }
+}, {
+  id: 'last-year',
+  label: (0, _i18n.__)('Last year'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return [(0, _dateFns.subYears)(today, 1), today];
+  }
+}, {
+  id: 'year-to-date',
+  label: (0, _i18n.__)('Year to date'),
+  getValue: () => {
+    const today = (0, _date.getDate)(null);
+    return [(0, _dateFns.startOfYear)(today), today];
+  }
+}];
+const parseDate = dateString => {
+  if (!dateString) {
+    return null;
+  }
+  const parsed = (0, _date.getDate)(dateString);
+  return parsed && (0, _dateFns.isValid)(parsed) ? parsed : null;
+};
+const formatDate = date => {
+  if (!date) {
+    return '';
+  }
+  return typeof date === 'string' ? date : (0, _dateFns.format)(date, 'yyyy-MM-dd');
+};
+function CalendarDateControl({
+  id,
+  value,
+  onChange,
+  label,
+  hideLabelFromVision,
+  className
+}) {
+  const [selectedPresetId, setSelectedPresetId] = (0, _element.useState)(null);
+  const [calendarMonth, setCalendarMonth] = (0, _element.useState)(() => {
+    const parsedDate = parseDate(value);
+    return parsedDate || new Date(); // Default to current month
+  });
+  const onSelectDate = (0, _element.useCallback)(newDate => {
+    const dateValue = newDate ? (0, _dateFns.format)(newDate, 'yyyy-MM-dd') : undefined;
+    onChange({
+      [id]: dateValue
+    });
+    setSelectedPresetId(null);
+  }, [id, onChange]);
+  const handlePresetClick = (0, _element.useCallback)(preset => {
+    const presetDate = preset.getValue();
+    const dateValue = formatDate(presetDate);
+    setCalendarMonth(presetDate);
+    onChange({
+      [id]: dateValue
+    });
+    setSelectedPresetId(preset.id);
+  }, [id, onChange]);
+  const handleManualDateChange = (0, _element.useCallback)(newValue => {
+    onChange({
+      [id]: newValue
+    });
+    if (newValue) {
+      const parsedDate = parseDate(newValue);
+      if (parsedDate) {
+        setCalendarMonth(parsedDate);
+      }
+    }
+    setSelectedPresetId(null);
+  }, [id, onChange]);
+  const {
+    timezone: {
+      string: timezoneString
+    },
+    l10n: {
+      startOfWeek
+    }
+  } = (0, _date.getSettings)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
+    __nextHasNoMarginBottom: true,
+    id: id,
+    className: className,
+    label: label,
+    hideLabelFromVision: hideLabelFromVision,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        spacing: 2,
+        wrap: true,
+        justify: "flex-start",
+        children: [DATE_PRESETS.map(preset => {
+          const isSelected = selectedPresetId === preset.id;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            className: "dataviews-controls__date-preset",
+            variant: "tertiary",
+            isPressed: isSelected,
+            size: "small",
+            onClick: () => handlePresetClick(preset),
+            children: preset.label
+          }, preset.id);
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          className: "dataviews-controls__date-preset",
+          variant: "tertiary",
+          isPressed: !selectedPresetId,
+          size: "small",
+          disabled: !!selectedPresetId,
+          accessibleWhenDisabled: false,
+          children: (0, _i18n.__)('Custom')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+        __next40pxDefaultSize: true,
+        type: "date",
+        label: (0, _i18n.__)('Date'),
+        hideLabelFromVision: true,
+        value: value,
+        onChange: handleManualDateChange
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateCalendar, {
+        style: {
+          width: '100%'
+        },
+        selected: value ? parseDate(value) || undefined : undefined,
+        onSelect: onSelectDate,
+        month: calendarMonth,
+        onMonthChange: setCalendarMonth,
+        timeZone: timezoneString || undefined,
+        weekStartsOn: startOfWeek
+      })]
+    })
+  });
+}
+function CalendarDateRangeControl({
+  id,
+  value,
+  onChange,
+  label,
+  hideLabelFromVision,
+  className
+}) {
+  const [selectedPresetId, setSelectedPresetId] = (0, _element.useState)(null);
+  const selectedRange = (0, _element.useMemo)(() => {
+    if (!value) {
+      return {
+        from: undefined,
+        to: undefined
+      };
+    }
+    const [from, to] = value;
+    return {
+      from: parseDate(from) || undefined,
+      to: parseDate(to) || undefined
+    };
+  }, [value]);
+  const [calendarMonth, setCalendarMonth] = (0, _element.useState)(() => {
+    return selectedRange.from || new Date();
+  });
+  const updateDateRange = (0, _element.useCallback)((fromDate, toDate) => {
+    if (fromDate && toDate) {
+      onChange({
+        [id]: [formatDate(fromDate), formatDate(toDate)]
+      });
+    } else if (!fromDate && !toDate) {
+      onChange({
+        [id]: undefined
+      });
+    }
+    // Do nothing if only one date is set - wait for both
+  }, [id, onChange]);
+  const onSelectCalendarRange = (0, _element.useCallback)(newRange => {
+    updateDateRange(newRange?.from, newRange?.to);
+    setSelectedPresetId(null);
+  }, [updateDateRange]);
+  const handlePresetClick = (0, _element.useCallback)(preset => {
+    const [startDate, endDate] = preset.getValue();
+    setCalendarMonth(startDate);
+    updateDateRange(startDate, endDate);
+    setSelectedPresetId(preset.id);
+  }, [updateDateRange]);
+  const handleManualDateChange = (0, _element.useCallback)((fromOrTo, newValue) => {
+    const [currentFrom, currentTo] = value || [undefined, undefined];
+    const updatedFrom = fromOrTo === 'from' ? newValue : currentFrom;
+    const updatedTo = fromOrTo === 'to' ? newValue : currentTo;
+    updateDateRange(updatedFrom, updatedTo);
+    if (newValue) {
+      const parsedDate = parseDate(newValue);
+      if (parsedDate) {
+        setCalendarMonth(parsedDate);
+      }
+    }
+    setSelectedPresetId(null);
+  }, [value, updateDateRange]);
+  const {
+    timezone,
+    l10n
+  } = (0, _date.getSettings)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
+    __nextHasNoMarginBottom: true,
+    id: id,
+    className: className,
+    label: label,
+    hideLabelFromVision: hideLabelFromVision,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        spacing: 2,
+        wrap: true,
+        justify: "flex-start",
+        children: [DATE_RANGE_PRESETS.map(preset => {
+          const isSelected = selectedPresetId === preset.id;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            className: "dataviews-controls__date-preset",
+            variant: "tertiary",
+            isPressed: isSelected,
+            size: "small",
+            onClick: () => handlePresetClick(preset),
+            children: preset.label
+          }, preset.id);
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          className: "dataviews-controls__date-preset",
+          variant: "tertiary",
+          isPressed: !selectedPresetId,
+          size: "small",
+          accessibleWhenDisabled: false,
+          disabled: !!selectedPresetId,
+          children: (0, _i18n.__)('Custom')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        spacing: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+          __next40pxDefaultSize: true,
+          type: "date",
+          label: (0, _i18n.__)('From'),
+          hideLabelFromVision: true,
+          value: value?.[0],
+          onChange: newValue => handleManualDateChange('from', newValue)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+          __next40pxDefaultSize: true,
+          type: "date",
+          label: (0, _i18n.__)('To'),
+          hideLabelFromVision: true,
+          value: value?.[1],
+          onChange: newValue => handleManualDateChange('to', newValue)
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangeCalendar, {
+        style: {
+          width: '100%'
+        },
+        selected: selectedRange,
+        onSelect: onSelectCalendarRange,
+        month: calendarMonth,
+        onMonthChange: setCalendarMonth,
+        timeZone: timezone.string || undefined,
+        weekStartsOn: l10n.startOfWeek
+      })]
+    })
+  });
+}
+function DateControl({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision,
+  operator
+}) {
+  const {
+    id,
+    label
+  } = field;
+  const value = field.getValue({
+    item: data
+  });
+  if (operator === _constants.OPERATOR_IN_THE_PAST || operator === _constants.OPERATOR_OVER) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeDateControl.default, {
+      className: "dataviews-controls__date",
+      id: id,
+      value: value && typeof value === 'object' ? value : {},
+      onChange: onChange,
+      label: label,
+      hideLabelFromVision: hideLabelFromVision,
+      options: _relativeDateControl.TIME_UNITS_OPTIONS[operator]
+    });
+  }
+  if (operator === _constants.OPERATOR_BETWEEN) {
+    let dateRangeValue;
+    if (Array.isArray(value) && value.length === 2 && value.every(date => typeof date === 'string')) {
+      // Ensure the value is expected format
+      dateRangeValue = value;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarDateRangeControl, {
+      className: "dataviews-controls__date",
+      id: id,
+      value: dateRangeValue,
+      onChange: onChange,
+      label: label,
+      hideLabelFromVision: hideLabelFromVision
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarDateControl, {
+    className: "dataviews-controls__date",
+    id: id,
+    value: typeof value === 'string' ? value : undefined,
+    onChange: onChange,
+    label: label,
+    hideLabelFromVision: hideLabelFromVision
+  });
+}
+//# sourceMappingURL=date.js.map

package/build/dataform-controls/date.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_element","_i18n","_date","_dateFns","_relativeDateControl","_interopRequireWildcard","_constants","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateCalendar","DateRangeCalendar","unlock","componentsPrivateApis","DATE_PRESETS","id","label","__","getValue","getDate","today","subDays","subMonths","DATE_RANGE_PRESETS","startOfMonth","subYears","startOfYear","parseDate","dateString","parsed","isValid","formatDate","date","format","CalendarDateControl","value","onChange","hideLabelFromVision","className","selectedPresetId","setSelectedPresetId","useState","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","useCallback","newDate","dateValue","undefined","handlePresetClick","preset","presetDate","handleManualDateChange","newValue","timezone","string","timezoneString","l10n","startOfWeek","getSettings","jsx","BaseControl","__nextHasNoMarginBottom","children","jsxs","__experimentalVStack","spacing","__experimentalHStack","wrap","justify","map","isSelected","Button","variant","isPressed","size","onClick","disabled","accessibleWhenDisabled","__experimentalInputControl","__next40pxDefaultSize","type","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","CalendarDateRangeControl","selectedRange","useMemo","from","to","updateDateRange","fromDate","toDate","onSelectCalendarRange","newRange","startDate","endDate","fromOrTo","currentFrom","currentTo","updatedFrom","updatedTo","DateControl","data","field","operator","item","OPERATOR_IN_THE_PAST","OPERATOR_OVER","options","TIME_UNITS_OPTIONS","OPERATOR_BETWEEN","dateRangeValue","Array","isArray","length","every"],"sources":["@wordpress/dataviews/src/dataform-controls/date.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport {\n\tformat,\n\tisValid,\n\tsubMonths,\n\tsubDays,\n\tsubYears,\n\tstartOfMonth,\n\tstartOfYear,\n} from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n} from './relative-date-control';\nimport {\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport { unlock } from '../lock-unlock';\nimport type { DataFormControlProps } from '../types';\n\nconst { DateCalendar, DateRangeCalendar } = unlock( componentsPrivateApis );\n\nconst DATE_PRESETS: {\n\tid: string;\n\tlabel: string;\n\tgetValue: () => Date;\n}[] = [\n\t{\n\t\tid: 'today',\n\t\tlabel: __( 'Today' ),\n\t\tgetValue: () => getDate( null ),\n\t},\n\t{\n\t\tid: 'yesterday',\n\t\tlabel: __( 'Yesterday' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 1 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-week',\n\t\tlabel: __( 'Past week' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 7 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-month',\n\t\tlabel: __( 'Past month' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subMonths( today, 1 );\n\t\t},\n\t},\n];\n\nconst DATE_RANGE_PRESETS = [\n\t{\n\t\tid: 'last-7-days',\n\t\tlabel: __( 'Last 7 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 7 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-30-days',\n\t\tlabel: __( 'Last 30 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 30 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'month-to-date',\n\t\tlabel: __( 'Month to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfMonth( today ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-year',\n\t\tlabel: __( 'Last year' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subYears( today, 1 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'year-to-date',\n\t\tlabel: __( 'Year to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfYear( today ), today ];\n\t\t},\n\t},\n];\n\nconst parseDate = ( dateString?: string ): Date | null => {\n\tif ( ! dateString ) {\n\t\treturn null;\n\t}\n\tconst parsed = getDate( dateString );\n\treturn parsed && isValid( parsed ) ? parsed : null;\n};\n\nconst formatDate = ( date?: Date | string ): string => {\n\tif ( ! date ) {\n\t\treturn '';\n\t}\n\treturn typeof date === 'string' ? date : format( date, 'yyyy-MM-dd' );\n};\n\nfunction CalendarDateControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: string | undefined;\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\tconst parsedDate = parseDate( value );\n\t\treturn parsedDate || new Date(); // Default to current month\n\t} );\n\n\tconst onSelectDate = useCallback(\n\t\t( newDate: Date | undefined | null ) => {\n\t\t\tconst dateValue = newDate\n\t\t\t\t? format( newDate, 'yyyy-MM-dd' )\n\t\t\t\t: undefined;\n\t\t\tonChange( { [ id ]: dateValue } );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_PRESETS )[ 0 ] ) => {\n\t\t\tconst presetDate = preset.getValue();\n\t\t\tconst dateValue = formatDate( presetDate );\n\n\t\t\tsetCalendarMonth( presetDate );\n\t\t\tonChange( { [ id ]: dateValue } );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tonChange( { [ id ]: newValue } );\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst {\n\t\ttimezone: { string: timezoneString },\n\t\tl10n: { startOfWeek },\n\t} = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date input */ }\n\t\t\t\t<InputControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tlabel={ __( 'Date' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleManualDateChange }\n\t\t\t\t/>\n\n\t\t\t\t{ /* Calendar widget */ }\n\t\t\t\t<DateCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={\n\t\t\t\t\t\tvalue ? parseDate( value ) || undefined : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ onSelectDate }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezoneString || undefined }\n\t\t\t\t\tweekStartsOn={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nfunction CalendarDateRangeControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: [ string, string ] | undefined;\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst selectedRange = useMemo( () => {\n\t\tif ( ! value ) {\n\t\t\treturn { from: undefined, to: undefined };\n\t\t}\n\n\t\tconst [ from, to ] = value;\n\t\treturn {\n\t\t\tfrom: parseDate( from ) || undefined,\n\t\t\tto: parseDate( to ) || undefined,\n\t\t};\n\t}, [ value ] );\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\treturn selectedRange.from || new Date();\n\t} );\n\n\tconst updateDateRange = useCallback(\n\t\t( fromDate?: Date | string, toDate?: Date | string ) => {\n\t\t\tif ( fromDate && toDate ) {\n\t\t\t\tonChange( {\n\t\t\t\t\t[ id ]: [ formatDate( fromDate ), formatDate( toDate ) ],\n\t\t\t\t} );\n\t\t\t} else if ( ! fromDate && ! toDate ) {\n\t\t\t\tonChange( { [ id ]: undefined } );\n\t\t\t}\n\t\t\t// Do nothing if only one date is set - wait for both\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst onSelectCalendarRange = useCallback(\n\t\t(\n\t\t\tnewRange:\n\t\t\t\t| { from: Date | undefined; to?: Date | undefined }\n\t\t\t\t| undefined\n\t\t) => {\n\t\t\tupdateDateRange( newRange?.from, newRange?.to );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_RANGE_PRESETS )[ 0 ] ) => {\n\t\t\tconst [ startDate, endDate ] = preset.getValue();\n\t\t\tsetCalendarMonth( startDate );\n\t\t\tupdateDateRange( startDate, endDate );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( fromOrTo: 'from' | 'to', newValue?: string ) => {\n\t\t\tconst [ currentFrom, currentTo ] = value || [\n\t\t\t\tundefined,\n\t\t\t\tundefined,\n\t\t\t];\n\t\t\tconst updatedFrom = fromOrTo === 'from' ? newValue : currentFrom;\n\t\t\tconst updatedTo = fromOrTo === 'to' ? newValue : currentTo;\n\n\t\t\tupdateDateRange( updatedFrom, updatedTo );\n\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ value, updateDateRange ]\n\t);\n\n\tconst { timezone, l10n } = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_RANGE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date range inputs */ }\n\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'From' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 0 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'from', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'To' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 1 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'to', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\n\t\t\t\t<DateRangeCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={ selectedRange }\n\t\t\t\t\tonSelect={ onSelectCalendarRange }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezone.string || undefined }\n\t\t\t\t\tweekStartsOn={ l10n.startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default function DateControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( operator === OPERATOR_BETWEEN ) {\n\t\tlet dateRangeValue: [ string, string ] | undefined;\n\t\tif (\n\t\t\tArray.isArray( value ) &&\n\t\t\tvalue.length === 2 &&\n\t\t\tvalue.every( ( date ) => typeof date === 'string' )\n\t\t) {\n\t\t\t// Ensure the value is expected format\n\t\t\tdateRangeValue = value as unknown as [ string, string ];\n\t\t}\n\n\t\treturn (\n\t\t\t<CalendarDateRangeControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ dateRangeValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<CalendarDateControl\n\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\tid={ id }\n\t\t\tvalue={ typeof value === 'string' ? value : undefined }\n\t\t\tonChange={ onChange }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataform-controls/datetime.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = DateTime;
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
 var _constants = require("../constants");
+var _relativeDateControl = _interopRequireWildcard(require("./relative-date-control"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * WordPress dependencies
  */
@@ -17,87 +19,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const TIME_UNITS_OPTIONS = {
-  [_constants.OPERATOR_IN_THE_PAST]: [{
-    value: 'days',
-    label: (0, _i18n.__)('Days')
-  }, {
-    value: 'weeks',
-    label: (0, _i18n.__)('Weeks')
-  }, {
-    value: 'months',
-    label: (0, _i18n.__)('Months')
-  }, {
-    value: 'years',
-    label: (0, _i18n.__)('Years')
-  }],
-  [_constants.OPERATOR_OVER]: [{
-    value: 'days',
-    label: (0, _i18n.__)('Days ago')
-  }, {
-    value: 'weeks',
-    label: (0, _i18n.__)('Weeks ago')
-  }, {
-    value: 'months',
-    label: (0, _i18n.__)('Months ago')
-  }, {
-    value: 'years',
-    label: (0, _i18n.__)('Years ago')
-  }]
-};
-function RelativeDateControls({
-  id,
-  value,
-  onChange,
-  label,
-  hideLabelFromVision,
-  options
-}) {
-  const {
-    value: relValue = '',
-    unit = options[0].value
-  } = value;
-  const onChangeValue = (0, _element.useCallback)(newValue => onChange({
-    [id]: {
-      value: Number(newValue),
-      unit
-    }
-  }), [id, onChange, unit]);
-  const onChangeUnit = (0, _element.useCallback)(newUnit => onChange({
-    [id]: {
-      value: relValue,
-      unit: newUnit
-    }
-  }), [id, onChange, relValue]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
-    id: id,
-    __nextHasNoMarginBottom: true,
-    className: "dataviews-controls__datetime",
-    label: label,
-    hideLabelFromVision: hideLabelFromVision,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      spacing: 2.5,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
-        __next40pxDefaultSize: true,
-        className: "dataviews-controls__datetime-number",
-        spinControls: "none",
-        min: 1,
-        step: 1,
-        value: relValue,
-        onChange: onChangeValue
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
-        className: "dataviews-controls__datetime-unit",
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label: (0, _i18n.__)('Unit'),
-        value: unit,
-        options: options,
-        onChange: onChangeUnit,
-        hideLabelFromVision: true
-      })]
-    })
-  });
-}
 function DateTime({
   data,
   field,
@@ -116,13 +37,13 @@ function DateTime({
     [id]: newValue
   }), [id, onChange]);
   if (operator === _constants.OPERATOR_IN_THE_PAST || operator === _constants.OPERATOR_OVER) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RelativeDateControls, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeDateControl.default, {
       id: id,
       value: value && typeof value === 'object' ? value : {},
       onChange: onChange,
       label: label,
       hideLabelFromVision: hideLabelFromVision,
-      options: TIME_UNITS_OPTIONS[operator]
+      options: _relativeDateControl.TIME_UNITS_OPTIONS[operator]
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {

package/build/dataform-controls/datetime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","_constants","_jsxRuntime","TIME_UNITS_OPTIONS","OPERATOR_IN_THE_PAST","value","label","__","OPERATOR_OVER","RelativeDateControls","id","onChange","hideLabelFromVision","options","relValue","unit","onChangeValue","useCallback","newValue","Number","onChangeUnit","newUnit","jsx","BaseControl","__nextHasNoMarginBottom","className","children","jsxs","__experimentalHStack","spacing","__experimentalNumberControl","__next40pxDefaultSize","spinControls","min","step","SelectControl","DateTime","data","field","operator","getValue","item","onChangeControl","VisualLabel","as","VisuallyHidden","TimePicker","currentTime","undefined"],"sources":["@wordpress/dataviews/src/dataform-controls/datetime.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tTimePicker,\n\tVisuallyHidden,\n\tSelectControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';\n\nconst TIME_UNITS_OPTIONS = {\n\t[ OPERATOR_IN_THE_PAST ]: [\n\t\t{ value: 'days', label: __( 'Days' ) },\n\t\t{ value: 'weeks', label: __( 'Weeks' ) },\n\t\t{ value: 'months', label: __( 'Months' ) },\n\t\t{ value: 'years', label: __( 'Years' ) },\n\t],\n\t[ OPERATOR_OVER ]: [\n\t\t{ value: 'days', label: __( 'Days ago' ) },\n\t\t{ value: 'weeks', label: __( 'Weeks ago' ) },\n\t\t{ value: 'months', label: __( 'Months ago' ) },\n\t\t{ value: 'years', label: __( 'Years ago' ) },\n\t],\n};\n\nfunction RelativeDateControls( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\toptions,\n}: {\n\tid: string;\n\tvalue: { value?: string | number; unit?: string };\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\toptions: { value: string; label: string }[];\n} ) {\n\tconst { value: relValue = '', unit = options[ 0 ].value } = value;\n\n\tconst onChangeValue = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: { value: Number( newValue ), unit },\n\t\t\t} ),\n\t\t[ id, onChange, unit ]\n\t);\n\n\tconst onChangeUnit = useCallback(\n\t\t( newUnit: string | undefined ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: { value: relValue, unit: newUnit },\n\t\t\t} ),\n\t\t[ id, onChange, relValue ]\n\t);\n\n\treturn (\n\t\t<BaseControl\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"dataviews-controls__datetime\"\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<HStack spacing={ 2.5 }>\n\t\t\t\t<NumberControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"dataviews-controls__datetime-number\"\n\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\tmin={ 1 }\n\t\t\t\t\tstep={ 1 }\n\t\t\t\t\tvalue={ relValue }\n\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tclassName=\"dataviews-controls__datetime-unit\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Unit' ) }\n\t\t\t\t\tvalue={ unit }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tonChange={ onChangeUnit }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default function DateTime< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string | null ) => onChange( { [ id ]: newValue } ),\n\t\t[ id, onChange ]\n\t);\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControls\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<fieldset className=\"dataviews-controls__datetime\">\n\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\t\t\t{ hideLabelFromVision && (\n\t\t\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t\t\t) }\n\t\t\t<TimePicker\n\t\t\t\tcurrentTime={ typeof value === 'string' ? value : undefined }\n\t\t\t\tonChange={ onChangeControl }\n\t\t\t\thideLabelFromVision\n\t\t\t/>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_constants","_relativeDateControl","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateTime","data","field","onChange","hideLabelFromVision","operator","id","label","value","getValue","item","onChangeControl","useCallback","newValue","OPERATOR_IN_THE_PAST","OPERATOR_OVER","jsx","options","TIME_UNITS_OPTIONS","jsxs","className","children","BaseControl","VisualLabel","as","VisuallyHidden","TimePicker","currentTime","undefined"],"sources":["@wordpress/dataviews/src/dataform-controls/datetime.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BaseControl, TimePicker, VisuallyHidden } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n} from './relative-date-control';\n\nexport default function DateTime< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string | null ) => onChange( { [ id ]: newValue } ),\n\t\t[ id, onChange ]\n\t);\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<fieldset className=\"dataviews-controls__datetime\">\n\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\t\t\t{ hideLabelFromVision && (\n\t\t\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t\t\t) }\n\t\t\t<TimePicker\n\t\t\t\tcurrentTime={ typeof value === 'string' ? value : undefined }\n\t\t\t\tonChange={ onChangeControl }\n\t\t\t\thideLabelFromVision\n\t\t\t/>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataform-controls/email.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Email;
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
+var _lockUnlock = require("../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -15,6 +16,9 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+const {
+  ValidatedTextControl
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 function Email({
   data,
   field,
@@ -33,7 +37,17 @@ function Email({
   const onChangeControl = (0, _element.useCallback)(newValue => onChange({
     [id]: newValue
   }), [id, onChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ValidatedTextControl, {
+    required: !!field.isValid?.required,
+    customValidator: newValue => {
+      if (field.isValid?.custom) {
+        return field.isValid.custom({
+          ...data,
+          [id]: newValue
+        }, field);
+      }
+      return null;
+    },
     type: "email",
     label: label,
     placeholder: placeholder,