@wordpress/dataviews 4.10.0 → 4.11.1

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 (119) hide show
  1. package/CHANGELOG.md +19 -9
  2. package/LICENSE.md +1 -1
  3. package/README.md +309 -175
  4. package/build/components/dataviews/index.js +12 -1
  5. package/build/components/dataviews/index.js.map +1 -1
  6. package/build/components/dataviews-context/index.js +2 -1
  7. package/build/components/dataviews-context/index.js.map +1 -1
  8. package/build/components/dataviews-filters/add-filter.js +35 -30
  9. package/build/components/dataviews-filters/add-filter.js.map +1 -1
  10. package/build/components/dataviews-filters/index.js +3 -1
  11. package/build/components/dataviews-filters/index.js.map +1 -1
  12. package/build/components/dataviews-item-actions/index.js +24 -19
  13. package/build/components/dataviews-item-actions/index.js.map +1 -1
  14. package/build/components/dataviews-layout/index.js +2 -0
  15. package/build/components/dataviews-layout/index.js.map +1 -1
  16. package/build/components/dataviews-view-config/index.js +48 -43
  17. package/build/components/dataviews-view-config/index.js.map +1 -1
  18. package/build/dataviews-layouts/grid/index.js +12 -5
  19. package/build/dataviews-layouts/grid/index.js.map +1 -1
  20. package/build/dataviews-layouts/grid/preview-size-picker.js +22 -25
  21. package/build/dataviews-layouts/grid/preview-size-picker.js.map +1 -1
  22. package/build/dataviews-layouts/list/index.js +27 -20
  23. package/build/dataviews-layouts/list/index.js.map +1 -1
  24. package/build/dataviews-layouts/table/column-header-menu.js +102 -99
  25. package/build/dataviews-layouts/table/column-header-menu.js.map +1 -1
  26. package/build/dataviews-layouts/table/column-primary.js +7 -3
  27. package/build/dataviews-layouts/table/column-primary.js.map +1 -1
  28. package/build/dataviews-layouts/table/index.js +4 -0
  29. package/build/dataviews-layouts/table/index.js.map +1 -1
  30. package/build/types.js.map +1 -1
  31. package/build-module/components/dataviews/index.js +12 -1
  32. package/build-module/components/dataviews/index.js.map +1 -1
  33. package/build-module/components/dataviews-context/index.js +2 -1
  34. package/build-module/components/dataviews-context/index.js.map +1 -1
  35. package/build-module/components/dataviews-filters/add-filter.js +36 -31
  36. package/build-module/components/dataviews-filters/add-filter.js.map +1 -1
  37. package/build-module/components/dataviews-filters/index.js +3 -1
  38. package/build-module/components/dataviews-filters/index.js.map +1 -1
  39. package/build-module/components/dataviews-item-actions/index.js +24 -19
  40. package/build-module/components/dataviews-item-actions/index.js.map +1 -1
  41. package/build-module/components/dataviews-layout/index.js +2 -0
  42. package/build-module/components/dataviews-layout/index.js.map +1 -1
  43. package/build-module/components/dataviews-view-config/index.js +49 -44
  44. package/build-module/components/dataviews-view-config/index.js.map +1 -1
  45. package/build-module/dataviews-layouts/grid/index.js +14 -7
  46. package/build-module/dataviews-layouts/grid/index.js.map +1 -1
  47. package/build-module/dataviews-layouts/grid/preview-size-picker.js +22 -25
  48. package/build-module/dataviews-layouts/grid/preview-size-picker.js.map +1 -1
  49. package/build-module/dataviews-layouts/list/index.js +27 -20
  50. package/build-module/dataviews-layouts/list/index.js.map +1 -1
  51. package/build-module/dataviews-layouts/table/column-header-menu.js +102 -99
  52. package/build-module/dataviews-layouts/table/column-header-menu.js.map +1 -1
  53. package/build-module/dataviews-layouts/table/column-primary.js +7 -3
  54. package/build-module/dataviews-layouts/table/column-primary.js.map +1 -1
  55. package/build-module/dataviews-layouts/table/index.js +4 -0
  56. package/build-module/dataviews-layouts/table/index.js.map +1 -1
  57. package/build-module/types.js.map +1 -1
  58. package/build-style/style-rtl.css +45 -55
  59. package/build-style/style.css +45 -55
  60. package/build-types/components/dataviews/index.d.ts +2 -1
  61. package/build-types/components/dataviews/index.d.ts.map +1 -1
  62. package/build-types/components/dataviews-context/index.d.ts +2 -0
  63. package/build-types/components/dataviews-context/index.d.ts.map +1 -1
  64. package/build-types/components/dataviews-filters/add-filter.d.ts +3 -2
  65. package/build-types/components/dataviews-filters/add-filter.d.ts.map +1 -1
  66. package/build-types/components/dataviews-item-actions/index.d.ts.map +1 -1
  67. package/build-types/components/dataviews-layout/index.d.ts.map +1 -1
  68. package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
  69. package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
  70. package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts.map +1 -1
  71. package/build-types/dataviews-layouts/list/index.d.ts.map +1 -1
  72. package/build-types/dataviews-layouts/table/column-header-menu.d.ts.map +1 -1
  73. package/build-types/dataviews-layouts/table/column-primary.d.ts +2 -1
  74. package/build-types/dataviews-layouts/table/column-primary.d.ts.map +1 -1
  75. package/build-types/dataviews-layouts/table/index.d.ts +1 -1
  76. package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
  77. package/build-types/test/dataform.d.ts +2 -0
  78. package/build-types/test/dataform.d.ts.map +1 -0
  79. package/build-types/test/dataviews.d.ts +2 -0
  80. package/build-types/test/dataviews.d.ts.map +1 -0
  81. package/build-types/test/normalize-fields.d.ts +2 -0
  82. package/build-types/test/normalize-fields.d.ts.map +1 -0
  83. package/build-types/test/validation.d.ts +2 -0
  84. package/build-types/test/validation.d.ts.map +1 -0
  85. package/build-types/types.d.ts +5 -0
  86. package/build-types/types.d.ts.map +1 -1
  87. package/build-wp/index.js +1209 -999
  88. package/package.json +13 -12
  89. package/src/components/dataviews/index.tsx +15 -1
  90. package/src/components/dataviews/style.scss +0 -1
  91. package/src/components/dataviews-context/index.ts +3 -0
  92. package/src/components/dataviews-filters/add-filter.tsx +43 -39
  93. package/src/components/dataviews-filters/index.tsx +1 -1
  94. package/src/components/dataviews-footer/style.scss +0 -3
  95. package/src/components/dataviews-item-actions/index.tsx +25 -27
  96. package/src/components/dataviews-layout/index.tsx +2 -0
  97. package/src/components/dataviews-view-config/index.tsx +52 -43
  98. package/src/components/dataviews-view-config/style.scss +0 -1
  99. package/src/dataviews-layouts/grid/index.tsx +17 -5
  100. package/src/dataviews-layouts/grid/preview-size-picker.tsx +25 -30
  101. package/src/dataviews-layouts/grid/style.scss +24 -33
  102. package/src/dataviews-layouts/list/index.tsx +35 -27
  103. package/src/dataviews-layouts/list/style.scss +5 -5
  104. package/src/dataviews-layouts/table/column-header-menu.tsx +152 -148
  105. package/src/dataviews-layouts/table/column-primary.tsx +7 -0
  106. package/src/dataviews-layouts/table/index.tsx +10 -0
  107. package/src/dataviews-layouts/table/style.scss +0 -1
  108. package/src/test/dataform.tsx +348 -0
  109. package/src/test/dataviews.tsx +380 -0
  110. package/src/types.ts +6 -0
  111. package/tsconfig.json +14 -4
  112. package/tsconfig.tsbuildinfo +1 -1
  113. package/build/components/form-field-visibility/index.js +0 -32
  114. package/build/components/form-field-visibility/index.js.map +0 -1
  115. package/build-module/components/form-field-visibility/index.js +0 -26
  116. package/build-module/components/form-field-visibility/index.js.map +0 -1
  117. package/build-types/components/form-field-visibility/index.d.ts +0 -11
  118. package/build-types/components/form-field-visibility/index.d.ts.map +0 -1
  119. package/src/components/form-field-visibility/index.tsx +0 -32
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = FormFieldVisibility;
7
- var _element = require("@wordpress/element");
8
- /**
9
- * WordPress dependencies
10
- */
11
-
12
- /**
13
- * Internal dependencies
14
- */
15
-
16
- function FormFieldVisibility({
17
- data,
18
- field,
19
- children
20
- }) {
21
- const isVisible = (0, _element.useMemo)(() => {
22
- if (field.isVisible) {
23
- return field.isVisible(data);
24
- }
25
- return true;
26
- }, [field.isVisible, data]);
27
- if (!isVisible) {
28
- return null;
29
- }
30
- return children;
31
- }
32
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_element","require","FormFieldVisibility","data","field","children","isVisible","useMemo"],"sources":["@wordpress/dataviews/src/components/form-field-visibility/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\n\ntype FormFieldVisibilityProps< Item > = React.PropsWithChildren< {\n\tfield: NormalizedField< Item >;\n\tdata: Item;\n} >;\n\nexport default function FormFieldVisibility< Item >( {\n\tdata,\n\tfield,\n\tchildren,\n}: FormFieldVisibilityProps< Item > ) {\n\tconst isVisible = useMemo( () => {\n\t\tif ( field.isVisible ) {\n\t\t\treturn field.isVisible( data );\n\t\t}\n\t\treturn true;\n\t}, [ field.isVisible, data ] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\treturn children;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAQe,SAASC,mBAAmBA,CAAU;EACpDC,IAAI;EACJC,KAAK;EACLC;AACiC,CAAC,EAAG;EACrC,MAAMC,SAAS,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAChC,IAAKH,KAAK,CAACE,SAAS,EAAG;MACtB,OAAOF,KAAK,CAACE,SAAS,CAAEH,IAAK,CAAC;IAC/B;IACA,OAAO,IAAI;EACZ,CAAC,EAAE,CAAEC,KAAK,CAACE,SAAS,EAAEH,IAAI,CAAG,CAAC;EAE9B,IAAK,CAAEG,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EACA,OAAOD,QAAQ;AAChB","ignoreList":[]}
@@ -1,26 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useMemo } from '@wordpress/element';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
-
10
- export default function FormFieldVisibility({
11
- data,
12
- field,
13
- children
14
- }) {
15
- const isVisible = useMemo(() => {
16
- if (field.isVisible) {
17
- return field.isVisible(data);
18
- }
19
- return true;
20
- }, [field.isVisible, data]);
21
- if (!isVisible) {
22
- return null;
23
- }
24
- return children;
25
- }
26
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useMemo","FormFieldVisibility","data","field","children","isVisible"],"sources":["@wordpress/dataviews/src/components/form-field-visibility/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\n\ntype FormFieldVisibilityProps< Item > = React.PropsWithChildren< {\n\tfield: NormalizedField< Item >;\n\tdata: Item;\n} >;\n\nexport default function FormFieldVisibility< Item >( {\n\tdata,\n\tfield,\n\tchildren,\n}: FormFieldVisibilityProps< Item > ) {\n\tconst isVisible = useMemo( () => {\n\t\tif ( field.isVisible ) {\n\t\t\treturn field.isVisible( data );\n\t\t}\n\t\treturn true;\n\t}, [ field.isVisible, data ] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\treturn children;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;;AAQA,eAAe,SAASC,mBAAmBA,CAAU;EACpDC,IAAI;EACJC,KAAK;EACLC;AACiC,CAAC,EAAG;EACrC,MAAMC,SAAS,GAAGL,OAAO,CAAE,MAAM;IAChC,IAAKG,KAAK,CAACE,SAAS,EAAG;MACtB,OAAOF,KAAK,CAACE,SAAS,CAAEH,IAAK,CAAC;IAC/B;IACA,OAAO,IAAI;EACZ,CAAC,EAAE,CAAEC,KAAK,CAACE,SAAS,EAAEH,IAAI,CAAG,CAAC;EAE9B,IAAK,CAAEG,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EACA,OAAOD,QAAQ;AAChB","ignoreList":[]}
@@ -1,11 +0,0 @@
1
- /**
2
- * Internal dependencies
3
- */
4
- import type { NormalizedField } from '../../types';
5
- type FormFieldVisibilityProps<Item> = React.PropsWithChildren<{
6
- field: NormalizedField<Item>;
7
- data: Item;
8
- }>;
9
- export default function FormFieldVisibility<Item>({ data, field, children, }: FormFieldVisibilityProps<Item>): import("react").ReactNode;
10
- export {};
11
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-field-visibility/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,KAAK,wBAAwB,CAAE,IAAI,IAAK,KAAK,CAAC,iBAAiB,CAAE;IAChE,KAAK,EAAE,eAAe,CAAE,IAAI,CAAE,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAC;CACX,CAAE,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAE,IAAI,EAAI,EACpD,IAAI,EACJ,KAAK,EACL,QAAQ,GACR,EAAE,wBAAwB,CAAE,IAAI,CAAE,6BAYlC"}
@@ -1,32 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useMemo } from '@wordpress/element';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import type { NormalizedField } from '../../types';
10
-
11
- type FormFieldVisibilityProps< Item > = React.PropsWithChildren< {
12
- field: NormalizedField< Item >;
13
- data: Item;
14
- } >;
15
-
16
- export default function FormFieldVisibility< Item >( {
17
- data,
18
- field,
19
- children,
20
- }: FormFieldVisibilityProps< Item > ) {
21
- const isVisible = useMemo( () => {
22
- if ( field.isVisible ) {
23
- return field.isVisible( data );
24
- }
25
- return true;
26
- }, [ field.isVisible, data ] );
27
-
28
- if ( ! isVisible ) {
29
- return null;
30
- }
31
- return children;
32
- }