@wordpress/dataviews 8.0.2-next.836ecdcae.0 → 9.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_colord","require","_deepmerge","_interopRequireDefault","_components","_element","_lockUnlock","_jsxRuntime","ValidatedInputControl","Picker","unlock","privateApis","ColorPicker","color","onColorChange","validColor","colord","isValid","jsx","Dropdown","renderToggle","onToggle","isOpen","__experimentalInputControlPrefixWrapper","variant","children","type","onClick","style","width","height","borderRadius","backgroundColor","border","cursor","outline","outlineOffset","display","alignItems","justifyContent","padding","margin","renderContent","onChange","enableAlpha","Color","data","field","hideLabelFromVision","label","placeholder","description","setValue","value","getValue","item","customValidity","setCustomValidity","useState","undefined","handleColorChange","useCallback","colorObject","toHex","handleInputChange","newValue","onValidateControl","message","custom","deepMerge","required","onValidate","help","prefix"],"sources":["@wordpress/dataviews/src/dataform-controls/color.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord } from 'colord';\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tprivateApis,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\nimport { useCallback, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedInputControl, Picker } = unlock( privateApis );\n\nconst ColorPicker = ( {\n\tcolor,\n\tonColorChange,\n}: {\n\tcolor: string;\n\tonColorChange: ( colorObject: any ) => void;\n} ) => {\n\tconst validColor = color && colord( color ).isValid() ? color : '#ffffff';\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: validColor,\n\t\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\toutline: isOpen ? '2px solid #007cba' : 'none',\n\t\t\t\t\t\t\toutlineOffset: '2px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label=\"Open color picker\"\n\t\t\t\t\t/>\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div style={ { padding: '16px' } }>\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tcolor={ colord( validColor ) }\n\t\t\t\t\t\tonChange={ onColorChange }\n\t\t\t\t\t\tenableAlpha\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nexport default function Color< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, description, setValue } = field;\n\tconst value = field.getValue( { item: data } ) || '';\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedInputControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\tconst handleColorChange = useCallback(\n\t\t( colorObject: any ) => {\n\t\t\tonChange( setValue( { item: data, value: colorObject.toHex() } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst handleInputChange = useCallback(\n\t\t( newValue: string | undefined ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue || '' } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onValidateControl = useCallback(\n\t\t( newValue: any ) => {\n\t\t\tconst message = field.isValid?.custom?.(\n\t\t\t\tdeepMerge(\n\t\t\t\t\tdata,\n\t\t\t\t\tsetValue( {\n\t\t\t\t\t\titem: data,\n\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t} ) as Partial< Item >\n\t\t\t\t),\n\t\t\t\tfield\n\t\t\t);\n\n\t\t\tif ( message ) {\n\t\t\t\tsetCustomValidity( {\n\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\tmessage,\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetCustomValidity( undefined );\n\t\t},\n\t\t[ data, field, setValue ]\n\t);\n\n\treturn (\n\t\t<ValidatedInputControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ onValidateControl }\n\t\t\tcustomValidity={ customValidity }\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value }\n\t\t\thelp={ description }\n\t\t\tonChange={ handleInputChange }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\ttype=\"text\"\n\t\t\tprefix={\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ value }\n\t\t\t\t\tonColorChange={ handleColorChange }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataform-controls/date.js

@@ -121,24 +121,18 @@ function CalendarDateControl({
   });
   const onSelectDate = (0, _element.useCallback)(newDate => {
     const dateValue = newDate ? (0, _dateFns.format)(newDate, 'yyyy-MM-dd') : undefined;
-    onChange({
-      [id]: dateValue
-    });
+    onChange(dateValue);
     setSelectedPresetId(null);
-  }, [id, onChange]);
+  }, [onChange]);
   const handlePresetClick = (0, _element.useCallback)(preset => {
     const presetDate = preset.getValue();
     const dateValue = formatDate(presetDate);
     setCalendarMonth(presetDate);
-    onChange({
-      [id]: dateValue
-    });
+    onChange(dateValue);
     setSelectedPresetId(preset.id);
-  }, [id, onChange]);
+  }, [onChange]);
   const handleManualDateChange = (0, _element.useCallback)(newValue => {
-    onChange({
-      [id]: newValue
-    });
+    onChange(newValue);
     if (newValue) {
       const parsedDate = parseDate(newValue);
       if (parsedDate) {
@@ -146,7 +140,7 @@ function CalendarDateControl({
       }
     }
     setSelectedPresetId(null);
-  }, [id, onChange]);
+  }, [onChange]);
   const {
     timezone: {
       string: timezoneString
@@ -234,16 +228,12 @@ function CalendarDateRangeControl({
   });
   const updateDateRange = (0, _element.useCallback)((fromDate, toDate) => {
     if (fromDate && toDate) {
-      onChange({
-        [id]: [formatDate(fromDate), formatDate(toDate)]
-      });
+      onChange([formatDate(fromDate), formatDate(toDate)]);
     } else if (!fromDate && !toDate) {
-      onChange({
-        [id]: undefined
-      });
+      onChange(undefined);
     }
     // Do nothing if only one date is set - wait for both
-  }, [id, onChange]);
+  }, [onChange]);
   const onSelectCalendarRange = (0, _element.useCallback)(newRange => {
     updateDateRange(newRange?.from, newRange?.to);
     setSelectedPresetId(null);
@@ -342,17 +332,35 @@ function DateControl({
 }) {
   const {
     id,
-    label
+    label,
+    getValue,
+    setValue
   } = field;
-  const value = field.getValue({
+  const value = getValue({
     item: data
   });
+  const onChangeRelativeDateControl = (0, _element.useCallback)(newValue => {
+    onChange(setValue({
+      item: data,
+      value: newValue
+    }));
+  }, [data, onChange, setValue]);
+  const onChangeCalendarDateRangeControl = (0, _element.useCallback)(newValue => {
+    onChange(setValue({
+      item: data,
+      value: newValue
+    }));
+  }, [data, onChange, setValue]);
+  const onChangeCalendarDateControl = (0, _element.useCallback)(newValue => onChange(setValue({
+    item: data,
+    value: newValue
+  })), [data, onChange, setValue]);
   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,
+      onChange: onChangeRelativeDateControl,
       label: label,
       hideLabelFromVision: hideLabelFromVision,
       options: _relativeDateControl.TIME_UNITS_OPTIONS[operator]
@@ -368,7 +376,7 @@ function DateControl({
       className: "dataviews-controls__date",
       id: id,
       value: dateRangeValue,
-      onChange: onChange,
+      onChange: onChangeCalendarDateRangeControl,
       label: label,
       hideLabelFromVision: hideLabelFromVision
     });
@@ -377,7 +385,7 @@ function DateControl({
     className: "dataviews-controls__date",
     id: id,
     value: typeof value === 'string' ? value : undefined,
-    onChange: onChange,
+    onChange: onChangeCalendarDateControl,
     label: label,
     hideLabelFromVision: hideLabelFromVision
   });

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

@@ -1 +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":[]}
+{"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","setValue","item","onChangeRelativeDateControl","onChangeCalendarDateRangeControl","onChangeCalendarDateControl","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\ttype DateRelative,\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\ntype DateRange = [ string, string ] | undefined;\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: string | undefined ) => 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( dateValue );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ 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( dateValue );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tonChange( 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[ 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: DateRange;\n\tonChange: ( value: DateRange ) => 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( [ formatDate( fromDate ), formatDate( toDate ) ] );\n\t\t\t} else if ( ! fromDate && ! toDate ) {\n\t\t\t\tonChange( 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[ 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, getValue, setValue } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst onChangeRelativeDateControl = useCallback(\n\t\t( newValue: DateRelative ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onChangeCalendarDateRangeControl = useCallback(\n\t\t( newValue: DateRange ) => {\n\t\t\tonChange(\n\t\t\t\tsetValue( {\n\t\t\t\t\titem: data,\n\t\t\t\t\tvalue: newValue,\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onChangeCalendarDateControl = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( setValue( { item: data, value: newValue } ) ),\n\t\t[ data, onChange, setValue ]\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\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={ onChangeRelativeDateControl }\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: DateRange;\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 DateRange;\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={ onChangeCalendarDateRangeControl }\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={ onChangeCalendarDateControl }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,QAAA,GAAAJ,OAAA;AAaA,IAAAK,oBAAA,GAAAC,uBAAA,CAAAN,OAAA;AAIA,IAAAO,UAAA,GAAAP,OAAA;AAKA,IAAAQ,WAAA,GAAAR,OAAA;AAAwC,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAxCxC;AACA;AACA;;AAaA;AACA;AACA;;AAWA;AACA;AACA;;AAaA,MAAM;EAAEW,YAAY;EAAEC;AAAkB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAI3E,MAAMC,YAIH,GAAG,CACL;EACCC,EAAE,EAAE,OAAO;EACXC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,QAAQ,EAAEA,CAAA,KAAM,IAAAC,aAAO,EAAE,IAAK;AAC/B,CAAC,EACD;EACCJ,EAAE,EAAE,WAAW;EACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAY,CAAC;EACxBC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,IAAAE,gBAAO,EAAED,KAAK,EAAE,CAAE,CAAC;EAC3B;AACD,CAAC,EACD;EACCL,EAAE,EAAE,WAAW;EACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAY,CAAC;EACxBC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,IAAAE,gBAAO,EAAED,KAAK,EAAE,CAAE,CAAC;EAC3B;AACD,CAAC,EACD;EACCL,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAa,CAAC;EACzBC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,IAAAG,kBAAS,EAAEF,KAAK,EAAE,CAAE,CAAC;EAC7B;AACD,CAAC,CACD;AAED,MAAMG,kBAAkB,GAAG,CAC1B;EACCR,EAAE,EAAE,aAAa;EACjBC,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC;EAC1BC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,CAAE,IAAAE,gBAAO,EAAED,KAAK,EAAE,CAAE,CAAC,EAAEA,KAAK,CAAE;EACtC;AACD,CAAC,EACD;EACCL,EAAE,EAAE,cAAc;EAClBC,KAAK,EAAE,IAAAC,QAAE,EAAE,cAAe,CAAC;EAC3BC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,CAAE,IAAAE,gBAAO,EAAED,KAAK,EAAE,EAAG,CAAC,EAAEA,KAAK,CAAE;EACvC;AACD,CAAC,EACD;EACCL,EAAE,EAAE,eAAe;EACnBC,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB,CAAC;EAC5BC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,CAAE,IAAAK,qBAAY,EAAEJ,KAAM,CAAC,EAAEA,KAAK,CAAE;EACxC;AACD,CAAC,EACD;EACCL,EAAE,EAAE,WAAW;EACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAY,CAAC;EACxBC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,CAAE,IAAAM,iBAAQ,EAAEL,KAAK,EAAE,CAAE,CAAC,EAAEA,KAAK,CAAE;EACvC;AACD,CAAC,EACD;EACCL,EAAE,EAAE,cAAc;EAClBC,KAAK,EAAE,IAAAC,QAAE,EAAE,cAAe,CAAC;EAC3BC,QAAQ,EAAEA,CAAA,KAAM;IACf,MAAME,KAAK,GAAG,IAAAD,aAAO,EAAE,IAAK,CAAC;IAC7B,OAAO,CAAE,IAAAO,oBAAW,EAAEN,KAAM,CAAC,EAAEA,KAAK,CAAE;EACvC;AACD,CAAC,CACD;AAED,MAAMO,SAAS,GAAKC,UAAmB,IAAmB;EACzD,IAAK,CAAEA,UAAU,EAAG;IACnB,OAAO,IAAI;EACZ;EACA,MAAMC,MAAM,GAAG,IAAAV,aAAO,EAAES,UAAW,CAAC;EACpC,OAAOC,MAAM,IAAI,IAAAC,gBAAO,EAAED,MAAO,CAAC,GAAGA,MAAM,GAAG,IAAI;AACnD,CAAC;AAED,MAAME,UAAU,GAAKC,IAAoB,IAAc;EACtD,IAAK,CAAEA,IAAI,EAAG;IACb,OAAO,EAAE;EACV;EACA,OAAO,OAAOA,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,IAAAC,eAAM,EAAED,IAAI,EAAE,YAAa,CAAC;AACtE,CAAC;AAED,SAASE,mBAAmBA,CAAE;EAC7BnB,EAAE;EACFoB,KAAK;EACLC,QAAQ;EACRpB,KAAK;EACLqB,mBAAmB;EACnBC;AAQD,CAAC,EAAG;EACH,MAAM,CAAEC,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAC,iBAAQ,EACzD,IACD,CAAC;EAED,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAF,iBAAQ,EAAU,MAAM;IACnE,MAAMG,UAAU,GAAGjB,SAAS,CAAEQ,KAAM,CAAC;IACrC,OAAOS,UAAU,IAAI,IAAIC,IAAI,CAAC,CAAC,CAAC,CAAC;EAClC,CAAE,CAAC;EAEH,MAAMC,YAAY,GAAG,IAAAC,oBAAW,EAC7BC,OAAgC,IAAM;IACvC,MAAMC,SAAS,GAAGD,OAAO,GACtB,IAAAf,eAAM,EAAEe,OAAO,EAAE,YAAa,CAAC,GAC/BE,SAAS;IACZd,QAAQ,CAAEa,SAAU,CAAC;IACrBT,mBAAmB,CAAE,IAAK,CAAC;EAC5B,CAAC,EACD,CAAEJ,QAAQ,CACX,CAAC;EAED,MAAMe,iBAAiB,GAAG,IAAAJ,oBAAW,EAClCK,MAAoC,IAAM;IAC3C,MAAMC,UAAU,GAAGD,MAAM,CAAClC,QAAQ,CAAC,CAAC;IACpC,MAAM+B,SAAS,GAAGlB,UAAU,CAAEsB,UAAW,CAAC;IAE1CV,gBAAgB,CAAEU,UAAW,CAAC;IAC9BjB,QAAQ,CAAEa,SAAU,CAAC;IACrBT,mBAAmB,CAAEY,MAAM,CAACrC,EAAG,CAAC;EACjC,CAAC,EACD,CAAEqB,QAAQ,CACX,CAAC;EAED,MAAMkB,sBAAsB,GAAG,IAAAP,oBAAW,EACvCQ,QAAiB,IAAM;IACxBnB,QAAQ,CAAEmB,QAAS,CAAC;IACpB,IAAKA,QAAQ,EAAG;MACf,MAAMX,UAAU,GAAGjB,SAAS,CAAE4B,QAAS,CAAC;MACxC,IAAKX,UAAU,EAAG;QACjBD,gBAAgB,CAAEC,UAAW,CAAC;MAC/B;IACD;IACAJ,mBAAmB,CAAE,IAAK,CAAC;EAC5B,CAAC,EACD,CAAEJ,QAAQ,CACX,CAAC;EAED,MAAM;IACLoB,QAAQ,EAAE;MAAEC,MAAM,EAAEC;IAAe,CAAC;IACpCC,IAAI,EAAE;MAAEC;IAAY;EACrB,CAAC,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAEjB,oBACC,IAAAxE,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAAoF,WAAW;IACXC,uBAAuB;IACvBjD,EAAE,EAAGA,EAAI;IACTuB,SAAS,EAAGA,SAAW;IACvBtB,KAAK,EAAGA,KAAO;IACfqB,mBAAmB,EAAGA,mBAAqB;IAAA4B,QAAA,eAE3C,IAAA5E,WAAA,CAAA6E,IAAA,EAACvF,WAAA,CAAAwF,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAAH,QAAA,gBAEpB,IAAA5E,WAAA,CAAA6E,IAAA,EAACvF,WAAA,CAAA0F,oBAAM;QAACD,OAAO,EAAG,CAAG;QAACE,IAAI;QAACC,OAAO,EAAC,YAAY;QAAAN,QAAA,GAC5CnD,YAAY,CAAC0D,GAAG,CAAIpB,MAAM,IAAM;UACjC,MAAMqB,UAAU,GAAGlC,gBAAgB,KAAKa,MAAM,CAACrC,EAAE;UACjD,oBACC,IAAA1B,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAA+F,MAAM;YACNpC,SAAS,EAAC,iCAAiC;YAE3CqC,OAAO,EAAC,UAAU;YAClBC,SAAS,EAAGH,UAAY;YACxBI,IAAI,EAAC,OAAO;YACZC,OAAO,EAAGA,CAAA,KAAM3B,iBAAiB,CAAEC,MAAO,CAAG;YAAAa,QAAA,EAE3Cb,MAAM,CAACpC;UAAK,GANRoC,MAAM,CAACrC,EAON,CAAC;QAEX,CAAE,CAAC,eACH,IAAA1B,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAA+F,MAAM;UACNpC,SAAS,EAAC,iCAAiC;UAC3CqC,OAAO,EAAC,UAAU;UAClBC,SAAS,EAAG,CAAErC,gBAAkB;UAChCsC,IAAI,EAAC,OAAO;UACZE,QAAQ,EAAG,CAAC,CAAExC,gBAAkB;UAChCyC,sBAAsB,EAAG,KAAO;UAAAf,QAAA,EAE9B,IAAAhD,QAAE,EAAE,QAAS;QAAC,CACT,CAAC;MAAA,CACF,CAAC,eAGT,IAAA5B,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAAsG,0BAAY;QACZC,qBAAqB;QACrBC,IAAI,EAAC,MAAM;QACXnE,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;QACtBoB,mBAAmB;QACnBF,KAAK,EAAGA,KAAO;QACfC,QAAQ,EAAGkB;MAAwB,CACnC,CAAC,eAGF,IAAAjE,WAAA,CAAAyE,GAAA,EAACpD,YAAY;QACZ0E,KAAK,EAAG;UAAEC,KAAK,EAAE;QAAO,CAAG;QAC3BC,QAAQ,EACPnD,KAAK,GAAGR,SAAS,CAAEQ,KAAM,CAAC,IAAIe,SAAS,GAAGA,SAC1C;QACDqC,QAAQ,EAAGzC,YAAc;QACzB0C,KAAK,EAAG9C,aAAe;QACvB+C,aAAa,EAAG9C,gBAAkB;QAClC+C,QAAQ,EAAGhC,cAAc,IAAIR,SAAW;QACxCyC,YAAY,EAAG/B;MAAa,CAC5B,CAAC;IAAA,CACK;EAAC,CACG,CAAC;AAEhB;AAEA,SAASgC,wBAAwBA,CAAE;EAClC7E,EAAE;EACFoB,KAAK;EACLC,QAAQ;EACRpB,KAAK;EACLqB,mBAAmB;EACnBC;AAQD,CAAC,EAAG;EACH,MAAM,CAAEC,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAC,iBAAQ,EACzD,IACD,CAAC;EAED,MAAMoD,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC,IAAK,CAAE3D,KAAK,EAAG;MACd,OAAO;QAAE4D,IAAI,EAAE7C,SAAS;QAAE8C,EAAE,EAAE9C;MAAU,CAAC;IAC1C;IAEA,MAAM,CAAE6C,IAAI,EAAEC,EAAE,CAAE,GAAG7D,KAAK;IAC1B,OAAO;MACN4D,IAAI,EAAEpE,SAAS,CAAEoE,IAAK,CAAC,IAAI7C,SAAS;MACpC8C,EAAE,EAAErE,SAAS,CAAEqE,EAAG,CAAC,IAAI9C;IACxB,CAAC;EACF,CAAC,EAAE,CAAEf,KAAK,CAAG,CAAC;EAEd,MAAM,CAAEO,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAF,iBAAQ,EAAU,MAAM;IACnE,OAAOoD,aAAa,CAACE,IAAI,IAAI,IAAIlD,IAAI,CAAC,CAAC;EACxC,CAAE,CAAC;EAEH,MAAMoD,eAAe,GAAG,IAAAlD,oBAAW,EAClC,CAAEmD,QAAwB,EAAEC,MAAsB,KAAM;IACvD,IAAKD,QAAQ,IAAIC,MAAM,EAAG;MACzB/D,QAAQ,CAAE,CAAEL,UAAU,CAAEmE,QAAS,CAAC,EAAEnE,UAAU,CAAEoE,MAAO,CAAC,CAAG,CAAC;IAC7D,CAAC,MAAM,IAAK,CAAED,QAAQ,IAAI,CAAEC,MAAM,EAAG;MACpC/D,QAAQ,CAAEc,SAAU,CAAC;IACtB;IACA;EACD,CAAC,EACD,CAAEd,QAAQ,CACX,CAAC;EAED,MAAMgE,qBAAqB,GAAG,IAAArD,oBAAW,EAEvCsD,QAEY,IACR;IACJJ,eAAe,CAAEI,QAAQ,EAAEN,IAAI,EAAEM,QAAQ,EAAEL,EAAG,CAAC;IAC/CxD,mBAAmB,CAAE,IAAK,CAAC;EAC5B,CAAC,EACD,CAAEyD,eAAe,CAClB,CAAC;EAED,MAAM9C,iBAAiB,GAAG,IAAAJ,oBAAW,EAClCK,MAA0C,IAAM;IACjD,MAAM,CAAEkD,SAAS,EAAEC,OAAO,CAAE,GAAGnD,MAAM,CAAClC,QAAQ,CAAC,CAAC;IAChDyB,gBAAgB,CAAE2D,SAAU,CAAC;IAC7BL,eAAe,CAAEK,SAAS,EAAEC,OAAQ,CAAC;IACrC/D,mBAAmB,CAAEY,MAAM,CAACrC,EAAG,CAAC;EACjC,CAAC,EACD,CAAEkF,eAAe,CAClB,CAAC;EAED,MAAM3C,sBAAsB,GAAG,IAAAP,oBAAW,EACzC,CAAEyD,QAAuB,EAAEjD,QAAiB,KAAM;IACjD,MAAM,CAAEkD,WAAW,EAAEC,SAAS,CAAE,GAAGvE,KAAK,IAAI,CAC3Ce,SAAS,EACTA,SAAS,CACT;IACD,MAAMyD,WAAW,GAAGH,QAAQ,KAAK,MAAM,GAAGjD,QAAQ,GAAGkD,WAAW;IAChE,MAAMG,SAAS,GAAGJ,QAAQ,KAAK,IAAI,GAAGjD,QAAQ,GAAGmD,SAAS;IAE1DT,eAAe,CAAEU,WAAW,EAAEC,SAAU,CAAC;IAEzC,IAAKrD,QAAQ,EAAG;MACf,MAAMX,UAAU,GAAGjB,SAAS,CAAE4B,QAAS,CAAC;MACxC,IAAKX,UAAU,EAAG;QACjBD,gBAAgB,CAAEC,UAAW,CAAC;MAC/B;IACD;IAEAJ,mBAAmB,CAAE,IAAK,CAAC;EAC5B,CAAC,EACD,CAAEL,KAAK,EAAE8D,eAAe,CACzB,CAAC;EAED,MAAM;IAAEzC,QAAQ;IAAEG;EAAK,CAAC,GAAG,IAAAE,iBAAW,EAAC,CAAC;EAExC,oBACC,IAAAxE,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAAoF,WAAW;IACXC,uBAAuB;IACvBjD,EAAE,EAAGA,EAAI;IACTuB,SAAS,EAAGA,SAAW;IACvBtB,KAAK,EAAGA,KAAO;IACfqB,mBAAmB,EAAGA,mBAAqB;IAAA4B,QAAA,eAE3C,IAAA5E,WAAA,CAAA6E,IAAA,EAACvF,WAAA,CAAAwF,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAAH,QAAA,gBAEpB,IAAA5E,WAAA,CAAA6E,IAAA,EAACvF,WAAA,CAAA0F,oBAAM;QAACD,OAAO,EAAG,CAAG;QAACE,IAAI;QAACC,OAAO,EAAC,YAAY;QAAAN,QAAA,GAC5C1C,kBAAkB,CAACiD,GAAG,CAAIpB,MAAM,IAAM;UACvC,MAAMqB,UAAU,GAAGlC,gBAAgB,KAAKa,MAAM,CAACrC,EAAE;UACjD,oBACC,IAAA1B,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAA+F,MAAM;YACNpC,SAAS,EAAC,iCAAiC;YAE3CqC,OAAO,EAAC,UAAU;YAClBC,SAAS,EAAGH,UAAY;YACxBI,IAAI,EAAC,OAAO;YACZC,OAAO,EAAGA,CAAA,KAAM3B,iBAAiB,CAAEC,MAAO,CAAG;YAAAa,QAAA,EAE3Cb,MAAM,CAACpC;UAAK,GANRoC,MAAM,CAACrC,EAON,CAAC;QAEX,CAAE,CAAC,eACH,IAAA1B,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAA+F,MAAM;UACNpC,SAAS,EAAC,iCAAiC;UAC3CqC,OAAO,EAAC,UAAU;UAClBC,SAAS,EAAG,CAAErC,gBAAkB;UAChCsC,IAAI,EAAC,OAAO;UACZG,sBAAsB,EAAG,KAAO;UAChCD,QAAQ,EAAG,CAAC,CAAExC,gBAAkB;UAAA0B,QAAA,EAE9B,IAAAhD,QAAE,EAAE,QAAS;QAAC,CACT,CAAC;MAAA,CACF,CAAC,eAGT,IAAA5B,WAAA,CAAA6E,IAAA,EAACvF,WAAA,CAAA0F,oBAAM;QAACD,OAAO,EAAG,CAAG;QAAAH,QAAA,gBACpB,IAAA5E,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAAsG,0BAAY;UACZC,qBAAqB;UACrBC,IAAI,EAAC,MAAM;UACXnE,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;UACtBoB,mBAAmB;UACnBF,KAAK,EAAGA,KAAK,GAAI,CAAC,CAAI;UACtBC,QAAQ,EAAKmB,QAAQ,IACpBD,sBAAsB,CAAE,MAAM,EAAEC,QAAS;QACzC,CACD,CAAC,eACF,IAAAlE,WAAA,CAAAyE,GAAA,EAACnF,WAAA,CAAAsG,0BAAY;UACZC,qBAAqB;UACrBC,IAAI,EAAC,MAAM;UACXnE,KAAK,EAAG,IAAAC,QAAE,EAAE,IAAK,CAAG;UACpBoB,mBAAmB;UACnBF,KAAK,EAAGA,KAAK,GAAI,CAAC,CAAI;UACtBC,QAAQ,EAAKmB,QAAQ,IACpBD,sBAAsB,CAAE,IAAI,EAAEC,QAAS;QACvC,CACD,CAAC;MAAA,CACK,CAAC,eAET,IAAAlE,WAAA,CAAAyE,GAAA,EAACnD,iBAAiB;QACjByE,KAAK,EAAG;UAAEC,KAAK,EAAE;QAAO,CAAG;QAC3BC,QAAQ,EAAGO,aAAe;QAC1BN,QAAQ,EAAGa,qBAAuB;QAClCZ,KAAK,EAAG9C,aAAe;QACvB+C,aAAa,EAAG9C,gBAAkB;QAClC+C,QAAQ,EAAGlC,QAAQ,CAACC,MAAM,IAAIP,SAAW;QACzCyC,YAAY,EAAGhC,IAAI,CAACC;MAAa,CACjC,CAAC;IAAA,CACK;EAAC,CACG,CAAC;AAEhB;AAEe,SAASiD,WAAWA,CAAU;EAC5CC,IAAI;EACJC,KAAK;EACL3E,QAAQ;EACRC,mBAAmB;EACnB2E;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEjG,EAAE;IAAEC,KAAK;IAAEE,QAAQ;IAAE+F;EAAS,CAAC,GAAGF,KAAK;EAC/C,MAAM5E,KAAK,GAAGjB,QAAQ,CAAE;IAAEgG,IAAI,EAAEJ;EAAK,CAAE,CAAC;EAExC,MAAMK,2BAA2B,GAAG,IAAApE,oBAAW,EAC5CQ,QAAsB,IAAM;IAC7BnB,QAAQ,CAAE6E,QAAQ,CAAE;MAAEC,IAAI,EAAEJ,IAAI;MAAE3E,KAAK,EAAEoB;IAAS,CAAE,CAAE,CAAC;EACxD,CAAC,EACD,CAAEuD,IAAI,EAAE1E,QAAQ,EAAE6E,QAAQ,CAC3B,CAAC;EAED,MAAMG,gCAAgC,GAAG,IAAArE,oBAAW,EACjDQ,QAAmB,IAAM;IAC1BnB,QAAQ,CACP6E,QAAQ,CAAE;MACTC,IAAI,EAAEJ,IAAI;MACV3E,KAAK,EAAEoB;IACR,CAAE,CACH,CAAC;EACF,CAAC,EACD,CAAEuD,IAAI,EAAE1E,QAAQ,EAAE6E,QAAQ,CAC3B,CAAC;EAED,MAAMI,2BAA2B,GAAG,IAAAtE,oBAAW,EAC5CQ,QAA4B,IAC7BnB,QAAQ,CAAE6E,QAAQ,CAAE;IAAEC,IAAI,EAAEJ,IAAI;IAAE3E,KAAK,EAAEoB;EAAS,CAAE,CAAE,CAAC,EACxD,CAAEuD,IAAI,EAAE1E,QAAQ,EAAE6E,QAAQ,CAC3B,CAAC;EAED,IAAKD,QAAQ,KAAKM,+BAAoB,IAAIN,QAAQ,KAAKO,wBAAa,EAAG;IACtE,oBACC,IAAAlI,WAAA,CAAAyE,GAAA,EAAC7E,oBAAA,CAAAW,OAAmB;MACnB0C,SAAS,EAAC,0BAA0B;MACpCvB,EAAE,EAAGA,EAAI;MACToB,KAAK,EAAGA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC,CAAG;MACzDC,QAAQ,EAAG+E,2BAA6B;MACxCnG,KAAK,EAAGA,KAAO;MACfqB,mBAAmB,EAAGA,mBAAqB;MAC3CmF,OAAO,EAAGC,uCAAkB,CAAET,QAAQ;IAAI,CAC1C,CAAC;EAEJ;EAEA,IAAKA,QAAQ,KAAKU,2BAAgB,EAAG;IACpC,IAAIC,cAAyB;IAC7B,IACCC,KAAK,CAACC,OAAO,CAAE1F,KAAM,CAAC,IACtBA,KAAK,CAAC2F,MAAM,KAAK,CAAC,IAClB3F,KAAK,CAAC4F,KAAK,CAAI/F,IAAI,IAAM,OAAOA,IAAI,KAAK,QAAS,CAAC,EAClD;MACD;MACA2F,cAAc,GAAGxF,KAAkB;IACpC;IAEA,oBACC,IAAA9C,WAAA,CAAAyE,GAAA,EAAC8B,wBAAwB;MACxBtD,SAAS,EAAC,0BAA0B;MACpCvB,EAAE,EAAGA,EAAI;MACToB,KAAK,EAAGwF,cAAgB;MACxBvF,QAAQ,EAAGgF,gCAAkC;MAC7CpG,KAAK,EAAGA,KAAO;MACfqB,mBAAmB,EAAGA;IAAqB,CAC3C,CAAC;EAEJ;EAEA,oBACC,IAAAhD,WAAA,CAAAyE,GAAA,EAAC5B,mBAAmB;IACnBI,SAAS,EAAC,0BAA0B;IACpCvB,EAAE,EAAGA,EAAI;IACToB,KAAK,EAAG,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGe,SAAW;IACvDd,QAAQ,EAAGiF,2BAA6B;IACxCrG,KAAK,EAAGA,KAAO;IACfqB,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC;AAEJ","ignoreList":[]}

package/build/dataform-controls/datetime.js

@@ -6,8 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = DateTime;
 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 _constants = require("../constants");
 var _relativeDateControl = _interopRequireWildcard(require("./relative-date-control"));
+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; }
@@ -15,10 +19,117 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * WordPress dependencies
  */
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 
+const {
+  DateCalendar
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const parseDateTime = dateTimeString => {
+  if (!dateTimeString) {
+    return null;
+  }
+  const parsed = (0, _date.getDate)(dateTimeString);
+  return parsed && (0, _dateFns.isValid)(parsed) ? parsed : null;
+};
+const formatDateTime = date => {
+  if (!date) {
+    return '';
+  }
+  if (typeof date === 'string') {
+    return date;
+  }
+  // Format as datetime-local input expects: YYYY-MM-DDTHH:mm
+  return (0, _dateFns.format)(date, "yyyy-MM-dd'T'HH:mm");
+};
+function CalendarDateTimeControl({
+  id,
+  value,
+  onChange,
+  label,
+  description,
+  hideLabelFromVision
+}) {
+  const [calendarMonth, setCalendarMonth] = (0, _element.useState)(() => {
+    const parsedDate = parseDateTime(value);
+    return parsedDate || new Date(); // Default to current month
+  });
+  const onSelectDate = (0, _element.useCallback)(newDate => {
+    if (newDate) {
+      // Preserve time if it exists in current value, otherwise use current time
+      let finalDateTime = newDate;
+      if (value) {
+        const currentDateTime = parseDateTime(value);
+        if (currentDateTime) {
+          // Preserve the time part
+          finalDateTime = new Date(newDate);
+          finalDateTime.setHours(currentDateTime.getHours());
+          finalDateTime.setMinutes(currentDateTime.getMinutes());
+        }
+      }
+      const dateTimeValue = finalDateTime.toISOString();
+      onChange(dateTimeValue);
+    } else {
+      onChange(undefined);
+    }
+  }, [onChange, value]);
+  const handleManualDateTimeChange = (0, _element.useCallback)(newValue => {
+    if (newValue) {
+      // Convert from datetime-local format to ISO string
+      const dateTime = new Date(newValue);
+      onChange(dateTime.toISOString());
+
+      // Update calendar month to match
+      const parsedDate = parseDateTime(dateTime.toISOString());
+      if (parsedDate) {
+        setCalendarMonth(parsedDate);
+      }
+    } else {
+      onChange(undefined);
+    }
+  }, [onChange]);
+  const {
+    timezone: {
+      string: timezoneString
+    },
+    l10n: {
+      startOfWeek
+    }
+  } = (0, _date.getSettings)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
+    __nextHasNoMarginBottom: true,
+    id: id,
+    label: label,
+    help: description,
+    hideLabelFromVision: hideLabelFromVision,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateCalendar, {
+        style: {
+          width: '100%'
+        },
+        selected: value ? parseDateTime(value) || undefined : undefined,
+        onSelect: onSelectDate,
+        month: calendarMonth,
+        onMonthChange: setCalendarMonth,
+        timeZone: timezoneString || undefined,
+        weekStartsOn: startOfWeek
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
+        __next40pxDefaultSize: true,
+        type: "datetime-local",
+        label: (0, _i18n.__)('Date time'),
+        hideLabelFromVision: true,
+        value: value ? formatDateTime(parseDateTime(value) || undefined) : '',
+        onChange: handleManualDateTimeChange
+      })]
+    })
+  });
+}
 function DateTime({
   data,
   field,
@@ -28,37 +139,40 @@ function DateTime({
 }) {
   const {
     id,
-    label
+    label,
+    description,
+    getValue,
+    setValue
   } = field;
-  const value = field.getValue({
+  const value = getValue({
     item: data
   });
-  const onChangeControl = (0, _element.useCallback)(newValue => onChange({
-    [id]: newValue
-  }), [id, onChange]);
+  const onChangeRelativeDateControl = (0, _element.useCallback)(newValue => onChange(setValue({
+    item: data,
+    value: newValue
+  })), [data, onChange, setValue]);
+  const onChangeCalendarDateTimeControl = (0, _element.useCallback)(newValue => onChange(setValue({
+    item: data,
+    value: newValue
+  })), [data, onChange, setValue]);
   if (operator === _constants.OPERATOR_IN_THE_PAST || operator === _constants.OPERATOR_OVER) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeDateControl.default, {
+      className: "dataviews-controls__datetime",
       id: id,
       value: value && typeof value === 'object' ? value : {},
-      onChange: onChange,
+      onChange: onChangeRelativeDateControl,
       label: label,
       hideLabelFromVision: hideLabelFromVision,
       options: _relativeDateControl.TIME_UNITS_OPTIONS[operator]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-    className: "dataviews-controls__datetime",
-    children: [!hideLabelFromVision && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
-      as: "legend",
-      children: label
-    }), hideLabelFromVision && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-      as: "legend",
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TimePicker, {
-      currentTime: typeof value === 'string' ? value : undefined,
-      onChange: onChangeControl,
-      hideLabelFromVision: true
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarDateTimeControl, {
+    id: id,
+    value: typeof value === 'string' ? value : undefined,
+    onChange: onChangeCalendarDateTimeControl,
+    label: label,
+    description: description,
+    hideLabelFromVision: hideLabelFromVision
   });
 }
 //# sourceMappingURL=datetime.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_components","require","_element","_i18n","_date","_dateFns","_constants","_relativeDateControl","_interopRequireWildcard","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateCalendar","unlock","componentsPrivateApis","parseDateTime","dateTimeString","parsed","getDate","isValid","formatDateTime","date","format","CalendarDateTimeControl","id","value","onChange","label","description","hideLabelFromVision","calendarMonth","setCalendarMonth","useState","parsedDate","Date","onSelectDate","useCallback","newDate","finalDateTime","currentDateTime","setHours","getHours","setMinutes","getMinutes","dateTimeValue","toISOString","undefined","handleManualDateTimeChange","newValue","dateTime","timezone","string","timezoneString","l10n","startOfWeek","getSettings","jsx","BaseControl","__nextHasNoMarginBottom","help","children","jsxs","__experimentalVStack","spacing","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","__experimentalInputControl","__next40pxDefaultSize","type","__","DateTime","data","field","operator","getValue","setValue","item","onChangeRelativeDateControl","onChangeCalendarDateTimeControl","OPERATOR_IN_THE_PAST","OPERATOR_OVER","className","options","TIME_UNITS_OPTIONS"],"sources":["@wordpress/dataviews/src/dataform-controls/datetime.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport { format, isValid } from 'date-fns';\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\ttype DateRelative,\n} from './relative-date-control';\nimport { unlock } from '../lock-unlock';\n\nconst { DateCalendar } = unlock( componentsPrivateApis );\n\nconst parseDateTime = ( dateTimeString?: string ): Date | null => {\n\tif ( ! dateTimeString ) {\n\t\treturn null;\n\t}\n\tconst parsed = getDate( dateTimeString );\n\treturn parsed && isValid( parsed ) ? parsed : null;\n};\n\nconst formatDateTime = ( date?: Date | string ): string => {\n\tif ( ! date ) {\n\t\treturn '';\n\t}\n\tif ( typeof date === 'string' ) {\n\t\treturn date;\n\t}\n\t// Format as datetime-local input expects: YYYY-MM-DDTHH:mm\n\treturn format( date, \"yyyy-MM-dd'T'HH:mm\" );\n};\n\nfunction CalendarDateTimeControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\tdescription,\n\thideLabelFromVision,\n}: {\n\tid: string;\n\tvalue: string | undefined;\n\tonChange: ( value: string | undefined ) => void;\n\tlabel: string;\n\tdescription?: string;\n\thideLabelFromVision?: boolean;\n} ) {\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\tconst parsedDate = parseDateTime( 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\tif ( newDate ) {\n\t\t\t\t// Preserve time if it exists in current value, otherwise use current time\n\t\t\t\tlet finalDateTime = newDate;\n\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst currentDateTime = parseDateTime( value );\n\t\t\t\t\tif ( currentDateTime ) {\n\t\t\t\t\t\t// Preserve the time part\n\t\t\t\t\t\tfinalDateTime = new Date( newDate );\n\t\t\t\t\t\tfinalDateTime.setHours( currentDateTime.getHours() );\n\t\t\t\t\t\tfinalDateTime.setMinutes(\n\t\t\t\t\t\t\tcurrentDateTime.getMinutes()\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst dateTimeValue = finalDateTime.toISOString();\n\t\t\t\tonChange( dateTimeValue );\n\t\t\t} else {\n\t\t\t\tonChange( undefined );\n\t\t\t}\n\t\t},\n\t\t[ onChange, value ]\n\t);\n\n\tconst handleManualDateTimeChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tif ( newValue ) {\n\t\t\t\t// Convert from datetime-local format to ISO string\n\t\t\t\tconst dateTime = new Date( newValue );\n\t\t\t\tonChange( dateTime.toISOString() );\n\n\t\t\t\t// Update calendar month to match\n\t\t\t\tconst parsedDate = parseDateTime( dateTime.toISOString() );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tonChange( undefined );\n\t\t\t}\n\t\t},\n\t\t[ 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\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\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 ? parseDateTime( 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\t{ /* Manual datetime input */ }\n\t\t\t\t<InputControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ttype=\"datetime-local\"\n\t\t\t\t\tlabel={ __( 'Date time' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tvalue\n\t\t\t\t\t\t\t? formatDateTime(\n\t\t\t\t\t\t\t\t\tparseDateTime( value ) || undefined\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ handleManualDateTimeChange }\n\t\t\t\t/>\n\t\t\t</VStack>\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, description, getValue, setValue } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst onChangeRelativeDateControl = useCallback(\n\t\t( newValue: DateRelative ) =>\n\t\t\tonChange( setValue( { item: data, value: newValue } ) ),\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onChangeCalendarDateTimeControl = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( setValue( { item: data, value: newValue } ) ),\n\t\t[ data, onChange, setValue ]\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\tclassName=\"dataviews-controls__datetime\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChangeRelativeDateControl }\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<CalendarDateTimeControl\n\t\t\tid={ id }\n\t\t\tvalue={ typeof value === 'string' ? value : undefined }\n\t\t\tonChange={ onChangeCalendarDateTimeControl }\n\t\t\tlabel={ label }\n\t\t\tdescription={ description }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataform-controls/email.js

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Email;
-var _validatedText = _interopRequireDefault(require("./utils/validated-text"));
+var _components = require("@wordpress/components");
+var _icons = require("@wordpress/icons");
+var _validatedInput = _interopRequireDefault(require("./utils/validated-input"));
 var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
 /**
  * Internal dependencies
  */
@@ -17,12 +23,18 @@ function Email({
   onChange,
   hideLabelFromVision
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_validatedText.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_validatedInput.default, {
     data,
     field,
     onChange,
     hideLabelFromVision,
-    type: 'email'
+    type: 'email',
+    prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
+      variant: "icon",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: _icons.atSymbol
+      })
+    })
   });
 }
 //# sourceMappingURL=email.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_validatedText","_interopRequireDefault","require","_jsxRuntime","Email","data","field","onChange","hideLabelFromVision","jsx","default","type"],"sources":["@wordpress/dataviews/src/dataform-controls/email.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport ValidatedText from './utils/validated-text';\n\nexport default function Email< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\treturn (\n\t\t<ValidatedText\n\t\t\t{ ...{ data, field, onChange, hideLabelFromVision, type: 'email' } }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmD,IAAAC,WAAA,GAAAD,OAAA;AAJnD;AACA;AACA;;AAIe,SAASE,KAAKA,CAAU;EACtCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACT,cAAA,CAAAU,OAAa;IACNL,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,mBAAmB;IAAEG,IAAI,EAAE;EAAO,CAChE,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_icons","_validatedInput","_interopRequireDefault","_jsxRuntime","Email","data","field","onChange","hideLabelFromVision","jsx","default","type","prefix","__experimentalInputControlPrefixWrapper","variant","children","Icon","icon","atSymbol"],"sources":["@wordpress/dataviews/src/dataform-controls/email.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\nimport { atSymbol } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport ValidatedText from './utils/validated-input';\n\nexport default function Email< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\treturn (\n\t\t<ValidatedText\n\t\t\t{ ...{\n\t\t\t\tdata,\n\t\t\t\tfield,\n\t\t\t\tonChange,\n\t\t\t\thideLabelFromVision,\n\t\t\t\ttype: 'email',\n\t\t\t\tprefix: (\n\t\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t\t<Icon icon={ atSymbol } />\n\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t),\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAMA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAbpD;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASK,KAAKA,CAAU;EACtCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACR,eAAA,CAAAS,OAAa;IAEZL,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,mBAAmB;IACnBG,IAAI,EAAE,OAAO;IACbC,MAAM,eACL,IAAAT,WAAA,CAAAM,GAAA,EAACX,WAAA,CAAAe,uCAAyB;MAACC,OAAO,EAAC,MAAM;MAAAC,QAAA,eACxC,IAAAZ,WAAA,CAAAM,GAAA,EAACX,WAAA,CAAAkB,IAAI;QAACC,IAAI,EAAGC;MAAU,CAAE;IAAC,CACA;EAC3B,CAEF,CAAC;AAEJ","ignoreList":[]}

package/build/dataform-controls/index.js

@@ -11,13 +11,18 @@ var _datetime = _interopRequireDefault(require("./datetime"));
 var _date = _interopRequireDefault(require("./date"));
 var _email = _interopRequireDefault(require("./email"));
 var _telephone = _interopRequireDefault(require("./telephone"));
+var _url = _interopRequireDefault(require("./url"));
 var _integer = _interopRequireDefault(require("./integer"));
 var _radio = _interopRequireDefault(require("./radio"));
 var _select = _interopRequireDefault(require("./select"));
 var _text = _interopRequireDefault(require("./text"));
+var _toggle = _interopRequireDefault(require("./toggle"));
+var _textarea = _interopRequireDefault(require("./textarea"));
 var _toggleGroup = _interopRequireDefault(require("./toggle-group"));
-var _boolean = _interopRequireDefault(require("./boolean"));
 var _array = _interopRequireDefault(require("./array"));
+var _color = _interopRequireDefault(require("./color"));
+var _password = _interopRequireDefault(require("./password"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -28,18 +33,38 @@ var _array = _interopRequireDefault(require("./array"));
 
 const FORM_CONTROLS = {
   array: _array.default,
-  boolean: _boolean.default,
   checkbox: _checkbox.default,
+  color: _color.default,
   datetime: _datetime.default,
   date: _date.default,
   email: _email.default,
   telephone: _telephone.default,
+  url: _url.default,
   integer: _integer.default,
+  password: _password.default,
   radio: _radio.default,
   select: _select.default,
   text: _text.default,
+  toggle: _toggle.default,
+  textarea: _textarea.default,
   toggleGroup: _toggleGroup.default
 };
+function isEditConfig(value) {
+  return value && typeof value === 'object' && typeof value.control === 'string';
+}
+function createConfiguredControl(config) {
+  const {
+    control,
+    ...controlConfig
+  } = config;
+  const BaseControlType = getControlByType(control);
+  return function ConfiguredControl(props) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseControlType, {
+      ...props,
+      config: controlConfig
+    });
+  };
+}
 function getControl(field, fieldTypeDefinition) {
   if (typeof field.Edit === 'function') {
     return field.Edit;
@@ -47,12 +72,18 @@ function getControl(field, fieldTypeDefinition) {
   if (typeof field.Edit === 'string') {
     return getControlByType(field.Edit);
   }
+  if (isEditConfig(field.Edit)) {
+    return createConfiguredControl(field.Edit);
+  }
   if (field.elements && field.type !== 'array') {
     return getControlByType('select');
   }
   if (typeof fieldTypeDefinition.Edit === 'string') {
     return getControlByType(fieldTypeDefinition.Edit);
   }
+  if (isEditConfig(fieldTypeDefinition.Edit)) {
+    return createConfiguredControl(fieldTypeDefinition.Edit);
+  }
   return fieldTypeDefinition.Edit;
 }
 function getControlByType(type) {