@wordpress/dataviews 4.1.0 → 4.3.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 +19 -0
- package/README.md +77 -29
- package/build/components/dataviews/index.js +10 -14
- package/build/components/dataviews/index.js.map +1 -1
- package/build/components/dataviews-bulk-actions/index.js +145 -141
- package/build/components/dataviews-bulk-actions/index.js.map +1 -1
- package/build/components/dataviews-filters/add-filter.js +4 -6
- package/build/components/dataviews-filters/add-filter.js.map +1 -1
- package/build/components/dataviews-filters/index.js +3 -0
- package/build/components/dataviews-filters/index.js.map +1 -1
- package/build/components/dataviews-filters/search-widget.js +30 -23
- package/build/components/dataviews-filters/search-widget.js.map +1 -1
- package/build/components/dataviews-footer/index.js +45 -0
- package/build/components/dataviews-footer/index.js.map +1 -0
- package/build/components/dataviews-item-actions/index.js +5 -8
- package/build/components/dataviews-item-actions/index.js.map +1 -1
- package/build/components/dataviews-pagination/index.js +27 -19
- package/build/components/dataviews-pagination/index.js.map +1 -1
- package/build/components/dataviews-view-config/index.js +197 -41
- package/build/components/dataviews-view-config/index.js.map +1 -1
- package/build/dataform-controls/datetime.js +49 -0
- package/build/dataform-controls/datetime.js.map +1 -0
- package/build/dataform-controls/index.js +50 -0
- package/build/dataform-controls/index.js.map +1 -0
- package/build/dataform-controls/integer.js +45 -0
- package/build/dataform-controls/integer.js.map +1 -0
- package/build/dataform-controls/radio.js +45 -0
- package/build/dataform-controls/radio.js.map +1 -0
- package/build/dataform-controls/select.js +58 -0
- package/build/dataform-controls/select.js.map +1 -0
- package/build/dataform-controls/text.js +45 -0
- package/build/dataform-controls/text.js.map +1 -0
- package/build/dataforms-layouts/panel/index.js +10 -4
- package/build/dataforms-layouts/panel/index.js.map +1 -1
- package/build/dataforms-layouts/regular/index.js +6 -3
- package/build/dataforms-layouts/regular/index.js.map +1 -1
- package/build/dataviews-layouts/grid/density-picker.js +23 -52
- package/build/dataviews-layouts/grid/density-picker.js.map +1 -1
- package/build/dataviews-layouts/grid/index.js +1 -1
- package/build/dataviews-layouts/grid/index.js.map +1 -1
- package/build/dataviews-layouts/index.js +48 -2
- package/build/dataviews-layouts/index.js.map +1 -1
- package/build/dataviews-layouts/list/index.js +124 -80
- package/build/dataviews-layouts/list/index.js.map +1 -1
- package/build/dataviews-layouts/table/column-header-menu.js +52 -57
- package/build/dataviews-layouts/table/column-header-menu.js.map +1 -1
- package/build/dataviews-layouts/table/index.js +7 -35
- package/build/dataviews-layouts/table/index.js.map +1 -1
- package/build/field-types/datetime.js +30 -0
- package/build/field-types/datetime.js.map +1 -0
- package/build/field-types/index.js +4 -0
- package/build/field-types/index.js.map +1 -1
- package/build/field-types/integer.js +1 -60
- package/build/field-types/integer.js.map +1 -1
- package/build/field-types/text.js +1 -60
- package/build/field-types/text.js.map +1 -1
- package/build/normalize-fields.js +10 -9
- package/build/normalize-fields.js.map +1 -1
- package/build/types.js.map +1 -1
- package/build-module/components/dataviews/index.js +10 -14
- package/build-module/components/dataviews/index.js.map +1 -1
- package/build-module/components/dataviews-bulk-actions/index.js +145 -143
- package/build-module/components/dataviews-bulk-actions/index.js.map +1 -1
- package/build-module/components/dataviews-filters/add-filter.js +4 -6
- package/build-module/components/dataviews-filters/add-filter.js.map +1 -1
- package/build-module/components/dataviews-filters/index.js +3 -0
- package/build-module/components/dataviews-filters/index.js.map +1 -1
- package/build-module/components/dataviews-filters/search-widget.js +30 -23
- package/build-module/components/dataviews-filters/search-widget.js.map +1 -1
- package/build-module/components/dataviews-footer/index.js +38 -0
- package/build-module/components/dataviews-footer/index.js.map +1 -0
- package/build-module/components/dataviews-item-actions/index.js +5 -8
- package/build-module/components/dataviews-item-actions/index.js.map +1 -1
- package/build-module/components/dataviews-pagination/index.js +28 -20
- package/build-module/components/dataviews-pagination/index.js.map +1 -1
- package/build-module/components/dataviews-view-config/index.js +203 -47
- package/build-module/components/dataviews-view-config/index.js.map +1 -1
- package/build-module/dataform-controls/datetime.js +43 -0
- package/build-module/dataform-controls/datetime.js.map +1 -0
- package/build-module/dataform-controls/index.js +42 -0
- package/build-module/dataform-controls/index.js.map +1 -0
- package/build-module/dataform-controls/integer.js +38 -0
- package/build-module/dataform-controls/integer.js.map +1 -0
- package/build-module/dataform-controls/radio.js +38 -0
- package/build-module/dataform-controls/radio.js.map +1 -0
- package/build-module/dataform-controls/select.js +51 -0
- package/build-module/dataform-controls/select.js.map +1 -0
- package/build-module/dataform-controls/text.js +38 -0
- package/build-module/dataform-controls/text.js.map +1 -0
- package/build-module/dataforms-layouts/panel/index.js +10 -4
- package/build-module/dataforms-layouts/panel/index.js.map +1 -1
- package/build-module/dataforms-layouts/regular/index.js +6 -3
- package/build-module/dataforms-layouts/regular/index.js.map +1 -1
- package/build-module/dataviews-layouts/grid/density-picker.js +25 -56
- package/build-module/dataviews-layouts/grid/density-picker.js.map +1 -1
- package/build-module/dataviews-layouts/grid/index.js +1 -1
- package/build-module/dataviews-layouts/grid/index.js.map +1 -1
- package/build-module/dataviews-layouts/index.js +45 -1
- package/build-module/dataviews-layouts/index.js.map +1 -1
- package/build-module/dataviews-layouts/list/index.js +125 -80
- package/build-module/dataviews-layouts/list/index.js.map +1 -1
- package/build-module/dataviews-layouts/table/column-header-menu.js +52 -57
- package/build-module/dataviews-layouts/table/column-header-menu.js.map +1 -1
- package/build-module/dataviews-layouts/table/index.js +9 -37
- package/build-module/dataviews-layouts/table/index.js.map +1 -1
- package/build-module/field-types/datetime.js +24 -0
- package/build-module/field-types/datetime.js.map +1 -0
- package/build-module/field-types/index.js +4 -0
- package/build-module/field-types/index.js.map +1 -1
- package/build-module/field-types/integer.js +2 -60
- package/build-module/field-types/integer.js.map +1 -1
- package/build-module/field-types/text.js +2 -60
- package/build-module/field-types/text.js.map +1 -1
- package/build-module/normalize-fields.js +11 -9
- package/build-module/normalize-fields.js.map +1 -1
- package/build-module/types.js.map +1 -1
- package/build-style/style-rtl.css +93 -80
- package/build-style/style.css +93 -80
- package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataviews/index.d.ts.map +1 -1
- package/build-types/components/dataviews/stories/fixtures.d.ts +28 -113
- package/build-types/components/dataviews/stories/fixtures.d.ts.map +1 -1
- package/build-types/components/dataviews/stories/index.story.d.ts +12 -44
- package/build-types/components/dataviews/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataviews-bulk-actions/index.d.ts +11 -1
- package/build-types/components/dataviews-bulk-actions/index.d.ts.map +1 -1
- package/build-types/components/dataviews-filters/add-filter.d.ts.map +1 -1
- package/build-types/components/dataviews-filters/index.d.ts +1 -1
- package/build-types/components/dataviews-filters/index.d.ts.map +1 -1
- package/build-types/components/dataviews-filters/search-widget.d.ts.map +1 -1
- package/build-types/components/dataviews-footer/index.d.ts +2 -0
- package/build-types/components/dataviews-footer/index.d.ts.map +1 -0
- package/build-types/components/dataviews-item-actions/index.d.ts.map +1 -1
- package/build-types/components/dataviews-pagination/index.d.ts.map +1 -1
- package/build-types/components/dataviews-view-config/index.d.ts +4 -3
- package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
- package/build-types/dataform-controls/datetime.d.ts +6 -0
- package/build-types/dataform-controls/datetime.d.ts.map +1 -0
- package/build-types/dataform-controls/index.d.ts +11 -0
- package/build-types/dataform-controls/index.d.ts.map +1 -0
- package/build-types/dataform-controls/integer.d.ts +6 -0
- package/build-types/dataform-controls/integer.d.ts.map +1 -0
- package/build-types/dataform-controls/radio.d.ts +6 -0
- package/build-types/dataform-controls/radio.d.ts.map +1 -0
- package/build-types/dataform-controls/select.d.ts +6 -0
- package/build-types/dataform-controls/select.d.ts.map +1 -0
- package/build-types/dataform-controls/text.d.ts +6 -0
- package/build-types/dataform-controls/text.d.ts.map +1 -0
- package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/regular/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/grid/density-picker.d.ts.map +1 -1
- package/build-types/dataviews-layouts/index.d.ts +4 -2
- package/build-types/dataviews-layouts/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/list/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/table/column-header-menu.d.ts.map +1 -1
- package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
- package/build-types/field-types/datetime.d.ts +13 -0
- package/build-types/field-types/datetime.d.ts.map +1 -0
- package/build-types/field-types/index.d.ts +1 -1
- package/build-types/field-types/index.d.ts.map +1 -1
- package/build-types/field-types/integer.d.ts +2 -3
- package/build-types/field-types/integer.d.ts.map +1 -1
- package/build-types/field-types/text.d.ts +2 -3
- package/build-types/field-types/text.d.ts.map +1 -1
- package/build-types/normalize-fields.d.ts.map +1 -1
- package/build-types/types.d.ts +43 -21
- package/build-types/types.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/components/dataform/stories/index.story.tsx +43 -2
- package/src/components/dataviews/index.tsx +14 -18
- package/src/components/dataviews/stories/fixtures.tsx +690 -0
- package/src/components/dataviews/stories/index.story.tsx +164 -0
- package/src/components/dataviews/style.scss +2 -12
- package/src/components/dataviews-bulk-actions/index.tsx +264 -213
- package/src/components/dataviews-bulk-actions/style.scss +9 -4
- package/src/components/dataviews-filters/add-filter.tsx +7 -11
- package/src/components/dataviews-filters/index.tsx +3 -0
- package/src/components/dataviews-filters/search-widget.tsx +46 -25
- package/src/components/dataviews-filters/style.scss +13 -3
- package/src/components/dataviews-footer/index.tsx +50 -0
- package/src/components/dataviews-footer/style.scss +40 -0
- package/src/components/dataviews-item-actions/index.tsx +8 -14
- package/src/components/dataviews-pagination/index.tsx +40 -21
- package/src/components/dataviews-pagination/style.scss +7 -21
- package/src/components/dataviews-view-config/index.tsx +297 -69
- package/src/components/dataviews-view-config/style.scss +25 -0
- package/src/dataform-controls/datetime.tsx +43 -0
- package/src/dataform-controls/index.tsx +61 -0
- package/src/dataform-controls/integer.tsx +38 -0
- package/src/dataform-controls/radio.tsx +42 -0
- package/src/dataform-controls/select.tsx +52 -0
- package/src/dataform-controls/style.scss +4 -0
- package/src/dataform-controls/text.tsx +40 -0
- package/src/dataforms-layouts/panel/index.tsx +8 -2
- package/src/dataforms-layouts/regular/index.tsx +6 -2
- package/src/dataviews-layouts/grid/density-picker.tsx +33 -67
- package/src/dataviews-layouts/grid/index.tsx +1 -1
- package/src/dataviews-layouts/grid/style.scss +1 -5
- package/src/dataviews-layouts/index.ts +63 -2
- package/src/dataviews-layouts/list/index.tsx +199 -123
- package/src/dataviews-layouts/list/style.scss +10 -4
- package/src/dataviews-layouts/table/column-header-menu.tsx +86 -90
- package/src/dataviews-layouts/table/index.tsx +8 -65
- package/src/dataviews-layouts/table/style.scss +0 -5
- package/src/field-types/datetime.tsx +28 -0
- package/src/field-types/index.tsx +5 -0
- package/src/field-types/integer.tsx +2 -71
- package/src/field-types/text.tsx +2 -70
- package/src/normalize-fields.ts +10 -10
- package/src/style.scss +2 -1
- package/src/test/filter-and-sort-data-view.js +28 -0
- package/src/types.ts +56 -32
- package/tsconfig.tsbuildinfo +1 -1
- package/build/components/dataviews-bulk-actions-toolbar/index.js +0 -207
- package/build/components/dataviews-bulk-actions-toolbar/index.js.map +0 -1
- package/build-module/components/dataviews-bulk-actions-toolbar/index.js +0 -201
- package/build-module/components/dataviews-bulk-actions-toolbar/index.js.map +0 -1
- package/build-types/components/dataviews-bulk-actions-toolbar/index.d.ts +0 -2
- package/build-types/components/dataviews-bulk-actions-toolbar/index.d.ts.map +0 -1
- package/src/components/dataviews/stories/fixtures.js +0 -222
- package/src/components/dataviews/stories/index.story.js +0 -65
- package/src/components/dataviews-bulk-actions-toolbar/index.tsx +0 -288
- package/src/components/dataviews-bulk-actions-toolbar/style.scss +0 -45
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { DataFormControlProps } from '../types';
|
|
5
|
+
export default function DateTime<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=datetime.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datetime.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/datetime.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA0B9B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { ComponentType } from 'react';
|
|
5
|
+
/**
|
|
6
|
+
* Internal dependencies
|
|
7
|
+
*/
|
|
8
|
+
import type { DataFormControlProps, Field, FieldTypeDefinition } from '../types';
|
|
9
|
+
export declare function getControl<Item>(field: Field<Item>, fieldTypeDefinition: FieldTypeDefinition<Item>): ComponentType<DataFormControlProps<any>> | ComponentType<DataFormControlProps<Item>>;
|
|
10
|
+
export declare function getControlByType(type: string): ComponentType<DataFormControlProps<any>>;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EACX,oBAAoB,EACpB,KAAK,EACL,mBAAmB,EACnB,MAAM,UAAU,CAAC;AAmBlB,wBAAgB,UAAU,CAAE,IAAI,EAC/B,KAAK,EAAE,KAAK,CAAE,IAAI,CAAE,EACpB,mBAAmB,EAAE,mBAAmB,CAAE,IAAI,CAAE,wFAmBhD;AAED,wBAAgB,gBAAgB,CAAE,IAAI,EAAE,MAAM,4CAM7C"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { DataFormControlProps } from '../types';
|
|
5
|
+
export default function Integer<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=integer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"integer.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/integer.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAE,IAAI,EAAI,EACxC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAqB9B"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { DataFormControlProps } from '../types';
|
|
5
|
+
export default function Radio<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element | null;
|
|
6
|
+
//# sourceMappingURL=radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/radio.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,sCAyB9B"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { DataFormControlProps } from '../types';
|
|
5
|
+
export default function Select<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/select.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAE,IAAI,EAAI,EACvC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAkC9B"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { DataFormControlProps } from '../types';
|
|
5
|
+
export default function Text<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/text.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,IAAI,EAAI,EACrC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAuB9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataforms-layouts/panel/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataforms-layouts/panel/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,aAAa,CAAC;AAsHzE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,GACR,EAAE,aAAa,CAAE,IAAI,CAAE,+BA2BvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataforms-layouts/regular/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataforms-layouts/regular/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAS,MAAM,aAAa,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,EAAI,EAC5C,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,GACR,EAAE,aAAa,CAAE,IAAI,CAAE,+BA2BvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"density-picker.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/grid/density-picker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"density-picker.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/grid/density-picker.tsx"],"names":[],"mappings":"AAyCA,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,sCAsDA"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import ViewTable from './table';
|
|
5
5
|
import ViewGrid from './grid';
|
|
6
6
|
import ViewList from './list';
|
|
7
|
-
import type { View } from '../types';
|
|
7
|
+
import type { View, Field } from '../types';
|
|
8
8
|
export declare const VIEW_LAYOUTS: ({
|
|
9
9
|
type: string;
|
|
10
10
|
label: string;
|
|
@@ -21,5 +21,7 @@ export declare const VIEW_LAYOUTS: ({
|
|
|
21
21
|
component: typeof ViewList;
|
|
22
22
|
icon: import("react").JSX.Element;
|
|
23
23
|
})[];
|
|
24
|
-
export declare function
|
|
24
|
+
export declare function getNotHidableFieldIds(view: View): string[];
|
|
25
|
+
export declare function getVisibleFieldIds(view: View, fields: Field<any>[]): string[];
|
|
26
|
+
export declare function getHiddenFieldIds(view: View, fields: Field<any>[]): string[];
|
|
25
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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;
|
|
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,KAAK,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;IAmBxB,CAAC;AAEF,wBAAgB,qBAAqB,CAAE,IAAI,EAAE,IAAI,GAAI,MAAM,EAAE,CAwB5D;AAYD,wBAAgB,kBAAkB,CACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,CAAE,GAAG,CAAE,EAAE,GACpB,MAAM,EAAE,CAoBV;AAED,wBAAgB,iBAAiB,CAChC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,CAAE,GAAG,CAAE,EAAE,GACpB,MAAM,EAAE,CAqBV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/list/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/list/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAA2B,aAAa,EAAE,MAAM,aAAa,CAAC;AAyR1E,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,KAAK,EAAE,aAAa,CAAE,IAAI,CAAE,+BAsLrE"}
|
|
@@ -1 +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,
|
|
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,EAE1B,MAAM,aAAa,CAAC;AAKrB,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,wGA0Md,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dataviews-layouts/table/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAIX,cAAc,EAEd,MAAM,aAAa,CAAC;AAmNrB,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,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { SortDirection, ValidationContext } from '../types';
|
|
5
|
+
declare function sort(a: any, b: any, direction: SortDirection): number;
|
|
6
|
+
declare function isValid(value: any, context?: ValidationContext): boolean;
|
|
7
|
+
declare const _default: {
|
|
8
|
+
sort: typeof sort;
|
|
9
|
+
isValid: typeof isValid;
|
|
10
|
+
Edit: string;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
//# sourceMappingURL=datetime.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datetime.d.ts","sourceRoot":"","sources":["../../src/field-types/datetime.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEjE,iBAAS,IAAI,CAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,UAKtD;AAED,iBAAS,OAAO,CAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,iBAAiB,WASxD;;;;;;AAED,wBAIE"}
|
|
@@ -11,7 +11,7 @@ import type { FieldType, SortDirection, ValidationContext } from '../types';
|
|
|
11
11
|
export default function getFieldTypeDefinition(type?: FieldType): {
|
|
12
12
|
sort: (valueA: any, valueB: any, direction: SortDirection) => any;
|
|
13
13
|
isValid: (value: any, context?: ValidationContext) => boolean;
|
|
14
|
-
Edit:
|
|
14
|
+
Edit: string;
|
|
15
15
|
} | {
|
|
16
16
|
sort: (a: any, b: any, direction: SortDirection) => any;
|
|
17
17
|
isValid: (value: any, context?: ValidationContext) => boolean;
|
|
@@ -1 +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;
|
|
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;AAK5E;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAE,IAAI,CAAC,EAAE,SAAS;;;;;cAcnD,GAAG,KAAK,GAAG,aAAa,aAAa;qBAS9B,GAAG,YAAY,iBAAiB;;EAYnD"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Internal dependencies
|
|
3
3
|
*/
|
|
4
|
-
import type { SortDirection, ValidationContext
|
|
4
|
+
import type { SortDirection, ValidationContext } from '../types';
|
|
5
5
|
declare function sort(a: any, b: any, direction: SortDirection): number;
|
|
6
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
7
|
declare const _default: {
|
|
9
8
|
sort: typeof sort;
|
|
10
9
|
isValid: typeof isValid;
|
|
11
|
-
Edit:
|
|
10
|
+
Edit: string;
|
|
12
11
|
};
|
|
13
12
|
export default _default;
|
|
14
13
|
//# sourceMappingURL=integer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"integer.d.ts","sourceRoot":"","sources":["../../src/field-types/integer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"integer.d.ts","sourceRoot":"","sources":["../../src/field-types/integer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEjE,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,wBAIE"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Internal dependencies
|
|
3
3
|
*/
|
|
4
|
-
import type { SortDirection, ValidationContext
|
|
4
|
+
import type { SortDirection, ValidationContext } from '../types';
|
|
5
5
|
declare function sort(valueA: any, valueB: any, direction: SortDirection): any;
|
|
6
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
7
|
declare const _default: {
|
|
9
8
|
sort: typeof sort;
|
|
10
9
|
isValid: typeof isValid;
|
|
11
|
-
Edit:
|
|
10
|
+
Edit: string;
|
|
12
11
|
};
|
|
13
12
|
export default _default;
|
|
14
13
|
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/field-types/text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/field-types/text.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEjE,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,wBAIE"}
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAGtD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,IAAI,EACpC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB,eAAe,CAAE,IAAI,CAAE,EAAE,CAoD3B"}
|
package/build-types/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* External dependencies
|
|
3
3
|
*/
|
|
4
|
-
import type { ReactElement, ComponentType
|
|
4
|
+
import type { ReactElement, ComponentType } from 'react';
|
|
5
5
|
/**
|
|
6
6
|
* Internal dependencies
|
|
7
7
|
*/
|
|
@@ -29,11 +29,27 @@ interface FilterByConfig {
|
|
|
29
29
|
isPrimary?: boolean;
|
|
30
30
|
}
|
|
31
31
|
export type Operator = 'is' | 'isNot' | 'isAny' | 'isNone' | 'isAll' | 'isNotAll';
|
|
32
|
-
export type
|
|
33
|
-
export type FieldType = 'text' | 'integer';
|
|
32
|
+
export type FieldType = 'text' | 'integer' | 'datetime';
|
|
34
33
|
export type ValidationContext = {
|
|
35
34
|
elements?: Option[];
|
|
36
35
|
};
|
|
36
|
+
/**
|
|
37
|
+
* An abstract interface for Field based on the field type.
|
|
38
|
+
*/
|
|
39
|
+
export type FieldTypeDefinition<Item> = {
|
|
40
|
+
/**
|
|
41
|
+
* Callback used to sort the field.
|
|
42
|
+
*/
|
|
43
|
+
sort: (a: Item, b: Item, direction: SortDirection) => number;
|
|
44
|
+
/**
|
|
45
|
+
* Callback used to validate the field.
|
|
46
|
+
*/
|
|
47
|
+
isValid: (item: Item, context?: ValidationContext) => boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Callback used to render an edit control for the field or control name.
|
|
50
|
+
*/
|
|
51
|
+
Edit: ComponentType<DataFormControlProps<Item>> | string;
|
|
52
|
+
};
|
|
37
53
|
/**
|
|
38
54
|
* A dataview field for a specific property of a data type.
|
|
39
55
|
*/
|
|
@@ -50,6 +66,11 @@ export type Field<Item> = {
|
|
|
50
66
|
* The label of the field. Defaults to the id.
|
|
51
67
|
*/
|
|
52
68
|
label?: string;
|
|
69
|
+
/**
|
|
70
|
+
* The header of the field. Defaults to the label.
|
|
71
|
+
* It allows the usage of a React Element to render the field labels.
|
|
72
|
+
*/
|
|
73
|
+
header?: string | ReactElement;
|
|
53
74
|
/**
|
|
54
75
|
* A description of the field.
|
|
55
76
|
*/
|
|
@@ -67,7 +88,7 @@ export type Field<Item> = {
|
|
|
67
88
|
/**
|
|
68
89
|
* Callback used to render an edit control for the field.
|
|
69
90
|
*/
|
|
70
|
-
Edit?: ComponentType<DataFormControlProps<Item
|
|
91
|
+
Edit?: ComponentType<DataFormControlProps<Item>> | string;
|
|
71
92
|
/**
|
|
72
93
|
* Callback used to sort the field.
|
|
73
94
|
*/
|
|
@@ -96,7 +117,6 @@ export type Field<Item> = {
|
|
|
96
117
|
* Filter config for the field.
|
|
97
118
|
*/
|
|
98
119
|
filterBy?: FilterByConfig | undefined;
|
|
99
|
-
} & (Item extends ItemRecord ? {
|
|
100
120
|
/**
|
|
101
121
|
* Callback used to retrieve the value of the field from the item.
|
|
102
122
|
* Defaults to `item[ field.id ]`.
|
|
@@ -104,17 +124,10 @@ export type Field<Item> = {
|
|
|
104
124
|
getValue?: (args: {
|
|
105
125
|
item: Item;
|
|
106
126
|
}) => any;
|
|
107
|
-
}
|
|
108
|
-
/**
|
|
109
|
-
* Callback used to retrieve the value of the field from the item.
|
|
110
|
-
* Defaults to `item[ field.id ]`.
|
|
111
|
-
*/
|
|
112
|
-
getValue: (args: {
|
|
113
|
-
item: Item;
|
|
114
|
-
}) => any;
|
|
115
|
-
});
|
|
127
|
+
};
|
|
116
128
|
export type NormalizedField<Item> = Field<Item> & {
|
|
117
129
|
label: string;
|
|
130
|
+
header: string | ReactElement;
|
|
118
131
|
getValue: (args: {
|
|
119
132
|
item: Item;
|
|
120
133
|
}) => any;
|
|
@@ -124,6 +137,8 @@ export type NormalizedField<Item> = Field<Item> & {
|
|
|
124
137
|
Edit: ComponentType<DataFormControlProps<Item>>;
|
|
125
138
|
sort: (a: Item, b: Item, direction: SortDirection) => number;
|
|
126
139
|
isValid: (item: Item, context?: ValidationContext) => boolean;
|
|
140
|
+
enableHiding: boolean;
|
|
141
|
+
enableSorting: boolean;
|
|
127
142
|
};
|
|
128
143
|
/**
|
|
129
144
|
* A collection of dataview fields for a data type.
|
|
@@ -140,7 +155,7 @@ export type Form = {
|
|
|
140
155
|
export type DataFormControlProps<Item> = {
|
|
141
156
|
data: Item;
|
|
142
157
|
field: NormalizedField<Item>;
|
|
143
|
-
onChange:
|
|
158
|
+
onChange: (value: Record<string, any>) => void;
|
|
144
159
|
hideLabelFromVision?: boolean;
|
|
145
160
|
};
|
|
146
161
|
/**
|
|
@@ -232,6 +247,7 @@ interface ViewBase {
|
|
|
232
247
|
export interface CombinedField {
|
|
233
248
|
id: string;
|
|
234
249
|
label: string;
|
|
250
|
+
header?: string | ReactElement;
|
|
235
251
|
/**
|
|
236
252
|
* The fields to use as columns.
|
|
237
253
|
*/
|
|
@@ -344,16 +360,22 @@ interface ActionBase<Item> {
|
|
|
344
360
|
* Whether the action can be used as a bulk action.
|
|
345
361
|
*/
|
|
346
362
|
supportsBulk?: boolean;
|
|
363
|
+
/**
|
|
364
|
+
* The context in which the action is visible.
|
|
365
|
+
* This is only a "meta" information for now.
|
|
366
|
+
*/
|
|
367
|
+
context?: 'list' | 'single';
|
|
368
|
+
}
|
|
369
|
+
export interface RenderModalProps<Item> {
|
|
370
|
+
items: Item[];
|
|
371
|
+
closeModal?: () => void;
|
|
372
|
+
onActionPerformed?: (items: Item[]) => void;
|
|
347
373
|
}
|
|
348
374
|
export interface ActionModal<Item> extends ActionBase<Item> {
|
|
349
375
|
/**
|
|
350
376
|
* Modal to render when the action is triggered.
|
|
351
377
|
*/
|
|
352
|
-
RenderModal: ({ items, closeModal, onActionPerformed, }:
|
|
353
|
-
items: Item[];
|
|
354
|
-
closeModal?: () => void;
|
|
355
|
-
onActionPerformed?: (items: Item[]) => void;
|
|
356
|
-
}) => ReactElement;
|
|
378
|
+
RenderModal: ({ items, closeModal, onActionPerformed, }: RenderModalProps<Item>) => ReactElement;
|
|
357
379
|
/**
|
|
358
380
|
* Whether to hide the modal header.
|
|
359
381
|
*/
|
|
@@ -405,7 +427,7 @@ export interface DataFormProps<Item> {
|
|
|
405
427
|
data: Item;
|
|
406
428
|
fields: Field<Item>[];
|
|
407
429
|
form: Form;
|
|
408
|
-
onChange:
|
|
430
|
+
onChange: (value: Record<string, any>) => void;
|
|
409
431
|
}
|
|
410
432
|
export {};
|
|
411
433
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/dataviews",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.0",
|
|
4
4
|
"description": "DataViews is a component that provides an API to render datasets using different types of layouts (table, grid, list, etc.).",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -28,17 +28,17 @@
|
|
|
28
28
|
"types": "build-types",
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@ariakit/react": "^0.4.
|
|
31
|
+
"@ariakit/react": "^0.4.10",
|
|
32
32
|
"@babel/runtime": "^7.16.0",
|
|
33
|
-
"@wordpress/components": "^28.
|
|
34
|
-
"@wordpress/compose": "^7.
|
|
35
|
-
"@wordpress/data": "^10.
|
|
36
|
-
"@wordpress/element": "^6.
|
|
37
|
-
"@wordpress/i18n": "^5.
|
|
38
|
-
"@wordpress/icons": "^10.
|
|
39
|
-
"@wordpress/primitives": "^4.
|
|
40
|
-
"@wordpress/private-apis": "^1.
|
|
41
|
-
"@wordpress/warning": "^3.
|
|
33
|
+
"@wordpress/components": "^28.7.0",
|
|
34
|
+
"@wordpress/compose": "^7.7.0",
|
|
35
|
+
"@wordpress/data": "^10.7.0",
|
|
36
|
+
"@wordpress/element": "^6.7.0",
|
|
37
|
+
"@wordpress/i18n": "^5.7.0",
|
|
38
|
+
"@wordpress/icons": "^10.7.0",
|
|
39
|
+
"@wordpress/primitives": "^4.7.0",
|
|
40
|
+
"@wordpress/private-apis": "^1.7.0",
|
|
41
|
+
"@wordpress/warning": "^3.7.0",
|
|
42
42
|
"clsx": "^2.1.1",
|
|
43
43
|
"remove-accents": "^0.5.0"
|
|
44
44
|
},
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "c90d920de07c53dff82c5914635b56fafa503b7f"
|
|
52
52
|
}
|
|
@@ -33,6 +33,20 @@ const fields = [
|
|
|
33
33
|
label: 'Order',
|
|
34
34
|
type: 'integer' as const,
|
|
35
35
|
},
|
|
36
|
+
{
|
|
37
|
+
id: 'date',
|
|
38
|
+
label: 'Date',
|
|
39
|
+
type: 'datetime' as const,
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
id: 'birthdate',
|
|
43
|
+
label: 'Date as options',
|
|
44
|
+
type: 'datetime' as const,
|
|
45
|
+
elements: [
|
|
46
|
+
{ value: '1970-02-23T12:00:00', label: "Jane's birth date" },
|
|
47
|
+
{ value: '1950-02-23T12:00:00', label: "John's birth date" },
|
|
48
|
+
],
|
|
49
|
+
},
|
|
36
50
|
{
|
|
37
51
|
id: 'author',
|
|
38
52
|
label: 'Author',
|
|
@@ -42,6 +56,17 @@ const fields = [
|
|
|
42
56
|
{ value: 2, label: 'John' },
|
|
43
57
|
],
|
|
44
58
|
},
|
|
59
|
+
{
|
|
60
|
+
id: 'reviewer',
|
|
61
|
+
label: 'Reviewer',
|
|
62
|
+
type: 'text' as const,
|
|
63
|
+
Edit: 'radio' as const,
|
|
64
|
+
elements: [
|
|
65
|
+
{ value: 'fulano', label: 'Fulano' },
|
|
66
|
+
{ value: 'mengano', label: 'Mengano' },
|
|
67
|
+
{ value: 'zutano', label: 'Zutano' },
|
|
68
|
+
],
|
|
69
|
+
},
|
|
45
70
|
{
|
|
46
71
|
id: 'status',
|
|
47
72
|
label: 'Status',
|
|
@@ -59,10 +84,21 @@ export const Default = ( { type }: { type: 'panel' | 'regular' } ) => {
|
|
|
59
84
|
order: 2,
|
|
60
85
|
author: 1,
|
|
61
86
|
status: 'draft',
|
|
87
|
+
reviewer: 'fulano',
|
|
88
|
+
date: '2021-01-01T12:00:00',
|
|
89
|
+
birthdate: '1950-02-23T12:00:00',
|
|
62
90
|
} );
|
|
63
91
|
|
|
64
92
|
const form = {
|
|
65
|
-
fields: [
|
|
93
|
+
fields: [
|
|
94
|
+
'title',
|
|
95
|
+
'order',
|
|
96
|
+
'author',
|
|
97
|
+
'reviewer',
|
|
98
|
+
'status',
|
|
99
|
+
'date',
|
|
100
|
+
'birthdate',
|
|
101
|
+
],
|
|
66
102
|
};
|
|
67
103
|
|
|
68
104
|
return (
|
|
@@ -73,7 +109,12 @@ export const Default = ( { type }: { type: 'panel' | 'regular' } ) => {
|
|
|
73
109
|
...form,
|
|
74
110
|
type,
|
|
75
111
|
} }
|
|
76
|
-
onChange={
|
|
112
|
+
onChange={ ( edits ) =>
|
|
113
|
+
setPost( ( prev ) => ( {
|
|
114
|
+
...prev,
|
|
115
|
+
...edits,
|
|
116
|
+
} ) )
|
|
117
|
+
}
|
|
77
118
|
/>
|
|
78
119
|
);
|
|
79
120
|
};
|
|
@@ -12,8 +12,6 @@ import { useMemo, useState } from '@wordpress/element';
|
|
|
12
12
|
/**
|
|
13
13
|
* Internal dependencies
|
|
14
14
|
*/
|
|
15
|
-
import { default as DataViewsBulkActions } from '../dataviews-bulk-actions';
|
|
16
|
-
import DataViewsBulkActionsToolbar from '../dataviews-bulk-actions-toolbar';
|
|
17
15
|
import DataViewsContext from '../dataviews-context';
|
|
18
16
|
import {
|
|
19
17
|
default as DataViewsFilters,
|
|
@@ -21,14 +19,12 @@ import {
|
|
|
21
19
|
FilterVisibilityToggle,
|
|
22
20
|
} from '../dataviews-filters';
|
|
23
21
|
import DataViewsLayout from '../dataviews-layout';
|
|
24
|
-
import
|
|
22
|
+
import DataViewsFooter from '../dataviews-footer';
|
|
25
23
|
import DataViewsSearch from '../dataviews-search';
|
|
26
24
|
import DataViewsViewConfig from '../dataviews-view-config';
|
|
27
25
|
import { normalizeFields } from '../../normalize-fields';
|
|
28
26
|
import type { Action, Field, View, SupportedLayouts } from '../../types';
|
|
29
27
|
import type { SelectionOrUpdater } from '../../private-types';
|
|
30
|
-
import DensityPicker from '../../dataviews-layouts/grid/density-picker';
|
|
31
|
-
import { LAYOUT_GRID } from '../../constants';
|
|
32
28
|
|
|
33
29
|
type ItemWithId = { id: string };
|
|
34
30
|
|
|
@@ -73,8 +69,6 @@ export default function DataViews< Item >( {
|
|
|
73
69
|
}: DataViewsProps< Item > ) {
|
|
74
70
|
const [ selectionState, setSelectionState ] = useState< string[] >( [] );
|
|
75
71
|
const [ density, setDensity ] = useState< number >( 0 );
|
|
76
|
-
const [ isShowingFilter, setIsShowingFilter ] =
|
|
77
|
-
useState< boolean >( false );
|
|
78
72
|
const isUncontrolled =
|
|
79
73
|
selectionProperty === undefined || onChangeSelection === undefined;
|
|
80
74
|
const selection = isUncontrolled ? selectionState : selectionProperty;
|
|
@@ -97,6 +91,10 @@ export default function DataViews< Item >( {
|
|
|
97
91
|
}, [ selection, data, getItemId ] );
|
|
98
92
|
|
|
99
93
|
const filters = useFilters( _fields, view );
|
|
94
|
+
const [ isShowingFilter, setIsShowingFilter ] = useState< boolean >( () =>
|
|
95
|
+
( filters || [] ).some( ( filter ) => filter.isPrimary )
|
|
96
|
+
);
|
|
97
|
+
|
|
100
98
|
return (
|
|
101
99
|
<DataViewsContext.Provider
|
|
102
100
|
value={ {
|
|
@@ -118,11 +116,15 @@ export default function DataViews< Item >( {
|
|
|
118
116
|
<div className="dataviews-wrapper">
|
|
119
117
|
<HStack
|
|
120
118
|
alignment="top"
|
|
121
|
-
justify="
|
|
119
|
+
justify="space-between"
|
|
122
120
|
className="dataviews__view-actions"
|
|
123
121
|
spacing={ 1 }
|
|
124
122
|
>
|
|
125
|
-
<HStack
|
|
123
|
+
<HStack
|
|
124
|
+
justify="start"
|
|
125
|
+
expanded={ false }
|
|
126
|
+
className="dataviews__search"
|
|
127
|
+
>
|
|
126
128
|
{ search && <DataViewsSearch label={ searchLabel } /> }
|
|
127
129
|
<FilterVisibilityToggle
|
|
128
130
|
filters={ filters }
|
|
@@ -133,13 +135,6 @@ export default function DataViews< Item >( {
|
|
|
133
135
|
isShowingFilter={ isShowingFilter }
|
|
134
136
|
/>
|
|
135
137
|
</HStack>
|
|
136
|
-
{ view.type === LAYOUT_GRID && (
|
|
137
|
-
<DensityPicker
|
|
138
|
-
density={ density }
|
|
139
|
-
setDensity={ setDensity }
|
|
140
|
-
/>
|
|
141
|
-
) }
|
|
142
|
-
<DataViewsBulkActions />
|
|
143
138
|
<HStack
|
|
144
139
|
spacing={ 1 }
|
|
145
140
|
expanded={ false }
|
|
@@ -147,14 +142,15 @@ export default function DataViews< Item >( {
|
|
|
147
142
|
>
|
|
148
143
|
<DataViewsViewConfig
|
|
149
144
|
defaultLayouts={ defaultLayouts }
|
|
145
|
+
density={ density }
|
|
146
|
+
setDensity={ setDensity }
|
|
150
147
|
/>
|
|
151
148
|
{ header }
|
|
152
149
|
</HStack>
|
|
153
150
|
</HStack>
|
|
154
151
|
{ isShowingFilter && <DataViewsFilters /> }
|
|
155
152
|
<DataViewsLayout />
|
|
156
|
-
<
|
|
157
|
-
<DataViewsBulkActionsToolbar />
|
|
153
|
+
<DataViewsFooter />
|
|
158
154
|
</div>
|
|
159
155
|
</DataViewsContext.Provider>
|
|
160
156
|
);
|