@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.
Files changed (189) hide show
  1. package/CHANGELOG.md +7 -2
  2. package/README.md +206 -17
  3. package/build/components/dataform/index.js +20 -8
  4. package/build/components/dataform/index.js.map +1 -1
  5. package/build/components/dataform-context/index.js +33 -0
  6. package/build/components/dataform-context/index.js.map +1 -0
  7. package/build/components/dataviews/index.js +3 -7
  8. package/build/components/dataviews/index.js.map +1 -1
  9. package/build/components/dataviews-context/index.js +1 -2
  10. package/build/components/dataviews-context/index.js.map +1 -1
  11. package/build/components/dataviews-filters/index.js +49 -31
  12. package/build/components/dataviews-filters/index.js.map +1 -1
  13. package/build/components/dataviews-item-actions/index.js +46 -20
  14. package/build/components/dataviews-item-actions/index.js.map +1 -1
  15. package/build/components/dataviews-layout/index.js +1 -3
  16. package/build/components/dataviews-layout/index.js.map +1 -1
  17. package/build/components/dataviews-view-config/index.js +4 -15
  18. package/build/components/dataviews-view-config/index.js.map +1 -1
  19. package/build/dataforms-layouts/data-form-layout.js +59 -0
  20. package/build/dataforms-layouts/data-form-layout.js.map +1 -0
  21. package/build/dataforms-layouts/index.js +4 -4
  22. package/build/dataforms-layouts/index.js.map +1 -1
  23. package/build/dataforms-layouts/is-combined-field.js +14 -0
  24. package/build/dataforms-layouts/is-combined-field.js.map +1 -0
  25. package/build/dataforms-layouts/panel/index.js +157 -72
  26. package/build/dataforms-layouts/panel/index.js.map +1 -1
  27. package/build/dataforms-layouts/regular/index.js +85 -19
  28. package/build/dataforms-layouts/regular/index.js.map +1 -1
  29. package/build/dataviews-layouts/grid/index.js +9 -9
  30. package/build/dataviews-layouts/grid/index.js.map +1 -1
  31. package/build/dataviews-layouts/grid/{density-picker.js → preview-size-picker.js} +40 -24
  32. package/build/dataviews-layouts/grid/preview-size-picker.js.map +1 -0
  33. package/build/dataviews-layouts/index.js +6 -2
  34. package/build/dataviews-layouts/index.js.map +1 -1
  35. package/build/dataviews-layouts/list/index.js +3 -2
  36. package/build/dataviews-layouts/list/index.js.map +1 -1
  37. package/build/dataviews-layouts/table/density-picker.js +51 -0
  38. package/build/dataviews-layouts/table/density-picker.js.map +1 -0
  39. package/build/dataviews-layouts/table/index.js +4 -1
  40. package/build/dataviews-layouts/table/index.js.map +1 -1
  41. package/build/normalize-fields.js +0 -21
  42. package/build/normalize-fields.js.map +1 -1
  43. package/build/normalize-form-fields.js +36 -0
  44. package/build/normalize-form-fields.js.map +1 -0
  45. package/build/types.js.map +1 -1
  46. package/build/validation.js.map +1 -1
  47. package/build-module/components/dataform/index.js +20 -8
  48. package/build-module/components/dataform/index.js.map +1 -1
  49. package/build-module/components/dataform-context/index.js +25 -0
  50. package/build-module/components/dataform-context/index.js.map +1 -0
  51. package/build-module/components/dataviews/index.js +4 -8
  52. package/build-module/components/dataviews/index.js.map +1 -1
  53. package/build-module/components/dataviews-context/index.js +1 -2
  54. package/build-module/components/dataviews-context/index.js.map +1 -1
  55. package/build-module/components/dataviews-filters/index.js +50 -32
  56. package/build-module/components/dataviews-filters/index.js.map +1 -1
  57. package/build-module/components/dataviews-item-actions/index.js +46 -20
  58. package/build-module/components/dataviews-item-actions/index.js.map +1 -1
  59. package/build-module/components/dataviews-layout/index.js +1 -3
  60. package/build-module/components/dataviews-layout/index.js.map +1 -1
  61. package/build-module/components/dataviews-view-config/index.js +5 -16
  62. package/build-module/components/dataviews-view-config/index.js.map +1 -1
  63. package/build-module/dataforms-layouts/data-form-layout.js +52 -0
  64. package/build-module/dataforms-layouts/data-form-layout.js.map +1 -0
  65. package/build-module/dataforms-layouts/index.js +7 -7
  66. package/build-module/dataforms-layouts/index.js.map +1 -1
  67. package/build-module/dataforms-layouts/is-combined-field.js +8 -0
  68. package/build-module/dataforms-layouts/is-combined-field.js.map +1 -0
  69. package/build-module/dataforms-layouts/panel/index.js +157 -71
  70. package/build-module/dataforms-layouts/panel/index.js.map +1 -1
  71. package/build-module/dataforms-layouts/regular/index.js +87 -20
  72. package/build-module/dataforms-layouts/regular/index.js.map +1 -1
  73. package/build-module/dataviews-layouts/grid/index.js +9 -9
  74. package/build-module/dataviews-layouts/grid/index.js.map +1 -1
  75. package/build-module/dataviews-layouts/grid/{density-picker.js → preview-size-picker.js} +38 -24
  76. package/build-module/dataviews-layouts/grid/preview-size-picker.js.map +1 -0
  77. package/build-module/dataviews-layouts/index.js +6 -2
  78. package/build-module/dataviews-layouts/index.js.map +1 -1
  79. package/build-module/dataviews-layouts/list/index.js +3 -2
  80. package/build-module/dataviews-layouts/list/index.js.map +1 -1
  81. package/build-module/dataviews-layouts/table/density-picker.js +43 -0
  82. package/build-module/dataviews-layouts/table/density-picker.js.map +1 -0
  83. package/build-module/dataviews-layouts/table/index.js +4 -1
  84. package/build-module/dataviews-layouts/table/index.js.map +1 -1
  85. package/build-module/normalize-fields.js +0 -20
  86. package/build-module/normalize-fields.js.map +1 -1
  87. package/build-module/normalize-form-fields.js +30 -0
  88. package/build-module/normalize-form-fields.js.map +1 -0
  89. package/build-module/types.js.map +1 -1
  90. package/build-module/validation.js.map +1 -1
  91. package/build-style/style-rtl.css +54 -13
  92. package/build-style/style.css +54 -13
  93. package/build-types/components/dataform/index.d.ts +1 -1
  94. package/build-types/components/dataform/index.d.ts.map +1 -1
  95. package/build-types/components/dataform/stories/index.story.d.ts +18 -7
  96. package/build-types/components/dataform/stories/index.story.d.ts.map +1 -1
  97. package/build-types/components/dataform-context/index.d.ts +13 -0
  98. package/build-types/components/dataform-context/index.d.ts.map +1 -0
  99. package/build-types/components/dataviews/index.d.ts.map +1 -1
  100. package/build-types/components/dataviews/stories/fixtures.d.ts.map +1 -1
  101. package/build-types/components/dataviews/stories/index.story.d.ts.map +1 -1
  102. package/build-types/components/dataviews-context/index.d.ts +0 -1
  103. package/build-types/components/dataviews-context/index.d.ts.map +1 -1
  104. package/build-types/components/dataviews-filters/index.d.ts +1 -1
  105. package/build-types/components/dataviews-filters/index.d.ts.map +1 -1
  106. package/build-types/components/dataviews-item-actions/index.d.ts.map +1 -1
  107. package/build-types/components/dataviews-layout/index.d.ts.map +1 -1
  108. package/build-types/components/dataviews-view-config/index.d.ts +1 -3
  109. package/build-types/components/dataviews-view-config/index.d.ts.map +1 -1
  110. package/build-types/dataforms-layouts/data-form-layout.d.ts +16 -0
  111. package/build-types/dataforms-layouts/data-form-layout.d.ts.map +1 -0
  112. package/build-types/dataforms-layouts/index.d.ts +3 -3
  113. package/build-types/dataforms-layouts/index.d.ts.map +1 -1
  114. package/build-types/dataforms-layouts/is-combined-field.d.ts +6 -0
  115. package/build-types/dataforms-layouts/is-combined-field.d.ts.map +1 -0
  116. package/build-types/dataforms-layouts/panel/index.d.ts +5 -2
  117. package/build-types/dataforms-layouts/panel/index.d.ts.map +1 -1
  118. package/build-types/dataforms-layouts/regular/index.d.ts +5 -2
  119. package/build-types/dataforms-layouts/regular/index.d.ts.map +1 -1
  120. package/build-types/dataviews-layouts/grid/index.d.ts +1 -1
  121. package/build-types/dataviews-layouts/grid/index.d.ts.map +1 -1
  122. package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts +3 -0
  123. package/build-types/dataviews-layouts/grid/preview-size-picker.d.ts.map +1 -0
  124. package/build-types/dataviews-layouts/index.d.ts +5 -0
  125. package/build-types/dataviews-layouts/index.d.ts.map +1 -1
  126. package/build-types/dataviews-layouts/list/index.d.ts.map +1 -1
  127. package/build-types/dataviews-layouts/table/density-picker.d.ts +2 -0
  128. package/build-types/dataviews-layouts/table/density-picker.d.ts.map +1 -0
  129. package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
  130. package/build-types/normalize-fields.d.ts +1 -9
  131. package/build-types/normalize-fields.d.ts.map +1 -1
  132. package/build-types/normalize-form-fields.d.ts +12 -0
  133. package/build-types/normalize-form-fields.d.ts.map +1 -0
  134. package/build-types/types.d.ts +31 -22
  135. package/build-types/types.d.ts.map +1 -1
  136. package/build-types/validation.d.ts +1 -1
  137. package/build-types/validation.d.ts.map +1 -1
  138. package/package.json +2 -2
  139. package/src/components/dataform/index.tsx +22 -5
  140. package/src/components/dataform/stories/index.story.tsx +88 -49
  141. package/src/components/dataform-context/index.tsx +30 -0
  142. package/src/components/dataviews/index.tsx +2 -6
  143. package/src/components/dataviews/stories/fixtures.tsx +1 -0
  144. package/src/components/dataviews/stories/index.story.tsx +16 -3
  145. package/src/components/dataviews-context/index.ts +0 -2
  146. package/src/components/dataviews-filters/index.tsx +73 -38
  147. package/src/components/dataviews-item-actions/index.tsx +73 -25
  148. package/src/components/dataviews-layout/index.tsx +0 -2
  149. package/src/components/dataviews-view-config/index.tsx +7 -23
  150. package/src/dataforms-layouts/data-form-layout.tsx +87 -0
  151. package/src/dataforms-layouts/index.tsx +7 -7
  152. package/src/dataforms-layouts/is-combined-field.ts +10 -0
  153. package/src/dataforms-layouts/panel/index.tsx +192 -101
  154. package/src/dataforms-layouts/panel/style.scss +4 -0
  155. package/src/dataforms-layouts/regular/index.tsx +101 -37
  156. package/src/dataforms-layouts/regular/style.scss +30 -0
  157. package/src/dataviews-layouts/grid/index.tsx +10 -8
  158. package/src/dataviews-layouts/grid/{density-picker.tsx → preview-size-picker.tsx} +39 -26
  159. package/src/dataviews-layouts/grid/style.scss +3 -1
  160. package/src/dataviews-layouts/index.ts +4 -0
  161. package/src/dataviews-layouts/list/index.tsx +31 -27
  162. package/src/dataviews-layouts/table/density-picker.tsx +57 -0
  163. package/src/dataviews-layouts/table/index.tsx +12 -2
  164. package/src/dataviews-layouts/table/style.scss +32 -0
  165. package/src/normalize-fields.ts +1 -33
  166. package/src/normalize-form-fields.ts +42 -0
  167. package/src/style.scss +1 -1
  168. package/src/types.ts +36 -21
  169. package/src/validation.ts +1 -1
  170. package/tsconfig.tsbuildinfo +1 -1
  171. package/build/components/dataform-combined-edit/index.js +0 -73
  172. package/build/components/dataform-combined-edit/index.js.map +0 -1
  173. package/build/dataforms-layouts/get-visible-fields.js +0 -21
  174. package/build/dataforms-layouts/get-visible-fields.js.map +0 -1
  175. package/build/dataviews-layouts/grid/density-picker.js.map +0 -1
  176. package/build-module/components/dataform-combined-edit/index.js +0 -66
  177. package/build-module/components/dataform-combined-edit/index.js.map +0 -1
  178. package/build-module/dataforms-layouts/get-visible-fields.js +0 -14
  179. package/build-module/dataforms-layouts/get-visible-fields.js.map +0 -1
  180. package/build-module/dataviews-layouts/grid/density-picker.js.map +0 -1
  181. package/build-types/components/dataform-combined-edit/index.d.ts +0 -7
  182. package/build-types/components/dataform-combined-edit/index.d.ts.map +0 -1
  183. package/build-types/dataforms-layouts/get-visible-fields.d.ts +0 -3
  184. package/build-types/dataforms-layouts/get-visible-fields.d.ts.map +0 -1
  185. package/build-types/dataviews-layouts/grid/density-picker.d.ts +0 -5
  186. package/build-types/dataviews-layouts/grid/density-picker.d.ts.map +0 -1
  187. package/src/components/dataform-combined-edit/index.tsx +0 -69
  188. package/src/components/dataform-combined-edit/style.scss +0 -16
  189. 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,3 +0,0 @@
1
- import type { Field, CombinedFormField } from '../types';
2
- export declare function getVisibleFields<Item>(fields: Field<Item>[], formFields?: string[], combinedFields?: CombinedFormField<Item>[]): Field<Item>[];
3
- //# sourceMappingURL=get-visible-fields.d.ts.map
@@ -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,5 +0,0 @@
1
- export default function DensityPicker({ density, setDensity, }: {
2
- density: number;
3
- setDensity: React.Dispatch<React.SetStateAction<number>>;
4
- }): import("react").JSX.Element | null;
5
- //# sourceMappingURL=density-picker.d.ts.map
@@ -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
- }