@wordpress/dataviews 9.1.1-next.f56bd8138.0 → 10.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 (805) hide show
  1. package/CHANGELOG.md +44 -1
  2. package/README.md +140 -38
  3. package/build/components/dataform/index.js +52 -28
  4. package/build/components/dataform/index.js.map +7 -1
  5. package/build/components/dataform-context/index.js +33 -25
  6. package/build/components/dataform-context/index.js.map +7 -1
  7. package/build/components/dataviews/index.js +193 -156
  8. package/build/components/dataviews/index.js.map +7 -1
  9. package/build/components/dataviews-bulk-actions/index.js +264 -155
  10. package/build/components/dataviews-bulk-actions/index.js.map +7 -1
  11. package/build/components/dataviews-context/index.js +40 -36
  12. package/build/components/dataviews-context/index.js.map +7 -1
  13. package/build/components/dataviews-filters/add-filter.js +78 -73
  14. package/build/components/dataviews-filters/add-filter.js.map +7 -1
  15. package/build/components/dataviews-filters/filter.js +473 -263
  16. package/build/components/dataviews-filters/filter.js.map +7 -1
  17. package/build/components/dataviews-filters/filters-toggled.js +46 -0
  18. package/build/components/dataviews-filters/filters-toggled.js.map +7 -0
  19. package/build/components/dataviews-filters/filters.js +101 -0
  20. package/build/components/dataviews-filters/filters.js.map +7 -0
  21. package/build/components/dataviews-filters/index.js +46 -197
  22. package/build/components/dataviews-filters/index.js.map +7 -1
  23. package/build/components/dataviews-filters/input-widget.js +88 -89
  24. package/build/components/dataviews-filters/input-widget.js.map +7 -1
  25. package/build/components/dataviews-filters/reset-filters.js +50 -34
  26. package/build/components/dataviews-filters/reset-filters.js.map +7 -1
  27. package/build/components/dataviews-filters/search-widget.js +301 -205
  28. package/build/components/dataviews-filters/search-widget.js.map +7 -1
  29. package/build/components/dataviews-filters/toggle.js +124 -0
  30. package/build/components/dataviews-filters/toggle.js.map +7 -0
  31. package/build/components/dataviews-filters/use-filters.js +74 -0
  32. package/build/components/dataviews-filters/use-filters.js.map +7 -0
  33. package/build/components/dataviews-filters/utils.js +26 -10
  34. package/build/components/dataviews-filters/utils.js.map +7 -1
  35. package/build/components/dataviews-footer/index.js +54 -33
  36. package/build/components/dataviews-footer/index.js.map +7 -1
  37. package/build/components/dataviews-item-actions/index.js +188 -150
  38. package/build/components/dataviews-item-actions/index.js.map +7 -1
  39. package/build/components/dataviews-layout/index.js +64 -49
  40. package/build/components/dataviews-layout/index.js.map +7 -1
  41. package/build/components/dataviews-pagination/index.js +143 -99
  42. package/build/components/dataviews-pagination/index.js.map +7 -1
  43. package/build/components/dataviews-picker/footer.js +152 -101
  44. package/build/components/dataviews-picker/footer.js.map +7 -1
  45. package/build/components/dataviews-picker/index.js +173 -147
  46. package/build/components/dataviews-picker/index.js.map +7 -1
  47. package/build/components/dataviews-search/index.js +63 -46
  48. package/build/components/dataviews-search/index.js.map +7 -1
  49. package/build/components/dataviews-selection-checkbox/index.js +45 -35
  50. package/build/components/dataviews-selection-checkbox/index.js.map +7 -1
  51. package/build/components/dataviews-view-config/index.js +587 -512
  52. package/build/components/dataviews-view-config/index.js.map +7 -1
  53. package/build/components/dataviews-view-config/infinite-scroll-toggle.js +56 -39
  54. package/build/components/dataviews-view-config/infinite-scroll-toggle.js.map +7 -1
  55. package/build/constants.js +215 -108
  56. package/build/constants.js.map +7 -1
  57. package/build/dataform-controls/array.js +109 -145
  58. package/build/dataform-controls/array.js.map +7 -1
  59. package/build/dataform-controls/checkbox.js +56 -66
  60. package/build/dataform-controls/checkbox.js.map +7 -1
  61. package/build/dataform-controls/color.js +112 -119
  62. package/build/dataform-controls/color.js.map +7 -1
  63. package/build/dataform-controls/date.js +531 -349
  64. package/build/dataform-controls/date.js.map +7 -1
  65. package/build/dataform-controls/datetime.js +189 -148
  66. package/build/dataform-controls/datetime.js.map +7 -1
  67. package/build/dataform-controls/email.js +52 -32
  68. package/build/dataform-controls/email.js.map +7 -1
  69. package/build/dataform-controls/index.js +83 -63
  70. package/build/dataform-controls/index.js.map +7 -1
  71. package/build/dataform-controls/integer.js +36 -129
  72. package/build/dataform-controls/integer.js.map +7 -1
  73. package/build/dataform-controls/number.js +39 -0
  74. package/build/dataform-controls/number.js.map +7 -0
  75. package/build/dataform-controls/password.js +66 -38
  76. package/build/dataform-controls/password.js.map +7 -1
  77. package/build/dataform-controls/radio.js +61 -64
  78. package/build/dataform-controls/radio.js.map +7 -1
  79. package/build/dataform-controls/select.js +70 -88
  80. package/build/dataform-controls/select.js.map +7 -1
  81. package/build/dataform-controls/telephone.js +52 -32
  82. package/build/dataform-controls/telephone.js.map +7 -1
  83. package/build/dataform-controls/text.js +52 -30
  84. package/build/dataform-controls/text.js.map +7 -1
  85. package/build/dataform-controls/textarea.js +62 -71
  86. package/build/dataform-controls/textarea.js.map +7 -1
  87. package/build/dataform-controls/toggle-group.js +73 -66
  88. package/build/dataform-controls/toggle-group.js.map +7 -1
  89. package/build/dataform-controls/toggle.js +57 -67
  90. package/build/dataform-controls/toggle.js.map +7 -1
  91. package/build/dataform-controls/url.js +52 -32
  92. package/build/dataform-controls/url.js.map +7 -1
  93. package/build/dataform-controls/utils/get-custom-validity.js +35 -0
  94. package/build/dataform-controls/utils/get-custom-validity.js.map +7 -0
  95. package/build/dataform-controls/utils/relative-date-control.js +122 -0
  96. package/build/dataform-controls/utils/relative-date-control.js.map +7 -0
  97. package/build/dataform-controls/utils/validated-input.js +67 -71
  98. package/build/dataform-controls/utils/validated-input.js.map +7 -1
  99. package/build/dataform-controls/utils/validated-number.js +167 -0
  100. package/build/dataform-controls/utils/validated-number.js.map +7 -0
  101. package/build/dataform-layouts/card/index.js +217 -0
  102. package/build/dataform-layouts/card/index.js.map +7 -0
  103. package/build/dataform-layouts/data-form-layout.js +95 -0
  104. package/build/dataform-layouts/data-form-layout.js.map +7 -0
  105. package/build/dataform-layouts/get-summary-fields.js +45 -0
  106. package/build/dataform-layouts/get-summary-fields.js.map +7 -0
  107. package/build/dataform-layouts/index.js +99 -0
  108. package/build/dataform-layouts/index.js.map +7 -0
  109. package/build/dataform-layouts/is-combined-field.js +31 -0
  110. package/build/dataform-layouts/is-combined-field.js.map +7 -0
  111. package/build/dataform-layouts/normalize-form-fields.js +104 -0
  112. package/build/dataform-layouts/normalize-form-fields.js.map +7 -0
  113. package/build/dataform-layouts/panel/dropdown.js +159 -0
  114. package/build/dataform-layouts/panel/dropdown.js.map +7 -0
  115. package/build/dataform-layouts/panel/index.js +152 -0
  116. package/build/dataform-layouts/panel/index.js.map +7 -0
  117. package/build/dataform-layouts/panel/modal.js +176 -0
  118. package/build/dataform-layouts/panel/modal.js.map +7 -0
  119. package/build/dataform-layouts/panel/summary-button.js +93 -0
  120. package/build/dataform-layouts/panel/summary-button.js.map +7 -0
  121. package/build/dataform-layouts/regular/index.js +139 -0
  122. package/build/dataform-layouts/regular/index.js.map +7 -0
  123. package/build/dataform-layouts/row/index.js +120 -0
  124. package/build/dataform-layouts/row/index.js.map +7 -0
  125. package/build/dataviews-layouts/grid/index.js +337 -278
  126. package/build/dataviews-layouts/grid/index.js.map +7 -1
  127. package/build/dataviews-layouts/grid/preview-size-picker.js +94 -69
  128. package/build/dataviews-layouts/grid/preview-size-picker.js.map +7 -1
  129. package/build/dataviews-layouts/index.js +75 -48
  130. package/build/dataviews-layouts/index.js.map +7 -1
  131. package/build/dataviews-layouts/list/index.js +441 -354
  132. package/build/dataviews-layouts/list/index.js.map +7 -1
  133. package/build/dataviews-layouts/picker-grid/index.js +366 -297
  134. package/build/dataviews-layouts/picker-grid/index.js.map +7 -1
  135. package/build/dataviews-layouts/table/column-header-menu.js +144 -133
  136. package/build/dataviews-layouts/table/column-header-menu.js.map +7 -1
  137. package/build/dataviews-layouts/table/column-primary.js +86 -66
  138. package/build/dataviews-layouts/table/column-primary.js.map +7 -1
  139. package/build/dataviews-layouts/table/density-picker.js +86 -46
  140. package/build/dataviews-layouts/table/density-picker.js.map +7 -1
  141. package/build/dataviews-layouts/table/index.js +354 -319
  142. package/build/dataviews-layouts/table/index.js.map +7 -1
  143. package/build/dataviews-layouts/table/use-is-horizontal-scroll-end.js +55 -47
  144. package/build/dataviews-layouts/table/use-is-horizontal-scroll-end.js.map +7 -1
  145. package/build/dataviews-layouts/utils/get-data-by-group.js +24 -13
  146. package/build/dataviews-layouts/utils/get-data-by-group.js.map +7 -1
  147. package/build/dataviews-layouts/utils/grid-items.js +51 -34
  148. package/build/dataviews-layouts/utils/grid-items.js.map +7 -1
  149. package/build/dataviews-layouts/utils/item-click-wrapper.js +53 -31
  150. package/build/dataviews-layouts/utils/item-click-wrapper.js.map +7 -1
  151. package/build/dataviews-layouts/utils/preview-size-picker.js +94 -69
  152. package/build/dataviews-layouts/utils/preview-size-picker.js.map +7 -1
  153. package/build/field-types/array.js +46 -41
  154. package/build/field-types/array.js.map +7 -1
  155. package/build/field-types/boolean.js +52 -47
  156. package/build/field-types/boolean.js.map +7 -1
  157. package/build/field-types/color.js +79 -81
  158. package/build/field-types/color.js.map +7 -1
  159. package/build/field-types/date.js +69 -48
  160. package/build/field-types/date.js.map +7 -1
  161. package/build/field-types/datetime.js +62 -43
  162. package/build/field-types/datetime.js.map +7 -1
  163. package/build/field-types/email.js +58 -47
  164. package/build/field-types/email.js.map +7 -1
  165. package/build/field-types/index.js +84 -89
  166. package/build/field-types/index.js.map +7 -1
  167. package/build/field-types/integer.js +68 -45
  168. package/build/field-types/integer.js.map +7 -1
  169. package/build/field-types/media.js +25 -27
  170. package/build/field-types/media.js.map +7 -1
  171. package/build/field-types/number.js +95 -0
  172. package/build/field-types/number.js.map +7 -0
  173. package/build/field-types/password.js +40 -39
  174. package/build/field-types/password.js.map +7 -1
  175. package/build/field-types/telephone.js +55 -45
  176. package/build/field-types/telephone.js.map +7 -1
  177. package/build/field-types/text.js +55 -46
  178. package/build/field-types/text.js.map +7 -1
  179. package/build/field-types/url.js +55 -45
  180. package/build/field-types/url.js.map +7 -1
  181. package/build/field-types/utils/render-from-elements.js +52 -0
  182. package/build/field-types/utils/render-from-elements.js.map +7 -0
  183. package/build/hooks/index.js +39 -0
  184. package/build/hooks/index.js.map +7 -0
  185. package/build/hooks/use-elements.js +63 -0
  186. package/build/hooks/use-elements.js.map +7 -0
  187. package/build/hooks/use-form-validity.js +426 -0
  188. package/build/hooks/use-form-validity.js.map +7 -0
  189. package/build/index.js +50 -45
  190. package/build/index.js.map +7 -1
  191. package/build/lock-unlock.js +31 -14
  192. package/build/lock-unlock.js.map +7 -1
  193. package/build/types/dataform.js +17 -0
  194. package/build/types/dataform.js.map +7 -0
  195. package/build/types/dataviews.js +17 -0
  196. package/build/types/dataviews.js.map +7 -0
  197. package/build/types/field-api.js +17 -0
  198. package/build/types/field-api.js.map +7 -0
  199. package/build/types/index.js +17 -0
  200. package/build/types/index.js.map +7 -0
  201. package/build/types/private.js +17 -0
  202. package/build/types/private.js.map +7 -0
  203. package/build/utils/filter-sort-and-paginate.js +285 -0
  204. package/build/utils/filter-sort-and-paginate.js.map +7 -0
  205. package/build/utils/has-elements.js +27 -0
  206. package/build/utils/has-elements.js.map +7 -0
  207. package/build/utils/normalize-fields.js +160 -0
  208. package/build/utils/normalize-fields.js.map +7 -0
  209. package/build-module/components/dataform/index.js +25 -25
  210. package/build-module/components/dataform/index.js.map +7 -1
  211. package/build-module/components/dataform-context/index.js +11 -19
  212. package/build-module/components/dataform-context/index.js.map +7 -1
  213. package/build-module/components/dataviews/index.js +156 -131
  214. package/build-module/components/dataviews/index.js.map +7 -1
  215. package/build-module/components/dataviews-bulk-actions/index.js +227 -140
  216. package/build-module/components/dataviews-bulk-actions/index.js.map +7 -1
  217. package/build-module/components/dataviews-context/index.js +20 -30
  218. package/build-module/components/dataviews-context/index.js.map +7 -1
  219. package/build-module/components/dataviews-filters/add-filter.js +60 -68
  220. package/build-module/components/dataviews-filters/add-filter.js.map +7 -1
  221. package/build-module/components/dataviews-filters/filter.js +454 -232
  222. package/build-module/components/dataviews-filters/filter.js.map +7 -1
  223. package/build-module/components/dataviews-filters/filters-toggled.js +16 -0
  224. package/build-module/components/dataviews-filters/filters-toggled.js.map +7 -0
  225. package/build-module/components/dataviews-filters/filters.js +71 -0
  226. package/build-module/components/dataviews-filters/filters.js.map +7 -0
  227. package/build-module/components/dataviews-filters/index.js +11 -187
  228. package/build-module/components/dataviews-filters/index.js.map +7 -1
  229. package/build-module/components/dataviews-filters/input-widget.js +57 -81
  230. package/build-module/components/dataviews-filters/input-widget.js.map +7 -1
  231. package/build-module/components/dataviews-filters/reset-filters.js +33 -30
  232. package/build-module/components/dataviews-filters/reset-filters.js.map +7 -1
  233. package/build-module/components/dataviews-filters/search-widget.js +276 -195
  234. package/build-module/components/dataviews-filters/search-widget.js.map +7 -1
  235. package/build-module/components/dataviews-filters/toggle.js +94 -0
  236. package/build-module/components/dataviews-filters/toggle.js.map +7 -0
  237. package/build-module/components/dataviews-filters/use-filters.js +54 -0
  238. package/build-module/components/dataviews-filters/use-filters.js.map +7 -0
  239. package/build-module/components/dataviews-filters/utils.js +5 -6
  240. package/build-module/components/dataviews-filters/utils.js.map +7 -1
  241. package/build-module/components/dataviews-footer/index.js +28 -26
  242. package/build-module/components/dataviews-footer/index.js.map +7 -1
  243. package/build-module/components/dataviews-item-actions/index.js +171 -144
  244. package/build-module/components/dataviews-item-actions/index.js.map +7 -1
  245. package/build-module/components/dataviews-layout/index.js +35 -42
  246. package/build-module/components/dataviews-layout/index.js.map +7 -1
  247. package/build-module/components/dataviews-pagination/index.js +115 -92
  248. package/build-module/components/dataviews-pagination/index.js.map +7 -1
  249. package/build-module/components/dataviews-picker/footer.js +122 -93
  250. package/build-module/components/dataviews-picker/footer.js.map +7 -1
  251. package/build-module/components/dataviews-picker/index.js +139 -125
  252. package/build-module/components/dataviews-picker/index.js.map +7 -1
  253. package/build-module/components/dataviews-search/index.js +30 -35
  254. package/build-module/components/dataviews-search/index.js.map +7 -1
  255. package/build-module/components/dataviews-selection-checkbox/index.js +28 -31
  256. package/build-module/components/dataviews-selection-checkbox/index.js.map +7 -1
  257. package/build-module/components/dataviews-view-config/index.js +579 -504
  258. package/build-module/components/dataviews-view-config/index.js.map +7 -1
  259. package/build-module/components/dataviews-view-config/infinite-scroll-toggle.js +28 -33
  260. package/build-module/components/dataviews-view-config/infinite-scroll-toggle.js.map +7 -1
  261. package/build-module/constants.js +157 -101
  262. package/build-module/constants.js.map +7 -1
  263. package/build-module/dataform-controls/array.js +82 -141
  264. package/build-module/dataform-controls/array.js.map +7 -1
  265. package/build-module/dataform-controls/checkbox.js +28 -61
  266. package/build-module/dataform-controls/checkbox.js.map +7 -1
  267. package/build-module/dataform-controls/color.js +89 -115
  268. package/build-module/dataform-controls/color.js.map +7 -1
  269. package/build-module/dataform-controls/date.js +524 -337
  270. package/build-module/dataform-controls/date.js.map +7 -1
  271. package/build-module/dataform-controls/datetime.js +162 -139
  272. package/build-module/dataform-controls/datetime.js.map +7 -1
  273. package/build-module/dataform-controls/email.js +28 -28
  274. package/build-module/dataform-controls/email.js.map +7 -1
  275. package/build-module/dataform-controls/index.js +36 -43
  276. package/build-module/dataform-controls/index.js.map +7 -1
  277. package/build-module/dataform-controls/integer.js +8 -123
  278. package/build-module/dataform-controls/integer.js.map +7 -1
  279. package/build-module/dataform-controls/number.js +9 -0
  280. package/build-module/dataform-controls/number.js.map +7 -0
  281. package/build-module/dataform-controls/password.js +37 -30
  282. package/build-module/dataform-controls/password.js.map +7 -1
  283. package/build-module/dataform-controls/radio.js +34 -60
  284. package/build-module/dataform-controls/radio.js.map +7 -1
  285. package/build-module/dataform-controls/select.js +43 -84
  286. package/build-module/dataform-controls/select.js.map +7 -1
  287. package/build-module/dataform-controls/telephone.js +28 -28
  288. package/build-module/dataform-controls/telephone.js.map +7 -1
  289. package/build-module/dataform-controls/text.js +25 -26
  290. package/build-module/dataform-controls/text.js.map +7 -1
  291. package/build-module/dataform-controls/textarea.js +35 -67
  292. package/build-module/dataform-controls/textarea.js.map +7 -1
  293. package/build-module/dataform-controls/toggle-group.js +50 -62
  294. package/build-module/dataform-controls/toggle-group.js.map +7 -1
  295. package/build-module/dataform-controls/toggle.js +29 -62
  296. package/build-module/dataform-controls/toggle.js.map +7 -1
  297. package/build-module/dataform-controls/url.js +28 -28
  298. package/build-module/dataform-controls/url.js.map +7 -1
  299. package/build-module/dataform-controls/utils/get-custom-validity.js +15 -0
  300. package/build-module/dataform-controls/utils/get-custom-validity.js.map +7 -0
  301. package/build-module/dataform-controls/utils/relative-date-control.js +97 -0
  302. package/build-module/dataform-controls/utils/relative-date-control.js.map +7 -0
  303. package/build-module/dataform-controls/utils/validated-input.js +40 -67
  304. package/build-module/dataform-controls/utils/validated-input.js.map +7 -1
  305. package/build-module/dataform-controls/utils/validated-number.js +142 -0
  306. package/build-module/dataform-controls/utils/validated-number.js.map +7 -0
  307. package/build-module/dataform-layouts/card/index.js +183 -0
  308. package/build-module/dataform-layouts/card/index.js.map +7 -0
  309. package/build-module/dataform-layouts/data-form-layout.js +61 -0
  310. package/build-module/dataform-layouts/data-form-layout.js.map +7 -0
  311. package/build-module/dataform-layouts/get-summary-fields.js +21 -0
  312. package/build-module/dataform-layouts/get-summary-fields.js.map +7 -0
  313. package/build-module/dataform-layouts/index.js +68 -0
  314. package/build-module/dataform-layouts/index.js.map +7 -0
  315. package/build-module/dataform-layouts/is-combined-field.js +7 -0
  316. package/build-module/dataform-layouts/is-combined-field.js.map +7 -0
  317. package/build-module/dataform-layouts/normalize-form-fields.js +79 -0
  318. package/build-module/dataform-layouts/normalize-form-fields.js.map +7 -0
  319. package/build-module/dataform-layouts/panel/dropdown.js +136 -0
  320. package/build-module/dataform-layouts/panel/dropdown.js.map +7 -0
  321. package/build-module/dataform-layouts/panel/index.js +125 -0
  322. package/build-module/dataform-layouts/panel/index.js.map +7 -0
  323. package/build-module/dataform-layouts/panel/modal.js +151 -0
  324. package/build-module/dataform-layouts/panel/modal.js.map +7 -0
  325. package/build-module/dataform-layouts/panel/summary-button.js +73 -0
  326. package/build-module/dataform-layouts/panel/summary-button.js.map +7 -0
  327. package/build-module/dataform-layouts/regular/index.js +115 -0
  328. package/build-module/dataform-layouts/regular/index.js.map +7 -0
  329. package/build-module/dataform-layouts/row/index.js +95 -0
  330. package/build-module/dataform-layouts/row/index.js.map +7 -0
  331. package/build-module/dataviews-layouts/grid/index.js +316 -267
  332. package/build-module/dataviews-layouts/grid/index.js.map +7 -1
  333. package/build-module/dataviews-layouts/grid/preview-size-picker.js +66 -63
  334. package/build-module/dataviews-layouts/grid/preview-size-picker.js.map +7 -1
  335. package/build-module/dataviews-layouts/index.js +53 -42
  336. package/build-module/dataviews-layouts/index.js.map +7 -1
  337. package/build-module/dataviews-layouts/list/index.js +422 -339
  338. package/build-module/dataviews-layouts/list/index.js.map +7 -1
  339. package/build-module/dataviews-layouts/picker-grid/index.js +344 -288
  340. package/build-module/dataviews-layouts/picker-grid/index.js.map +7 -1
  341. package/build-module/dataviews-layouts/table/column-header-menu.js +129 -127
  342. package/build-module/dataviews-layouts/table/column-header-menu.js.map +7 -1
  343. package/build-module/dataviews-layouts/table/column-primary.js +71 -62
  344. package/build-module/dataviews-layouts/table/column-primary.js.map +7 -1
  345. package/build-module/dataviews-layouts/table/density-picker.js +61 -40
  346. package/build-module/dataviews-layouts/table/density-picker.js.map +7 -1
  347. package/build-module/dataviews-layouts/table/index.js +326 -302
  348. package/build-module/dataviews-layouts/table/index.js.map +7 -1
  349. package/build-module/dataviews-layouts/table/use-is-horizontal-scroll-end.js +31 -40
  350. package/build-module/dataviews-layouts/table/use-is-horizontal-scroll-end.js.map +7 -1
  351. package/build-module/dataviews-layouts/utils/get-data-by-group.js +7 -10
  352. package/build-module/dataviews-layouts/utils/get-data-by-group.js.map +7 -1
  353. package/build-module/dataviews-layouts/utils/grid-items.js +19 -28
  354. package/build-module/dataviews-layouts/utils/grid-items.js.map +7 -1
  355. package/build-module/dataviews-layouts/utils/item-click-wrapper.js +32 -28
  356. package/build-module/dataviews-layouts/utils/item-click-wrapper.js.map +7 -1
  357. package/build-module/dataviews-layouts/utils/preview-size-picker.js +66 -63
  358. package/build-module/dataviews-layouts/utils/preview-size-picker.js.map +7 -1
  359. package/build-module/field-types/array.js +32 -37
  360. package/build-module/field-types/array.js.map +7 -1
  361. package/build-module/field-types/boolean.js +22 -41
  362. package/build-module/field-types/boolean.js.map +7 -1
  363. package/build-module/field-types/color.js +51 -72
  364. package/build-module/field-types/color.js.map +7 -1
  365. package/build-module/field-types/date.js +51 -44
  366. package/build-module/field-types/date.js.map +7 -1
  367. package/build-module/field-types/datetime.js +43 -39
  368. package/build-module/field-types/datetime.js.map +7 -1
  369. package/build-module/field-types/email.js +39 -42
  370. package/build-module/field-types/email.js.map +7 -1
  371. package/build-module/field-types/index.js +43 -72
  372. package/build-module/field-types/index.js.map +7 -1
  373. package/build-module/field-types/integer.js +52 -41
  374. package/build-module/field-types/integer.js.map +7 -1
  375. package/build-module/field-types/media.js +7 -23
  376. package/build-module/field-types/media.js.map +7 -1
  377. package/build-module/field-types/number.js +77 -0
  378. package/build-module/field-types/number.js.map +7 -0
  379. package/build-module/field-types/password.js +12 -36
  380. package/build-module/field-types/password.js.map +7 -1
  381. package/build-module/field-types/telephone.js +36 -40
  382. package/build-module/field-types/telephone.js.map +7 -1
  383. package/build-module/field-types/text.js +36 -41
  384. package/build-module/field-types/text.js.map +7 -1
  385. package/build-module/field-types/url.js +36 -40
  386. package/build-module/field-types/url.js.map +7 -1
  387. package/build-module/field-types/utils/render-from-elements.js +22 -0
  388. package/build-module/field-types/utils/render-from-elements.js.map +7 -0
  389. package/build-module/hooks/index.js +5 -0
  390. package/build-module/hooks/index.js.map +7 -0
  391. package/build-module/hooks/use-elements.js +43 -0
  392. package/build-module/hooks/use-elements.js.map +7 -0
  393. package/build-module/hooks/use-form-validity.js +392 -0
  394. package/build-module/hooks/use-form-validity.js.map +7 -0
  395. package/build-module/index.js +15 -7
  396. package/build-module/index.js.map +7 -1
  397. package/build-module/lock-unlock.js +8 -7
  398. package/build-module/lock-unlock.js.map +7 -1
  399. package/build-module/types/dataform.js +1 -0
  400. package/build-module/types/dataform.js.map +7 -0
  401. package/build-module/types/dataviews.js +1 -0
  402. package/build-module/types/dataviews.js.map +7 -0
  403. package/build-module/types/field-api.js +1 -0
  404. package/build-module/types/field-api.js.map +7 -0
  405. package/build-module/types/index.js +1 -0
  406. package/build-module/types/index.js.map +7 -0
  407. package/build-module/types/private.js +1 -0
  408. package/build-module/types/private.js.map +7 -0
  409. package/build-module/utils/filter-sort-and-paginate.js +278 -0
  410. package/build-module/utils/filter-sort-and-paginate.js.map +7 -0
  411. package/build-module/utils/has-elements.js +7 -0
  412. package/build-module/utils/has-elements.js.map +7 -0
  413. package/build-module/utils/normalize-fields.js +134 -0
  414. package/build-module/utils/normalize-fields.js.map +7 -0
  415. package/build-style/style-rtl.css +81 -217
  416. package/build-style/style.css +81 -217
  417. package/build-types/components/dataform/index.d.ts +1 -1
  418. package/build-types/components/dataform/index.d.ts.map +1 -1
  419. package/build-types/components/dataform-context/index.d.ts.map +1 -1
  420. package/build-types/components/dataviews/index.d.ts +3 -2
  421. package/build-types/components/dataviews/index.d.ts.map +1 -1
  422. package/build-types/components/dataviews-bulk-actions/index.d.ts +1 -1
  423. package/build-types/components/dataviews-bulk-actions/index.d.ts.map +1 -1
  424. package/build-types/components/dataviews-context/index.d.ts +1 -1
  425. package/build-types/components/dataviews-filters/filter.d.ts +1 -1
  426. package/build-types/components/dataviews-filters/filter.d.ts.map +1 -1
  427. package/build-types/components/dataviews-filters/filters-toggled.d.ts +5 -0
  428. package/build-types/components/dataviews-filters/filters-toggled.d.ts.map +1 -0
  429. package/build-types/components/dataviews-filters/filters.d.ts +6 -0
  430. package/build-types/components/dataviews-filters/filters.d.ts.map +1 -0
  431. package/build-types/components/dataviews-filters/index.d.ts +4 -8
  432. package/build-types/components/dataviews-filters/index.d.ts.map +1 -1
  433. package/build-types/components/dataviews-filters/search-widget.d.ts.map +1 -1
  434. package/build-types/components/dataviews-filters/toggle.d.ts +3 -0
  435. package/build-types/components/dataviews-filters/toggle.d.ts.map +1 -0
  436. package/build-types/components/dataviews-filters/use-filters.d.ts +4 -0
  437. package/build-types/components/dataviews-filters/use-filters.d.ts.map +1 -0
  438. package/build-types/components/dataviews-item-actions/index.d.ts.map +1 -1
  439. package/build-types/components/dataviews-picker/footer.d.ts.map +1 -1
  440. package/build-types/components/dataviews-picker/index.d.ts +3 -2
  441. package/build-types/components/dataviews-picker/index.d.ts.map +1 -1
  442. package/build-types/components/dataviews-selection-checkbox/index.d.ts +1 -1
  443. package/build-types/dataform-controls/array.d.ts +1 -1
  444. package/build-types/dataform-controls/array.d.ts.map +1 -1
  445. package/build-types/dataform-controls/checkbox.d.ts +1 -1
  446. package/build-types/dataform-controls/checkbox.d.ts.map +1 -1
  447. package/build-types/dataform-controls/color.d.ts +1 -1
  448. package/build-types/dataform-controls/color.d.ts.map +1 -1
  449. package/build-types/dataform-controls/date.d.ts +1 -1
  450. package/build-types/dataform-controls/date.d.ts.map +1 -1
  451. package/build-types/dataform-controls/datetime.d.ts +1 -1
  452. package/build-types/dataform-controls/datetime.d.ts.map +1 -1
  453. package/build-types/dataform-controls/email.d.ts +1 -1
  454. package/build-types/dataform-controls/email.d.ts.map +1 -1
  455. package/build-types/dataform-controls/index.d.ts.map +1 -1
  456. package/build-types/dataform-controls/integer.d.ts +4 -1
  457. package/build-types/dataform-controls/integer.d.ts.map +1 -1
  458. package/build-types/dataform-controls/number.d.ts +6 -0
  459. package/build-types/dataform-controls/number.d.ts.map +1 -0
  460. package/build-types/dataform-controls/password.d.ts +1 -1
  461. package/build-types/dataform-controls/password.d.ts.map +1 -1
  462. package/build-types/dataform-controls/radio.d.ts +1 -1
  463. package/build-types/dataform-controls/radio.d.ts.map +1 -1
  464. package/build-types/dataform-controls/select.d.ts +1 -1
  465. package/build-types/dataform-controls/select.d.ts.map +1 -1
  466. package/build-types/dataform-controls/telephone.d.ts +1 -1
  467. package/build-types/dataform-controls/telephone.d.ts.map +1 -1
  468. package/build-types/dataform-controls/text.d.ts +1 -1
  469. package/build-types/dataform-controls/text.d.ts.map +1 -1
  470. package/build-types/dataform-controls/textarea.d.ts +1 -1
  471. package/build-types/dataform-controls/textarea.d.ts.map +1 -1
  472. package/build-types/dataform-controls/toggle-group.d.ts +1 -1
  473. package/build-types/dataform-controls/toggle-group.d.ts.map +1 -1
  474. package/build-types/dataform-controls/toggle.d.ts +1 -1
  475. package/build-types/dataform-controls/toggle.d.ts.map +1 -1
  476. package/build-types/dataform-controls/url.d.ts +1 -1
  477. package/build-types/dataform-controls/url.d.ts.map +1 -1
  478. package/build-types/dataform-controls/utils/get-custom-validity.d.ts +9 -0
  479. package/build-types/dataform-controls/utils/get-custom-validity.d.ts.map +1 -0
  480. package/build-types/dataform-controls/utils/relative-date-control.d.ts +5 -0
  481. package/build-types/dataform-controls/utils/relative-date-control.d.ts.map +1 -0
  482. package/build-types/dataform-controls/utils/validated-input.d.ts +1 -1
  483. package/build-types/dataform-controls/utils/validated-input.d.ts.map +1 -1
  484. package/build-types/dataform-controls/utils/validated-number.d.ts +9 -0
  485. package/build-types/dataform-controls/utils/validated-number.d.ts.map +1 -0
  486. package/build-types/{dataforms-layouts → dataform-layouts}/card/index.d.ts +1 -1
  487. package/build-types/dataform-layouts/card/index.d.ts.map +1 -0
  488. package/build-types/{dataforms-layouts → dataform-layouts}/data-form-layout.d.ts +5 -3
  489. package/build-types/dataform-layouts/data-form-layout.d.ts.map +1 -0
  490. package/build-types/dataform-layouts/get-summary-fields.d.ts +12 -0
  491. package/build-types/dataform-layouts/get-summary-fields.d.ts.map +1 -0
  492. package/build-types/{dataforms-layouts → dataform-layouts}/index.d.ts +0 -5
  493. package/build-types/dataform-layouts/index.d.ts.map +1 -0
  494. package/build-types/dataform-layouts/is-combined-field.d.ts.map +1 -0
  495. package/build-types/{normalize-form-fields.d.ts → dataform-layouts/normalize-form-fields.d.ts} +1 -1
  496. package/build-types/dataform-layouts/normalize-form-fields.d.ts.map +1 -0
  497. package/build-types/{dataforms-layouts → dataform-layouts}/panel/dropdown.d.ts +8 -7
  498. package/build-types/dataform-layouts/panel/dropdown.d.ts.map +1 -0
  499. package/build-types/{dataforms-layouts → dataform-layouts}/panel/index.d.ts +1 -1
  500. package/build-types/dataform-layouts/panel/index.d.ts.map +1 -0
  501. package/build-types/{dataforms-layouts → dataform-layouts}/panel/modal.d.ts +5 -5
  502. package/build-types/dataform-layouts/panel/modal.d.ts.map +1 -0
  503. package/build-types/dataform-layouts/panel/summary-button.d.ts.map +1 -0
  504. package/build-types/{dataforms-layouts → dataform-layouts}/regular/index.d.ts +1 -1
  505. package/build-types/dataform-layouts/regular/index.d.ts.map +1 -0
  506. package/build-types/{dataforms-layouts → dataform-layouts}/row/index.d.ts +1 -1
  507. package/build-types/dataform-layouts/row/index.d.ts.map +1 -0
  508. package/build-types/dataviews-layouts/list/index.d.ts.map +1 -1
  509. package/build-types/dataviews-layouts/picker-grid/index.d.ts.map +1 -1
  510. package/build-types/dataviews-layouts/utils/item-click-wrapper.d.ts +1 -1
  511. package/build-types/dataviews-layouts/utils/item-click-wrapper.d.ts.map +1 -1
  512. package/build-types/field-types/array.d.ts.map +1 -1
  513. package/build-types/field-types/boolean.d.ts +2 -1
  514. package/build-types/field-types/boolean.d.ts.map +1 -1
  515. package/build-types/field-types/color.d.ts +2 -1
  516. package/build-types/field-types/color.d.ts.map +1 -1
  517. package/build-types/field-types/date.d.ts +4 -3
  518. package/build-types/field-types/date.d.ts.map +1 -1
  519. package/build-types/field-types/datetime.d.ts +3 -2
  520. package/build-types/field-types/datetime.d.ts.map +1 -1
  521. package/build-types/field-types/email.d.ts +3 -2
  522. package/build-types/field-types/email.d.ts.map +1 -1
  523. package/build-types/field-types/index.d.ts.map +1 -1
  524. package/build-types/field-types/integer.d.ts +2 -1
  525. package/build-types/field-types/integer.d.ts.map +1 -1
  526. package/build-types/field-types/media.d.ts +2 -5
  527. package/build-types/field-types/media.d.ts.map +1 -1
  528. package/build-types/field-types/number.d.ts +21 -0
  529. package/build-types/field-types/number.d.ts.map +1 -0
  530. package/build-types/field-types/password.d.ts +4 -3
  531. package/build-types/field-types/password.d.ts.map +1 -1
  532. package/build-types/field-types/telephone.d.ts +4 -3
  533. package/build-types/field-types/telephone.d.ts.map +1 -1
  534. package/build-types/field-types/text.d.ts +4 -3
  535. package/build-types/field-types/text.d.ts.map +1 -1
  536. package/build-types/field-types/url.d.ts +4 -3
  537. package/build-types/field-types/url.d.ts.map +1 -1
  538. package/build-types/field-types/utils/render-from-elements.d.ts +6 -0
  539. package/build-types/field-types/utils/render-from-elements.d.ts.map +1 -0
  540. package/build-types/hooks/index.d.ts +5 -0
  541. package/build-types/hooks/index.d.ts.map +1 -0
  542. package/build-types/hooks/use-elements.d.ts +12 -0
  543. package/build-types/hooks/use-elements.d.ts.map +1 -0
  544. package/build-types/hooks/use-form-validity.d.ts +16 -0
  545. package/build-types/hooks/use-form-validity.d.ts.map +1 -0
  546. package/build-types/index.d.ts +2 -2
  547. package/build-types/index.d.ts.map +1 -1
  548. package/build-types/{components/dataform/stories/index.story.d.ts → stories/dataform.story.d.ts} +16 -6
  549. package/build-types/stories/dataform.story.d.ts.map +1 -0
  550. package/build-types/{components/dataviews-picker/stories/index.story.d.ts → stories/dataviews-picker.story.d.ts} +2 -2
  551. package/build-types/stories/dataviews-picker.story.d.ts.map +1 -0
  552. package/build-types/{components/dataviews/stories/fixtures.d.ts → stories/dataviews.fixtures.d.ts} +2 -2
  553. package/build-types/stories/dataviews.fixtures.d.ts.map +1 -0
  554. package/build-types/{components/dataviews/stories/index.story.d.ts → stories/dataviews.story.d.ts} +3 -3
  555. package/build-types/stories/dataviews.story.d.ts.map +1 -0
  556. package/build-types/stories/field-types.story.d.ts +157 -0
  557. package/build-types/stories/field-types.story.d.ts.map +1 -0
  558. package/build-types/test/use-form-validity.d.ts +2 -0
  559. package/build-types/test/use-form-validity.d.ts.map +1 -0
  560. package/build-types/types/dataform.d.ts +112 -0
  561. package/build-types/types/dataform.d.ts.map +1 -0
  562. package/build-types/types/dataviews.d.ts +341 -0
  563. package/build-types/types/dataviews.d.ts.map +1 -0
  564. package/build-types/types/field-api.d.ts +298 -0
  565. package/build-types/types/field-api.d.ts.map +1 -0
  566. package/build-types/types/index.d.ts +4 -0
  567. package/build-types/types/index.d.ts.map +1 -0
  568. package/build-types/{private-types.d.ts → types/private.d.ts} +1 -1
  569. package/build-types/types/private.d.ts.map +1 -0
  570. package/build-types/{filter-and-sort-data-view.d.ts → utils/filter-sort-and-paginate.d.ts} +3 -3
  571. package/build-types/utils/filter-sort-and-paginate.d.ts.map +1 -0
  572. package/build-types/utils/has-elements.d.ts +6 -0
  573. package/build-types/utils/has-elements.d.ts.map +1 -0
  574. package/build-types/utils/normalize-fields.d.ts +9 -0
  575. package/build-types/utils/normalize-fields.d.ts.map +1 -0
  576. package/build-wp/index.js +3241 -2787
  577. package/package.json +16 -18
  578. package/src/components/dataform/index.tsx +9 -3
  579. package/src/components/dataform-context/index.tsx +3 -1
  580. package/src/components/dataviews/index.tsx +10 -16
  581. package/src/components/dataviews/style.scss +4 -0
  582. package/src/components/dataviews-bulk-actions/index.tsx +1 -2
  583. package/src/components/dataviews-bulk-actions/style.scss +3 -0
  584. package/src/components/dataviews-context/index.ts +1 -1
  585. package/src/components/dataviews-filters/filter.tsx +11 -5
  586. package/src/components/dataviews-filters/filters-toggled.tsx +20 -0
  587. package/src/components/dataviews-filters/filters.tsx +73 -0
  588. package/src/components/dataviews-filters/index.tsx +4 -246
  589. package/src/components/dataviews-filters/search-widget.tsx +30 -3
  590. package/src/components/dataviews-filters/style.scss +21 -6
  591. package/src/components/dataviews-filters/toggle.tsx +118 -0
  592. package/src/components/dataviews-filters/use-filters.ts +75 -0
  593. package/src/components/dataviews-footer/style.scss +4 -0
  594. package/src/components/dataviews-item-actions/index.tsx +6 -2
  595. package/src/components/dataviews-item-actions/style.scss +3 -0
  596. package/src/components/dataviews-pagination/style.scss +3 -0
  597. package/src/components/dataviews-picker/footer.tsx +2 -4
  598. package/src/components/dataviews-picker/index.tsx +10 -16
  599. package/src/components/dataviews-picker/style.scss +2 -0
  600. package/src/components/dataviews-selection-checkbox/index.tsx +1 -1
  601. package/src/components/dataviews-selection-checkbox/style.scss +3 -0
  602. package/src/components/dataviews-view-config/style.scss +3 -0
  603. package/src/dataform-controls/array.tsx +16 -82
  604. package/src/dataform-controls/checkbox.tsx +5 -41
  605. package/src/dataform-controls/color.tsx +5 -37
  606. package/src/dataform-controls/date.tsx +375 -238
  607. package/src/dataform-controls/datetime.tsx +92 -60
  608. package/src/dataform-controls/email.tsx +2 -0
  609. package/src/dataform-controls/index.tsx +4 -1
  610. package/src/dataform-controls/integer.tsx +3 -179
  611. package/src/dataform-controls/number.tsx +10 -0
  612. package/src/dataform-controls/password.tsx +2 -0
  613. package/src/dataform-controls/radio.tsx +24 -55
  614. package/src/dataform-controls/select.tsx +14 -61
  615. package/src/dataform-controls/style.scss +2 -0
  616. package/src/dataform-controls/telephone.tsx +2 -0
  617. package/src/dataform-controls/text.tsx +2 -0
  618. package/src/dataform-controls/textarea.tsx +6 -42
  619. package/src/dataform-controls/toggle-group.tsx +38 -64
  620. package/src/dataform-controls/toggle.tsx +6 -42
  621. package/src/dataform-controls/url.tsx +2 -0
  622. package/src/dataform-controls/utils/get-custom-validity.ts +24 -0
  623. package/src/dataform-controls/{relative-date-control.tsx → utils/relative-date-control.tsx} +37 -25
  624. package/src/dataform-controls/utils/validated-input.tsx +4 -40
  625. package/src/dataform-controls/utils/validated-number.tsx +171 -0
  626. package/src/{dataforms-layouts → dataform-layouts}/card/index.tsx +106 -8
  627. package/src/dataform-layouts/card/style.scss +24 -0
  628. package/src/{dataforms-layouts → dataform-layouts}/data-form-layout.tsx +22 -5
  629. package/src/dataform-layouts/get-summary-fields.ts +42 -0
  630. package/src/{dataforms-layouts → dataform-layouts}/index.tsx +32 -2
  631. package/src/{normalize-form-fields.ts → dataform-layouts/normalize-form-fields.ts} +28 -1
  632. package/src/{dataforms-layouts → dataform-layouts}/panel/dropdown.tsx +36 -15
  633. package/src/{dataforms-layouts → dataform-layouts}/panel/index.tsx +88 -55
  634. package/src/{dataforms-layouts → dataform-layouts}/panel/modal.tsx +42 -31
  635. package/src/{dataforms-layouts → dataform-layouts}/panel/style.scss +3 -0
  636. package/src/{dataforms-layouts → dataform-layouts}/regular/index.tsx +5 -1
  637. package/src/{dataforms-layouts → dataform-layouts}/regular/style.scss +2 -0
  638. package/src/{dataforms-layouts → dataform-layouts}/row/index.tsx +9 -4
  639. package/src/dataform-layouts/style.scss +5 -0
  640. package/src/dataviews-layouts/grid/index.tsx +1 -1
  641. package/src/dataviews-layouts/grid/style.scss +8 -3
  642. package/src/dataviews-layouts/list/index.tsx +0 -2
  643. package/src/dataviews-layouts/list/style.scss +3 -0
  644. package/src/dataviews-layouts/picker-grid/index.tsx +16 -9
  645. package/src/dataviews-layouts/picker-grid/style.scss +8 -4
  646. package/src/dataviews-layouts/table/column-header-menu.tsx +1 -1
  647. package/src/dataviews-layouts/table/index.tsx +1 -1
  648. package/src/dataviews-layouts/table/style.scss +9 -0
  649. package/src/dataviews-layouts/utils/grid-items.scss +2 -0
  650. package/src/dataviews-layouts/utils/item-click-wrapper.tsx +40 -2
  651. package/src/field-types/array.tsx +1 -0
  652. package/src/field-types/boolean.tsx +4 -3
  653. package/src/field-types/color.tsx +4 -10
  654. package/src/field-types/{date.ts → date.tsx} +5 -16
  655. package/src/field-types/datetime.tsx +8 -21
  656. package/src/field-types/email.tsx +7 -11
  657. package/src/field-types/index.tsx +13 -23
  658. package/src/field-types/integer.tsx +7 -11
  659. package/src/field-types/media.tsx +3 -17
  660. package/src/field-types/number.tsx +92 -0
  661. package/src/field-types/password.tsx +8 -21
  662. package/src/field-types/telephone.tsx +8 -21
  663. package/src/field-types/text.tsx +8 -21
  664. package/src/field-types/url.tsx +8 -21
  665. package/src/field-types/utils/render-from-elements.tsx +29 -0
  666. package/src/hooks/index.ts +4 -0
  667. package/src/hooks/use-elements.ts +66 -0
  668. package/src/hooks/use-form-validity.ts +571 -0
  669. package/src/index.ts +2 -2
  670. package/src/{components/dataform/stories/index.story.tsx → stories/dataform.story.tsx} +455 -63
  671. package/src/{components/dataviews-picker/stories/index.story.tsx → stories/dataviews-picker.story.tsx} +5 -9
  672. package/src/{components/dataviews/stories/fixtures.tsx → stories/dataviews.fixtures.tsx} +36 -5
  673. package/src/{components/dataviews/stories/index.story.tsx → stories/dataviews.story.tsx} +8 -9
  674. package/src/{field-types/stories/index.story.tsx → stories/field-types.story.tsx} +244 -48
  675. package/src/style.scss +19 -18
  676. package/src/test/dataform.tsx +36 -0
  677. package/src/test/dataviews-picker.tsx +1 -1
  678. package/src/test/dataviews.tsx +1 -2
  679. package/src/test/{filter-and-sort-data-view.js → filter-sort-and-paginate.js} +63 -16
  680. package/src/test/normalize-fields.ts +23 -1
  681. package/src/test/normalize-form-fields.ts +54 -5
  682. package/src/test/use-form-validity.ts +546 -0
  683. package/src/types/dataform.ts +144 -0
  684. package/src/types/dataviews.ts +443 -0
  685. package/src/types/field-api.ts +381 -0
  686. package/src/types/index.ts +3 -0
  687. package/src/{filter-and-sort-data-view.ts → utils/filter-sort-and-paginate.ts} +4 -4
  688. package/src/utils/has-elements.ts +11 -0
  689. package/src/{normalize-fields.ts → utils/normalize-fields.ts} +13 -8
  690. package/tsconfig.tsbuildinfo +1 -1
  691. package/build/dataform-controls/relative-date-control.js +0 -105
  692. package/build/dataform-controls/relative-date-control.js.map +0 -1
  693. package/build/dataforms-layouts/card/index.js +0 -136
  694. package/build/dataforms-layouts/card/index.js.map +0 -1
  695. package/build/dataforms-layouts/data-form-layout.js +0 -71
  696. package/build/dataforms-layouts/data-form-layout.js.map +0 -1
  697. package/build/dataforms-layouts/index.js +0 -58
  698. package/build/dataforms-layouts/index.js.map +0 -1
  699. package/build/dataforms-layouts/is-combined-field.js +0 -14
  700. package/build/dataforms-layouts/is-combined-field.js.map +0 -1
  701. package/build/dataforms-layouts/panel/dropdown.js +0 -120
  702. package/build/dataforms-layouts/panel/dropdown.js.map +0 -1
  703. package/build/dataforms-layouts/panel/index.js +0 -126
  704. package/build/dataforms-layouts/panel/index.js.map +0 -1
  705. package/build/dataforms-layouts/panel/modal.js +0 -120
  706. package/build/dataforms-layouts/panel/modal.js.map +0 -1
  707. package/build/dataforms-layouts/panel/summary-button.js +0 -67
  708. package/build/dataforms-layouts/panel/summary-button.js.map +0 -1
  709. package/build/dataforms-layouts/regular/index.js +0 -116
  710. package/build/dataforms-layouts/regular/index.js.map +0 -1
  711. package/build/dataforms-layouts/row/index.js +0 -113
  712. package/build/dataforms-layouts/row/index.js.map +0 -1
  713. package/build/filter-and-sort-data-view.js +0 -313
  714. package/build/filter-and-sort-data-view.js.map +0 -1
  715. package/build/normalize-fields.js +0 -155
  716. package/build/normalize-fields.js.map +0 -1
  717. package/build/normalize-form-fields.js +0 -81
  718. package/build/normalize-form-fields.js.map +0 -1
  719. package/build/private-types.js +0 -6
  720. package/build/private-types.js.map +0 -1
  721. package/build/types.js +0 -6
  722. package/build/types.js.map +0 -1
  723. package/build/utils.js +0 -22
  724. package/build/utils.js.map +0 -1
  725. package/build/validation.js +0 -61
  726. package/build/validation.js.map +0 -1
  727. package/build-module/dataform-controls/relative-date-control.js +0 -96
  728. package/build-module/dataform-controls/relative-date-control.js.map +0 -1
  729. package/build-module/dataforms-layouts/card/index.js +0 -127
  730. package/build-module/dataforms-layouts/card/index.js.map +0 -1
  731. package/build-module/dataforms-layouts/data-form-layout.js +0 -62
  732. package/build-module/dataforms-layouts/data-form-layout.js.map +0 -1
  733. package/build-module/dataforms-layouts/index.js +0 -51
  734. package/build-module/dataforms-layouts/index.js.map +0 -1
  735. package/build-module/dataforms-layouts/is-combined-field.js +0 -8
  736. package/build-module/dataforms-layouts/is-combined-field.js.map +0 -1
  737. package/build-module/dataforms-layouts/panel/dropdown.js +0 -113
  738. package/build-module/dataforms-layouts/panel/dropdown.js.map +0 -1
  739. package/build-module/dataforms-layouts/panel/index.js +0 -119
  740. package/build-module/dataforms-layouts/panel/index.js.map +0 -1
  741. package/build-module/dataforms-layouts/panel/modal.js +0 -113
  742. package/build-module/dataforms-layouts/panel/modal.js.map +0 -1
  743. package/build-module/dataforms-layouts/panel/summary-button.js +0 -60
  744. package/build-module/dataforms-layouts/panel/summary-button.js.map +0 -1
  745. package/build-module/dataforms-layouts/regular/index.js +0 -109
  746. package/build-module/dataforms-layouts/regular/index.js.map +0 -1
  747. package/build-module/dataforms-layouts/row/index.js +0 -106
  748. package/build-module/dataforms-layouts/row/index.js.map +0 -1
  749. package/build-module/filter-and-sort-data-view.js +0 -305
  750. package/build-module/filter-and-sort-data-view.js.map +0 -1
  751. package/build-module/normalize-fields.js +0 -145
  752. package/build-module/normalize-fields.js.map +0 -1
  753. package/build-module/normalize-form-fields.js +0 -73
  754. package/build-module/normalize-form-fields.js.map +0 -1
  755. package/build-module/private-types.js +0 -2
  756. package/build-module/private-types.js.map +0 -1
  757. package/build-module/types.js +0 -2
  758. package/build-module/types.js.map +0 -1
  759. package/build-module/utils.js +0 -16
  760. package/build-module/utils.js.map +0 -1
  761. package/build-module/validation.js +0 -54
  762. package/build-module/validation.js.map +0 -1
  763. package/build-types/components/dataform/stories/index.story.d.ts.map +0 -1
  764. package/build-types/components/dataviews/stories/fixtures.d.ts.map +0 -1
  765. package/build-types/components/dataviews/stories/index.story.d.ts.map +0 -1
  766. package/build-types/components/dataviews-picker/stories/index.story.d.ts.map +0 -1
  767. package/build-types/dataform-controls/relative-date-control.d.ts +0 -47
  768. package/build-types/dataform-controls/relative-date-control.d.ts.map +0 -1
  769. package/build-types/dataforms-layouts/card/index.d.ts.map +0 -1
  770. package/build-types/dataforms-layouts/data-form-layout.d.ts.map +0 -1
  771. package/build-types/dataforms-layouts/index.d.ts.map +0 -1
  772. package/build-types/dataforms-layouts/is-combined-field.d.ts.map +0 -1
  773. package/build-types/dataforms-layouts/panel/dropdown.d.ts.map +0 -1
  774. package/build-types/dataforms-layouts/panel/index.d.ts.map +0 -1
  775. package/build-types/dataforms-layouts/panel/modal.d.ts.map +0 -1
  776. package/build-types/dataforms-layouts/panel/summary-button.d.ts.map +0 -1
  777. package/build-types/dataforms-layouts/regular/index.d.ts.map +0 -1
  778. package/build-types/dataforms-layouts/row/index.d.ts.map +0 -1
  779. package/build-types/field-types/stories/index.story.d.ts +0 -85
  780. package/build-types/field-types/stories/index.story.d.ts.map +0 -1
  781. package/build-types/filter-and-sort-data-view.d.ts.map +0 -1
  782. package/build-types/normalize-fields.d.ts +0 -12
  783. package/build-types/normalize-fields.d.ts.map +0 -1
  784. package/build-types/normalize-form-fields.d.ts.map +0 -1
  785. package/build-types/private-types.d.ts.map +0 -1
  786. package/build-types/test/validation.d.ts +0 -2
  787. package/build-types/test/validation.d.ts.map +0 -1
  788. package/build-types/types.d.ts +0 -688
  789. package/build-types/types.d.ts.map +0 -1
  790. package/build-types/utils.d.ts +0 -6
  791. package/build-types/utils.d.ts.map +0 -1
  792. package/build-types/validation.d.ts +0 -12
  793. package/build-types/validation.d.ts.map +0 -1
  794. package/src/dataforms-layouts/card/style.scss +0 -10
  795. package/src/test/validation.ts +0 -312
  796. package/src/types.ts +0 -891
  797. package/src/utils.ts +0 -15
  798. package/src/validation.ts +0 -91
  799. /package/build-types/{dataforms-layouts → dataform-layouts}/is-combined-field.d.ts +0 -0
  800. /package/build-types/{dataforms-layouts → dataform-layouts}/panel/summary-button.d.ts +0 -0
  801. /package/src/{dataforms-layouts → dataform-layouts}/is-combined-field.ts +0 -0
  802. /package/src/{dataforms-layouts → dataform-layouts}/panel/summary-button.tsx +0 -0
  803. /package/src/{dataforms-layouts → dataform-layouts}/row/style.scss +0 -0
  804. /package/src/{components/dataviews/stories/style.css → stories/dataviews.style.css} +0 -0
  805. /package/src/{private-types.tsx → types/private.ts} +0 -0
package/build/types.js DELETED
@@ -1,6 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["@wordpress/dataviews/src/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type {\n\tReactElement,\n\tReactNode,\n\tComponentType,\n\tComponentProps,\n} from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { SetSelection } from './private-types';\n\n/**\n * WordPress dependencies\n */\nimport type { useFocusOnMount } from '@wordpress/compose';\n\n/**\n * Utility type that makes all properties of T optional recursively.\n * Used by field setValue functions to allow partial item updates.\n */\nexport type DeepPartial< T > = {\n\t[ P in keyof T ]?: T[ P ] extends object ? DeepPartial< T[ P ] > : T[ P ];\n};\n\nexport type SortDirection = 'asc' | 'desc';\n\n/**\n * Generic option type.\n */\nexport interface Option< Value extends any = any > {\n\tvalue: Value;\n\tlabel: string;\n\tdescription?: string;\n}\n\nexport interface FilterByConfig {\n\t/**\n\t * The list of operators supported by the field.\n\t */\n\toperators?: Operator[];\n\n\t/**\n\t * Whether it is a primary filter.\n\t *\n\t * A primary filter is always visible and is not listed in the \"Add filter\" component,\n\t * except for the list layout where it behaves like a secondary filter.\n\t */\n\tisPrimary?: boolean;\n}\n\nexport interface NormalizedFilterByConfig {\n\t/**\n\t * The list of operators supported by the field.\n\t */\n\toperators: Operator[];\n\n\t/**\n\t * Whether it is a primary filter.\n\t *\n\t * A primary filter is always visible and is not listed in the \"Add filter\" component,\n\t * except for the list layout where it behaves like a secondary filter.\n\t */\n\tisPrimary?: boolean;\n}\n\ninterface FilterConfigForType {\n\t/**\n\t * What operators are used by default.\n\t */\n\tdefaultOperators: Operator[];\n\n\t/**\n\t * What operators are supported by the field.\n\t */\n\tvalidOperators: Operator[];\n}\n\nexport type Operator =\n\t| 'is'\n\t| 'isNot'\n\t| 'isAny'\n\t| 'isNone'\n\t| 'isAll'\n\t| 'isNotAll'\n\t| 'lessThan'\n\t| 'greaterThan'\n\t| 'lessThanOrEqual'\n\t| 'greaterThanOrEqual'\n\t| 'before'\n\t| 'after'\n\t| 'beforeInc'\n\t| 'afterInc'\n\t| 'contains'\n\t| 'notContains'\n\t| 'startsWith'\n\t| 'between'\n\t| 'on'\n\t| 'notOn'\n\t| 'inThePast'\n\t| 'over';\n\nexport type FieldType =\n\t| 'text'\n\t| 'integer'\n\t| 'datetime'\n\t| 'date'\n\t| 'media'\n\t| 'boolean'\n\t| 'email'\n\t| 'password'\n\t| 'telephone'\n\t| 'color'\n\t| 'url'\n\t| 'array';\n\n/**\n * An abstract interface for Field based on the field type.\n */\nexport type FieldTypeDefinition< Item > = {\n\t/**\n\t * Callback used to sort the field.\n\t */\n\tsort: ( a: Item, b: Item, direction: SortDirection ) => number;\n\n\t/**\n\t * Callback used to validate the field.\n\t */\n\tisValid: Rules< Item >;\n\n\t/**\n\t * Callback used to render an edit control for the field or control name.\n\t */\n\tEdit:\n\t\t| ComponentType< DataFormControlProps< Item > >\n\t\t| string\n\t\t| EditConfig\n\t\t| null;\n\n\t/**\n\t * Callback used to render the field.\n\t */\n\trender: ComponentType< DataViewRenderFieldProps< Item > >;\n\n\t/**\n\t * The filter config for the field.\n\t */\n\tfilterBy: FilterConfigForType | false;\n\n\t/**\n\t * Whether the field is readOnly.\n\t * If `true`, the value will be rendered using the `render` callback.\n\t */\n\treadOnly?: boolean;\n\n\t/**\n\t * Whether the field is sortable.\n\t */\n\tenableSorting: boolean;\n};\n\nexport type Rules< Item > = {\n\trequired?: boolean;\n\telements?: boolean;\n\tcustom?: ( item: Item, field: NormalizedField< Item > ) => null | string;\n};\n\n/**\n * Edit configuration for textarea controls.\n */\nexport type EditConfigTextarea = {\n\tcontrol: 'textarea';\n\t/**\n\t * Number of rows for the textarea.\n\t */\n\trows?: number;\n};\n\n/**\n * Edit configuration for text controls.\n */\nexport type EditConfigText = {\n\tcontrol: 'text';\n\t/**\n\t * Prefix component to display before the input.\n\t */\n\tprefix?: React.ComponentType;\n\t/**\n\t * Suffix component to display after the input.\n\t */\n\tsuffix?: React.ComponentType;\n};\n\n/**\n * Edit configuration for other control types (excluding 'text' and 'textarea').\n */\nexport type EditConfigGeneric = {\n\tcontrol: Exclude< FieldType, 'text' | 'textarea' >;\n};\n\n/**\n * Edit configuration object with type-safe control options.\n * Each control type has its own specific configuration properties.\n */\nexport type EditConfig =\n\t| EditConfigTextarea\n\t| EditConfigText\n\t| EditConfigGeneric;\n\n/**\n * A dataview field for a specific property of a data type.\n */\nexport type Field< Item > = {\n\t/**\n\t * Type of the fields.\n\t */\n\ttype?: FieldType;\n\n\t/**\n\t * The unique identifier of the field.\n\t */\n\tid: string;\n\n\t/**\n\t * The label of the field. Defaults to the id.\n\t */\n\tlabel?: string;\n\n\t/**\n\t * The header of the field. Defaults to the label.\n\t * It allows the usage of a React Element to render the field labels.\n\t */\n\theader?: string | ReactElement;\n\n\t/**\n\t * A description of the field.\n\t */\n\tdescription?: string;\n\n\t/**\n\t * Placeholder for the field.\n\t */\n\tplaceholder?: string;\n\n\t/**\n\t * Callback used to render the field. Defaults to `field.getValue`.\n\t */\n\trender?: ComponentType< DataViewRenderFieldProps< Item > >;\n\n\t/**\n\t * Callback used to render an edit control for the field.\n\t */\n\tEdit?: ComponentType< DataFormControlProps< Item > > | string | EditConfig;\n\n\t/**\n\t * Callback used to sort the field.\n\t */\n\tsort?: ( a: Item, b: Item, direction: SortDirection ) => number;\n\n\t/**\n\t * Callback used to validate the field.\n\t */\n\tisValid?: Rules< Item >;\n\n\t/**\n\t * Callback used to decide if a field should be displayed.\n\t */\n\tisVisible?: ( item: Item ) => boolean;\n\n\t/**\n\t * Whether the field is sortable.\n\t */\n\tenableSorting?: boolean;\n\n\t/**\n\t * Whether the field is searchable.\n\t */\n\tenableGlobalSearch?: boolean;\n\n\t/**\n\t * Whether the field can be hidden in the UI.\n\t */\n\tenableHiding?: boolean;\n\n\t/**\n\t * The list of options to pick from when using the field as a filter.\n\t */\n\telements?: Option[];\n\n\t/**\n\t * Filter config for the field.\n\t */\n\tfilterBy?: FilterByConfig | false;\n\n\t/**\n\t * Whether the field is readOnly.\n\t * If `true`, the value will be rendered using the `render` callback.\n\t */\n\treadOnly?: boolean;\n\n\t/**\n\t * Callback used to retrieve the value of the field from the item.\n\t * Defaults to `item[ field.id ]`.\n\t */\n\tgetValue?: ( args: { item: Item } ) => any;\n\n\t/**\n\t * Callback used to set the value of the field on the item.\n\t * Used for editing operations to update field values.\n\t */\n\tsetValue?: ( args: { item: Item; value: any } ) => DeepPartial< Item >;\n};\n\nexport type NormalizedField< Item > = Omit< Field< Item >, 'Edit' > & {\n\tlabel: string;\n\theader: string | ReactElement;\n\tgetValue: ( args: { item: Item } ) => any;\n\tsetValue: ( args: { item: Item; value: any } ) => DeepPartial< Item >;\n\trender: ComponentType< DataViewRenderFieldProps< Item > >;\n\tEdit: ComponentType< DataFormControlProps< Item > > | null;\n\tsort: ( a: Item, b: Item, direction: SortDirection ) => number;\n\tisValid: Rules< Item >;\n\tenableHiding: boolean;\n\tenableSorting: boolean;\n\tfilterBy: NormalizedFilterByConfig | false;\n\treadOnly: boolean;\n};\n\n/**\n * A collection of dataview fields for a data type.\n */\nexport type Fields< Item > = Field< Item >[];\n\nexport type Data< Item > = Item[];\n\nexport type DataFormControlProps< Item > = {\n\tdata: Item;\n\tfield: NormalizedField< Item >;\n\tonChange: ( value: DeepPartial< Item > ) => void;\n\thideLabelFromVision?: boolean;\n\t/**\n\t * The currently selected filter operator for this field.\n\t *\n\t * Used by DataViews filters to determine which control to render based on the operator type.\n\t */\n\toperator?: Operator;\n\t/**\n\t * Configuration object for the control.\n\t */\n\tconfig?: {\n\t\tprefix?: React.ComponentType;\n\t\tsuffix?: React.ComponentType;\n\t\trows?: number;\n\t};\n};\n\nexport type DataViewRenderFieldProps< Item > = {\n\titem: Item;\n\tfield: NormalizedField< Item >;\n\tconfig?: {\n\t\tsizes: string;\n\t};\n};\n\n/**\n * The filters applied to the dataset.\n */\nexport interface Filter {\n\t/**\n\t * The field to filter by.\n\t */\n\tfield: string;\n\n\t/**\n\t * The operator to use.\n\t */\n\toperator: Operator;\n\n\t/**\n\t * The value to filter by.\n\t */\n\tvalue: any;\n\n\t/**\n\t * Whether the filter can be edited by the user.\n\t */\n\tisLocked?: boolean;\n}\n\nexport interface NormalizedFilter {\n\t/**\n\t * The field to filter by.\n\t */\n\tfield: string;\n\n\t/**\n\t * The field name.\n\t */\n\tname: string;\n\n\t/**\n\t * The list of options to pick from when using the field as a filter.\n\t */\n\telements: Option[];\n\n\t/**\n\t * Is a single selection filter.\n\t */\n\tsingleSelection: boolean;\n\n\t/**\n\t * The list of operators supported by the field.\n\t */\n\toperators: Operator[];\n\n\t/**\n\t * Whether the filter is visible.\n\t */\n\tisVisible: boolean;\n\n\t/**\n\t * Whether it is a primary filter.\n\t */\n\tisPrimary: boolean;\n\n\t/**\n\t * Whether the filter can be edited by the user.\n\t */\n\tisLocked: boolean;\n}\n\ninterface ViewBase {\n\t/**\n\t * The layout of the view.\n\t */\n\ttype: string;\n\n\t/**\n\t * The global search term.\n\t */\n\tsearch?: string;\n\n\t/**\n\t * The filters to apply.\n\t */\n\tfilters?: Filter[];\n\n\t/**\n\t * The sorting configuration.\n\t */\n\tsort?: {\n\t\t/**\n\t\t * The field to sort by.\n\t\t */\n\t\tfield: string;\n\n\t\t/**\n\t\t * The direction to sort by.\n\t\t */\n\t\tdirection: SortDirection;\n\t};\n\n\t/**\n\t * The active page\n\t */\n\tpage?: number;\n\n\t/**\n\t * The number of items per page\n\t */\n\tperPage?: number;\n\n\t/**\n\t * The fields to render\n\t */\n\tfields?: string[];\n\n\t/**\n\t * Title field\n\t */\n\ttitleField?: string;\n\n\t/**\n\t * Media field\n\t */\n\tmediaField?: string;\n\n\t/**\n\t * Description field\n\t */\n\tdescriptionField?: string;\n\n\t/**\n\t * Whether to show the title\n\t */\n\tshowTitle?: boolean;\n\n\t/**\n\t * Whether to show the media\n\t */\n\tshowMedia?: boolean;\n\n\t/**\n\t * Whether to show the description\n\t */\n\tshowDescription?: boolean;\n\n\t/**\n\t * Whether to show the hierarchical levels.\n\t */\n\tshowLevels?: boolean;\n\n\t/**\n\t * The field to group by.\n\t */\n\tgroupByField?: string;\n\n\t/**\n\t * Whether infinite scroll is enabled.\n\t */\n\tinfiniteScrollEnabled?: boolean;\n}\n\nexport interface ColumnStyle {\n\t/**\n\t * The width of the field column.\n\t */\n\twidth?: string | number;\n\n\t/**\n\t * The minimum width of the field column.\n\t */\n\tmaxWidth?: string | number;\n\n\t/**\n\t * The maximum width of the field column.\n\t */\n\tminWidth?: string | number;\n\n\t/**\n\t * The alignment of the field column, defaults to left.\n\t */\n\talign?: 'start' | 'center' | 'end';\n}\n\nexport type Density = 'compact' | 'balanced' | 'comfortable';\n\nexport interface ViewTable extends ViewBase {\n\ttype: 'table';\n\n\tlayout?: {\n\t\t/**\n\t\t * The styles for the columns.\n\t\t */\n\t\tstyles?: Record< string, ColumnStyle >;\n\n\t\t/**\n\t\t * The density of the view.\n\t\t */\n\t\tdensity?: Density;\n\n\t\t/**\n\t\t * Whether the view allows column moving.\n\t\t */\n\t\tenableMoving?: boolean;\n\t};\n}\n\nexport interface ViewList extends ViewBase {\n\ttype: 'list';\n}\n\nexport interface ViewGrid extends ViewBase {\n\ttype: 'grid';\n\n\tlayout?: {\n\t\t/**\n\t\t * The fields to use as badge fields.\n\t\t */\n\t\tbadgeFields?: string[];\n\n\t\t/**\n\t\t * The preview size of the grid.\n\t\t */\n\t\tpreviewSize?: number;\n\t};\n}\n\nexport interface ViewPickerGrid extends ViewBase {\n\ttype: 'pickerGrid';\n\n\tlayout?: {\n\t\t/**\n\t\t * The fields to use as badge fields.\n\t\t */\n\t\tbadgeFields?: string[];\n\n\t\t/**\n\t\t * The preview size of the grid.\n\t\t */\n\t\tpreviewSize?: number;\n\t};\n}\n\nexport type View = ViewList | ViewGrid | ViewTable | ViewPickerGrid;\n\ninterface ActionBase< Item > {\n\t/**\n\t * The unique identifier of the action.\n\t */\n\tid: string;\n\n\t/**\n\t * The label of the action.\n\t * In case we want to adjust the label based on the selected items,\n\t * a function can be provided.\n\t */\n\tlabel: string | ( ( items: Item[] ) => string );\n\n\t/**\n\t * The icon of the action. (Either a string or an SVG element)\n\t * This should be IconType from the components package\n\t * but that import is breaking typescript build for the moment.\n\t */\n\ticon?: any;\n\n\t/**\n\t * Whether the action is disabled.\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Whether the action is destructive.\n\t */\n\tisDestructive?: boolean;\n\n\t/**\n\t * Whether the action is a primary action.\n\t */\n\tisPrimary?: boolean;\n\n\t/**\n\t * Whether the item passed as an argument supports the current action.\n\t */\n\tisEligible?: ( item: Item ) => boolean;\n\n\t/**\n\t * Whether the action can be used as a bulk action.\n\t */\n\tsupportsBulk?: boolean;\n\n\t/**\n\t * The context in which the action is visible.\n\t * This is only a \"meta\" information for now.\n\t */\n\tcontext?: 'list' | 'single';\n}\n\nexport interface RenderModalProps< Item > {\n\titems: Item[];\n\tcloseModal?: () => void;\n\tonActionPerformed?: ( items: Item[] ) => void;\n}\n\nexport interface ActionModal< Item > extends ActionBase< Item > {\n\t/**\n\t * Modal to render when the action is triggered.\n\t */\n\tRenderModal: ( {\n\t\titems,\n\t\tcloseModal,\n\t\tonActionPerformed,\n\t}: RenderModalProps< Item > ) => ReactElement;\n\n\t/**\n\t * Whether to hide the modal header.\n\t */\n\thideModalHeader?: boolean;\n\n\t/**\n\t * The header of the modal.\n\t */\n\tmodalHeader?: string;\n\n\t/**\n\t * The size of the modal.\n\t *\n\t * @default 'medium'\n\t */\n\tmodalSize?: 'small' | 'medium' | 'large' | 'fill';\n\n\t/**\n\t * The focus on mount property of the modal.\n\t */\n\tmodalFocusOnMount?:\n\t\t| Parameters< typeof useFocusOnMount >[ 0 ]\n\t\t| 'firstContentElement';\n}\n\nexport interface ActionButton< Item > extends ActionBase< Item > {\n\t/**\n\t * The callback to execute when the action is triggered.\n\t */\n\tcallback: (\n\t\titems: Item[],\n\t\tcontext: {\n\t\t\tregistry: any;\n\t\t\tonActionPerformed?: ( items: Item[] ) => void;\n\t\t}\n\t) => void;\n}\n\nexport type Action< Item > = ActionModal< Item > | ActionButton< Item >;\n\nexport interface ViewBaseProps< Item > {\n\tclassName?: string;\n\tactions: Action< Item >[];\n\tdata: Item[];\n\tfields: NormalizedField< Item >[];\n\tgetItemId: ( item: Item ) => string;\n\tgetItemLevel?: ( item: Item ) => number;\n\tisLoading?: boolean;\n\tonChangeView: ( view: View ) => void;\n\tonChangeSelection: SetSelection;\n\tselection: string[];\n\tsetOpenedFilter: ( fieldId: string ) => void;\n\tonClickItem?: ( item: Item ) => void;\n\trenderItemLink?: (\n\t\tprops: {\n\t\t\titem: Item;\n\t\t} & ComponentProps< 'a' >\n\t) => ReactElement;\n\tisItemClickable: ( item: Item ) => boolean;\n\tview: View;\n\tempty: ReactNode;\n}\n\nexport type ViewPickerBaseProps< Item > = Omit<\n\tViewBaseProps< Item >,\n\t| 'view'\n\t| 'onChangeView'\n\t// The following props are not supported for pickers.\n\t| 'isItemClickable'\n\t| 'onClickItem'\n\t| 'renderItemLink'\n\t| 'getItemLevel'\n> & {\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n};\n\nexport interface ViewTableProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewTable;\n}\n\nexport interface ViewListProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewList;\n}\n\nexport interface ViewGridProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewGrid;\n}\n\nexport interface ViewPickerGridProps< Item >\n\textends Omit< ViewPickerBaseProps< Item >, 'view' > {\n\tview: ViewPickerGrid;\n}\n\nexport type ViewProps< Item > =\n\t| ViewTableProps< Item >\n\t| ViewGridProps< Item >\n\t| ViewListProps< Item >;\n\nexport type ViewPickerProps< Item > = ViewPickerGridProps< Item >;\n\nexport interface SupportedLayouts {\n\tlist?: Omit< ViewList, 'type' >;\n\tgrid?: Omit< ViewGrid, 'type' >;\n\ttable?: Omit< ViewTable, 'type' >;\n\tpickerGrid?: Omit< ViewPickerGrid, 'type' >;\n}\n\n/**\n * DataForm layouts.\n */\nexport type LayoutType = 'regular' | 'panel' | 'card' | 'row';\nexport type LabelPosition = 'top' | 'side' | 'none';\n\nexport type RegularLayout = {\n\ttype: 'regular';\n\tlabelPosition?: LabelPosition;\n};\nexport type NormalizedRegularLayout = {\n\ttype: 'regular';\n\tlabelPosition: LabelPosition;\n};\n\nexport type PanelLayout = {\n\ttype: 'panel';\n\tlabelPosition?: LabelPosition;\n\topenAs?: 'dropdown' | 'modal';\n};\nexport type NormalizedPanelLayout = {\n\ttype: 'panel';\n\tlabelPosition: LabelPosition;\n\topenAs: 'dropdown' | 'modal';\n};\n\nexport type CardLayout =\n\t| {\n\t\t\ttype: 'card';\n\t\t\twithHeader: false;\n\t\t\t// isOpened cannot be false if withHeader is false as well.\n\t\t\t// Otherwise, the card would not be visible.\n\t\t\tisOpened?: true;\n\t }\n\t| {\n\t\t\ttype: 'card';\n\t\t\twithHeader?: true | undefined;\n\t\t\tisOpened?: boolean;\n\t };\nexport type NormalizedCardLayout =\n\t| {\n\t\t\ttype: 'card';\n\t\t\twithHeader: false;\n\t\t\t// isOpened cannot be false if withHeader is false as well.\n\t\t\t// Otherwise, the card would not be visible.\n\t\t\tisOpened: true;\n\t }\n\t| {\n\t\t\ttype: 'card';\n\t\t\twithHeader: true;\n\t\t\tisOpened: boolean;\n\t };\n\nexport type RowLayout = {\n\ttype: 'row';\n\talignment?: 'start' | 'center' | 'end';\n};\nexport type NormalizedRowLayout = {\n\ttype: 'row';\n\talignment: 'start' | 'center' | 'end';\n};\n\nexport type Layout = RegularLayout | PanelLayout | CardLayout | RowLayout;\nexport type NormalizedLayout =\n\t| NormalizedRegularLayout\n\t| NormalizedPanelLayout\n\t| NormalizedCardLayout\n\t| NormalizedRowLayout;\n\nexport type SimpleFormField = {\n\tid: string;\n\tlayout?: Layout;\n};\n\nexport type CombinedFormField = {\n\tid: string;\n\tlabel?: string;\n\tdescription?: string;\n\tlayout?: Layout;\n\tchildren: Array< FormField | string >;\n\tsummary?: string | string[];\n};\n\nexport type FormField = SimpleFormField | CombinedFormField;\n\n/**\n * The form configuration.\n */\nexport type Form = {\n\tlayout?: Layout;\n\tfields?: Array< FormField | string >;\n};\n\nexport interface DataFormProps< Item > {\n\tdata: Item;\n\tfields: Field< Item >[];\n\tform: Form;\n\tonChange: ( value: Record< string, any > ) => void;\n}\n\nexport interface FieldLayoutProps< Item > {\n\tdata: Item;\n\tfield: FormField;\n\tonChange: ( value: any ) => void;\n\thideLabelFromVision?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
package/build/utils.js DELETED
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.renderFromElements = renderFromElements;
7
- /**
8
- * Internal dependencies
9
- */
10
-
11
- function renderFromElements({
12
- item,
13
- field
14
- }) {
15
- const value = field.getValue({
16
- item
17
- });
18
- return field?.elements?.find(element => element.value === value)?.label || field.getValue({
19
- item
20
- });
21
- }
22
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["renderFromElements","item","field","value","getValue","elements","find","element","label"],"sources":["@wordpress/dataviews/src/utils.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { DataViewRenderFieldProps } from './types';\n\nexport function renderFromElements< Item >( {\n\titem,\n\tfield,\n}: DataViewRenderFieldProps< Item > ) {\n\tconst value = field.getValue( { item } );\n\treturn (\n\t\tfield?.elements?.find( ( element ) => element.value === value )\n\t\t\t?.label || field.getValue( { item } )\n\t);\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAGO,SAASA,kBAAkBA,CAAU;EAC3CC,IAAI;EACJC;AACiC,CAAC,EAAG;EACrC,MAAMC,KAAK,GAAGD,KAAK,CAACE,QAAQ,CAAE;IAAEH;EAAK,CAAE,CAAC;EACxC,OACCC,KAAK,EAAEG,QAAQ,EAAEC,IAAI,CAAIC,OAAO,IAAMA,OAAO,CAACJ,KAAK,KAAKA,KAAM,CAAC,EAC5DK,KAAK,IAAIN,KAAK,CAACE,QAAQ,CAAE;IAAEH;EAAK,CAAE,CAAC;AAExC","ignoreList":[]}
@@ -1,61 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isItemValid = isItemValid;
7
- var _normalizeFields = require("./normalize-fields");
8
- /**
9
- * Internal dependencies
10
- */
11
-
12
- /**
13
- * Whether or not the given item's value is valid according to the fields and form config.
14
- *
15
- * @param item The item to validate.
16
- * @param fields Fields config.
17
- * @param form Form config.
18
- *
19
- * @return A boolean indicating if the item is valid (true) or not (false).
20
- */
21
- function isItemValid(item, fields, form) {
22
- const _fields = (0, _normalizeFields.normalizeFields)(fields.filter(({
23
- id
24
- }) => !!form.fields?.includes(id)));
25
- const isEmptyNullOrUndefined = value => [undefined, '', null].includes(value);
26
- const isArrayOrElementsEmptyNullOrUndefined = value => {
27
- return !Array.isArray(value) || value.length === 0 || value.every(element => isEmptyNullOrUndefined(element));
28
- };
29
- return _fields.every(field => {
30
- const value = field.getValue({
31
- item
32
- });
33
- if (field.isValid.required) {
34
- if (field.type === 'text' && isEmptyNullOrUndefined(value) || field.type === 'email' && isEmptyNullOrUndefined(value) || field.type === 'url' && isEmptyNullOrUndefined(value) || field.type === 'telephone' && isEmptyNullOrUndefined(value) || field.type === 'password' && isEmptyNullOrUndefined(value) || field.type === 'integer' && isEmptyNullOrUndefined(value) || field.type === 'array' && isArrayOrElementsEmptyNullOrUndefined(value) || field.type === undefined && isEmptyNullOrUndefined(value)) {
35
- return false;
36
- }
37
- if (field.type === 'boolean' && value !== true) {
38
- return false;
39
- }
40
- }
41
- if (field.isValid.elements) {
42
- if (field.elements) {
43
- const validValues = field.elements.map(element => element.value);
44
- if (field.type === 'array') {
45
- // For arrays, check if all values are valid elements
46
- if (Array.isArray(value)) {
47
- return value.every(arrayItem => validValues.includes(arrayItem));
48
- }
49
- return false;
50
- }
51
- // For single-value fields, check if the value is a valid element
52
- return validValues.includes(value);
53
- }
54
- }
55
- if (typeof field.isValid.custom === 'function' && field.isValid.custom(item, field) !== null) {
56
- return false;
57
- }
58
- return true;
59
- });
60
- }
61
- //# sourceMappingURL=validation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_normalizeFields","require","isItemValid","item","fields","form","_fields","normalizeFields","filter","id","includes","isEmptyNullOrUndefined","value","undefined","isArrayOrElementsEmptyNullOrUndefined","Array","isArray","length","every","element","field","getValue","isValid","required","type","elements","validValues","map","arrayItem","custom"],"sources":["@wordpress/dataviews/src/validation.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { normalizeFields } from './normalize-fields';\nimport type { Field, Form } from './types';\n\n/**\n * Whether or not the given item's value is valid according to the fields and form config.\n *\n * @param item The item to validate.\n * @param fields Fields config.\n * @param form Form config.\n *\n * @return A boolean indicating if the item is valid (true) or not (false).\n */\nexport function isItemValid< Item >(\n\titem: Item,\n\tfields: Field< Item >[],\n\tform: Form\n): boolean {\n\tconst _fields = normalizeFields(\n\t\tfields.filter( ( { id } ) => !! form.fields?.includes( id ) )\n\t);\n\n\tconst isEmptyNullOrUndefined = ( value: any ) =>\n\t\t[ undefined, '', null ].includes( value );\n\n\tconst isArrayOrElementsEmptyNullOrUndefined = ( value: any ) => {\n\t\treturn (\n\t\t\t! Array.isArray( value ) ||\n\t\t\tvalue.length === 0 ||\n\t\t\tvalue.every( ( element: any ) => isEmptyNullOrUndefined( element ) )\n\t\t);\n\t};\n\n\treturn _fields.every( ( field ) => {\n\t\tconst value = field.getValue( { item } );\n\n\t\tif ( field.isValid.required ) {\n\t\t\tif (\n\t\t\t\t( field.type === 'text' && isEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'email' && isEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'url' && isEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'telephone' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'password' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'integer' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'array' &&\n\t\t\t\t\tisArrayOrElementsEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === undefined && isEmptyNullOrUndefined( value ) )\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( field.type === 'boolean' && value !== true ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tif ( field.isValid.elements ) {\n\t\t\tif ( field.elements ) {\n\t\t\t\tconst validValues = field.elements.map(\n\t\t\t\t\t( element ) => element.value\n\t\t\t\t);\n\n\t\t\t\tif ( field.type === 'array' ) {\n\t\t\t\t\t// For arrays, check if all values are valid elements\n\t\t\t\t\tif ( Array.isArray( value ) ) {\n\t\t\t\t\t\treturn value.every( ( arrayItem ) =>\n\t\t\t\t\t\t\tvalidValues.includes( arrayItem )\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\t// For single-value fields, check if the value is a valid element\n\t\t\t\treturn validValues.includes( value );\n\t\t\t}\n\t\t}\n\n\t\tif (\n\t\t\ttypeof field.isValid.custom === 'function' &&\n\t\t\tfield.isValid.custom( item, field ) !== null\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,gBAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAC1BC,IAAU,EACVC,MAAuB,EACvBC,IAAU,EACA;EACV,MAAMC,OAAO,GAAG,IAAAC,gCAAe,EAC9BH,MAAM,CAACI,MAAM,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAM,CAAC,CAAEJ,IAAI,CAACD,MAAM,EAAEM,QAAQ,CAAED,EAAG,CAAE,CAC7D,CAAC;EAED,MAAME,sBAAsB,GAAKC,KAAU,IAC1C,CAAEC,SAAS,EAAE,EAAE,EAAE,IAAI,CAAE,CAACH,QAAQ,CAAEE,KAAM,CAAC;EAE1C,MAAME,qCAAqC,GAAKF,KAAU,IAAM;IAC/D,OACC,CAAEG,KAAK,CAACC,OAAO,CAAEJ,KAAM,CAAC,IACxBA,KAAK,CAACK,MAAM,KAAK,CAAC,IAClBL,KAAK,CAACM,KAAK,CAAIC,OAAY,IAAMR,sBAAsB,CAAEQ,OAAQ,CAAE,CAAC;EAEtE,CAAC;EAED,OAAOb,OAAO,CAACY,KAAK,CAAIE,KAAK,IAAM;IAClC,MAAMR,KAAK,GAAGQ,KAAK,CAACC,QAAQ,CAAE;MAAElB;IAAK,CAAE,CAAC;IAExC,IAAKiB,KAAK,CAACE,OAAO,CAACC,QAAQ,EAAG;MAC7B,IACGH,KAAK,CAACI,IAAI,KAAK,MAAM,IAAIb,sBAAsB,CAAEC,KAAM,CAAC,IACxDQ,KAAK,CAACI,IAAI,KAAK,OAAO,IAAIb,sBAAsB,CAAEC,KAAM,CAAG,IAC3DQ,KAAK,CAACI,IAAI,KAAK,KAAK,IAAIb,sBAAsB,CAAEC,KAAM,CAAG,IACzDQ,KAAK,CAACI,IAAI,KAAK,WAAW,IAC3Bb,sBAAsB,CAAEC,KAAM,CAAG,IAChCQ,KAAK,CAACI,IAAI,KAAK,UAAU,IAC1Bb,sBAAsB,CAAEC,KAAM,CAAG,IAChCQ,KAAK,CAACI,IAAI,KAAK,SAAS,IACzBb,sBAAsB,CAAEC,KAAM,CAAG,IAChCQ,KAAK,CAACI,IAAI,KAAK,OAAO,IACvBV,qCAAqC,CAAEF,KAAM,CAAG,IAC/CQ,KAAK,CAACI,IAAI,KAAKX,SAAS,IAAIF,sBAAsB,CAAEC,KAAM,CAAG,EAC9D;QACD,OAAO,KAAK;MACb;MAEA,IAAKQ,KAAK,CAACI,IAAI,KAAK,SAAS,IAAIZ,KAAK,KAAK,IAAI,EAAG;QACjD,OAAO,KAAK;MACb;IACD;IAEA,IAAKQ,KAAK,CAACE,OAAO,CAACG,QAAQ,EAAG;MAC7B,IAAKL,KAAK,CAACK,QAAQ,EAAG;QACrB,MAAMC,WAAW,GAAGN,KAAK,CAACK,QAAQ,CAACE,GAAG,CACnCR,OAAO,IAAMA,OAAO,CAACP,KACxB,CAAC;QAED,IAAKQ,KAAK,CAACI,IAAI,KAAK,OAAO,EAAG;UAC7B;UACA,IAAKT,KAAK,CAACC,OAAO,CAAEJ,KAAM,CAAC,EAAG;YAC7B,OAAOA,KAAK,CAACM,KAAK,CAAIU,SAAS,IAC9BF,WAAW,CAAChB,QAAQ,CAAEkB,SAAU,CACjC,CAAC;UACF;UACA,OAAO,KAAK;QACb;QACA;QACA,OAAOF,WAAW,CAAChB,QAAQ,CAAEE,KAAM,CAAC;MACrC;IACD;IAEA,IACC,OAAOQ,KAAK,CAACE,OAAO,CAACO,MAAM,KAAK,UAAU,IAC1CT,KAAK,CAACE,OAAO,CAACO,MAAM,CAAE1B,IAAI,EAAEiB,KAAM,CAAC,KAAK,IAAI,EAC3C;MACD,OAAO,KAAK;IACb;IAEA,OAAO,IAAI;EACZ,CAAE,CAAC;AACJ","ignoreList":[]}
@@ -1,96 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import clsx from 'clsx';
5
-
6
- /**
7
- * WordPress dependencies
8
- */
9
- import { BaseControl, SelectControl, __experimentalNumberControl as NumberControl, __experimentalHStack as HStack } from '@wordpress/components';
10
- import { useCallback } from '@wordpress/element';
11
- import { __ } from '@wordpress/i18n';
12
-
13
- /**
14
- * Internal dependencies
15
- */
16
- import { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';
17
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
18
- export const TIME_UNITS_OPTIONS = {
19
- [OPERATOR_IN_THE_PAST]: [{
20
- value: 'days',
21
- label: __('Days')
22
- }, {
23
- value: 'weeks',
24
- label: __('Weeks')
25
- }, {
26
- value: 'months',
27
- label: __('Months')
28
- }, {
29
- value: 'years',
30
- label: __('Years')
31
- }],
32
- [OPERATOR_OVER]: [{
33
- value: 'days',
34
- label: __('Days ago')
35
- }, {
36
- value: 'weeks',
37
- label: __('Weeks ago')
38
- }, {
39
- value: 'months',
40
- label: __('Months ago')
41
- }, {
42
- value: 'years',
43
- label: __('Years ago')
44
- }]
45
- };
46
- export default function RelativeDateControl({
47
- id,
48
- value,
49
- onChange,
50
- label,
51
- hideLabelFromVision,
52
- options,
53
- className
54
- }) {
55
- const {
56
- value: relValue = '',
57
- unit = options[0].value
58
- } = value;
59
- const onChangeValue = useCallback(newValue => onChange({
60
- value: Number(newValue),
61
- unit
62
- }), [onChange, unit]);
63
- const onChangeUnit = useCallback(newUnit => onChange({
64
- value: relValue,
65
- unit: newUnit
66
- }), [onChange, relValue]);
67
- return /*#__PURE__*/_jsx(BaseControl, {
68
- id: id,
69
- __nextHasNoMarginBottom: true,
70
- className: clsx(className, 'dataviews-controls__relative-date'),
71
- label: label,
72
- hideLabelFromVision: hideLabelFromVision,
73
- children: /*#__PURE__*/_jsxs(HStack, {
74
- spacing: 2.5,
75
- children: [/*#__PURE__*/_jsx(NumberControl, {
76
- __next40pxDefaultSize: true,
77
- className: "dataviews-controls__relative-date-number",
78
- spinControls: "none",
79
- min: 1,
80
- step: 1,
81
- value: relValue,
82
- onChange: onChangeValue
83
- }), /*#__PURE__*/_jsx(SelectControl, {
84
- className: "dataviews-controls__relative-date-unit",
85
- __next40pxDefaultSize: true,
86
- __nextHasNoMarginBottom: true,
87
- label: __('Unit'),
88
- value: unit,
89
- options: options,
90
- onChange: onChangeUnit,
91
- hideLabelFromVision: true
92
- })]
93
- })
94
- });
95
- }
96
- //# sourceMappingURL=relative-date-control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["clsx","BaseControl","SelectControl","__experimentalNumberControl","NumberControl","__experimentalHStack","HStack","useCallback","__","OPERATOR_IN_THE_PAST","OPERATOR_OVER","jsx","_jsx","jsxs","_jsxs","TIME_UNITS_OPTIONS","value","label","RelativeDateControl","id","onChange","hideLabelFromVision","options","className","relValue","unit","onChangeValue","newValue","Number","onChangeUnit","newUnit","__nextHasNoMarginBottom","children","spacing","__next40pxDefaultSize","spinControls","min","step"],"sources":["@wordpress/dataviews/src/dataform-controls/relative-date-control.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tSelectControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';\n\nexport type DateRelative = {\n\tvalue?: string | number;\n\tunit?: string;\n};\n\ninterface RelativeDateControlProps {\n\tid: string;\n\tvalue: DateRelative;\n\tonChange: ( args: DateRelative ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\toptions: { value: string; label: string }[];\n\tclassName?: string;\n}\n\nexport const TIME_UNITS_OPTIONS = {\n\t[ OPERATOR_IN_THE_PAST ]: [\n\t\t{ value: 'days', label: __( 'Days' ) },\n\t\t{ value: 'weeks', label: __( 'Weeks' ) },\n\t\t{ value: 'months', label: __( 'Months' ) },\n\t\t{ value: 'years', label: __( 'Years' ) },\n\t],\n\t[ OPERATOR_OVER ]: [\n\t\t{ value: 'days', label: __( 'Days ago' ) },\n\t\t{ value: 'weeks', label: __( 'Weeks ago' ) },\n\t\t{ value: 'months', label: __( 'Months ago' ) },\n\t\t{ value: 'years', label: __( 'Years ago' ) },\n\t],\n};\n\nexport default function RelativeDateControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\toptions,\n\tclassName,\n}: RelativeDateControlProps ) {\n\tconst { value: relValue = '', unit = options[ 0 ].value } = value;\n\n\tconst onChangeValue = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( { value: Number( newValue ), unit } ),\n\t\t[ onChange, unit ]\n\t);\n\n\tconst onChangeUnit = useCallback(\n\t\t( newUnit: string | undefined ) =>\n\t\t\tonChange( { value: relValue, unit: newUnit } ),\n\t\t[ onChange, relValue ]\n\t);\n\n\treturn (\n\t\t<BaseControl\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName={ clsx( className, 'dataviews-controls__relative-date' ) }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<HStack spacing={ 2.5 }>\n\t\t\t\t<NumberControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"dataviews-controls__relative-date-number\"\n\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\tmin={ 1 }\n\t\t\t\t\tstep={ 1 }\n\t\t\t\t\tvalue={ relValue }\n\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tclassName=\"dataviews-controls__relative-date-unit\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Unit' ) }\n\t\t\t\t\tvalue={ unit }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tonChange={ onChangeUnit }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</BaseControl>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,127 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { Button, Card, CardBody, CardHeader } from '@wordpress/components';
5
- import { useCallback, useContext, useMemo, useState } from '@wordpress/element';
6
- import { chevronDown, chevronUp } from '@wordpress/icons';
7
-
8
- /**
9
- * Internal dependencies
10
- */
11
- import { getFormFieldLayout } from '..';
12
- import DataFormContext from '../../components/dataform-context';
13
- import { DataFormLayout } from '../data-form-layout';
14
- import { isCombinedField } from '../is-combined-field';
15
- import { DEFAULT_LAYOUT, normalizeLayout } from '../../normalize-form-fields';
16
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
17
- export function useCollapsibleCard(initialIsOpen = true) {
18
- const [isOpen, setIsOpen] = useState(initialIsOpen);
19
- const toggle = useCallback(() => {
20
- setIsOpen(prev => !prev);
21
- }, []);
22
- const CollapsibleCardHeader = useCallback(({
23
- children,
24
- ...props
25
- }) => /*#__PURE__*/_jsxs(CardHeader, {
26
- ...props,
27
- onClick: toggle,
28
- style: {
29
- cursor: 'pointer',
30
- ...props.style
31
- },
32
- children: [/*#__PURE__*/_jsx("div", {
33
- style: {
34
- width: '100%',
35
- display: 'flex',
36
- justifyContent: 'space-between',
37
- alignItems: 'center'
38
- },
39
- children: children
40
- }), /*#__PURE__*/_jsx(Button, {
41
- __next40pxDefaultSize: true,
42
- variant: "tertiary",
43
- icon: isOpen ? chevronUp : chevronDown,
44
- "aria-expanded": isOpen,
45
- "aria-label": isOpen ? 'Collapse' : 'Expand'
46
- })]
47
- }), [toggle, isOpen]);
48
- return {
49
- isOpen,
50
- CollapsibleCardHeader
51
- };
52
- }
53
- export default function FormCardField({
54
- data,
55
- field,
56
- onChange,
57
- hideLabelFromVision
58
- }) {
59
- const {
60
- fields
61
- } = useContext(DataFormContext);
62
- const layout = normalizeLayout({
63
- ...field.layout,
64
- type: 'card'
65
- });
66
- const form = useMemo(() => ({
67
- layout: DEFAULT_LAYOUT,
68
- fields: isCombinedField(field) ? field.children : []
69
- }), [field]);
70
- const {
71
- isOpen,
72
- CollapsibleCardHeader
73
- } = useCollapsibleCard(layout.isOpened);
74
- if (isCombinedField(field)) {
75
- const withHeader = !!field.label && layout.withHeader;
76
- return /*#__PURE__*/_jsxs(Card, {
77
- className: "dataforms-layouts-card__field",
78
- children: [withHeader && /*#__PURE__*/_jsx(CollapsibleCardHeader, {
79
- className: "dataforms-layouts-card__field-label",
80
- children: field.label
81
- }), (isOpen || !withHeader) &&
82
- /*#__PURE__*/
83
- // If it doesn't have a header, keep it open.
84
- // Otherwise, the card will not be visible.
85
- _jsxs(CardBody, {
86
- className: "dataforms-layouts-card__field-control",
87
- children: [field.description && /*#__PURE__*/_jsx("div", {
88
- className: "dataforms-layouts-card__field-description",
89
- children: field.description
90
- }), /*#__PURE__*/_jsx(DataFormLayout, {
91
- data: data,
92
- form: form,
93
- onChange: onChange
94
- })]
95
- })]
96
- });
97
- }
98
- const fieldDefinition = fields.find(fieldDef => fieldDef.id === field.id);
99
- if (!fieldDefinition || !fieldDefinition.Edit) {
100
- return null;
101
- }
102
- const RegularLayout = getFormFieldLayout('regular')?.component;
103
- if (!RegularLayout) {
104
- return null;
105
- }
106
- const withHeader = !!fieldDefinition.label && layout.withHeader;
107
- return /*#__PURE__*/_jsxs(Card, {
108
- className: "dataforms-layouts-card__field",
109
- children: [withHeader && /*#__PURE__*/_jsx(CollapsibleCardHeader, {
110
- className: "dataforms-layouts-card__field-label",
111
- children: fieldDefinition.label
112
- }), (isOpen || !withHeader) &&
113
- /*#__PURE__*/
114
- // If it doesn't have a header, keep it open.
115
- // Otherwise, the card will not be visible.
116
- _jsx(CardBody, {
117
- className: "dataforms-layouts-card__field-control",
118
- children: /*#__PURE__*/_jsx(RegularLayout, {
119
- data: data,
120
- field: field,
121
- onChange: onChange,
122
- hideLabelFromVision: hideLabelFromVision || withHeader
123
- })
124
- })]
125
- });
126
- }
127
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Button","Card","CardBody","CardHeader","useCallback","useContext","useMemo","useState","chevronDown","chevronUp","getFormFieldLayout","DataFormContext","DataFormLayout","isCombinedField","DEFAULT_LAYOUT","normalizeLayout","jsx","_jsx","jsxs","_jsxs","useCollapsibleCard","initialIsOpen","isOpen","setIsOpen","toggle","prev","CollapsibleCardHeader","children","props","onClick","style","cursor","width","display","justifyContent","alignItems","__next40pxDefaultSize","variant","icon","FormCardField","data","field","onChange","hideLabelFromVision","fields","layout","type","form","isOpened","withHeader","label","className","description","fieldDefinition","find","fieldDef","id","Edit","RegularLayout","component"],"sources":["@wordpress/dataviews/src/dataforms-layouts/card/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Card, CardBody, CardHeader } from '@wordpress/components';\nimport { useCallback, useContext, useMemo, useState } from '@wordpress/element';\nimport { chevronDown, chevronUp } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getFormFieldLayout } from '..';\nimport DataFormContext from '../../components/dataform-context';\nimport type { NormalizedCardLayout, FieldLayoutProps, Form } from '../../types';\nimport { DataFormLayout } from '../data-form-layout';\nimport { isCombinedField } from '../is-combined-field';\nimport { DEFAULT_LAYOUT, normalizeLayout } from '../../normalize-form-fields';\n\nexport function useCollapsibleCard( initialIsOpen: boolean = true ) {\n\tconst [ isOpen, setIsOpen ] = useState( initialIsOpen );\n\n\tconst toggle = useCallback( () => {\n\t\tsetIsOpen( ( prev ) => ! prev );\n\t}, [] );\n\n\tconst CollapsibleCardHeader = useCallback(\n\t\t( {\n\t\t\tchildren,\n\t\t\t...props\n\t\t}: {\n\t\t\tchildren: React.ReactNode;\n\t\t\t[ key: string ]: any;\n\t\t} ) => (\n\t\t\t<CardHeader\n\t\t\t\t{ ...props }\n\t\t\t\tonClick={ toggle }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t...props.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</div>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\ticon={ isOpen ? chevronUp : chevronDown }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-label={ isOpen ? 'Collapse' : 'Expand' }\n\t\t\t\t/>\n\t\t\t</CardHeader>\n\t\t),\n\t\t[ toggle, isOpen ]\n\t);\n\n\treturn { isOpen, CollapsibleCardHeader };\n}\n\nexport default function FormCardField< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: FieldLayoutProps< Item > ) {\n\tconst { fields } = useContext( DataFormContext );\n\n\tconst layout: NormalizedCardLayout = normalizeLayout( {\n\t\t...field.layout,\n\t\ttype: 'card',\n\t} ) as NormalizedCardLayout;\n\n\tconst form: Form = useMemo(\n\t\t(): Form => ( {\n\t\t\tlayout: DEFAULT_LAYOUT,\n\t\t\tfields: isCombinedField( field ) ? field.children : [],\n\t\t} ),\n\t\t[ field ]\n\t);\n\n\tconst { isOpen, CollapsibleCardHeader } = useCollapsibleCard(\n\t\tlayout.isOpened\n\t);\n\tif ( isCombinedField( field ) ) {\n\t\tconst withHeader = !! field.label && layout.withHeader;\n\t\treturn (\n\t\t\t<Card className=\"dataforms-layouts-card__field\">\n\t\t\t\t{ withHeader && (\n\t\t\t\t\t<CollapsibleCardHeader className=\"dataforms-layouts-card__field-label\">\n\t\t\t\t\t\t{ field.label }\n\t\t\t\t\t</CollapsibleCardHeader>\n\t\t\t\t) }\n\t\t\t\t{ ( isOpen || ! withHeader ) && (\n\t\t\t\t\t// If it doesn't have a header, keep it open.\n\t\t\t\t\t// Otherwise, the card will not be visible.\n\t\t\t\t\t<CardBody className=\"dataforms-layouts-card__field-control\">\n\t\t\t\t\t\t{ field.description && (\n\t\t\t\t\t\t\t<div className=\"dataforms-layouts-card__field-description\">\n\t\t\t\t\t\t\t\t{ field.description }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<DataFormLayout\n\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\tform={ form }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CardBody>\n\t\t\t\t) }\n\t\t\t</Card>\n\t\t);\n\t}\n\n\tconst fieldDefinition = fields.find(\n\t\t( fieldDef ) => fieldDef.id === field.id\n\t);\n\n\tif ( ! fieldDefinition || ! fieldDefinition.Edit ) {\n\t\treturn null;\n\t}\n\n\tconst RegularLayout = getFormFieldLayout( 'regular' )?.component;\n\tif ( ! RegularLayout ) {\n\t\treturn null;\n\t}\n\tconst withHeader = !! fieldDefinition.label && layout.withHeader;\n\treturn (\n\t\t<Card className=\"dataforms-layouts-card__field\">\n\t\t\t{ withHeader && (\n\t\t\t\t<CollapsibleCardHeader className=\"dataforms-layouts-card__field-label\">\n\t\t\t\t\t{ fieldDefinition.label }\n\t\t\t\t</CollapsibleCardHeader>\n\t\t\t) }\n\t\t\t{ ( isOpen || ! withHeader ) && (\n\t\t\t\t// If it doesn't have a header, keep it open.\n\t\t\t\t// Otherwise, the card will not be visible.\n\t\t\t\t<CardBody className=\"dataforms-layouts-card__field-control\">\n\t\t\t\t\t<RegularLayout\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\thideLabelFromVision={\n\t\t\t\t\t\t\thideLabelFromVision || withHeader\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</CardBody>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,62 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { __experimentalVStack as VStack } from '@wordpress/components';
5
- import { useContext, useMemo } from '@wordpress/element';
6
-
7
- /**
8
- * Internal dependencies
9
- */
10
-
11
- import { getFormFieldLayout } from './index';
12
- import DataFormContext from '../components/dataform-context';
13
- import { isCombinedField } from './is-combined-field';
14
- import normalizeFormFields, { normalizeLayout } from '../normalize-form-fields';
15
- import { jsx as _jsx } from "react/jsx-runtime";
16
- const DEFAULT_WRAPPER = ({
17
- children
18
- }) => /*#__PURE__*/_jsx(VStack, {
19
- spacing: 4,
20
- children: children
21
- });
22
- export function DataFormLayout({
23
- data,
24
- form,
25
- onChange,
26
- children,
27
- as
28
- }) {
29
- var _ref;
30
- const {
31
- fields: fieldDefinitions
32
- } = useContext(DataFormContext);
33
- function getFieldDefinition(field) {
34
- const fieldId = typeof field === 'string' ? field : field.id;
35
- return fieldDefinitions.find(fieldDefinition => fieldDefinition.id === fieldId);
36
- }
37
- const normalizedFormFields = useMemo(() => normalizeFormFields(form), [form]);
38
- const normalizedFormLayout = normalizeLayout(form.layout);
39
- const Wrapper = (_ref = as !== null && as !== void 0 ? as : getFormFieldLayout(normalizedFormLayout.type)?.wrapper) !== null && _ref !== void 0 ? _ref : DEFAULT_WRAPPER;
40
- return /*#__PURE__*/_jsx(Wrapper, {
41
- layout: normalizedFormLayout,
42
- children: normalizedFormFields.map(formField => {
43
- const FieldLayout = getFormFieldLayout(formField.layout.type)?.component;
44
- if (!FieldLayout) {
45
- return null;
46
- }
47
- const fieldDefinition = !isCombinedField(formField) ? getFieldDefinition(formField) : undefined;
48
- if (fieldDefinition && fieldDefinition.isVisible && !fieldDefinition.isVisible(data)) {
49
- return null;
50
- }
51
- if (children) {
52
- return children(FieldLayout, formField);
53
- }
54
- return /*#__PURE__*/_jsx(FieldLayout, {
55
- data: data,
56
- field: formField,
57
- onChange: onChange
58
- }, formField.id);
59
- })
60
- });
61
- }
62
- //# sourceMappingURL=data-form-layout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__experimentalVStack","VStack","useContext","useMemo","getFormFieldLayout","DataFormContext","isCombinedField","normalizeFormFields","normalizeLayout","jsx","_jsx","DEFAULT_WRAPPER","children","spacing","DataFormLayout","data","form","onChange","as","_ref","fields","fieldDefinitions","getFieldDefinition","field","fieldId","id","find","fieldDefinition","normalizedFormFields","normalizedFormLayout","layout","Wrapper","type","wrapper","map","formField","FieldLayout","component","undefined","isVisible"],"sources":["@wordpress/dataviews/src/dataforms-layouts/data-form-layout.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { Form, FormField, SimpleFormField } from '../types';\nimport { getFormFieldLayout } from './index';\nimport DataFormContext from '../components/dataform-context';\nimport { isCombinedField } from './is-combined-field';\nimport normalizeFormFields, { normalizeLayout } from '../normalize-form-fields';\n\nconst DEFAULT_WRAPPER = ( { children }: { children: React.ReactNode } ) => (\n\t<VStack spacing={ 4 }>{ children }</VStack>\n);\n\nexport function DataFormLayout< Item >( {\n\tdata,\n\tform,\n\tonChange,\n\tchildren,\n\tas,\n}: {\n\tdata: Item;\n\tform: Form;\n\tonChange: ( value: any ) => void;\n\tchildren?: (\n\t\tFieldLayout: ( props: {\n\t\t\tdata: Item;\n\t\t\tfield: FormField;\n\t\t\tonChange: ( value: any ) => void;\n\t\t\thideLabelFromVision?: boolean;\n\t\t} ) => React.JSX.Element | null,\n\t\tfield: FormField\n\t) => React.JSX.Element;\n\tas?: React.ComponentType< { children: React.ReactNode } >;\n} ) {\n\tconst { fields: fieldDefinitions } = useContext( DataFormContext );\n\n\tfunction getFieldDefinition( field: SimpleFormField | string ) {\n\t\tconst fieldId = typeof field === 'string' ? field : field.id;\n\n\t\treturn fieldDefinitions.find(\n\t\t\t( fieldDefinition ) => fieldDefinition.id === fieldId\n\t\t);\n\t}\n\n\tconst normalizedFormFields = useMemo(\n\t\t() => normalizeFormFields( form ),\n\t\t[ form ]\n\t);\n\n\tconst normalizedFormLayout = normalizeLayout( form.layout );\n\tconst Wrapper =\n\t\tas ??\n\t\tgetFormFieldLayout( normalizedFormLayout.type )?.wrapper ??\n\t\tDEFAULT_WRAPPER;\n\n\treturn (\n\t\t<Wrapper layout={ normalizedFormLayout }>\n\t\t\t{ normalizedFormFields.map( ( formField ) => {\n\t\t\t\tconst FieldLayout = getFormFieldLayout( formField.layout.type )\n\t\t\t\t\t?.component;\n\n\t\t\t\tif ( ! FieldLayout ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst fieldDefinition = ! isCombinedField( formField )\n\t\t\t\t\t? getFieldDefinition( formField )\n\t\t\t\t\t: undefined;\n\n\t\t\t\tif (\n\t\t\t\t\tfieldDefinition &&\n\t\t\t\t\tfieldDefinition.isVisible &&\n\t\t\t\t\t! fieldDefinition.isVisible( data )\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif ( children ) {\n\t\t\t\t\treturn children( FieldLayout, formField );\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<FieldLayout\n\t\t\t\t\t\tkey={ formField.id }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ formField }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAExD;AACA;AACA;;AAEA,SAASC,kBAAkB,QAAQ,SAAS;AAC5C,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,SAASC,eAAe,QAAQ,qBAAqB;AACrD,OAAOC,mBAAmB,IAAIC,eAAe,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhF,MAAMC,eAAe,GAAGA,CAAE;EAAEC;AAAwC,CAAC,kBACpEF,IAAA,CAACT,MAAM;EAACY,OAAO,EAAG,CAAG;EAAAD,QAAA,EAAGA;AAAQ,CAAU,CAC1C;AAED,OAAO,SAASE,cAAcA,CAAU;EACvCC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRL,QAAQ;EACRM;AAeD,CAAC,EAAG;EAAA,IAAAC,IAAA;EACH,MAAM;IAAEC,MAAM,EAAEC;EAAiB,CAAC,GAAGnB,UAAU,CAAEG,eAAgB,CAAC;EAElE,SAASiB,kBAAkBA,CAAEC,KAA+B,EAAG;IAC9D,MAAMC,OAAO,GAAG,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;IAE5D,OAAOJ,gBAAgB,CAACK,IAAI,CACzBC,eAAe,IAAMA,eAAe,CAACF,EAAE,KAAKD,OAC/C,CAAC;EACF;EAEA,MAAMI,oBAAoB,GAAGzB,OAAO,CACnC,MAAMI,mBAAmB,CAAES,IAAK,CAAC,EACjC,CAAEA,IAAI,CACP,CAAC;EAED,MAAMa,oBAAoB,GAAGrB,eAAe,CAAEQ,IAAI,CAACc,MAAO,CAAC;EAC3D,MAAMC,OAAO,IAAAZ,IAAA,GACZD,EAAE,aAAFA,EAAE,cAAFA,EAAE,GACFd,kBAAkB,CAAEyB,oBAAoB,CAACG,IAAK,CAAC,EAAEC,OAAO,cAAAd,IAAA,cAAAA,IAAA,GACxDR,eAAe;EAEhB,oBACCD,IAAA,CAACqB,OAAO;IAACD,MAAM,EAAGD,oBAAsB;IAAAjB,QAAA,EACrCgB,oBAAoB,CAACM,GAAG,CAAIC,SAAS,IAAM;MAC5C,MAAMC,WAAW,GAAGhC,kBAAkB,CAAE+B,SAAS,CAACL,MAAM,CAACE,IAAK,CAAC,EAC5DK,SAAS;MAEZ,IAAK,CAAED,WAAW,EAAG;QACpB,OAAO,IAAI;MACZ;MAEA,MAAMT,eAAe,GAAG,CAAErB,eAAe,CAAE6B,SAAU,CAAC,GACnDb,kBAAkB,CAAEa,SAAU,CAAC,GAC/BG,SAAS;MAEZ,IACCX,eAAe,IACfA,eAAe,CAACY,SAAS,IACzB,CAAEZ,eAAe,CAACY,SAAS,CAAExB,IAAK,CAAC,EAClC;QACD,OAAO,IAAI;MACZ;MAEA,IAAKH,QAAQ,EAAG;QACf,OAAOA,QAAQ,CAAEwB,WAAW,EAAED,SAAU,CAAC;MAC1C;MAEA,oBACCzB,IAAA,CAAC0B,WAAW;QAEXrB,IAAI,EAAGA,IAAM;QACbQ,KAAK,EAAGY,SAAW;QACnBlB,QAAQ,EAAGA;MAAU,GAHfkB,SAAS,CAACV,EAIhB,CAAC;IAEJ,CAAE;EAAC,CACK,CAAC;AAEZ","ignoreList":[]}
@@ -1,51 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { __experimentalVStack as VStack, __experimentalHStack as HStack } from '@wordpress/components';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
-
10
- import FormRegularField from './regular';
11
- import FormPanelField from './panel';
12
- import FormCardField from './card';
13
- import FormRowField from './row';
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- const FORM_FIELD_LAYOUTS = [{
16
- type: 'regular',
17
- component: FormRegularField
18
- }, {
19
- type: 'panel',
20
- component: FormPanelField,
21
- wrapper: ({
22
- children
23
- }) => /*#__PURE__*/_jsx(VStack, {
24
- spacing: 2,
25
- children: children
26
- })
27
- }, {
28
- type: 'card',
29
- component: FormCardField
30
- }, {
31
- type: 'row',
32
- component: FormRowField,
33
- wrapper: ({
34
- children,
35
- layout
36
- }) => /*#__PURE__*/_jsx(VStack, {
37
- spacing: 4,
38
- children: /*#__PURE__*/_jsx("div", {
39
- className: "dataforms-layouts-row__field",
40
- children: /*#__PURE__*/_jsx(HStack, {
41
- spacing: 4,
42
- alignment: layout.alignment,
43
- children: children
44
- })
45
- })
46
- })
47
- }];
48
- export function getFormFieldLayout(type) {
49
- return FORM_FIELD_LAYOUTS.find(layout => layout.type === type);
50
- }
51
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__experimentalVStack","VStack","__experimentalHStack","HStack","FormRegularField","FormPanelField","FormCardField","FormRowField","jsx","_jsx","FORM_FIELD_LAYOUTS","type","component","wrapper","children","spacing","layout","className","alignment","getFormFieldLayout","find"],"sources":["@wordpress/dataviews/src/dataforms-layouts/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { Layout, RowLayout } from '../types';\nimport FormRegularField from './regular';\nimport FormPanelField from './panel';\nimport FormCardField from './card';\nimport FormRowField from './row';\n\nconst FORM_FIELD_LAYOUTS = [\n\t{\n\t\ttype: 'regular',\n\t\tcomponent: FormRegularField,\n\t},\n\t{\n\t\ttype: 'panel',\n\t\tcomponent: FormPanelField,\n\t\twrapper: ( { children }: { children: React.ReactNode } ) => (\n\t\t\t<VStack spacing={ 2 }>{ children }</VStack>\n\t\t),\n\t},\n\t{\n\t\ttype: 'card',\n\t\tcomponent: FormCardField,\n\t},\n\t{\n\t\ttype: 'row',\n\t\tcomponent: FormRowField,\n\t\twrapper: ( {\n\t\t\tchildren,\n\t\t\tlayout,\n\t\t}: {\n\t\t\tchildren: React.ReactNode;\n\t\t\tlayout: Layout;\n\t\t} ) => (\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<div className=\"dataforms-layouts-row__field\">\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\t\talignment={ ( layout as RowLayout ).alignment }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</HStack>\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t),\n\t},\n];\n\nexport function getFormFieldLayout( type: string ) {\n\treturn FORM_FIELD_LAYOUTS.find( ( layout ) => layout.type === type );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;;AAEA,OAAOC,gBAAgB,MAAM,WAAW;AACxC,OAAOC,cAAc,MAAM,SAAS;AACpC,OAAOC,aAAa,MAAM,QAAQ;AAClC,OAAOC,YAAY,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjC,MAAMC,kBAAkB,GAAG,CAC1B;EACCC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAER;AACZ,CAAC,EACD;EACCO,IAAI,EAAE,OAAO;EACbC,SAAS,EAAEP,cAAc;EACzBQ,OAAO,EAAEA,CAAE;IAAEC;EAAwC,CAAC,kBACrDL,IAAA,CAACR,MAAM;IAACc,OAAO,EAAG,CAAG;IAAAD,QAAA,EAAGA;EAAQ,CAAU;AAE5C,CAAC,EACD;EACCH,IAAI,EAAE,MAAM;EACZC,SAAS,EAAEN;AACZ,CAAC,EACD;EACCK,IAAI,EAAE,KAAK;EACXC,SAAS,EAAEL,YAAY;EACvBM,OAAO,EAAEA,CAAE;IACVC,QAAQ;IACRE;EAID,CAAC,kBACAP,IAAA,CAACR,MAAM;IAACc,OAAO,EAAG,CAAG;IAAAD,QAAA,eACpBL,IAAA;MAAKQ,SAAS,EAAC,8BAA8B;MAAAH,QAAA,eAC5CL,IAAA,CAACN,MAAM;QACNY,OAAO,EAAG,CAAG;QACbG,SAAS,EAAKF,MAAM,CAAgBE,SAAW;QAAAJ,QAAA,EAE7CA;MAAQ,CACH;IAAC,CACL;EAAC,CACC;AAEV,CAAC,CACD;AAED,OAAO,SAASK,kBAAkBA,CAAER,IAAY,EAAG;EAClD,OAAOD,kBAAkB,CAACU,IAAI,CAAIJ,MAAM,IAAMA,MAAM,CAACL,IAAI,KAAKA,IAAK,CAAC;AACrE","ignoreList":[]}
@@ -1,8 +0,0 @@
1
- /**
2
- * Internal dependencies
3
- */
4
-
5
- export function isCombinedField(field) {
6
- return field.children !== undefined;
7
- }
8
- //# sourceMappingURL=is-combined-field.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["isCombinedField","field","children","undefined"],"sources":["@wordpress/dataviews/src/dataforms-layouts/is-combined-field.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { FormField, CombinedFormField } from '../types';\n\nexport function isCombinedField(\n\tfield: FormField\n): field is CombinedFormField {\n\treturn ( field as CombinedFormField ).children !== undefined;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA,OAAO,SAASA,eAAeA,CAC9BC,KAAgB,EACa;EAC7B,OAASA,KAAK,CAAwBC,QAAQ,KAAKC,SAAS;AAC7D","ignoreList":[]}