@wordpress/dataviews 8.0.1-next.e256d081a.0 → 9.0.1-next.6870dfe5b.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 (269) hide show
  1. package/CHANGELOG.md +24 -1
  2. package/README.md +96 -1
  3. package/build/components/dataform-context/index.js +1 -0
  4. package/build/components/dataform-context/index.js.map +1 -1
  5. package/build/components/dataviews/index.js +11 -1
  6. package/build/components/dataviews/index.js.map +1 -1
  7. package/build/components/dataviews-context/index.js +1 -0
  8. package/build/components/dataviews-context/index.js.map +1 -1
  9. package/build/components/dataviews-layout/index.js +2 -1
  10. package/build/components/dataviews-layout/index.js.map +1 -1
  11. package/build/components/dataviews-picker/footer.js +145 -0
  12. package/build/components/dataviews-picker/footer.js.map +1 -0
  13. package/build/components/dataviews-picker/index.js +201 -0
  14. package/build/components/dataviews-picker/index.js.map +1 -0
  15. package/build/components/dataviews-selection-checkbox/index.js +4 -2
  16. package/build/components/dataviews-selection-checkbox/index.js.map +1 -1
  17. package/build/components/dataviews-view-config/index.js +1 -0
  18. package/build/components/dataviews-view-config/index.js.map +1 -1
  19. package/build/constants.js +4 -1
  20. package/build/constants.js.map +1 -1
  21. package/build/dataform-controls/checkbox.js +23 -2
  22. package/build/dataform-controls/checkbox.js.map +1 -1
  23. package/build/dataform-controls/color.js +128 -0
  24. package/build/dataform-controls/color.js.map +1 -0
  25. package/build/dataform-controls/email.js +10 -45
  26. package/build/dataform-controls/email.js.map +1 -1
  27. package/build/dataform-controls/index.js +8 -2
  28. package/build/dataform-controls/index.js.map +1 -1
  29. package/build/dataform-controls/telephone.js +34 -0
  30. package/build/dataform-controls/telephone.js.map +1 -0
  31. package/build/dataform-controls/text.js +7 -48
  32. package/build/dataform-controls/text.js.map +1 -1
  33. package/build/dataform-controls/{boolean.js → toggle.js} +6 -4
  34. package/build/dataform-controls/toggle.js.map +1 -0
  35. package/build/dataform-controls/url.js +34 -0
  36. package/build/dataform-controls/url.js.map +1 -0
  37. package/build/dataform-controls/utils/validated-text.js +76 -0
  38. package/build/dataform-controls/utils/validated-text.js.map +1 -0
  39. package/build/dataforms-layouts/card/index.js +6 -7
  40. package/build/dataforms-layouts/card/index.js.map +1 -1
  41. package/build/dataforms-layouts/data-form-layout.js +16 -4
  42. package/build/dataforms-layouts/data-form-layout.js.map +1 -1
  43. package/build/dataforms-layouts/index.js +31 -1
  44. package/build/dataforms-layouts/index.js.map +1 -1
  45. package/build/dataforms-layouts/row/index.js +113 -0
  46. package/build/dataforms-layouts/row/index.js.map +1 -0
  47. package/build/dataviews-layouts/grid/index.js +16 -11
  48. package/build/dataviews-layouts/grid/index.js.map +1 -1
  49. package/build/dataviews-layouts/index.js +9 -1
  50. package/build/dataviews-layouts/index.js.map +1 -1
  51. package/build/dataviews-layouts/picker-grid/index.js +357 -0
  52. package/build/dataviews-layouts/picker-grid/index.js.map +1 -0
  53. package/build/dataviews-layouts/utils/grid-items.js +37 -0
  54. package/build/dataviews-layouts/utils/grid-items.js.map +1 -0
  55. package/build/dataviews-layouts/utils/preview-size-picker.js +81 -0
  56. package/build/dataviews-layouts/utils/preview-size-picker.js.map +1 -0
  57. package/build/field-types/boolean.js +1 -1
  58. package/build/field-types/boolean.js.map +1 -1
  59. package/build/field-types/color.js +113 -0
  60. package/build/field-types/color.js.map +1 -0
  61. package/build/field-types/index.js +12 -0
  62. package/build/field-types/index.js.map +1 -1
  63. package/build/field-types/telephone.js +57 -0
  64. package/build/field-types/telephone.js.map +1 -0
  65. package/build/field-types/url.js +57 -0
  66. package/build/field-types/url.js.map +1 -0
  67. package/build/normalize-form-fields.js +6 -0
  68. package/build/normalize-form-fields.js.map +1 -1
  69. package/build/types.js.map +1 -1
  70. package/build/validation.js +1 -1
  71. package/build/validation.js.map +1 -1
  72. package/build-module/components/dataform-context/index.js +1 -0
  73. package/build-module/components/dataform-context/index.js.map +1 -1
  74. package/build-module/components/dataviews/index.js +11 -1
  75. package/build-module/components/dataviews/index.js.map +1 -1
  76. package/build-module/components/dataviews-context/index.js +1 -0
  77. package/build-module/components/dataviews-context/index.js.map +1 -1
  78. package/build-module/components/dataviews-layout/index.js +2 -1
  79. package/build-module/components/dataviews-layout/index.js.map +1 -1
  80. package/build-module/components/dataviews-picker/footer.js +136 -0
  81. package/build-module/components/dataviews-picker/footer.js.map +1 -0
  82. package/build-module/components/dataviews-picker/index.js +191 -0
  83. package/build-module/components/dataviews-picker/index.js.map +1 -0
  84. package/build-module/components/dataviews-selection-checkbox/index.js +4 -2
  85. package/build-module/components/dataviews-selection-checkbox/index.js.map +1 -1
  86. package/build-module/components/dataviews-view-config/index.js +1 -0
  87. package/build-module/components/dataviews-view-config/index.js.map +1 -1
  88. package/build-module/constants.js +3 -0
  89. package/build-module/constants.js.map +1 -1
  90. package/build-module/dataform-controls/checkbox.js +25 -3
  91. package/build-module/dataform-controls/checkbox.js.map +1 -1
  92. package/build-module/dataform-controls/color.js +122 -0
  93. package/build-module/dataform-controls/color.js.map +1 -0
  94. package/build-module/dataform-controls/email.js +9 -45
  95. package/build-module/dataform-controls/email.js.map +1 -1
  96. package/build-module/dataform-controls/index.js +8 -2
  97. package/build-module/dataform-controls/index.js.map +1 -1
  98. package/build-module/dataform-controls/telephone.js +27 -0
  99. package/build-module/dataform-controls/telephone.js.map +1 -0
  100. package/build-module/dataform-controls/text.js +6 -48
  101. package/build-module/dataform-controls/text.js.map +1 -1
  102. package/build-module/dataform-controls/{boolean.js → toggle.js} +5 -3
  103. package/build-module/dataform-controls/toggle.js.map +1 -0
  104. package/build-module/dataform-controls/url.js +27 -0
  105. package/build-module/dataform-controls/url.js.map +1 -0
  106. package/build-module/dataform-controls/utils/validated-text.js +70 -0
  107. package/build-module/dataform-controls/utils/validated-text.js.map +1 -0
  108. package/build-module/dataforms-layouts/card/index.js +6 -7
  109. package/build-module/dataforms-layouts/card/index.js.map +1 -1
  110. package/build-module/dataforms-layouts/data-form-layout.js +14 -4
  111. package/build-module/dataforms-layouts/data-form-layout.js.map +1 -1
  112. package/build-module/dataforms-layouts/index.js +32 -1
  113. package/build-module/dataforms-layouts/index.js.map +1 -1
  114. package/build-module/dataforms-layouts/row/index.js +106 -0
  115. package/build-module/dataforms-layouts/row/index.js.map +1 -0
  116. package/build-module/dataviews-layouts/grid/index.js +16 -11
  117. package/build-module/dataviews-layouts/grid/index.js.map +1 -1
  118. package/build-module/dataviews-layouts/index.js +10 -2
  119. package/build-module/dataviews-layouts/index.js.map +1 -1
  120. package/build-module/dataviews-layouts/picker-grid/index.js +348 -0
  121. package/build-module/dataviews-layouts/picker-grid/index.js.map +1 -0
  122. package/build-module/dataviews-layouts/utils/grid-items.js +29 -0
  123. package/build-module/dataviews-layouts/utils/grid-items.js.map +1 -0
  124. package/build-module/dataviews-layouts/utils/preview-size-picker.js +73 -0
  125. package/build-module/dataviews-layouts/utils/preview-size-picker.js.map +1 -0
  126. package/build-module/field-types/boolean.js +1 -1
  127. package/build-module/field-types/boolean.js.map +1 -1
  128. package/build-module/field-types/color.js +107 -0
  129. package/build-module/field-types/color.js.map +1 -0
  130. package/build-module/field-types/index.js +12 -0
  131. package/build-module/field-types/index.js.map +1 -1
  132. package/build-module/field-types/telephone.js +51 -0
  133. package/build-module/field-types/telephone.js.map +1 -0
  134. package/build-module/field-types/url.js +51 -0
  135. package/build-module/field-types/url.js.map +1 -0
  136. package/build-module/normalize-form-fields.js +6 -0
  137. package/build-module/normalize-form-fields.js.map +1 -1
  138. package/build-module/types.js.map +1 -1
  139. package/build-module/validation.js +1 -1
  140. package/build-module/validation.js.map +1 -1
  141. package/build-style/style-rtl.css +252 -12
  142. package/build-style/style.css +252 -12
  143. package/build-types/components/dataform/stories/index.story.d.ts +19 -4
  144. package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
  145. package/build-types/components/dataform-context/index.d.ts.map +1 -1
  146. package/build-types/components/dataviews/index.d.ts +1 -1
  147. package/build-types/components/dataviews/index.d.ts.map +1 -1
  148. package/build-types/components/dataviews/stories/index.story.d.ts.map +1 -1
  149. package/build-types/components/dataviews-context/index.d.ts +1 -0
  150. package/build-types/components/dataviews-context/index.d.ts.map +1 -1
  151. package/build-types/components/dataviews-layout/index.d.ts.map +1 -1
  152. package/build-types/components/dataviews-picker/footer.d.ts +4 -0
  153. package/build-types/components/dataviews-picker/footer.d.ts.map +1 -0
  154. package/build-types/components/dataviews-picker/index.d.ts +55 -0
  155. package/build-types/components/dataviews-picker/index.d.ts.map +1 -0
  156. package/build-types/components/dataviews-picker/stories/index.story.d.ts +42 -0
  157. package/build-types/components/dataviews-picker/stories/index.story.d.ts.map +1 -0
  158. package/build-types/components/dataviews-selection-checkbox/index.d.ts +2 -1
  159. package/build-types/components/dataviews-selection-checkbox/index.d.ts.map +1 -1
  160. package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
  161. package/build-types/constants.d.ts +1 -0
  162. package/build-types/constants.d.ts.map +1 -1
  163. package/build-types/dataform-controls/checkbox.d.ts.map +1 -1
  164. package/build-types/dataform-controls/color.d.ts +6 -0
  165. package/build-types/dataform-controls/color.d.ts.map +1 -0
  166. package/build-types/dataform-controls/email.d.ts.map +1 -1
  167. package/build-types/dataform-controls/index.d.ts.map +1 -1
  168. package/build-types/dataform-controls/telephone.d.ts +6 -0
  169. package/build-types/dataform-controls/telephone.d.ts.map +1 -0
  170. package/build-types/dataform-controls/text.d.ts.map +1 -1
  171. package/build-types/dataform-controls/toggle.d.ts +6 -0
  172. package/build-types/dataform-controls/toggle.d.ts.map +1 -0
  173. package/build-types/dataform-controls/url.d.ts +6 -0
  174. package/build-types/dataform-controls/url.d.ts.map +1 -0
  175. package/build-types/dataform-controls/utils/validated-text.d.ts +16 -0
  176. package/build-types/dataform-controls/utils/validated-text.d.ts.map +1 -0
  177. package/build-types/dataforms-layouts/card/index.d.ts +0 -3
  178. package/build-types/dataforms-layouts/card/index.d.ts.map +1 -1
  179. package/build-types/dataforms-layouts/data-form-layout.d.ts +4 -1
  180. package/build-types/dataforms-layouts/data-form-layout.d.ts.map +1 -1
  181. package/build-types/dataforms-layouts/index.d.ts +10 -0
  182. package/build-types/dataforms-layouts/index.d.ts.map +1 -1
  183. package/build-types/dataforms-layouts/row/index.d.ts +6 -0
  184. package/build-types/dataforms-layouts/row/index.d.ts.map +1 -0
  185. package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
  186. package/build-types/dataviews-layouts/index.d.ts +12 -1
  187. package/build-types/dataviews-layouts/index.d.ts.map +1 -1
  188. package/build-types/dataviews-layouts/picker-grid/index.d.ts +4 -0
  189. package/build-types/dataviews-layouts/picker-grid/index.d.ts.map +1 -0
  190. package/build-types/dataviews-layouts/utils/grid-items.d.ts +5 -0
  191. package/build-types/dataviews-layouts/utils/grid-items.d.ts.map +1 -0
  192. package/build-types/dataviews-layouts/utils/preview-size-picker.d.ts +2 -0
  193. package/build-types/dataviews-layouts/utils/preview-size-picker.d.ts.map +1 -0
  194. package/build-types/field-types/color.d.ts +20 -0
  195. package/build-types/field-types/color.d.ts.map +1 -0
  196. package/build-types/field-types/index.d.ts.map +1 -1
  197. package/build-types/field-types/stories/index.story.d.ts +81 -0
  198. package/build-types/field-types/stories/index.story.d.ts.map +1 -0
  199. package/build-types/field-types/telephone.d.ts +20 -0
  200. package/build-types/field-types/telephone.d.ts.map +1 -0
  201. package/build-types/field-types/url.d.ts +20 -0
  202. package/build-types/field-types/url.d.ts.map +1 -0
  203. package/build-types/normalize-form-fields.d.ts.map +1 -1
  204. package/build-types/test/dataviews-picker.d.ts +2 -0
  205. package/build-types/test/dataviews-picker.d.ts.map +1 -0
  206. package/build-types/types.d.ts +36 -5
  207. package/build-types/types.d.ts.map +1 -1
  208. package/build-types/validation.d.ts.map +1 -1
  209. package/build-wp/index.js +5061 -4013
  210. package/package.json +16 -15
  211. package/src/components/dataform/stories/index.story.tsx +333 -11
  212. package/src/components/dataform-context/index.tsx +1 -0
  213. package/src/components/dataviews/index.tsx +25 -1
  214. package/src/components/dataviews/stories/fixtures.tsx +1 -1
  215. package/src/components/dataviews/stories/index.story.tsx +14 -0
  216. package/src/components/dataviews/style.scss +4 -2
  217. package/src/components/dataviews-context/index.ts +3 -0
  218. package/src/components/dataviews-layout/index.tsx +4 -2
  219. package/src/components/dataviews-picker/footer.tsx +207 -0
  220. package/src/components/dataviews-picker/index.tsx +284 -0
  221. package/src/components/dataviews-picker/stories/index.story.tsx +251 -0
  222. package/src/components/dataviews-picker/style.scss +10 -0
  223. package/src/components/dataviews-selection-checkbox/index.tsx +3 -0
  224. package/src/components/dataviews-view-config/index.tsx +1 -0
  225. package/src/constants.ts +3 -0
  226. package/src/dataform-controls/checkbox.tsx +33 -3
  227. package/src/dataform-controls/color.tsx +139 -0
  228. package/src/dataform-controls/email.tsx +10 -52
  229. package/src/dataform-controls/index.tsx +8 -2
  230. package/src/dataform-controls/telephone.tsx +30 -0
  231. package/src/dataform-controls/text.tsx +2 -57
  232. package/src/dataform-controls/{boolean.tsx → toggle.tsx} +3 -2
  233. package/src/dataform-controls/url.tsx +30 -0
  234. package/src/dataform-controls/utils/validated-text.tsx +96 -0
  235. package/src/dataforms-layouts/card/index.tsx +5 -4
  236. package/src/dataforms-layouts/card/style.scss +7 -0
  237. package/src/dataforms-layouts/data-form-layout.tsx +15 -3
  238. package/src/dataforms-layouts/index.tsx +35 -0
  239. package/src/dataforms-layouts/row/index.tsx +115 -0
  240. package/src/dataforms-layouts/row/style.scss +3 -0
  241. package/src/dataviews-layouts/grid/index.tsx +38 -33
  242. package/src/dataviews-layouts/grid/style.scss +42 -20
  243. package/src/dataviews-layouts/index.ts +16 -2
  244. package/src/dataviews-layouts/picker-grid/index.tsx +490 -0
  245. package/src/dataviews-layouts/picker-grid/style.scss +171 -0
  246. package/src/dataviews-layouts/utils/grid-items.scss +21 -0
  247. package/src/dataviews-layouts/utils/grid-items.tsx +35 -0
  248. package/src/dataviews-layouts/utils/preview-size-picker.tsx +87 -0
  249. package/src/field-types/boolean.tsx +1 -1
  250. package/src/field-types/color.tsx +115 -0
  251. package/src/field-types/index.tsx +15 -0
  252. package/src/field-types/stories/index.story.tsx +719 -0
  253. package/src/field-types/telephone.tsx +71 -0
  254. package/src/field-types/url.tsx +71 -0
  255. package/src/normalize-form-fields.ts +6 -0
  256. package/src/style.scss +4 -0
  257. package/src/test/dataform.tsx +2 -2
  258. package/src/test/dataviews-picker.tsx +478 -0
  259. package/src/test/dataviews.tsx +86 -0
  260. package/src/types.ts +56 -4
  261. package/src/validation.ts +3 -0
  262. package/tsconfig.tsbuildinfo +1 -1
  263. package/build/dataform-controls/boolean.js.map +0 -1
  264. package/build-module/dataform-controls/boolean.js.map +0 -1
  265. package/build-types/components/stories/index.story.d.ts +0 -63
  266. package/build-types/components/stories/index.story.d.ts.map +0 -1
  267. package/build-types/dataform-controls/boolean.d.ts +0 -6
  268. package/build-types/dataform-controls/boolean.d.ts.map +0 -1
  269. package/src/components/stories/index.story.tsx +0 -372
@@ -237,7 +237,8 @@
237
237
  }
238
238
  }
239
239
 
240
- .dataviews-wrapper {
240
+ .dataviews-wrapper,
241
+ .dataviews-picker-wrapper {
241
242
  height: 100%;
242
243
  overflow: auto;
243
244
  box-sizing: border-box;
@@ -350,7 +351,8 @@
350
351
  /**
351
352
  * Applying a consistent 24px padding when DataViews are placed within cards.
352
353
  */
353
- .components-card__body:has(> .dataviews-wrapper) {
354
+ .components-card__body:has(> .dataviews-wrapper),
355
+ .components-card__body:has(> .dataviews-picker-wrapper) {
354
356
  padding: 8px 0 0;
355
357
  overflow: hidden;
356
358
  }
@@ -359,15 +361,25 @@
359
361
  .components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
360
362
  .components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
361
363
  .components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
362
- .components-card__body:has(> .dataviews-wrapper) .dataviews-no-results {
364
+ .components-card__body:has(> .dataviews-wrapper) .dataviews-no-results,
365
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
366
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
367
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
368
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
369
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
370
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results {
363
371
  padding-inline: 24px;
364
372
  }
365
373
  .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
366
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child {
374
+ .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child,
375
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
376
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child {
367
377
  padding-inline-start: 24px;
368
378
  }
369
379
  .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
370
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child {
380
+ .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child,
381
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
382
+ .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
371
383
  padding-inline-end: 24px;
372
384
  }
373
385
 
@@ -940,6 +952,15 @@
940
952
  z-index: 1000001;
941
953
  }
942
954
 
955
+ .dataviews-picker-footer__bulk-selection {
956
+ align-self: flex-start;
957
+ height: 32px;
958
+ }
959
+
960
+ .dataviews-picker-footer__actions {
961
+ align-self: flex-end;
962
+ }
963
+
943
964
  .dataviews-selection-checkbox {
944
965
  --checkbox-input-size: 24px;
945
966
  line-height: 0;
@@ -1051,7 +1072,7 @@
1051
1072
  color: #757575;
1052
1073
  }
1053
1074
 
1054
- .dataviews-view-grid {
1075
+ .dataviews-view-grid-items {
1055
1076
  margin-bottom: auto;
1056
1077
  display: grid;
1057
1078
  gap: 32px;
@@ -1060,21 +1081,22 @@
1060
1081
  padding: 0 48px 24px;
1061
1082
  container-type: inline-size;
1062
1083
  /**
1063
- * Breakpoints were adjusted from media queries breakpoints to account for
1064
- * the sidebar width. This was done to match the existing styles we had.
1065
- */
1084
+ * Breakpoints were adjusted from media queries breakpoints to account for
1085
+ * the sidebar width. This was done to match the existing styles we had.
1086
+ */
1066
1087
  }
1067
- @container (max-width: 480px) {
1068
- .dataviews-view-grid {
1088
+ @container (max-width: 430px) {
1089
+ .dataviews-view-grid-items {
1069
1090
  padding-left: 24px;
1070
1091
  padding-right: 24px;
1071
1092
  }
1072
1093
  }
1073
1094
  @media not (prefers-reduced-motion) {
1074
- .dataviews-view-grid {
1095
+ .dataviews-view-grid-items {
1075
1096
  transition: padding ease-out 0.1s;
1076
1097
  }
1077
1098
  }
1099
+
1078
1100
  .dataviews-view-grid .dataviews-view-grid__card {
1079
1101
  height: 100%;
1080
1102
  justify-content: flex-start;
@@ -1174,9 +1196,16 @@
1174
1196
  top: -9999em;
1175
1197
  left: 8px;
1176
1198
  z-index: 1;
1199
+ opacity: 0;
1200
+ }
1201
+ @media not (prefers-reduced-motion) {
1202
+ .dataviews-view-grid__card .dataviews-selection-checkbox {
1203
+ transition: opacity 0.1s linear;
1204
+ }
1177
1205
  }
1178
1206
  @media (hover: none) {
1179
1207
  .dataviews-view-grid__card .dataviews-selection-checkbox {
1208
+ opacity: 1;
1180
1209
  top: 8px;
1181
1210
  }
1182
1211
  }
@@ -1184,9 +1213,37 @@
1184
1213
  .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
1185
1214
  .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
1186
1215
  .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
1216
+ opacity: 1;
1187
1217
  top: 8px;
1188
1218
  }
1189
1219
 
1220
+ .dataviews-view-grid__card .dataviews-view-grid__media-actions {
1221
+ position: absolute;
1222
+ top: 4px;
1223
+ opacity: 0;
1224
+ right: 4px;
1225
+ }
1226
+ .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
1227
+ background-color: #fff;
1228
+ }
1229
+ @media not (prefers-reduced-motion) {
1230
+ .dataviews-view-grid__card .dataviews-view-grid__media-actions {
1231
+ transition: opacity 0.1s linear;
1232
+ }
1233
+ }
1234
+ @media (hover: none) {
1235
+ .dataviews-view-grid__card .dataviews-view-grid__media-actions {
1236
+ opacity: 1;
1237
+ top: 4px;
1238
+ }
1239
+ }
1240
+
1241
+ .dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
1242
+ .dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
1243
+ .dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
1244
+ opacity: 1;
1245
+ }
1246
+
1190
1247
  .dataviews-view-grid__media--clickable {
1191
1248
  cursor: pointer;
1192
1249
  }
@@ -1197,6 +1254,13 @@
1197
1254
  color: #1e1e1e;
1198
1255
  margin: 0 0 8px 0;
1199
1256
  padding: 0 48px;
1257
+ container-type: inline-size;
1258
+ }
1259
+ @container (max-width: 430px) {
1260
+ .dataviews-view-grid__group-header {
1261
+ padding-left: 24px;
1262
+ padding-right: 24px;
1263
+ }
1200
1264
  }
1201
1265
 
1202
1266
  div.dataviews-view-list {
@@ -1631,6 +1695,167 @@ div.dataviews-view-list {
1631
1695
  color: #1e1e1e;
1632
1696
  }
1633
1697
 
1698
+ .dataviews-view-grid-items {
1699
+ margin-bottom: auto;
1700
+ display: grid;
1701
+ gap: 32px;
1702
+ grid-template-rows: max-content;
1703
+ grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
1704
+ padding: 0 48px 24px;
1705
+ container-type: inline-size;
1706
+ /**
1707
+ * Breakpoints were adjusted from media queries breakpoints to account for
1708
+ * the sidebar width. This was done to match the existing styles we had.
1709
+ */
1710
+ }
1711
+ @container (max-width: 430px) {
1712
+ .dataviews-view-grid-items {
1713
+ padding-left: 24px;
1714
+ padding-right: 24px;
1715
+ }
1716
+ }
1717
+ @media not (prefers-reduced-motion) {
1718
+ .dataviews-view-grid-items {
1719
+ transition: padding ease-out 0.1s;
1720
+ }
1721
+ }
1722
+
1723
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card {
1724
+ height: 100%;
1725
+ justify-content: flex-start;
1726
+ position: relative;
1727
+ }
1728
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
1729
+ padding: 8px 0 4px;
1730
+ }
1731
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
1732
+ min-height: 24px;
1733
+ display: flex;
1734
+ align-items: center;
1735
+ }
1736
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
1737
+ width: fit-content;
1738
+ }
1739
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
1740
+ color: #1e1e1e;
1741
+ }
1742
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
1743
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
1744
+ background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
1745
+ }
1746
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
1747
+ box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
1748
+ }
1749
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
1750
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1751
+ }
1752
+ .dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
1753
+ outline: none;
1754
+ }
1755
+ .dataviews-view-picker-grid:focus-visible [data-active-item=true] {
1756
+ outline: 2px solid var(--wp-admin-theme-color);
1757
+ }
1758
+ .dataviews-view-picker-grid .dataviews-selection-checkbox {
1759
+ top: 8px !important;
1760
+ }
1761
+ .dataviews-view-picker-grid .dataviews-selection-checkbox input {
1762
+ pointer-events: none;
1763
+ }
1764
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__media {
1765
+ width: 100%;
1766
+ aspect-ratio: 1/1;
1767
+ background-color: #fff;
1768
+ border-radius: 4px;
1769
+ position: relative;
1770
+ }
1771
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
1772
+ object-fit: cover;
1773
+ width: 100%;
1774
+ height: 100%;
1775
+ }
1776
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
1777
+ content: "";
1778
+ position: absolute;
1779
+ top: 0;
1780
+ left: 0;
1781
+ width: 100%;
1782
+ height: 100%;
1783
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
1784
+ border-radius: 4px;
1785
+ pointer-events: none;
1786
+ }
1787
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
1788
+ position: relative;
1789
+ font-size: 12px;
1790
+ line-height: 16px;
1791
+ }
1792
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
1793
+ padding: 0 0 12px;
1794
+ }
1795
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
1796
+ min-height: 24px;
1797
+ line-height: 20px;
1798
+ padding-top: 2px;
1799
+ }
1800
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
1801
+ min-height: 24px;
1802
+ align-items: center;
1803
+ }
1804
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
1805
+ width: 35%;
1806
+ color: #757575;
1807
+ overflow: hidden;
1808
+ text-overflow: ellipsis;
1809
+ white-space: nowrap;
1810
+ }
1811
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
1812
+ width: 65%;
1813
+ overflow: hidden;
1814
+ text-overflow: ellipsis;
1815
+ white-space: nowrap;
1816
+ }
1817
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
1818
+ display: none;
1819
+ }
1820
+ .dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
1821
+ padding-bottom: 12px;
1822
+ }
1823
+
1824
+ .dataviews-view-picker-grid__field-value:empty,
1825
+ .dataviews-view-picker-grid__field:empty {
1826
+ display: none;
1827
+ }
1828
+
1829
+ .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
1830
+ position: absolute;
1831
+ top: -9999em;
1832
+ left: 8px;
1833
+ z-index: 1;
1834
+ }
1835
+ @media (hover: none) {
1836
+ .dataviews-view-picker-grid__card .dataviews-selection-checkbox {
1837
+ top: 8px;
1838
+ }
1839
+ }
1840
+
1841
+ .dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
1842
+ .dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
1843
+ .dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
1844
+ top: 8px;
1845
+ }
1846
+
1847
+ .dataviews-view-picker-grid__media--clickable {
1848
+ cursor: pointer;
1849
+ }
1850
+
1851
+ .dataviews-view-picker-grid-group__header {
1852
+ font-size: 15px;
1853
+ font-weight: 500;
1854
+ color: #1e1e1e;
1855
+ margin: 0 0 8px 0;
1856
+ padding: 0 48px;
1857
+ }
1858
+
1634
1859
  .dataviews-controls__datetime {
1635
1860
  border: none;
1636
1861
  padding: 0;
@@ -1743,4 +1968,19 @@ div.dataviews-view-list {
1743
1968
  min-height: 32px;
1744
1969
  display: flex;
1745
1970
  align-items: center;
1971
+ }
1972
+
1973
+ .dataforms-layouts-card__field {
1974
+ width: 100%;
1975
+ }
1976
+
1977
+ .dataforms-layouts-card__field-description {
1978
+ color: #757575;
1979
+ display: block;
1980
+ font-size: 13px;
1981
+ margin-bottom: 16px;
1982
+ }
1983
+
1984
+ .dataforms-layouts-row__field-control {
1985
+ width: 100%;
1746
1986
  }
@@ -8,8 +8,7 @@ declare const meta: {
8
8
  };
9
9
  export default meta;
10
10
  export declare const Default: {
11
- render: ({ type, labelPosition, }: {
12
- type?: "default" | "regular" | "panel" | "card";
11
+ render: ({ labelPosition, }: {
13
12
  labelPosition: "default" | "top" | "side" | "none";
14
13
  }) => import("react").JSX.Element;
15
14
  argTypes: {
@@ -62,8 +61,7 @@ export declare const LayoutPanel: {
62
61
  };
63
62
  };
64
63
  export declare const LayoutRegular: {
65
- render: ({ type, labelPosition, }: {
66
- type?: "default" | "regular" | "panel" | "card";
64
+ render: ({ labelPosition, }: {
67
65
  labelPosition: "default" | "top" | "side" | "none";
68
66
  }) => import("react").JSX.Element;
69
67
  argTypes: {
@@ -76,6 +74,23 @@ export declare const LayoutRegular: {
76
74
  };
77
75
  };
78
76
  };
77
+ export declare const LayoutRow: {
78
+ render: ({ alignment, }: {
79
+ alignment: "start" | "center" | "end";
80
+ }) => import("react").JSX.Element;
81
+ argTypes: {
82
+ alignment: {
83
+ control: {
84
+ type: string;
85
+ };
86
+ description: string;
87
+ options: string[];
88
+ };
89
+ };
90
+ args: {
91
+ alignment: string;
92
+ };
93
+ };
79
94
  export declare const LayoutMixed: {
80
95
  render: () => import("react").JSX.Element;
81
96
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform/stories/index.story.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,QAAQ,MAAM,UAAU,CAAC;AA6xBhC,QAAA,MAAM,IAAI;;;CAGT,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;uCAjoBjB;QACF,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;QAChD,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KACnD;;;;;;;;;;CAuoBA,CAAC;AAEF,eAAO,MAAM,UAAU;6BA5QuB;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;CAuRpE,CAAC;AAEF,eAAO,MAAM,WAAW;yCA3iBrB;QACF,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;QAC/C,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;QACnD,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;KACzC;;;;;;;;;;;;;;;;;CAqjBA,CAAC;AAEF,eAAO,MAAM,aAAa;uCAzqBvB;QACF,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;QAChD,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KACnD;;;;;;;;;;CA+qBA,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,UAAU;0CAtepB;QACF,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;KAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwfA,CAAC;AAEF,eAAO,MAAM,UAAU;;CAEtB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform/stories/index.story.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,QAAQ,MAAM,UAAU,CAAC;AAilChC,QAAA,MAAM,IAAI;;;CAGT,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;iCAt7BjB;QACF,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KACnD;;;;;;;;;;CA67BA,CAAC;AAEF,eAAO,MAAM,UAAU;6BAngBuB;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;CA8gBpE,CAAC;AAEF,eAAO,MAAM,WAAW;yCAj2BrB;QACF,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;QAC/C,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;QACnD,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;KACzC;;;;;;;;;;;;;;;;;CA22BA,CAAC;AAEF,eAAO,MAAM,aAAa;iCA99BvB;QACF,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;KACnD;;;;;;;;;;CAq+BA,CAAC;AAEF,eAAO,MAAM,SAAS;6BArWnB;QACF,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;KACtC;;;;;;;;;;;;;CA+WA,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,UAAU;0CA1yBpB;QACF,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;KAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4zBA,CAAC;AAEF,eAAO,MAAM,UAAU;;CAEtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-context/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,KAAK,mBAAmB,CAAE,IAAI,IAAK;IAClC,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,eAAe,mDAElB,CAAC;AAEJ,wBAAgB,gBAAgB,CAAE,IAAI,EAAI,EACzC,MAAM,EACN,QAAQ,GACR,EAAE,KAAK,CAAC,iBAAiB,CAAE;IAAE,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAA;CAAE,CAAE,+BAMlE;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-context/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,KAAK,mBAAmB,CAAE,IAAI,IAAK;IAClC,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,eAAe,mDAElB,CAAC;AAGJ,wBAAgB,gBAAgB,CAAE,IAAI,EAAI,EACzC,MAAM,EACN,QAAQ,GACR,EAAE,KAAK,CAAC,iBAAiB,CAAE;IAAE,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAA;CAAE,CAAE,+BAMlE;AAED,eAAe,eAAe,CAAC"}
@@ -47,7 +47,7 @@ type DataViewsProps<Item> = {
47
47
  } : {
48
48
  getItemId: (item: Item) => string;
49
49
  });
50
- declare function DataViews<Item>({ view, onChangeView, fields, search, searchLabel, actions, data, getItemId, getItemLevel, isLoading, paginationInfo, defaultLayouts, selection: selectionProperty, onChangeSelection, onClickItem, renderItemLink, isItemClickable, header, children, config, empty, }: DataViewsProps<Item>): import("react").JSX.Element;
50
+ declare function DataViews<Item>({ view, onChangeView, fields, search, searchLabel, actions, data, getItemId, getItemLevel, isLoading, paginationInfo, defaultLayouts: defaultLayoutsProperty, selection: selectionProperty, onChangeSelection, onClickItem, renderItemLink, isItemClickable, header, children, config, empty, }: DataViewsProps<Item>): import("react").JSX.Element | null;
51
51
  declare const DataViewsSubComponents: typeof DataViews & {
52
52
  BulkActionToolbar: typeof BulkActionsFooter;
53
53
  Filters: typeof DataViewsFilters;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAyB7C;;GAEG;AACH,OAAO,SAAS,MAAM,UAAU,CAAC;AAYjC,OAAO,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI,EAGL,IAAI,CAAE,OAAO,SAAS,CAAE,CAAC;AAE9B,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAoCnB,CAAC;AAaF,eAAO,MAAM,KAAK,mCAkBjB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAmBvB,CAAC;AA+CF,eAAO,MAAM,SAAS;0BA3CnB;QACF,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC;;;;;;;;CAkDA,CAAC;AA8EF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,mCAiD3B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCA8BpB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAmCzB,CAAC;AAEF,eAAO,MAAM,cAAc,mCA2H1B,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAyB7C;;GAEG;AACH,OAAO,SAAS,MAAM,UAAU,CAAC;AAYjC,OAAO,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI,EAiBL,IAAI,CAAE,OAAO,SAAS,CAAE,CAAC;AAE9B,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAoCnB,CAAC;AAaF,eAAO,MAAM,KAAK,mCAkBjB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAmBvB,CAAC;AA+CF,eAAO,MAAM,SAAS;0BA3CnB;QACF,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC;;;;;;;;CAkDA,CAAC;AA8EF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,mCAiD3B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCA8BpB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAmCzB,CAAC;AAEF,eAAO,MAAM,cAAc,mCA2H1B,CAAC"}
@@ -41,6 +41,7 @@ type DataViewsContextType<Item> = {
41
41
  };
42
42
  empty?: ReactNode;
43
43
  hasInfiniteScrollHandler: boolean;
44
+ itemListLabel?: string;
44
45
  };
45
46
  declare const DataViewsContext: import("react").Context<DataViewsContextType<any>>;
46
47
  export default DataViewsContext;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-context/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrE;;GAEG;AACH,OAAO,KAAK,EACX,IAAI,EACJ,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,KAAK,oBAAoB,CAAE,IAAI,IAAK;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAE,YAAY,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IACzD,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAChB,KAAK,EAAE;QACN,IAAI,EAAE,IAAI,CAAC;KACX,GAAG,cAAc,CAAE,GAAG,CAAE,KACrB,YAAY,CAAC;IAClB,eAAe,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IAC9D,iBAAiB,EACd,CAAE,CAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,KAAM,IAAI,CAAE,GAC/C,KAAK,CAAC,SAAS,CAAE,cAAc,CAAE,CAAC;IACrC,cAAc,EAAE,gBAAgB,CAAC;IACjC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IAC/C,MAAM,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wBAAwB,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,gBAAgB,oDA2BnB,CAAC;AAEJ,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-context/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrE;;GAEG;AACH,OAAO,KAAK,EACX,IAAI,EACJ,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,KAAK,oBAAoB,CAAE,IAAI,IAAK;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAE,YAAY,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IACzD,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAChB,KAAK,EAAE;QACN,IAAI,EAAE,IAAI,CAAC;KACX,GAAG,cAAc,CAAE,GAAG,CAAE,KACrB,YAAY,CAAC;IAClB,eAAe,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IAC9D,iBAAiB,EACd,CAAE,CAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,KAAM,IAAI,CAAE,GAC/C,KAAK,CAAC,SAAS,CAAE,cAAc,CAAE,CAAC;IACrC,cAAc,EAAE,gBAAgB,CAAC;IACjC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IAC/C,MAAM,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wBAAwB,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,gBAAgB,oDA2BnB,CAAC;AAIJ,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-layout/index.tsx"],"names":[],"mappings":"AAkBA,KAAK,oBAAoB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA0C3E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-layout/index.tsx"],"names":[],"mappings":"AAkBA,KAAK,oBAAoB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA4C3E"}
@@ -0,0 +1,4 @@
1
+ import type { Action } from '../../types';
2
+ export declare function useIsMultiselectPicker<Item>(actions: Action<Item>[] | undefined): boolean | undefined;
3
+ export declare function DataViewsPickerFooter(): import("react").JSX.Element;
4
+ //# sourceMappingURL=footer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-picker/footer.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,wBAAgB,sBAAsB,CAAE,IAAI,EAC3C,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,GAAG,SAAS,uBAKrC;AA2GD,wBAAgB,qBAAqB,gCAuEpC"}
@@ -0,0 +1,55 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ReactNode } from 'react';
5
+ import { default as DataViewsFilters, FiltersToggle } from '../dataviews-filters';
6
+ import DataViewsLayout from '../dataviews-layout';
7
+ import { DataViewsPickerFooter } from './footer';
8
+ import DataViewsSearch from '../dataviews-search';
9
+ import { DataViewsPagination } from '../dataviews-pagination';
10
+ import { DataviewsViewConfigDropdown, ViewTypeMenu } from '../dataviews-view-config';
11
+ import type { ActionButton, Field, View, SupportedLayouts } from '../../types';
12
+ type ItemWithId = {
13
+ id: string;
14
+ };
15
+ type DataViewsPickerProps<Item> = {
16
+ view: View;
17
+ onChangeView: (view: View) => void;
18
+ fields: Field<Item>[];
19
+ actions?: ActionButton<Item>[];
20
+ search?: boolean;
21
+ searchLabel?: string;
22
+ data: Item[];
23
+ isLoading?: boolean;
24
+ paginationInfo: {
25
+ totalItems: number;
26
+ totalPages: number;
27
+ infiniteScrollHandler?: () => void;
28
+ };
29
+ defaultLayouts: SupportedLayouts;
30
+ selection: string[];
31
+ onChangeSelection: (items: string[]) => void;
32
+ children?: ReactNode;
33
+ config?: {
34
+ perPageSizes: number[];
35
+ };
36
+ itemListLabel?: string;
37
+ empty?: ReactNode;
38
+ } & (Item extends ItemWithId ? {
39
+ getItemId?: (item: Item) => string;
40
+ } : {
41
+ getItemId: (item: Item) => string;
42
+ });
43
+ declare function DataViewsPicker<Item>({ view, onChangeView, fields, search, searchLabel, actions, data, getItemId, isLoading, paginationInfo, defaultLayouts: defaultLayoutsProperty, selection, onChangeSelection, children, config, itemListLabel, empty, }: DataViewsPickerProps<Item>): import("react").JSX.Element | null;
44
+ declare const DataViewsPickerSubComponents: typeof DataViewsPicker & {
45
+ BulkActionToolbar: typeof DataViewsPickerFooter;
46
+ Filters: typeof DataViewsFilters;
47
+ FiltersToggle: typeof FiltersToggle;
48
+ Layout: typeof DataViewsLayout;
49
+ LayoutSwitcher: typeof ViewTypeMenu;
50
+ Pagination: typeof DataViewsPagination;
51
+ Search: typeof DataViewsSearch;
52
+ ViewConfig: typeof DataviewsViewConfigDropdown;
53
+ };
54
+ export default DataViewsPickerSubComponents;
55
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-picker/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,OAAO,EACN,OAAO,IAAI,gBAAgB,EAE3B,aAAa,EACb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAA4B,EAC3B,2BAA2B,EAC3B,YAAY,EACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/E,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAQjC,KAAK,oBAAoB,CAAE,IAAI,IAAK;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;KACnC,CAAC;IACF,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE;QACR,YAAY,EAAE,MAAM,EAAE,CAAC;KACvB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,GAAG,CAAE,IAAI,SAAS,UAAU,GAC1B;IAAE,SAAS,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,GACxC;IAAE,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,CAAE,CAAC;AAgD7C,iBAAS,eAAe,CAAE,IAAI,EAAI,EACjC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAqB,EACrB,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EAAE,sBAAsB,EACtC,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,MAA8C,EAC9C,aAAa,EACb,KAAK,GACL,EAAE,oBAAoB,CAAE,IAAI,CAAE,sCAyH9B;AAGD,QAAA,MAAM,4BAA4B,EACd,OAAO,eAAe,GAAG;IAC3C,iBAAiB,EAAE,OAAO,qBAAqB,CAAC;IAChD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,MAAM,EAAE,OAAO,eAAe,CAAC;IAC/B,cAAc,EAAE,OAAO,YAAY,CAAC;IACpC,UAAU,EAAE,OAAO,mBAAmB,CAAC;IACvC,MAAM,EAAE,OAAO,eAAe,CAAC;IAC/B,UAAU,EAAE,OAAO,2BAA2B,CAAC;CAC/C,CAAC;AAWH,eAAe,4BAA4B,CAAC"}
@@ -0,0 +1,42 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { Meta } from '@storybook/react';
5
+ /**
6
+ * Internal dependencies
7
+ */
8
+ import DataViewsPicker from '../index';
9
+ declare const meta: Meta<typeof DataViewsPicker>;
10
+ export default meta;
11
+ export declare const Default: {
12
+ ({ perPageSizes, isMultiselectable, isGrouped, infiniteScrollEnabled, }: {
13
+ perPageSizes: number[];
14
+ isMultiselectable: boolean;
15
+ isGrouped: boolean;
16
+ infiniteScrollEnabled: boolean;
17
+ }): import("react").JSX.Element;
18
+ args: {
19
+ perPageSizes: number[];
20
+ isMultiselectable: boolean;
21
+ isGrouped: boolean;
22
+ };
23
+ argTypes: {
24
+ isMultiselectable: {
25
+ control: string;
26
+ description: string;
27
+ };
28
+ perPageSizes: {
29
+ control: string;
30
+ description: string;
31
+ };
32
+ isGrouped: {
33
+ control: string;
34
+ description: string;
35
+ };
36
+ infiniteScrollEnabled: {
37
+ control: string;
38
+ description: string;
39
+ };
40
+ };
41
+ };
42
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAO7C;;GAEG;AACH,OAAO,eAAe,MAAM,UAAU,CAAC;AAUvC,QAAA,MAAM,IAAI,EAGL,IAAI,CAAE,OAAO,eAAe,CAAE,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;6EAKjB;QACF,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,SAAS,EAAE,OAAO,CAAC;QACnB,qBAAqB,EAAE,OAAO,CAAC;KAC/B;;;;;;;;;;;;;;;;;;;;;;;;CAsGA,CAAC"}
@@ -10,7 +10,8 @@ interface DataViewsSelectionCheckboxProps<Item> {
10
10
  getItemId: (item: Item) => string;
11
11
  titleField?: NormalizedField<Item>;
12
12
  disabled: boolean;
13
+ tabIndex?: number;
13
14
  }
14
- export default function DataViewsSelectionCheckbox<Item>({ selection, onChangeSelection, item, getItemId, titleField, disabled, }: DataViewsSelectionCheckboxProps<Item>): import("react").JSX.Element;
15
+ export default function DataViewsSelectionCheckbox<Item>({ selection, onChangeSelection, item, getItemId, titleField, disabled, ...extraProps }: DataViewsSelectionCheckboxProps<Item>): import("react").JSX.Element;
15
16
  export {};
16
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-selection-checkbox/index.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,+BAA+B,CAAE,IAAI;IAC9C,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,YAAY,CAAC;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,eAAe,CAAE,IAAI,CAAE,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAE,IAAI,EAAI,EAC3D,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,GACR,EAAE,+BAA+B,CAAE,IAAI,CAAE,+BA4BzC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-selection-checkbox/index.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,+BAA+B,CAAE,IAAI;IAC9C,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,YAAY,CAAC;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,eAAe,CAAE,IAAI,CAAE,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAE,IAAI,EAAI,EAC3D,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EACb,EAAE,+BAA+B,CAAE,IAAI,CAAE,+BA6BzC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-view-config/index.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,YAAY,uCA6D3B;AAuoBD,wBAAgB,2BAA2B,gCAqD1C;AAED,iBAAS,oBAAoB,gCAO5B;AAED,QAAA,MAAM,mBAAmB,kEAA+B,CAAC;AAEzD,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-view-config/index.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,YAAY,uCA8D3B;AAuoBD,wBAAgB,2BAA2B,gCAqD1C;AAED,iBAAS,oBAAoB,gCAO5B;AAED,QAAA,MAAM,mBAAmB,kEAA+B,CAAC;AAEzD,eAAe,mBAAmB,CAAC"}
@@ -50,4 +50,5 @@ export declare const sortIcons: {
50
50
  export declare const LAYOUT_TABLE = "table";
51
51
  export declare const LAYOUT_GRID = "grid";
52
52
  export declare const LAYOUT_LIST = "list";
53
+ export declare const LAYOUT_PICKER_GRID = "pickerGrid";
53
54
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAC9C,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAC7C,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AACnD,eAAO,MAAM,2BAA2B,oBAAoB,CAAC;AAC7D,eAAO,MAAM,8BAA8B,uBAAuB,CAAC;AACnE,eAAO,MAAM,eAAe,WAAW,CAAC;AACxC,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,mBAAmB,cAAc,CAAC;AAC/C,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAC7C,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAC5C,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AACnD,eAAO,MAAM,oBAAoB,eAAe,CAAC;AACjD,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAChD,eAAO,MAAM,aAAa,SAAS,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,QAAQ,EAuBnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,QAAQ,EAgBhD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAE,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyFvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,0BAA6B,CAAC;AAC7D,eAAO,MAAM,UAAU;;;CAA0B,CAAC;AAClD,eAAO,MAAM,UAAU;;;CAAoD,CAAC;AAC5E,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AACF,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAGF,eAAO,MAAM,YAAY,UAAU,CAAC;AACpC,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAC9C,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAC7C,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AACnD,eAAO,MAAM,2BAA2B,oBAAoB,CAAC;AAC7D,eAAO,MAAM,8BAA8B,uBAAuB,CAAC;AACnE,eAAO,MAAM,eAAe,WAAW,CAAC;AACxC,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,mBAAmB,cAAc,CAAC;AAC/C,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAC7C,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAC5C,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AACnD,eAAO,MAAM,oBAAoB,eAAe,CAAC;AACjD,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAChD,eAAO,MAAM,aAAa,SAAS,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,QAAQ,EAuBnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,QAAQ,EAgBhD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAE,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyFvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,0BAA6B,CAAC;AAC7D,eAAO,MAAM,UAAU;;;CAA0B,CAAC;AAClD,eAAO,MAAM,UAAU;;;CAAoD,CAAC;AAC5E,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AACF,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAGF,eAAO,MAAM,YAAY,UAAU,CAAC;AACpC,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC;AAGlC,eAAO,MAAM,kBAAkB,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/checkbox.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAe9B"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/checkbox.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAyC9B"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { DataFormControlProps } from '../types';
5
+ export default function Color<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
6
+ //# sourceMappingURL=color.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/color.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAqDrD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA8D9B"}
@@ -1 +1 @@
1
- {"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/email.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAoD9B"}
1
+ {"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/email.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAa9B"}