@wordpress/block-editor 11.7.0 → 12.0.0

package/src/utils/test/object.js

@@ -1,42 +1,42 @@
 /**
  * Internal dependencies
  */
-import { immutableSet } from '../object';
+import { setImmutably } from '../object';
 
-describe( 'immutableSet', () => {
+describe( 'setImmutably', () => {
 	describe( 'handling falsy values properly', () => {
 		it( 'should create a new object if `undefined` is passed', () => {
-			const result = immutableSet( undefined, 'test', 1 );
+			const result = setImmutably( undefined, 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
 
 		it( 'should create a new object if `null` is passed', () => {
-			const result = immutableSet( null, 'test', 1 );
+			const result = setImmutably( null, 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
 
 		it( 'should create a new object if `false` is passed', () => {
-			const result = immutableSet( false, 'test', 1 );
+			const result = setImmutably( false, 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
 
 		it( 'should create a new object if `0` is passed', () => {
-			const result = immutableSet( 0, 'test', 1 );
+			const result = setImmutably( 0, 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
 
 		it( 'should create a new object if an empty string is passed', () => {
-			const result = immutableSet( '', 'test', 1 );
+			const result = setImmutably( '', 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
 
 		it( 'should create a new object if a NaN is passed', () => {
-			const result = immutableSet( NaN, 'test', 1 );
+			const result = setImmutably( NaN, 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
@@ -44,26 +44,26 @@ describe( 'immutableSet', () => {
 
 	describe( 'manages data assignment properly', () => {
 		it( 'assigns value properly when it does not exist', () => {
-			const result = immutableSet( {}, 'test', 1 );
+			const result = setImmutably( {}, 'test', 1 );
 
 			expect( result ).toEqual( { test: 1 } );
 		} );
 
 		it( 'overrides existing values', () => {
-			const result = immutableSet( { test: 1 }, 'test', 2 );
+			const result = setImmutably( { test: 1 }, 'test', 2 );
 
 			expect( result ).toEqual( { test: 2 } );
 		} );
 
 		describe( 'with array notation access', () => {
 			it( 'assigns values at deeper levels', () => {
-				const result = immutableSet( {}, [ 'foo', 'bar', 'baz' ], 5 );
+				const result = setImmutably( {}, [ 'foo', 'bar', 'baz' ], 5 );
 
 				expect( result ).toEqual( { foo: { bar: { baz: 5 } } } );
 			} );
 
 			it( 'overrides existing values at deeper levels', () => {
-				const result = immutableSet(
+				const result = setImmutably(
 					{ foo: { bar: { baz: 1 } } },
 					[ 'foo', 'bar', 'baz' ],
 					5
@@ -73,7 +73,7 @@ describe( 'immutableSet', () => {
 			} );
 
 			it( 'keeps other properties intact', () => {
-				const result = immutableSet(
+				const result = setImmutably(
 					{ foo: { bar: { baz: 1 } } },
 					[ 'foo', 'bar', 'test' ],
 					5
@@ -84,19 +84,57 @@ describe( 'immutableSet', () => {
 				} );
 			} );
 		} );
+
+		describe( 'for nested falsey values', () => {
+			it( 'overwrites undefined values', () => {
+				const result = setImmutably( { test: undefined }, 'test', 1 );
+
+				expect( result ).toEqual( { test: 1 } );
+			} );
+
+			it( 'overwrites null values', () => {
+				const result = setImmutably( { test: null }, 'test', 1 );
+
+				expect( result ).toEqual( { test: 1 } );
+			} );
+
+			it( 'overwrites false values', () => {
+				const result = setImmutably( { test: false }, 'test', 1 );
+
+				expect( result ).toEqual( { test: 1 } );
+			} );
+
+			it( 'overwrites `0` values', () => {
+				const result = setImmutably( { test: 0 }, 'test', 1 );
+
+				expect( result ).toEqual( { test: 1 } );
+			} );
+
+			it( 'overwrites empty string values', () => {
+				const result = setImmutably( { test: '' }, 'test', 1 );
+
+				expect( result ).toEqual( { test: 1 } );
+			} );
+
+			it( 'overwrites NaN values', () => {
+				const result = setImmutably( { test: NaN }, 'test', 1 );
+
+				expect( result ).toEqual( { test: 1 } );
+			} );
+		} );
 	} );
 
 	describe( 'does not mutate the original object', () => {
 		it( 'clones the object at the first level', () => {
 			const input = {};
-			const result = immutableSet( input, 'test', 1 );
+			const result = setImmutably( input, 'test', 1 );
 
 			expect( result ).not.toBe( input );
 		} );
 
 		it( 'clones the object at deeper levels', () => {
 			const input = { foo: { bar: { baz: 1 } } };
-			const result = immutableSet( input, [ 'foo', 'bar', 'baz' ], 2 );
+			const result = setImmutably( input, [ 'foo', 'bar', 'baz' ], 2 );
 
 			expect( result ).not.toBe( input );
 			expect( result.foo ).not.toBe( input.foo );

package/src/utils/transform-styles/index.js

@@ -13,8 +13,8 @@ import wrap from './transforms/wrap';
 /**
  * Applies a series of CSS rule transforms to wrap selectors inside a given class and/or rewrite URLs depending on the parameters passed.
  *
- * @param {Array}  styles           CSS rules.
- * @param {string} wrapperClassName Wrapper Class Name.
+ * @param {Object|Array} styles           CSS rules.
+ * @param {string}       wrapperClassName Wrapper Class Name.
  * @return {Array} converted rules.
  */
 const transformStyles = ( styles, wrapperClassName = '' ) => {

package/src/utils/use-should-contextual-toolbar-show.js

@@ -0,0 +1,75 @@
+/**
+ * WordPress dependencies
+ */
+import { useSelect } from '@wordpress/data';
+import { isUnmodifiedDefaultBlock } from '@wordpress/blocks';
+import { useViewportMatch } from '@wordpress/compose';
+
+/**
+ * Internal dependencies
+ */
+import { store as blockEditorStore } from '../store';
+import { unlock } from '../lock-unlock';
+
+/**
+ * Returns true if the contextual block toolbar should show, or false if it should be hidden.
+ *
+ * @param {string} clientId The client ID of the block.
+ *
+ * @return {boolean} Whether the block toolbar is hidden.
+ */
+export function useShouldContextualToolbarShow( clientId ) {
+	const isLargeViewport = useViewportMatch( 'medium' );
+
+	const { shouldShowContextualToolbar, canFocusHiddenToolbar } = useSelect(
+		( select ) => {
+			const {
+				__unstableGetEditorMode,
+				isMultiSelecting,
+				isTyping,
+				isBlockInterfaceHidden,
+				getBlock,
+				getSettings,
+				isNavigationMode,
+			} = unlock( select( blockEditorStore ) );
+
+			const isEditMode = __unstableGetEditorMode() === 'edit';
+			const hasFixedToolbar = getSettings().hasFixedToolbar;
+			const isDistractionFree = getSettings().isDistractionFree;
+			const hasClientId = !! clientId;
+			const isEmptyDefaultBlock = isUnmodifiedDefaultBlock(
+				getBlock( clientId ) || {}
+			);
+
+			const _shouldShowContextualToolbar =
+				isEditMode &&
+				! hasFixedToolbar &&
+				( ! isDistractionFree || isNavigationMode() ) &&
+				isLargeViewport &&
+				! isMultiSelecting() &&
+				! isTyping() &&
+				hasClientId &&
+				! isEmptyDefaultBlock &&
+				! isBlockInterfaceHidden();
+
+			const _canFocusHiddenToolbar =
+				isEditMode &&
+				hasClientId &&
+				! _shouldShowContextualToolbar &&
+				! hasFixedToolbar &&
+				! isDistractionFree &&
+				! isEmptyDefaultBlock;
+
+			return {
+				shouldShowContextualToolbar: _shouldShowContextualToolbar,
+				canFocusHiddenToolbar: _canFocusHiddenToolbar,
+			};
+		},
+		[ clientId, isLargeViewport ]
+	);
+
+	return {
+		shouldShowContextualToolbar,
+		canFocusHiddenToolbar,
+	};
+}

package/tsconfig.json

@@ -23,6 +23,7 @@
 		{ "path": "../icons" },
 		{ "path": "../is-shallow-equal" },
 		{ "path": "../keycodes" },
+		{ "path": "../notices" },
 		{ "path": "../style-engine" },
 		{ "path": "../token-list" },
 		{ "path": "../url" },

package/build/components/rich-text/use-native-props.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNativeProps = useNativeProps;
-
-function useNativeProps() {
-  return {};
-}
-//# sourceMappingURL=use-native-props.js.map

package/build/components/rich-text/use-native-props.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-native-props.js"],"names":["useNativeProps"],"mappings":";;;;;;;AAAO,SAASA,cAAT,GAA0B;AAChC,SAAO,EAAP;AACA","sourcesContent":["export function useNativeProps() {\n\treturn {};\n}\n"]}

package/build/components/rich-text/use-native-props.native.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNativeProps = useNativeProps;
-
-var _element = require("@wordpress/element");
-
-var _blockList = require("../block-list");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function useNativeProps() {
-  return {
-    onCaretVerticalPositionChange: (0, _element.useContext)(_blockList.OnCaretVerticalPositionChange)
-  };
-}
-//# sourceMappingURL=use-native-props.native.js.map

package/build/components/rich-text/use-native-props.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-native-props.native.js"],"names":["useNativeProps","onCaretVerticalPositionChange","OnCaretVerticalPositionChange"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGO,SAASA,cAAT,GAA0B;AAChC,SAAO;AACNC,IAAAA,6BAA6B,EAAE,yBAC9BC,wCAD8B;AADzB,GAAP;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { OnCaretVerticalPositionChange } from '../block-list';\n\nexport function useNativeProps() {\n\treturn {\n\t\tonCaretVerticalPositionChange: useContext(\n\t\t\tOnCaretVerticalPositionChange\n\t\t),\n\t};\n}\n"]}

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/components/rich-text/use-native-props.js

@@ -1,4 +0,0 @@
-export function useNativeProps() {
-  return {};
-}
-//# sourceMappingURL=use-native-props.js.map

package/build-module/components/rich-text/use-native-props.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-native-props.js"],"names":["useNativeProps"],"mappings":"AAAA,OAAO,SAASA,cAAT,GAA0B;AAChC,SAAO,EAAP;AACA","sourcesContent":["export function useNativeProps() {\n\treturn {};\n}\n"]}

package/build-module/components/rich-text/use-native-props.native.js

@@ -1,15 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useContext } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { OnCaretVerticalPositionChange } from '../block-list';
-export function useNativeProps() {
-  return {
-    onCaretVerticalPositionChange: useContext(OnCaretVerticalPositionChange)
-  };
-}
-//# sourceMappingURL=use-native-props.native.js.map

package/build-module/components/rich-text/use-native-props.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-native-props.native.js"],"names":["useContext","OnCaretVerticalPositionChange","useNativeProps","onCaretVerticalPositionChange"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,6BAAT,QAA8C,eAA9C;AAEA,OAAO,SAASC,cAAT,GAA0B;AAChC,SAAO;AACNC,IAAAA,6BAA6B,EAAEH,UAAU,CACxCC,6BADwC;AADnC,GAAP;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { OnCaretVerticalPositionChange } from '../block-list';\n\nexport function useNativeProps() {\n\treturn {\n\t\tonCaretVerticalPositionChange: useContext(\n\t\t\tOnCaretVerticalPositionChange\n\t\t),\n\t};\n}\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/components/rich-text/use-native-props.js

@@ -1,3 +0,0 @@
-export function useNativeProps() {
-	return {};
-}

package/src/components/rich-text/use-native-props.native.js

@@ -1,17 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { OnCaretVerticalPositionChange } from '../block-list';
-
-export function useNativeProps() {
-	return {
-		onCaretVerticalPositionChange: useContext(
-			OnCaretVerticalPositionChange
-		),
-	};
-}

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;