@wordpress/block-editor 9.1.0 → 9.2.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 (170) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/block-draggable/draggable-chip.native.js +2 -1
  3. package/build/components/block-draggable/draggable-chip.native.js.map +1 -1
  4. package/build/components/block-draggable/index.native.js +7 -3
  5. package/build/components/block-draggable/index.native.js.map +1 -1
  6. package/build/components/block-list/block.native.js +2 -1
  7. package/build/components/block-list/block.native.js.map +1 -1
  8. package/build/components/block-list/index.js +34 -32
  9. package/build/components/block-list/index.js.map +1 -1
  10. package/build/components/block-mobile-toolbar/index.native.js +2 -1
  11. package/build/components/block-mobile-toolbar/index.native.js.map +1 -1
  12. package/build/components/block-popover/inbetween.js +9 -6
  13. package/build/components/block-popover/inbetween.js.map +1 -1
  14. package/build/components/block-popover/index.js +2 -1
  15. package/build/components/block-popover/index.js.map +1 -1
  16. package/build/components/block-tools/block-selection-button.js +1 -0
  17. package/build/components/block-tools/block-selection-button.js.map +1 -1
  18. package/build/components/block-variation-transforms/index.js +16 -2
  19. package/build/components/block-variation-transforms/index.js.map +1 -1
  20. package/build/components/colors-gradients/dropdown.js +70 -94
  21. package/build/components/colors-gradients/dropdown.js.map +1 -1
  22. package/build/components/colors-gradients/panel-color-gradient-settings.js +35 -60
  23. package/build/components/colors-gradients/panel-color-gradient-settings.js.map +1 -1
  24. package/build/components/convert-to-group-buttons/toolbar.js +22 -5
  25. package/build/components/convert-to-group-buttons/toolbar.js.map +1 -1
  26. package/build/components/index.js +9 -0
  27. package/build/components/index.js.map +1 -1
  28. package/build/components/media-placeholder/index.js +0 -2
  29. package/build/components/media-placeholder/index.js.map +1 -1
  30. package/build/components/media-replace-flow/index.js +0 -2
  31. package/build/components/media-replace-flow/index.js.map +1 -1
  32. package/build/components/media-upload/index.native.js +10 -4
  33. package/build/components/media-upload/index.native.js.map +1 -1
  34. package/build/components/plain-text/index.native.js +62 -7
  35. package/build/components/plain-text/index.native.js.map +1 -1
  36. package/build/components/publish-date-time-picker/index.js +55 -0
  37. package/build/components/publish-date-time-picker/index.js.map +1 -0
  38. package/build/components/rich-text/index.js +1 -1
  39. package/build/components/rich-text/index.js.map +1 -1
  40. package/build/components/rich-text/index.native.js +5 -1
  41. package/build/components/rich-text/index.native.js.map +1 -1
  42. package/build/components/writing-flow/use-input.js +15 -0
  43. package/build/components/writing-flow/use-input.js.map +1 -1
  44. package/build/elements/index.js +9 -0
  45. package/build/elements/index.js.map +1 -0
  46. package/build/hooks/color.js +8 -88
  47. package/build/hooks/color.js.map +1 -1
  48. package/build/hooks/dimensions.js +14 -4
  49. package/build/hooks/dimensions.js.map +1 -1
  50. package/build/index.js +14 -0
  51. package/build/index.js.map +1 -1
  52. package/build/layouts/flex.js +5 -2
  53. package/build/layouts/flex.js.map +1 -1
  54. package/build/store/actions.js +14 -0
  55. package/build/store/actions.js.map +1 -1
  56. package/build/store/reducer.js +17 -2
  57. package/build/store/reducer.js.map +1 -1
  58. package/build/store/selectors.js +29 -1
  59. package/build/store/selectors.js.map +1 -1
  60. package/build-module/components/block-draggable/draggable-chip.native.js +2 -1
  61. package/build-module/components/block-draggable/draggable-chip.native.js.map +1 -1
  62. package/build-module/components/block-draggable/index.native.js +7 -3
  63. package/build-module/components/block-draggable/index.native.js.map +1 -1
  64. package/build-module/components/block-list/block.native.js +2 -1
  65. package/build-module/components/block-list/block.native.js.map +1 -1
  66. package/build-module/components/block-list/index.js +35 -33
  67. package/build-module/components/block-list/index.js.map +1 -1
  68. package/build-module/components/block-mobile-toolbar/index.native.js +2 -1
  69. package/build-module/components/block-mobile-toolbar/index.native.js.map +1 -1
  70. package/build-module/components/block-popover/inbetween.js +9 -6
  71. package/build-module/components/block-popover/inbetween.js.map +1 -1
  72. package/build-module/components/block-popover/index.js +2 -1
  73. package/build-module/components/block-popover/index.js.map +1 -1
  74. package/build-module/components/block-tools/block-selection-button.js +1 -0
  75. package/build-module/components/block-tools/block-selection-button.js.map +1 -1
  76. package/build-module/components/block-variation-transforms/index.js +13 -2
  77. package/build-module/components/block-variation-transforms/index.js.map +1 -1
  78. package/build-module/components/colors-gradients/dropdown.js +72 -96
  79. package/build-module/components/colors-gradients/dropdown.js.map +1 -1
  80. package/build-module/components/colors-gradients/panel-color-gradient-settings.js +36 -64
  81. package/build-module/components/colors-gradients/panel-color-gradient-settings.js.map +1 -1
  82. package/build-module/components/convert-to-group-buttons/toolbar.js +23 -6
  83. package/build-module/components/convert-to-group-buttons/toolbar.js.map +1 -1
  84. package/build-module/components/index.js +1 -0
  85. package/build-module/components/index.js.map +1 -1
  86. package/build-module/components/media-placeholder/index.js +0 -2
  87. package/build-module/components/media-placeholder/index.js.map +1 -1
  88. package/build-module/components/media-replace-flow/index.js +0 -2
  89. package/build-module/components/media-replace-flow/index.js.map +1 -1
  90. package/build-module/components/media-upload/index.native.js +8 -3
  91. package/build-module/components/media-upload/index.native.js.map +1 -1
  92. package/build-module/components/plain-text/index.native.js +63 -8
  93. package/build-module/components/plain-text/index.native.js.map +1 -1
  94. package/build-module/components/publish-date-time-picker/index.js +42 -0
  95. package/build-module/components/publish-date-time-picker/index.js.map +1 -0
  96. package/build-module/components/rich-text/index.js +1 -1
  97. package/build-module/components/rich-text/index.js.map +1 -1
  98. package/build-module/components/rich-text/index.native.js +5 -1
  99. package/build-module/components/rich-text/index.native.js.map +1 -1
  100. package/build-module/components/writing-flow/use-input.js +15 -0
  101. package/build-module/components/writing-flow/use-input.js.map +1 -1
  102. package/build-module/elements/index.js +2 -0
  103. package/build-module/elements/index.js.map +1 -0
  104. package/build-module/hooks/color.js +8 -88
  105. package/build-module/hooks/color.js.map +1 -1
  106. package/build-module/hooks/dimensions.js +14 -4
  107. package/build-module/hooks/dimensions.js.map +1 -1
  108. package/build-module/index.js +1 -0
  109. package/build-module/index.js.map +1 -1
  110. package/build-module/layouts/flex.js +4 -2
  111. package/build-module/layouts/flex.js.map +1 -1
  112. package/build-module/store/actions.js +12 -0
  113. package/build-module/store/actions.js.map +1 -1
  114. package/build-module/store/reducer.js +17 -2
  115. package/build-module/store/reducer.js.map +1 -1
  116. package/build-module/store/selectors.js +23 -0
  117. package/build-module/store/selectors.js.map +1 -1
  118. package/build-style/style-rtl.css +37 -34
  119. package/build-style/style.css +37 -34
  120. package/package.json +30 -30
  121. package/src/components/block-draggable/draggable-chip.native.js +1 -1
  122. package/src/components/block-draggable/index.native.js +4 -0
  123. package/src/components/block-draggable/test/__snapshots__/index.native.js.snap +73 -0
  124. package/src/components/block-draggable/test/helpers.native.js +183 -0
  125. package/src/components/block-draggable/test/index.native.js +496 -0
  126. package/src/components/block-list/block.native.js +1 -0
  127. package/src/components/block-list/index.js +44 -44
  128. package/src/components/block-mobile-toolbar/index.native.js +1 -0
  129. package/src/components/block-mover/test/__snapshots__/index.native.js.snap +4 -0
  130. package/src/components/block-popover/inbetween.js +12 -7
  131. package/src/components/block-popover/index.js +1 -0
  132. package/src/components/block-tools/block-selection-button.js +1 -0
  133. package/src/components/block-variation-transforms/index.js +6 -2
  134. package/src/components/colors-gradients/dropdown.js +35 -61
  135. package/src/components/colors-gradients/panel-color-gradient-settings.js +30 -76
  136. package/src/components/colors-gradients/style.scss +11 -37
  137. package/src/components/convert-to-group-buttons/toolbar.js +30 -13
  138. package/src/components/index.js +1 -0
  139. package/src/components/media-placeholder/index.js +0 -2
  140. package/src/components/media-replace-flow/index.js +0 -2
  141. package/src/components/media-upload/index.native.js +6 -2
  142. package/src/components/media-upload/test/index.native.js +31 -6
  143. package/src/components/plain-text/index.native.js +64 -8
  144. package/src/components/publish-date-time-picker/README.md +52 -0
  145. package/src/components/publish-date-time-picker/index.js +50 -0
  146. package/src/components/publish-date-time-picker/style.scss +20 -0
  147. package/src/components/rich-text/index.js +2 -0
  148. package/src/components/rich-text/index.native.js +4 -0
  149. package/src/components/writing-flow/use-input.js +12 -0
  150. package/src/elements/index.js +1 -0
  151. package/src/hooks/color.js +5 -74
  152. package/src/hooks/color.scss +9 -0
  153. package/src/hooks/dimensions.js +11 -3
  154. package/src/index.js +1 -0
  155. package/src/layouts/flex.js +11 -3
  156. package/src/store/actions.js +12 -0
  157. package/src/store/reducer.js +14 -1
  158. package/src/store/selectors.js +28 -0
  159. package/src/store/test/reducer.js +5 -0
  160. package/src/style.scss +1 -0
  161. package/build/components/colors/color-panel.js +0 -82
  162. package/build/components/colors/color-panel.js.map +0 -1
  163. package/build/components/colors/color-panel.native.js +0 -11
  164. package/build/components/colors/color-panel.native.js.map +0 -1
  165. package/build-module/components/colors/color-panel.js +0 -70
  166. package/build-module/components/colors/color-panel.js.map +0 -1
  167. package/build-module/components/colors/color-panel.native.js +0 -4
  168. package/build-module/components/colors/color-panel.native.js.map +0 -1
  169. package/src/components/colors/color-panel.js +0 -91
  170. package/src/components/colors/color-panel.native.js +0 -3
@@ -290,6 +290,7 @@ describe( 'state', () => {
290
290
  chicken: '',
291
291
  },
292
292
  controlledInnerBlocks: {},
293
+ visibility: {},
293
294
  } );
294
295
  expect( state.tree.chicken ).not.toBe(
295
296
  existingState.tree.chicken
@@ -371,6 +372,7 @@ describe( 'state', () => {
371
372
  chicken: '',
372
373
  },
373
374
  controlledInnerBlocks: {},
375
+ visibility: {},
374
376
  } );
375
377
  expect( state.tree.chicken ).not.toBe(
376
378
  existingState.tree.chicken
@@ -519,6 +521,7 @@ describe( 'state', () => {
519
521
  [ newChildBlockId3 ]: 'chicken',
520
522
  },
521
523
  controlledInnerBlocks: {},
524
+ visibility: {},
522
525
  } );
523
526
 
524
527
  expect( state.tree[ '' ].innerBlocks[ 0 ] ).toBe(
@@ -627,6 +630,7 @@ describe( 'state', () => {
627
630
  [ newChildBlockId ]: 'chicken',
628
631
  },
629
632
  controlledInnerBlocks: {},
633
+ visibility: {},
630
634
  } );
631
635
 
632
636
  // The block object of the parent should be updated.
@@ -648,6 +652,7 @@ describe( 'state', () => {
648
652
  isIgnoredChange: false,
649
653
  tree: {},
650
654
  controlledInnerBlocks: {},
655
+ visibility: {},
651
656
  } );
652
657
  } );
653
658
 
package/src/style.scss CHANGED
@@ -42,6 +42,7 @@
42
42
  @import "./components/media-placeholder/style.scss";
43
43
  @import "./components/multi-selection-inspector/style.scss";
44
44
  @import "./components/plain-text/style.scss";
45
+ @import "./components/publish-date-time-picker/style.scss";
45
46
  @import "./components/responsive-block-control/style.scss";
46
47
  @import "./components/rich-text/style.scss";
47
48
  @import "./components/skip-to-selected-block/style.scss";
@@ -1,82 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = ColorPanel;
9
-
10
- var _element = require("@wordpress/element");
11
-
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
- var _lodash = require("lodash");
15
-
16
- var _panelColorSettings = _interopRequireDefault(require("../panel-color-settings"));
17
-
18
- var _contrastChecker = _interopRequireDefault(require("../contrast-checker"));
19
-
20
- /**
21
- * External dependencies
22
- */
23
-
24
- /**
25
- * Internal dependencies
26
- */
27
- const resolveContrastCheckerColor = (color, colorSettings, detectedColor) => {
28
- if (typeof color === 'function') {
29
- return color(colorSettings);
30
- } else if (color === true) {
31
- return detectedColor;
32
- }
33
-
34
- return color;
35
- };
36
-
37
- function ColorPanel(_ref) {
38
- let {
39
- title,
40
- colorSettings,
41
- colorPanelProps,
42
- contrastCheckers,
43
- detectedBackgroundColor,
44
- detectedColor,
45
- panelChildren,
46
- initialOpen
47
- } = _ref;
48
- return (0, _element.createElement)(_panelColorSettings.default, (0, _extends2.default)({
49
- title: title,
50
- initialOpen: initialOpen,
51
- colorSettings: Object.values(colorSettings)
52
- }, colorPanelProps), contrastCheckers && (Array.isArray(contrastCheckers) ? contrastCheckers.map(_ref2 => {
53
- let {
54
- backgroundColor,
55
- textColor,
56
- ...rest
57
- } = _ref2;
58
- backgroundColor = resolveContrastCheckerColor(backgroundColor, colorSettings, detectedBackgroundColor);
59
- textColor = resolveContrastCheckerColor(textColor, colorSettings, detectedColor);
60
- return (0, _element.createElement)(_contrastChecker.default, (0, _extends2.default)({
61
- key: `${backgroundColor}-${textColor}`,
62
- backgroundColor: backgroundColor,
63
- textColor: textColor
64
- }, rest));
65
- }) : (0, _lodash.map)(colorSettings, _ref3 => {
66
- let {
67
- value
68
- } = _ref3;
69
- let {
70
- backgroundColor,
71
- textColor
72
- } = contrastCheckers;
73
- backgroundColor = resolveContrastCheckerColor(backgroundColor || value, colorSettings, detectedBackgroundColor);
74
- textColor = resolveContrastCheckerColor(textColor || value, colorSettings, detectedColor);
75
- return (0, _element.createElement)(_contrastChecker.default, (0, _extends2.default)({}, contrastCheckers, {
76
- key: `${backgroundColor}-${textColor}`,
77
- backgroundColor: backgroundColor,
78
- textColor: textColor
79
- }));
80
- })), typeof panelChildren === 'function' ? panelChildren(colorSettings) : panelChildren);
81
- }
82
- //# sourceMappingURL=color-panel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/block-editor/src/components/colors/color-panel.js"],"names":["resolveContrastCheckerColor","color","colorSettings","detectedColor","ColorPanel","title","colorPanelProps","contrastCheckers","detectedBackgroundColor","panelChildren","initialOpen","Object","values","Array","isArray","map","backgroundColor","textColor","rest","value"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAMA,2BAA2B,GAAG,CAAEC,KAAF,EAASC,aAAT,EAAwBC,aAAxB,KAA2C;AAC9E,MAAK,OAAOF,KAAP,KAAiB,UAAtB,EAAmC;AAClC,WAAOA,KAAK,CAAEC,aAAF,CAAZ;AACA,GAFD,MAEO,IAAKD,KAAK,KAAK,IAAf,EAAsB;AAC5B,WAAOE,aAAP;AACA;;AACD,SAAOF,KAAP;AACA,CAPD;;AASe,SAASG,UAAT,OASX;AAAA,MATgC;AACnCC,IAAAA,KADmC;AAEnCH,IAAAA,aAFmC;AAGnCI,IAAAA,eAHmC;AAInCC,IAAAA,gBAJmC;AAKnCC,IAAAA,uBALmC;AAMnCL,IAAAA,aANmC;AAOnCM,IAAAA,aAPmC;AAQnCC,IAAAA;AARmC,GAShC;AACH,SACC,4BAAC,2BAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,WAAW,EAAGK,WAFf;AAGC,IAAA,aAAa,EAAGC,MAAM,CAACC,MAAP,CAAeV,aAAf;AAHjB,KAIMI,eAJN,GAMGC,gBAAgB,KACfM,KAAK,CAACC,OAAN,CAAeP,gBAAf,IACCA,gBAAgB,CAACQ,GAAjB,CACA,SAA+C;AAAA,QAA7C;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA,SAAnB;AAA8B,SAAGC;AAAjC,KAA6C;AAC9CF,IAAAA,eAAe,GAAGhB,2BAA2B,CAC5CgB,eAD4C,EAE5Cd,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAS,IAAAA,SAAS,GAAGjB,2BAA2B,CACtCiB,SADsC,EAEtCf,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,4BAAC,wBAAD;AACC,MAAA,GAAG,EAAI,GAAGa,eAAiB,IAAIC,SAAW,EAD3C;AAEC,MAAA,eAAe,EAAGD,eAFnB;AAGC,MAAA,SAAS,EAAGC;AAHb,OAIMC,IAJN,EADD;AAQA,GApBD,CADD,GAuBC,iBAAKhB,aAAL,EAAoB,SAAiB;AAAA,QAAf;AAAEiB,MAAAA;AAAF,KAAe;AACrC,QAAI;AACHH,MAAAA,eADG;AAEHC,MAAAA;AAFG,QAGAV,gBAHJ;AAIAS,IAAAA,eAAe,GAAGhB,2BAA2B,CAC5CgB,eAAe,IAAIG,KADyB,EAE5CjB,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAS,IAAAA,SAAS,GAAGjB,2BAA2B,CACtCiB,SAAS,IAAIE,KADyB,EAEtCjB,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,4BAAC,wBAAD,6BACMI,gBADN;AAEC,MAAA,GAAG,EAAI,GAAGS,eAAiB,IAAIC,SAAW,EAF3C;AAGC,MAAA,eAAe,EAAGD,eAHnB;AAIC,MAAA,SAAS,EAAGC;AAJb,OADD;AAQC,GAvBD,CAxBc,CANnB,EAsDG,OAAOR,aAAP,KAAyB,UAAzB,GACCA,aAAa,CAAEP,aAAF,CADd,GAECO,aAxDJ,CADD;AA4DA","sourcesContent":["/**\n * External dependencies\n */\nimport { map } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport PanelColorSettings from '../panel-color-settings';\nimport ContrastChecker from '../contrast-checker';\n\nconst resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {\n\tif ( typeof color === 'function' ) {\n\t\treturn color( colorSettings );\n\t} else if ( color === true ) {\n\t\treturn detectedColor;\n\t}\n\treturn color;\n};\n\nexport default function ColorPanel( {\n\ttitle,\n\tcolorSettings,\n\tcolorPanelProps,\n\tcontrastCheckers,\n\tdetectedBackgroundColor,\n\tdetectedColor,\n\tpanelChildren,\n\tinitialOpen,\n} ) {\n\treturn (\n\t\t<PanelColorSettings\n\t\t\ttitle={ title }\n\t\t\tinitialOpen={ initialOpen }\n\t\t\tcolorSettings={ Object.values( colorSettings ) }\n\t\t\t{ ...colorPanelProps }\n\t\t>\n\t\t\t{ contrastCheckers &&\n\t\t\t\t( Array.isArray( contrastCheckers )\n\t\t\t\t\t? contrastCheckers.map(\n\t\t\t\t\t\t\t( { backgroundColor, textColor, ...rest } ) => {\n\t\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t\t\t{ ...rest }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t )\n\t\t\t\t\t: map( colorSettings, ( { value } ) => {\n\t\t\t\t\t\t\tlet {\n\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t} = contrastCheckers;\n\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\tbackgroundColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\ttextColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t{ ...contrastCheckers }\n\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t } ) ) }\n\t\t\t{ typeof panelChildren === 'function'\n\t\t\t\t? panelChildren( colorSettings )\n\t\t\t\t: panelChildren }\n\t\t</PanelColorSettings>\n\t);\n}\n"]}
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = ColorPanel;
7
-
8
- function ColorPanel() {
9
- return null;
10
- }
11
- //# sourceMappingURL=color-panel.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/block-editor/src/components/colors/color-panel.native.js"],"names":["ColorPanel"],"mappings":";;;;;;;AAAe,SAASA,UAAT,GAAsB;AACpC,SAAO,IAAP;AACA","sourcesContent":["export default function ColorPanel() {\n\treturn null;\n}\n"]}
@@ -1,70 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import { createElement } from "@wordpress/element";
3
-
4
- /**
5
- * External dependencies
6
- */
7
- import { map } from 'lodash';
8
- /**
9
- * Internal dependencies
10
- */
11
-
12
- import PanelColorSettings from '../panel-color-settings';
13
- import ContrastChecker from '../contrast-checker';
14
-
15
- const resolveContrastCheckerColor = (color, colorSettings, detectedColor) => {
16
- if (typeof color === 'function') {
17
- return color(colorSettings);
18
- } else if (color === true) {
19
- return detectedColor;
20
- }
21
-
22
- return color;
23
- };
24
-
25
- export default function ColorPanel(_ref) {
26
- let {
27
- title,
28
- colorSettings,
29
- colorPanelProps,
30
- contrastCheckers,
31
- detectedBackgroundColor,
32
- detectedColor,
33
- panelChildren,
34
- initialOpen
35
- } = _ref;
36
- return createElement(PanelColorSettings, _extends({
37
- title: title,
38
- initialOpen: initialOpen,
39
- colorSettings: Object.values(colorSettings)
40
- }, colorPanelProps), contrastCheckers && (Array.isArray(contrastCheckers) ? contrastCheckers.map(_ref2 => {
41
- let {
42
- backgroundColor,
43
- textColor,
44
- ...rest
45
- } = _ref2;
46
- backgroundColor = resolveContrastCheckerColor(backgroundColor, colorSettings, detectedBackgroundColor);
47
- textColor = resolveContrastCheckerColor(textColor, colorSettings, detectedColor);
48
- return createElement(ContrastChecker, _extends({
49
- key: `${backgroundColor}-${textColor}`,
50
- backgroundColor: backgroundColor,
51
- textColor: textColor
52
- }, rest));
53
- }) : map(colorSettings, _ref3 => {
54
- let {
55
- value
56
- } = _ref3;
57
- let {
58
- backgroundColor,
59
- textColor
60
- } = contrastCheckers;
61
- backgroundColor = resolveContrastCheckerColor(backgroundColor || value, colorSettings, detectedBackgroundColor);
62
- textColor = resolveContrastCheckerColor(textColor || value, colorSettings, detectedColor);
63
- return createElement(ContrastChecker, _extends({}, contrastCheckers, {
64
- key: `${backgroundColor}-${textColor}`,
65
- backgroundColor: backgroundColor,
66
- textColor: textColor
67
- }));
68
- })), typeof panelChildren === 'function' ? panelChildren(colorSettings) : panelChildren);
69
- }
70
- //# sourceMappingURL=color-panel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/block-editor/src/components/colors/color-panel.js"],"names":["map","PanelColorSettings","ContrastChecker","resolveContrastCheckerColor","color","colorSettings","detectedColor","ColorPanel","title","colorPanelProps","contrastCheckers","detectedBackgroundColor","panelChildren","initialOpen","Object","values","Array","isArray","backgroundColor","textColor","rest","value"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;;AAEA,MAAMC,2BAA2B,GAAG,CAAEC,KAAF,EAASC,aAAT,EAAwBC,aAAxB,KAA2C;AAC9E,MAAK,OAAOF,KAAP,KAAiB,UAAtB,EAAmC;AAClC,WAAOA,KAAK,CAAEC,aAAF,CAAZ;AACA,GAFD,MAEO,IAAKD,KAAK,KAAK,IAAf,EAAsB;AAC5B,WAAOE,aAAP;AACA;;AACD,SAAOF,KAAP;AACA,CAPD;;AASA,eAAe,SAASG,UAAT,OASX;AAAA,MATgC;AACnCC,IAAAA,KADmC;AAEnCH,IAAAA,aAFmC;AAGnCI,IAAAA,eAHmC;AAInCC,IAAAA,gBAJmC;AAKnCC,IAAAA,uBALmC;AAMnCL,IAAAA,aANmC;AAOnCM,IAAAA,aAPmC;AAQnCC,IAAAA;AARmC,GAShC;AACH,SACC,cAAC,kBAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,WAAW,EAAGK,WAFf;AAGC,IAAA,aAAa,EAAGC,MAAM,CAACC,MAAP,CAAeV,aAAf;AAHjB,KAIMI,eAJN,GAMGC,gBAAgB,KACfM,KAAK,CAACC,OAAN,CAAeP,gBAAf,IACCA,gBAAgB,CAACV,GAAjB,CACA,SAA+C;AAAA,QAA7C;AAAEkB,MAAAA,eAAF;AAAmBC,MAAAA,SAAnB;AAA8B,SAAGC;AAAjC,KAA6C;AAC9CF,IAAAA,eAAe,GAAGf,2BAA2B,CAC5Ce,eAD4C,EAE5Cb,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAQ,IAAAA,SAAS,GAAGhB,2BAA2B,CACtCgB,SADsC,EAEtCd,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,cAAC,eAAD;AACC,MAAA,GAAG,EAAI,GAAGY,eAAiB,IAAIC,SAAW,EAD3C;AAEC,MAAA,eAAe,EAAGD,eAFnB;AAGC,MAAA,SAAS,EAAGC;AAHb,OAIMC,IAJN,EADD;AAQA,GApBD,CADD,GAuBCpB,GAAG,CAAEK,aAAF,EAAiB,SAAiB;AAAA,QAAf;AAAEgB,MAAAA;AAAF,KAAe;AACrC,QAAI;AACHH,MAAAA,eADG;AAEHC,MAAAA;AAFG,QAGAT,gBAHJ;AAIAQ,IAAAA,eAAe,GAAGf,2BAA2B,CAC5Ce,eAAe,IAAIG,KADyB,EAE5ChB,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAQ,IAAAA,SAAS,GAAGhB,2BAA2B,CACtCgB,SAAS,IAAIE,KADyB,EAEtChB,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,cAAC,eAAD,eACMI,gBADN;AAEC,MAAA,GAAG,EAAI,GAAGQ,eAAiB,IAAIC,SAAW,EAF3C;AAGC,MAAA,eAAe,EAAGD,eAHnB;AAIC,MAAA,SAAS,EAAGC;AAJb,OADD;AAQC,GAvBE,CAxBW,CANnB,EAsDG,OAAOP,aAAP,KAAyB,UAAzB,GACCA,aAAa,CAAEP,aAAF,CADd,GAECO,aAxDJ,CADD;AA4DA","sourcesContent":["/**\n * External dependencies\n */\nimport { map } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport PanelColorSettings from '../panel-color-settings';\nimport ContrastChecker from '../contrast-checker';\n\nconst resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {\n\tif ( typeof color === 'function' ) {\n\t\treturn color( colorSettings );\n\t} else if ( color === true ) {\n\t\treturn detectedColor;\n\t}\n\treturn color;\n};\n\nexport default function ColorPanel( {\n\ttitle,\n\tcolorSettings,\n\tcolorPanelProps,\n\tcontrastCheckers,\n\tdetectedBackgroundColor,\n\tdetectedColor,\n\tpanelChildren,\n\tinitialOpen,\n} ) {\n\treturn (\n\t\t<PanelColorSettings\n\t\t\ttitle={ title }\n\t\t\tinitialOpen={ initialOpen }\n\t\t\tcolorSettings={ Object.values( colorSettings ) }\n\t\t\t{ ...colorPanelProps }\n\t\t>\n\t\t\t{ contrastCheckers &&\n\t\t\t\t( Array.isArray( contrastCheckers )\n\t\t\t\t\t? contrastCheckers.map(\n\t\t\t\t\t\t\t( { backgroundColor, textColor, ...rest } ) => {\n\t\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t\t\t{ ...rest }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t )\n\t\t\t\t\t: map( colorSettings, ( { value } ) => {\n\t\t\t\t\t\t\tlet {\n\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t} = contrastCheckers;\n\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\tbackgroundColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\ttextColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t{ ...contrastCheckers }\n\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t } ) ) }\n\t\t\t{ typeof panelChildren === 'function'\n\t\t\t\t? panelChildren( colorSettings )\n\t\t\t\t: panelChildren }\n\t\t</PanelColorSettings>\n\t);\n}\n"]}
@@ -1,4 +0,0 @@
1
- export default function ColorPanel() {
2
- return null;
3
- }
4
- //# sourceMappingURL=color-panel.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/block-editor/src/components/colors/color-panel.native.js"],"names":["ColorPanel"],"mappings":"AAAA,eAAe,SAASA,UAAT,GAAsB;AACpC,SAAO,IAAP;AACA","sourcesContent":["export default function ColorPanel() {\n\treturn null;\n}\n"]}
@@ -1,91 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { map } from 'lodash';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import PanelColorSettings from '../panel-color-settings';
10
- import ContrastChecker from '../contrast-checker';
11
-
12
- const resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {
13
- if ( typeof color === 'function' ) {
14
- return color( colorSettings );
15
- } else if ( color === true ) {
16
- return detectedColor;
17
- }
18
- return color;
19
- };
20
-
21
- export default function ColorPanel( {
22
- title,
23
- colorSettings,
24
- colorPanelProps,
25
- contrastCheckers,
26
- detectedBackgroundColor,
27
- detectedColor,
28
- panelChildren,
29
- initialOpen,
30
- } ) {
31
- return (
32
- <PanelColorSettings
33
- title={ title }
34
- initialOpen={ initialOpen }
35
- colorSettings={ Object.values( colorSettings ) }
36
- { ...colorPanelProps }
37
- >
38
- { contrastCheckers &&
39
- ( Array.isArray( contrastCheckers )
40
- ? contrastCheckers.map(
41
- ( { backgroundColor, textColor, ...rest } ) => {
42
- backgroundColor = resolveContrastCheckerColor(
43
- backgroundColor,
44
- colorSettings,
45
- detectedBackgroundColor
46
- );
47
- textColor = resolveContrastCheckerColor(
48
- textColor,
49
- colorSettings,
50
- detectedColor
51
- );
52
- return (
53
- <ContrastChecker
54
- key={ `${ backgroundColor }-${ textColor }` }
55
- backgroundColor={ backgroundColor }
56
- textColor={ textColor }
57
- { ...rest }
58
- />
59
- );
60
- }
61
- )
62
- : map( colorSettings, ( { value } ) => {
63
- let {
64
- backgroundColor,
65
- textColor,
66
- } = contrastCheckers;
67
- backgroundColor = resolveContrastCheckerColor(
68
- backgroundColor || value,
69
- colorSettings,
70
- detectedBackgroundColor
71
- );
72
- textColor = resolveContrastCheckerColor(
73
- textColor || value,
74
- colorSettings,
75
- detectedColor
76
- );
77
- return (
78
- <ContrastChecker
79
- { ...contrastCheckers }
80
- key={ `${ backgroundColor }-${ textColor }` }
81
- backgroundColor={ backgroundColor }
82
- textColor={ textColor }
83
- />
84
- );
85
- } ) ) }
86
- { typeof panelChildren === 'function'
87
- ? panelChildren( colorSettings )
88
- : panelChildren }
89
- </PanelColorSettings>
90
- );
91
- }
@@ -1,3 +0,0 @@
1
- export default function ColorPanel() {
2
- return null;
3
- }