@wordpress/dataviews 9.0.1-next.6f42e1382.0 → 9.1.1-next.f56bd8138.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/CHANGELOG.md +22 -2
  2. package/README.md +107 -11
  3. package/build/components/dataviews-filters/input-widget.js +48 -4
  4. package/build/components/dataviews-filters/input-widget.js.map +1 -1
  5. package/build/components/dataviews-view-config/index.js +22 -3
  6. package/build/components/dataviews-view-config/index.js.map +1 -1
  7. package/build/dataform-controls/array.js +117 -29
  8. package/build/dataform-controls/array.js.map +1 -1
  9. package/build/dataform-controls/checkbox.js +31 -20
  10. package/build/dataform-controls/checkbox.js.map +1 -1
  11. package/build/dataform-controls/color.js +29 -24
  12. package/build/dataform-controls/color.js.map +1 -1
  13. package/build/dataform-controls/date.js +32 -24
  14. package/build/dataform-controls/date.js.map +1 -1
  15. package/build/dataform-controls/datetime.js +133 -19
  16. package/build/dataform-controls/datetime.js.map +1 -1
  17. package/build/dataform-controls/email.js +7 -1
  18. package/build/dataform-controls/email.js.map +1 -1
  19. package/build/dataform-controls/index.js +23 -0
  20. package/build/dataform-controls/index.js.map +1 -1
  21. package/build/dataform-controls/integer.js +47 -34
  22. package/build/dataform-controls/integer.js.map +1 -1
  23. package/build/dataform-controls/radio.js +42 -9
  24. package/build/dataform-controls/radio.js.map +1 -1
  25. package/build/dataform-controls/relative-date-control.js +6 -10
  26. package/build/dataform-controls/relative-date-control.js.map +1 -1
  27. package/build/dataform-controls/select.js +41 -10
  28. package/build/dataform-controls/select.js.map +1 -1
  29. package/build/dataform-controls/telephone.js +7 -1
  30. package/build/dataform-controls/telephone.js.map +1 -1
  31. package/build/dataform-controls/text.js +14 -2
  32. package/build/dataform-controls/text.js.map +1 -1
  33. package/build/dataform-controls/textarea.js +33 -20
  34. package/build/dataform-controls/textarea.js.map +1 -1
  35. package/build/dataform-controls/toggle-group.js +36 -6
  36. package/build/dataform-controls/toggle-group.js.map +1 -1
  37. package/build/dataform-controls/toggle.js +33 -22
  38. package/build/dataform-controls/toggle.js.map +1 -1
  39. package/build/dataform-controls/url.js +7 -1
  40. package/build/dataform-controls/url.js.map +1 -1
  41. package/build/dataform-controls/utils/validated-input.js +34 -32
  42. package/build/dataform-controls/utils/validated-input.js.map +1 -1
  43. package/build/dataforms-layouts/panel/dropdown.js +10 -14
  44. package/build/dataforms-layouts/panel/dropdown.js.map +1 -1
  45. package/build/dataforms-layouts/panel/index.js +24 -11
  46. package/build/dataforms-layouts/panel/index.js.map +1 -1
  47. package/build/dataforms-layouts/panel/modal.js +22 -27
  48. package/build/dataforms-layouts/panel/modal.js.map +1 -1
  49. package/build/dataforms-layouts/panel/summary-button.js +67 -0
  50. package/build/dataforms-layouts/panel/summary-button.js.map +1 -0
  51. package/build/field-types/array.js +0 -6
  52. package/build/field-types/array.js.map +1 -1
  53. package/build/index.js +7 -0
  54. package/build/index.js.map +1 -1
  55. package/build/normalize-fields.js +17 -0
  56. package/build/normalize-fields.js.map +1 -1
  57. package/build/types.js.map +1 -1
  58. package/build/validation.js +18 -1
  59. package/build/validation.js.map +1 -1
  60. package/build-module/components/dataviews-filters/input-widget.js +48 -4
  61. package/build-module/components/dataviews-filters/input-widget.js.map +1 -1
  62. package/build-module/components/dataviews-view-config/index.js +22 -3
  63. package/build-module/components/dataviews-view-config/index.js.map +1 -1
  64. package/build-module/dataform-controls/array.js +120 -32
  65. package/build-module/dataform-controls/array.js.map +1 -1
  66. package/build-module/dataform-controls/checkbox.js +31 -21
  67. package/build-module/dataform-controls/checkbox.js.map +1 -1
  68. package/build-module/dataform-controls/color.js +28 -24
  69. package/build-module/dataform-controls/color.js.map +1 -1
  70. package/build-module/dataform-controls/date.js +32 -24
  71. package/build-module/dataform-controls/date.js.map +1 -1
  72. package/build-module/dataform-controls/datetime.js +135 -21
  73. package/build-module/dataform-controls/datetime.js.map +1 -1
  74. package/build-module/dataform-controls/email.js +7 -1
  75. package/build-module/dataform-controls/email.js.map +1 -1
  76. package/build-module/dataform-controls/index.js +23 -0
  77. package/build-module/dataform-controls/index.js.map +1 -1
  78. package/build-module/dataform-controls/integer.js +46 -34
  79. package/build-module/dataform-controls/integer.js.map +1 -1
  80. package/build-module/dataform-controls/radio.js +44 -11
  81. package/build-module/dataform-controls/radio.js.map +1 -1
  82. package/build-module/dataform-controls/relative-date-control.js +6 -10
  83. package/build-module/dataform-controls/relative-date-control.js.map +1 -1
  84. package/build-module/dataform-controls/select.js +43 -12
  85. package/build-module/dataform-controls/select.js.map +1 -1
  86. package/build-module/dataform-controls/telephone.js +7 -1
  87. package/build-module/dataform-controls/telephone.js.map +1 -1
  88. package/build-module/dataform-controls/text.js +14 -2
  89. package/build-module/dataform-controls/text.js.map +1 -1
  90. package/build-module/dataform-controls/textarea.js +32 -20
  91. package/build-module/dataform-controls/textarea.js.map +1 -1
  92. package/build-module/dataform-controls/toggle-group.js +38 -8
  93. package/build-module/dataform-controls/toggle-group.js.map +1 -1
  94. package/build-module/dataform-controls/toggle.js +33 -23
  95. package/build-module/dataform-controls/toggle.js.map +1 -1
  96. package/build-module/dataform-controls/url.js +7 -1
  97. package/build-module/dataform-controls/url.js.map +1 -1
  98. package/build-module/dataform-controls/utils/validated-input.js +34 -33
  99. package/build-module/dataform-controls/utils/validated-input.js.map +1 -1
  100. package/build-module/dataforms-layouts/panel/dropdown.js +10 -15
  101. package/build-module/dataforms-layouts/panel/dropdown.js.map +1 -1
  102. package/build-module/dataforms-layouts/panel/index.js +24 -11
  103. package/build-module/dataforms-layouts/panel/index.js.map +1 -1
  104. package/build-module/dataforms-layouts/panel/modal.js +22 -28
  105. package/build-module/dataforms-layouts/panel/modal.js.map +1 -1
  106. package/build-module/dataforms-layouts/panel/summary-button.js +60 -0
  107. package/build-module/dataforms-layouts/panel/summary-button.js.map +1 -0
  108. package/build-module/field-types/array.js +0 -6
  109. package/build-module/field-types/array.js.map +1 -1
  110. package/build-module/index.js +1 -0
  111. package/build-module/index.js.map +1 -1
  112. package/build-module/normalize-fields.js +15 -0
  113. package/build-module/normalize-fields.js.map +1 -1
  114. package/build-module/types.js.map +1 -1
  115. package/build-module/validation.js +18 -1
  116. package/build-module/validation.js.map +1 -1
  117. package/build-types/components/dataform/stories/index.story.d.ts +3 -0
  118. package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
  119. package/build-types/components/dataviews/stories/fixtures.d.ts +4 -2
  120. package/build-types/components/dataviews/stories/fixtures.d.ts.map +1 -1
  121. package/build-types/components/dataviews-filters/input-widget.d.ts.map +1 -1
  122. package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
  123. package/build-types/dataform-controls/array.d.ts.map +1 -1
  124. package/build-types/dataform-controls/checkbox.d.ts.map +1 -1
  125. package/build-types/dataform-controls/color.d.ts.map +1 -1
  126. package/build-types/dataform-controls/date.d.ts.map +1 -1
  127. package/build-types/dataform-controls/datetime.d.ts.map +1 -1
  128. package/build-types/dataform-controls/email.d.ts.map +1 -1
  129. package/build-types/dataform-controls/index.d.ts +1 -1
  130. package/build-types/dataform-controls/index.d.ts.map +1 -1
  131. package/build-types/dataform-controls/integer.d.ts.map +1 -1
  132. package/build-types/dataform-controls/radio.d.ts.map +1 -1
  133. package/build-types/dataform-controls/relative-date-control.d.ts +6 -5
  134. package/build-types/dataform-controls/relative-date-control.d.ts.map +1 -1
  135. package/build-types/dataform-controls/select.d.ts.map +1 -1
  136. package/build-types/dataform-controls/telephone.d.ts.map +1 -1
  137. package/build-types/dataform-controls/text.d.ts +1 -1
  138. package/build-types/dataform-controls/text.d.ts.map +1 -1
  139. package/build-types/dataform-controls/textarea.d.ts +1 -1
  140. package/build-types/dataform-controls/textarea.d.ts.map +1 -1
  141. package/build-types/dataform-controls/toggle-group.d.ts.map +1 -1
  142. package/build-types/dataform-controls/toggle.d.ts.map +1 -1
  143. package/build-types/dataform-controls/url.d.ts.map +1 -1
  144. package/build-types/dataform-controls/utils/validated-input.d.ts +4 -4
  145. package/build-types/dataform-controls/utils/validated-input.d.ts.map +1 -1
  146. package/build-types/dataforms-layouts/panel/dropdown.d.ts +2 -1
  147. package/build-types/dataforms-layouts/panel/dropdown.d.ts.map +1 -1
  148. package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -1
  149. package/build-types/dataforms-layouts/panel/modal.d.ts +2 -1
  150. package/build-types/dataforms-layouts/panel/modal.d.ts.map +1 -1
  151. package/build-types/dataforms-layouts/panel/summary-button.d.ts +15 -0
  152. package/build-types/dataforms-layouts/panel/summary-button.d.ts.map +1 -0
  153. package/build-types/field-types/array.d.ts.map +1 -1
  154. package/build-types/field-types/stories/index.story.d.ts.map +1 -1
  155. package/build-types/index.d.ts +1 -0
  156. package/build-types/index.d.ts.map +1 -1
  157. package/build-types/normalize-fields.d.ts +3 -0
  158. package/build-types/normalize-fields.d.ts.map +1 -1
  159. package/build-types/types.d.ts +68 -4
  160. package/build-types/types.d.ts.map +1 -1
  161. package/build-types/validation.d.ts.map +1 -1
  162. package/build-wp/index.js +2009 -1489
  163. package/package.json +16 -15
  164. package/src/components/dataform/stories/index.story.tsx +509 -8
  165. package/src/components/dataviews/stories/fixtures.tsx +99 -41
  166. package/src/components/dataviews/stories/index.story.tsx +1 -1
  167. package/src/components/dataviews-filters/input-widget.tsx +44 -5
  168. package/src/components/dataviews-picker/stories/index.story.tsx +1 -1
  169. package/src/components/dataviews-view-config/index.tsx +18 -3
  170. package/src/dataform-controls/array.tsx +139 -44
  171. package/src/dataform-controls/checkbox.tsx +41 -24
  172. package/src/dataform-controls/color.tsx +33 -24
  173. package/src/dataform-controls/date.tsx +47 -21
  174. package/src/dataform-controls/datetime.tsx +171 -23
  175. package/src/dataform-controls/email.tsx +9 -1
  176. package/src/dataform-controls/index.tsx +26 -0
  177. package/src/dataform-controls/integer.tsx +82 -49
  178. package/src/dataform-controls/radio.tsx +53 -11
  179. package/src/dataform-controls/relative-date-control.tsx +11 -10
  180. package/src/dataform-controls/select.tsx +53 -10
  181. package/src/dataform-controls/telephone.tsx +9 -1
  182. package/src/dataform-controls/text.tsx +18 -1
  183. package/src/dataform-controls/textarea.tsx +38 -24
  184. package/src/dataform-controls/toggle-group.tsx +50 -10
  185. package/src/dataform-controls/toggle.tsx +41 -24
  186. package/src/dataform-controls/url.tsx +9 -1
  187. package/src/dataform-controls/utils/validated-input.tsx +50 -50
  188. package/src/dataforms-layouts/panel/dropdown.tsx +12 -23
  189. package/src/dataforms-layouts/panel/index.tsx +39 -16
  190. package/src/dataforms-layouts/panel/modal.tsx +24 -30
  191. package/src/dataforms-layouts/panel/summary-button.tsx +92 -0
  192. package/src/field-types/array.tsx +0 -8
  193. package/src/field-types/stories/index.story.tsx +89 -1
  194. package/src/index.ts +1 -0
  195. package/src/normalize-fields.ts +18 -0
  196. package/src/test/filter-and-sort-data-view.js +148 -138
  197. package/src/test/normalize-fields.ts +114 -0
  198. package/src/test/validation.ts +192 -0
  199. package/src/types.ts +75 -4
  200. package/src/validation.ts +30 -0
  201. package/tsconfig.tsbuildinfo +1 -1
@@ -1 +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":[]}
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","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":"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","ignoreList":[]}
@@ -6,8 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = DateTime;
7
7
  var _components = require("@wordpress/components");
8
8
  var _element = require("@wordpress/element");
9
+ var _i18n = require("@wordpress/i18n");
10
+ var _date = require("@wordpress/date");
11
+ var _dateFns = require("date-fns");
9
12
  var _constants = require("../constants");
10
13
  var _relativeDateControl = _interopRequireWildcard(require("./relative-date-control"));
14
+ var _lockUnlock = require("../lock-unlock");
11
15
  var _jsxRuntime = require("react/jsx-runtime");
12
16
  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); }
13
17
  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;
15
19
  * WordPress dependencies
16
20
  */
17
21
 
22
+ /**
23
+ * External dependencies
24
+ */
25
+
18
26
  /**
19
27
  * Internal dependencies
20
28
  */
21
29
 
30
+ const {
31
+ DateCalendar
32
+ } = (0, _lockUnlock.unlock)(_components.privateApis);
33
+ const parseDateTime = dateTimeString => {
34
+ if (!dateTimeString) {
35
+ return null;
36
+ }
37
+ const parsed = (0, _date.getDate)(dateTimeString);
38
+ return parsed && (0, _dateFns.isValid)(parsed) ? parsed : null;
39
+ };
40
+ const formatDateTime = date => {
41
+ if (!date) {
42
+ return '';
43
+ }
44
+ if (typeof date === 'string') {
45
+ return date;
46
+ }
47
+ // Format as datetime-local input expects: YYYY-MM-DDTHH:mm
48
+ return (0, _dateFns.format)(date, "yyyy-MM-dd'T'HH:mm");
49
+ };
50
+ function CalendarDateTimeControl({
51
+ id,
52
+ value,
53
+ onChange,
54
+ label,
55
+ description,
56
+ hideLabelFromVision
57
+ }) {
58
+ const [calendarMonth, setCalendarMonth] = (0, _element.useState)(() => {
59
+ const parsedDate = parseDateTime(value);
60
+ return parsedDate || new Date(); // Default to current month
61
+ });
62
+ const onSelectDate = (0, _element.useCallback)(newDate => {
63
+ if (newDate) {
64
+ // Preserve time if it exists in current value, otherwise use current time
65
+ let finalDateTime = newDate;
66
+ if (value) {
67
+ const currentDateTime = parseDateTime(value);
68
+ if (currentDateTime) {
69
+ // Preserve the time part
70
+ finalDateTime = new Date(newDate);
71
+ finalDateTime.setHours(currentDateTime.getHours());
72
+ finalDateTime.setMinutes(currentDateTime.getMinutes());
73
+ }
74
+ }
75
+ const dateTimeValue = finalDateTime.toISOString();
76
+ onChange(dateTimeValue);
77
+ } else {
78
+ onChange(undefined);
79
+ }
80
+ }, [onChange, value]);
81
+ const handleManualDateTimeChange = (0, _element.useCallback)(newValue => {
82
+ if (newValue) {
83
+ // Convert from datetime-local format to ISO string
84
+ const dateTime = new Date(newValue);
85
+ onChange(dateTime.toISOString());
86
+
87
+ // Update calendar month to match
88
+ const parsedDate = parseDateTime(dateTime.toISOString());
89
+ if (parsedDate) {
90
+ setCalendarMonth(parsedDate);
91
+ }
92
+ } else {
93
+ onChange(undefined);
94
+ }
95
+ }, [onChange]);
96
+ const {
97
+ timezone: {
98
+ string: timezoneString
99
+ },
100
+ l10n: {
101
+ startOfWeek
102
+ }
103
+ } = (0, _date.getSettings)();
104
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
105
+ __nextHasNoMarginBottom: true,
106
+ id: id,
107
+ label: label,
108
+ help: description,
109
+ hideLabelFromVision: hideLabelFromVision,
110
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
111
+ spacing: 4,
112
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateCalendar, {
113
+ style: {
114
+ width: '100%'
115
+ },
116
+ selected: value ? parseDateTime(value) || undefined : undefined,
117
+ onSelect: onSelectDate,
118
+ month: calendarMonth,
119
+ onMonthChange: setCalendarMonth,
120
+ timeZone: timezoneString || undefined,
121
+ weekStartsOn: startOfWeek
122
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
123
+ __next40pxDefaultSize: true,
124
+ type: "datetime-local",
125
+ label: (0, _i18n.__)('Date time'),
126
+ hideLabelFromVision: true,
127
+ value: value ? formatDateTime(parseDateTime(value) || undefined) : '',
128
+ onChange: handleManualDateTimeChange
129
+ })]
130
+ })
131
+ });
132
+ }
22
133
  function DateTime({
23
134
  data,
24
135
  field,
@@ -28,37 +139,40 @@ function DateTime({
28
139
  }) {
29
140
  const {
30
141
  id,
31
- label
142
+ label,
143
+ description,
144
+ getValue,
145
+ setValue
32
146
  } = field;
33
- const value = field.getValue({
147
+ const value = getValue({
34
148
  item: data
35
149
  });
36
- const onChangeControl = (0, _element.useCallback)(newValue => onChange({
37
- [id]: newValue
38
- }), [id, onChange]);
150
+ const onChangeRelativeDateControl = (0, _element.useCallback)(newValue => onChange(setValue({
151
+ item: data,
152
+ value: newValue
153
+ })), [data, onChange, setValue]);
154
+ const onChangeCalendarDateTimeControl = (0, _element.useCallback)(newValue => onChange(setValue({
155
+ item: data,
156
+ value: newValue
157
+ })), [data, onChange, setValue]);
39
158
  if (operator === _constants.OPERATOR_IN_THE_PAST || operator === _constants.OPERATOR_OVER) {
40
159
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeDateControl.default, {
160
+ className: "dataviews-controls__datetime",
41
161
  id: id,
42
162
  value: value && typeof value === 'object' ? value : {},
43
- onChange: onChange,
163
+ onChange: onChangeRelativeDateControl,
44
164
  label: label,
45
165
  hideLabelFromVision: hideLabelFromVision,
46
166
  options: _relativeDateControl.TIME_UNITS_OPTIONS[operator]
47
167
  });
48
168
  }
49
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
50
- className: "dataviews-controls__datetime",
51
- children: [!hideLabelFromVision && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
52
- as: "legend",
53
- children: label
54
- }), hideLabelFromVision && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
55
- as: "legend",
56
- children: label
57
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TimePicker, {
58
- currentTime: typeof value === 'string' ? value : undefined,
59
- onChange: onChangeControl,
60
- hideLabelFromVision: true
61
- })]
169
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarDateTimeControl, {
170
+ id: id,
171
+ value: typeof value === 'string' ? value : undefined,
172
+ onChange: onChangeCalendarDateTimeControl,
173
+ label: label,
174
+ description: description,
175
+ hideLabelFromVision: hideLabelFromVision
62
176
  });
63
177
  }
64
178
  //# sourceMappingURL=datetime.js.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = Email;
8
+ var _components = require("@wordpress/components");
8
9
  var _icons = require("@wordpress/icons");
9
10
  var _validatedInput = _interopRequireDefault(require("./utils/validated-input"));
10
11
  var _jsxRuntime = require("react/jsx-runtime");
@@ -28,7 +29,12 @@ function Email({
28
29
  onChange,
29
30
  hideLabelFromVision,
30
31
  type: 'email',
31
- icon: _icons.atSymbol
32
+ prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
33
+ variant: "icon",
34
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
35
+ icon: _icons.atSymbol
36
+ })
37
+ })
32
38
  });
33
39
  }
34
40
  //# sourceMappingURL=email.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_icons","require","_validatedInput","_interopRequireDefault","_jsxRuntime","Email","data","field","onChange","hideLabelFromVision","jsx","default","type","icon","atSymbol"],"sources":["@wordpress/dataviews/src/dataform-controls/email.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\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\ticon: atSymbol,\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AATpD;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,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,IAAI,EAAEC;EAAQ,CAEf,CAAC;AAEJ","ignoreList":[]}
1
+ {"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":[]}
@@ -22,6 +22,7 @@ var _toggleGroup = _interopRequireDefault(require("./toggle-group"));
22
22
  var _array = _interopRequireDefault(require("./array"));
23
23
  var _color = _interopRequireDefault(require("./color"));
24
24
  var _password = _interopRequireDefault(require("./password"));
25
+ var _jsxRuntime = require("react/jsx-runtime");
25
26
  /**
26
27
  * External dependencies
27
28
  */
@@ -48,6 +49,22 @@ const FORM_CONTROLS = {
48
49
  textarea: _textarea.default,
49
50
  toggleGroup: _toggleGroup.default
50
51
  };
52
+ function isEditConfig(value) {
53
+ return value && typeof value === 'object' && typeof value.control === 'string';
54
+ }
55
+ function createConfiguredControl(config) {
56
+ const {
57
+ control,
58
+ ...controlConfig
59
+ } = config;
60
+ const BaseControlType = getControlByType(control);
61
+ return function ConfiguredControl(props) {
62
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseControlType, {
63
+ ...props,
64
+ config: controlConfig
65
+ });
66
+ };
67
+ }
51
68
  function getControl(field, fieldTypeDefinition) {
52
69
  if (typeof field.Edit === 'function') {
53
70
  return field.Edit;
@@ -55,12 +72,18 @@ function getControl(field, fieldTypeDefinition) {
55
72
  if (typeof field.Edit === 'string') {
56
73
  return getControlByType(field.Edit);
57
74
  }
75
+ if (isEditConfig(field.Edit)) {
76
+ return createConfiguredControl(field.Edit);
77
+ }
58
78
  if (field.elements && field.type !== 'array') {
59
79
  return getControlByType('select');
60
80
  }
61
81
  if (typeof fieldTypeDefinition.Edit === 'string') {
62
82
  return getControlByType(fieldTypeDefinition.Edit);
63
83
  }
84
+ if (isEditConfig(fieldTypeDefinition.Edit)) {
85
+ return createConfiguredControl(fieldTypeDefinition.Edit);
86
+ }
64
87
  return fieldTypeDefinition.Edit;
65
88
  }
66
89
  function getControlByType(type) {
@@ -1 +1 @@
1
- {"version":3,"names":["_checkbox","_interopRequireDefault","require","_datetime","_date","_email","_telephone","_url","_integer","_radio","_select","_text","_toggle","_textarea","_toggleGroup","_array","_color","_password","FORM_CONTROLS","array","checkbox","color","datetime","date","email","telephone","url","integer","password","radio","select","text","toggle","textarea","toggleGroup","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 telephone from './telephone';\nimport url from './url';\nimport integer from './integer';\nimport radio from './radio';\nimport select from './select';\nimport text from './text';\nimport toggle from './toggle';\nimport textarea from './textarea';\nimport toggleGroup from './toggle-group';\nimport array from './array';\nimport color from './color';\nimport password from './password';\n\ninterface FormControls {\n\t[ key: string ]: ComponentType< DataFormControlProps< any > >;\n}\n\nconst FORM_CONTROLS: FormControls = {\n\tarray,\n\tcheckbox,\n\tcolor,\n\tdatetime,\n\tdate,\n\temail,\n\ttelephone,\n\turl,\n\tinteger,\n\tpassword,\n\tradio,\n\tselect,\n\ttext,\n\ttoggle,\n\ttextarea,\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 && field.type !== 'array' ) {\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,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,SAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,YAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,MAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,MAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,SAAA,GAAAhB,sBAAA,CAAAC,OAAA;AA5BA;AACA;AACA;;AAGA;AACA;AACA;;AA2BA,MAAMgB,aAA2B,GAAG;EACnCC,KAAK,EAALA,cAAK;EACLC,QAAQ,EAARA,iBAAQ;EACRC,KAAK,EAALA,cAAK;EACLC,QAAQ,EAARA,iBAAQ;EACRC,IAAI,EAAJA,aAAI;EACJC,KAAK,EAALA,cAAK;EACLC,SAAS,EAATA,kBAAS;EACTC,GAAG,EAAHA,YAAG;EACHC,OAAO,EAAPA,gBAAO;EACPC,QAAQ,EAARA,iBAAQ;EACRC,KAAK,EAALA,cAAK;EACLC,MAAM,EAANA,eAAM;EACNC,IAAI,EAAJA,aAAI;EACJC,MAAM,EAANA,eAAM;EACNC,QAAQ,EAARA,iBAAQ;EACRC,WAAW,EAAXA;AACD,CAAC;AAEM,SAASC,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,IAAIJ,KAAK,CAACK,IAAI,KAAK,OAAO,EAAG;IAC/C,OAAOF,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;AAEO,SAASC,gBAAgBA,CAAEE,IAAY,EAAG;EAChD,IAAKC,MAAM,CAACC,IAAI,CAAEzB,aAAc,CAAC,CAAC0B,QAAQ,CAAEH,IAAK,CAAC,EAAG;IACpD,OAAOvB,aAAa,CAAEuB,IAAI,CAAE;EAC7B;EAEA,MAAM,UAAU,GAAGA,IAAI,GAAG,YAAY;AACvC","ignoreList":[]}
1
+ {"version":3,"names":["_checkbox","_interopRequireDefault","require","_datetime","_date","_email","_telephone","_url","_integer","_radio","_select","_text","_toggle","_textarea","_toggleGroup","_array","_color","_password","_jsxRuntime","FORM_CONTROLS","array","checkbox","color","datetime","date","email","telephone","url","integer","password","radio","select","text","toggle","textarea","toggleGroup","isEditConfig","value","control","createConfiguredControl","config","controlConfig","BaseControlType","getControlByType","ConfiguredControl","props","jsx","getControl","field","fieldTypeDefinition","Edit","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\tEditConfig,\n} from '../types';\nimport checkbox from './checkbox';\nimport datetime from './datetime';\nimport date from './date';\nimport email from './email';\nimport telephone from './telephone';\nimport url from './url';\nimport integer from './integer';\nimport radio from './radio';\nimport select from './select';\nimport text from './text';\nimport toggle from './toggle';\nimport textarea from './textarea';\nimport toggleGroup from './toggle-group';\nimport array from './array';\nimport color from './color';\nimport password from './password';\n\ninterface FormControls {\n\t[ key: string ]: ComponentType< DataFormControlProps< any > >;\n}\n\nconst FORM_CONTROLS: FormControls = {\n\tarray,\n\tcheckbox,\n\tcolor,\n\tdatetime,\n\tdate,\n\temail,\n\ttelephone,\n\turl,\n\tinteger,\n\tpassword,\n\tradio,\n\tselect,\n\ttext,\n\ttoggle,\n\ttextarea,\n\ttoggleGroup,\n};\n\nfunction isEditConfig( value: any ): value is EditConfig {\n\treturn (\n\t\tvalue && typeof value === 'object' && typeof value.control === 'string'\n\t);\n}\n\nfunction createConfiguredControl( config: EditConfig ) {\n\tconst { control, ...controlConfig } = config;\n\tconst BaseControlType = getControlByType( control );\n\n\treturn function ConfiguredControl< Item >(\n\t\tprops: DataFormControlProps< Item >\n\t) {\n\t\treturn <BaseControlType { ...props } config={ controlConfig } />;\n\t};\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 ( isEditConfig( field.Edit ) ) {\n\t\treturn createConfiguredControl( field.Edit );\n\t}\n\n\tif ( field.elements && field.type !== 'array' ) {\n\t\treturn getControlByType( 'select' );\n\t}\n\n\tif ( typeof fieldTypeDefinition.Edit === 'string' ) {\n\t\treturn getControlByType( fieldTypeDefinition.Edit );\n\t}\n\n\tif ( isEditConfig( fieldTypeDefinition.Edit ) ) {\n\t\treturn createConfiguredControl( 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":"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","ignoreList":[]}
@@ -1,15 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = Integer;
8
+ var _deepmerge = _interopRequireDefault(require("deepmerge"));
7
9
  var _components = require("@wordpress/components");
8
10
  var _element = require("@wordpress/element");
9
11
  var _i18n = require("@wordpress/i18n");
10
12
  var _constants = require("../constants");
11
13
  var _lockUnlock = require("../lock-unlock");
12
14
  var _jsxRuntime = require("react/jsx-runtime");
15
+ /**
16
+ * External dependencies
17
+ */
18
+
13
19
  /**
14
20
  * WordPress dependencies
15
21
  */
@@ -22,18 +28,13 @@ const {
22
28
  ValidatedNumberControl
23
29
  } = (0, _lockUnlock.unlock)(_components.privateApis);
24
30
  function BetweenControls({
25
- id,
26
31
  value,
27
32
  onChange,
28
33
  hideLabelFromVision
29
34
  }) {
30
- const [min = '', max = ''] = Array.isArray(value) ? value : [];
31
- const onChangeMin = (0, _element.useCallback)(newValue => onChange({
32
- [id]: [Number(newValue), max]
33
- }), [id, onChange, max]);
34
- const onChangeMax = (0, _element.useCallback)(newValue => onChange({
35
- [id]: [min, Number(newValue)]
36
- }), [id, onChange, min]);
35
+ const [min = '', max = ''] = value;
36
+ const onChangeMin = (0, _element.useCallback)(newValue => onChange([Number(newValue), max]), [onChange, max]);
37
+ const onChangeMax = (0, _element.useCallback)(newValue => onChange([min, Number(newValue)]), [onChange, min]);
37
38
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
38
39
  __nextHasNoMarginBottom: true,
39
40
  help: (0, _i18n.__)('The max. value must be greater than the min. value.'),
@@ -65,48 +66,60 @@ function Integer({
65
66
  hideLabelFromVision,
66
67
  operator
67
68
  }) {
68
- var _field$getValue;
69
+ var _getValue;
69
70
  const {
70
- id,
71
71
  label,
72
- description
72
+ description,
73
+ getValue,
74
+ setValue
73
75
  } = field;
74
- const value = (_field$getValue = field.getValue({
76
+ const value = (_getValue = getValue({
75
77
  item: data
76
- })) !== null && _field$getValue !== void 0 ? _field$getValue : '';
78
+ })) !== null && _getValue !== void 0 ? _getValue : '';
77
79
  const [customValidity, setCustomValidity] = (0, _element.useState)(undefined);
78
80
  const onChangeControl = (0, _element.useCallback)(newValue => {
79
- onChange({
81
+ onChange(setValue({
82
+ item: data,
80
83
  // Do not convert an empty string or undefined to a number,
81
84
  // otherwise there's a mismatch between the UI control (empty)
82
85
  // and the data relied by onChange (0).
83
- [id]: ['', undefined].includes(newValue) ? undefined : Number(newValue)
84
- });
85
- }, [id, onChange]);
86
+ value: ['', undefined].includes(newValue) ? undefined : Number(newValue)
87
+ }));
88
+ }, [data, onChange, setValue]);
89
+ const onChangeBetweenControls = (0, _element.useCallback)(newValue => {
90
+ onChange(setValue({
91
+ item: data,
92
+ value: newValue
93
+ }));
94
+ }, [data, onChange, setValue]);
95
+ const onValidateControl = (0, _element.useCallback)(newValue => {
96
+ const message = field.isValid?.custom?.((0, _deepmerge.default)(data, setValue({
97
+ item: data,
98
+ value: [undefined, '', null].includes(newValue) ? undefined : Number(newValue)
99
+ })), field);
100
+ if (message) {
101
+ setCustomValidity({
102
+ type: 'invalid',
103
+ message
104
+ });
105
+ return;
106
+ }
107
+ setCustomValidity(undefined);
108
+ }, [data, field, setValue]);
86
109
  if (operator === _constants.OPERATOR_BETWEEN) {
110
+ let valueBetween = ['', ''];
111
+ if (Array.isArray(value) && value.length === 2 && value.every(element => typeof element === 'number' || element === '')) {
112
+ valueBetween = value;
113
+ }
87
114
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BetweenControls, {
88
- id: id,
89
- value: value,
90
- onChange: onChange,
115
+ value: valueBetween,
116
+ onChange: onChangeBetweenControls,
91
117
  hideLabelFromVision: hideLabelFromVision
92
118
  });
93
119
  }
94
120
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ValidatedNumberControl, {
95
121
  required: !!field.isValid?.required,
96
- onValidate: newValue => {
97
- const message = field.isValid?.custom?.({
98
- ...data,
99
- [id]: [undefined, '', null].includes(newValue) ? undefined : Number(newValue)
100
- }, field);
101
- if (message) {
102
- setCustomValidity({
103
- type: 'invalid',
104
- message
105
- });
106
- return;
107
- }
108
- setCustomValidity(undefined);
109
- },
122
+ onValidate: onValidateControl,
110
123
  customValidity: customValidity,
111
124
  label: label,
112
125
  help: description,