@wordpress/block-editor 11.8.0 → 12.0.0

package/build/hooks/color-panel.native.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _data = require("@wordpress/data");
-
-var _i18n = require("@wordpress/i18n");
-
-var _components = require("@wordpress/components");
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _panelColorGradientSettings = _interopRequireDefault(require("../components/colors-gradients/panel-color-gradient-settings"));
-
-var _contrastChecker = _interopRequireDefault(require("../components/contrast-checker"));
-
-var _inspectorControls = _interopRequireDefault(require("../components/inspector-controls"));
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const ColorPanel = _ref => {
-  let {
-    settings
-  } = _ref;
-  const globalStyles = (0, _components.useGlobalStyles)();
-  const [detectedBackgroundColor, setDetectedBackgroundColor] = (0, _element.useState)();
-  const [detectedTextColor, setDetectedTextColor] = (0, _element.useState)();
-  const {
-    baseGlobalStyles
-  } = (0, _data.useSelect)(select => {
-    var _getSettings, _getSettings$__experi;
-
-    const {
-      getSettings
-    } = select(_blockEditor.store);
-    return {
-      baseGlobalStyles: (_getSettings = getSettings()) === null || _getSettings === void 0 ? void 0 : (_getSettings$__experi = _getSettings.__experimentalGlobalStylesBaseStyles) === null || _getSettings$__experi === void 0 ? void 0 : _getSettings$__experi.color
-    };
-  });
-  (0, _element.useEffect)(() => {
-    // The following logic is used to determine current text/background colors:
-    // 1. The globalStyles object is queried to determine whether a color has been
-    // set via a block's settings.
-    // 2. If a block-based theme is in use and no globalStyles exist, the theme's
-    // default/base colors are used.
-    // 3. If no globalStyles exist and a theme isn't block-based, there is no way
-    // to determine the default text/background color and the checker won't run.
-    const textColor = (globalStyles === null || globalStyles === void 0 ? void 0 : globalStyles.color) || (baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : baseGlobalStyles.text);
-    const backgroundColor = (globalStyles === null || globalStyles === void 0 ? void 0 : globalStyles.backgroundColor) || (baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : baseGlobalStyles.background);
-    setDetectedTextColor(textColor);
-    setDetectedBackgroundColor(backgroundColor);
-  }, [globalStyles, baseGlobalStyles]);
-  return (0, _element.createElement)(_inspectorControls.default, null, (0, _element.createElement)(_panelColorGradientSettings.default, {
-    title: (0, _i18n.__)('Color'),
-    initialOpen: false,
-    settings: settings
-  }, (0, _element.createElement)(_contrastChecker.default, {
-    backgroundColor: detectedBackgroundColor,
-    textColor: detectedTextColor
-  })));
-};
-
-var _default = ColorPanel;
-exports.default = _default;
-//# sourceMappingURL=color-panel.native.js.map

package/build/hooks/color-panel.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/hooks/color-panel.native.js"],"names":["ColorPanel","settings","globalStyles","detectedBackgroundColor","setDetectedBackgroundColor","detectedTextColor","setDetectedTextColor","baseGlobalStyles","select","getSettings","blockEditorStore","__experimentalGlobalStylesBaseStyles","color","textColor","text","backgroundColor","background"],"mappings":";;;;;;;;;AAIA;;AADA;;AAEA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAdA;AACA;AACA;;AAOA;AACA;AACA;AAKA,MAAMA,UAAU,GAAG,QAAoB;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AACtC,QAAMC,YAAY,GAAG,kCAArB;AAEA,QAAM,CAAEC,uBAAF,EAA2BC,0BAA3B,IAA0D,wBAAhE;AACA,QAAM,CAAEC,iBAAF,EAAqBC,oBAArB,IAA8C,wBAApD;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAuB,qBAAaC,MAAF,IAAc;AAAA;;AACrD,UAAM;AAAEC,MAAAA;AAAF,QAAkBD,MAAM,CAAEE,kBAAF,CAA9B;AACA,WAAO;AACNH,MAAAA,gBAAgB,kBACfE,WAAW,EADI,0EACf,aAAeE,oCADA,0DACf,sBAAqDC;AAFhD,KAAP;AAIA,GAN4B,CAA7B;AAQA,0BAAW,MAAM;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAMC,SAAS,GAAG,CAAAX,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEU,KAAd,MAAuBL,gBAAvB,aAAuBA,gBAAvB,uBAAuBA,gBAAgB,CAAEO,IAAzC,CAAlB;AACA,UAAMC,eAAe,GACpB,CAAAb,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEa,eAAd,MAAiCR,gBAAjC,aAAiCA,gBAAjC,uBAAiCA,gBAAgB,CAAES,UAAnD,CADD;AAGAV,IAAAA,oBAAoB,CAAEO,SAAF,CAApB;AACAT,IAAAA,0BAA0B,CAAEW,eAAF,CAA1B;AACA,GAdD,EAcG,CAAEb,YAAF,EAAgBK,gBAAhB,CAdH;AAgBA,SACC,4BAAC,0BAAD,QACC,4BAAC,mCAAD;AACC,IAAA,KAAK,EAAG,cAAI,OAAJ,CADT;AAEC,IAAA,WAAW,EAAG,KAFf;AAGC,IAAA,QAAQ,EAAGN;AAHZ,KAKC,4BAAC,wBAAD;AACC,IAAA,eAAe,EAAGE,uBADnB;AAEC,IAAA,SAAS,EAAGE;AAFb,IALD,CADD,CADD;AAcA,CA5CD;;eA8CeL,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useGlobalStyles } from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../components/colors-gradients/panel-color-gradient-settings';\nimport ContrastChecker from '../components/contrast-checker';\nimport InspectorControls from '../components/inspector-controls';\n\nconst ColorPanel = ( { settings } ) => {\n\tconst globalStyles = useGlobalStyles();\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedTextColor, setDetectedTextColor ] = useState();\n\n\tconst { baseGlobalStyles } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tbaseGlobalStyles:\n\t\t\t\tgetSettings()?.__experimentalGlobalStylesBaseStyles?.color,\n\t\t};\n\t} );\n\n\tuseEffect( () => {\n\t\t// The following logic is used to determine current text/background colors:\n\t\t// 1. The globalStyles object is queried to determine whether a color has been\n\t\t// set via a block's settings.\n\t\t// 2. If a block-based theme is in use and no globalStyles exist, the theme's\n\t\t// default/base colors are used.\n\t\t// 3. If no globalStyles exist and a theme isn't block-based, there is no way\n\t\t// to determine the default text/background color and the checker won't run.\n\t\tconst textColor = globalStyles?.color || baseGlobalStyles?.text;\n\t\tconst backgroundColor =\n\t\t\tglobalStyles?.backgroundColor || baseGlobalStyles?.background;\n\n\t\tsetDetectedTextColor( textColor );\n\t\tsetDetectedBackgroundColor( backgroundColor );\n\t}, [ globalStyles, baseGlobalStyles ] );\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelColorGradientSettings\n\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\tinitialOpen={ false }\n\t\t\t\tsettings={ settings }\n\t\t\t>\n\t\t\t\t<ContrastChecker\n\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\ttextColor={ detectedTextColor }\n\t\t\t\t/>\n\t\t\t</PanelColorGradientSettings>\n\t\t</InspectorControls>\n\t);\n};\n\nexport default ColorPanel;\n"]}

package/build-module/hooks/color-panel.native.js

@@ -1,62 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useEffect, useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { useGlobalStyles } from '@wordpress/components';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-/**
- * Internal dependencies
- */
-
-import PanelColorGradientSettings from '../components/colors-gradients/panel-color-gradient-settings';
-import ContrastChecker from '../components/contrast-checker';
-import InspectorControls from '../components/inspector-controls';
-
-const ColorPanel = _ref => {
-  let {
-    settings
-  } = _ref;
-  const globalStyles = useGlobalStyles();
-  const [detectedBackgroundColor, setDetectedBackgroundColor] = useState();
-  const [detectedTextColor, setDetectedTextColor] = useState();
-  const {
-    baseGlobalStyles
-  } = useSelect(select => {
-    var _getSettings, _getSettings$__experi;
-
-    const {
-      getSettings
-    } = select(blockEditorStore);
-    return {
-      baseGlobalStyles: (_getSettings = getSettings()) === null || _getSettings === void 0 ? void 0 : (_getSettings$__experi = _getSettings.__experimentalGlobalStylesBaseStyles) === null || _getSettings$__experi === void 0 ? void 0 : _getSettings$__experi.color
-    };
-  });
-  useEffect(() => {
-    // The following logic is used to determine current text/background colors:
-    // 1. The globalStyles object is queried to determine whether a color has been
-    // set via a block's settings.
-    // 2. If a block-based theme is in use and no globalStyles exist, the theme's
-    // default/base colors are used.
-    // 3. If no globalStyles exist and a theme isn't block-based, there is no way
-    // to determine the default text/background color and the checker won't run.
-    const textColor = (globalStyles === null || globalStyles === void 0 ? void 0 : globalStyles.color) || (baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : baseGlobalStyles.text);
-    const backgroundColor = (globalStyles === null || globalStyles === void 0 ? void 0 : globalStyles.backgroundColor) || (baseGlobalStyles === null || baseGlobalStyles === void 0 ? void 0 : baseGlobalStyles.background);
-    setDetectedTextColor(textColor);
-    setDetectedBackgroundColor(backgroundColor);
-  }, [globalStyles, baseGlobalStyles]);
-  return createElement(InspectorControls, null, createElement(PanelColorGradientSettings, {
-    title: __('Color'),
-    initialOpen: false,
-    settings: settings
-  }, createElement(ContrastChecker, {
-    backgroundColor: detectedBackgroundColor,
-    textColor: detectedTextColor
-  })));
-};
-
-export default ColorPanel;
-//# sourceMappingURL=color-panel.native.js.map

package/build-module/hooks/color-panel.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/hooks/color-panel.native.js"],"names":["useSelect","useEffect","useState","__","useGlobalStyles","store","blockEditorStore","PanelColorGradientSettings","ContrastChecker","InspectorControls","ColorPanel","settings","globalStyles","detectedBackgroundColor","setDetectedBackgroundColor","detectedTextColor","setDetectedTextColor","baseGlobalStyles","select","getSettings","__experimentalGlobalStylesBaseStyles","color","textColor","text","backgroundColor","background"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,oBAApC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,eAAT,QAAgC,uBAAhC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,0BAAP,MAAuC,8DAAvC;AACA,OAAOC,eAAP,MAA4B,gCAA5B;AACA,OAAOC,iBAAP,MAA8B,kCAA9B;;AAEA,MAAMC,UAAU,GAAG,QAAoB;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AACtC,QAAMC,YAAY,GAAGR,eAAe,EAApC;AAEA,QAAM,CAAES,uBAAF,EAA2BC,0BAA3B,IAA0DZ,QAAQ,EAAxE;AACA,QAAM,CAAEa,iBAAF,EAAqBC,oBAArB,IAA8Cd,QAAQ,EAA5D;AAEA,QAAM;AAAEe,IAAAA;AAAF,MAAuBjB,SAAS,CAAIkB,MAAF,IAAc;AAAA;;AACrD,UAAM;AAAEC,MAAAA;AAAF,QAAkBD,MAAM,CAAEZ,gBAAF,CAA9B;AACA,WAAO;AACNW,MAAAA,gBAAgB,kBACfE,WAAW,EADI,0EACf,aAAeC,oCADA,0DACf,sBAAqDC;AAFhD,KAAP;AAIA,GANqC,CAAtC;AAQApB,EAAAA,SAAS,CAAE,MAAM;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAMqB,SAAS,GAAG,CAAAV,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAES,KAAd,MAAuBJ,gBAAvB,aAAuBA,gBAAvB,uBAAuBA,gBAAgB,CAAEM,IAAzC,CAAlB;AACA,UAAMC,eAAe,GACpB,CAAAZ,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEY,eAAd,MAAiCP,gBAAjC,aAAiCA,gBAAjC,uBAAiCA,gBAAgB,CAAEQ,UAAnD,CADD;AAGAT,IAAAA,oBAAoB,CAAEM,SAAF,CAApB;AACAR,IAAAA,0BAA0B,CAAEU,eAAF,CAA1B;AACA,GAdQ,EAcN,CAAEZ,YAAF,EAAgBK,gBAAhB,CAdM,CAAT;AAgBA,SACC,cAAC,iBAAD,QACC,cAAC,0BAAD;AACC,IAAA,KAAK,EAAGd,EAAE,CAAE,OAAF,CADX;AAEC,IAAA,WAAW,EAAG,KAFf;AAGC,IAAA,QAAQ,EAAGQ;AAHZ,KAKC,cAAC,eAAD;AACC,IAAA,eAAe,EAAGE,uBADnB;AAEC,IAAA,SAAS,EAAGE;AAFb,IALD,CADD,CADD;AAcA,CA5CD;;AA8CA,eAAeL,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useGlobalStyles } from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../components/colors-gradients/panel-color-gradient-settings';\nimport ContrastChecker from '../components/contrast-checker';\nimport InspectorControls from '../components/inspector-controls';\n\nconst ColorPanel = ( { settings } ) => {\n\tconst globalStyles = useGlobalStyles();\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedTextColor, setDetectedTextColor ] = useState();\n\n\tconst { baseGlobalStyles } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tbaseGlobalStyles:\n\t\t\t\tgetSettings()?.__experimentalGlobalStylesBaseStyles?.color,\n\t\t};\n\t} );\n\n\tuseEffect( () => {\n\t\t// The following logic is used to determine current text/background colors:\n\t\t// 1. The globalStyles object is queried to determine whether a color has been\n\t\t// set via a block's settings.\n\t\t// 2. If a block-based theme is in use and no globalStyles exist, the theme's\n\t\t// default/base colors are used.\n\t\t// 3. If no globalStyles exist and a theme isn't block-based, there is no way\n\t\t// to determine the default text/background color and the checker won't run.\n\t\tconst textColor = globalStyles?.color || baseGlobalStyles?.text;\n\t\tconst backgroundColor =\n\t\t\tglobalStyles?.backgroundColor || baseGlobalStyles?.background;\n\n\t\tsetDetectedTextColor( textColor );\n\t\tsetDetectedBackgroundColor( backgroundColor );\n\t}, [ globalStyles, baseGlobalStyles ] );\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelColorGradientSettings\n\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\tinitialOpen={ false }\n\t\t\t\tsettings={ settings }\n\t\t\t>\n\t\t\t\t<ContrastChecker\n\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\ttextColor={ detectedTextColor }\n\t\t\t\t/>\n\t\t\t</PanelColorGradientSettings>\n\t\t</InspectorControls>\n\t);\n};\n\nexport default ColorPanel;\n"]}

package/src/hooks/color-panel.native.js

@@ -1,63 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useEffect, useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { useGlobalStyles } from '@wordpress/components';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import PanelColorGradientSettings from '../components/colors-gradients/panel-color-gradient-settings';
-import ContrastChecker from '../components/contrast-checker';
-import InspectorControls from '../components/inspector-controls';
-
-const ColorPanel = ( { settings } ) => {
-	const globalStyles = useGlobalStyles();
-
-	const [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();
-	const [ detectedTextColor, setDetectedTextColor ] = useState();
-
-	const { baseGlobalStyles } = useSelect( ( select ) => {
-		const { getSettings } = select( blockEditorStore );
-		return {
-			baseGlobalStyles:
-				getSettings()?.__experimentalGlobalStylesBaseStyles?.color,
-		};
-	} );
-
-	useEffect( () => {
-		// The following logic is used to determine current text/background colors:
-		// 1. The globalStyles object is queried to determine whether a color has been
-		// set via a block's settings.
-		// 2. If a block-based theme is in use and no globalStyles exist, the theme's
-		// default/base colors are used.
-		// 3. If no globalStyles exist and a theme isn't block-based, there is no way
-		// to determine the default text/background color and the checker won't run.
-		const textColor = globalStyles?.color || baseGlobalStyles?.text;
-		const backgroundColor =
-			globalStyles?.backgroundColor || baseGlobalStyles?.background;
-
-		setDetectedTextColor( textColor );
-		setDetectedBackgroundColor( backgroundColor );
-	}, [ globalStyles, baseGlobalStyles ] );
-
-	return (
-		<InspectorControls>
-			<PanelColorGradientSettings
-				title={ __( 'Color' ) }
-				initialOpen={ false }
-				settings={ settings }
-			>
-				<ContrastChecker
-					backgroundColor={ detectedBackgroundColor }
-					textColor={ detectedTextColor }
-				/>
-			</PanelColorGradientSettings>
-		</InspectorControls>
-	);
-};
-
-export default ColorPanel;