@wordpress/dataviews 8.0.2-next.836ecdcae.0 → 9.0.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 (322) hide show
  1. package/CHANGELOG.md +23 -1
  2. package/README.md +127 -13
  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-layout/index.js +3 -1
  6. package/build/components/dataviews-layout/index.js.map +1 -1
  7. package/build/dataform-controls/array.js +9 -7
  8. package/build/dataform-controls/array.js.map +1 -1
  9. package/build/dataform-controls/checkbox.js +40 -8
  10. package/build/dataform-controls/checkbox.js.map +1 -1
  11. package/build/dataform-controls/color.js +133 -0
  12. package/build/dataform-controls/color.js.map +1 -0
  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 +15 -3
  18. package/build/dataform-controls/email.js.map +1 -1
  19. package/build/dataform-controls/index.js +33 -2
  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/password.js +47 -0
  24. package/build/dataform-controls/password.js.map +1 -0
  25. package/build/dataform-controls/radio.js +42 -9
  26. package/build/dataform-controls/radio.js.map +1 -1
  27. package/build/dataform-controls/relative-date-control.js +6 -10
  28. package/build/dataform-controls/relative-date-control.js.map +1 -1
  29. package/build/dataform-controls/select.js +41 -10
  30. package/build/dataform-controls/select.js.map +1 -1
  31. package/build/dataform-controls/telephone.js +15 -3
  32. package/build/dataform-controls/telephone.js.map +1 -1
  33. package/build/dataform-controls/text.js +16 -4
  34. package/build/dataform-controls/text.js.map +1 -1
  35. package/build/dataform-controls/textarea.js +81 -0
  36. package/build/dataform-controls/textarea.js.map +1 -0
  37. package/build/dataform-controls/toggle-group.js +36 -6
  38. package/build/dataform-controls/toggle-group.js.map +1 -1
  39. package/build/dataform-controls/toggle.js +77 -0
  40. package/build/dataform-controls/toggle.js.map +1 -0
  41. package/build/dataform-controls/url.js +40 -0
  42. package/build/dataform-controls/url.js.map +1 -0
  43. package/build/dataform-controls/utils/validated-input.js +83 -0
  44. package/build/dataform-controls/utils/validated-input.js.map +1 -0
  45. package/build/dataforms-layouts/card/index.js +0 -4
  46. package/build/dataforms-layouts/card/index.js.map +1 -1
  47. package/build/dataforms-layouts/data-form-layout.js +16 -4
  48. package/build/dataforms-layouts/data-form-layout.js.map +1 -1
  49. package/build/dataforms-layouts/index.js +31 -1
  50. package/build/dataforms-layouts/index.js.map +1 -1
  51. package/build/dataforms-layouts/panel/dropdown.js +10 -14
  52. package/build/dataforms-layouts/panel/dropdown.js.map +1 -1
  53. package/build/dataforms-layouts/panel/index.js +24 -11
  54. package/build/dataforms-layouts/panel/index.js.map +1 -1
  55. package/build/dataforms-layouts/panel/modal.js +22 -27
  56. package/build/dataforms-layouts/panel/modal.js.map +1 -1
  57. package/build/dataforms-layouts/panel/summary-button.js +67 -0
  58. package/build/dataforms-layouts/panel/summary-button.js.map +1 -0
  59. package/build/dataforms-layouts/regular/index.js +7 -9
  60. package/build/dataforms-layouts/regular/index.js.map +1 -1
  61. package/build/dataforms-layouts/row/index.js +113 -0
  62. package/build/dataforms-layouts/row/index.js.map +1 -0
  63. package/build/dataviews-layouts/grid/index.js +5 -15
  64. package/build/dataviews-layouts/grid/index.js.map +1 -1
  65. package/build/dataviews-layouts/list/index.js +47 -2
  66. package/build/dataviews-layouts/list/index.js.map +1 -1
  67. package/build/dataviews-layouts/picker-grid/index.js +5 -15
  68. package/build/dataviews-layouts/picker-grid/index.js.map +1 -1
  69. package/build/dataviews-layouts/table/index.js +5 -17
  70. package/build/dataviews-layouts/table/index.js.map +1 -1
  71. package/build/dataviews-layouts/utils/get-data-by-group.js +23 -0
  72. package/build/dataviews-layouts/utils/get-data-by-group.js.map +1 -0
  73. package/build/field-types/boolean.js +1 -1
  74. package/build/field-types/boolean.js.map +1 -1
  75. package/build/field-types/color.js +113 -0
  76. package/build/field-types/color.js.map +1 -0
  77. package/build/field-types/index.js +12 -0
  78. package/build/field-types/index.js.map +1 -1
  79. package/build/field-types/password.js +51 -0
  80. package/build/field-types/password.js.map +1 -0
  81. package/build/field-types/url.js +57 -0
  82. package/build/field-types/url.js.map +1 -0
  83. package/build/normalize-fields.js +17 -0
  84. package/build/normalize-fields.js.map +1 -1
  85. package/build/normalize-form-fields.js +6 -0
  86. package/build/normalize-form-fields.js.map +1 -1
  87. package/build/types.js.map +1 -1
  88. package/build/validation.js +1 -1
  89. package/build/validation.js.map +1 -1
  90. package/build-module/components/dataviews-filters/input-widget.js +48 -4
  91. package/build-module/components/dataviews-filters/input-widget.js.map +1 -1
  92. package/build-module/components/dataviews-layout/index.js +3 -1
  93. package/build-module/components/dataviews-layout/index.js.map +1 -1
  94. package/build-module/dataform-controls/array.js +9 -7
  95. package/build-module/dataform-controls/array.js.map +1 -1
  96. package/build-module/dataform-controls/checkbox.js +41 -9
  97. package/build-module/dataform-controls/checkbox.js.map +1 -1
  98. package/build-module/dataform-controls/color.js +126 -0
  99. package/build-module/dataform-controls/color.js.map +1 -0
  100. package/build-module/dataform-controls/date.js +32 -24
  101. package/build-module/dataform-controls/date.js.map +1 -1
  102. package/build-module/dataform-controls/datetime.js +135 -21
  103. package/build-module/dataform-controls/datetime.js.map +1 -1
  104. package/build-module/dataform-controls/email.js +14 -2
  105. package/build-module/dataform-controls/email.js.map +1 -1
  106. package/build-module/dataform-controls/index.js +33 -2
  107. package/build-module/dataform-controls/index.js.map +1 -1
  108. package/build-module/dataform-controls/integer.js +46 -34
  109. package/build-module/dataform-controls/integer.js.map +1 -1
  110. package/build-module/dataform-controls/password.js +38 -0
  111. package/build-module/dataform-controls/password.js.map +1 -0
  112. package/build-module/dataform-controls/radio.js +44 -11
  113. package/build-module/dataform-controls/radio.js.map +1 -1
  114. package/build-module/dataform-controls/relative-date-control.js +6 -10
  115. package/build-module/dataform-controls/relative-date-control.js.map +1 -1
  116. package/build-module/dataform-controls/select.js +43 -12
  117. package/build-module/dataform-controls/select.js.map +1 -1
  118. package/build-module/dataform-controls/telephone.js +14 -2
  119. package/build-module/dataform-controls/telephone.js.map +1 -1
  120. package/build-module/dataform-controls/text.js +15 -3
  121. package/build-module/dataform-controls/text.js.map +1 -1
  122. package/build-module/dataform-controls/textarea.js +74 -0
  123. package/build-module/dataform-controls/textarea.js.map +1 -0
  124. package/build-module/dataform-controls/toggle-group.js +38 -8
  125. package/build-module/dataform-controls/toggle-group.js.map +1 -1
  126. package/build-module/dataform-controls/toggle.js +70 -0
  127. package/build-module/dataform-controls/toggle.js.map +1 -0
  128. package/build-module/dataform-controls/url.js +33 -0
  129. package/build-module/dataform-controls/url.js.map +1 -0
  130. package/build-module/dataform-controls/utils/validated-input.js +76 -0
  131. package/build-module/dataform-controls/utils/validated-input.js.map +1 -0
  132. package/build-module/dataforms-layouts/card/index.js +0 -4
  133. package/build-module/dataforms-layouts/card/index.js.map +1 -1
  134. package/build-module/dataforms-layouts/data-form-layout.js +14 -4
  135. package/build-module/dataforms-layouts/data-form-layout.js.map +1 -1
  136. package/build-module/dataforms-layouts/index.js +32 -1
  137. package/build-module/dataforms-layouts/index.js.map +1 -1
  138. package/build-module/dataforms-layouts/panel/dropdown.js +10 -15
  139. package/build-module/dataforms-layouts/panel/dropdown.js.map +1 -1
  140. package/build-module/dataforms-layouts/panel/index.js +24 -11
  141. package/build-module/dataforms-layouts/panel/index.js.map +1 -1
  142. package/build-module/dataforms-layouts/panel/modal.js +22 -28
  143. package/build-module/dataforms-layouts/panel/modal.js.map +1 -1
  144. package/build-module/dataforms-layouts/panel/summary-button.js +60 -0
  145. package/build-module/dataforms-layouts/panel/summary-button.js.map +1 -0
  146. package/build-module/dataforms-layouts/regular/index.js +8 -10
  147. package/build-module/dataforms-layouts/regular/index.js.map +1 -1
  148. package/build-module/dataforms-layouts/row/index.js +106 -0
  149. package/build-module/dataforms-layouts/row/index.js.map +1 -0
  150. package/build-module/dataviews-layouts/grid/index.js +6 -16
  151. package/build-module/dataviews-layouts/grid/index.js.map +1 -1
  152. package/build-module/dataviews-layouts/list/index.js +48 -3
  153. package/build-module/dataviews-layouts/list/index.js.map +1 -1
  154. package/build-module/dataviews-layouts/picker-grid/index.js +6 -16
  155. package/build-module/dataviews-layouts/picker-grid/index.js.map +1 -1
  156. package/build-module/dataviews-layouts/table/index.js +5 -17
  157. package/build-module/dataviews-layouts/table/index.js.map +1 -1
  158. package/build-module/dataviews-layouts/utils/get-data-by-group.js +17 -0
  159. package/build-module/dataviews-layouts/utils/get-data-by-group.js.map +1 -0
  160. package/build-module/field-types/boolean.js +1 -1
  161. package/build-module/field-types/boolean.js.map +1 -1
  162. package/build-module/field-types/color.js +107 -0
  163. package/build-module/field-types/color.js.map +1 -0
  164. package/build-module/field-types/index.js +12 -0
  165. package/build-module/field-types/index.js.map +1 -1
  166. package/build-module/field-types/password.js +46 -0
  167. package/build-module/field-types/password.js.map +1 -0
  168. package/build-module/field-types/url.js +51 -0
  169. package/build-module/field-types/url.js.map +1 -0
  170. package/build-module/normalize-fields.js +15 -0
  171. package/build-module/normalize-fields.js.map +1 -1
  172. package/build-module/normalize-form-fields.js +6 -0
  173. package/build-module/normalize-form-fields.js.map +1 -1
  174. package/build-module/types.js.map +1 -1
  175. package/build-module/validation.js +1 -1
  176. package/build-module/validation.js.map +1 -1
  177. package/build-style/style-rtl.css +13 -6
  178. package/build-style/style.css +13 -6
  179. package/build-types/components/dataform/stories/index.story.d.ts +21 -17
  180. package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
  181. package/build-types/components/dataviews/stories/fixtures.d.ts +4 -2
  182. package/build-types/components/dataviews/stories/fixtures.d.ts.map +1 -1
  183. package/build-types/components/dataviews-filters/input-widget.d.ts.map +1 -1
  184. package/build-types/dataform-controls/array.d.ts.map +1 -1
  185. package/build-types/dataform-controls/checkbox.d.ts.map +1 -1
  186. package/build-types/dataform-controls/color.d.ts +6 -0
  187. package/build-types/dataform-controls/color.d.ts.map +1 -0
  188. package/build-types/dataform-controls/date.d.ts.map +1 -1
  189. package/build-types/dataform-controls/datetime.d.ts.map +1 -1
  190. package/build-types/dataform-controls/email.d.ts.map +1 -1
  191. package/build-types/dataform-controls/index.d.ts +1 -1
  192. package/build-types/dataform-controls/index.d.ts.map +1 -1
  193. package/build-types/dataform-controls/integer.d.ts.map +1 -1
  194. package/build-types/dataform-controls/password.d.ts +3 -0
  195. package/build-types/dataform-controls/password.d.ts.map +1 -0
  196. package/build-types/dataform-controls/radio.d.ts.map +1 -1
  197. package/build-types/dataform-controls/relative-date-control.d.ts +6 -5
  198. package/build-types/dataform-controls/relative-date-control.d.ts.map +1 -1
  199. package/build-types/dataform-controls/select.d.ts.map +1 -1
  200. package/build-types/dataform-controls/telephone.d.ts.map +1 -1
  201. package/build-types/dataform-controls/text.d.ts +1 -1
  202. package/build-types/dataform-controls/text.d.ts.map +1 -1
  203. package/build-types/dataform-controls/textarea.d.ts +6 -0
  204. package/build-types/dataform-controls/textarea.d.ts.map +1 -0
  205. package/build-types/dataform-controls/toggle-group.d.ts.map +1 -1
  206. package/build-types/dataform-controls/toggle.d.ts +6 -0
  207. package/build-types/dataform-controls/toggle.d.ts.map +1 -0
  208. package/build-types/dataform-controls/url.d.ts +6 -0
  209. package/build-types/dataform-controls/url.d.ts.map +1 -0
  210. package/build-types/dataform-controls/utils/validated-input.d.ts +20 -0
  211. package/build-types/dataform-controls/utils/validated-input.d.ts.map +1 -0
  212. package/build-types/dataforms-layouts/card/index.d.ts +0 -3
  213. package/build-types/dataforms-layouts/card/index.d.ts.map +1 -1
  214. package/build-types/dataforms-layouts/data-form-layout.d.ts +4 -1
  215. package/build-types/dataforms-layouts/data-form-layout.d.ts.map +1 -1
  216. package/build-types/dataforms-layouts/index.d.ts +10 -0
  217. package/build-types/dataforms-layouts/index.d.ts.map +1 -1
  218. package/build-types/dataforms-layouts/panel/dropdown.d.ts +2 -1
  219. package/build-types/dataforms-layouts/panel/dropdown.d.ts.map +1 -1
  220. package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -1
  221. package/build-types/dataforms-layouts/panel/modal.d.ts +2 -1
  222. package/build-types/dataforms-layouts/panel/modal.d.ts.map +1 -1
  223. package/build-types/dataforms-layouts/panel/summary-button.d.ts +15 -0
  224. package/build-types/dataforms-layouts/panel/summary-button.d.ts.map +1 -0
  225. package/build-types/dataforms-layouts/regular/index.d.ts.map +1 -1
  226. package/build-types/dataforms-layouts/row/index.d.ts +6 -0
  227. package/build-types/dataforms-layouts/row/index.d.ts.map +1 -0
  228. package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
  229. package/build-types/dataviews-layouts/list/index.d.ts.map +1 -1
  230. package/build-types/dataviews-layouts/picker-grid/index.d.ts.map +1 -1
  231. package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
  232. package/build-types/dataviews-layouts/utils/get-data-by-group.d.ts +6 -0
  233. package/build-types/dataviews-layouts/utils/get-data-by-group.d.ts.map +1 -0
  234. package/build-types/field-types/color.d.ts +20 -0
  235. package/build-types/field-types/color.d.ts.map +1 -0
  236. package/build-types/field-types/index.d.ts.map +1 -1
  237. package/build-types/field-types/password.d.ts +17 -0
  238. package/build-types/field-types/password.d.ts.map +1 -0
  239. package/build-types/field-types/stories/index.story.d.ts +13 -1
  240. package/build-types/field-types/stories/index.story.d.ts.map +1 -1
  241. package/build-types/field-types/url.d.ts +20 -0
  242. package/build-types/field-types/url.d.ts.map +1 -0
  243. package/build-types/normalize-fields.d.ts +3 -0
  244. package/build-types/normalize-fields.d.ts.map +1 -1
  245. package/build-types/normalize-form-fields.d.ts.map +1 -1
  246. package/build-types/types.d.ts +78 -7
  247. package/build-types/types.d.ts.map +1 -1
  248. package/build-types/validation.d.ts.map +1 -1
  249. package/build-wp/index.js +2577 -1708
  250. package/package.json +17 -15
  251. package/src/components/dataform/stories/index.story.tsx +794 -27
  252. package/src/components/dataviews/stories/fixtures.tsx +99 -41
  253. package/src/components/dataviews/stories/index.story.tsx +2 -2
  254. package/src/components/dataviews-filters/input-widget.tsx +44 -5
  255. package/src/components/dataviews-layout/index.tsx +1 -1
  256. package/src/components/dataviews-picker/stories/index.story.tsx +1 -1
  257. package/src/dataform-controls/array.tsx +4 -6
  258. package/src/dataform-controls/checkbox.tsx +54 -7
  259. package/src/dataform-controls/color.tsx +148 -0
  260. package/src/dataform-controls/date.tsx +47 -21
  261. package/src/dataform-controls/datetime.tsx +171 -23
  262. package/src/dataform-controls/email.tsx +22 -2
  263. package/src/dataform-controls/index.tsx +36 -2
  264. package/src/dataform-controls/integer.tsx +82 -49
  265. package/src/dataform-controls/password.tsx +50 -0
  266. package/src/dataform-controls/radio.tsx +53 -11
  267. package/src/dataform-controls/relative-date-control.tsx +11 -10
  268. package/src/dataform-controls/select.tsx +53 -10
  269. package/src/dataform-controls/telephone.tsx +22 -2
  270. package/src/dataform-controls/text.tsx +19 -2
  271. package/src/dataform-controls/textarea.tsx +85 -0
  272. package/src/dataform-controls/toggle-group.tsx +50 -10
  273. package/src/dataform-controls/toggle.tsx +79 -0
  274. package/src/dataform-controls/url.tsx +38 -0
  275. package/src/dataform-controls/utils/validated-input.tsx +109 -0
  276. package/src/dataforms-layouts/card/index.tsx +0 -4
  277. package/src/dataforms-layouts/data-form-layout.tsx +15 -3
  278. package/src/dataforms-layouts/index.tsx +35 -0
  279. package/src/dataforms-layouts/panel/dropdown.tsx +12 -23
  280. package/src/dataforms-layouts/panel/index.tsx +39 -16
  281. package/src/dataforms-layouts/panel/modal.tsx +24 -30
  282. package/src/dataforms-layouts/panel/summary-button.tsx +92 -0
  283. package/src/dataforms-layouts/regular/index.tsx +9 -7
  284. package/src/dataforms-layouts/regular/style.scss +0 -6
  285. package/src/dataforms-layouts/row/index.tsx +115 -0
  286. package/src/dataforms-layouts/row/style.scss +3 -0
  287. package/src/dataviews-layouts/grid/index.tsx +9 -14
  288. package/src/dataviews-layouts/grid/style.scss +1 -0
  289. package/src/dataviews-layouts/list/index.tsx +74 -2
  290. package/src/dataviews-layouts/list/style.scss +8 -0
  291. package/src/dataviews-layouts/picker-grid/index.tsx +9 -13
  292. package/src/dataviews-layouts/table/index.tsx +10 -14
  293. package/src/dataviews-layouts/utils/get-data-by-group.ts +18 -0
  294. package/src/field-types/boolean.tsx +1 -1
  295. package/src/field-types/color.tsx +115 -0
  296. package/src/field-types/index.tsx +15 -0
  297. package/src/field-types/password.tsx +46 -0
  298. package/src/field-types/stories/index.story.tsx +234 -3
  299. package/src/field-types/url.tsx +71 -0
  300. package/src/normalize-fields.ts +18 -0
  301. package/src/normalize-form-fields.ts +6 -0
  302. package/src/style.scss +1 -0
  303. package/src/test/dataform.tsx +2 -2
  304. package/src/test/filter-and-sort-data-view.js +148 -138
  305. package/src/test/normalize-fields.ts +114 -0
  306. package/src/types.ts +89 -6
  307. package/src/validation.ts +5 -0
  308. package/tsconfig.tsbuildinfo +1 -1
  309. package/build/dataform-controls/boolean.js +0 -64
  310. package/build/dataform-controls/boolean.js.map +0 -1
  311. package/build/dataform-controls/utils/validated-text.js +0 -68
  312. package/build/dataform-controls/utils/validated-text.js.map +0 -1
  313. package/build-module/dataform-controls/boolean.js +0 -58
  314. package/build-module/dataform-controls/boolean.js.map +0 -1
  315. package/build-module/dataform-controls/utils/validated-text.js +0 -62
  316. package/build-module/dataform-controls/utils/validated-text.js.map +0 -1
  317. package/build-types/dataform-controls/boolean.d.ts +0 -6
  318. package/build-types/dataform-controls/boolean.d.ts.map +0 -1
  319. package/build-types/dataform-controls/utils/validated-text.d.ts +0 -12
  320. package/build-types/dataform-controls/utils/validated-text.d.ts.map +0 -1
  321. package/src/dataform-controls/boolean.tsx +0 -61
  322. package/src/dataform-controls/utils/validated-text.tsx +0 -79
@@ -1 +1 @@
1
- {"version":3,"names":["FormTokenField","useCallback","useMemo","jsx","_jsx","ArrayControl","data","field","onChange","hideLabelFromVision","_elements$map","id","label","placeholder","elements","value","getValue","item","findElementByValue","suggestionValue","find","suggestion","findElementByLabel","suggestionLabel","arrayValue","Array","isArray","map","token","tokenLabel","onChangeControl","tokens","stringTokens","tokenByLabel","undefined","suggestions","__experimentalExpandOnFocus","length","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/array.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FormTokenField } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function ArrayControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, placeholder, elements } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst findElementByValue = useCallback(\n\t\t( suggestionValue: string ) => {\n\t\t\treturn elements?.find(\n\t\t\t\t( suggestion ) => suggestion.value === suggestionValue\n\t\t\t);\n\t\t},\n\t\t[ elements ]\n\t);\n\n\tconst findElementByLabel = useCallback(\n\t\t( suggestionLabel: string ) => {\n\t\t\treturn elements?.find(\n\t\t\t\t( suggestion ) => suggestion.label === suggestionLabel\n\t\t\t);\n\t\t},\n\t\t[ elements ]\n\t);\n\n\t// Ensure value is an array\n\tconst arrayValue = useMemo(\n\t\t() =>\n\t\t\tArray.isArray( value )\n\t\t\t\t? value.map( ( token ) => {\n\t\t\t\t\t\tconst tokenLabel = findElementByValue( token )?.label;\n\t\t\t\t\t\treturn tokenLabel || token;\n\t\t\t\t } )\n\t\t\t\t: [],\n\t\t[ value, findElementByValue ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( tokens: ( string | { value: string } )[] ) => {\n\t\t\t// Convert TokenItem objects to strings\n\t\t\tconst stringTokens = tokens.map( ( token ) => {\n\t\t\t\tif ( typeof token !== 'string' ) {\n\t\t\t\t\treturn token.value;\n\t\t\t\t}\n\n\t\t\t\tconst tokenByLabel = findElementByLabel( token );\n\n\t\t\t\treturn tokenByLabel?.value || token;\n\t\t\t} );\n\n\t\t\tonChange( {\n\t\t\t\t[ id ]: stringTokens,\n\t\t\t} );\n\t\t},\n\t\t[ id, onChange, findElementByLabel ]\n\t);\n\n\treturn (\n\t\t<FormTokenField\n\t\t\tlabel={ hideLabelFromVision ? undefined : label }\n\t\t\tvalue={ arrayValue }\n\t\t\tonChange={ onChangeControl }\n\t\t\tplaceholder={ placeholder }\n\t\t\tsuggestions={\n\t\t\t\telements?.map( ( suggestion ) => suggestion.label ) ?? []\n\t\t\t}\n\t\t\t__experimentalExpandOnFocus={ elements && elements.length > 0 }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,SAASC,WAAW,EAAEC,OAAO,QAAQ,oBAAoB;;AAEzD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,YAAYA,CAAU;EAC7CC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EAAA,IAAAC,aAAA;EACjC,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGP,KAAK;EAClD,MAAMQ,KAAK,GAAGR,KAAK,CAACS,QAAQ,CAAE;IAAEC,IAAI,EAAEX;EAAK,CAAE,CAAC;EAE9C,MAAMY,kBAAkB,GAAGjB,WAAW,CACnCkB,eAAuB,IAAM;IAC9B,OAAOL,QAAQ,EAAEM,IAAI,CAClBC,UAAU,IAAMA,UAAU,CAACN,KAAK,KAAKI,eACxC,CAAC;EACF,CAAC,EACD,CAAEL,QAAQ,CACX,CAAC;EAED,MAAMQ,kBAAkB,GAAGrB,WAAW,CACnCsB,eAAuB,IAAM;IAC9B,OAAOT,QAAQ,EAAEM,IAAI,CAClBC,UAAU,IAAMA,UAAU,CAACT,KAAK,KAAKW,eACxC,CAAC;EACF,CAAC,EACD,CAAET,QAAQ,CACX,CAAC;;EAED;EACA,MAAMU,UAAU,GAAGtB,OAAO,CACzB,MACCuB,KAAK,CAACC,OAAO,CAAEX,KAAM,CAAC,GACnBA,KAAK,CAACY,GAAG,CAAIC,KAAK,IAAM;IACxB,MAAMC,UAAU,GAAGX,kBAAkB,CAAEU,KAAM,CAAC,EAAEhB,KAAK;IACrD,OAAOiB,UAAU,IAAID,KAAK;EAC1B,CAAE,CAAC,GACH,EAAE,EACN,CAAEb,KAAK,EAAEG,kBAAkB,CAC5B,CAAC;EAED,MAAMY,eAAe,GAAG7B,WAAW,CAChC8B,MAAwC,IAAM;IAC/C;IACA,MAAMC,YAAY,GAAGD,MAAM,CAACJ,GAAG,CAAIC,KAAK,IAAM;MAC7C,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;QAChC,OAAOA,KAAK,CAACb,KAAK;MACnB;MAEA,MAAMkB,YAAY,GAAGX,kBAAkB,CAAEM,KAAM,CAAC;MAEhD,OAAOK,YAAY,EAAElB,KAAK,IAAIa,KAAK;IACpC,CAAE,CAAC;IAEHpB,QAAQ,CAAE;MACT,CAAEG,EAAE,GAAIqB;IACT,CAAE,CAAC;EACJ,CAAC,EACD,CAAErB,EAAE,EAAEH,QAAQ,EAAEc,kBAAkB,CACnC,CAAC;EAED,oBACClB,IAAA,CAACJ,cAAc;IACdY,KAAK,EAAGH,mBAAmB,GAAGyB,SAAS,GAAGtB,KAAO;IACjDG,KAAK,EAAGS,UAAY;IACpBhB,QAAQ,EAAGsB,eAAiB;IAC5BjB,WAAW,EAAGA,WAAa;IAC3BsB,WAAW,GAAAzB,aAAA,GACVI,QAAQ,EAAEa,GAAG,CAAIN,UAAU,IAAMA,UAAU,CAACT,KAAM,CAAC,cAAAF,aAAA,cAAAA,aAAA,GAAI,EACvD;IACD0B,2BAA2B,EAAGtB,QAAQ,IAAIA,QAAQ,CAACuB,MAAM,GAAG,CAAG;IAC/DC,qBAAqB;IACrBC,uBAAuB;EAAA,CACvB,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["FormTokenField","useCallback","useMemo","jsx","_jsx","ArrayControl","data","field","onChange","hideLabelFromVision","_elements$map","label","placeholder","elements","getValue","setValue","value","item","findElementByValue","suggestionValue","find","suggestion","findElementByLabel","suggestionLabel","arrayValue","Array","isArray","map","token","tokenLabel","onChangeControl","tokens","stringTokens","tokenByLabel","undefined","suggestions","__experimentalExpandOnFocus","length","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/array.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FormTokenField } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function ArrayControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, elements, getValue, setValue } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst findElementByValue = useCallback(\n\t\t( suggestionValue: string ) => {\n\t\t\treturn elements?.find(\n\t\t\t\t( suggestion ) => suggestion.value === suggestionValue\n\t\t\t);\n\t\t},\n\t\t[ elements ]\n\t);\n\n\tconst findElementByLabel = useCallback(\n\t\t( suggestionLabel: string ) => {\n\t\t\treturn elements?.find(\n\t\t\t\t( suggestion ) => suggestion.label === suggestionLabel\n\t\t\t);\n\t\t},\n\t\t[ elements ]\n\t);\n\n\t// Ensure value is an array\n\tconst arrayValue = useMemo(\n\t\t() =>\n\t\t\tArray.isArray( value )\n\t\t\t\t? value.map( ( token ) => {\n\t\t\t\t\t\tconst tokenLabel = findElementByValue( token )?.label;\n\t\t\t\t\t\treturn tokenLabel || token;\n\t\t\t\t } )\n\t\t\t\t: [],\n\t\t[ value, findElementByValue ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( tokens: ( string | { value: string } )[] ) => {\n\t\t\t// Convert TokenItem objects to strings\n\t\t\tconst stringTokens = tokens.map( ( token ) => {\n\t\t\t\tif ( typeof token !== 'string' ) {\n\t\t\t\t\treturn token.value;\n\t\t\t\t}\n\n\t\t\t\tconst tokenByLabel = findElementByLabel( token );\n\n\t\t\t\treturn tokenByLabel?.value || token;\n\t\t\t} );\n\n\t\t\tonChange( setValue( { item: data, value: stringTokens } ) );\n\t\t},\n\t\t[ onChange, setValue, data, findElementByLabel ]\n\t);\n\n\treturn (\n\t\t<FormTokenField\n\t\t\tlabel={ hideLabelFromVision ? undefined : label }\n\t\t\tvalue={ arrayValue }\n\t\t\tonChange={ onChangeControl }\n\t\t\tplaceholder={ placeholder }\n\t\t\tsuggestions={\n\t\t\t\telements?.map( ( suggestion ) => suggestion.label ) ?? []\n\t\t\t}\n\t\t\t__experimentalExpandOnFocus={ elements && elements.length > 0 }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,SAASC,WAAW,EAAEC,OAAO,QAAQ,oBAAoB;;AAEzD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,YAAYA,CAAU;EAC7CC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EAAA,IAAAC,aAAA;EACjC,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGR,KAAK;EAClE,MAAMS,KAAK,GAAGF,QAAQ,CAAE;IAAEG,IAAI,EAAEX;EAAK,CAAE,CAAC;EAExC,MAAMY,kBAAkB,GAAGjB,WAAW,CACnCkB,eAAuB,IAAM;IAC9B,OAAON,QAAQ,EAAEO,IAAI,CAClBC,UAAU,IAAMA,UAAU,CAACL,KAAK,KAAKG,eACxC,CAAC;EACF,CAAC,EACD,CAAEN,QAAQ,CACX,CAAC;EAED,MAAMS,kBAAkB,GAAGrB,WAAW,CACnCsB,eAAuB,IAAM;IAC9B,OAAOV,QAAQ,EAAEO,IAAI,CAClBC,UAAU,IAAMA,UAAU,CAACV,KAAK,KAAKY,eACxC,CAAC;EACF,CAAC,EACD,CAAEV,QAAQ,CACX,CAAC;;EAED;EACA,MAAMW,UAAU,GAAGtB,OAAO,CACzB,MACCuB,KAAK,CAACC,OAAO,CAAEV,KAAM,CAAC,GACnBA,KAAK,CAACW,GAAG,CAAIC,KAAK,IAAM;IACxB,MAAMC,UAAU,GAAGX,kBAAkB,CAAEU,KAAM,CAAC,EAAEjB,KAAK;IACrD,OAAOkB,UAAU,IAAID,KAAK;EAC1B,CAAE,CAAC,GACH,EAAE,EACN,CAAEZ,KAAK,EAAEE,kBAAkB,CAC5B,CAAC;EAED,MAAMY,eAAe,GAAG7B,WAAW,CAChC8B,MAAwC,IAAM;IAC/C;IACA,MAAMC,YAAY,GAAGD,MAAM,CAACJ,GAAG,CAAIC,KAAK,IAAM;MAC7C,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;QAChC,OAAOA,KAAK,CAACZ,KAAK;MACnB;MAEA,MAAMiB,YAAY,GAAGX,kBAAkB,CAAEM,KAAM,CAAC;MAEhD,OAAOK,YAAY,EAAEjB,KAAK,IAAIY,KAAK;IACpC,CAAE,CAAC;IAEHpB,QAAQ,CAAEO,QAAQ,CAAE;MAAEE,IAAI,EAAEX,IAAI;MAAEU,KAAK,EAAEgB;IAAa,CAAE,CAAE,CAAC;EAC5D,CAAC,EACD,CAAExB,QAAQ,EAAEO,QAAQ,EAAET,IAAI,EAAEgB,kBAAkB,CAC/C,CAAC;EAED,oBACClB,IAAA,CAACJ,cAAc;IACdW,KAAK,EAAGF,mBAAmB,GAAGyB,SAAS,GAAGvB,KAAO;IACjDK,KAAK,EAAGQ,UAAY;IACpBhB,QAAQ,EAAGsB,eAAiB;IAC5BlB,WAAW,EAAGA,WAAa;IAC3BuB,WAAW,GAAAzB,aAAA,GACVG,QAAQ,EAAEc,GAAG,CAAIN,UAAU,IAAMA,UAAU,CAACV,KAAM,CAAC,cAAAD,aAAA,cAAAA,aAAA,GAAI,EACvD;IACD0B,2BAA2B,EAAGvB,QAAQ,IAAIA,QAAQ,CAACwB,MAAM,GAAG,CAAG;IAC/DC,qBAAqB;IACrBC,uBAAuB;EAAA,CACvB,CAAC;AAEJ","ignoreList":[]}
@@ -1,12 +1,23 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import deepMerge from 'deepmerge';
5
+
1
6
  /**
2
7
  * WordPress dependencies
3
8
  */
4
- import { CheckboxControl } from '@wordpress/components';
9
+ import { privateApis } from '@wordpress/components';
10
+ import { useState, useCallback } from '@wordpress/element';
5
11
 
6
12
  /**
7
13
  * Internal dependencies
8
14
  */
15
+
16
+ import { unlock } from '../lock-unlock';
9
17
  import { jsx as _jsx } from "react/jsx-runtime";
18
+ const {
19
+ ValidatedCheckboxControl
20
+ } = unlock(privateApis);
10
21
  export default function Checkbox({
11
22
  field,
12
23
  onChange,
@@ -14,24 +25,45 @@ export default function Checkbox({
14
25
  hideLabelFromVision
15
26
  }) {
16
27
  const {
17
- id,
18
28
  getValue,
29
+ setValue,
19
30
  label,
20
31
  description
21
32
  } = field;
22
- return /*#__PURE__*/_jsx(CheckboxControl, {
23
- __nextHasNoMarginBottom: true,
33
+ const [customValidity, setCustomValidity] = useState(undefined);
34
+ const onChangeControl = useCallback(() => {
35
+ onChange(setValue({
36
+ item: data,
37
+ value: !getValue({
38
+ item: data
39
+ })
40
+ }));
41
+ }, [data, getValue, onChange, setValue]);
42
+ const onValidateControl = useCallback(newValue => {
43
+ const message = field.isValid?.custom?.(deepMerge(data, setValue({
44
+ item: data,
45
+ value: newValue
46
+ })), field);
47
+ if (message) {
48
+ setCustomValidity({
49
+ type: 'invalid',
50
+ message
51
+ });
52
+ return;
53
+ }
54
+ setCustomValidity(undefined);
55
+ }, [data, field, setValue]);
56
+ return /*#__PURE__*/_jsx(ValidatedCheckboxControl, {
57
+ required: !!field.isValid?.required,
58
+ onValidate: onValidateControl,
59
+ customValidity: customValidity,
24
60
  hidden: hideLabelFromVision,
25
61
  label: label,
26
62
  help: description,
27
63
  checked: getValue({
28
64
  item: data
29
65
  }),
30
- onChange: () => onChange({
31
- [id]: !getValue({
32
- item: data
33
- })
34
- })
66
+ onChange: onChangeControl
35
67
  });
36
68
  }
37
69
  //# sourceMappingURL=checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["CheckboxControl","jsx","_jsx","Checkbox","field","onChange","data","hideLabelFromVision","id","getValue","label","description","__nextHasNoMarginBottom","hidden","help","checked","item"],"sources":["@wordpress/dataviews/src/dataform-controls/checkbox.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { CheckboxControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function Checkbox< Item >( {\n\tfield,\n\tonChange,\n\tdata,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, getValue, label, description } = field;\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\thidden={ hideLabelFromVision }\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\tchecked={ getValue( { item: data } ) }\n\t\t\tonChange={ () =>\n\t\t\t\tonChange( { [ id ]: ! getValue( { item: data } ) } )\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,uBAAuB;;AAEvD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,QAAQA,CAAU;EACzCC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGP,KAAK;EAElD,oBACCF,IAAA,CAACF,eAAe;IACfY,uBAAuB;IACvBC,MAAM,EAAGN,mBAAqB;IAC9BG,KAAK,EAAGA,KAAO;IACfI,IAAI,EAAGH,WAAa;IACpBI,OAAO,EAAGN,QAAQ,CAAE;MAAEO,IAAI,EAAEV;IAAK,CAAE,CAAG;IACtCD,QAAQ,EAAGA,CAAA,KACVA,QAAQ,CAAE;MAAE,CAAEG,EAAE,GAAI,CAAEC,QAAQ,CAAE;QAAEO,IAAI,EAAEV;MAAK,CAAE;IAAE,CAAE;EACnD,CACD,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["deepMerge","privateApis","useState","useCallback","unlock","jsx","_jsx","ValidatedCheckboxControl","Checkbox","field","onChange","data","hideLabelFromVision","getValue","setValue","label","description","customValidity","setCustomValidity","undefined","onChangeControl","item","value","onValidateControl","newValue","message","isValid","custom","type","required","onValidate","hidden","help","checked"],"sources":["@wordpress/dataviews/src/dataform-controls/checkbox.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/components';\nimport { useState, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedCheckboxControl } = unlock( privateApis );\n\nexport default function Checkbox< Item >( {\n\tfield,\n\tonChange,\n\tdata,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { getValue, setValue, label, description } = field;\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedCheckboxControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\tconst onChangeControl = useCallback( () => {\n\t\tonChange(\n\t\t\tsetValue( { item: data, value: ! getValue( { item: data } ) } )\n\t\t);\n\t}, [ data, getValue, onChange, setValue ] );\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<ValidatedCheckboxControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ onValidateControl }\n\t\t\tcustomValidity={ customValidity }\n\t\t\thidden={ hideLabelFromVision }\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\tchecked={ getValue( { item: data } ) }\n\t\t\tonChange={ onChangeControl }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,WAAW;;AAEjC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,QAAQ,EAAEC,WAAW,QAAQ,oBAAoB;;AAE1D;AACA;AACA;;AAEA,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAM;EAAEC;AAAyB,CAAC,GAAGH,MAAM,CAAEH,WAAY,CAAC;AAE1D,eAAe,SAASO,QAAQA,CAAU;EACzCC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGP,KAAK;EACxD,MAAM,CAAEQ,cAAc,EAAEC,iBAAiB,CAAE,GAC1ChB,QAAQ,CAILiB,SAAU,CAAC;EAEf,MAAMC,eAAe,GAAGjB,WAAW,CAAE,MAAM;IAC1CO,QAAQ,CACPI,QAAQ,CAAE;MAAEO,IAAI,EAAEV,IAAI;MAAEW,KAAK,EAAE,CAAET,QAAQ,CAAE;QAAEQ,IAAI,EAAEV;MAAK,CAAE;IAAE,CAAE,CAC/D,CAAC;EACF,CAAC,EAAE,CAAEA,IAAI,EAAEE,QAAQ,EAAEH,QAAQ,EAAEI,QAAQ,CAAG,CAAC;EAE3C,MAAMS,iBAAiB,GAAGpB,WAAW,CAClCqB,QAAa,IAAM;IACpB,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,OAAO,EAAEC,MAAM,GACpC3B,SAAS,CACRW,IAAI,EACJG,QAAQ,CAAE;MACTO,IAAI,EAAEV,IAAI;MACVW,KAAK,EAAEE;IACR,CAAE,CACH,CAAC,EACDf,KACD,CAAC;IAED,IAAKgB,OAAO,EAAG;MACdP,iBAAiB,CAAE;QAClBU,IAAI,EAAE,SAAS;QACfH;MACD,CAAE,CAAC;MACH;IACD;IAEAP,iBAAiB,CAAEC,SAAU,CAAC;EAC/B,CAAC,EACD,CAAER,IAAI,EAAEF,KAAK,EAAEK,QAAQ,CACxB,CAAC;EAED,oBACCR,IAAA,CAACC,wBAAwB;IACxBsB,QAAQ,EAAG,CAAC,CAAEpB,KAAK,CAACiB,OAAO,EAAEG,QAAU;IACvCC,UAAU,EAAGP,iBAAmB;IAChCN,cAAc,EAAGA,cAAgB;IACjCc,MAAM,EAAGnB,mBAAqB;IAC9BG,KAAK,EAAGA,KAAO;IACfiB,IAAI,EAAGhB,WAAa;IACpBiB,OAAO,EAAGpB,QAAQ,CAAE;MAAEQ,IAAI,EAAEV;IAAK,CAAE,CAAG;IACtCD,QAAQ,EAAGU;EAAiB,CAC5B,CAAC;AAEJ","ignoreList":[]}
@@ -0,0 +1,126 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import { colord } from 'colord';
5
+ import deepMerge from 'deepmerge';
6
+
7
+ /**
8
+ * WordPress dependencies
9
+ */
10
+ import { Dropdown, privateApis, __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper } from '@wordpress/components';
11
+ import { useCallback, useState } from '@wordpress/element';
12
+
13
+ /**
14
+ * Internal dependencies
15
+ */
16
+
17
+ import { unlock } from '../lock-unlock';
18
+ import { jsx as _jsx } from "react/jsx-runtime";
19
+ const {
20
+ ValidatedInputControl,
21
+ Picker
22
+ } = unlock(privateApis);
23
+ const ColorPicker = ({
24
+ color,
25
+ onColorChange
26
+ }) => {
27
+ const validColor = color && colord(color).isValid() ? color : '#ffffff';
28
+ return /*#__PURE__*/_jsx(Dropdown, {
29
+ renderToggle: ({
30
+ onToggle,
31
+ isOpen
32
+ }) => /*#__PURE__*/_jsx(InputControlPrefixWrapper, {
33
+ variant: "icon",
34
+ children: /*#__PURE__*/_jsx("button", {
35
+ type: "button",
36
+ onClick: onToggle,
37
+ style: {
38
+ width: '24px',
39
+ height: '24px',
40
+ borderRadius: '50%',
41
+ backgroundColor: validColor,
42
+ border: '1px solid #ddd',
43
+ cursor: 'pointer',
44
+ outline: isOpen ? '2px solid #007cba' : 'none',
45
+ outlineOffset: '2px',
46
+ display: 'flex',
47
+ alignItems: 'center',
48
+ justifyContent: 'center',
49
+ padding: 0,
50
+ margin: 0
51
+ },
52
+ "aria-label": "Open color picker"
53
+ })
54
+ }),
55
+ renderContent: () => /*#__PURE__*/_jsx("div", {
56
+ style: {
57
+ padding: '16px'
58
+ },
59
+ children: /*#__PURE__*/_jsx(Picker, {
60
+ color: colord(validColor),
61
+ onChange: onColorChange,
62
+ enableAlpha: true
63
+ })
64
+ })
65
+ });
66
+ };
67
+ export default function Color({
68
+ data,
69
+ field,
70
+ onChange,
71
+ hideLabelFromVision
72
+ }) {
73
+ const {
74
+ label,
75
+ placeholder,
76
+ description,
77
+ setValue
78
+ } = field;
79
+ const value = field.getValue({
80
+ item: data
81
+ }) || '';
82
+ const [customValidity, setCustomValidity] = useState(undefined);
83
+ const handleColorChange = useCallback(colorObject => {
84
+ onChange(setValue({
85
+ item: data,
86
+ value: colorObject.toHex()
87
+ }));
88
+ }, [data, onChange, setValue]);
89
+ const handleInputChange = useCallback(newValue => {
90
+ onChange(setValue({
91
+ item: data,
92
+ value: newValue || ''
93
+ }));
94
+ }, [data, onChange, setValue]);
95
+ const onValidateControl = useCallback(newValue => {
96
+ const message = field.isValid?.custom?.(deepMerge(data, setValue({
97
+ item: data,
98
+ value: newValue
99
+ })), field);
100
+ if (message) {
101
+ setCustomValidity({
102
+ type: 'invalid',
103
+ message
104
+ });
105
+ return;
106
+ }
107
+ setCustomValidity(undefined);
108
+ }, [data, field, setValue]);
109
+ return /*#__PURE__*/_jsx(ValidatedInputControl, {
110
+ required: !!field.isValid?.required,
111
+ onValidate: onValidateControl,
112
+ customValidity: customValidity,
113
+ label: label,
114
+ placeholder: placeholder,
115
+ value: value,
116
+ help: description,
117
+ onChange: handleInputChange,
118
+ hideLabelFromVision: hideLabelFromVision,
119
+ type: "text",
120
+ prefix: /*#__PURE__*/_jsx(ColorPicker, {
121
+ color: value,
122
+ onColorChange: handleColorChange
123
+ })
124
+ });
125
+ }
126
+ //# sourceMappingURL=color.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["colord","deepMerge","Dropdown","privateApis","__experimentalInputControlPrefixWrapper","InputControlPrefixWrapper","useCallback","useState","unlock","jsx","_jsx","ValidatedInputControl","Picker","ColorPicker","color","onColorChange","validColor","isValid","renderToggle","onToggle","isOpen","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","undefined","handleColorChange","colorObject","toHex","handleInputChange","newValue","onValidateControl","message","custom","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":[]}
@@ -112,24 +112,18 @@ function CalendarDateControl({
112
112
  });
113
113
  const onSelectDate = useCallback(newDate => {
114
114
  const dateValue = newDate ? format(newDate, 'yyyy-MM-dd') : undefined;
115
- onChange({
116
- [id]: dateValue
117
- });
115
+ onChange(dateValue);
118
116
  setSelectedPresetId(null);
119
- }, [id, onChange]);
117
+ }, [onChange]);
120
118
  const handlePresetClick = useCallback(preset => {
121
119
  const presetDate = preset.getValue();
122
120
  const dateValue = formatDate(presetDate);
123
121
  setCalendarMonth(presetDate);
124
- onChange({
125
- [id]: dateValue
126
- });
122
+ onChange(dateValue);
127
123
  setSelectedPresetId(preset.id);
128
- }, [id, onChange]);
124
+ }, [onChange]);
129
125
  const handleManualDateChange = useCallback(newValue => {
130
- onChange({
131
- [id]: newValue
132
- });
126
+ onChange(newValue);
133
127
  if (newValue) {
134
128
  const parsedDate = parseDate(newValue);
135
129
  if (parsedDate) {
@@ -137,7 +131,7 @@ function CalendarDateControl({
137
131
  }
138
132
  }
139
133
  setSelectedPresetId(null);
140
- }, [id, onChange]);
134
+ }, [onChange]);
141
135
  const {
142
136
  timezone: {
143
137
  string: timezoneString
@@ -225,16 +219,12 @@ function CalendarDateRangeControl({
225
219
  });
226
220
  const updateDateRange = useCallback((fromDate, toDate) => {
227
221
  if (fromDate && toDate) {
228
- onChange({
229
- [id]: [formatDate(fromDate), formatDate(toDate)]
230
- });
222
+ onChange([formatDate(fromDate), formatDate(toDate)]);
231
223
  } else if (!fromDate && !toDate) {
232
- onChange({
233
- [id]: undefined
234
- });
224
+ onChange(undefined);
235
225
  }
236
226
  // Do nothing if only one date is set - wait for both
237
- }, [id, onChange]);
227
+ }, [onChange]);
238
228
  const onSelectCalendarRange = useCallback(newRange => {
239
229
  updateDateRange(newRange?.from, newRange?.to);
240
230
  setSelectedPresetId(null);
@@ -333,17 +323,35 @@ export default function DateControl({
333
323
  }) {
334
324
  const {
335
325
  id,
336
- label
326
+ label,
327
+ getValue,
328
+ setValue
337
329
  } = field;
338
- const value = field.getValue({
330
+ const value = getValue({
339
331
  item: data
340
332
  });
333
+ const onChangeRelativeDateControl = useCallback(newValue => {
334
+ onChange(setValue({
335
+ item: data,
336
+ value: newValue
337
+ }));
338
+ }, [data, onChange, setValue]);
339
+ const onChangeCalendarDateRangeControl = useCallback(newValue => {
340
+ onChange(setValue({
341
+ item: data,
342
+ value: newValue
343
+ }));
344
+ }, [data, onChange, setValue]);
345
+ const onChangeCalendarDateControl = useCallback(newValue => onChange(setValue({
346
+ item: data,
347
+ value: newValue
348
+ })), [data, onChange, setValue]);
341
349
  if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
342
350
  return /*#__PURE__*/_jsx(RelativeDateControl, {
343
351
  className: "dataviews-controls__date",
344
352
  id: id,
345
353
  value: value && typeof value === 'object' ? value : {},
346
- onChange: onChange,
354
+ onChange: onChangeRelativeDateControl,
347
355
  label: label,
348
356
  hideLabelFromVision: hideLabelFromVision,
349
357
  options: TIME_UNITS_OPTIONS[operator]
@@ -359,7 +367,7 @@ export default function DateControl({
359
367
  className: "dataviews-controls__date",
360
368
  id: id,
361
369
  value: dateRangeValue,
362
- onChange: onChange,
370
+ onChange: onChangeCalendarDateRangeControl,
363
371
  label: label,
364
372
  hideLabelFromVision: hideLabelFromVision
365
373
  });
@@ -368,7 +376,7 @@ export default function DateControl({
368
376
  className: "dataviews-controls__date",
369
377
  id: id,
370
378
  value: typeof value === 'string' ? value : undefined,
371
- onChange: onChange,
379
+ onChange: onChangeCalendarDateControl,
372
380
  label: label,
373
381
  hideLabelFromVision: hideLabelFromVision
374
382
  });
@@ -1 +1 @@
1
- {"version":3,"names":["BaseControl","Button","privateApis","componentsPrivateApis","__experimentalInputControl","InputControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useCallback","useMemo","useState","__","getDate","getSettings","format","isValid","subMonths","subDays","subYears","startOfMonth","startOfYear","RelativeDateControl","TIME_UNITS_OPTIONS","OPERATOR_IN_THE_PAST","OPERATOR_OVER","OPERATOR_BETWEEN","unlock","jsx","_jsx","jsxs","_jsxs","DateCalendar","DateRangeCalendar","DATE_PRESETS","id","label","getValue","today","DATE_RANGE_PRESETS","parseDate","dateString","parsed","formatDate","date","CalendarDateControl","value","onChange","hideLabelFromVision","className","selectedPresetId","setSelectedPresetId","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","newDate","dateValue","undefined","handlePresetClick","preset","presetDate","handleManualDateChange","newValue","timezone","string","timezoneString","l10n","startOfWeek","__nextHasNoMarginBottom","children","spacing","wrap","justify","map","isSelected","variant","isPressed","size","onClick","disabled","accessibleWhenDisabled","__next40pxDefaultSize","type","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","CalendarDateRangeControl","selectedRange","from","to","updateDateRange","fromDate","toDate","onSelectCalendarRange","newRange","startDate","endDate","fromOrTo","currentFrom","currentTo","updatedFrom","updatedTo","DateControl","data","field","operator","item","options","dateRangeValue","Array","isArray","length","every"],"sources":["@wordpress/dataviews/src/dataform-controls/date.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport {\n\tformat,\n\tisValid,\n\tsubMonths,\n\tsubDays,\n\tsubYears,\n\tstartOfMonth,\n\tstartOfYear,\n} from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n} from './relative-date-control';\nimport {\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport { unlock } from '../lock-unlock';\nimport type { DataFormControlProps } from '../types';\n\nconst { DateCalendar, DateRangeCalendar } = unlock( componentsPrivateApis );\n\nconst DATE_PRESETS: {\n\tid: string;\n\tlabel: string;\n\tgetValue: () => Date;\n}[] = [\n\t{\n\t\tid: 'today',\n\t\tlabel: __( 'Today' ),\n\t\tgetValue: () => getDate( null ),\n\t},\n\t{\n\t\tid: 'yesterday',\n\t\tlabel: __( 'Yesterday' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 1 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-week',\n\t\tlabel: __( 'Past week' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 7 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-month',\n\t\tlabel: __( 'Past month' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subMonths( today, 1 );\n\t\t},\n\t},\n];\n\nconst DATE_RANGE_PRESETS = [\n\t{\n\t\tid: 'last-7-days',\n\t\tlabel: __( 'Last 7 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 7 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-30-days',\n\t\tlabel: __( 'Last 30 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 30 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'month-to-date',\n\t\tlabel: __( 'Month to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfMonth( today ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-year',\n\t\tlabel: __( 'Last year' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subYears( today, 1 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'year-to-date',\n\t\tlabel: __( 'Year to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfYear( today ), today ];\n\t\t},\n\t},\n];\n\nconst parseDate = ( dateString?: string ): Date | null => {\n\tif ( ! dateString ) {\n\t\treturn null;\n\t}\n\tconst parsed = getDate( dateString );\n\treturn parsed && isValid( parsed ) ? parsed : null;\n};\n\nconst formatDate = ( date?: Date | string ): string => {\n\tif ( ! date ) {\n\t\treturn '';\n\t}\n\treturn typeof date === 'string' ? date : format( date, 'yyyy-MM-dd' );\n};\n\nfunction CalendarDateControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: string | undefined;\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\tconst parsedDate = parseDate( value );\n\t\treturn parsedDate || new Date(); // Default to current month\n\t} );\n\n\tconst onSelectDate = useCallback(\n\t\t( newDate: Date | undefined | null ) => {\n\t\t\tconst dateValue = newDate\n\t\t\t\t? format( newDate, 'yyyy-MM-dd' )\n\t\t\t\t: undefined;\n\t\t\tonChange( { [ id ]: dateValue } );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_PRESETS )[ 0 ] ) => {\n\t\t\tconst presetDate = preset.getValue();\n\t\t\tconst dateValue = formatDate( presetDate );\n\n\t\t\tsetCalendarMonth( presetDate );\n\t\t\tonChange( { [ id ]: dateValue } );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tonChange( { [ id ]: newValue } );\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst {\n\t\ttimezone: { string: timezoneString },\n\t\tl10n: { startOfWeek },\n\t} = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date input */ }\n\t\t\t\t<InputControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tlabel={ __( 'Date' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleManualDateChange }\n\t\t\t\t/>\n\n\t\t\t\t{ /* Calendar widget */ }\n\t\t\t\t<DateCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={\n\t\t\t\t\t\tvalue ? parseDate( value ) || undefined : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ onSelectDate }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezoneString || undefined }\n\t\t\t\t\tweekStartsOn={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nfunction CalendarDateRangeControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: [ string, string ] | undefined;\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst selectedRange = useMemo( () => {\n\t\tif ( ! value ) {\n\t\t\treturn { from: undefined, to: undefined };\n\t\t}\n\n\t\tconst [ from, to ] = value;\n\t\treturn {\n\t\t\tfrom: parseDate( from ) || undefined,\n\t\t\tto: parseDate( to ) || undefined,\n\t\t};\n\t}, [ value ] );\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\treturn selectedRange.from || new Date();\n\t} );\n\n\tconst updateDateRange = useCallback(\n\t\t( fromDate?: Date | string, toDate?: Date | string ) => {\n\t\t\tif ( fromDate && toDate ) {\n\t\t\t\tonChange( {\n\t\t\t\t\t[ id ]: [ formatDate( fromDate ), formatDate( toDate ) ],\n\t\t\t\t} );\n\t\t\t} else if ( ! fromDate && ! toDate ) {\n\t\t\t\tonChange( { [ id ]: undefined } );\n\t\t\t}\n\t\t\t// Do nothing if only one date is set - wait for both\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst onSelectCalendarRange = useCallback(\n\t\t(\n\t\t\tnewRange:\n\t\t\t\t| { from: Date | undefined; to?: Date | undefined }\n\t\t\t\t| undefined\n\t\t) => {\n\t\t\tupdateDateRange( newRange?.from, newRange?.to );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_RANGE_PRESETS )[ 0 ] ) => {\n\t\t\tconst [ startDate, endDate ] = preset.getValue();\n\t\t\tsetCalendarMonth( startDate );\n\t\t\tupdateDateRange( startDate, endDate );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( fromOrTo: 'from' | 'to', newValue?: string ) => {\n\t\t\tconst [ currentFrom, currentTo ] = value || [\n\t\t\t\tundefined,\n\t\t\t\tundefined,\n\t\t\t];\n\t\t\tconst updatedFrom = fromOrTo === 'from' ? newValue : currentFrom;\n\t\t\tconst updatedTo = fromOrTo === 'to' ? newValue : currentTo;\n\n\t\t\tupdateDateRange( updatedFrom, updatedTo );\n\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ value, updateDateRange ]\n\t);\n\n\tconst { timezone, l10n } = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_RANGE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date range inputs */ }\n\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'From' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 0 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'from', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'To' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 1 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'to', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\n\t\t\t\t<DateRangeCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={ selectedRange }\n\t\t\t\t\tonSelect={ onSelectCalendarRange }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezone.string || undefined }\n\t\t\t\t\tweekStartsOn={ l10n.startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default function DateControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( operator === OPERATOR_BETWEEN ) {\n\t\tlet dateRangeValue: [ string, string ] | undefined;\n\t\tif (\n\t\t\tArray.isArray( value ) &&\n\t\t\tvalue.length === 2 &&\n\t\t\tvalue.every( ( date ) => typeof date === 'string' )\n\t\t) {\n\t\t\t// Ensure the value is expected format\n\t\t\tdateRangeValue = value as unknown as [ string, string ];\n\t\t}\n\n\t\treturn (\n\t\t\t<CalendarDateRangeControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ dateRangeValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<CalendarDateControl\n\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\tid={ id }\n\t\t\tvalue={ typeof value === 'string' ? value : undefined }\n\t\t\tonChange={ onChange }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["BaseControl","Button","privateApis","componentsPrivateApis","__experimentalInputControl","InputControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useCallback","useMemo","useState","__","getDate","getSettings","format","isValid","subMonths","subDays","subYears","startOfMonth","startOfYear","RelativeDateControl","TIME_UNITS_OPTIONS","OPERATOR_IN_THE_PAST","OPERATOR_OVER","OPERATOR_BETWEEN","unlock","jsx","_jsx","jsxs","_jsxs","DateCalendar","DateRangeCalendar","DATE_PRESETS","id","label","getValue","today","DATE_RANGE_PRESETS","parseDate","dateString","parsed","formatDate","date","CalendarDateControl","value","onChange","hideLabelFromVision","className","selectedPresetId","setSelectedPresetId","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","newDate","dateValue","undefined","handlePresetClick","preset","presetDate","handleManualDateChange","newValue","timezone","string","timezoneString","l10n","startOfWeek","__nextHasNoMarginBottom","children","spacing","wrap","justify","map","isSelected","variant","isPressed","size","onClick","disabled","accessibleWhenDisabled","__next40pxDefaultSize","type","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","CalendarDateRangeControl","selectedRange","from","to","updateDateRange","fromDate","toDate","onSelectCalendarRange","newRange","startDate","endDate","fromOrTo","currentFrom","currentTo","updatedFrom","updatedTo","DateControl","data","field","operator","setValue","item","onChangeRelativeDateControl","onChangeCalendarDateRangeControl","onChangeCalendarDateControl","options","dateRangeValue","Array","isArray","length","every"],"sources":["@wordpress/dataviews/src/dataform-controls/date.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport {\n\tformat,\n\tisValid,\n\tsubMonths,\n\tsubDays,\n\tsubYears,\n\tstartOfMonth,\n\tstartOfYear,\n} from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n\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":[]}