@wordpress/dataviews 5.0.0 → 6.0.0

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

@@ -0,0 +1,376 @@
+/**
+ * WordPress dependencies
+ */
+import { BaseControl, Button, privateApis as componentsPrivateApis, __experimentalInputControl as InputControl, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
+import { useCallback, useMemo, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { getDate, getSettings } from '@wordpress/date';
+
+/**
+ * External dependencies
+ */
+import { format, isValid, subMonths, subDays, subYears, startOfMonth, startOfYear } from 'date-fns';
+
+/**
+ * Internal dependencies
+ */
+import RelativeDateControl, { TIME_UNITS_OPTIONS } from './relative-date-control';
+import { OPERATOR_IN_THE_PAST, OPERATOR_OVER, OPERATOR_BETWEEN } from '../constants';
+import { unlock } from '../lock-unlock';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  DateCalendar,
+  DateRangeCalendar
+} = unlock(componentsPrivateApis);
+const DATE_PRESETS = [{
+  id: 'today',
+  label: __('Today'),
+  getValue: () => getDate(null)
+}, {
+  id: 'yesterday',
+  label: __('Yesterday'),
+  getValue: () => {
+    const today = getDate(null);
+    return subDays(today, 1);
+  }
+}, {
+  id: 'past-week',
+  label: __('Past week'),
+  getValue: () => {
+    const today = getDate(null);
+    return subDays(today, 7);
+  }
+}, {
+  id: 'past-month',
+  label: __('Past month'),
+  getValue: () => {
+    const today = getDate(null);
+    return subMonths(today, 1);
+  }
+}];
+const DATE_RANGE_PRESETS = [{
+  id: 'last-7-days',
+  label: __('Last 7 days'),
+  getValue: () => {
+    const today = getDate(null);
+    return [subDays(today, 7), today];
+  }
+}, {
+  id: 'last-30-days',
+  label: __('Last 30 days'),
+  getValue: () => {
+    const today = getDate(null);
+    return [subDays(today, 30), today];
+  }
+}, {
+  id: 'month-to-date',
+  label: __('Month to date'),
+  getValue: () => {
+    const today = getDate(null);
+    return [startOfMonth(today), today];
+  }
+}, {
+  id: 'last-year',
+  label: __('Last year'),
+  getValue: () => {
+    const today = getDate(null);
+    return [subYears(today, 1), today];
+  }
+}, {
+  id: 'year-to-date',
+  label: __('Year to date'),
+  getValue: () => {
+    const today = getDate(null);
+    return [startOfYear(today), today];
+  }
+}];
+const parseDate = dateString => {
+  if (!dateString) {
+    return null;
+  }
+  const parsed = getDate(dateString);
+  return parsed && isValid(parsed) ? parsed : null;
+};
+const formatDate = date => {
+  if (!date) {
+    return '';
+  }
+  return typeof date === 'string' ? date : format(date, 'yyyy-MM-dd');
+};
+function CalendarDateControl({
+  id,
+  value,
+  onChange,
+  label,
+  hideLabelFromVision,
+  className
+}) {
+  const [selectedPresetId, setSelectedPresetId] = useState(null);
+  const [calendarMonth, setCalendarMonth] = useState(() => {
+    const parsedDate = parseDate(value);
+    return parsedDate || new Date(); // Default to current month
+  });
+  const onSelectDate = useCallback(newDate => {
+    const dateValue = newDate ? format(newDate, 'yyyy-MM-dd') : undefined;
+    onChange({
+      [id]: dateValue
+    });
+    setSelectedPresetId(null);
+  }, [id, onChange]);
+  const handlePresetClick = useCallback(preset => {
+    const presetDate = preset.getValue();
+    const dateValue = formatDate(presetDate);
+    setCalendarMonth(presetDate);
+    onChange({
+      [id]: dateValue
+    });
+    setSelectedPresetId(preset.id);
+  }, [id, onChange]);
+  const handleManualDateChange = 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
+    }
+  } = getSettings();
+  return /*#__PURE__*/_jsx(BaseControl, {
+    __nextHasNoMarginBottom: true,
+    id: id,
+    className: className,
+    label: label,
+    hideLabelFromVision: hideLabelFromVision,
+    children: /*#__PURE__*/_jsxs(VStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/_jsxs(HStack, {
+        spacing: 2,
+        wrap: true,
+        justify: "flex-start",
+        children: [DATE_PRESETS.map(preset => {
+          const isSelected = selectedPresetId === preset.id;
+          return /*#__PURE__*/_jsx(Button, {
+            className: "dataviews-controls__date-preset",
+            variant: "tertiary",
+            isPressed: isSelected,
+            size: "small",
+            onClick: () => handlePresetClick(preset),
+            children: preset.label
+          }, preset.id);
+        }), /*#__PURE__*/_jsx(Button, {
+          className: "dataviews-controls__date-preset",
+          variant: "tertiary",
+          isPressed: !selectedPresetId,
+          size: "small",
+          disabled: !!selectedPresetId,
+          accessibleWhenDisabled: false,
+          children: __('Custom')
+        })]
+      }), /*#__PURE__*/_jsx(InputControl, {
+        __next40pxDefaultSize: true,
+        type: "date",
+        label: __('Date'),
+        hideLabelFromVision: true,
+        value: value,
+        onChange: handleManualDateChange
+      }), /*#__PURE__*/_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] = useState(null);
+  const selectedRange = 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] = useState(() => {
+    return selectedRange.from || new Date();
+  });
+  const updateDateRange = 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 = useCallback(newRange => {
+    updateDateRange(newRange?.from, newRange?.to);
+    setSelectedPresetId(null);
+  }, [updateDateRange]);
+  const handlePresetClick = useCallback(preset => {
+    const [startDate, endDate] = preset.getValue();
+    setCalendarMonth(startDate);
+    updateDateRange(startDate, endDate);
+    setSelectedPresetId(preset.id);
+  }, [updateDateRange]);
+  const handleManualDateChange = 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
+  } = getSettings();
+  return /*#__PURE__*/_jsx(BaseControl, {
+    __nextHasNoMarginBottom: true,
+    id: id,
+    className: className,
+    label: label,
+    hideLabelFromVision: hideLabelFromVision,
+    children: /*#__PURE__*/_jsxs(VStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/_jsxs(HStack, {
+        spacing: 2,
+        wrap: true,
+        justify: "flex-start",
+        children: [DATE_RANGE_PRESETS.map(preset => {
+          const isSelected = selectedPresetId === preset.id;
+          return /*#__PURE__*/_jsx(Button, {
+            className: "dataviews-controls__date-preset",
+            variant: "tertiary",
+            isPressed: isSelected,
+            size: "small",
+            onClick: () => handlePresetClick(preset),
+            children: preset.label
+          }, preset.id);
+        }), /*#__PURE__*/_jsx(Button, {
+          className: "dataviews-controls__date-preset",
+          variant: "tertiary",
+          isPressed: !selectedPresetId,
+          size: "small",
+          accessibleWhenDisabled: false,
+          disabled: !!selectedPresetId,
+          children: __('Custom')
+        })]
+      }), /*#__PURE__*/_jsxs(HStack, {
+        spacing: 2,
+        children: [/*#__PURE__*/_jsx(InputControl, {
+          __next40pxDefaultSize: true,
+          type: "date",
+          label: __('From'),
+          hideLabelFromVision: true,
+          value: value?.[0],
+          onChange: newValue => handleManualDateChange('from', newValue)
+        }), /*#__PURE__*/_jsx(InputControl, {
+          __next40pxDefaultSize: true,
+          type: "date",
+          label: __('To'),
+          hideLabelFromVision: true,
+          value: value?.[1],
+          onChange: newValue => handleManualDateChange('to', newValue)
+        })]
+      }), /*#__PURE__*/_jsx(DateRangeCalendar, {
+        style: {
+          width: '100%'
+        },
+        selected: selectedRange,
+        onSelect: onSelectCalendarRange,
+        month: calendarMonth,
+        onMonthChange: setCalendarMonth,
+        timeZone: timezone.string || undefined,
+        weekStartsOn: l10n.startOfWeek
+      })]
+    })
+  });
+}
+export default function DateControl({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision,
+  operator
+}) {
+  const {
+    id,
+    label
+  } = field;
+  const value = field.getValue({
+    item: data
+  });
+  if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
+    return /*#__PURE__*/_jsx(RelativeDateControl, {
+      className: "dataviews-controls__date",
+      id: id,
+      value: value && typeof value === 'object' ? value : {},
+      onChange: onChange,
+      label: label,
+      hideLabelFromVision: hideLabelFromVision,
+      options: TIME_UNITS_OPTIONS[operator]
+    });
+  }
+  if (operator === 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__*/_jsx(CalendarDateRangeControl, {
+      className: "dataviews-controls__date",
+      id: id,
+      value: dateRangeValue,
+      onChange: onChange,
+      label: label,
+      hideLabelFromVision: hideLabelFromVision
+    });
+  }
+  return /*#__PURE__*/_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-module/dataform-controls/date.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseControl","Button","privateApis","componentsPrivateApis","__experimentalInputControl","InputControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useCallback","useMemo","useState","__","getDate","getSettings","format","isValid","subMonths","subDays","subYears","startOfMonth","startOfYear","RelativeDateControl","TIME_UNITS_OPTIONS","OPERATOR_IN_THE_PAST","OPERATOR_OVER","OPERATOR_BETWEEN","unlock","jsx","_jsx","jsxs","_jsxs","DateCalendar","DateRangeCalendar","DATE_PRESETS","id","label","getValue","today","DATE_RANGE_PRESETS","parseDate","dateString","parsed","formatDate","date","CalendarDateControl","value","onChange","hideLabelFromVision","className","selectedPresetId","setSelectedPresetId","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","newDate","dateValue","undefined","handlePresetClick","preset","presetDate","handleManualDateChange","newValue","timezone","string","timezoneString","l10n","startOfWeek","__nextHasNoMarginBottom","children","spacing","wrap","justify","map","isSelected","variant","isPressed","size","onClick","disabled","accessibleWhenDisabled","__next40pxDefaultSize","type","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","CalendarDateRangeControl","selectedRange","from","to","updateDateRange","fromDate","toDate","onSelectCalendarRange","newRange","startDate","endDate","fromOrTo","currentFrom","currentTo","updatedFrom","updatedTo","DateControl","data","field","operator","item","options","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-module/dataform-controls/datetime.js

@@ -1,97 +1,16 @@
 /**
  * WordPress dependencies
  */
-import { BaseControl, TimePicker, VisuallyHidden, SelectControl, __experimentalNumberControl as NumberControl, __experimentalHStack as HStack } from '@wordpress/components';
+import { BaseControl, TimePicker, VisuallyHidden } from '@wordpress/components';
 import { useCallback } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
 
 import { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';
+import RelativeDateControl, { TIME_UNITS_OPTIONS } from './relative-date-control';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TIME_UNITS_OPTIONS = {
-  [OPERATOR_IN_THE_PAST]: [{
-    value: 'days',
-    label: __('Days')
-  }, {
-    value: 'weeks',
-    label: __('Weeks')
-  }, {
-    value: 'months',
-    label: __('Months')
-  }, {
-    value: 'years',
-    label: __('Years')
-  }],
-  [OPERATOR_OVER]: [{
-    value: 'days',
-    label: __('Days ago')
-  }, {
-    value: 'weeks',
-    label: __('Weeks ago')
-  }, {
-    value: 'months',
-    label: __('Months ago')
-  }, {
-    value: 'years',
-    label: __('Years ago')
-  }]
-};
-function RelativeDateControls({
-  id,
-  value,
-  onChange,
-  label,
-  hideLabelFromVision,
-  options
-}) {
-  const {
-    value: relValue = '',
-    unit = options[0].value
-  } = value;
-  const onChangeValue = useCallback(newValue => onChange({
-    [id]: {
-      value: Number(newValue),
-      unit
-    }
-  }), [id, onChange, unit]);
-  const onChangeUnit = useCallback(newUnit => onChange({
-    [id]: {
-      value: relValue,
-      unit: newUnit
-    }
-  }), [id, onChange, relValue]);
-  return /*#__PURE__*/_jsx(BaseControl, {
-    id: id,
-    __nextHasNoMarginBottom: true,
-    className: "dataviews-controls__datetime",
-    label: label,
-    hideLabelFromVision: hideLabelFromVision,
-    children: /*#__PURE__*/_jsxs(HStack, {
-      spacing: 2.5,
-      children: [/*#__PURE__*/_jsx(NumberControl, {
-        __next40pxDefaultSize: true,
-        className: "dataviews-controls__datetime-number",
-        spinControls: "none",
-        min: 1,
-        step: 1,
-        value: relValue,
-        onChange: onChangeValue
-      }), /*#__PURE__*/_jsx(SelectControl, {
-        className: "dataviews-controls__datetime-unit",
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label: __('Unit'),
-        value: unit,
-        options: options,
-        onChange: onChangeUnit,
-        hideLabelFromVision: true
-      })]
-    })
-  });
-}
 export default function DateTime({
   data,
   field,
@@ -110,7 +29,7 @@ export default function DateTime({
     [id]: newValue
   }), [id, onChange]);
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
-    return /*#__PURE__*/_jsx(RelativeDateControls, {
+    return /*#__PURE__*/_jsx(RelativeDateControl, {
       id: id,
       value: value && typeof value === 'object' ? value : {},
       onChange: onChange,

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

@@ -1 +1 @@
-{"version":3,"names":["BaseControl","TimePicker","VisuallyHidden","SelectControl","__experimentalNumberControl","NumberControl","__experimentalHStack","HStack","useCallback","__","OPERATOR_IN_THE_PAST","OPERATOR_OVER","jsx","_jsx","jsxs","_jsxs","TIME_UNITS_OPTIONS","value","label","RelativeDateControls","id","onChange","hideLabelFromVision","options","relValue","unit","onChangeValue","newValue","Number","onChangeUnit","newUnit","__nextHasNoMarginBottom","className","children","spacing","__next40pxDefaultSize","spinControls","min","step","DateTime","data","field","operator","getValue","item","onChangeControl","VisualLabel","as","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":["BaseControl","TimePicker","VisuallyHidden","useCallback","OPERATOR_IN_THE_PAST","OPERATOR_OVER","RelativeDateControl","TIME_UNITS_OPTIONS","jsx","_jsx","jsxs","_jsxs","DateTime","data","field","onChange","hideLabelFromVision","operator","id","label","value","getValue","item","onChangeControl","newValue","options","className","children","VisualLabel","as","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":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,UAAU,EAAEC,cAAc,QAAQ,uBAAuB;AAC/E,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;;AAEA,SAASC,oBAAoB,EAAEC,aAAa,QAAQ,cAAc;AAClE,OAAOC,mBAAmB,IACzBC,kBAAkB,QACZ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,eAAe,SAASC,QAAQA,CAAU;EACzCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,mBAAmB;EACnBC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAC,GAAGL,KAAK;EAC3B,MAAMM,KAAK,GAAGN,KAAK,CAACO,QAAQ,CAAE;IAAEC,IAAI,EAAET;EAAK,CAAE,CAAC;EAE9C,MAAMU,eAAe,GAAGpB,WAAW,CAChCqB,QAAuB,IAAMT,QAAQ,CAAE;IAAE,CAAEG,EAAE,GAAIM;EAAS,CAAE,CAAC,EAC/D,CAAEN,EAAE,EAAEH,QAAQ,CACf,CAAC;EAED,IAAKE,QAAQ,KAAKb,oBAAoB,IAAIa,QAAQ,KAAKZ,aAAa,EAAG;IACtE,oBACCI,IAAA,CAACH,mBAAmB;MACnBY,EAAE,EAAGA,EAAI;MACTE,KAAK,EAAGA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC,CAAG;MACzDL,QAAQ,EAAGA,QAAU;MACrBI,KAAK,EAAGA,KAAO;MACfH,mBAAmB,EAAGA,mBAAqB;MAC3CS,OAAO,EAAGlB,kBAAkB,CAAEU,QAAQ;IAAI,CAC1C,CAAC;EAEJ;EAEA,oBACCN,KAAA;IAAUe,SAAS,EAAC,8BAA8B;IAAAC,QAAA,GAC/C,CAAEX,mBAAmB,iBACtBP,IAAA,CAACT,WAAW,CAAC4B,WAAW;MAACC,EAAE,EAAC,QAAQ;MAAAF,QAAA,EACjCR;IAAK,CACiB,CACzB,EACCH,mBAAmB,iBACpBP,IAAA,CAACP,cAAc;MAAC2B,EAAE,EAAC,QAAQ;MAAAF,QAAA,EAAGR;IAAK,CAAkB,CACrD,eACDV,IAAA,CAACR,UAAU;MACV6B,WAAW,EAAG,OAAOV,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGW,SAAW;MAC7DhB,QAAQ,EAAGQ,eAAiB;MAC5BP,mBAAmB;IAAA,CACnB,CAAC;EAAA,CACO,CAAC;AAEb","ignoreList":[]}

package/build-module/dataform-controls/email.js

@@ -1,13 +1,18 @@
 /**
  * WordPress dependencies
  */
-import { TextControl } from '@wordpress/components';
+import { privateApis } from '@wordpress/components';
 import { useCallback } from '@wordpress/element';
 
 /**
  * Internal dependencies
  */
+
+import { unlock } from '../lock-unlock';
 import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  ValidatedTextControl
+} = unlock(privateApis);
 export default function Email({
   data,
   field,
@@ -26,7 +31,17 @@ export default function Email({
   const onChangeControl = useCallback(newValue => onChange({
     [id]: newValue
   }), [id, onChange]);
-  return /*#__PURE__*/_jsx(TextControl, {
+  return /*#__PURE__*/_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,

package/build-module/dataform-controls/email.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextControl","useCallback","jsx","_jsx","Email","data","field","onChange","hideLabelFromVision","id","label","placeholder","description","value","getValue","item","onChangeControl","newValue","type","help","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/email.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { TextControl } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function Email< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, placeholder, description } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\treturn (\n\t\t<TextControl\n\t\t\ttype=\"email\"\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value ?? '' }\n\t\t\thelp={ description }\n\t\t\tonChange={ onChangeControl }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,uBAAuB;AACnD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,KAAKA,CAAU;EACtCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGN,KAAK;EACrD,MAAMO,KAAK,GAAGP,KAAK,CAACQ,QAAQ,CAAE;IAAEC,IAAI,EAAEV;EAAK,CAAE,CAAC;EAE9C,MAAMW,eAAe,GAAGf,WAAW,CAChCgB,QAAgB,IACjBV,QAAQ,CAAE;IACT,CAAEE,EAAE,GAAIQ;EACT,CAAE,CAAC,EACJ,CAAER,EAAE,EAAEF,QAAQ,CACf,CAAC;EAED,oBACCJ,IAAA,CAACH,WAAW;IACXkB,IAAI,EAAC,OAAO;IACZR,KAAK,EAAGA,KAAO;IACfC,WAAW,EAAGA,WAAa;IAC3BE,KAAK,EAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAI;IACrBM,IAAI,EAAGP,WAAa;IACpBL,QAAQ,EAAGS,eAAiB;IAC5BI,qBAAqB;IACrBC,uBAAuB;IACvBb,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["privateApis","useCallback","unlock","jsx","_jsx","ValidatedTextControl","Email","data","field","onChange","hideLabelFromVision","id","label","placeholder","description","value","getValue","item","onChangeControl","newValue","required","isValid","customValidator","custom","type","help","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/email.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedTextControl } = unlock( privateApis );\n\nexport default function Email< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, placeholder, description } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\treturn (\n\t\t<ValidatedTextControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tcustomValidator={ ( newValue: any ) => {\n\t\t\t\tif ( field.isValid?.custom ) {\n\t\t\t\t\treturn field.isValid.custom(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...data,\n\t\t\t\t\t\t\t[ id ]: newValue,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tfield\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t} }\n\t\t\ttype=\"email\"\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value ?? '' }\n\t\t\thelp={ description }\n\t\t\tonChange={ onChangeControl }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,uBAAuB;AACnD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;;AAEA,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAM;EAAEC;AAAqB,CAAC,GAAGH,MAAM,CAAEF,WAAY,CAAC;AAEtD,eAAe,SAASM,KAAKA,CAAU;EACtCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGN,KAAK;EACrD,MAAMO,KAAK,GAAGP,KAAK,CAACQ,QAAQ,CAAE;IAAEC,IAAI,EAAEV;EAAK,CAAE,CAAC;EAE9C,MAAMW,eAAe,GAAGjB,WAAW,CAChCkB,QAAgB,IACjBV,QAAQ,CAAE;IACT,CAAEE,EAAE,GAAIQ;EACT,CAAE,CAAC,EACJ,CAAER,EAAE,EAAEF,QAAQ,CACf,CAAC;EAED,oBACCL,IAAA,CAACC,oBAAoB;IACpBe,QAAQ,EAAG,CAAC,CAAEZ,KAAK,CAACa,OAAO,EAAED,QAAU;IACvCE,eAAe,EAAKH,QAAa,IAAM;MACtC,IAAKX,KAAK,CAACa,OAAO,EAAEE,MAAM,EAAG;QAC5B,OAAOf,KAAK,CAACa,OAAO,CAACE,MAAM,CAC1B;UACC,GAAGhB,IAAI;UACP,CAAEI,EAAE,GAAIQ;QACT,CAAC,EACDX,KACD,CAAC;MACF;MAEA,OAAO,IAAI;IACZ,CAAG;IACHgB,IAAI,EAAC,OAAO;IACZZ,KAAK,EAAGA,KAAO;IACfC,WAAW,EAAGA,WAAa;IAC3BE,KAAK,EAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAI;IACrBU,IAAI,EAAGX,WAAa;IACpBL,QAAQ,EAAGS,eAAiB;IAC5BQ,qBAAqB;IACrBC,uBAAuB;IACvBjB,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC;AAEJ","ignoreList":[]}

package/build-module/dataform-controls/index.js

@@ -8,6 +8,7 @@
 
 import checkbox from './checkbox';
 import datetime from './datetime';
+import date from './date';
 import email from './email';
 import integer from './integer';
 import radio from './radio';
@@ -19,6 +20,7 @@ const FORM_CONTROLS = {
   boolean,
   checkbox,
   datetime,
+  date,
   email,
   integer,
   radio,

package/build-module/dataform-controls/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["checkbox","datetime","email","integer","radio","select","text","toggleGroup","boolean","FORM_CONTROLS","getControl","field","fieldTypeDefinition","Edit","getControlByType","elements","type","Object","keys","includes"],"sources":["@wordpress/dataviews/src/dataform-controls/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ComponentType } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataFormControlProps,\n\tField,\n\tFieldTypeDefinition,\n} from '../types';\nimport checkbox from './checkbox';\nimport datetime from './datetime';\nimport email from './email';\nimport integer from './integer';\nimport radio from './radio';\nimport select from './select';\nimport text from './text';\nimport toggleGroup from './toggle-group';\nimport boolean from './boolean';\n\ninterface FormControls {\n\t[ key: string ]: ComponentType< DataFormControlProps< any > >;\n}\n\nconst FORM_CONTROLS: FormControls = {\n\tboolean,\n\tcheckbox,\n\tdatetime,\n\temail,\n\tinteger,\n\tradio,\n\tselect,\n\ttext,\n\ttoggleGroup,\n};\n\nexport function getControl< Item >(\n\tfield: Field< Item >,\n\tfieldTypeDefinition: FieldTypeDefinition< Item >\n) {\n\tif ( typeof field.Edit === 'function' ) {\n\t\treturn field.Edit;\n\t}\n\n\tif ( typeof field.Edit === 'string' ) {\n\t\treturn getControlByType( field.Edit );\n\t}\n\n\tif ( field.elements ) {\n\t\treturn getControlByType( 'select' );\n\t}\n\n\tif ( typeof fieldTypeDefinition.Edit === 'string' ) {\n\t\treturn getControlByType( fieldTypeDefinition.Edit );\n\t}\n\n\treturn fieldTypeDefinition.Edit;\n}\n\nexport function getControlByType( type: string ) {\n\tif ( Object.keys( FORM_CONTROLS ).includes( type ) ) {\n\t\treturn FORM_CONTROLS[ type ];\n\t}\n\n\tthrow 'Control ' + type + ' not found';\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,OAAOA,QAAQ,MAAM,YAAY;AACjC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,OAAO,MAAM,WAAW;AAM/B,MAAMC,aAA2B,GAAG;EACnCD,OAAO;EACPR,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,SAASG,UAAUA,CACzBC,KAAoB,EACpBC,mBAAgD,EAC/C;EACD,IAAK,OAAOD,KAAK,CAACE,IAAI,KAAK,UAAU,EAAG;IACvC,OAAOF,KAAK,CAACE,IAAI;EAClB;EAEA,IAAK,OAAOF,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAG;IACrC,OAAOC,gBAAgB,CAAEH,KAAK,CAACE,IAAK,CAAC;EACtC;EAEA,IAAKF,KAAK,CAACI,QAAQ,EAAG;IACrB,OAAOD,gBAAgB,CAAE,QAAS,CAAC;EACpC;EAEA,IAAK,OAAOF,mBAAmB,CAACC,IAAI,KAAK,QAAQ,EAAG;IACnD,OAAOC,gBAAgB,CAAEF,mBAAmB,CAACC,IAAK,CAAC;EACpD;EAEA,OAAOD,mBAAmB,CAACC,IAAI;AAChC;AAEA,OAAO,SAASC,gBAAgBA,CAAEE,IAAY,EAAG;EAChD,IAAKC,MAAM,CAACC,IAAI,CAAET,aAAc,CAAC,CAACU,QAAQ,CAAEH,IAAK,CAAC,EAAG;IACpD,OAAOP,aAAa,CAAEO,IAAI,CAAE;EAC7B;EAEA,MAAM,UAAU,GAAGA,IAAI,GAAG,YAAY;AACvC","ignoreList":[]}
+{"version":3,"names":["checkbox","datetime","date","email","integer","radio","select","text","toggleGroup","boolean","FORM_CONTROLS","getControl","field","fieldTypeDefinition","Edit","getControlByType","elements","type","Object","keys","includes"],"sources":["@wordpress/dataviews/src/dataform-controls/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ComponentType } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataFormControlProps,\n\tField,\n\tFieldTypeDefinition,\n} from '../types';\nimport checkbox from './checkbox';\nimport datetime from './datetime';\nimport date from './date';\nimport email from './email';\nimport integer from './integer';\nimport radio from './radio';\nimport select from './select';\nimport text from './text';\nimport toggleGroup from './toggle-group';\nimport boolean from './boolean';\n\ninterface FormControls {\n\t[ key: string ]: ComponentType< DataFormControlProps< any > >;\n}\n\nconst FORM_CONTROLS: FormControls = {\n\tboolean,\n\tcheckbox,\n\tdatetime,\n\tdate,\n\temail,\n\tinteger,\n\tradio,\n\tselect,\n\ttext,\n\ttoggleGroup,\n};\n\nexport function getControl< Item >(\n\tfield: Field< Item >,\n\tfieldTypeDefinition: FieldTypeDefinition< Item >\n) {\n\tif ( typeof field.Edit === 'function' ) {\n\t\treturn field.Edit;\n\t}\n\n\tif ( typeof field.Edit === 'string' ) {\n\t\treturn getControlByType( field.Edit );\n\t}\n\n\tif ( field.elements ) {\n\t\treturn getControlByType( 'select' );\n\t}\n\n\tif ( typeof fieldTypeDefinition.Edit === 'string' ) {\n\t\treturn getControlByType( fieldTypeDefinition.Edit );\n\t}\n\n\treturn fieldTypeDefinition.Edit;\n}\n\nexport function getControlByType( type: string ) {\n\tif ( Object.keys( FORM_CONTROLS ).includes( type ) ) {\n\t\treturn FORM_CONTROLS[ type ];\n\t}\n\n\tthrow 'Control ' + type + ' not found';\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,OAAOA,QAAQ,MAAM,YAAY;AACjC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,OAAO,MAAM,WAAW;AAM/B,MAAMC,aAA2B,GAAG;EACnCD,OAAO;EACPT,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,SAASG,UAAUA,CACzBC,KAAoB,EACpBC,mBAAgD,EAC/C;EACD,IAAK,OAAOD,KAAK,CAACE,IAAI,KAAK,UAAU,EAAG;IACvC,OAAOF,KAAK,CAACE,IAAI;EAClB;EAEA,IAAK,OAAOF,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAG;IACrC,OAAOC,gBAAgB,CAAEH,KAAK,CAACE,IAAK,CAAC;EACtC;EAEA,IAAKF,KAAK,CAACI,QAAQ,EAAG;IACrB,OAAOD,gBAAgB,CAAE,QAAS,CAAC;EACpC;EAEA,IAAK,OAAOF,mBAAmB,CAACC,IAAI,KAAK,QAAQ,EAAG;IACnD,OAAOC,gBAAgB,CAAEF,mBAAmB,CAACC,IAAK,CAAC;EACpD;EAEA,OAAOD,mBAAmB,CAACC,IAAI;AAChC;AAEA,OAAO,SAASC,gBAAgBA,CAAEE,IAAY,EAAG;EAChD,IAAKC,MAAM,CAACC,IAAI,CAAET,aAAc,CAAC,CAACU,QAAQ,CAAEH,IAAK,CAAC,EAAG;IACpD,OAAOP,aAAa,CAAEO,IAAI,CAAE;EAC7B;EAEA,MAAM,UAAU,GAAGA,IAAI,GAAG,YAAY;AACvC","ignoreList":[]}