@wordpress/block-library 8.19.2 → 8.20.0

package/build/cover/focal-point-settings-button.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_reactNative","_i18n","_components","_blockEditor","_icons","_style","_interopRequireDefault","FocalPointSettingsButton","disabled","focalPoint","onFocalPointChange","url","navigation","useNavigation","_element","createElement","BottomSheet","Cell","customActionButton","labelStyle","styles","dimmedActionButton","leftAlign","label","__","onPress","navigate","blockSettingsScreens","View","style","Icon","icon","chevronRight","_default","exports","default"],"sources":["@wordpress/block-library/src/cover/focal-point-settings-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, BottomSheet } from '@wordpress/components';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction FocalPointSettingsButton( {\n\tdisabled,\n\tfocalPoint,\n\tonFocalPointChange,\n\turl,\n} ) {\n\tconst navigation = useNavigation();\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\tcustomActionButton\n\t\t\tdisabled={ disabled }\n\t\t\tlabelStyle={ disabled && styles.dimmedActionButton }\n\t\t\tleftAlign\n\t\t\tlabel={ __( 'Edit focal point' ) }\n\t\t\tonPress={ () => {\n\t\t\t\tnavigation.navigate( blockSettingsScreens.focalPoint, {\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tonFocalPointChange,\n\t\t\t\t\turl,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Wrapper View element used around Icon as workaround for SVG opacity\n\t\t\t * issue: https://github.com/react-native-svg/react-native-svg/issues/1345\n\t\t\t */ }\n\t\t\t<View style={ disabled && styles.dimmedActionButton }>\n\t\t\t\t<Icon icon={ chevronRight } />\n\t\t\t</View>\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nexport default FocalPointSettingsButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASQ,wBAAwBA,CAAE;EAClCC,QAAQ;EACRC,UAAU;EACVC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAc,WAAW,CAACC,IAAI;IAChBC,kBAAkB;IAClBV,QAAQ,EAAGA,QAAU;IACrBW,UAAU,EAAGX,QAAQ,IAAIY,cAAM,CAACC,kBAAoB;IACpDC,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,OAAO,EAAGA,CAAA,KAAM;MACfb,UAAU,CAACc,QAAQ,CAAEC,iCAAoB,CAAClB,UAAU,EAAE;QACrDA,UAAU;QACVC,kBAAkB;QAClBC;MACD,CAAE,CAAC;IACJ;EAAG,GAMH,IAAAG,QAAA,CAAAC,aAAA,EAACf,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAGrB,QAAQ,IAAIY,cAAM,CAACC;EAAoB,GACpD,IAAAP,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAA4B,IAAI;IAACC,IAAI,EAAGC;EAAc,CAAE,CACxB,CACW,CAAC;AAErB;AAAC,IAAAC,QAAA,GAEc1B,wBAAwB;AAAA2B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_native","require","_reactNative","_i18n","_components","_blockEditor","_icons","_style","_interopRequireDefault","FocalPointSettingsButton","disabled","focalPoint","onFocalPointChange","url","navigation","useNavigation","_react","createElement","BottomSheet","Cell","customActionButton","labelStyle","styles","dimmedActionButton","leftAlign","label","__","onPress","navigate","blockSettingsScreens","View","style","Icon","icon","chevronRight","_default","exports","default"],"sources":["@wordpress/block-library/src/cover/focal-point-settings-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, BottomSheet } from '@wordpress/components';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction FocalPointSettingsButton( {\n\tdisabled,\n\tfocalPoint,\n\tonFocalPointChange,\n\turl,\n} ) {\n\tconst navigation = useNavigation();\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\tcustomActionButton\n\t\t\tdisabled={ disabled }\n\t\t\tlabelStyle={ disabled && styles.dimmedActionButton }\n\t\t\tleftAlign\n\t\t\tlabel={ __( 'Edit focal point' ) }\n\t\t\tonPress={ () => {\n\t\t\t\tnavigation.navigate( blockSettingsScreens.focalPoint, {\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tonFocalPointChange,\n\t\t\t\t\turl,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Wrapper View element used around Icon as workaround for SVG opacity\n\t\t\t * issue: https://github.com/react-native-svg/react-native-svg/issues/1345\n\t\t\t */ }\n\t\t\t<View style={ disabled && styles.dimmedActionButton }>\n\t\t\t\t<Icon icon={ chevronRight } />\n\t\t\t</View>\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nexport default FocalPointSettingsButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASQ,wBAAwBA,CAAE;EAClCC,QAAQ;EACRC,UAAU;EACVC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAc,WAAW,CAACC,IAAI;IAChBC,kBAAkB;IAClBV,QAAQ,EAAGA,QAAU;IACrBW,UAAU,EAAGX,QAAQ,IAAIY,cAAM,CAACC,kBAAoB;IACpDC,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,OAAO,EAAGA,CAAA,KAAM;MACfb,UAAU,CAACc,QAAQ,CAAEC,iCAAoB,CAAClB,UAAU,EAAE;QACrDA,UAAU;QACVC,kBAAkB;QAClBC;MACD,CAAE,CAAC;IACJ;EAAG,GAMH,IAAAG,MAAA,CAAAC,aAAA,EAACf,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAGrB,QAAQ,IAAIY,cAAM,CAACC;EAAoB,GACpD,IAAAP,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAA4B,IAAI;IAACC,IAAI,EAAGC;EAAc,CAAE,CACxB,CACW,CAAC;AAErB;AAAC,IAAAC,QAAA,GAEc1B,wBAAwB;AAAA2B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/cover/index.js

@@ -63,6 +63,9 @@ const metadata = {
     customOverlayColor: {
       type: "string"
     },
+    isUserOverlayColor: {
+      type: "boolean"
+    },
     backgroundType: {
       type: "string",
       "default": "image"

package/build/cover/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","_variations","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","useFeaturedImage","id","alt","source","selector","attribute","hasParallax","isRepeated","dimRatio","overlayColor","customOverlayColor","backgroundType","focalPoint","minHeight","minHeightUnit","gradient","customGradient","contentPosition","isDark","allowedBlocks","templateLock","tagName","usesContext","supports","anchor","align","html","spacing","padding","margin","blockGap","__experimentalDefaultControls","__experimentalBorder","color","radius","style","width","__experimentalDuotone","heading","text","background","__experimentalSkipSerialization","enableContrastChecker","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","layout","allowJustification","editorStyle","exports","settings","icon","example","innerBlocks","content","__","transforms","save","edit","deprecated","variations","init","initBlock"],"sources":["@wordpress/block-library/src/cover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __( '<strong>Snow Patrol</strong>' ),\n\t\t\t\t\talign: 'center',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\ttypography: {\n\t\t\t\t\t\t\tfontSize: 48,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\ttext: 'white',\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],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","_transforms","_variations","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","useFeaturedImage","id","alt","source","selector","attribute","hasParallax","isRepeated","dimRatio","overlayColor","customOverlayColor","isUserOverlayColor","backgroundType","focalPoint","minHeight","minHeightUnit","gradient","customGradient","contentPosition","isDark","allowedBlocks","templateLock","tagName","usesContext","supports","anchor","align","html","spacing","padding","margin","blockGap","__experimentalDefaultControls","__experimentalBorder","color","radius","style","width","__experimentalDuotone","heading","text","background","__experimentalSkipSerialization","enableContrastChecker","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","layout","allowJustification","editorStyle","exports","settings","icon","example","innerBlocks","content","__","transforms","save","edit","deprecated","variations","init","initBlock"],"sources":["@wordpress/block-library/src/cover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcontent: __( '<strong>Snow Patrol</strong>' ),\n\t\t\t\t\talign: 'center',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\ttypography: {\n\t\t\t\t\t\t\tfontSize: 48,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\ttext: 'white',\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],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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"}

package/build/cover/overlay-color-settings.native.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
@@ -79,7 +80,7 @@ function OverlayColorSettings({
       onColorCleared
     }];
   }, [colorValue, gradientValue, colors, gradients]);
-  return (0, _element.createElement)(_blockEditor.__experimentalPanelColorGradientSettings, {
+  return (0, _react.createElement)(_blockEditor.__experimentalPanelColorGradientSettings, {
     title: (0, _i18n.__)('Overlay'),
     initialOpen: false,
     settings: settings

package/build/cover/overlay-color-settings.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_blockEditor","_components","OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","colors","useMobileGlobalStylesColors","gradients","gradientValue","getGradientValueBySlug","colorValue","getColorObjectByAttributeValues","color","settings","useMemo","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","getColorObjectByColorValue","slug","onGradientChange","getGradientSlugByValue","onColorCleared","label","__","createElement","__experimentalPanelColorGradientSettings","title","initialOpen","_default","exports","default"],"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useMobileGlobalStylesColors } from '@wordpress/components';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst colors = useMobileGlobalStylesColors();\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// Clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onColorCleared = () => {\n\t\t\tsetAttributes( {\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t} );\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tonColorCleared,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"],"mappings":";;;;;;AAeA,IAAAA,QAAA,GAAAC,OAAA;AAZA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AAQA,IAAAG,WAAA,GAAAH,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA,SAASI,oBAAoBA,CAAE;EAC9BC,YAAY;EACZC,kBAAkB;EAClBC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,MAAM,GAAG,IAAAC,uCAA2B,EAAC,CAAC;EAC5C,MAAMC,SAAS,GAAG,IAAAD,uCAA2B,EAAE,WAAY,CAAC;EAE5D,MAAME,aAAa,GAClBL,cAAc,IAAI,IAAAM,mCAAsB,EAAEF,SAAS,EAAEL,QAAS,CAAC;EAEhE,MAAMQ,UAAU,GAAG,IAAAC,4CAA+B,EACjDN,MAAM,EACNL,YAAY,EACZC,kBACD,CAAC,CAACW,KAAK;EAEP,MAAMC,QAAQ,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/B,MAAMC,mBAAmB,GAAGA,CAAEC,aAAa,EAAEC,KAAK,KAAM;MACvDb,aAAa,CAAE;QACd;QACAJ,YAAY,EAAEkB,SAAS;QACvBjB,kBAAkB,EAAEiB,SAAS;QAC7BhB,QAAQ,EAAEgB,SAAS;QACnBf,cAAc,EAAEe,SAAS;QACzB,CAAEF,aAAa,GAAIC;MACpB,CAAE,CAAC;IACJ,CAAC;IAED,MAAME,aAAa,GAAKF,KAAK,IAAM;MAClC;MACA,IAAK,CAAEA,KAAK,EAAG;QACd;MACD;MACA,MAAMG,WAAW,GAAG,IAAAC,uCAA0B,EAAEhB,MAAM,EAAEY,KAAM,CAAC;MAC/D,IAAKG,WAAW,EAAEE,IAAI,EAAG;QACxBP,mBAAmB,CAAE,cAAc,EAAEK,WAAW,CAACE,IAAK,CAAC;MACxD,CAAC,MAAM;QACNP,mBAAmB,CAAE,oBAAoB,EAAEE,KAAM,CAAC;MACnD;IACD,CAAC;IAED,MAAMM,gBAAgB,GAAKN,KAAK,IAAM;MACrC;MACA,IAAK,CAAEA,KAAK,EAAG;QACd;MACD;MACA,MAAMK,IAAI,GAAG,IAAAE,mCAAsB,EAAEjB,SAAS,EAAEU,KAAM,CAAC;MACvD,IAAKK,IAAI,EAAG;QACXP,mBAAmB,CAAE,UAAU,EAAEO,IAAK,CAAC;MACxC,CAAC,MAAM;QACNP,mBAAmB,CAAE,gBAAgB,EAAEE,KAAM,CAAC;MAC/C;IACD,CAAC;IAED,MAAMQ,cAAc,GAAGA,CAAA,KAAM;MAC5BrB,aAAa,CAAE;QACdJ,YAAY,EAAEkB,SAAS;QACvBjB,kBAAkB,EAAEiB,SAAS;QAC7BhB,QAAQ,EAAEgB,SAAS;QACnBf,cAAc,EAAEe;MACjB,CAAE,CAAC;IACJ,CAAC;IAED,OAAO,CACN;MACCQ,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;MACpBR,aAAa;MACbT,UAAU;MACVF,aAAa;MACbe,gBAAgB;MAChBE;IACD,CAAC,CACD;EACF,CAAC,EAAE,CAAEf,UAAU,EAAEF,aAAa,EAAEH,MAAM,EAAEE,SAAS,CAAG,CAAC;EAErD,OACC,IAAAb,QAAA,CAAAkC,aAAA,EAAC/B,YAAA,CAAAgC,wCAA0B;IAC1BC,KAAK,EAAG,IAAAH,QAAE,EAAE,SAAU,CAAG;IACzBI,WAAW,EAAG,KAAO;IACrBlB,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ;AAAC,IAAAmB,QAAA,GAEcjC,oBAAoB;AAAAkC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_blockEditor","_element","_components","OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","colors","useMobileGlobalStylesColors","gradients","gradientValue","getGradientValueBySlug","colorValue","getColorObjectByAttributeValues","color","settings","useMemo","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","getColorObjectByColorValue","slug","onGradientChange","getGradientSlugByValue","onColorCleared","label","__","_react","createElement","__experimentalPanelColorGradientSettings","title","initialOpen","_default","exports","default"],"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useMobileGlobalStylesColors } from '@wordpress/components';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst colors = useMobileGlobalStylesColors();\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// Clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// Do nothing for falsy values.\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onColorCleared = () => {\n\t\t\tsetAttributes( {\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t} );\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tonColorCleared,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA,SAASI,oBAAoBA,CAAE;EAC9BC,YAAY;EACZC,kBAAkB;EAClBC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,MAAM,GAAG,IAAAC,uCAA2B,EAAC,CAAC;EAC5C,MAAMC,SAAS,GAAG,IAAAD,uCAA2B,EAAE,WAAY,CAAC;EAE5D,MAAME,aAAa,GAClBL,cAAc,IAAI,IAAAM,mCAAsB,EAAEF,SAAS,EAAEL,QAAS,CAAC;EAEhE,MAAMQ,UAAU,GAAG,IAAAC,4CAA+B,EACjDN,MAAM,EACNL,YAAY,EACZC,kBACD,CAAC,CAACW,KAAK;EAEP,MAAMC,QAAQ,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/B,MAAMC,mBAAmB,GAAGA,CAAEC,aAAa,EAAEC,KAAK,KAAM;MACvDb,aAAa,CAAE;QACd;QACAJ,YAAY,EAAEkB,SAAS;QACvBjB,kBAAkB,EAAEiB,SAAS;QAC7BhB,QAAQ,EAAEgB,SAAS;QACnBf,cAAc,EAAEe,SAAS;QACzB,CAAEF,aAAa,GAAIC;MACpB,CAAE,CAAC;IACJ,CAAC;IAED,MAAME,aAAa,GAAKF,KAAK,IAAM;MAClC;MACA,IAAK,CAAEA,KAAK,EAAG;QACd;MACD;MACA,MAAMG,WAAW,GAAG,IAAAC,uCAA0B,EAAEhB,MAAM,EAAEY,KAAM,CAAC;MAC/D,IAAKG,WAAW,EAAEE,IAAI,EAAG;QACxBP,mBAAmB,CAAE,cAAc,EAAEK,WAAW,CAACE,IAAK,CAAC;MACxD,CAAC,MAAM;QACNP,mBAAmB,CAAE,oBAAoB,EAAEE,KAAM,CAAC;MACnD;IACD,CAAC;IAED,MAAMM,gBAAgB,GAAKN,KAAK,IAAM;MACrC;MACA,IAAK,CAAEA,KAAK,EAAG;QACd;MACD;MACA,MAAMK,IAAI,GAAG,IAAAE,mCAAsB,EAAEjB,SAAS,EAAEU,KAAM,CAAC;MACvD,IAAKK,IAAI,EAAG;QACXP,mBAAmB,CAAE,UAAU,EAAEO,IAAK,CAAC;MACxC,CAAC,MAAM;QACNP,mBAAmB,CAAE,gBAAgB,EAAEE,KAAM,CAAC;MAC/C;IACD,CAAC;IAED,MAAMQ,cAAc,GAAGA,CAAA,KAAM;MAC5BrB,aAAa,CAAE;QACdJ,YAAY,EAAEkB,SAAS;QACvBjB,kBAAkB,EAAEiB,SAAS;QAC7BhB,QAAQ,EAAEgB,SAAS;QACnBf,cAAc,EAAEe;MACjB,CAAE,CAAC;IACJ,CAAC;IAED,OAAO,CACN;MACCQ,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;MACpBR,aAAa;MACbT,UAAU;MACVF,aAAa;MACbe,gBAAgB;MAChBE;IACD,CAAC,CACD;EACF,CAAC,EAAE,CAAEf,UAAU,EAAEF,aAAa,EAAEH,MAAM,EAAEE,SAAS,CAAG,CAAC;EAErD,OACC,IAAAqB,MAAA,CAAAC,aAAA,EAACjC,YAAA,CAAAkC,wCAA0B;IAC1BC,KAAK,EAAG,IAAAJ,QAAE,EAAE,SAAU,CAAG;IACzBK,WAAW,EAAG,KAAO;IACrBnB,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ;AAAC,IAAAoB,QAAA,GAEclC,oBAAoB;AAAAmC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/cover/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _shared = require("./shared");
@@ -73,12 +73,12 @@ function save({
     'is-repeated': isRepeated
   });
   const gradientValue = gradient || customGradient;
-  return (0, _element.createElement)(Tag, {
+  return (0, _react.createElement)(Tag, {
     ..._blockEditor.useBlockProps.save({
       className: classes,
       style
     })
-  }, (0, _element.createElement)("span", {
+  }, (0, _react.createElement)("span", {
     "aria-hidden": "true",
     className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
       'has-background-dim': dimRatio !== undefined,
@@ -90,7 +90,7 @@ function save({
       [gradientClass]: gradientClass
     }),
     style: bgStyle
-  }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _element.createElement)("img", {
+  }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
     className: imgClasses,
     alt: alt,
     src: url,
@@ -99,14 +99,14 @@ function save({
     },
     "data-object-fit": "cover",
     "data-object-position": objectPosition
-  }) : (0, _element.createElement)("div", {
+  }) : (0, _react.createElement)("div", {
     role: "img",
     className: imgClasses,
     style: {
       backgroundPosition,
       backgroundImage
     }
-  })), isVideoBackground && url && (0, _element.createElement)("video", {
+  })), isVideoBackground && url && (0, _react.createElement)("video", {
     className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
     autoPlay: true,
     muted: true,
@@ -118,7 +118,7 @@ function save({
     },
     "data-object-fit": "cover",
     "data-object-position": objectPosition
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     ..._blockEditor.useInnerBlocksProps.save({
       className: 'wp-block-cover__inner-container'
     })

package/build/cover/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_shared","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","overlayColorClass","getColorClassName","gradientClass","__experimentalGetGradientClass","isImageBackground","IMAGE_BACKGROUND_TYPE","isVideoBackground","VIDEO_BACKGROUND_TYPE","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","mediaPosition","backgroundImage","backgroundPosition","classes","classnames","isContentPositionCenter","getPositionClassName","imgClasses","gradientValue","_element","createElement","useBlockProps","className","dimRatioToClass","src","role","autoPlay","muted","loop","playsInline","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/cover/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst imgClasses = classnames(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_shared","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","overlayColorClass","getColorClassName","gradientClass","__experimentalGetGradientClass","isImageBackground","IMAGE_BACKGROUND_TYPE","isVideoBackground","VIDEO_BACKGROUND_TYPE","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","mediaPosition","backgroundImage","backgroundPosition","classes","classnames","isContentPositionCenter","getPositionClassName","imgClasses","gradientValue","_react","createElement","useBlockProps","className","dimRatioToClass","src","role","autoPlay","muted","loop","playsInline","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/cover/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst imgClasses = classnames(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"],"mappings":"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"}

package/build/cover/shared.js

@@ -6,18 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.VIDEO_BACKGROUND_TYPE = exports.IMAGE_BACKGROUND_TYPE = exports.DEFAULT_FOCAL_POINT = exports.COVER_MIN_HEIGHT = exports.COVER_MAX_HEIGHT = exports.COVER_DEFAULT_HEIGHT = exports.ALLOWED_MEDIA_TYPES = void 0;
 exports.attributesFromMedia = attributesFromMedia;
 exports.dimRatioToClass = dimRatioToClass;
-exports.getCoverIsDark = getCoverIsDark;
 exports.getPositionClassName = getPositionClassName;
 exports.isContentPositionCenter = isContentPositionCenter;
 exports.mediaPosition = mediaPosition;
-var _fastAverageColor = require("fast-average-color");
-var _colord = require("colord");
 var _blob = require("@wordpress/blob");
-var _hooks = require("@wordpress/hooks");
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -60,48 +52,41 @@ function mediaPosition({
 function dimRatioToClass(ratio) {
   return ratio === 50 || !ratio === undefined ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
 }
-function attributesFromMedia(setAttributes, dimRatio) {
-  return (media, isDark) => {
-    if (!media || !media.url) {
-      setAttributes({
-        url: undefined,
-        id: undefined,
-        isDark
-      });
-      return;
-    }
-    if ((0, _blob.isBlobURL)(media.url)) {
-      media.type = (0, _blob.getBlobTypeByURL)(media.url);
-    }
-    let mediaType;
-    // For media selections originated from a file upload.
-    if (media.media_type) {
-      if (media.media_type === IMAGE_BACKGROUND_TYPE) {
-        mediaType = IMAGE_BACKGROUND_TYPE;
-      } else {
-        // only images and videos are accepted so if the media_type is not an image we can assume it is a video.
-        // Videos contain the media type of 'file' in the object returned from the rest api.
-        mediaType = VIDEO_BACKGROUND_TYPE;
-      }
+function attributesFromMedia(media) {
+  if (!media || !media.url) {
+    return {
+      url: undefined,
+      id: undefined
+    };
+  }
+  if ((0, _blob.isBlobURL)(media.url)) {
+    media.type = (0, _blob.getBlobTypeByURL)(media.url);
+  }
+  let mediaType;
+  // For media selections originated from a file upload.
+  if (media.media_type) {
+    if (media.media_type === IMAGE_BACKGROUND_TYPE) {
+      mediaType = IMAGE_BACKGROUND_TYPE;
     } else {
-      // For media selections originated from existing files in the media library.
-      if (media.type !== IMAGE_BACKGROUND_TYPE && media.type !== VIDEO_BACKGROUND_TYPE) {
-        return;
-      }
-      mediaType = media.type;
+      // only images and videos are accepted so if the media_type is not an image we can assume it is a video.
+      // Videos contain the media type of 'file' in the object returned from the rest api.
+      mediaType = VIDEO_BACKGROUND_TYPE;
     }
-    setAttributes({
-      isDark,
-      dimRatio: dimRatio === 100 ? 50 : dimRatio,
-      url: media.url,
-      id: media.id,
-      alt: media?.alt,
-      backgroundType: mediaType,
-      focalPoint: undefined,
-      ...(mediaType === VIDEO_BACKGROUND_TYPE ? {
-        hasParallax: undefined
-      } : {})
-    });
+  } else {
+    // For media selections originated from existing files in the media library.
+    if (media.type !== IMAGE_BACKGROUND_TYPE && media.type !== VIDEO_BACKGROUND_TYPE) {
+      return;
+    }
+    mediaType = media.type;
+  }
+  return {
+    url: media.url,
+    id: media.id,
+    alt: media?.alt,
+    backgroundType: mediaType,
+    ...(mediaType === VIDEO_BACKGROUND_TYPE ? {
+      hasParallax: undefined
+    } : {})
   };
 }
 
@@ -129,89 +114,4 @@ function getPositionClassName(contentPosition) {
   if (isContentPositionCenter(contentPosition)) return '';
   return POSITION_CLASSNAMES[contentPosition];
 }
-
-/**
- * Performs a Porter Duff composite source over operation on two rgba colors.
- *
- * @see https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover
- *
- * @param {import('colord').RgbaColor} source Source color.
- * @param {import('colord').RgbaColor} dest   Destination color.
- * @return {import('colord').RgbaColor} Composite color.
- */
-function compositeSourceOver(source, dest) {
-  return {
-    r: source.r * source.a + dest.r * dest.a * (1 - source.a),
-    g: source.g * source.a + dest.g * dest.a * (1 - source.a),
-    b: source.b * source.a + dest.b * dest.a * (1 - source.a),
-    a: source.a + dest.a * (1 - source.a)
-  };
-}
-function retrieveFastAverageColor() {
-  if (!retrieveFastAverageColor.fastAverageColor) {
-    retrieveFastAverageColor.fastAverageColor = new _fastAverageColor.FastAverageColor();
-  }
-  return retrieveFastAverageColor.fastAverageColor;
-}
-
-/**
- * This method evaluates if the cover block's background is dark or not and this boolean
- * can then be applied to the relevant attribute to help ensure that text is visible by default.
- * This needs to be recalculated in all of the following Cover block scenarios:
- * - When an overlay image is added, changed or removed
- * - When the featured image is selected as the overlay image, or removed from the overlay
- * - When the overlay color is changed
- * - When the overlay color is removed
- * - When the dimRatio is changed
- *
- * See the comments below for more details about which aspects take priority when
- * calculating the relative darkness of the Cover.
- *
- * @param {string} url
- * @param {number} dimRatio
- * @param {string} overlayColor
- * @return {Promise<boolean>} True if cover should be considered to be dark.
- */
-async function getCoverIsDark(url, dimRatio = 50, overlayColor) {
-  const overlay = (0, _colord.colord)(overlayColor).alpha(dimRatio / 100).toRgb();
-  if (url) {
-    try {
-      const imgCrossOrigin = (0, _hooks.applyFilters)('media.crossOrigin', undefined, url);
-      const {
-        value: [r, g, b, a]
-      } = await retrieveFastAverageColor().getColorAsync(url, {
-        // Previously the default color was white, but that changed
-        // in v6.0.0 so it has to be manually set now.
-        defaultColor: [255, 255, 255, 255],
-        // Errors that come up don't reject the promise, so error
-        // logging has to be silenced with this option.
-        silent: process.env.NODE_ENV === 'production',
-        crossOrigin: imgCrossOrigin
-      });
-      // FAC uses 0-255 for alpha, but colord expects 0-1.
-      const media = {
-        r,
-        g,
-        b,
-        a: a / 255
-      };
-      const composite = compositeSourceOver(overlay, media);
-      return (0, _colord.colord)(composite).isDark();
-    } catch (error) {
-      // If there's an error, just assume the image is dark.
-      return true;
-    }
-  }
-
-  // Assume a white background because it isn't easy to get the actual
-  // parent background color.
-  const background = {
-    r: 255,
-    g: 255,
-    b: 255,
-    a: 1
-  };
-  const composite = compositeSourceOver(overlay, background);
-  return (0, _colord.colord)(composite).isDark();
-}
 //# sourceMappingURL=shared.js.map

package/build/cover/shared.js.map

@@ -1 +1 @@
-{"version":3,"names":["_fastAverageColor","require","_colord","_blob","_hooks","POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","exports","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","isDark","url","id","isBlobURL","type","getBlobTypeByURL","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName","compositeSourceOver","source","dest","r","a","g","b","retrieveFastAverageColor","fastAverageColor","FastAverageColor","getCoverIsDark","overlayColor","overlay","colord","alpha","toRgb","imgCrossOrigin","applyFilters","value","getColorAsync","defaultColor","silent","process","env","NODE_ENV","crossOrigin","composite","error","background"],"sources":["@wordpress/block-library/src/cover/shared.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { FastAverageColor } from 'fast-average-color';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\nimport { applyFilters } from '@wordpress/hooks';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media, isDark ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined, isDark } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tisDark,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n\n/**\n * Performs a Porter Duff composite source over operation on two rgba colors.\n *\n * @see https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover\n *\n * @param {import('colord').RgbaColor} source Source color.\n * @param {import('colord').RgbaColor} dest   Destination color.\n * @return {import('colord').RgbaColor} Composite color.\n */\nfunction compositeSourceOver( source, dest ) {\n\treturn {\n\t\tr: source.r * source.a + dest.r * dest.a * ( 1 - source.a ),\n\t\tg: source.g * source.a + dest.g * dest.a * ( 1 - source.a ),\n\t\tb: source.b * source.a + dest.b * dest.a * ( 1 - source.a ),\n\t\ta: source.a + dest.a * ( 1 - source.a ),\n\t};\n}\n\nfunction retrieveFastAverageColor() {\n\tif ( ! retrieveFastAverageColor.fastAverageColor ) {\n\t\tretrieveFastAverageColor.fastAverageColor = new FastAverageColor();\n\t}\n\treturn retrieveFastAverageColor.fastAverageColor;\n}\n\n/**\n * This method evaluates if the cover block's background is dark or not and this boolean\n * can then be applied to the relevant attribute to help ensure that text is visible by default.\n * This needs to be recalculated in all of the following Cover block scenarios:\n * - When an overlay image is added, changed or removed\n * - When the featured image is selected as the overlay image, or removed from the overlay\n * - When the overlay color is changed\n * - When the overlay color is removed\n * - When the dimRatio is changed\n *\n * See the comments below for more details about which aspects take priority when\n * calculating the relative darkness of the Cover.\n *\n * @param {string} url\n * @param {number} dimRatio\n * @param {string} overlayColor\n * @return {Promise<boolean>} True if cover should be considered to be dark.\n */\nexport async function getCoverIsDark( url, dimRatio = 50, overlayColor ) {\n\tconst overlay = colord( overlayColor )\n\t\t.alpha( dimRatio / 100 )\n\t\t.toRgb();\n\n\tif ( url ) {\n\t\ttry {\n\t\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t\t'media.crossOrigin',\n\t\t\t\tundefined,\n\t\t\t\turl\n\t\t\t);\n\t\t\tconst {\n\t\t\t\tvalue: [ r, g, b, a ],\n\t\t\t} = await retrieveFastAverageColor().getColorAsync( url, {\n\t\t\t\t// Previously the default color was white, but that changed\n\t\t\t\t// in v6.0.0 so it has to be manually set now.\n\t\t\t\tdefaultColor: [ 255, 255, 255, 255 ],\n\t\t\t\t// Errors that come up don't reject the promise, so error\n\t\t\t\t// logging has to be silenced with this option.\n\t\t\t\tsilent: process.env.NODE_ENV === 'production',\n\t\t\t\tcrossOrigin: imgCrossOrigin,\n\t\t\t} );\n\t\t\t// FAC uses 0-255 for alpha, but colord expects 0-1.\n\t\t\tconst media = { r, g, b, a: a / 255 };\n\t\t\tconst composite = compositeSourceOver( overlay, media );\n\t\t\treturn colord( composite ).isDark();\n\t\t} catch ( error ) {\n\t\t\t// If there's an error, just assume the image is dark.\n\t\t\treturn true;\n\t\t}\n\t}\n\n\t// Assume a white background because it isn't easy to get the actual\n\t// parent background color.\n\tconst background = { r: 255, g: 255, b: 255, a: 1 };\n\tconst composite = compositeSourceOver( overlay, background );\n\treturn colord( composite ).isDark();\n}\n"],"mappings":"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"}
+{"version":3,"names":["_blob","require","POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","exports","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","media","url","id","isBlobURL","type","getBlobTypeByURL","mediaType","media_type","alt","backgroundType","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName"],"sources":["@wordpress/block-library/src/cover/shared.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( media ) {\n\tif ( ! media || ! media.url ) {\n\t\treturn {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t};\n\t}\n\n\tif ( isBlobURL( media.url ) ) {\n\t\tmedia.type = getBlobTypeByURL( media.url );\n\t}\n\n\tlet mediaType;\n\t// For media selections originated from a file upload.\n\tif ( media.media_type ) {\n\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t} else {\n\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t}\n\t} else {\n\t\t// For media selections originated from existing files in the media library.\n\t\tif (\n\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tmediaType = media.type;\n\t}\n\n\treturn {\n\t\turl: media.url,\n\t\tid: media.id,\n\t\talt: media?.alt,\n\t\tbackgroundType: mediaType,\n\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t? { hasParallax: undefined }\n\t\t\t: {} ),\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"],"mappings":"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"}

package/build/details/edit.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
@@ -40,20 +40,20 @@ function DetailsEdit({
     /* Sets deep to true to also find blocks inside the details content block. */
     return hasSelectedInnerBlock(clientId, true) || isBlockSelected(clientId);
   }, [clientId]);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Open by default'),
     checked: showContent,
     onChange: () => setAttributes({
       showContent: !showContent
     })
-  }))), (0, _element.createElement)("details", {
+  }))), (0, _react.createElement)("details", {
     ...innerBlocksProps,
     open: hasSelection || showContent
-  }, (0, _element.createElement)("summary", {
+  }, (0, _react.createElement)("summary", {
     onClick: event => event.preventDefault()
-  }, (0, _element.createElement)(_blockEditor.RichText, {
+  }, (0, _react.createElement)(_blockEditor.RichText, {
     "aria-label": (0, _i18n.__)('Write summary'),
     placeholder: (0, _i18n.__)('Write summary…'),
     allowedFormats: [],

package/build/details/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_data","_components","_i18n","TEMPLATE","placeholder","__","DetailsEdit","attributes","setAttributes","clientId","showContent","summary","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","__experimentalCaptureToolbars","hasSelection","useSelect","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","_element","createElement","Fragment","InspectorControls","PanelBody","title","ToggleControl","label","checked","onChange","open","onClick","event","preventDefault","RichText","allowedFormats","withoutInteractiveFormatting","value","newSummary","multiline","children","_default","exports","default"],"sources":["@wordpress/block-library/src/details/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a hidden block' ),\n\t\t},\n\t],\n];\n\nfunction DetailsEdit( { attributes, setAttributes, clientId } ) {\n\tconst { showContent, summary } = attributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\t__experimentalCaptureToolbars: true,\n\t} );\n\n\t// Check if either the block or the inner blocks are selected.\n\tconst hasSelection = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\t/* Sets deep to true to also find blocks inside the details content block. */\n\t\t\treturn (\n\t\t\t\thasSelectedInnerBlock( clientId, true ) ||\n\t\t\t\tisBlockSelected( clientId )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tchecked={ showContent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowContent: ! showContent,\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</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<details\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\topen={ hasSelection || showContent }\n\t\t\t>\n\t\t\t\t<summary onClick={ ( event ) => event.preventDefault() }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\taria-label={ __( 'Write summary' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Write summary…' ) }\n\t\t\t\t\t\tallowedFormats={ [] }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ summary }\n\t\t\t\t\t\tonChange={ ( newSummary ) =>\n\t\t\t\t\t\t\tsetAttributes( { summary: newSummary } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmultiline={ false }\n\t\t\t\t\t/>\n\t\t\t\t</summary>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</details>\n\t\t</>\n\t);\n}\n\nexport default DetailsEdit;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAZA;AACA;AACA;;AAYA,MAAMI,QAAQ,GAAG,CAChB,CACC,gBAAgB,EAChB;EACCC,WAAW,EAAE,IAAAC,QAAE,EAAE,8BAA+B;AACjD,CAAC,CACD,CACD;AAED,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGJ,UAAU;EAC3C,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEb,QAAQ;IAClBc,6BAA6B,EAAE;EAChC,CAAE,CAAC;;EAEH;EACA,MAAMC,YAAY,GAAG,IAAAC,eAAS,EAC3BC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CF,MAAM,CAAEG,kBAAiB,CAAC;IAC3B;IACA,OACCD,qBAAqB,CAAEb,QAAQ,EAAE,IAAK,CAAC,IACvCY,eAAe,CAAEZ,QAAS,CAAC;EAE7B,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAED,OACC,IAAAe,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAA6B,iBAAiB,QACjB,IAAAH,QAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA2B,SAAS;IAACC,KAAK,EAAG,IAAAxB,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAmB,QAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA6B,aAAa;IACbC,KAAK,EAAG,IAAA1B,QAAE,EAAE,iBAAkB,CAAG;IACjC2B,OAAO,EAAGtB,WAAa;IACvBuB,QAAQ,EAAGA,CAAA,KACVzB,aAAa,CAAE;MACdE,WAAW,EAAE,CAAEA;IAChB,CAAE;EACF,CACD,CACS,CACO,CAAC,EACpB,IAAAc,QAAA,CAAAC,aAAA;IAAA,GACMX,gBAAgB;IACrBoB,IAAI,EAAGhB,YAAY,IAAIR;EAAa,GAEpC,IAAAc,QAAA,CAAAC,aAAA;IAASU,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GACvD,IAAAb,QAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAAwC,QAAQ;IACR,cAAa,IAAAjC,QAAE,EAAE,eAAgB,CAAG;IACpCD,WAAW,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IACtCkC,cAAc,EAAG,EAAI;IACrBC,4BAA4B;IAC5BC,KAAK,EAAG9B,OAAS;IACjBsB,QAAQ,EAAKS,UAAU,IACtBlC,aAAa,CAAE;MAAEG,OAAO,EAAE+B;IAAW,CAAE,CACvC;IACDC,SAAS,EAAG;EAAO,CACnB,CACO,CAAC,EACR7B,gBAAgB,CAAC8B,QACX,CACR,CAAC;AAEL;AAAC,IAAAC,QAAA,GAEcvC,WAAW;AAAAwC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_blockEditor","require","_data","_components","_i18n","TEMPLATE","placeholder","__","DetailsEdit","attributes","setAttributes","clientId","showContent","summary","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","__experimentalCaptureToolbars","hasSelection","useSelect","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","_react","createElement","Fragment","InspectorControls","PanelBody","title","ToggleControl","label","checked","onChange","open","onClick","event","preventDefault","RichText","allowedFormats","withoutInteractiveFormatting","value","newSummary","multiline","children","_default","exports","default"],"sources":["@wordpress/block-library/src/details/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a hidden block' ),\n\t\t},\n\t],\n];\n\nfunction DetailsEdit( { attributes, setAttributes, clientId } ) {\n\tconst { showContent, summary } = attributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\t__experimentalCaptureToolbars: true,\n\t} );\n\n\t// Check if either the block or the inner blocks are selected.\n\tconst hasSelection = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\t/* Sets deep to true to also find blocks inside the details content block. */\n\t\t\treturn (\n\t\t\t\thasSelectedInnerBlock( clientId, true ) ||\n\t\t\t\tisBlockSelected( clientId )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tchecked={ showContent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowContent: ! showContent,\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</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<details\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\topen={ hasSelection || showContent }\n\t\t\t>\n\t\t\t\t<summary onClick={ ( event ) => event.preventDefault() }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\taria-label={ __( 'Write summary' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Write summary…' ) }\n\t\t\t\t\t\tallowedFormats={ [] }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ summary }\n\t\t\t\t\t\tonChange={ ( newSummary ) =>\n\t\t\t\t\t\t\tsetAttributes( { summary: newSummary } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmultiline={ false }\n\t\t\t\t\t/>\n\t\t\t\t</summary>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</details>\n\t\t</>\n\t);\n}\n\nexport default DetailsEdit;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAZA;AACA;AACA;;AAYA,MAAMI,QAAQ,GAAG,CAChB,CACC,gBAAgB,EAChB;EACCC,WAAW,EAAE,IAAAC,QAAE,EAAE,8BAA+B;AACjD,CAAC,CACD,CACD;AAED,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGJ,UAAU;EAC3C,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEb,QAAQ;IAClBc,6BAA6B,EAAE;EAChC,CAAE,CAAC;;EAEH;EACA,MAAMC,YAAY,GAAG,IAAAC,eAAS,EAC3BC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CF,MAAM,CAAEG,kBAAiB,CAAC;IAC3B;IACA,OACCD,qBAAqB,CAAEb,QAAQ,EAAE,IAAK,CAAC,IACvCY,eAAe,CAAEZ,QAAS,CAAC;EAE7B,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAED,OACC,IAAAe,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAA6B,iBAAiB,QACjB,IAAAH,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA2B,SAAS;IAACC,KAAK,EAAG,IAAAxB,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAmB,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA6B,aAAa;IACbC,KAAK,EAAG,IAAA1B,QAAE,EAAE,iBAAkB,CAAG;IACjC2B,OAAO,EAAGtB,WAAa;IACvBuB,QAAQ,EAAGA,CAAA,KACVzB,aAAa,CAAE;MACdE,WAAW,EAAE,CAAEA;IAChB,CAAE;EACF,CACD,CACS,CACO,CAAC,EACpB,IAAAc,MAAA,CAAAC,aAAA;IAAA,GACMX,gBAAgB;IACrBoB,IAAI,EAAGhB,YAAY,IAAIR;EAAa,GAEpC,IAAAc,MAAA,CAAAC,aAAA;IAASU,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GACvD,IAAAb,MAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAAwC,QAAQ;IACR,cAAa,IAAAjC,QAAE,EAAE,eAAgB,CAAG;IACpCD,WAAW,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IACtCkC,cAAc,EAAG,EAAI;IACrBC,4BAA4B;IAC5BC,KAAK,EAAG9B,OAAS;IACjBsB,QAAQ,EAAKS,UAAU,IACtBlC,aAAa,CAAE;MAAEG,OAAO,EAAE+B;IAAW,CAAE,CACvC;IACDC,SAAS,EAAG;EAAO,CACnB,CACO,CAAC,EACR7B,gBAAgB,CAAC8B,QACX,CACR,CAAC;AAEL;AAAC,IAAAC,QAAA,GAEcvC,WAAW;AAAAwC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/details/save.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -18,11 +18,11 @@ function save({
   } = attributes;
   const summary = attributes.summary ? attributes.summary : 'Details';
   const blockProps = _blockEditor.useBlockProps.save();
-  return (0, _element.createElement)("details", {
+  return (0, _react.createElement)("details", {
     ...blockProps,
     open: showContent
-  }, (0, _element.createElement)("summary", null, (0, _element.createElement)(_blockEditor.RichText.Content, {
+  }, (0, _react.createElement)("summary", null, (0, _react.createElement)(_blockEditor.RichText.Content, {
     value: summary
-  })), (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+  })), (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
 }
 //# sourceMappingURL=save.js.map

package/build/details/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","save","attributes","showContent","summary","blockProps","useBlockProps","_element","createElement","open","RichText","Content","value","InnerBlocks"],"sources":["@wordpress/block-library/src/details/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps, InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { showContent } = attributes;\n\tconst summary = attributes.summary ? attributes.summary : 'Details';\n\tconst blockProps = useBlockProps.save();\n\n\treturn (\n\t\t<details { ...blockProps } open={ showContent }>\n\t\t\t<summary>\n\t\t\t\t<RichText.Content value={ summary } />\n\t\t\t</summary>\n\t\t\t<InnerBlocks.Content />\n\t\t</details>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAY,CAAC,GAAGD,UAAU;EAClC,MAAME,OAAO,GAAGF,UAAU,CAACE,OAAO,GAAGF,UAAU,CAACE,OAAO,GAAG,SAAS;EACnE,MAAMC,UAAU,GAAGC,0BAAa,CAACL,IAAI,CAAC,CAAC;EAEvC,OACC,IAAAM,QAAA,CAAAC,aAAA;IAAA,GAAcH,UAAU;IAAGI,IAAI,EAAGN;EAAa,GAC9C,IAAAI,QAAA,CAAAC,aAAA,mBACC,IAAAD,QAAA,CAAAC,aAAA,EAACT,YAAA,CAAAW,QAAQ,CAACC,OAAO;IAACC,KAAK,EAAGR;EAAS,CAAE,CAC7B,CAAC,EACV,IAAAG,QAAA,CAAAC,aAAA,EAACT,YAAA,CAAAc,WAAW,CAACF,OAAO,MAAE,CACd,CAAC;AAEZ"}
+{"version":3,"names":["_blockEditor","require","save","attributes","showContent","summary","blockProps","useBlockProps","_react","createElement","open","RichText","Content","value","InnerBlocks"],"sources":["@wordpress/block-library/src/details/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps, InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { showContent } = attributes;\n\tconst summary = attributes.summary ? attributes.summary : 'Details';\n\tconst blockProps = useBlockProps.save();\n\n\treturn (\n\t\t<details { ...blockProps } open={ showContent }>\n\t\t\t<summary>\n\t\t\t\t<RichText.Content value={ summary } />\n\t\t\t</summary>\n\t\t\t<InnerBlocks.Content />\n\t\t</details>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAY,CAAC,GAAGD,UAAU;EAClC,MAAME,OAAO,GAAGF,UAAU,CAACE,OAAO,GAAGF,UAAU,CAACE,OAAO,GAAG,SAAS;EACnE,MAAMC,UAAU,GAAGC,0BAAa,CAACL,IAAI,CAAC,CAAC;EAEvC,OACC,IAAAM,MAAA,CAAAC,aAAA;IAAA,GAAcH,UAAU;IAAGI,IAAI,EAAGN;EAAa,GAC9C,IAAAI,MAAA,CAAAC,aAAA,mBACC,IAAAD,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAW,QAAQ,CAACC,OAAO;IAACC,KAAK,EAAGR;EAAS,CAAE,CAC7B,CAAC,EACV,IAAAG,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAc,WAAW,CAACF,OAAO,MAAE,CACd,CAAC;AAEZ"}

package/build/embed/deprecated.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -93,13 +93,13 @@ const v2 = {
       [`is-provider-${providerNameSlug}`]: providerNameSlug,
       [`wp-block-embed-${providerNameSlug}`]: providerNameSlug
     });
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       ..._blockEditor.useBlockProps.save({
         className
       })
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
       className: "wp-block-embed__wrapper"
-    }, `\n${url}\n` /* URL needs to be on its own line. */), !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, `\n${url}\n` /* URL needs to be on its own line. */), !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));
@@ -122,9 +122,9 @@ const v1 = {
       [`is-type-${type}`]: type,
       [`is-provider-${providerNameSlug}`]: providerNameSlug
     });
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       className: embedClassName
-    }, `\n${url}\n` /* URL needs to be on its own line. */, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, `\n${url}\n` /* URL needs to be on its own line. */, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));