@wordpress/dataviews 4.0.0 → 4.1.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 (214) hide show
  1. package/CHANGELOG.md +16 -5
  2. package/build/components/dataform/index.js +10 -61
  3. package/build/components/dataform/index.js.map +1 -1
  4. package/build/components/dataviews/index.js +16 -5
  5. package/build/components/dataviews/index.js.map +1 -1
  6. package/build/components/dataviews-bulk-actions/index.js +3 -0
  7. package/build/components/dataviews-bulk-actions/index.js.map +1 -1
  8. package/build/components/dataviews-filters/add-filter.js +34 -17
  9. package/build/components/dataviews-filters/add-filter.js.map +1 -1
  10. package/build/components/dataviews-filters/index.js +106 -43
  11. package/build/components/dataviews-filters/index.js.map +1 -1
  12. package/build/components/dataviews-layout/index.js +2 -2
  13. package/build/components/dataviews-layout/index.js.map +1 -1
  14. package/build/components/dataviews-search/index.js +8 -5
  15. package/build/components/dataviews-search/index.js.map +1 -1
  16. package/build/components/dataviews-view-config/index.js +225 -190
  17. package/build/components/dataviews-view-config/index.js.map +1 -1
  18. package/build/constants.js +6 -1
  19. package/build/constants.js.map +1 -1
  20. package/build/dataforms-layouts/index.js +24 -0
  21. package/build/dataforms-layouts/index.js.map +1 -0
  22. package/build/dataforms-layouts/panel/index.js +129 -0
  23. package/build/dataforms-layouts/panel/index.js.map +1 -0
  24. package/build/dataforms-layouts/regular/index.js +39 -0
  25. package/build/dataforms-layouts/regular/index.js.map +1 -0
  26. package/build/{layouts → dataviews-layouts}/grid/density-picker.js +1 -1
  27. package/build/dataviews-layouts/grid/density-picker.js.map +1 -0
  28. package/build/{layouts → dataviews-layouts}/grid/index.js +8 -8
  29. package/build/dataviews-layouts/grid/index.js.map +1 -0
  30. package/build/dataviews-layouts/index.js.map +1 -0
  31. package/build/dataviews-layouts/list/index.js.map +1 -0
  32. package/build/{layouts → dataviews-layouts}/table/column-header-menu.js +1 -1
  33. package/build/dataviews-layouts/table/column-header-menu.js.map +1 -0
  34. package/build/dataviews-layouts/table/index.js.map +1 -0
  35. package/build/field-types/index.js +46 -0
  36. package/build/field-types/index.js.map +1 -0
  37. package/build/field-types/integer.js +94 -0
  38. package/build/field-types/integer.js.map +1 -0
  39. package/build/field-types/text.js +87 -0
  40. package/build/field-types/text.js.map +1 -0
  41. package/build/filter-and-sort-data-view.js +2 -11
  42. package/build/filter-and-sort-data-view.js.map +1 -1
  43. package/build/index.js +9 -2
  44. package/build/index.js.map +1 -1
  45. package/build/normalize-fields.js +35 -1
  46. package/build/normalize-fields.js.map +1 -1
  47. package/build/types.js.map +1 -1
  48. package/build/validation.js +22 -0
  49. package/build/validation.js.map +1 -0
  50. package/build-module/components/dataform/index.js +10 -61
  51. package/build-module/components/dataform/index.js.map +1 -1
  52. package/build-module/components/dataviews/index.js +14 -5
  53. package/build-module/components/dataviews/index.js.map +1 -1
  54. package/build-module/components/dataviews-bulk-actions/index.js +3 -0
  55. package/build-module/components/dataviews-bulk-actions/index.js.map +1 -1
  56. package/build-module/components/dataviews-filters/add-filter.js +33 -17
  57. package/build-module/components/dataviews-filters/add-filter.js.map +1 -1
  58. package/build-module/components/dataviews-filters/index.js +105 -45
  59. package/build-module/components/dataviews-filters/index.js.map +1 -1
  60. package/build-module/components/dataviews-layout/index.js +1 -1
  61. package/build-module/components/dataviews-layout/index.js.map +1 -1
  62. package/build-module/components/dataviews-search/index.js +8 -5
  63. package/build-module/components/dataviews-search/index.js.map +1 -1
  64. package/build-module/components/dataviews-view-config/index.js +228 -193
  65. package/build-module/components/dataviews-view-config/index.js.map +1 -1
  66. package/build-module/constants.js +5 -0
  67. package/build-module/constants.js.map +1 -1
  68. package/build-module/dataforms-layouts/index.js +16 -0
  69. package/build-module/dataforms-layouts/index.js.map +1 -0
  70. package/build-module/dataforms-layouts/panel/index.js +124 -0
  71. package/build-module/dataforms-layouts/panel/index.js.map +1 -0
  72. package/build-module/dataforms-layouts/regular/index.js +32 -0
  73. package/build-module/dataforms-layouts/regular/index.js.map +1 -0
  74. package/build-module/{layouts → dataviews-layouts}/grid/density-picker.js +2 -2
  75. package/build-module/dataviews-layouts/grid/density-picker.js.map +1 -0
  76. package/build-module/{layouts → dataviews-layouts}/grid/index.js +8 -8
  77. package/build-module/dataviews-layouts/grid/index.js.map +1 -0
  78. package/build-module/dataviews-layouts/index.js.map +1 -0
  79. package/build-module/dataviews-layouts/list/index.js.map +1 -0
  80. package/build-module/{layouts → dataviews-layouts}/table/column-header-menu.js +1 -1
  81. package/build-module/dataviews-layouts/table/column-header-menu.js.map +1 -0
  82. package/build-module/dataviews-layouts/table/index.js.map +1 -0
  83. package/build-module/field-types/index.js +40 -0
  84. package/build-module/field-types/index.js.map +1 -0
  85. package/build-module/field-types/integer.js +87 -0
  86. package/build-module/field-types/integer.js.map +1 -0
  87. package/build-module/field-types/text.js +80 -0
  88. package/build-module/field-types/text.js.map +1 -0
  89. package/build-module/filter-and-sort-data-view.js +2 -11
  90. package/build-module/filter-and-sort-data-view.js.map +1 -1
  91. package/build-module/index.js +2 -1
  92. package/build-module/index.js.map +1 -1
  93. package/build-module/normalize-fields.js +34 -2
  94. package/build-module/normalize-fields.js.map +1 -1
  95. package/build-module/types.js.map +1 -1
  96. package/build-module/validation.js +15 -0
  97. package/build-module/validation.js.map +1 -0
  98. package/build-style/style-rtl.css +175 -6
  99. package/build-style/style.css +175 -6
  100. package/build-types/components/dataform/index.d.ts +2 -13
  101. package/build-types/components/dataform/index.d.ts.map +1 -1
  102. package/build-types/components/dataform/stories/index.story.d.ts +12 -1
  103. package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
  104. package/build-types/components/dataviews/index.d.ts.map +1 -1
  105. package/build-types/components/dataviews/stories/fixtures.d.ts +6 -0
  106. package/build-types/components/dataviews/stories/fixtures.d.ts.map +1 -1
  107. package/build-types/components/dataviews-bulk-actions/index.d.ts.map +1 -1
  108. package/build-types/components/dataviews-filters/add-filter.d.ts +3 -0
  109. package/build-types/components/dataviews-filters/add-filter.d.ts.map +1 -1
  110. package/build-types/components/dataviews-filters/index.d.ts +11 -1
  111. package/build-types/components/dataviews-filters/index.d.ts.map +1 -1
  112. package/build-types/components/dataviews-search/index.d.ts.map +1 -1
  113. package/build-types/components/dataviews-view-config/index.d.ts +1 -1
  114. package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
  115. package/build-types/constants.d.ts +4 -0
  116. package/build-types/constants.d.ts.map +1 -1
  117. package/build-types/dataforms-layouts/index.d.ts +9 -0
  118. package/build-types/dataforms-layouts/index.d.ts.map +1 -0
  119. package/build-types/dataforms-layouts/panel/index.d.ts +3 -0
  120. package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -0
  121. package/build-types/dataforms-layouts/regular/index.d.ts +3 -0
  122. package/build-types/dataforms-layouts/regular/index.d.ts.map +1 -0
  123. package/build-types/dataviews-layouts/grid/density-picker.d.ts.map +1 -0
  124. package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -0
  125. package/build-types/dataviews-layouts/index.d.ts.map +1 -0
  126. package/build-types/dataviews-layouts/list/index.d.ts.map +1 -0
  127. package/build-types/dataviews-layouts/table/column-header-menu.d.ts.map +1 -0
  128. package/build-types/dataviews-layouts/table/index.d.ts.map +1 -0
  129. package/build-types/field-types/index.d.ts +20 -0
  130. package/build-types/field-types/index.d.ts.map +1 -0
  131. package/build-types/field-types/integer.d.ts +14 -0
  132. package/build-types/field-types/integer.d.ts.map +1 -0
  133. package/build-types/field-types/text.d.ts +14 -0
  134. package/build-types/field-types/text.d.ts.map +1 -0
  135. package/build-types/filter-and-sort-data-view.d.ts.map +1 -1
  136. package/build-types/index.d.ts +2 -1
  137. package/build-types/index.d.ts.map +1 -1
  138. package/build-types/normalize-fields.d.ts +0 -3
  139. package/build-types/normalize-fields.d.ts.map +1 -1
  140. package/build-types/types.d.ts +38 -3
  141. package/build-types/types.d.ts.map +1 -1
  142. package/build-types/validation.d.ts +3 -0
  143. package/build-types/validation.d.ts.map +1 -0
  144. package/package.json +12 -11
  145. package/src/components/dataform/index.tsx +8 -97
  146. package/src/components/dataform/stories/index.story.tsx +40 -3
  147. package/src/components/dataviews/index.tsx +20 -8
  148. package/src/components/dataviews/stories/fixtures.js +1 -0
  149. package/src/components/dataviews/style.scss +5 -2
  150. package/src/components/dataviews-bulk-actions/index.tsx +5 -0
  151. package/src/components/dataviews-filters/add-filter.tsx +37 -21
  152. package/src/components/dataviews-filters/index.tsx +149 -61
  153. package/src/components/dataviews-filters/style.scss +30 -0
  154. package/src/components/dataviews-layout/index.tsx +1 -1
  155. package/src/components/dataviews-search/index.tsx +8 -5
  156. package/src/components/dataviews-view-config/index.tsx +272 -258
  157. package/src/components/dataviews-view-config/style.scss +44 -0
  158. package/src/constants.ts +5 -0
  159. package/src/dataforms-layouts/index.tsx +20 -0
  160. package/src/dataforms-layouts/panel/index.tsx +164 -0
  161. package/src/dataforms-layouts/panel/style.scss +59 -0
  162. package/src/dataforms-layouts/regular/index.tsx +41 -0
  163. package/src/{layouts → dataviews-layouts}/grid/density-picker.tsx +2 -2
  164. package/src/{layouts → dataviews-layouts}/grid/index.tsx +8 -8
  165. package/src/{layouts → dataviews-layouts}/grid/style.scss +29 -0
  166. package/src/{layouts → dataviews-layouts}/list/style.scss +4 -1
  167. package/src/{layouts → dataviews-layouts}/table/column-header-menu.tsx +1 -1
  168. package/src/field-types/index.tsx +45 -0
  169. package/src/field-types/integer.tsx +103 -0
  170. package/src/field-types/text.tsx +95 -0
  171. package/src/filter-and-sort-data-view.ts +1 -15
  172. package/src/index.ts +2 -1
  173. package/src/normalize-fields.ts +44 -3
  174. package/src/style.scss +6 -3
  175. package/src/test/filter-and-sort-data-view.js +46 -3
  176. package/src/test/validation.ts +131 -0
  177. package/src/types.ts +50 -3
  178. package/src/validation.ts +18 -0
  179. package/tsconfig.json +2 -1
  180. package/tsconfig.tsbuildinfo +1 -1
  181. package/build/layouts/grid/density-picker.js.map +0 -1
  182. package/build/layouts/grid/index.js.map +0 -1
  183. package/build/layouts/index.js.map +0 -1
  184. package/build/layouts/list/index.js.map +0 -1
  185. package/build/layouts/table/column-header-menu.js.map +0 -1
  186. package/build/layouts/table/index.js.map +0 -1
  187. package/build-module/layouts/grid/density-picker.js.map +0 -1
  188. package/build-module/layouts/grid/index.js.map +0 -1
  189. package/build-module/layouts/index.js.map +0 -1
  190. package/build-module/layouts/list/index.js.map +0 -1
  191. package/build-module/layouts/table/column-header-menu.js.map +0 -1
  192. package/build-module/layouts/table/index.js.map +0 -1
  193. package/build-types/layouts/grid/density-picker.d.ts.map +0 -1
  194. package/build-types/layouts/grid/index.d.ts.map +0 -1
  195. package/build-types/layouts/index.d.ts.map +0 -1
  196. package/build-types/layouts/list/index.d.ts.map +0 -1
  197. package/build-types/layouts/table/column-header-menu.d.ts.map +0 -1
  198. package/build-types/layouts/table/index.d.ts.map +0 -1
  199. /package/build/{layouts → dataviews-layouts}/index.js +0 -0
  200. /package/build/{layouts → dataviews-layouts}/list/index.js +0 -0
  201. /package/build/{layouts → dataviews-layouts}/table/index.js +0 -0
  202. /package/build-module/{layouts → dataviews-layouts}/index.js +0 -0
  203. /package/build-module/{layouts → dataviews-layouts}/list/index.js +0 -0
  204. /package/build-module/{layouts → dataviews-layouts}/table/index.js +0 -0
  205. /package/build-types/{layouts → dataviews-layouts}/grid/density-picker.d.ts +0 -0
  206. /package/build-types/{layouts → dataviews-layouts}/grid/index.d.ts +0 -0
  207. /package/build-types/{layouts → dataviews-layouts}/index.d.ts +0 -0
  208. /package/build-types/{layouts → dataviews-layouts}/list/index.d.ts +0 -0
  209. /package/build-types/{layouts → dataviews-layouts}/table/column-header-menu.d.ts +0 -0
  210. /package/build-types/{layouts → dataviews-layouts}/table/index.d.ts +0 -0
  211. /package/src/{layouts → dataviews-layouts}/index.ts +0 -0
  212. /package/src/{layouts → dataviews-layouts}/list/index.tsx +0 -0
  213. /package/src/{layouts → dataviews-layouts}/table/index.tsx +0 -0
  214. /package/src/{layouts → dataviews-layouts}/table/style.scss +0 -0
@@ -33,6 +33,9 @@
33
33
  * Grid System.
34
34
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
35
35
  */
36
+ /**
37
+ * Radius scale.
38
+ */
36
39
  /**
37
40
  * Dimensions.
38
41
  */
@@ -115,7 +118,8 @@
115
118
  flex-direction: column;
116
119
  }
117
120
 
118
- .dataviews__view-actions {
121
+ .dataviews__view-actions,
122
+ .dataviews-filters__container {
119
123
  box-sizing: border-box;
120
124
  padding: 16px 48px;
121
125
  flex-shrink: 0;
@@ -124,12 +128,14 @@
124
128
  transition: padding ease-out 0.1s;
125
129
  }
126
130
  @media (prefers-reduced-motion: reduce) {
127
- .dataviews__view-actions {
131
+ .dataviews__view-actions,
132
+ .dataviews-filters__container {
128
133
  transition-duration: 0s;
129
134
  transition-delay: 0s;
130
135
  }
131
136
  }
132
- .dataviews__view-actions .components-search-control .components-base-control__field {
137
+ .dataviews__view-actions .components-search-control .components-base-control__field,
138
+ .dataviews-filters__container .components-search-control .components-base-control__field {
133
139
  max-width: 240px;
134
140
  }
135
141
 
@@ -203,10 +209,12 @@
203
209
 
204
210
  /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
205
211
  @container (max-width: 430px) {
206
- .dataviews__view-actions {
212
+ .dataviews__view-actions,
213
+ .dataviews-filters__container {
207
214
  padding: 12px 24px;
208
215
  }
209
- .dataviews__view-actions .components-search-control .components-base-control__field {
216
+ .dataviews__view-actions .components-search-control .components-base-control__field,
217
+ .dataviews-filters__container .components-search-control .components-base-control__field {
210
218
  max-width: 112px;
211
219
  }
212
220
 
@@ -270,6 +278,10 @@
270
278
  position: relative;
271
279
  }
272
280
 
281
+ .dataviews-filters__container {
282
+ padding-top: 0;
283
+ }
284
+
273
285
  .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
274
286
  opacity: 0;
275
287
  }
@@ -503,6 +515,33 @@
503
515
  width: 24px;
504
516
  }
505
517
 
518
+ .dataviews-filters__container-visibility-toggle {
519
+ position: relative;
520
+ flex-shrink: 0;
521
+ }
522
+
523
+ .dataviews-filters-toggle__count {
524
+ position: absolute;
525
+ top: 0;
526
+ right: 0;
527
+ transform: translate(50%, -50%);
528
+ background: var(--wp-admin-theme-color, #3858e9);
529
+ height: 16px;
530
+ min-width: 16px;
531
+ line-height: 16px;
532
+ padding: 0 4px;
533
+ text-align: center;
534
+ border-radius: 8px;
535
+ font-size: 11px;
536
+ outline: var(--wp-admin-border-width-focus) solid #fff;
537
+ color: #fff;
538
+ }
539
+
540
+ .dataviews-search {
541
+ width: -moz-fit-content;
542
+ width: fit-content;
543
+ }
544
+
506
545
  .dataviews-pagination {
507
546
  position: sticky;
508
547
  bottom: 0;
@@ -552,6 +591,50 @@
552
591
  margin: 0;
553
592
  }
554
593
 
594
+ .dataviews-view-config {
595
+ width: 320px;
596
+ /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
597
+ container-type: inline-size;
598
+ padding: 16px;
599
+ }
600
+
601
+ .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
602
+ text-transform: uppercase;
603
+ }
604
+
605
+ .dataviews-settings-section__title.dataviews-settings-section__title {
606
+ line-height: 24px;
607
+ font-size: 15px;
608
+ }
609
+
610
+ .dataviews-settings-section__sidebar {
611
+ grid-column: span 4;
612
+ }
613
+
614
+ .dataviews-settings-section__content,
615
+ .dataviews-settings-section__content > * {
616
+ grid-column: span 8;
617
+ }
618
+
619
+ .dataviews-settings-section__content .is-divided-in-two {
620
+ display: contents;
621
+ }
622
+ .dataviews-settings-section__content .is-divided-in-two > * {
623
+ grid-column: span 4;
624
+ }
625
+
626
+ /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
627
+ @container (max-width: 500px) {
628
+ .dataviews-settings-section.dataviews-settings-section {
629
+ grid-template-columns: repeat(2, 1fr);
630
+ }
631
+ .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
632
+ grid-column: span 2;
633
+ }
634
+ .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
635
+ grid-column: span 2;
636
+ }
637
+ }
555
638
  .dataviews-view-grid {
556
639
  margin-bottom: auto;
557
640
  grid-template-rows: max-content;
@@ -567,6 +650,7 @@
567
650
  .dataviews-view-grid .dataviews-view-grid__card {
568
651
  height: 100%;
569
652
  justify-content: flex-start;
653
+ position: relative;
570
654
  }
571
655
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
572
656
  padding: 8px 0 4px;
@@ -577,6 +661,10 @@
577
661
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
578
662
  color: #1e1e1e;
579
663
  }
664
+ .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
665
+ background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
666
+ box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
667
+ }
580
668
  .dataviews-view-grid .dataviews-view-grid__media {
581
669
  width: 100%;
582
670
  min-height: 200px;
@@ -609,10 +697,18 @@
609
697
  .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
610
698
  padding: 0 0 12px;
611
699
  }
700
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
701
+ min-height: 24px;
702
+ line-height: 20px;
703
+ padding-top: 2px;
704
+ }
612
705
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
613
706
  align-items: flex-start;
614
707
  min-height: 24px;
615
708
  }
709
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
710
+ display: none;
711
+ }
616
712
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) {
617
713
  align-items: center;
618
714
  }
@@ -679,6 +775,19 @@
679
775
  display: none;
680
776
  }
681
777
 
778
+ .dataviews-view-grid__card .dataviews-selection-checkbox {
779
+ position: absolute;
780
+ top: -9999em;
781
+ left: 8px;
782
+ z-index: 1;
783
+ }
784
+
785
+ .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
786
+ .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
787
+ .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
788
+ top: 8px;
789
+ }
790
+
682
791
  .dataviews-view-list {
683
792
  margin: 0 0 auto;
684
793
  }
@@ -819,7 +928,10 @@
819
928
  display: none;
820
929
  }
821
930
  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
822
- line-height: 24px;
931
+ min-height: 24px;
932
+ line-height: 20px;
933
+ display: flex;
934
+ align-items: center;
823
935
  }
824
936
  .dataviews-view-list + .dataviews-pagination {
825
937
  justify-content: space-between;
@@ -994,4 +1106,61 @@
994
1106
  .dataviews-view-table-selection-checkbox {
995
1107
  --checkbox-input-size: 16px;
996
1108
  }
1109
+ }
1110
+
1111
+ .dataforms-layouts-panel__field {
1112
+ width: 100%;
1113
+ min-height: 32px;
1114
+ justify-content: flex-start !important;
1115
+ align-items: flex-start !important;
1116
+ }
1117
+
1118
+ .dataforms-layouts-panel__field-label {
1119
+ width: 38%;
1120
+ flex-shrink: 0;
1121
+ min-height: 32px;
1122
+ display: flex;
1123
+ align-items: center;
1124
+ padding: 6px 0;
1125
+ line-height: 20px;
1126
+ -webkit-hyphens: auto;
1127
+ hyphens: auto;
1128
+ }
1129
+
1130
+ .dataforms-layouts-panel__field-control {
1131
+ flex-grow: 1;
1132
+ min-height: 32px;
1133
+ display: flex;
1134
+ align-items: center;
1135
+ }
1136
+ .dataforms-layouts-panel__field-control .components-button {
1137
+ max-width: 100%;
1138
+ text-align: left;
1139
+ white-space: normal;
1140
+ text-wrap: balance;
1141
+ text-wrap: pretty;
1142
+ min-height: 32px;
1143
+ }
1144
+ .dataforms-layouts-panel__field-control .components-dropdown {
1145
+ max-width: 100%;
1146
+ }
1147
+
1148
+ .dataforms-layouts-panel__field-dropdown .components-popover__content {
1149
+ min-width: 320px;
1150
+ padding: 16px;
1151
+ }
1152
+
1153
+ .dataforms-layouts-panel__dropdown-header {
1154
+ margin-bottom: 16px;
1155
+ }
1156
+
1157
+ [class].dataforms-layouts-panel__dropdown-header-action {
1158
+ height: 24px;
1159
+ }
1160
+ [class].dataforms-layouts-panel__dropdown-header-action.has-icon {
1161
+ min-width: 24px;
1162
+ padding: 0;
1163
+ }
1164
+ [class].dataforms-layouts-panel__dropdown-header-action:not(.has-icon) {
1165
+ text-decoration: underline;
997
1166
  }
@@ -1,17 +1,6 @@
1
- /**
2
- * External dependencies
3
- */
4
- import type { Dispatch, SetStateAction } from 'react';
5
1
  /**
6
2
  * Internal dependencies
7
3
  */
8
- import type { Form, Field } from '../../types';
9
- type DataFormProps<Item> = {
10
- data: Item;
11
- fields: Field<Item>[];
12
- form: Form;
13
- onChange: Dispatch<SetStateAction<Item>>;
14
- };
15
- export default function DataForm<Item>({ data, fields, form, onChange, }: DataFormProps<Item>): (import("react").JSX.Element | null)[];
16
- export {};
4
+ import type { DataFormProps } from '../../types';
5
+ export default function DataForm<Item>({ form, ...props }: DataFormProps<Item>): import("react").JSX.Element | null;
17
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQtD;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAmB,MAAM,aAAa,CAAC;AAGhE,KAAK,aAAa,CAAE,IAAI,IAAK;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,QAAQ,CAAE,cAAc,CAAE,IAAI,CAAE,CAAE,CAAC;CAC7C,CAAC;AAwDF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,GACR,EAAE,aAAa,CAAE,IAAI,CAAE,0CAsBvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,GAAG,KAAK,EACR,EAAE,aAAa,CAAE,IAAI,CAAE,sCAOvB"}
@@ -5,7 +5,18 @@ import DataForm from '../index';
5
5
  declare const meta: {
6
6
  title: string;
7
7
  component: typeof DataForm;
8
+ argTypes: {
9
+ type: {
10
+ control: {
11
+ type: string;
12
+ };
13
+ description: string;
14
+ options: string[];
15
+ };
16
+ };
8
17
  };
9
18
  export default meta;
10
- export declare const Default: () => import("react").JSX.Element;
19
+ export declare const Default: ({ type }: {
20
+ type: "panel" | "regular";
21
+ }) => import("react").JSX.Element;
11
22
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform/stories/index.story.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,QAAA,MAAM,IAAI;;;CAGT,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,OAAO,mCAiBnB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform/stories/index.story.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;;;;;;CAWT,CAAC;AACF,eAAe,IAAI,CAAC;AAiCpB,eAAO,MAAM,OAAO,aAAe;IAAE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,gCAuB/D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKzE,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,KAAK,cAAc,CAAE,IAAI,IAAK;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,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;AAI7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EACjB,MAAM,GACN,EAAE,cAAc,CAAE,IAAI,CAAE,+BAgFxB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKzE,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,KAAK,cAAc,CAAE,IAAI,IAAK;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,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;AAI7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EACjB,MAAM,GACN,EAAE,cAAc,CAAE,IAAI,CAAE,+BAwFxB"}
@@ -46,6 +46,7 @@ export const fields: ({
46
46
  enableHiding?: undefined;
47
47
  enableGlobalSearch?: undefined;
48
48
  elements?: undefined;
49
+ type?: undefined;
49
50
  filterBy?: undefined;
50
51
  getValue?: undefined;
51
52
  } | {
@@ -56,6 +57,7 @@ export const fields: ({
56
57
  render?: undefined;
57
58
  enableSorting?: undefined;
58
59
  elements?: undefined;
60
+ type?: undefined;
59
61
  filterBy?: undefined;
60
62
  getValue?: undefined;
61
63
  } | {
@@ -69,11 +71,13 @@ export const fields: ({
69
71
  render?: undefined;
70
72
  enableSorting?: undefined;
71
73
  enableGlobalSearch?: undefined;
74
+ type?: undefined;
72
75
  filterBy?: undefined;
73
76
  getValue?: undefined;
74
77
  } | {
75
78
  label: string;
76
79
  id: string;
80
+ type: string;
77
81
  enableSorting: boolean;
78
82
  render?: undefined;
79
83
  enableHiding?: undefined;
@@ -89,6 +93,7 @@ export const fields: ({
89
93
  render?: undefined;
90
94
  enableHiding?: undefined;
91
95
  elements?: undefined;
96
+ type?: undefined;
92
97
  filterBy?: undefined;
93
98
  getValue?: undefined;
94
99
  } | {
@@ -110,6 +115,7 @@ export const fields: ({
110
115
  enableSorting: boolean;
111
116
  enableHiding?: undefined;
112
117
  enableGlobalSearch?: undefined;
118
+ type?: undefined;
113
119
  })[];
114
120
  import { LAYOUT_TABLE } from '../../../constants';
115
121
  //# sourceMappingURL=fixtures.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/fixtures.js"],"names":[],"mappings":"AAgBA;;;;;;;;IAoGE;;;;;;;;;;AAYF;;;;;;;;;;;;;;;;;;;KA8BE;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DE;6BA9M2B,oBAAoB"}
1
+ {"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/fixtures.js"],"names":[],"mappings":"AAgBA;;;;;;;;IAoGE;;;;;;;;;;AAYF;;;;;;;;;;;;;;;;;;;KA8BE;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6DE;6BA/M2B,oBAAoB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-bulk-actions/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AA4BvD,wBAAgB,yBAAyB,CAAE,IAAI,EAC9C,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,WAUV;AAED,wBAAgB,iCAAiC,CAAE,IAAI,EACtD,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,EAAE,WAYZ;AAmND,MAAM,CAAC,OAAO,UAAU,WAAW,uCAclC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-bulk-actions/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AA4BvD,wBAAgB,yBAAyB,CAAE,IAAI,EAC9C,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,WAUV;AAED,wBAAgB,iCAAiC,CAAE,IAAI,EACtD,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,EAAE,WAYZ;AAwND,MAAM,CAAC,OAAO,UAAU,WAAW,uCAclC"}
@@ -5,6 +5,9 @@ interface AddFilterProps {
5
5
  onChangeView: (view: View) => void;
6
6
  setOpenedFilter: (filter: string | null) => void;
7
7
  }
8
+ export declare function AddFilterDropdownMenu({ filters, view, onChangeView, setOpenedFilter, trigger, }: AddFilterProps & {
9
+ trigger: React.ReactNode;
10
+ }): import("react").JSX.Element;
8
11
  declare const _default: import("react").ForwardRefExoticComponent<AddFilterProps & import("react").RefAttributes<HTMLButtonElement>>;
9
12
  export default _default;
10
13
  //# sourceMappingURL=add-filter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"add-filter.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/add-filter.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQ1D,UAAU,cAAc;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,eAAe,EAAE,CAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CACnD;;AAuDD,wBAAuC"}
1
+ {"version":3,"file":"add-filter.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/add-filter.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQ1D,UAAU,cAAc;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,eAAe,EAAE,CAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CACnD;AAED,wBAAgB,qBAAqB,CAAE,EACtC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,OAAO,GACP,EAAE,cAAc,GAAG;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,+BAgCA;;AA6BD,wBAAuC"}
@@ -1,4 +1,14 @@
1
- declare function Filters(): import("react").JSX.Element;
1
+ import type { NormalizedFilter, NormalizedField, View } from '../../types';
2
+ export declare function useFilters(fields: NormalizedField<any>[], view: View): NormalizedFilter[];
3
+ export declare function FilterVisibilityToggle({ filters, view, onChangeView, setOpenedFilter, isShowingFilter, setIsShowingFilter, }: {
4
+ filters: NormalizedFilter[];
5
+ view: View;
6
+ onChangeView: (view: View) => void;
7
+ setOpenedFilter: (filter: string | null) => void;
8
+ isShowingFilter: boolean;
9
+ setIsShowingFilter: React.Dispatch<React.SetStateAction<boolean>>;
10
+ }): import("react").JSX.Element;
11
+ declare function Filters(): import("react").JSX.Element | null;
2
12
  declare const _default: import("react").MemoExoticComponent<typeof Filters>;
3
13
  export default _default;
4
14
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/index.tsx"],"names":[],"mappings":"AAiBA,iBAAS,OAAO,gCA2Ff;;AAED,wBAA+B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE3E,wBAAgB,UAAU,CAAE,MAAM,EAAE,eAAe,CAAE,GAAG,CAAE,EAAE,EAAE,IAAI,EAAE,IAAI,sBA6CvE;AAED,wBAAgB,sBAAsB,CAAE,EACvC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,GAClB,EAAE;IACF,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,eAAe,EAAE,CAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IACnD,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,cAAc,CAAE,OAAO,CAAE,CAAE,CAAC;CACtE,+BAsDA;AAED,iBAAS,OAAO,uCAsDf;;AAED,wBAA+B"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-search/index.tsx"],"names":[],"mappings":"AAaA,UAAU,WAAW;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,eAAe,mDAgClB,CAAC;AAEJ,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-search/index.tsx"],"names":[],"mappings":"AAaA,UAAU,WAAW;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,eAAe,mDAmClB,CAAC;AAEJ,eAAe,eAAe,CAAC"}
@@ -2,7 +2,7 @@ import type { SupportedLayouts } from '../../types';
2
2
  interface ViewActionsProps {
3
3
  defaultLayouts?: SupportedLayouts;
4
4
  }
5
- declare function _DataViewsViewConfig({ defaultLayouts }: ViewActionsProps): import("react").JSX.Element;
5
+ declare function _DataViewsViewConfig({ defaultLayouts, }: ViewActionsProps): import("react").JSX.Element;
6
6
  declare const DataViewsViewConfig: import("react").MemoExoticComponent<typeof _DataViewsViewConfig>;
7
7
  export default DataViewsViewConfig;
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-view-config/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAyB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAmC3E,UAAU,gBAAgB;IACzB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CAClC;AA8ND,iBAAS,oBAAoB,CAAE,EAAE,cAAc,EAAE,EAAE,gBAAgB,+BAyDlE;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":"AAkCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAqEpD,UAAU,gBAAgB;IACzB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CAClC;AA0ND,iBAAS,oBAAoB,CAAE,EAC9B,cAAkD,GAClD,EAAE,gBAAgB,+BA4BlB;AAED,QAAA,MAAM,mBAAmB,kEAA+B,CAAC;AAEzD,eAAe,mBAAmB,CAAC"}
@@ -26,6 +26,10 @@ export declare const sortLabels: {
26
26
  asc: string;
27
27
  desc: string;
28
28
  };
29
+ export declare const sortIcons: {
30
+ asc: import("react").JSX.Element;
31
+ desc: import("react").JSX.Element;
32
+ };
29
33
  export declare const LAYOUT_TABLE = "table";
30
34
  export declare const LAYOUT_GRID = "grid";
31
35
  export declare const LAYOUT_LIST = "list";
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAKA;;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;AAE9C,eAAO,MAAM,aAAa,UAOzB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAE,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyBvE,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;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;AAE9C,eAAO,MAAM,aAAa,UAOzB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAE,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyBvE,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"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import FormRegular from './regular';
5
+ export declare function getFormLayout(type: string): {
6
+ type: string;
7
+ component: typeof FormRegular;
8
+ } | undefined;
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dataforms-layouts/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,WAAW,MAAM,WAAW,CAAC;AAcpC,wBAAgB,aAAa,CAAE,IAAI,EAAE,MAAM;;;cAE1C"}
@@ -0,0 +1,3 @@
1
+ import type { DataFormProps } from '../../types';
2
+ export default function FormPanel<Item>({ data, fields, form, onChange, }: DataFormProps<Item>): import("react").JSX.Element;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataforms-layouts/panel/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAC;AAoHlE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,GACR,EAAE,aAAa,CAAE,IAAI,CAAE,+BAuBvB"}
@@ -0,0 +1,3 @@
1
+ import type { DataFormProps } from '../../types';
2
+ export default function FormRegular<Item>({ data, fields, form, onChange, }: DataFormProps<Item>): import("react").JSX.Element;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataforms-layouts/regular/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,EAAI,EAC5C,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,GACR,EAAE,aAAa,CAAE,IAAI,CAAE,+BAuBvB"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"density-picker.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/grid/density-picker.tsx"],"names":[],"mappings":"AAyDA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,EACtC,OAAO,EACP,UAAU,GACV,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,cAAc,CAAE,MAAM,CAAE,CAAE,CAAC;CAC7D,sCAwEA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/grid/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AA6I1E,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,OAAO,GACP,EAAE,aAAa,CAAE,IAAI,CAAE,+BA2EvB"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dataviews-layouts/index.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,SAAS,MAAM,SAAS,CAAC;AAChC,OAAO,QAAQ,MAAM,QAAQ,CAAC;AAC9B,OAAO,QAAQ,MAAM,QAAQ,CAAC;AAE9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;IAmBxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAE,IAAI,EAAE,IAAI,GAAI,MAAM,EAAE,CAwBzD"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/list/index.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAuR1E,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,KAAK,EAAE,aAAa,CAAE,IAAI,CAAE,+BAyGrE"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"column-header-menu.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/table/column-header-menu.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAkB,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAoB5E,OAAO,KAAK,EACX,eAAe,EAEf,SAAS,IAAI,aAAa,EAC1B,MAAM,aAAa,CAAC;AAWrB,UAAU,eAAe,CAAE,IAAI;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IAClC,YAAY,EAAE,CAAE,IAAI,EAAE,aAAa,KAAM,IAAI,CAAC;IAC9C,MAAM,EAAE,CAAE,KAAK,EAAE,eAAe,CAAE,IAAI,CAAE,KAAM,IAAI,CAAC;IACnD,eAAe,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;CAC7C;AAaD,QAAA,MAAM,WAAW,wGAyMd,CAAC;AAGJ,QAAA,MAAM,gBAAgB,EAAE,CAAE,IAAI,EAC7B,KAAK,EAAE,eAAe,CAAE,eAAe,CAAE,IAAI,CAAE,CAAE,GAChD,aAAa,CAAE,iBAAiB,CAAE,KAC/B,UAAU,CAAE,OAAO,WAAW,CAAgB,CAAC;AAEpD,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/table/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAIX,cAAc,EAEd,MAAM,aAAa,CAAC;AAsQrB,iBAAS,SAAS,CAAE,IAAI,EAAI,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,IAAI,GACJ,EAAE,cAAc,CAAE,IAAI,CAAE,2CA4JxB;AAED,eAAe,SAAS,CAAC"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { FieldType, SortDirection, ValidationContext } from '../types';
5
+ /**
6
+ *
7
+ * @param {FieldType} type The field type definition to get.
8
+ *
9
+ * @return A field type definition.
10
+ */
11
+ export default function getFieldTypeDefinition(type?: FieldType): {
12
+ sort: (valueA: any, valueB: any, direction: SortDirection) => any;
13
+ isValid: (value: any, context?: ValidationContext) => boolean;
14
+ Edit: <Item>({ data, field, onChange, hideLabelFromVision, }: import("../types").DataFormControlProps<Item>) => import("react").JSX.Element;
15
+ } | {
16
+ sort: (a: any, b: any, direction: SortDirection) => any;
17
+ isValid: (value: any, context?: ValidationContext) => boolean;
18
+ Edit: () => null;
19
+ };
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field-types/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI5E;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAE,IAAI,CAAC,EAAE,SAAS;;;;;cAUnD,GAAG,KAAK,GAAG,aAAa,aAAa;qBAS9B,GAAG,YAAY,iBAAiB;;EAYnD"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { SortDirection, ValidationContext, DataFormControlProps } from '../types';
5
+ declare function sort(a: any, b: any, direction: SortDirection): number;
6
+ declare function isValid(value: any, context?: ValidationContext): boolean;
7
+ declare function Edit<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
8
+ declare const _default: {
9
+ sort: typeof sort;
10
+ isValid: typeof isValid;
11
+ Edit: typeof Edit;
12
+ };
13
+ export default _default;
14
+ //# sourceMappingURL=integer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"integer.d.ts","sourceRoot":"","sources":["../../src/field-types/integer.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,MAAM,UAAU,CAAC;AAElB,iBAAS,IAAI,CAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,UAEtD;AAED,iBAAS,OAAO,CAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,iBAAiB,WAkBxD;AAED,iBAAS,IAAI,CAAE,IAAI,EAAI,EACtB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAgD9B;;;;;;AAED,wBAIE"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import type { SortDirection, ValidationContext, DataFormControlProps } from '../types';
5
+ declare function sort(valueA: any, valueB: any, direction: SortDirection): any;
6
+ declare function isValid(value: any, context?: ValidationContext): boolean;
7
+ declare function Edit<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
8
+ declare const _default: {
9
+ sort: typeof sort;
10
+ isValid: typeof isValid;
11
+ Edit: typeof Edit;
12
+ };
13
+ export default _default;
14
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/field-types/text.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,MAAM,UAAU,CAAC;AAElB,iBAAS,IAAI,CAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,OAIhE;AAED,iBAAS,OAAO,CAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,iBAAiB,WASxD;AAED,iBAAS,IAAI,CAAE,IAAI,EAAI,EACtB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAkD9B;;;;;;AAED,wBAIE"}
@@ -1 +1 @@
1
- {"version":3,"file":"filter-and-sort-data-view.d.ts","sourceRoot":"","sources":["../src/filter-and-sort-data-view.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ3C;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAE,IAAI,EAC1C,IAAI,EAAE,IAAI,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB;IACF,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,cAAc,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,CAyIA"}
1
+ {"version":3,"file":"filter-and-sort-data-view.d.ts","sourceRoot":"","sources":["../src/filter-and-sort-data-view.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ3C;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAE,IAAI,EAC1C,IAAI,EAAE,IAAI,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB;IACF,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,cAAc,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,CA2HA"}
@@ -1,6 +1,7 @@
1
1
  export { default as DataViews } from './components/dataviews';
2
2
  export { default as DataForm } from './components/dataform';
3
- export { VIEW_LAYOUTS } from './layouts';
3
+ export { VIEW_LAYOUTS } from './dataviews-layouts';
4
4
  export { filterSortAndPaginate } from './filter-and-sort-data-view';
5
5
  export type * from './types';
6
+ export { isItemValid } from './validation';
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,mBAAmB,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
@@ -1,6 +1,3 @@
1
- /**
2
- * Internal dependencies
3
- */
4
1
  import type { Field, NormalizedField } from './types';
5
2
  /**
6
3
  * Apply default values and normalize the fields config.
@@ -1 +1 @@
1
- {"version":3,"file":"normalize-fields.d.ts","sourceRoot":"","sources":["../src/normalize-fields.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAc,MAAM,SAAS,CAAC;AAElE;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,IAAI,EACpC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB,eAAe,CAAE,IAAI,CAAE,EAAE,CAa3B"}
1
+ {"version":3,"file":"normalize-fields.d.ts","sourceRoot":"","sources":["../src/normalize-fields.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,IAAI,EACpC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB,eAAe,CAAE,IAAI,CAAE,EAAE,CAqD3B"}