@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.
- package/CHANGELOG.md +24 -1
- package/README.md +96 -1
- package/build/components/dataform-context/index.js +1 -0
- package/build/components/dataform-context/index.js.map +1 -1
- package/build/components/dataviews/index.js +11 -1
- package/build/components/dataviews/index.js.map +1 -1
- package/build/components/dataviews-context/index.js +1 -0
- package/build/components/dataviews-context/index.js.map +1 -1
- package/build/components/dataviews-layout/index.js +2 -1
- package/build/components/dataviews-layout/index.js.map +1 -1
- package/build/components/dataviews-picker/footer.js +145 -0
- package/build/components/dataviews-picker/footer.js.map +1 -0
- package/build/components/dataviews-picker/index.js +201 -0
- package/build/components/dataviews-picker/index.js.map +1 -0
- package/build/components/dataviews-selection-checkbox/index.js +4 -2
- package/build/components/dataviews-selection-checkbox/index.js.map +1 -1
- package/build/components/dataviews-view-config/index.js +1 -0
- package/build/components/dataviews-view-config/index.js.map +1 -1
- package/build/constants.js +4 -1
- package/build/constants.js.map +1 -1
- package/build/dataform-controls/checkbox.js +23 -2
- package/build/dataform-controls/checkbox.js.map +1 -1
- package/build/dataform-controls/color.js +128 -0
- package/build/dataform-controls/color.js.map +1 -0
- package/build/dataform-controls/email.js +10 -45
- package/build/dataform-controls/email.js.map +1 -1
- package/build/dataform-controls/index.js +8 -2
- package/build/dataform-controls/index.js.map +1 -1
- package/build/dataform-controls/telephone.js +34 -0
- package/build/dataform-controls/telephone.js.map +1 -0
- package/build/dataform-controls/text.js +7 -48
- package/build/dataform-controls/text.js.map +1 -1
- package/build/dataform-controls/{boolean.js → toggle.js} +6 -4
- package/build/dataform-controls/toggle.js.map +1 -0
- package/build/dataform-controls/url.js +34 -0
- package/build/dataform-controls/url.js.map +1 -0
- package/build/dataform-controls/utils/validated-text.js +76 -0
- package/build/dataform-controls/utils/validated-text.js.map +1 -0
- package/build/dataforms-layouts/card/index.js +6 -7
- package/build/dataforms-layouts/card/index.js.map +1 -1
- package/build/dataforms-layouts/data-form-layout.js +16 -4
- package/build/dataforms-layouts/data-form-layout.js.map +1 -1
- package/build/dataforms-layouts/index.js +31 -1
- package/build/dataforms-layouts/index.js.map +1 -1
- package/build/dataforms-layouts/row/index.js +113 -0
- package/build/dataforms-layouts/row/index.js.map +1 -0
- package/build/dataviews-layouts/grid/index.js +16 -11
- package/build/dataviews-layouts/grid/index.js.map +1 -1
- package/build/dataviews-layouts/index.js +9 -1
- package/build/dataviews-layouts/index.js.map +1 -1
- package/build/dataviews-layouts/picker-grid/index.js +357 -0
- package/build/dataviews-layouts/picker-grid/index.js.map +1 -0
- package/build/dataviews-layouts/utils/grid-items.js +37 -0
- package/build/dataviews-layouts/utils/grid-items.js.map +1 -0
- package/build/dataviews-layouts/utils/preview-size-picker.js +81 -0
- package/build/dataviews-layouts/utils/preview-size-picker.js.map +1 -0
- package/build/field-types/boolean.js +1 -1
- package/build/field-types/boolean.js.map +1 -1
- package/build/field-types/color.js +113 -0
- package/build/field-types/color.js.map +1 -0
- package/build/field-types/index.js +12 -0
- package/build/field-types/index.js.map +1 -1
- package/build/field-types/telephone.js +57 -0
- package/build/field-types/telephone.js.map +1 -0
- package/build/field-types/url.js +57 -0
- package/build/field-types/url.js.map +1 -0
- package/build/normalize-form-fields.js +6 -0
- package/build/normalize-form-fields.js.map +1 -1
- package/build/types.js.map +1 -1
- package/build/validation.js +1 -1
- package/build/validation.js.map +1 -1
- package/build-module/components/dataform-context/index.js +1 -0
- package/build-module/components/dataform-context/index.js.map +1 -1
- package/build-module/components/dataviews/index.js +11 -1
- package/build-module/components/dataviews/index.js.map +1 -1
- package/build-module/components/dataviews-context/index.js +1 -0
- package/build-module/components/dataviews-context/index.js.map +1 -1
- package/build-module/components/dataviews-layout/index.js +2 -1
- package/build-module/components/dataviews-layout/index.js.map +1 -1
- package/build-module/components/dataviews-picker/footer.js +136 -0
- package/build-module/components/dataviews-picker/footer.js.map +1 -0
- package/build-module/components/dataviews-picker/index.js +191 -0
- package/build-module/components/dataviews-picker/index.js.map +1 -0
- package/build-module/components/dataviews-selection-checkbox/index.js +4 -2
- package/build-module/components/dataviews-selection-checkbox/index.js.map +1 -1
- package/build-module/components/dataviews-view-config/index.js +1 -0
- package/build-module/components/dataviews-view-config/index.js.map +1 -1
- package/build-module/constants.js +3 -0
- package/build-module/constants.js.map +1 -1
- package/build-module/dataform-controls/checkbox.js +25 -3
- package/build-module/dataform-controls/checkbox.js.map +1 -1
- package/build-module/dataform-controls/color.js +122 -0
- package/build-module/dataform-controls/color.js.map +1 -0
- package/build-module/dataform-controls/email.js +9 -45
- package/build-module/dataform-controls/email.js.map +1 -1
- package/build-module/dataform-controls/index.js +8 -2
- package/build-module/dataform-controls/index.js.map +1 -1
- package/build-module/dataform-controls/telephone.js +27 -0
- package/build-module/dataform-controls/telephone.js.map +1 -0
- package/build-module/dataform-controls/text.js +6 -48
- package/build-module/dataform-controls/text.js.map +1 -1
- package/build-module/dataform-controls/{boolean.js → toggle.js} +5 -3
- package/build-module/dataform-controls/toggle.js.map +1 -0
- package/build-module/dataform-controls/url.js +27 -0
- package/build-module/dataform-controls/url.js.map +1 -0
- package/build-module/dataform-controls/utils/validated-text.js +70 -0
- package/build-module/dataform-controls/utils/validated-text.js.map +1 -0
- package/build-module/dataforms-layouts/card/index.js +6 -7
- package/build-module/dataforms-layouts/card/index.js.map +1 -1
- package/build-module/dataforms-layouts/data-form-layout.js +14 -4
- package/build-module/dataforms-layouts/data-form-layout.js.map +1 -1
- package/build-module/dataforms-layouts/index.js +32 -1
- package/build-module/dataforms-layouts/index.js.map +1 -1
- package/build-module/dataforms-layouts/row/index.js +106 -0
- package/build-module/dataforms-layouts/row/index.js.map +1 -0
- package/build-module/dataviews-layouts/grid/index.js +16 -11
- package/build-module/dataviews-layouts/grid/index.js.map +1 -1
- package/build-module/dataviews-layouts/index.js +10 -2
- package/build-module/dataviews-layouts/index.js.map +1 -1
- package/build-module/dataviews-layouts/picker-grid/index.js +348 -0
- package/build-module/dataviews-layouts/picker-grid/index.js.map +1 -0
- package/build-module/dataviews-layouts/utils/grid-items.js +29 -0
- package/build-module/dataviews-layouts/utils/grid-items.js.map +1 -0
- package/build-module/dataviews-layouts/utils/preview-size-picker.js +73 -0
- package/build-module/dataviews-layouts/utils/preview-size-picker.js.map +1 -0
- package/build-module/field-types/boolean.js +1 -1
- package/build-module/field-types/boolean.js.map +1 -1
- package/build-module/field-types/color.js +107 -0
- package/build-module/field-types/color.js.map +1 -0
- package/build-module/field-types/index.js +12 -0
- package/build-module/field-types/index.js.map +1 -1
- package/build-module/field-types/telephone.js +51 -0
- package/build-module/field-types/telephone.js.map +1 -0
- package/build-module/field-types/url.js +51 -0
- package/build-module/field-types/url.js.map +1 -0
- package/build-module/normalize-form-fields.js +6 -0
- package/build-module/normalize-form-fields.js.map +1 -1
- package/build-module/types.js.map +1 -1
- package/build-module/validation.js +1 -1
- package/build-module/validation.js.map +1 -1
- package/build-style/style-rtl.css +252 -12
- package/build-style/style.css +252 -12
- package/build-types/components/dataform/stories/index.story.d.ts +19 -4
- package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataform-context/index.d.ts.map +1 -1
- package/build-types/components/dataviews/index.d.ts +1 -1
- package/build-types/components/dataviews/index.d.ts.map +1 -1
- package/build-types/components/dataviews/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataviews-context/index.d.ts +1 -0
- package/build-types/components/dataviews-context/index.d.ts.map +1 -1
- package/build-types/components/dataviews-layout/index.d.ts.map +1 -1
- package/build-types/components/dataviews-picker/footer.d.ts +4 -0
- package/build-types/components/dataviews-picker/footer.d.ts.map +1 -0
- package/build-types/components/dataviews-picker/index.d.ts +55 -0
- package/build-types/components/dataviews-picker/index.d.ts.map +1 -0
- package/build-types/components/dataviews-picker/stories/index.story.d.ts +42 -0
- package/build-types/components/dataviews-picker/stories/index.story.d.ts.map +1 -0
- package/build-types/components/dataviews-selection-checkbox/index.d.ts +2 -1
- package/build-types/components/dataviews-selection-checkbox/index.d.ts.map +1 -1
- package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
- package/build-types/constants.d.ts +1 -0
- package/build-types/constants.d.ts.map +1 -1
- package/build-types/dataform-controls/checkbox.d.ts.map +1 -1
- package/build-types/dataform-controls/color.d.ts +6 -0
- package/build-types/dataform-controls/color.d.ts.map +1 -0
- package/build-types/dataform-controls/email.d.ts.map +1 -1
- package/build-types/dataform-controls/index.d.ts.map +1 -1
- package/build-types/dataform-controls/telephone.d.ts +6 -0
- package/build-types/dataform-controls/telephone.d.ts.map +1 -0
- package/build-types/dataform-controls/text.d.ts.map +1 -1
- package/build-types/dataform-controls/toggle.d.ts +6 -0
- package/build-types/dataform-controls/toggle.d.ts.map +1 -0
- package/build-types/dataform-controls/url.d.ts +6 -0
- package/build-types/dataform-controls/url.d.ts.map +1 -0
- package/build-types/dataform-controls/utils/validated-text.d.ts +16 -0
- package/build-types/dataform-controls/utils/validated-text.d.ts.map +1 -0
- package/build-types/dataforms-layouts/card/index.d.ts +0 -3
- package/build-types/dataforms-layouts/card/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/data-form-layout.d.ts +4 -1
- package/build-types/dataforms-layouts/data-form-layout.d.ts.map +1 -1
- package/build-types/dataforms-layouts/index.d.ts +10 -0
- package/build-types/dataforms-layouts/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/row/index.d.ts +6 -0
- package/build-types/dataforms-layouts/row/index.d.ts.map +1 -0
- package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/index.d.ts +12 -1
- package/build-types/dataviews-layouts/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/picker-grid/index.d.ts +4 -0
- package/build-types/dataviews-layouts/picker-grid/index.d.ts.map +1 -0
- package/build-types/dataviews-layouts/utils/grid-items.d.ts +5 -0
- package/build-types/dataviews-layouts/utils/grid-items.d.ts.map +1 -0
- package/build-types/dataviews-layouts/utils/preview-size-picker.d.ts +2 -0
- package/build-types/dataviews-layouts/utils/preview-size-picker.d.ts.map +1 -0
- package/build-types/field-types/color.d.ts +20 -0
- package/build-types/field-types/color.d.ts.map +1 -0
- package/build-types/field-types/index.d.ts.map +1 -1
- package/build-types/field-types/stories/index.story.d.ts +81 -0
- package/build-types/field-types/stories/index.story.d.ts.map +1 -0
- package/build-types/field-types/telephone.d.ts +20 -0
- package/build-types/field-types/telephone.d.ts.map +1 -0
- package/build-types/field-types/url.d.ts +20 -0
- package/build-types/field-types/url.d.ts.map +1 -0
- package/build-types/normalize-form-fields.d.ts.map +1 -1
- package/build-types/test/dataviews-picker.d.ts +2 -0
- package/build-types/test/dataviews-picker.d.ts.map +1 -0
- package/build-types/types.d.ts +36 -5
- package/build-types/types.d.ts.map +1 -1
- package/build-types/validation.d.ts.map +1 -1
- package/build-wp/index.js +5061 -4013
- package/package.json +16 -15
- package/src/components/dataform/stories/index.story.tsx +333 -11
- package/src/components/dataform-context/index.tsx +1 -0
- package/src/components/dataviews/index.tsx +25 -1
- package/src/components/dataviews/stories/fixtures.tsx +1 -1
- package/src/components/dataviews/stories/index.story.tsx +14 -0
- package/src/components/dataviews/style.scss +4 -2
- package/src/components/dataviews-context/index.ts +3 -0
- package/src/components/dataviews-layout/index.tsx +4 -2
- package/src/components/dataviews-picker/footer.tsx +207 -0
- package/src/components/dataviews-picker/index.tsx +284 -0
- package/src/components/dataviews-picker/stories/index.story.tsx +251 -0
- package/src/components/dataviews-picker/style.scss +10 -0
- package/src/components/dataviews-selection-checkbox/index.tsx +3 -0
- package/src/components/dataviews-view-config/index.tsx +1 -0
- package/src/constants.ts +3 -0
- package/src/dataform-controls/checkbox.tsx +33 -3
- package/src/dataform-controls/color.tsx +139 -0
- package/src/dataform-controls/email.tsx +10 -52
- package/src/dataform-controls/index.tsx +8 -2
- package/src/dataform-controls/telephone.tsx +30 -0
- package/src/dataform-controls/text.tsx +2 -57
- package/src/dataform-controls/{boolean.tsx → toggle.tsx} +3 -2
- package/src/dataform-controls/url.tsx +30 -0
- package/src/dataform-controls/utils/validated-text.tsx +96 -0
- package/src/dataforms-layouts/card/index.tsx +5 -4
- package/src/dataforms-layouts/card/style.scss +7 -0
- package/src/dataforms-layouts/data-form-layout.tsx +15 -3
- package/src/dataforms-layouts/index.tsx +35 -0
- package/src/dataforms-layouts/row/index.tsx +115 -0
- package/src/dataforms-layouts/row/style.scss +3 -0
- package/src/dataviews-layouts/grid/index.tsx +38 -33
- package/src/dataviews-layouts/grid/style.scss +42 -20
- package/src/dataviews-layouts/index.ts +16 -2
- package/src/dataviews-layouts/picker-grid/index.tsx +490 -0
- package/src/dataviews-layouts/picker-grid/style.scss +171 -0
- package/src/dataviews-layouts/utils/grid-items.scss +21 -0
- package/src/dataviews-layouts/utils/grid-items.tsx +35 -0
- package/src/dataviews-layouts/utils/preview-size-picker.tsx +87 -0
- package/src/field-types/boolean.tsx +1 -1
- package/src/field-types/color.tsx +115 -0
- package/src/field-types/index.tsx +15 -0
- package/src/field-types/stories/index.story.tsx +719 -0
- package/src/field-types/telephone.tsx +71 -0
- package/src/field-types/url.tsx +71 -0
- package/src/normalize-form-fields.ts +6 -0
- package/src/style.scss +4 -0
- package/src/test/dataform.tsx +2 -2
- package/src/test/dataviews-picker.tsx +478 -0
- package/src/test/dataviews.tsx +86 -0
- package/src/types.ts +56 -4
- package/src/validation.ts +3 -0
- package/tsconfig.tsbuildinfo +1 -1
- package/build/dataform-controls/boolean.js.map +0 -1
- package/build-module/dataform-controls/boolean.js.map +0 -1
- package/build-types/components/stories/index.story.d.ts +0 -63
- package/build-types/components/stories/index.story.d.ts.map +0 -1
- package/build-types/dataform-controls/boolean.d.ts +0 -6
- package/build-types/dataform-controls/boolean.d.ts.map +0 -1
- package/src/components/stories/index.story.tsx +0 -372
package/build-style/style.css
CHANGED
|
@@ -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
|
-
|
|
1064
|
-
|
|
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:
|
|
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: ({
|
|
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: ({
|
|
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;
|
|
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;
|
|
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":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
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,
|
|
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"}
|
|
@@ -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;
|
|
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,+
|
|
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,
|
|
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,
|
|
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":"
|
|
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":"
|
|
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"}
|