@wordpress/dataviews 4.8.0 → 4.9.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 +7 -2
- package/README.md +206 -17
- package/build/components/dataform/index.js +20 -8
- package/build/components/dataform/index.js.map +1 -1
- package/build/components/dataform-context/index.js +33 -0
- package/build/components/dataform-context/index.js.map +1 -0
- package/build/components/dataviews/index.js +3 -7
- package/build/components/dataviews/index.js.map +1 -1
- package/build/components/dataviews-context/index.js +1 -2
- package/build/components/dataviews-context/index.js.map +1 -1
- package/build/components/dataviews-filters/index.js +49 -31
- package/build/components/dataviews-filters/index.js.map +1 -1
- package/build/components/dataviews-item-actions/index.js +46 -20
- package/build/components/dataviews-item-actions/index.js.map +1 -1
- package/build/components/dataviews-layout/index.js +1 -3
- package/build/components/dataviews-layout/index.js.map +1 -1
- package/build/components/dataviews-view-config/index.js +4 -15
- package/build/components/dataviews-view-config/index.js.map +1 -1
- package/build/dataforms-layouts/data-form-layout.js +59 -0
- package/build/dataforms-layouts/data-form-layout.js.map +1 -0
- package/build/dataforms-layouts/index.js +4 -4
- package/build/dataforms-layouts/index.js.map +1 -1
- package/build/dataforms-layouts/is-combined-field.js +14 -0
- package/build/dataforms-layouts/is-combined-field.js.map +1 -0
- package/build/dataforms-layouts/panel/index.js +157 -72
- package/build/dataforms-layouts/panel/index.js.map +1 -1
- package/build/dataforms-layouts/regular/index.js +85 -19
- package/build/dataforms-layouts/regular/index.js.map +1 -1
- package/build/dataviews-layouts/grid/index.js +9 -9
- package/build/dataviews-layouts/grid/index.js.map +1 -1
- package/build/dataviews-layouts/grid/{density-picker.js → preview-size-picker.js} +40 -24
- package/build/dataviews-layouts/grid/preview-size-picker.js.map +1 -0
- package/build/dataviews-layouts/index.js +6 -2
- package/build/dataviews-layouts/index.js.map +1 -1
- package/build/dataviews-layouts/list/index.js +3 -2
- package/build/dataviews-layouts/list/index.js.map +1 -1
- package/build/dataviews-layouts/table/density-picker.js +51 -0
- package/build/dataviews-layouts/table/density-picker.js.map +1 -0
- package/build/dataviews-layouts/table/index.js +4 -1
- package/build/dataviews-layouts/table/index.js.map +1 -1
- package/build/normalize-fields.js +0 -21
- package/build/normalize-fields.js.map +1 -1
- package/build/normalize-form-fields.js +36 -0
- package/build/normalize-form-fields.js.map +1 -0
- package/build/types.js.map +1 -1
- package/build/validation.js.map +1 -1
- package/build-module/components/dataform/index.js +20 -8
- package/build-module/components/dataform/index.js.map +1 -1
- package/build-module/components/dataform-context/index.js +25 -0
- package/build-module/components/dataform-context/index.js.map +1 -0
- package/build-module/components/dataviews/index.js +4 -8
- package/build-module/components/dataviews/index.js.map +1 -1
- package/build-module/components/dataviews-context/index.js +1 -2
- package/build-module/components/dataviews-context/index.js.map +1 -1
- package/build-module/components/dataviews-filters/index.js +50 -32
- package/build-module/components/dataviews-filters/index.js.map +1 -1
- package/build-module/components/dataviews-item-actions/index.js +46 -20
- package/build-module/components/dataviews-item-actions/index.js.map +1 -1
- package/build-module/components/dataviews-layout/index.js +1 -3
- package/build-module/components/dataviews-layout/index.js.map +1 -1
- package/build-module/components/dataviews-view-config/index.js +5 -16
- package/build-module/components/dataviews-view-config/index.js.map +1 -1
- package/build-module/dataforms-layouts/data-form-layout.js +52 -0
- package/build-module/dataforms-layouts/data-form-layout.js.map +1 -0
- package/build-module/dataforms-layouts/index.js +7 -7
- package/build-module/dataforms-layouts/index.js.map +1 -1
- package/build-module/dataforms-layouts/is-combined-field.js +8 -0
- package/build-module/dataforms-layouts/is-combined-field.js.map +1 -0
- package/build-module/dataforms-layouts/panel/index.js +157 -71
- package/build-module/dataforms-layouts/panel/index.js.map +1 -1
- package/build-module/dataforms-layouts/regular/index.js +87 -20
- package/build-module/dataforms-layouts/regular/index.js.map +1 -1
- package/build-module/dataviews-layouts/grid/index.js +9 -9
- package/build-module/dataviews-layouts/grid/index.js.map +1 -1
- package/build-module/dataviews-layouts/grid/{density-picker.js → preview-size-picker.js} +38 -24
- package/build-module/dataviews-layouts/grid/preview-size-picker.js.map +1 -0
- package/build-module/dataviews-layouts/index.js +6 -2
- package/build-module/dataviews-layouts/index.js.map +1 -1
- package/build-module/dataviews-layouts/list/index.js +3 -2
- package/build-module/dataviews-layouts/list/index.js.map +1 -1
- package/build-module/dataviews-layouts/table/density-picker.js +43 -0
- package/build-module/dataviews-layouts/table/density-picker.js.map +1 -0
- package/build-module/dataviews-layouts/table/index.js +4 -1
- package/build-module/dataviews-layouts/table/index.js.map +1 -1
- package/build-module/normalize-fields.js +0 -20
- package/build-module/normalize-fields.js.map +1 -1
- package/build-module/normalize-form-fields.js +30 -0
- package/build-module/normalize-form-fields.js.map +1 -0
- package/build-module/types.js.map +1 -1
- package/build-module/validation.js.map +1 -1
- package/build-style/style-rtl.css +54 -13
- package/build-style/style.css +54 -13
- package/build-types/components/dataform/index.d.ts +1 -1
- package/build-types/components/dataform/index.d.ts.map +1 -1
- package/build-types/components/dataform/stories/index.story.d.ts +18 -7
- package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
- package/build-types/components/dataform-context/index.d.ts +13 -0
- package/build-types/components/dataform-context/index.d.ts.map +1 -0
- package/build-types/components/dataviews/index.d.ts.map +1 -1
- package/build-types/components/dataviews/stories/fixtures.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 +0 -1
- package/build-types/components/dataviews-context/index.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-item-actions/index.d.ts.map +1 -1
- package/build-types/components/dataviews-layout/index.d.ts.map +1 -1
- package/build-types/components/dataviews-view-config/index.d.ts +1 -3
- package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/data-form-layout.d.ts +16 -0
- package/build-types/dataforms-layouts/data-form-layout.d.ts.map +1 -0
- package/build-types/dataforms-layouts/index.d.ts +3 -3
- package/build-types/dataforms-layouts/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/is-combined-field.d.ts +6 -0
- package/build-types/dataforms-layouts/is-combined-field.d.ts.map +1 -0
- package/build-types/dataforms-layouts/panel/index.d.ts +5 -2
- package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -1
- package/build-types/dataforms-layouts/regular/index.d.ts +5 -2
- package/build-types/dataforms-layouts/regular/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/grid/index.d.ts +1 -1
- package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
- package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts +3 -0
- package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts.map +1 -0
- package/build-types/dataviews-layouts/index.d.ts +5 -0
- 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/density-picker.d.ts +2 -0
- package/build-types/dataviews-layouts/table/density-picker.d.ts.map +1 -0
- package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
- package/build-types/normalize-fields.d.ts +1 -9
- package/build-types/normalize-fields.d.ts.map +1 -1
- package/build-types/normalize-form-fields.d.ts +12 -0
- package/build-types/normalize-form-fields.d.ts.map +1 -0
- package/build-types/types.d.ts +31 -22
- package/build-types/types.d.ts.map +1 -1
- package/build-types/validation.d.ts +1 -1
- package/build-types/validation.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/dataform/index.tsx +22 -5
- package/src/components/dataform/stories/index.story.tsx +88 -49
- package/src/components/dataform-context/index.tsx +30 -0
- package/src/components/dataviews/index.tsx +2 -6
- package/src/components/dataviews/stories/fixtures.tsx +1 -0
- package/src/components/dataviews/stories/index.story.tsx +16 -3
- package/src/components/dataviews-context/index.ts +0 -2
- package/src/components/dataviews-filters/index.tsx +73 -38
- package/src/components/dataviews-item-actions/index.tsx +73 -25
- package/src/components/dataviews-layout/index.tsx +0 -2
- package/src/components/dataviews-view-config/index.tsx +7 -23
- package/src/dataforms-layouts/data-form-layout.tsx +87 -0
- package/src/dataforms-layouts/index.tsx +7 -7
- package/src/dataforms-layouts/is-combined-field.ts +10 -0
- package/src/dataforms-layouts/panel/index.tsx +192 -101
- package/src/dataforms-layouts/panel/style.scss +4 -0
- package/src/dataforms-layouts/regular/index.tsx +101 -37
- package/src/dataforms-layouts/regular/style.scss +30 -0
- package/src/dataviews-layouts/grid/index.tsx +10 -8
- package/src/dataviews-layouts/grid/{density-picker.tsx → preview-size-picker.tsx} +39 -26
- package/src/dataviews-layouts/grid/style.scss +3 -1
- package/src/dataviews-layouts/index.ts +4 -0
- package/src/dataviews-layouts/list/index.tsx +31 -27
- package/src/dataviews-layouts/table/density-picker.tsx +57 -0
- package/src/dataviews-layouts/table/index.tsx +12 -2
- package/src/dataviews-layouts/table/style.scss +32 -0
- package/src/normalize-fields.ts +1 -33
- package/src/normalize-form-fields.ts +42 -0
- package/src/style.scss +1 -1
- package/src/types.ts +36 -21
- package/src/validation.ts +1 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/build/components/dataform-combined-edit/index.js +0 -73
- package/build/components/dataform-combined-edit/index.js.map +0 -1
- package/build/dataforms-layouts/get-visible-fields.js +0 -21
- package/build/dataforms-layouts/get-visible-fields.js.map +0 -1
- package/build/dataviews-layouts/grid/density-picker.js.map +0 -1
- package/build-module/components/dataform-combined-edit/index.js +0 -66
- package/build-module/components/dataform-combined-edit/index.js.map +0 -1
- package/build-module/dataforms-layouts/get-visible-fields.js +0 -14
- package/build-module/dataforms-layouts/get-visible-fields.js.map +0 -1
- package/build-module/dataviews-layouts/grid/density-picker.js.map +0 -1
- package/build-types/components/dataform-combined-edit/index.d.ts +0 -7
- package/build-types/components/dataform-combined-edit/index.d.ts.map +0 -1
- package/build-types/dataforms-layouts/get-visible-fields.d.ts +0 -3
- package/build-types/dataforms-layouts/get-visible-fields.d.ts.map +0 -1
- package/build-types/dataviews-layouts/grid/density-picker.d.ts +0 -5
- package/build-types/dataviews-layouts/grid/density-picker.d.ts.map +0 -1
- package/src/components/dataform-combined-edit/index.tsx +0 -69
- package/src/components/dataform-combined-edit/style.scss +0 -16
- package/src/dataforms-layouts/get-visible-fields.ts +0 -29
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _components = require("@wordpress/components");
|
|
9
|
-
var _formFieldVisibility = _interopRequireDefault(require("../form-field-visibility"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
/**
|
|
12
|
-
* WordPress dependencies
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Internal dependencies
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
function Header({
|
|
20
|
-
title
|
|
21
|
-
}) {
|
|
22
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
|
|
23
|
-
className: "dataforms-layouts__dropdown-header",
|
|
24
|
-
spacing: 4,
|
|
25
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
|
|
26
|
-
alignment: "center",
|
|
27
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
|
|
28
|
-
level: 2,
|
|
29
|
-
size: 13,
|
|
30
|
-
children: title
|
|
31
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {})]
|
|
32
|
-
})
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
function DataFormCombinedEdit({
|
|
36
|
-
field,
|
|
37
|
-
data,
|
|
38
|
-
onChange,
|
|
39
|
-
hideLabelFromVision
|
|
40
|
-
}) {
|
|
41
|
-
var _field$children;
|
|
42
|
-
const className = 'dataforms-combined-edit';
|
|
43
|
-
const visibleChildren = ((_field$children = field.children) !== null && _field$children !== void 0 ? _field$children : []).map(fieldId => field.fields.find(({
|
|
44
|
-
id
|
|
45
|
-
}) => id === fieldId)).filter(childField => !!childField);
|
|
46
|
-
const children = visibleChildren.map(child => {
|
|
47
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFieldVisibility.default, {
|
|
48
|
-
data: data,
|
|
49
|
-
field: child,
|
|
50
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
51
|
-
className: "dataforms-combined-edit__field",
|
|
52
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(child.Edit, {
|
|
53
|
-
data: data,
|
|
54
|
-
field: child,
|
|
55
|
-
onChange: onChange
|
|
56
|
-
})
|
|
57
|
-
})
|
|
58
|
-
}, child.id);
|
|
59
|
-
});
|
|
60
|
-
const Stack = field.direction === 'horizontal' ? _components.__experimentalHStack : _components.__experimentalVStack;
|
|
61
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
62
|
-
children: [!hideLabelFromVision && /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {
|
|
63
|
-
title: field.label
|
|
64
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stack, {
|
|
65
|
-
spacing: 4,
|
|
66
|
-
className: className,
|
|
67
|
-
as: "fieldset",
|
|
68
|
-
children: children
|
|
69
|
-
})]
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
var _default = exports.default = DataFormCombinedEdit;
|
|
73
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","_formFieldVisibility","_interopRequireDefault","_jsxRuntime","Header","title","jsx","__experimentalVStack","className","spacing","children","jsxs","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","DataFormCombinedEdit","field","data","onChange","hideLabelFromVision","_field$children","visibleChildren","map","fieldId","fields","find","id","filter","childField","child","default","Edit","Stack","direction","HStack","VStack","Fragment","label","as","_default","exports"],"sources":["@wordpress/dataviews/src/components/dataform-combined-edit/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormCombinedEditProps, NormalizedField } from '../../types';\nimport FormFieldVisibility from '../form-field-visibility';\n\nfunction Header( { title }: { title: string } ) {\n\treturn (\n\t\t<VStack className=\"dataforms-layouts__dropdown-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nfunction DataFormCombinedEdit< Item >( {\n\tfield,\n\tdata,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormCombinedEditProps< Item > ) {\n\tconst className = 'dataforms-combined-edit';\n\tconst visibleChildren = ( field.children ?? [] )\n\t\t.map( ( fieldId ) => field.fields.find( ( { id } ) => id === fieldId ) )\n\t\t.filter(\n\t\t\t( childField ): childField is NormalizedField< Item > =>\n\t\t\t\t!! childField\n\t\t);\n\tconst children = visibleChildren.map( ( child ) => {\n\t\treturn (\n\t\t\t<FormFieldVisibility key={ child.id } data={ data } field={ child }>\n\t\t\t\t<div className=\"dataforms-combined-edit__field\">\n\t\t\t\t\t<child.Edit\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ child }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</FormFieldVisibility>\n\t\t);\n\t} );\n\n\tconst Stack = field.direction === 'horizontal' ? HStack : VStack;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! hideLabelFromVision && <Header title={ field.label } /> }\n\t\t\t<Stack spacing={ 4 } className={ className } as=\"fieldset\">\n\t\t\t\t{ children }\n\t\t\t</Stack>\n\t\t</>\n\t);\n}\n\nexport default DataFormCombinedEdit;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAd3D;AACA;AACA;;AAQA;AACA;AACA;;AAIA,SAASI,MAAMA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EAC/C,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACP,WAAA,CAAAQ,oBAAM;IAACC,SAAS,EAAC,oCAAoC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,eACnE,IAAAP,WAAA,CAAAQ,IAAA,EAACZ,WAAA,CAAAa,oBAAM;MAACC,SAAS,EAAC,QAAQ;MAAAH,QAAA,gBACzB,IAAAP,WAAA,CAAAG,GAAA,EAACP,WAAA,CAAAe,qBAAO;QAACC,KAAK,EAAG,CAAG;QAACC,IAAI,EAAG,EAAI;QAAAN,QAAA,EAC7BL;MAAK,CACC,CAAC,eACV,IAAAF,WAAA,CAAAG,GAAA,EAACP,WAAA,CAAAkB,oBAAM,IAAE,CAAC;IAAA,CACH;EAAC,CACF,CAAC;AAEX;AAEA,SAASC,oBAAoBA,CAAU;EACtCC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC;AACkC,CAAC,EAAG;EAAA,IAAAC,eAAA;EACtC,MAAMf,SAAS,GAAG,yBAAyB;EAC3C,MAAMgB,eAAe,GAAG,EAAAD,eAAA,GAAEJ,KAAK,CAACT,QAAQ,cAAAa,eAAA,cAAAA,eAAA,GAAI,EAAE,EAC5CE,GAAG,CAAIC,OAAO,IAAMP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAMA,EAAE,KAAKH,OAAQ,CAAE,CAAC,CACvEI,MAAM,CACJC,UAAU,IACX,CAAC,CAAEA,UACL,CAAC;EACF,MAAMrB,QAAQ,GAAGc,eAAe,CAACC,GAAG,CAAIO,KAAK,IAAM;IAClD,oBACC,IAAA7B,WAAA,CAAAG,GAAA,EAACL,oBAAA,CAAAgC,OAAmB;MAAkBb,IAAI,EAAGA,IAAM;MAACD,KAAK,EAAGa,KAAO;MAAAtB,QAAA,eAClE,IAAAP,WAAA,CAAAG,GAAA;QAAKE,SAAS,EAAC,gCAAgC;QAAAE,QAAA,eAC9C,IAAAP,WAAA,CAAAG,GAAA,EAAC0B,KAAK,CAACE,IAAI;UACVd,IAAI,EAAGA,IAAM;UACbD,KAAK,EAAGa,KAAO;UACfX,QAAQ,EAAGA;QAAU,CACrB;MAAC,CACE;IAAC,GAPoBW,KAAK,CAACH,EAQZ,CAAC;EAExB,CAAE,CAAC;EAEH,MAAMM,KAAK,GAAGhB,KAAK,CAACiB,SAAS,KAAK,YAAY,GAAGC,gCAAM,GAAGC,gCAAM;EAEhE,oBACC,IAAAnC,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAoC,QAAA;IAAA7B,QAAA,GACG,CAAEY,mBAAmB,iBAAI,IAAAnB,WAAA,CAAAG,GAAA,EAACF,MAAM;MAACC,KAAK,EAAGc,KAAK,CAACqB;IAAO,CAAE,CAAC,eAC3D,IAAArC,WAAA,CAAAG,GAAA,EAAC6B,KAAK;MAAC1B,OAAO,EAAG,CAAG;MAACD,SAAS,EAAGA,SAAW;MAACiC,EAAE,EAAC,UAAU;MAAA/B,QAAA,EACvDA;IAAQ,CACJ,CAAC;EAAA,CACP,CAAC;AAEL;AAAC,IAAAgC,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcf,oBAAoB","ignoreList":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getVisibleFields = getVisibleFields;
|
|
7
|
-
var _normalizeFields = require("../normalize-fields");
|
|
8
|
-
/**
|
|
9
|
-
* Internal dependencies
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
function getVisibleFields(fields, formFields = [], combinedFields) {
|
|
13
|
-
const visibleFields = [...fields];
|
|
14
|
-
if (combinedFields) {
|
|
15
|
-
visibleFields.push(...(0, _normalizeFields.normalizeCombinedFields)(combinedFields, fields));
|
|
16
|
-
}
|
|
17
|
-
return formFields.map(fieldId => visibleFields.find(({
|
|
18
|
-
id
|
|
19
|
-
}) => id === fieldId)).filter(field => !!field);
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=get-visible-fields.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_normalizeFields","require","getVisibleFields","fields","formFields","combinedFields","visibleFields","push","normalizeCombinedFields","map","fieldId","find","id","filter","field"],"sources":["@wordpress/dataviews/src/dataforms-layouts/get-visible-fields.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { normalizeCombinedFields } from '../normalize-fields';\nimport type {\n\tField,\n\tCombinedFormField,\n\tNormalizedCombinedFormField,\n} from '../types';\n\nexport function getVisibleFields< Item >(\n\tfields: Field< Item >[],\n\tformFields: string[] = [],\n\tcombinedFields?: CombinedFormField< Item >[]\n): Field< Item >[] {\n\tconst visibleFields: Array<\n\t\tField< Item > | NormalizedCombinedFormField< Item >\n\t> = [ ...fields ];\n\tif ( combinedFields ) {\n\t\tvisibleFields.push(\n\t\t\t...normalizeCombinedFields( combinedFields, fields )\n\t\t);\n\t}\n\treturn formFields\n\t\t.map( ( fieldId ) =>\n\t\t\tvisibleFields.find( ( { id } ) => id === fieldId )\n\t\t)\n\t\t.filter( ( field ): field is Field< Item > => !! field );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,gBAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAQO,SAASC,gBAAgBA,CAC/BC,MAAuB,EACvBC,UAAoB,GAAG,EAAE,EACzBC,cAA4C,EAC1B;EAClB,MAAMC,aAEL,GAAG,CAAE,GAAGH,MAAM,CAAE;EACjB,IAAKE,cAAc,EAAG;IACrBC,aAAa,CAACC,IAAI,CACjB,GAAG,IAAAC,wCAAuB,EAAEH,cAAc,EAAEF,MAAO,CACpD,CAAC;EACF;EACA,OAAOC,UAAU,CACfK,GAAG,CAAIC,OAAO,IACdJ,aAAa,CAACK,IAAI,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAMA,EAAE,KAAKF,OAAQ,CAClD,CAAC,CACAG,MAAM,CAAIC,KAAK,IAA8B,CAAC,CAAEA,KAAM,CAAC;AAC1D","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","_i18n","_compose","_element","_jsxRuntime","viewportBreaks","xhuge","min","max","default","huge","xlarge","large","mobile","useViewPortBreakpoint","isXHuge","useViewportMatch","isHuge","isXlarge","isLarge","isMobile","DensityPicker","density","setDensity","viewport","useEffect","_density","breakValues","densityToUse","marks","useMemo","Array","from","length","_","i","value","jsx","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","showTooltip","label","__","withInputField","onChange","step"],"sources":["@wordpress/dataviews/src/dataviews-layouts/grid/density-picker.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RangeControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useEffect, useMemo } from '@wordpress/element';\n\nconst viewportBreaks = {\n\txhuge: { min: 3, max: 6, default: 5 },\n\thuge: { min: 2, max: 4, default: 4 },\n\txlarge: { min: 2, max: 3, default: 3 },\n\tlarge: { min: 1, max: 2, default: 2 },\n\tmobile: { min: 1, max: 2, default: 2 },\n};\n\nfunction useViewPortBreakpoint() {\n\tconst isXHuge = useViewportMatch( 'xhuge', '>=' );\n\tconst isHuge = useViewportMatch( 'huge', '>=' );\n\tconst isXlarge = useViewportMatch( 'xlarge', '>=' );\n\tconst isLarge = useViewportMatch( 'large', '>=' );\n\tconst isMobile = useViewportMatch( 'mobile', '>=' );\n\n\tif ( isXHuge ) {\n\t\treturn 'xhuge';\n\t}\n\tif ( isHuge ) {\n\t\treturn 'huge';\n\t}\n\tif ( isXlarge ) {\n\t\treturn 'xlarge';\n\t}\n\tif ( isLarge ) {\n\t\treturn 'large';\n\t}\n\tif ( isMobile ) {\n\t\treturn 'mobile';\n\t}\n\treturn null;\n}\n\nexport default function DensityPicker( {\n\tdensity,\n\tsetDensity,\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n} ) {\n\tconst viewport = useViewPortBreakpoint();\n\tuseEffect( () => {\n\t\tsetDensity( ( _density ) => {\n\t\t\tif ( ! viewport || ! _density ) {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t\tconst breakValues = viewportBreaks[ viewport ];\n\t\t\tif ( _density < breakValues.min ) {\n\t\t\t\treturn breakValues.min;\n\t\t\t}\n\t\t\tif ( _density > breakValues.max ) {\n\t\t\t\treturn breakValues.max;\n\t\t\t}\n\t\t\treturn _density;\n\t\t} );\n\t}, [ setDensity, viewport ] );\n\tconst breakValues = viewportBreaks[ viewport || 'mobile' ];\n\tconst densityToUse = density || breakValues.default;\n\n\tconst marks = useMemo(\n\t\t() =>\n\t\t\tArray.from(\n\t\t\t\t{ length: breakValues.max - breakValues.min + 1 },\n\t\t\t\t( _, i ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: breakValues.min + i,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t),\n\t\t[ breakValues ]\n\t);\n\n\tif ( ! viewport ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<RangeControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tshowTooltip={ false }\n\t\t\tlabel={ __( 'Preview size' ) }\n\t\t\tvalue={ breakValues.max + breakValues.min - densityToUse }\n\t\t\tmarks={ marks }\n\t\t\tmin={ breakValues.min }\n\t\t\tmax={ breakValues.max }\n\t\t\twithInputField={ false }\n\t\t\tonChange={ ( value = 0 ) => {\n\t\t\t\tsetDensity( breakValues.max + breakValues.min - value );\n\t\t\t} }\n\t\t\tstep={ 1 }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalHeading as Heading, __experimentalSpacer as Spacer } from '@wordpress/components';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Internal dependencies
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
import FormFieldVisibility from '../form-field-visibility';
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
|
-
function Header({
|
|
13
|
-
title
|
|
14
|
-
}) {
|
|
15
|
-
return /*#__PURE__*/_jsx(VStack, {
|
|
16
|
-
className: "dataforms-layouts__dropdown-header",
|
|
17
|
-
spacing: 4,
|
|
18
|
-
children: /*#__PURE__*/_jsxs(HStack, {
|
|
19
|
-
alignment: "center",
|
|
20
|
-
children: [/*#__PURE__*/_jsx(Heading, {
|
|
21
|
-
level: 2,
|
|
22
|
-
size: 13,
|
|
23
|
-
children: title
|
|
24
|
-
}), /*#__PURE__*/_jsx(Spacer, {})]
|
|
25
|
-
})
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
function DataFormCombinedEdit({
|
|
29
|
-
field,
|
|
30
|
-
data,
|
|
31
|
-
onChange,
|
|
32
|
-
hideLabelFromVision
|
|
33
|
-
}) {
|
|
34
|
-
var _field$children;
|
|
35
|
-
const className = 'dataforms-combined-edit';
|
|
36
|
-
const visibleChildren = ((_field$children = field.children) !== null && _field$children !== void 0 ? _field$children : []).map(fieldId => field.fields.find(({
|
|
37
|
-
id
|
|
38
|
-
}) => id === fieldId)).filter(childField => !!childField);
|
|
39
|
-
const children = visibleChildren.map(child => {
|
|
40
|
-
return /*#__PURE__*/_jsx(FormFieldVisibility, {
|
|
41
|
-
data: data,
|
|
42
|
-
field: child,
|
|
43
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
44
|
-
className: "dataforms-combined-edit__field",
|
|
45
|
-
children: /*#__PURE__*/_jsx(child.Edit, {
|
|
46
|
-
data: data,
|
|
47
|
-
field: child,
|
|
48
|
-
onChange: onChange
|
|
49
|
-
})
|
|
50
|
-
})
|
|
51
|
-
}, child.id);
|
|
52
|
-
});
|
|
53
|
-
const Stack = field.direction === 'horizontal' ? HStack : VStack;
|
|
54
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
55
|
-
children: [!hideLabelFromVision && /*#__PURE__*/_jsx(Header, {
|
|
56
|
-
title: field.label
|
|
57
|
-
}), /*#__PURE__*/_jsx(Stack, {
|
|
58
|
-
spacing: 4,
|
|
59
|
-
className: className,
|
|
60
|
-
as: "fieldset",
|
|
61
|
-
children: children
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
export default DataFormCombinedEdit;
|
|
66
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalSpacer","Spacer","FormFieldVisibility","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Header","title","className","spacing","children","alignment","level","size","DataFormCombinedEdit","field","data","onChange","hideLabelFromVision","_field$children","visibleChildren","map","fieldId","fields","find","id","filter","childField","child","Edit","Stack","direction","label","as"],"sources":["@wordpress/dataviews/src/components/dataform-combined-edit/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormCombinedEditProps, NormalizedField } from '../../types';\nimport FormFieldVisibility from '../form-field-visibility';\n\nfunction Header( { title }: { title: string } ) {\n\treturn (\n\t\t<VStack className=\"dataforms-layouts__dropdown-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nfunction DataFormCombinedEdit< Item >( {\n\tfield,\n\tdata,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormCombinedEditProps< Item > ) {\n\tconst className = 'dataforms-combined-edit';\n\tconst visibleChildren = ( field.children ?? [] )\n\t\t.map( ( fieldId ) => field.fields.find( ( { id } ) => id === fieldId ) )\n\t\t.filter(\n\t\t\t( childField ): childField is NormalizedField< Item > =>\n\t\t\t\t!! childField\n\t\t);\n\tconst children = visibleChildren.map( ( child ) => {\n\t\treturn (\n\t\t\t<FormFieldVisibility key={ child.id } data={ data } field={ child }>\n\t\t\t\t<div className=\"dataforms-combined-edit__field\">\n\t\t\t\t\t<child.Edit\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ child }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</FormFieldVisibility>\n\t\t);\n\t} );\n\n\tconst Stack = field.direction === 'horizontal' ? HStack : VStack;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! hideLabelFromVision && <Header title={ field.label } /> }\n\t\t\t<Stack spacing={ 4 } className={ className } as=\"fieldset\">\n\t\t\t\t{ children }\n\t\t\t</Stack>\n\t\t</>\n\t);\n}\n\nexport default DataFormCombinedEdit;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;;AAEA,OAAOC,mBAAmB,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3D,SAASC,MAAMA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EAC/C,oBACCN,IAAA,CAACP,MAAM;IAACc,SAAS,EAAC,oCAAoC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,eACnEP,KAAA,CAACX,MAAM;MAACmB,SAAS,EAAC,QAAQ;MAAAD,QAAA,gBACzBT,IAAA,CAACL,OAAO;QAACgB,KAAK,EAAG,CAAG;QAACC,IAAI,EAAG,EAAI;QAAAH,QAAA,EAC7BH;MAAK,CACC,CAAC,eACVN,IAAA,CAACH,MAAM,IAAE,CAAC;IAAA,CACH;EAAC,CACF,CAAC;AAEX;AAEA,SAASgB,oBAAoBA,CAAU;EACtCC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC;AACkC,CAAC,EAAG;EAAA,IAAAC,eAAA;EACtC,MAAMX,SAAS,GAAG,yBAAyB;EAC3C,MAAMY,eAAe,GAAG,EAAAD,eAAA,GAAEJ,KAAK,CAACL,QAAQ,cAAAS,eAAA,cAAAA,eAAA,GAAI,EAAE,EAC5CE,GAAG,CAAIC,OAAO,IAAMP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAMA,EAAE,KAAKH,OAAQ,CAAE,CAAC,CACvEI,MAAM,CACJC,UAAU,IACX,CAAC,CAAEA,UACL,CAAC;EACF,MAAMjB,QAAQ,GAAGU,eAAe,CAACC,GAAG,CAAIO,KAAK,IAAM;IAClD,oBACC3B,IAAA,CAACF,mBAAmB;MAAkBiB,IAAI,EAAGA,IAAM;MAACD,KAAK,EAAGa,KAAO;MAAAlB,QAAA,eAClET,IAAA;QAAKO,SAAS,EAAC,gCAAgC;QAAAE,QAAA,eAC9CT,IAAA,CAAC2B,KAAK,CAACC,IAAI;UACVb,IAAI,EAAGA,IAAM;UACbD,KAAK,EAAGa,KAAO;UACfX,QAAQ,EAAGA;QAAU,CACrB;MAAC,CACE;IAAC,GAPoBW,KAAK,CAACH,EAQZ,CAAC;EAExB,CAAE,CAAC;EAEH,MAAMK,KAAK,GAAGf,KAAK,CAACgB,SAAS,KAAK,YAAY,GAAGvC,MAAM,GAAGE,MAAM;EAEhE,oBACCS,KAAA,CAAAE,SAAA;IAAAK,QAAA,GACG,CAAEQ,mBAAmB,iBAAIjB,IAAA,CAACK,MAAM;MAACC,KAAK,EAAGQ,KAAK,CAACiB;IAAO,CAAE,CAAC,eAC3D/B,IAAA,CAAC6B,KAAK;MAACrB,OAAO,EAAG,CAAG;MAACD,SAAS,EAAGA,SAAW;MAACyB,EAAE,EAAC,UAAU;MAAAvB,QAAA,EACvDA;IAAQ,CACJ,CAAC;EAAA,CACP,CAAC;AAEL;AAEA,eAAeI,oBAAoB","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Internal dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { normalizeCombinedFields } from '../normalize-fields';
|
|
5
|
-
export function getVisibleFields(fields, formFields = [], combinedFields) {
|
|
6
|
-
const visibleFields = [...fields];
|
|
7
|
-
if (combinedFields) {
|
|
8
|
-
visibleFields.push(...normalizeCombinedFields(combinedFields, fields));
|
|
9
|
-
}
|
|
10
|
-
return formFields.map(fieldId => visibleFields.find(({
|
|
11
|
-
id
|
|
12
|
-
}) => id === fieldId)).filter(field => !!field);
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=get-visible-fields.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["normalizeCombinedFields","getVisibleFields","fields","formFields","combinedFields","visibleFields","push","map","fieldId","find","id","filter","field"],"sources":["@wordpress/dataviews/src/dataforms-layouts/get-visible-fields.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { normalizeCombinedFields } from '../normalize-fields';\nimport type {\n\tField,\n\tCombinedFormField,\n\tNormalizedCombinedFormField,\n} from '../types';\n\nexport function getVisibleFields< Item >(\n\tfields: Field< Item >[],\n\tformFields: string[] = [],\n\tcombinedFields?: CombinedFormField< Item >[]\n): Field< Item >[] {\n\tconst visibleFields: Array<\n\t\tField< Item > | NormalizedCombinedFormField< Item >\n\t> = [ ...fields ];\n\tif ( combinedFields ) {\n\t\tvisibleFields.push(\n\t\t\t...normalizeCombinedFields( combinedFields, fields )\n\t\t);\n\t}\n\treturn formFields\n\t\t.map( ( fieldId ) =>\n\t\t\tvisibleFields.find( ( { id } ) => id === fieldId )\n\t\t)\n\t\t.filter( ( field ): field is Field< Item > => !! field );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,QAAQ,qBAAqB;AAO7D,OAAO,SAASC,gBAAgBA,CAC/BC,MAAuB,EACvBC,UAAoB,GAAG,EAAE,EACzBC,cAA4C,EAC1B;EAClB,MAAMC,aAEL,GAAG,CAAE,GAAGH,MAAM,CAAE;EACjB,IAAKE,cAAc,EAAG;IACrBC,aAAa,CAACC,IAAI,CACjB,GAAGN,uBAAuB,CAAEI,cAAc,EAAEF,MAAO,CACpD,CAAC;EACF;EACA,OAAOC,UAAU,CACfI,GAAG,CAAIC,OAAO,IACdH,aAAa,CAACI,IAAI,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAMA,EAAE,KAAKF,OAAQ,CAClD,CAAC,CACAG,MAAM,CAAIC,KAAK,IAA8B,CAAC,CAAEA,KAAM,CAAC;AAC1D","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["RangeControl","__","useViewportMatch","useEffect","useMemo","jsx","_jsx","viewportBreaks","xhuge","min","max","default","huge","xlarge","large","mobile","useViewPortBreakpoint","isXHuge","isHuge","isXlarge","isLarge","isMobile","DensityPicker","density","setDensity","viewport","_density","breakValues","densityToUse","marks","Array","from","length","_","i","value","__nextHasNoMarginBottom","__next40pxDefaultSize","showTooltip","label","withInputField","onChange","step"],"sources":["@wordpress/dataviews/src/dataviews-layouts/grid/density-picker.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RangeControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useEffect, useMemo } from '@wordpress/element';\n\nconst viewportBreaks = {\n\txhuge: { min: 3, max: 6, default: 5 },\n\thuge: { min: 2, max: 4, default: 4 },\n\txlarge: { min: 2, max: 3, default: 3 },\n\tlarge: { min: 1, max: 2, default: 2 },\n\tmobile: { min: 1, max: 2, default: 2 },\n};\n\nfunction useViewPortBreakpoint() {\n\tconst isXHuge = useViewportMatch( 'xhuge', '>=' );\n\tconst isHuge = useViewportMatch( 'huge', '>=' );\n\tconst isXlarge = useViewportMatch( 'xlarge', '>=' );\n\tconst isLarge = useViewportMatch( 'large', '>=' );\n\tconst isMobile = useViewportMatch( 'mobile', '>=' );\n\n\tif ( isXHuge ) {\n\t\treturn 'xhuge';\n\t}\n\tif ( isHuge ) {\n\t\treturn 'huge';\n\t}\n\tif ( isXlarge ) {\n\t\treturn 'xlarge';\n\t}\n\tif ( isLarge ) {\n\t\treturn 'large';\n\t}\n\tif ( isMobile ) {\n\t\treturn 'mobile';\n\t}\n\treturn null;\n}\n\nexport default function DensityPicker( {\n\tdensity,\n\tsetDensity,\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n} ) {\n\tconst viewport = useViewPortBreakpoint();\n\tuseEffect( () => {\n\t\tsetDensity( ( _density ) => {\n\t\t\tif ( ! viewport || ! _density ) {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t\tconst breakValues = viewportBreaks[ viewport ];\n\t\t\tif ( _density < breakValues.min ) {\n\t\t\t\treturn breakValues.min;\n\t\t\t}\n\t\t\tif ( _density > breakValues.max ) {\n\t\t\t\treturn breakValues.max;\n\t\t\t}\n\t\t\treturn _density;\n\t\t} );\n\t}, [ setDensity, viewport ] );\n\tconst breakValues = viewportBreaks[ viewport || 'mobile' ];\n\tconst densityToUse = density || breakValues.default;\n\n\tconst marks = useMemo(\n\t\t() =>\n\t\t\tArray.from(\n\t\t\t\t{ length: breakValues.max - breakValues.min + 1 },\n\t\t\t\t( _, i ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: breakValues.min + i,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t),\n\t\t[ breakValues ]\n\t);\n\n\tif ( ! viewport ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<RangeControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tshowTooltip={ false }\n\t\t\tlabel={ __( 'Preview size' ) }\n\t\t\tvalue={ breakValues.max + breakValues.min - densityToUse }\n\t\t\tmarks={ marks }\n\t\t\tmin={ breakValues.min }\n\t\t\tmax={ breakValues.max }\n\t\t\twithInputField={ false }\n\t\t\tonChange={ ( value = 0 ) => {\n\t\t\t\tsetDensity( breakValues.max + breakValues.min - value );\n\t\t\t} }\n\t\t\tstep={ 1 }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Internal dependencies
|
|
3
|
-
*/
|
|
4
|
-
import type { DataFormCombinedEditProps } from '../../types';
|
|
5
|
-
declare function DataFormCombinedEdit<Item>({ field, data, onChange, hideLabelFromVision, }: DataFormCombinedEditProps<Item>): import("react").JSX.Element;
|
|
6
|
-
export default DataFormCombinedEdit;
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-combined-edit/index.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,KAAK,EAAE,yBAAyB,EAAmB,MAAM,aAAa,CAAC;AAgB9E,iBAAS,oBAAoB,CAAE,IAAI,EAAI,EACtC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,mBAAmB,GACnB,EAAE,yBAAyB,CAAE,IAAI,CAAE,+BAgCnC;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"get-visible-fields.d.ts","sourceRoot":"","sources":["../../src/dataforms-layouts/get-visible-fields.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACX,KAAK,EACL,iBAAiB,EAEjB,MAAM,UAAU,CAAC;AAElB,wBAAgB,gBAAgB,CAAE,IAAI,EACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,EACvB,UAAU,GAAE,MAAM,EAAO,EACzB,cAAc,CAAC,EAAE,iBAAiB,CAAE,IAAI,CAAE,EAAE,GAC1C,KAAK,CAAE,IAAI,CAAE,EAAE,CAcjB"}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import {
|
|
5
|
-
__experimentalHStack as HStack,
|
|
6
|
-
__experimentalVStack as VStack,
|
|
7
|
-
__experimentalHeading as Heading,
|
|
8
|
-
__experimentalSpacer as Spacer,
|
|
9
|
-
} from '@wordpress/components';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Internal dependencies
|
|
13
|
-
*/
|
|
14
|
-
import type { DataFormCombinedEditProps, NormalizedField } from '../../types';
|
|
15
|
-
import FormFieldVisibility from '../form-field-visibility';
|
|
16
|
-
|
|
17
|
-
function Header( { title }: { title: string } ) {
|
|
18
|
-
return (
|
|
19
|
-
<VStack className="dataforms-layouts__dropdown-header" spacing={ 4 }>
|
|
20
|
-
<HStack alignment="center">
|
|
21
|
-
<Heading level={ 2 } size={ 13 }>
|
|
22
|
-
{ title }
|
|
23
|
-
</Heading>
|
|
24
|
-
<Spacer />
|
|
25
|
-
</HStack>
|
|
26
|
-
</VStack>
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function DataFormCombinedEdit< Item >( {
|
|
31
|
-
field,
|
|
32
|
-
data,
|
|
33
|
-
onChange,
|
|
34
|
-
hideLabelFromVision,
|
|
35
|
-
}: DataFormCombinedEditProps< Item > ) {
|
|
36
|
-
const className = 'dataforms-combined-edit';
|
|
37
|
-
const visibleChildren = ( field.children ?? [] )
|
|
38
|
-
.map( ( fieldId ) => field.fields.find( ( { id } ) => id === fieldId ) )
|
|
39
|
-
.filter(
|
|
40
|
-
( childField ): childField is NormalizedField< Item > =>
|
|
41
|
-
!! childField
|
|
42
|
-
);
|
|
43
|
-
const children = visibleChildren.map( ( child ) => {
|
|
44
|
-
return (
|
|
45
|
-
<FormFieldVisibility key={ child.id } data={ data } field={ child }>
|
|
46
|
-
<div className="dataforms-combined-edit__field">
|
|
47
|
-
<child.Edit
|
|
48
|
-
data={ data }
|
|
49
|
-
field={ child }
|
|
50
|
-
onChange={ onChange }
|
|
51
|
-
/>
|
|
52
|
-
</div>
|
|
53
|
-
</FormFieldVisibility>
|
|
54
|
-
);
|
|
55
|
-
} );
|
|
56
|
-
|
|
57
|
-
const Stack = field.direction === 'horizontal' ? HStack : VStack;
|
|
58
|
-
|
|
59
|
-
return (
|
|
60
|
-
<>
|
|
61
|
-
{ ! hideLabelFromVision && <Header title={ field.label } /> }
|
|
62
|
-
<Stack spacing={ 4 } className={ className } as="fieldset">
|
|
63
|
-
{ children }
|
|
64
|
-
</Stack>
|
|
65
|
-
</>
|
|
66
|
-
);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export default DataFormCombinedEdit;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
.dataforms-layouts-panel__field-dropdown {
|
|
2
|
-
.dataforms-combined-edit {
|
|
3
|
-
border: none;
|
|
4
|
-
padding: 0;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.dataforms-combined-edit {
|
|
9
|
-
&__field {
|
|
10
|
-
flex: 1 1 auto;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
p.components-base-control__help:has(.components-checkbox-control__help) {
|
|
14
|
-
margin-top: $grid-unit-05;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Internal dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { normalizeCombinedFields } from '../normalize-fields';
|
|
5
|
-
import type {
|
|
6
|
-
Field,
|
|
7
|
-
CombinedFormField,
|
|
8
|
-
NormalizedCombinedFormField,
|
|
9
|
-
} from '../types';
|
|
10
|
-
|
|
11
|
-
export function getVisibleFields< Item >(
|
|
12
|
-
fields: Field< Item >[],
|
|
13
|
-
formFields: string[] = [],
|
|
14
|
-
combinedFields?: CombinedFormField< Item >[]
|
|
15
|
-
): Field< Item >[] {
|
|
16
|
-
const visibleFields: Array<
|
|
17
|
-
Field< Item > | NormalizedCombinedFormField< Item >
|
|
18
|
-
> = [ ...fields ];
|
|
19
|
-
if ( combinedFields ) {
|
|
20
|
-
visibleFields.push(
|
|
21
|
-
...normalizeCombinedFields( combinedFields, fields )
|
|
22
|
-
);
|
|
23
|
-
}
|
|
24
|
-
return formFields
|
|
25
|
-
.map( ( fieldId ) =>
|
|
26
|
-
visibleFields.find( ( { id } ) => id === fieldId )
|
|
27
|
-
)
|
|
28
|
-
.filter( ( field ): field is Field< Item > => !! field );
|
|
29
|
-
}
|