@wordpress/block-editor 12.6.0 → 12.8.0

package/build-module/components/colors-gradients/panel-color-gradient-settings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors-gradients/panel-color-gradient-settings.js"],"names":["classnames","__experimentalSpacer","Spacer","__experimentalToolsPanel","ToolsPanel","useRegistry","useInstanceId","ColorGradientSettingsDropdown","useColorsAndGradientsPalettes","colorsAndGradientKeys","PanelColorGradientSettingsInner","className","colors","gradients","disableCustomColors","disableCustomGradients","children","settings","title","showTitle","__experimentalIsRenderedInSidebar","enableAlpha","panelId","batch","length","every","setting","undefined","forEach","colorValue","gradientValue","onColorChange","onGradientChange","PanelColorGradientSettingsSelect","props","colorGradientSettings","PanelColorGradientSettings","key","hasOwnProperty"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalToolsPanel as ToolsPanel,\n} from '@wordpress/components';\nimport { useRegistry } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport ColorGradientSettingsDropdown from './dropdown';\nimport useColorsAndGradientsPalettes from './use-multiple-origin-colors-and-gradients';\n\nconst colorsAndGradientKeys = [\n\t'colors',\n\t'disableCustomColors',\n\t'gradients',\n\t'disableCustomGradients',\n];\n\nexport const PanelColorGradientSettingsInner = ( {\n\tclassName,\n\tcolors,\n\tgradients,\n\tdisableCustomColors,\n\tdisableCustomGradients,\n\tchildren,\n\tsettings,\n\ttitle,\n\tshowTitle = true,\n\t__experimentalIsRenderedInSidebar,\n\tenableAlpha,\n} ) => {\n\tconst panelId = useInstanceId( PanelColorGradientSettingsInner );\n\tconst { batch } = useRegistry();\n\tif (\n\t\t( ! colors || colors.length === 0 ) &&\n\t\t( ! gradients || gradients.length === 0 ) &&\n\t\tdisableCustomColors &&\n\t\tdisableCustomGradients &&\n\t\tsettings?.every(\n\t\t\t( setting ) =>\n\t\t\t\t( ! setting.colors || setting.colors.length === 0 ) &&\n\t\t\t\t( ! setting.gradients || setting.gradients.length === 0 ) &&\n\t\t\t\t( setting.disableCustomColors === undefined ||\n\t\t\t\t\tsetting.disableCustomColors ) &&\n\t\t\t\t( setting.disableCustomGradients === undefined ||\n\t\t\t\t\tsetting.disableCustomGradients )\n\t\t)\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-panel-color-gradient-settings',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tlabel={ showTitle ? title : undefined }\n\t\t\tresetAll={ () => {\n\t\t\t\tbatch( () => {\n\t\t\t\t\tsettings.forEach(\n\t\t\t\t\t\t( {\n\t\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\t} ) => {\n\t\t\t\t\t\t\tif ( colorValue ) {\n\t\t\t\t\t\t\t\tonColorChange();\n\t\t\t\t\t\t\t} else if ( gradientValue ) {\n\t\t\t\t\t\t\t\tonGradientChange();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tpanelId={ panelId }\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t>\n\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\tsettings={ settings }\n\t\t\t\tpanelId={ panelId }\n\t\t\t\t{ ...{\n\t\t\t\t\tcolors,\n\t\t\t\t\tgradients,\n\t\t\t\t\tdisableCustomColors,\n\t\t\t\t\tdisableCustomGradients,\n\t\t\t\t\t__experimentalIsRenderedInSidebar,\n\t\t\t\t\tenableAlpha,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ !! children && (\n\t\t\t\t<>\n\t\t\t\t\t<Spacer marginY={ 4 } /> { children }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</ToolsPanel>\n\t);\n};\n\nconst PanelColorGradientSettingsSelect = ( props ) => {\n\tconst colorGradientSettings = useColorsAndGradientsPalettes();\n\treturn (\n\t\t<PanelColorGradientSettingsInner\n\t\t\t{ ...{ ...colorGradientSettings, ...props } }\n\t\t/>\n\t);\n};\n\nconst PanelColorGradientSettings = ( props ) => {\n\tif (\n\t\tcolorsAndGradientKeys.every( ( key ) => props.hasOwnProperty( key ) )\n\t) {\n\t\treturn <PanelColorGradientSettingsInner { ...props } />;\n\t}\n\treturn <PanelColorGradientSettingsSelect { ...props } />;\n};\n\nexport default PanelColorGradientSettings;\n"]}
+{"version":3,"names":["classnames","__experimentalSpacer","Spacer","__experimentalToolsPanel","ToolsPanel","useRegistry","useInstanceId","ColorGradientSettingsDropdown","useColorsAndGradientsPalettes","colorsAndGradientKeys","PanelColorGradientSettingsInner","className","colors","gradients","disableCustomColors","disableCustomGradients","children","settings","title","showTitle","__experimentalIsRenderedInSidebar","enableAlpha","panelId","batch","length","every","setting","undefined","createElement","label","resetAll","forEach","colorValue","gradientValue","onColorChange","onGradientChange","__experimentalFirstVisibleItemClass","__experimentalLastVisibleItemClass","Fragment","marginY","PanelColorGradientSettingsSelect","props","colorGradientSettings","PanelColorGradientSettings","key","hasOwnProperty"],"sources":["@wordpress/block-editor/src/components/colors-gradients/panel-color-gradient-settings.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalToolsPanel as ToolsPanel,\n} from '@wordpress/components';\nimport { useRegistry } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport ColorGradientSettingsDropdown from './dropdown';\nimport useColorsAndGradientsPalettes from './use-multiple-origin-colors-and-gradients';\n\nconst colorsAndGradientKeys = [\n\t'colors',\n\t'disableCustomColors',\n\t'gradients',\n\t'disableCustomGradients',\n];\n\nexport const PanelColorGradientSettingsInner = ( {\n\tclassName,\n\tcolors,\n\tgradients,\n\tdisableCustomColors,\n\tdisableCustomGradients,\n\tchildren,\n\tsettings,\n\ttitle,\n\tshowTitle = true,\n\t__experimentalIsRenderedInSidebar,\n\tenableAlpha,\n} ) => {\n\tconst panelId = useInstanceId( PanelColorGradientSettingsInner );\n\tconst { batch } = useRegistry();\n\tif (\n\t\t( ! colors || colors.length === 0 ) &&\n\t\t( ! gradients || gradients.length === 0 ) &&\n\t\tdisableCustomColors &&\n\t\tdisableCustomGradients &&\n\t\tsettings?.every(\n\t\t\t( setting ) =>\n\t\t\t\t( ! setting.colors || setting.colors.length === 0 ) &&\n\t\t\t\t( ! setting.gradients || setting.gradients.length === 0 ) &&\n\t\t\t\t( setting.disableCustomColors === undefined ||\n\t\t\t\t\tsetting.disableCustomColors ) &&\n\t\t\t\t( setting.disableCustomGradients === undefined ||\n\t\t\t\t\tsetting.disableCustomGradients )\n\t\t)\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-panel-color-gradient-settings',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tlabel={ showTitle ? title : undefined }\n\t\t\tresetAll={ () => {\n\t\t\t\tbatch( () => {\n\t\t\t\t\tsettings.forEach(\n\t\t\t\t\t\t( {\n\t\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\t} ) => {\n\t\t\t\t\t\t\tif ( colorValue ) {\n\t\t\t\t\t\t\t\tonColorChange();\n\t\t\t\t\t\t\t} else if ( gradientValue ) {\n\t\t\t\t\t\t\t\tonGradientChange();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tpanelId={ panelId }\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t>\n\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\tsettings={ settings }\n\t\t\t\tpanelId={ panelId }\n\t\t\t\t{ ...{\n\t\t\t\t\tcolors,\n\t\t\t\t\tgradients,\n\t\t\t\t\tdisableCustomColors,\n\t\t\t\t\tdisableCustomGradients,\n\t\t\t\t\t__experimentalIsRenderedInSidebar,\n\t\t\t\t\tenableAlpha,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ !! children && (\n\t\t\t\t<>\n\t\t\t\t\t<Spacer marginY={ 4 } /> { children }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</ToolsPanel>\n\t);\n};\n\nconst PanelColorGradientSettingsSelect = ( props ) => {\n\tconst colorGradientSettings = useColorsAndGradientsPalettes();\n\treturn (\n\t\t<PanelColorGradientSettingsInner\n\t\t\t{ ...{ ...colorGradientSettings, ...props } }\n\t\t/>\n\t);\n};\n\nconst PanelColorGradientSettings = ( props ) => {\n\tif (\n\t\tcolorsAndGradientKeys.every( ( key ) => props.hasOwnProperty( key ) )\n\t) {\n\t\treturn <PanelColorGradientSettingsInner { ...props } />;\n\t}\n\treturn <PanelColorGradientSettingsSelect { ...props } />;\n};\n\nexport default PanelColorGradientSettings;\n"],"mappings":"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"}

package/build-module/components/colors-gradients/panel-color-gradient-settings.native.js

@@ -1,19 +1,18 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { useNavigation } from '@react-navigation/native';
+
 /**
  * WordPress dependencies
  */
-
 import { ColorControl, PanelBody } from '@wordpress/components';
 import { useMemo } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { blockSettingsScreens } from '../block-settings';
 export default function PanelColorGradientSettings({
   settings,

package/build-module/components/colors-gradients/panel-color-gradient-settings.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors-gradients/panel-color-gradient-settings.native.js"],"names":["useNavigation","ColorControl","PanelBody","useMemo","blockSettingsScreens","PanelColorGradientSettings","settings","title","children","navigation","mappedSettings","map","onColorChange","onColorCleared","colorValue","onGradientChange","gradientValue","label","navigate","color"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,0BAA9B;AAEA;AACA;AACA;;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,uBAAxC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,mBAArC;AAEA,eAAe,SAASC,0BAAT,CAAqC;AACnDC,EAAAA,QADmD;AAEnDC,EAAAA,KAFmD;AAGnDC,EAAAA;AAHmD,CAArC,EAIX;AACH,QAAMC,UAAU,GAAGT,aAAa,EAAhC;AAEA,QAAMU,cAAc,GAAGP,OAAO,CAAE,MAAM;AACrC,WAAOG,QAAQ,CAACK,GAAT,CACN,CAAE;AACDC,MAAAA,aADC;AAEDC,MAAAA,cAFC;AAGDC,MAAAA,UAHC;AAIDC,MAAAA,gBAJC;AAKDC,MAAAA,aALC;AAMDC,MAAAA;AANC,KAAF,KAQC,cAAC,YAAD;AACC,MAAA,OAAO,EAAG,MAAM;AACfR,QAAAA,UAAU,CAACS,QAAX,CAAqBd,oBAAoB,CAACe,KAA1C,EAAiD;AAChDP,UAAAA,aADgD;AAEhDE,UAAAA,UAAU,EAAEE,aAAa,IAAIF,UAFmB;AAGhDE,UAAAA,aAHgD;AAIhDD,UAAAA,gBAJgD;AAKhDF,UAAAA,cALgD;AAMhDI,UAAAA;AANgD,SAAjD;AAQA,OAVF;AAWC,MAAA,GAAG,EAAI,iBAAiBA,KAAO,EAXhC;AAYC,MAAA,KAAK,EAAGA,KAZT;AAaC,MAAA,KAAK,EAAGD,aAAa,IAAIF;AAb1B,MATK,CAAP;AA0BA,GA3B6B,EA2B3B,CAAER,QAAF,CA3B2B,CAA9B;AA6BA,SACC,8BACC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGC;AAAnB,KAA6BG,cAA7B,CADD,EAEC,cAAC,SAAD,QAAaF,QAAb,CAFD,CADD;AAMA","sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { ColorControl, PanelBody } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { blockSettingsScreens } from '../block-settings';\n\nexport default function PanelColorGradientSettings( {\n\tsettings,\n\ttitle,\n\tchildren,\n} ) {\n\tconst navigation = useNavigation();\n\n\tconst mappedSettings = useMemo( () => {\n\t\treturn settings.map(\n\t\t\t( {\n\t\t\t\tonColorChange,\n\t\t\t\tonColorCleared,\n\t\t\t\tcolorValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tgradientValue,\n\t\t\t\tlabel,\n\t\t\t} ) => (\n\t\t\t\t<ColorControl\n\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\tnavigation.navigate( blockSettingsScreens.color, {\n\t\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\t\tcolorValue: gradientValue || colorValue,\n\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tkey={ `color-setting-${ label }` }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tcolor={ gradientValue || colorValue }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t}, [ settings ] );\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ title }>{ mappedSettings }</PanelBody>\n\t\t\t<PanelBody>{ children }</PanelBody>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["useNavigation","ColorControl","PanelBody","useMemo","blockSettingsScreens","PanelColorGradientSettings","settings","title","children","navigation","mappedSettings","map","onColorChange","onColorCleared","colorValue","onGradientChange","gradientValue","label","createElement","onPress","navigate","color","key","Fragment"],"sources":["@wordpress/block-editor/src/components/colors-gradients/panel-color-gradient-settings.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { ColorControl, PanelBody } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { blockSettingsScreens } from '../block-settings';\n\nexport default function PanelColorGradientSettings( {\n\tsettings,\n\ttitle,\n\tchildren,\n} ) {\n\tconst navigation = useNavigation();\n\n\tconst mappedSettings = useMemo( () => {\n\t\treturn settings.map(\n\t\t\t( {\n\t\t\t\tonColorChange,\n\t\t\t\tonColorCleared,\n\t\t\t\tcolorValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tgradientValue,\n\t\t\t\tlabel,\n\t\t\t} ) => (\n\t\t\t\t<ColorControl\n\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\tnavigation.navigate( blockSettingsScreens.color, {\n\t\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\t\tcolorValue: gradientValue || colorValue,\n\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tkey={ `color-setting-${ label }` }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tcolor={ gradientValue || colorValue }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t}, [ settings ] );\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ title }>{ mappedSettings }</PanelBody>\n\t\t\t<PanelBody>{ children }</PanelBody>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,0BAA0B;;AAExD;AACA;AACA;AACA,SAASC,YAAY,EAAEC,SAAS,QAAQ,uBAAuB;AAC/D,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,mBAAmB;AAExD,eAAe,SAASC,0BAA0BA,CAAE;EACnDC,QAAQ;EACRC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGT,aAAa,CAAC,CAAC;EAElC,MAAMU,cAAc,GAAGP,OAAO,CAAE,MAAM;IACrC,OAAOG,QAAQ,CAACK,GAAG,CAClB,CAAE;MACDC,aAAa;MACbC,cAAc;MACdC,UAAU;MACVC,gBAAgB;MAChBC,aAAa;MACbC;IACD,CAAC,KACAC,aAAA,CAACjB,YAAY;MACZkB,OAAO,EAAGA,CAAA,KAAM;QACfV,UAAU,CAACW,QAAQ,CAAEhB,oBAAoB,CAACiB,KAAK,EAAE;UAChDT,aAAa;UACbE,UAAU,EAAEE,aAAa,IAAIF,UAAU;UACvCE,aAAa;UACbD,gBAAgB;UAChBF,cAAc;UACdI;QACD,CAAE,CAAC;MACJ,CAAG;MACHK,GAAG,EAAI,iBAAiBL,KAAO,EAAG;MAClCA,KAAK,EAAGA,KAAO;MACfI,KAAK,EAAGL,aAAa,IAAIF;IAAY,CACrC,CAEH,CAAC;EACF,CAAC,EAAE,CAAER,QAAQ,CAAG,CAAC;EAEjB,OACCY,aAAA,CAAAK,QAAA,QACCL,aAAA,CAAChB,SAAS;IAACK,KAAK,EAAGA;EAAO,GAAGG,cAA2B,CAAC,EACzDQ,aAAA,CAAChB,SAAS,QAAGM,QAAqB,CACjC,CAAC;AAEL"}

package/build-module/components/colors-gradients/use-multiple-origin-colors-and-gradients.js

@@ -3,11 +3,12 @@
  */
 import { useMemo } from '@wordpress/element';
 import { _x } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import useSetting from '../use-setting';
+
 /**
  * Retrieves color and gradient related settings.
  *
@@ -16,7 +17,6 @@ import useSetting from '../use-setting';
  *
  * @return {Object} Color and gradient related settings.
  */
-
 export default function useMultipleOriginColorsAndGradients() {
   const colorGradientSettings = {
     disableCustomColors: !useSetting('color.custom'),
@@ -28,28 +28,24 @@ export default function useMultipleOriginColorsAndGradients() {
   const shouldDisplayDefaultColors = useSetting('color.defaultPalette');
   colorGradientSettings.colors = useMemo(() => {
     const result = [];
-
     if (themeColors && themeColors.length) {
       result.push({
         name: _x('Theme', 'Indicates this palette comes from the theme.'),
         colors: themeColors
       });
     }
-
     if (shouldDisplayDefaultColors && defaultColors && defaultColors.length) {
       result.push({
         name: _x('Default', 'Indicates this palette comes from WordPress.'),
         colors: defaultColors
       });
     }
-
     if (customColors && customColors.length) {
       result.push({
         name: _x('Custom', 'Indicates this palette comes from the theme.'),
         colors: customColors
       });
     }
-
     return result;
   }, [defaultColors, themeColors, customColors, shouldDisplayDefaultColors]);
   const customGradients = useSetting('color.gradients.custom');
@@ -58,28 +54,24 @@ export default function useMultipleOriginColorsAndGradients() {
   const shouldDisplayDefaultGradients = useSetting('color.defaultGradients');
   colorGradientSettings.gradients = useMemo(() => {
     const result = [];
-
     if (themeGradients && themeGradients.length) {
       result.push({
         name: _x('Theme', 'Indicates this palette comes from the theme.'),
         gradients: themeGradients
       });
     }
-
     if (shouldDisplayDefaultGradients && defaultGradients && defaultGradients.length) {
       result.push({
         name: _x('Default', 'Indicates this palette comes from WordPress.'),
         gradients: defaultGradients
       });
     }
-
     if (customGradients && customGradients.length) {
       result.push({
         name: _x('Custom', 'Indicates this palette is created by the user.'),
         gradients: customGradients
       });
     }
-
     return result;
   }, [customGradients, themeGradients, defaultGradients, shouldDisplayDefaultGradients]);
   colorGradientSettings.hasColorsOrGradients = !!colorGradientSettings.colors.length || !!colorGradientSettings.gradients.length;

package/build-module/components/colors-gradients/use-multiple-origin-colors-and-gradients.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors-gradients/use-multiple-origin-colors-and-gradients.js"],"names":["useMemo","_x","useSetting","useMultipleOriginColorsAndGradients","colorGradientSettings","disableCustomColors","disableCustomGradients","customColors","themeColors","defaultColors","shouldDisplayDefaultColors","colors","result","length","push","name","customGradients","themeGradients","defaultGradients","shouldDisplayDefaultGradients","gradients","hasColorsOrGradients"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../use-setting';\n\n/**\n * Retrieves color and gradient related settings.\n *\n * The arrays for colors and gradients are made up of color palettes from each\n * origin i.e. \"Core\", \"Theme\", and \"User\".\n *\n * @return {Object} Color and gradient related settings.\n */\nexport default function useMultipleOriginColorsAndGradients() {\n\tconst colorGradientSettings = {\n\t\tdisableCustomColors: ! useSetting( 'color.custom' ),\n\t\tdisableCustomGradients: ! useSetting( 'color.customGradient' ),\n\t};\n\tconst customColors = useSetting( 'color.palette.custom' );\n\tconst themeColors = useSetting( 'color.palette.theme' );\n\tconst defaultColors = useSetting( 'color.palette.default' );\n\tconst shouldDisplayDefaultColors = useSetting( 'color.defaultPalette' );\n\n\tcolorGradientSettings.colors = useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeColors && themeColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tcolors: themeColors,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultColors &&\n\t\t\tdefaultColors &&\n\t\t\tdefaultColors.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tcolors: defaultColors,\n\t\t\t} );\n\t\t}\n\t\tif ( customColors && customColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tcolors: customColors,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tdefaultColors,\n\t\tthemeColors,\n\t\tcustomColors,\n\t\tshouldDisplayDefaultColors,\n\t] );\n\n\tconst customGradients = useSetting( 'color.gradients.custom' );\n\tconst themeGradients = useSetting( 'color.gradients.theme' );\n\tconst defaultGradients = useSetting( 'color.gradients.default' );\n\tconst shouldDisplayDefaultGradients = useSetting(\n\t\t'color.defaultGradients'\n\t);\n\tcolorGradientSettings.gradients = useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeGradients && themeGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tgradients: themeGradients,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultGradients &&\n\t\t\tdefaultGradients &&\n\t\t\tdefaultGradients.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tgradients: defaultGradients,\n\t\t\t} );\n\t\t}\n\t\tif ( customGradients && customGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette is created by the user.'\n\t\t\t\t),\n\t\t\t\tgradients: customGradients,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tcustomGradients,\n\t\tthemeGradients,\n\t\tdefaultGradients,\n\t\tshouldDisplayDefaultGradients,\n\t] );\n\n\tcolorGradientSettings.hasColorsOrGradients =\n\t\t!! colorGradientSettings.colors.length ||\n\t\t!! colorGradientSettings.gradients.length;\n\n\treturn colorGradientSettings;\n}\n"]}
+{"version":3,"names":["useMemo","_x","useSetting","useMultipleOriginColorsAndGradients","colorGradientSettings","disableCustomColors","disableCustomGradients","customColors","themeColors","defaultColors","shouldDisplayDefaultColors","colors","result","length","push","name","customGradients","themeGradients","defaultGradients","shouldDisplayDefaultGradients","gradients","hasColorsOrGradients"],"sources":["@wordpress/block-editor/src/components/colors-gradients/use-multiple-origin-colors-and-gradients.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../use-setting';\n\n/**\n * Retrieves color and gradient related settings.\n *\n * The arrays for colors and gradients are made up of color palettes from each\n * origin i.e. \"Core\", \"Theme\", and \"User\".\n *\n * @return {Object} Color and gradient related settings.\n */\nexport default function useMultipleOriginColorsAndGradients() {\n\tconst colorGradientSettings = {\n\t\tdisableCustomColors: ! useSetting( 'color.custom' ),\n\t\tdisableCustomGradients: ! useSetting( 'color.customGradient' ),\n\t};\n\tconst customColors = useSetting( 'color.palette.custom' );\n\tconst themeColors = useSetting( 'color.palette.theme' );\n\tconst defaultColors = useSetting( 'color.palette.default' );\n\tconst shouldDisplayDefaultColors = useSetting( 'color.defaultPalette' );\n\n\tcolorGradientSettings.colors = useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeColors && themeColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tcolors: themeColors,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultColors &&\n\t\t\tdefaultColors &&\n\t\t\tdefaultColors.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tcolors: defaultColors,\n\t\t\t} );\n\t\t}\n\t\tif ( customColors && customColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tcolors: customColors,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tdefaultColors,\n\t\tthemeColors,\n\t\tcustomColors,\n\t\tshouldDisplayDefaultColors,\n\t] );\n\n\tconst customGradients = useSetting( 'color.gradients.custom' );\n\tconst themeGradients = useSetting( 'color.gradients.theme' );\n\tconst defaultGradients = useSetting( 'color.gradients.default' );\n\tconst shouldDisplayDefaultGradients = useSetting(\n\t\t'color.defaultGradients'\n\t);\n\tcolorGradientSettings.gradients = useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeGradients && themeGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tgradients: themeGradients,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultGradients &&\n\t\t\tdefaultGradients &&\n\t\t\tdefaultGradients.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tgradients: defaultGradients,\n\t\t\t} );\n\t\t}\n\t\tif ( customGradients && customGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette is created by the user.'\n\t\t\t\t),\n\t\t\t\tgradients: customGradients,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tcustomGradients,\n\t\tthemeGradients,\n\t\tdefaultGradients,\n\t\tshouldDisplayDefaultGradients,\n\t] );\n\n\tcolorGradientSettings.hasColorsOrGradients =\n\t\t!! colorGradientSettings.colors.length ||\n\t\t!! colorGradientSettings.gradients.length;\n\n\treturn colorGradientSettings;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,UAAU,MAAM,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,mCAAmCA,CAAA,EAAG;EAC7D,MAAMC,qBAAqB,GAAG;IAC7BC,mBAAmB,EAAE,CAAEH,UAAU,CAAE,cAAe,CAAC;IACnDI,sBAAsB,EAAE,CAAEJ,UAAU,CAAE,sBAAuB;EAC9D,CAAC;EACD,MAAMK,YAAY,GAAGL,UAAU,CAAE,sBAAuB,CAAC;EACzD,MAAMM,WAAW,GAAGN,UAAU,CAAE,qBAAsB,CAAC;EACvD,MAAMO,aAAa,GAAGP,UAAU,CAAE,uBAAwB,CAAC;EAC3D,MAAMQ,0BAA0B,GAAGR,UAAU,CAAE,sBAAuB,CAAC;EAEvEE,qBAAqB,CAACO,MAAM,GAAGX,OAAO,CAAE,MAAM;IAC7C,MAAMY,MAAM,GAAG,EAAE;IACjB,IAAKJ,WAAW,IAAIA,WAAW,CAACK,MAAM,EAAG;MACxCD,MAAM,CAACE,IAAI,CAAE;QACZC,IAAI,EAAEd,EAAE,CACP,OAAO,EACP,8CACD,CAAC;QACDU,MAAM,EAAEH;MACT,CAAE,CAAC;IACJ;IACA,IACCE,0BAA0B,IAC1BD,aAAa,IACbA,aAAa,CAACI,MAAM,EACnB;MACDD,MAAM,CAACE,IAAI,CAAE;QACZC,IAAI,EAAEd,EAAE,CACP,SAAS,EACT,8CACD,CAAC;QACDU,MAAM,EAAEF;MACT,CAAE,CAAC;IACJ;IACA,IAAKF,YAAY,IAAIA,YAAY,CAACM,MAAM,EAAG;MAC1CD,MAAM,CAACE,IAAI,CAAE;QACZC,IAAI,EAAEd,EAAE,CACP,QAAQ,EACR,8CACD,CAAC;QACDU,MAAM,EAAEJ;MACT,CAAE,CAAC;IACJ;IACA,OAAOK,MAAM;EACd,CAAC,EAAE,CACFH,aAAa,EACbD,WAAW,EACXD,YAAY,EACZG,0BAA0B,CACzB,CAAC;EAEH,MAAMM,eAAe,GAAGd,UAAU,CAAE,wBAAyB,CAAC;EAC9D,MAAMe,cAAc,GAAGf,UAAU,CAAE,uBAAwB,CAAC;EAC5D,MAAMgB,gBAAgB,GAAGhB,UAAU,CAAE,yBAA0B,CAAC;EAChE,MAAMiB,6BAA6B,GAAGjB,UAAU,CAC/C,wBACD,CAAC;EACDE,qBAAqB,CAACgB,SAAS,GAAGpB,OAAO,CAAE,MAAM;IAChD,MAAMY,MAAM,GAAG,EAAE;IACjB,IAAKK,cAAc,IAAIA,cAAc,CAACJ,MAAM,EAAG;MAC9CD,MAAM,CAACE,IAAI,CAAE;QACZC,IAAI,EAAEd,EAAE,CACP,OAAO,EACP,8CACD,CAAC;QACDmB,SAAS,EAAEH;MACZ,CAAE,CAAC;IACJ;IACA,IACCE,6BAA6B,IAC7BD,gBAAgB,IAChBA,gBAAgB,CAACL,MAAM,EACtB;MACDD,MAAM,CAACE,IAAI,CAAE;QACZC,IAAI,EAAEd,EAAE,CACP,SAAS,EACT,8CACD,CAAC;QACDmB,SAAS,EAAEF;MACZ,CAAE,CAAC;IACJ;IACA,IAAKF,eAAe,IAAIA,eAAe,CAACH,MAAM,EAAG;MAChDD,MAAM,CAACE,IAAI,CAAE;QACZC,IAAI,EAAEd,EAAE,CACP,QAAQ,EACR,gDACD,CAAC;QACDmB,SAAS,EAAEJ;MACZ,CAAE,CAAC;IACJ;IACA,OAAOJ,MAAM;EACd,CAAC,EAAE,CACFI,eAAe,EACfC,cAAc,EACdC,gBAAgB,EAChBC,6BAA6B,CAC5B,CAAC;EAEHf,qBAAqB,CAACiB,oBAAoB,GACzC,CAAC,CAAEjB,qBAAqB,CAACO,MAAM,CAACE,MAAM,IACtC,CAAC,CAAET,qBAAqB,CAACgB,SAAS,CAACP,MAAM;EAE1C,OAAOT,qBAAqB;AAC7B"}

package/build-module/components/contrast-checker/index.js

@@ -1,20 +1,18 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import a11yPlugin from 'colord/plugins/a11y';
 import namesPlugin from 'colord/plugins/names';
 import { colord, extend } from 'colord';
+
 /**
  * WordPress dependencies
  */
-
 import { __, sprintf } from '@wordpress/i18n';
 import { Notice } from '@wordpress/components';
 import { speak } from '@wordpress/a11y';
 extend([namesPlugin, a11yPlugin]);
-
 function ContrastChecker({
   backgroundColor,
   fallbackBackgroundColor,
@@ -27,19 +25,19 @@ function ContrastChecker({
   linkColor,
   enableAlphaChecker = false
 }) {
-  const currentBackgroundColor = backgroundColor || fallbackBackgroundColor; // Must have a background color.
+  const currentBackgroundColor = backgroundColor || fallbackBackgroundColor;
 
+  // Must have a background color.
   if (!currentBackgroundColor) {
     return null;
   }
-
   const currentTextColor = textColor || fallbackTextColor;
-  const currentLinkColor = linkColor || fallbackLinkColor; // Must have at least one text color.
+  const currentLinkColor = linkColor || fallbackLinkColor;
 
+  // Must have at least one text color.
   if (!currentTextColor && !currentLinkColor) {
     return null;
   }
-
   const textColors = [{
     color: currentTextColor,
     description: __('text color')
@@ -56,48 +54,47 @@ function ContrastChecker({
   };
   let message = '';
   let speakMessage = '';
-
   for (const item of textColors) {
     // If there is no color, go no further.
     if (!item.color) {
       continue;
     }
-
     const colordTextColor = colord(item.color);
     const isColordTextReadable = colordTextColor.isReadable(colordBackgroundColor, isReadableOptions);
-    const textHasTransparency = colordTextColor.alpha() < 1; // If the contrast is not readable.
+    const textHasTransparency = colordTextColor.alpha() < 1;
 
+    // If the contrast is not readable.
     if (!isColordTextReadable) {
       // Don't show the message if the background or text is transparent.
       if (backgroundColorHasTransparency || textHasTransparency) {
         continue;
       }
-
-      message = backgroundColorBrightness < colordTextColor.brightness() ? sprintf( // translators: %s is a type of text color, e.g., "text color" or "link color".
-      __('This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s.'), item.description) : sprintf( // translators: %s is a type of text color, e.g., "text color" or "link color".
+      message = backgroundColorBrightness < colordTextColor.brightness() ? sprintf(
+      // translators: %s is a type of text color, e.g., "text color" or "link color".
+      __('This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s.'), item.description) : sprintf(
+      // translators: %s is a type of text color, e.g., "text color" or "link color".
       __('This color combination may be hard for people to read. Try using a brighter background color and/or a darker %s.'), item.description);
-      speakMessage = __('This color combination may be hard for people to read.'); // Break from the loop when we have a contrast warning.
+      speakMessage = __('This color combination may be hard for people to read.');
+      // Break from the loop when we have a contrast warning.
       // These messages take priority over the transparency warning.
-
       break;
-    } // If there is no contrast warning and the text is transparent,
-    // show the transparent warning if alpha check is enabled.
-
+    }
 
+    // If there is no contrast warning and the text is transparent,
+    // show the transparent warning if alpha check is enabled.
     if (textHasTransparency && enableAlphaChecker) {
       message = __('Transparent text may be hard for people to read.');
       speakMessage = __('Transparent text may be hard for people to read.');
     }
   }
-
   if (!message) {
     return null;
-  } // Note: The `Notice` component can speak messages via its `spokenMessage`
+  }
+
+  // Note: The `Notice` component can speak messages via its `spokenMessage`
   // prop, but the contrast checker requires granular control over when the
   // announcements are made. Notably, the message will be re-announced if a
   // new color combination is selected and the contrast is still insufficient.
-
-
   speak(speakMessage);
   return createElement("div", {
     className: "block-editor-contrast-checker"
@@ -107,10 +104,9 @@ function ContrastChecker({
     isDismissible: false
   }, message));
 }
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/contrast-checker/README.md
  */
-
-
 export default ContrastChecker;
 //# sourceMappingURL=index.js.map

package/build-module/components/contrast-checker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/contrast-checker/index.js"],"names":["a11yPlugin","namesPlugin","colord","extend","__","sprintf","Notice","speak","ContrastChecker","backgroundColor","fallbackBackgroundColor","fallbackTextColor","fallbackLinkColor","fontSize","isLargeText","textColor","linkColor","enableAlphaChecker","currentBackgroundColor","currentTextColor","currentLinkColor","textColors","color","description","colordBackgroundColor","backgroundColorHasTransparency","alpha","backgroundColorBrightness","brightness","isReadableOptions","level","size","message","speakMessage","item","colordTextColor","isColordTextReadable","isReadable","textHasTransparency"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport a11yPlugin from 'colord/plugins/a11y';\nimport namesPlugin from 'colord/plugins/names';\nimport { colord, extend } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Notice } from '@wordpress/components';\nimport { speak } from '@wordpress/a11y';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction ContrastChecker( {\n\tbackgroundColor,\n\tfallbackBackgroundColor,\n\tfallbackTextColor,\n\tfallbackLinkColor,\n\tfontSize, // Font size value in pixels.\n\tisLargeText,\n\ttextColor,\n\tlinkColor,\n\tenableAlphaChecker = false,\n} ) {\n\tconst currentBackgroundColor = backgroundColor || fallbackBackgroundColor;\n\n\t// Must have a background color.\n\tif ( ! currentBackgroundColor ) {\n\t\treturn null;\n\t}\n\n\tconst currentTextColor = textColor || fallbackTextColor;\n\tconst currentLinkColor = linkColor || fallbackLinkColor;\n\n\t// Must have at least one text color.\n\tif ( ! currentTextColor && ! currentLinkColor ) {\n\t\treturn null;\n\t}\n\n\tconst textColors = [\n\t\t{\n\t\t\tcolor: currentTextColor,\n\t\t\tdescription: __( 'text color' ),\n\t\t},\n\t\t{\n\t\t\tcolor: currentLinkColor,\n\t\t\tdescription: __( 'link color' ),\n\t\t},\n\t];\n\tconst colordBackgroundColor = colord( currentBackgroundColor );\n\tconst backgroundColorHasTransparency = colordBackgroundColor.alpha() < 1;\n\tconst backgroundColorBrightness = colordBackgroundColor.brightness();\n\tconst isReadableOptions = {\n\t\tlevel: 'AA',\n\t\tsize:\n\t\t\tisLargeText || ( isLargeText !== false && fontSize >= 24 )\n\t\t\t\t? 'large'\n\t\t\t\t: 'small',\n\t};\n\n\tlet message = '';\n\tlet speakMessage = '';\n\tfor ( const item of textColors ) {\n\t\t// If there is no color, go no further.\n\t\tif ( ! item.color ) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst colordTextColor = colord( item.color );\n\t\tconst isColordTextReadable = colordTextColor.isReadable(\n\t\t\tcolordBackgroundColor,\n\t\t\tisReadableOptions\n\t\t);\n\t\tconst textHasTransparency = colordTextColor.alpha() < 1;\n\n\t\t// If the contrast is not readable.\n\t\tif ( ! isColordTextReadable ) {\n\t\t\t// Don't show the message if the background or text is transparent.\n\t\t\tif ( backgroundColorHasTransparency || textHasTransparency ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tmessage =\n\t\t\t\tbackgroundColorBrightness < colordTextColor.brightness()\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// translators: %s is a type of text color, e.g., \"text color\" or \"link color\".\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\titem.description\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// translators: %s is a type of text color, e.g., \"text color\" or \"link color\".\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'This color combination may be hard for people to read. Try using a brighter background color and/or a darker %s.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\titem.description\n\t\t\t\t\t  );\n\t\t\tspeakMessage = __(\n\t\t\t\t'This color combination may be hard for people to read.'\n\t\t\t);\n\t\t\t// Break from the loop when we have a contrast warning.\n\t\t\t// These messages take priority over the transparency warning.\n\t\t\tbreak;\n\t\t}\n\n\t\t// If there is no contrast warning and the text is transparent,\n\t\t// show the transparent warning if alpha check is enabled.\n\t\tif ( textHasTransparency && enableAlphaChecker ) {\n\t\t\tmessage = __( 'Transparent text may be hard for people to read.' );\n\t\t\tspeakMessage = __(\n\t\t\t\t'Transparent text may be hard for people to read.'\n\t\t\t);\n\t\t}\n\t}\n\n\tif ( ! message ) {\n\t\treturn null;\n\t}\n\n\t// Note: The `Notice` component can speak messages via its `spokenMessage`\n\t// prop, but the contrast checker requires granular control over when the\n\t// announcements are made. Notably, the message will be re-announced if a\n\t// new color combination is selected and the contrast is still insufficient.\n\tspeak( speakMessage );\n\n\treturn (\n\t\t<div className=\"block-editor-contrast-checker\">\n\t\t\t<Notice\n\t\t\t\tspokenMessage={ null }\n\t\t\t\tstatus=\"warning\"\n\t\t\t\tisDismissible={ false }\n\t\t\t>\n\t\t\t\t{ message }\n\t\t\t</Notice>\n\t\t</div>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/contrast-checker/README.md\n */\nexport default ContrastChecker;\n"]}
+{"version":3,"names":["a11yPlugin","namesPlugin","colord","extend","__","sprintf","Notice","speak","ContrastChecker","backgroundColor","fallbackBackgroundColor","fallbackTextColor","fallbackLinkColor","fontSize","isLargeText","textColor","linkColor","enableAlphaChecker","currentBackgroundColor","currentTextColor","currentLinkColor","textColors","color","description","colordBackgroundColor","backgroundColorHasTransparency","alpha","backgroundColorBrightness","brightness","isReadableOptions","level","size","message","speakMessage","item","colordTextColor","isColordTextReadable","isReadable","textHasTransparency","createElement","className","spokenMessage","status","isDismissible"],"sources":["@wordpress/block-editor/src/components/contrast-checker/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport a11yPlugin from 'colord/plugins/a11y';\nimport namesPlugin from 'colord/plugins/names';\nimport { colord, extend } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Notice } from '@wordpress/components';\nimport { speak } from '@wordpress/a11y';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction ContrastChecker( {\n\tbackgroundColor,\n\tfallbackBackgroundColor,\n\tfallbackTextColor,\n\tfallbackLinkColor,\n\tfontSize, // Font size value in pixels.\n\tisLargeText,\n\ttextColor,\n\tlinkColor,\n\tenableAlphaChecker = false,\n} ) {\n\tconst currentBackgroundColor = backgroundColor || fallbackBackgroundColor;\n\n\t// Must have a background color.\n\tif ( ! currentBackgroundColor ) {\n\t\treturn null;\n\t}\n\n\tconst currentTextColor = textColor || fallbackTextColor;\n\tconst currentLinkColor = linkColor || fallbackLinkColor;\n\n\t// Must have at least one text color.\n\tif ( ! currentTextColor && ! currentLinkColor ) {\n\t\treturn null;\n\t}\n\n\tconst textColors = [\n\t\t{\n\t\t\tcolor: currentTextColor,\n\t\t\tdescription: __( 'text color' ),\n\t\t},\n\t\t{\n\t\t\tcolor: currentLinkColor,\n\t\t\tdescription: __( 'link color' ),\n\t\t},\n\t];\n\tconst colordBackgroundColor = colord( currentBackgroundColor );\n\tconst backgroundColorHasTransparency = colordBackgroundColor.alpha() < 1;\n\tconst backgroundColorBrightness = colordBackgroundColor.brightness();\n\tconst isReadableOptions = {\n\t\tlevel: 'AA',\n\t\tsize:\n\t\t\tisLargeText || ( isLargeText !== false && fontSize >= 24 )\n\t\t\t\t? 'large'\n\t\t\t\t: 'small',\n\t};\n\n\tlet message = '';\n\tlet speakMessage = '';\n\tfor ( const item of textColors ) {\n\t\t// If there is no color, go no further.\n\t\tif ( ! item.color ) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst colordTextColor = colord( item.color );\n\t\tconst isColordTextReadable = colordTextColor.isReadable(\n\t\t\tcolordBackgroundColor,\n\t\t\tisReadableOptions\n\t\t);\n\t\tconst textHasTransparency = colordTextColor.alpha() < 1;\n\n\t\t// If the contrast is not readable.\n\t\tif ( ! isColordTextReadable ) {\n\t\t\t// Don't show the message if the background or text is transparent.\n\t\t\tif ( backgroundColorHasTransparency || textHasTransparency ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tmessage =\n\t\t\t\tbackgroundColorBrightness < colordTextColor.brightness()\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// translators: %s is a type of text color, e.g., \"text color\" or \"link color\".\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\titem.description\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// translators: %s is a type of text color, e.g., \"text color\" or \"link color\".\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'This color combination may be hard for people to read. Try using a brighter background color and/or a darker %s.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\titem.description\n\t\t\t\t\t  );\n\t\t\tspeakMessage = __(\n\t\t\t\t'This color combination may be hard for people to read.'\n\t\t\t);\n\t\t\t// Break from the loop when we have a contrast warning.\n\t\t\t// These messages take priority over the transparency warning.\n\t\t\tbreak;\n\t\t}\n\n\t\t// If there is no contrast warning and the text is transparent,\n\t\t// show the transparent warning if alpha check is enabled.\n\t\tif ( textHasTransparency && enableAlphaChecker ) {\n\t\t\tmessage = __( 'Transparent text may be hard for people to read.' );\n\t\t\tspeakMessage = __(\n\t\t\t\t'Transparent text may be hard for people to read.'\n\t\t\t);\n\t\t}\n\t}\n\n\tif ( ! message ) {\n\t\treturn null;\n\t}\n\n\t// Note: The `Notice` component can speak messages via its `spokenMessage`\n\t// prop, but the contrast checker requires granular control over when the\n\t// announcements are made. Notably, the message will be re-announced if a\n\t// new color combination is selected and the contrast is still insufficient.\n\tspeak( speakMessage );\n\n\treturn (\n\t\t<div className=\"block-editor-contrast-checker\">\n\t\t\t<Notice\n\t\t\t\tspokenMessage={ null }\n\t\t\t\tstatus=\"warning\"\n\t\t\t\tisDismissible={ false }\n\t\t\t>\n\t\t\t\t{ message }\n\t\t\t</Notice>\n\t\t</div>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/contrast-checker/README.md\n */\nexport default ContrastChecker;\n"],"mappings":"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"}

package/build-module/components/contrast-checker/index.native.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
@@ -7,10 +6,10 @@ import { Text, View } from 'react-native';
 import { colord, extend } from 'colord';
 import namesPlugin from 'colord/plugins/names';
 import a11yPlugin from 'colord/plugins/a11y';
+
 /**
  * WordPress dependencies
  */
-
 import { speak } from '@wordpress/a11y';
 import { __ } from '@wordpress/i18n';
 import { useEffect } from '@wordpress/element';
@@ -19,10 +18,8 @@ import { Icon, warning } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
 extend([namesPlugin, a11yPlugin]);
-
 function ContrastCheckerMessage({
   colordBackgroundColor,
   colordTextColor,
@@ -30,11 +27,12 @@ function ContrastCheckerMessage({
   textColor,
   msgStyle
 }) {
-  const msg = colordBackgroundColor.brightness() < colordTextColor.brightness() ? __('This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color.') : __('This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.'); // Note: The `Notice` component can speak messages via its `spokenMessage`
+  const msg = colordBackgroundColor.brightness() < colordTextColor.brightness() ? __('This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color.') : __('This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.');
+
+  // Note: The `Notice` component can speak messages via its `spokenMessage`
   // prop, but the contrast checker requires granular control over when the
   // announcements are made. Notably, the message will be re-announced if a
   // new color combination is selected and the contrast is still insufficient.
-
   useEffect(() => {
     speak(__('This color combination may be hard for people to read.'));
   }, [backgroundColor, textColor]);
@@ -48,7 +46,6 @@ function ContrastCheckerMessage({
     style: msgStyle
   }, msg));
 }
-
 function ContrastChecker({
   backgroundColor,
   fallbackBackgroundColor,
@@ -59,22 +56,18 @@ function ContrastChecker({
   textColor
 }) {
   const msgStyle = usePreferredColorSchemeStyle(styles['block-editor-contrast-checker__notice'], styles['block-editor-contrast-checker__notice-dark']);
-
   if (!(backgroundColor || fallbackBackgroundColor) || !(textColor || fallbackTextColor)) {
     return null;
   }
-
   const colordBackgroundColor = colord(backgroundColor || fallbackBackgroundColor);
   const colordTextColor = colord(textColor || fallbackTextColor);
   const hasTransparency = colordBackgroundColor.alpha() !== 1 || colordTextColor.alpha() !== 1;
-
   if (hasTransparency || colordTextColor.isReadable(colordBackgroundColor, {
     level: 'AA',
     size: isLargeText || isLargeText !== false && fontSize >= 24 ? 'large' : 'small'
   })) {
     return null;
   }
-
   return createElement(ContrastCheckerMessage, {
     backgroundColor: backgroundColor,
     textColor: textColor,
@@ -83,6 +76,5 @@ function ContrastChecker({
     msgStyle: msgStyle
   });
 }
-
 export default ContrastChecker;
 //# sourceMappingURL=index.native.js.map

package/build-module/components/contrast-checker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/contrast-checker/index.native.js"],"names":["Text","View","colord","extend","namesPlugin","a11yPlugin","speak","__","useEffect","usePreferredColorSchemeStyle","Icon","warning","styles","ContrastCheckerMessage","colordBackgroundColor","colordTextColor","backgroundColor","textColor","msgStyle","msg","brightness","iconStyle","ContrastChecker","fallbackBackgroundColor","fallbackTextColor","fontSize","isLargeText","hasTransparency","alpha","isReadable","level","size"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, warning } from '@wordpress/icons';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction ContrastCheckerMessage( {\n\tcolordBackgroundColor,\n\tcolordTextColor,\n\tbackgroundColor,\n\ttextColor,\n\tmsgStyle,\n} ) {\n\tconst msg =\n\t\tcolordBackgroundColor.brightness() < colordTextColor.brightness()\n\t\t\t? __(\n\t\t\t\t\t'This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color.'\n\t\t\t  )\n\t\t\t: __(\n\t\t\t\t\t'This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.'\n\t\t\t  );\n\n\t// Note: The `Notice` component can speak messages via its `spokenMessage`\n\t// prop, but the contrast checker requires granular control over when the\n\t// announcements are made. Notably, the message will be re-announced if a\n\t// new color combination is selected and the contrast is still insufficient.\n\tuseEffect( () => {\n\t\tspeak( __( 'This color combination may be hard for people to read.' ) );\n\t}, [ backgroundColor, textColor ] );\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'block-editor-contrast-checker__icon' ],\n\t\tstyles[ 'block-editor-contrast-checker__icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'block-editor-contrast-checker' ] }>\n\t\t\t<Icon style={ iconStyle } icon={ warning } />\n\t\t\t<Text style={ msgStyle }>{ msg }</Text>\n\t\t</View>\n\t);\n}\n\nfunction ContrastChecker( {\n\tbackgroundColor,\n\tfallbackBackgroundColor,\n\tfallbackTextColor,\n\tfontSize, // font size value in pixels\n\tisLargeText,\n\ttextColor,\n} ) {\n\tconst msgStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'block-editor-contrast-checker__notice' ],\n\t\tstyles[ 'block-editor-contrast-checker__notice-dark' ]\n\t);\n\n\tif (\n\t\t! ( backgroundColor || fallbackBackgroundColor ) ||\n\t\t! ( textColor || fallbackTextColor )\n\t) {\n\t\treturn null;\n\t}\n\n\tconst colordBackgroundColor = colord(\n\t\tbackgroundColor || fallbackBackgroundColor\n\t);\n\tconst colordTextColor = colord( textColor || fallbackTextColor );\n\n\tconst hasTransparency =\n\t\tcolordBackgroundColor.alpha() !== 1 || colordTextColor.alpha() !== 1;\n\n\tif (\n\t\thasTransparency ||\n\t\tcolordTextColor.isReadable( colordBackgroundColor, {\n\t\t\tlevel: 'AA',\n\t\t\tsize:\n\t\t\t\tisLargeText || ( isLargeText !== false && fontSize >= 24 )\n\t\t\t\t\t? 'large'\n\t\t\t\t\t: 'small',\n\t\t} )\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ContrastCheckerMessage\n\t\t\tbackgroundColor={ backgroundColor }\n\t\t\ttextColor={ textColor }\n\t\t\tcolordBackgroundColor={ colordBackgroundColor }\n\t\t\tcolordTextColor={ colordTextColor }\n\t\t\tmsgStyle={ msgStyle }\n\t\t/>\n\t);\n}\n\nexport default ContrastChecker;\n"]}
+{"version":3,"names":["Text","View","colord","extend","namesPlugin","a11yPlugin","speak","__","useEffect","usePreferredColorSchemeStyle","Icon","warning","styles","ContrastCheckerMessage","colordBackgroundColor","colordTextColor","backgroundColor","textColor","msgStyle","msg","brightness","iconStyle","createElement","style","icon","ContrastChecker","fallbackBackgroundColor","fallbackTextColor","fontSize","isLargeText","hasTransparency","alpha","isReadable","level","size"],"sources":["@wordpress/block-editor/src/components/contrast-checker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, warning } from '@wordpress/icons';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction ContrastCheckerMessage( {\n\tcolordBackgroundColor,\n\tcolordTextColor,\n\tbackgroundColor,\n\ttextColor,\n\tmsgStyle,\n} ) {\n\tconst msg =\n\t\tcolordBackgroundColor.brightness() < colordTextColor.brightness()\n\t\t\t? __(\n\t\t\t\t\t'This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color.'\n\t\t\t  )\n\t\t\t: __(\n\t\t\t\t\t'This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.'\n\t\t\t  );\n\n\t// Note: The `Notice` component can speak messages via its `spokenMessage`\n\t// prop, but the contrast checker requires granular control over when the\n\t// announcements are made. Notably, the message will be re-announced if a\n\t// new color combination is selected and the contrast is still insufficient.\n\tuseEffect( () => {\n\t\tspeak( __( 'This color combination may be hard for people to read.' ) );\n\t}, [ backgroundColor, textColor ] );\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'block-editor-contrast-checker__icon' ],\n\t\tstyles[ 'block-editor-contrast-checker__icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'block-editor-contrast-checker' ] }>\n\t\t\t<Icon style={ iconStyle } icon={ warning } />\n\t\t\t<Text style={ msgStyle }>{ msg }</Text>\n\t\t</View>\n\t);\n}\n\nfunction ContrastChecker( {\n\tbackgroundColor,\n\tfallbackBackgroundColor,\n\tfallbackTextColor,\n\tfontSize, // font size value in pixels\n\tisLargeText,\n\ttextColor,\n} ) {\n\tconst msgStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'block-editor-contrast-checker__notice' ],\n\t\tstyles[ 'block-editor-contrast-checker__notice-dark' ]\n\t);\n\n\tif (\n\t\t! ( backgroundColor || fallbackBackgroundColor ) ||\n\t\t! ( textColor || fallbackTextColor )\n\t) {\n\t\treturn null;\n\t}\n\n\tconst colordBackgroundColor = colord(\n\t\tbackgroundColor || fallbackBackgroundColor\n\t);\n\tconst colordTextColor = colord( textColor || fallbackTextColor );\n\n\tconst hasTransparency =\n\t\tcolordBackgroundColor.alpha() !== 1 || colordTextColor.alpha() !== 1;\n\n\tif (\n\t\thasTransparency ||\n\t\tcolordTextColor.isReadable( colordBackgroundColor, {\n\t\t\tlevel: 'AA',\n\t\t\tsize:\n\t\t\t\tisLargeText || ( isLargeText !== false && fontSize >= 24 )\n\t\t\t\t\t? 'large'\n\t\t\t\t\t: 'small',\n\t\t} )\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ContrastCheckerMessage\n\t\t\tbackgroundColor={ backgroundColor }\n\t\t\ttextColor={ textColor }\n\t\t\tcolordBackgroundColor={ colordBackgroundColor }\n\t\t\tcolordTextColor={ colordTextColor }\n\t\t\tmsgStyle={ msgStyle }\n\t\t/>\n\t);\n}\n\nexport default ContrastChecker;\n"],"mappings":"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"}

package/build-module/components/convert-to-group-buttons/index.js

@@ -1,5 +1,4 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -7,14 +6,13 @@ import { MenuItem } from '@wordpress/components';
 import { _x } from '@wordpress/i18n';
 import { switchToBlockType } from '@wordpress/blocks';
 import { useDispatch } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import useConvertToGroupButtonProps from './use-convert-to-group-button-props';
 import BlockGroupToolbar from './toolbar';
-
 function ConvertToGroupButton({
   clientIds,
   isGroupable,
@@ -27,34 +25,26 @@ function ConvertToGroupButton({
   const {
     replaceBlocks
   } = useDispatch(blockEditorStore);
-
   const onConvertToGroup = () => {
     // Activate the `transform` on the Grouping Block which does the conversion.
     const newBlocks = switchToBlockType(blocksSelection, groupingBlockName);
-
     if (newBlocks) {
       replaceBlocks(clientIds, newBlocks);
     }
   };
-
   const onConvertFromGroup = () => {
     let innerBlocks = blocksSelection[0].innerBlocks;
-
     if (!innerBlocks.length) {
       return;
     }
-
     if (onUngroup) {
       innerBlocks = onUngroup(blocksSelection[0].attributes, blocksSelection[0].innerBlocks);
     }
-
     replaceBlocks(clientIds, innerBlocks);
   };
-
   if (!isGroupable && !isUngroupable) {
     return null;
   }
-
   return createElement(Fragment, null, isGroupable && createElement(MenuItem, {
     onClick: () => {
       onConvertToGroup();
@@ -67,6 +57,5 @@ function ConvertToGroupButton({
     }
   }, _x('Ungroup', 'Ungrouping blocks from within a grouping block back into individual blocks within the Editor ')));
 }
-
 export { BlockGroupToolbar, ConvertToGroupButton, useConvertToGroupButtonProps };
 //# sourceMappingURL=index.js.map

package/build-module/components/convert-to-group-buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/convert-to-group-buttons/index.js"],"names":["MenuItem","_x","switchToBlockType","useDispatch","store","blockEditorStore","useConvertToGroupButtonProps","BlockGroupToolbar","ConvertToGroupButton","clientIds","isGroupable","isUngroupable","onUngroup","blocksSelection","groupingBlockName","onClose","replaceBlocks","onConvertToGroup","newBlocks","onConvertFromGroup","innerBlocks","length","attributes"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,uBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,iBAAT,QAAkC,mBAAlC;AACA,SAASC,WAAT,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AACA,OAAOC,4BAAP,MAAyC,qCAAzC;AACA,OAAOC,iBAAP,MAA8B,WAA9B;;AAEA,SAASC,oBAAT,CAA+B;AAC9BC,EAAAA,SAD8B;AAE9BC,EAAAA,WAF8B;AAG9BC,EAAAA,aAH8B;AAI9BC,EAAAA,SAJ8B;AAK9BC,EAAAA,eAL8B;AAM9BC,EAAAA,iBAN8B;AAO9BC,EAAAA,OAAO,GAAG,MAAM,CAAE;AAPY,CAA/B,EAQI;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAoBb,WAAW,CAAEE,gBAAF,CAArC;;AACA,QAAMY,gBAAgB,GAAG,MAAM;AAC9B;AACA,UAAMC,SAAS,GAAGhB,iBAAiB,CAClCW,eADkC,EAElCC,iBAFkC,CAAnC;;AAIA,QAAKI,SAAL,EAAiB;AAChBF,MAAAA,aAAa,CAAEP,SAAF,EAAaS,SAAb,CAAb;AACA;AACD,GATD;;AAWA,QAAMC,kBAAkB,GAAG,MAAM;AAChC,QAAIC,WAAW,GAAGP,eAAe,CAAE,CAAF,CAAf,CAAqBO,WAAvC;;AACA,QAAK,CAAEA,WAAW,CAACC,MAAnB,EAA4B;AAC3B;AACA;;AACD,QAAKT,SAAL,EAAiB;AAChBQ,MAAAA,WAAW,GAAGR,SAAS,CACtBC,eAAe,CAAE,CAAF,CAAf,CAAqBS,UADC,EAEtBT,eAAe,CAAE,CAAF,CAAf,CAAqBO,WAFC,CAAvB;AAIA;;AACDJ,IAAAA,aAAa,CAAEP,SAAF,EAAaW,WAAb,CAAb;AACA,GAZD;;AAcA,MAAK,CAAEV,WAAF,IAAiB,CAAEC,aAAxB,EAAwC;AACvC,WAAO,IAAP;AACA;;AAED,SACC,8BACGD,WAAW,IACZ,cAAC,QAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACfO,MAAAA,gBAAgB;AAChBF,MAAAA,OAAO;AACP;AAJF,KAMGd,EAAE,CAAE,OAAF,EAAW,MAAX,CANL,CAFF,EAWGU,aAAa,IACd,cAAC,QAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACfQ,MAAAA,kBAAkB;AAClBJ,MAAAA,OAAO;AACP;AAJF,KAMGd,EAAE,CACH,SADG,EAEH,+FAFG,CANL,CAZF,CADD;AA2BA;;AAED,SACCM,iBADD,EAECC,oBAFD,EAGCF,4BAHD","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { switchToBlockType } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useConvertToGroupButtonProps from './use-convert-to-group-button-props';\nimport BlockGroupToolbar from './toolbar';\n\nfunction ConvertToGroupButton( {\n\tclientIds,\n\tisGroupable,\n\tisUngroupable,\n\tonUngroup,\n\tblocksSelection,\n\tgroupingBlockName,\n\tonClose = () => {},\n} ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst onConvertToGroup = () => {\n\t\t// Activate the `transform` on the Grouping Block which does the conversion.\n\t\tconst newBlocks = switchToBlockType(\n\t\t\tblocksSelection,\n\t\t\tgroupingBlockName\n\t\t);\n\t\tif ( newBlocks ) {\n\t\t\treplaceBlocks( clientIds, newBlocks );\n\t\t}\n\t};\n\n\tconst onConvertFromGroup = () => {\n\t\tlet innerBlocks = blocksSelection[ 0 ].innerBlocks;\n\t\tif ( ! innerBlocks.length ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( onUngroup ) {\n\t\t\tinnerBlocks = onUngroup(\n\t\t\t\tblocksSelection[ 0 ].attributes,\n\t\t\t\tblocksSelection[ 0 ].innerBlocks\n\t\t\t);\n\t\t}\n\t\treplaceBlocks( clientIds, innerBlocks );\n\t};\n\n\tif ( ! isGroupable && ! isUngroupable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isGroupable && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonConvertToGroup();\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ _x( 'Group', 'verb' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t\t{ isUngroupable && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonConvertFromGroup();\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ _x(\n\t\t\t\t\t\t'Ungroup',\n\t\t\t\t\t\t'Ungrouping blocks from within a grouping block back into individual blocks within the Editor '\n\t\t\t\t\t) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport {\n\tBlockGroupToolbar,\n\tConvertToGroupButton,\n\tuseConvertToGroupButtonProps,\n};\n"]}
+{"version":3,"names":["MenuItem","_x","switchToBlockType","useDispatch","store","blockEditorStore","useConvertToGroupButtonProps","BlockGroupToolbar","ConvertToGroupButton","clientIds","isGroupable","isUngroupable","onUngroup","blocksSelection","groupingBlockName","onClose","replaceBlocks","onConvertToGroup","newBlocks","onConvertFromGroup","innerBlocks","length","attributes","createElement","Fragment","onClick"],"sources":["@wordpress/block-editor/src/components/convert-to-group-buttons/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { switchToBlockType } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useConvertToGroupButtonProps from './use-convert-to-group-button-props';\nimport BlockGroupToolbar from './toolbar';\n\nfunction ConvertToGroupButton( {\n\tclientIds,\n\tisGroupable,\n\tisUngroupable,\n\tonUngroup,\n\tblocksSelection,\n\tgroupingBlockName,\n\tonClose = () => {},\n} ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst onConvertToGroup = () => {\n\t\t// Activate the `transform` on the Grouping Block which does the conversion.\n\t\tconst newBlocks = switchToBlockType(\n\t\t\tblocksSelection,\n\t\t\tgroupingBlockName\n\t\t);\n\t\tif ( newBlocks ) {\n\t\t\treplaceBlocks( clientIds, newBlocks );\n\t\t}\n\t};\n\n\tconst onConvertFromGroup = () => {\n\t\tlet innerBlocks = blocksSelection[ 0 ].innerBlocks;\n\t\tif ( ! innerBlocks.length ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( onUngroup ) {\n\t\t\tinnerBlocks = onUngroup(\n\t\t\t\tblocksSelection[ 0 ].attributes,\n\t\t\t\tblocksSelection[ 0 ].innerBlocks\n\t\t\t);\n\t\t}\n\t\treplaceBlocks( clientIds, innerBlocks );\n\t};\n\n\tif ( ! isGroupable && ! isUngroupable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isGroupable && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonConvertToGroup();\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ _x( 'Group', 'verb' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t\t{ isUngroupable && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonConvertFromGroup();\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ _x(\n\t\t\t\t\t\t'Ungroup',\n\t\t\t\t\t\t'Ungrouping blocks from within a grouping block back into individual blocks within the Editor '\n\t\t\t\t\t) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport {\n\tBlockGroupToolbar,\n\tConvertToGroupButton,\n\tuseConvertToGroupButtonProps,\n};\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,4BAA4B,MAAM,qCAAqC;AAC9E,OAAOC,iBAAiB,MAAM,WAAW;AAEzC,SAASC,oBAAoBA,CAAE;EAC9BC,SAAS;EACTC,WAAW;EACXC,aAAa;EACbC,SAAS;EACTC,eAAe;EACfC,iBAAiB;EACjBC,OAAO,GAAGA,CAAA,KAAM,CAAC;AAClB,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAGb,WAAW,CAAEE,gBAAiB,CAAC;EACzD,MAAMY,gBAAgB,GAAGA,CAAA,KAAM;IAC9B;IACA,MAAMC,SAAS,GAAGhB,iBAAiB,CAClCW,eAAe,EACfC,iBACD,CAAC;IACD,IAAKI,SAAS,EAAG;MAChBF,aAAa,CAAEP,SAAS,EAAES,SAAU,CAAC;IACtC;EACD,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAChC,IAAIC,WAAW,GAAGP,eAAe,CAAE,CAAC,CAAE,CAACO,WAAW;IAClD,IAAK,CAAEA,WAAW,CAACC,MAAM,EAAG;MAC3B;IACD;IACA,IAAKT,SAAS,EAAG;MAChBQ,WAAW,GAAGR,SAAS,CACtBC,eAAe,CAAE,CAAC,CAAE,CAACS,UAAU,EAC/BT,eAAe,CAAE,CAAC,CAAE,CAACO,WACtB,CAAC;IACF;IACAJ,aAAa,CAAEP,SAAS,EAAEW,WAAY,CAAC;EACxC,CAAC;EAED,IAAK,CAAEV,WAAW,IAAI,CAAEC,aAAa,EAAG;IACvC,OAAO,IAAI;EACZ;EAEA,OACCY,aAAA,CAAAC,QAAA,QACGd,WAAW,IACZa,aAAA,CAACvB,QAAQ;IACRyB,OAAO,EAAGA,CAAA,KAAM;MACfR,gBAAgB,CAAC,CAAC;MAClBF,OAAO,CAAC,CAAC;IACV;EAAG,GAEDd,EAAE,CAAE,OAAO,EAAE,MAAO,CACb,CACV,EACCU,aAAa,IACdY,aAAA,CAACvB,QAAQ;IACRyB,OAAO,EAAGA,CAAA,KAAM;MACfN,kBAAkB,CAAC,CAAC;MACpBJ,OAAO,CAAC,CAAC;IACV;EAAG,GAEDd,EAAE,CACH,SAAS,EACT,+FACD,CACS,CAEV,CAAC;AAEL;AAEA,SACCM,iBAAiB,EACjBC,oBAAoB,EACpBF,4BAA4B"}

package/build-module/components/convert-to-group-buttons/index.native.js

@@ -5,13 +5,12 @@ import { __, _x } from '@wordpress/i18n';
 import { switchToBlockType } from '@wordpress/blocks';
 import { useDispatch } from '@wordpress/data';
 import { store as noticesStore } from '@wordpress/notices';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import useConvertToGroupButtonProps from './use-convert-to-group-button-props';
-
 function useConvertToGroupButtons({
   clientIds,
   onUngroup,
@@ -24,30 +23,23 @@ function useConvertToGroupButtons({
   const {
     createSuccessNotice
   } = useDispatch(noticesStore);
-
   const onConvertToGroup = () => {
     // Activate the `transform` on the Grouping Block which does the conversion.
     const newBlocks = switchToBlockType(blocksSelection, groupingBlockName);
-
     if (newBlocks) {
       replaceBlocks(clientIds, newBlocks);
     }
   };
-
   const onConvertFromGroup = () => {
     let innerBlocks = blocksSelection[0].innerBlocks;
-
     if (!innerBlocks.length) {
       return;
     }
-
     if (onUngroup) {
       innerBlocks = onUngroup(blocksSelection[0].attributes, blocksSelection[0].innerBlocks);
     }
-
     replaceBlocks(clientIds, innerBlocks);
   };
-
   return {
     group: {
       id: 'groupButtonOption',
@@ -55,7 +47,8 @@ function useConvertToGroupButtons({
       value: 'groupButtonOption',
       onSelect: () => {
         onConvertToGroup();
-        createSuccessNotice( // translators: displayed right after the block is grouped
+        createSuccessNotice(
+        // translators: displayed right after the block is grouped
         __('Block grouped'));
       }
     },
@@ -65,12 +58,12 @@ function useConvertToGroupButtons({
       value: 'ungroupButtonOption',
       onSelect: () => {
         onConvertFromGroup();
-        createSuccessNotice( // translators: displayed right after the block is ungrouped.
+        createSuccessNotice(
+        // translators: displayed right after the block is ungrouped.
         __('Block ungrouped'));
       }
     }
   };
 }
-
 export { useConvertToGroupButtons, useConvertToGroupButtonProps };
 //# sourceMappingURL=index.native.js.map