@wordpress/block-library 8.35.0 → 9.0.0

package/build/block/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_coreData","_components","_data","_i18n","_blockEditor","_compose","_icons","_reusableBlocks","_editor","_notices","_editor2","_interopRequireDefault","_editTitle","ReusableBlockEdit","attributes","ref","clientId","isSelected","hasAlreadyRendered","useHasRecursion","showHelp","setShowHelp","useState","infoTextStyle","usePreferredColorSchemeStyle","styles","infoText","infoTextDark","infoTitleStyle","infoTitle","infoTitleDark","infoSheetIconStyle","infoSheetIcon","infoSheetIconDark","infoDescriptionStyle","infoDescription","infoDescriptionDark","actionButtonStyle","actionButton","actionButtonDark","spinnerStyle","spinner","spinnerDark","hasResolved","isEditing","isMissing","useSelect","select","persistedBlock","coreStore","getEntityRecord","hasResolvedBlock","hasFinishedResolution","getBlockCount","blockEditorStore","reusableBlocksStore","__experimentalIsEditingReusableBlock","innerBlockCount","hostAppNamespace","editorStore","getEditorSettings","createSuccessNotice","useDispatch","noticesStore","__experimentalConvertBlockToStatic","convertBlockToStatic","clearSelectedBlock","blocks","onInput","onChange","useEntityBlockEditor","id","title","useEntityProp","openSheet","closeSheet","onConvertToRegularBlocks","useCallback","successNotice","__","sprintf","setImmediate","renderSheet","Platform","OS","_react","createElement","BottomSheet","isVisible","hideHeader","onClose","View","style","infoContainer","Icon","icon","help","color","size","Text","TextControl","label","separatorType","onPress","labelStyle","Warning","message","ActivityIndicator","animating","element","InnerBlocks","value","Disabled","RecursionProvider","uniqueId","TouchableWithoutFeedback","disabled","accessibilityLabel","accessibilityRole","accessibilityHint","default"],"sources":["@wordpress/block-library/src/block/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tActivityIndicator,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useCallback } from '@wordpress/element';\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport {\n\tBottomSheet,\n\tIcon,\n\tDisabled,\n\tTextControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tRecursionProvider,\n\tuseHasRecursion,\n\tInnerBlocks,\n\tWarning,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { help } from '@wordpress/icons';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport EditTitle from './edit-title';\n\nexport default function ReusableBlockEdit( {\n\tattributes: { ref },\n\tclientId,\n\tisSelected,\n} ) {\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\n\tconst [ showHelp, setShowHelp ] = useState( false );\n\tconst infoTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoText,\n\t\tstyles.infoTextDark\n\t);\n\tconst infoTitleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoTitle,\n\t\tstyles.infoTitleDark\n\t);\n\tconst infoSheetIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoSheetIcon,\n\t\tstyles.infoSheetIconDark\n\t);\n\tconst infoDescriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoDescription,\n\t\tstyles.infoDescriptionDark\n\t);\n\tconst actionButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.actionButton,\n\t\tstyles.actionButtonDark\n\t);\n\tconst spinnerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.spinner,\n\t\tstyles.spinnerDark\n\t);\n\n\tconst { hasResolved, isEditing, isMissing } = useSelect(\n\t\t( select ) => {\n\t\t\tconst persistedBlock = select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\tref\n\t\t\t);\n\t\t\tconst hasResolvedBlock = select( coreStore ).hasFinishedResolution(\n\t\t\t\t'getEntityRecord',\n\t\t\t\t[ 'postType', 'wp_block', ref ]\n\t\t\t);\n\n\t\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasResolved: hasResolvedBlock,\n\t\t\t\tisEditing:\n\t\t\t\t\tselect(\n\t\t\t\t\t\treusableBlocksStore\n\t\t\t\t\t).__experimentalIsEditingReusableBlock( clientId ),\n\t\t\t\tisMissing: hasResolvedBlock && ! persistedBlock,\n\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ ref, clientId ]\n\t);\n\tconst hostAppNamespace = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().hostAppNamespace,\n\t\t[]\n\t);\n\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { __experimentalConvertBlockToStatic: convertBlockToStatic } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title ] = useEntityProp( 'postType', 'wp_block', 'title', ref );\n\n\tfunction openSheet() {\n\t\tsetShowHelp( true );\n\t}\n\n\tfunction closeSheet() {\n\t\tsetShowHelp( false );\n\t}\n\n\tconst onConvertToRegularBlocks = useCallback( () => {\n\t\t/* translators: %s: name of the synced block */\n\t\tconst successNotice = __( '%s detached' );\n\t\tcreateSuccessNotice( sprintf( successNotice, title ) );\n\n\t\tclearSelectedBlock();\n\t\t// Convert action is executed at the end of the current JavaScript execution block\n\t\t// to prevent issues related to undo/redo actions.\n\t\tsetImmediate( () => convertBlockToStatic( clientId ) );\n\t}, [ title, clientId ] );\n\n\tfunction renderSheet() {\n\t\tconst infoTitle =\n\t\t\tPlatform.OS === 'android'\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for Android'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for iOS'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  );\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ showHelp }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ closeSheet }\n\t\t\t>\n\t\t\t\t<View style={ styles.infoContainer }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\tcolor={ infoSheetIconStyle.color }\n\t\t\t\t\t\tsize={ styles.infoSheetIcon.size }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoTitleStyle ] }>\n\t\t\t\t\t\t{ infoTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoDescriptionStyle ] }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Alternatively, you can detach and edit this block separately by tapping “Detach”.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Detach' ) }\n\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\tonPress={ onConvertToRegularBlocks }\n\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<View style={ spinnerStyle }>\n\t\t\t\t<ActivityIndicator animating />\n\t\t\t</View>\n\t\t);\n\t}\n\n\tlet element = (\n\t\t<InnerBlocks\n\t\t\tvalue={ blocks }\n\t\t\tonChange={ onChange }\n\t\t\tonInput={ onInput }\n\t\t/>\n\t);\n\n\tif ( ! isEditing ) {\n\t\telement = <Disabled>{ element }</Disabled>;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ openSheet }\n\t\t\t>\n\t\t\t\t<View>\n\t\t\t\t\t{ isSelected && <EditTitle title={ title } /> }\n\t\t\t\t\t{ element }\n\t\t\t\t\t{ renderSheet() }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_element","_coreData","_components","_data","_i18n","_blockEditor","_compose","_icons","_reusableBlocks","_editor","_notices","_editor2","_interopRequireDefault","_editTitle","_jsxRuntime","ReusableBlockEdit","attributes","ref","clientId","isSelected","hasAlreadyRendered","useHasRecursion","showHelp","setShowHelp","useState","infoTextStyle","usePreferredColorSchemeStyle","styles","infoText","infoTextDark","infoTitleStyle","infoTitle","infoTitleDark","infoSheetIconStyle","infoSheetIcon","infoSheetIconDark","infoDescriptionStyle","infoDescription","infoDescriptionDark","actionButtonStyle","actionButton","actionButtonDark","spinnerStyle","spinner","spinnerDark","hasResolved","isEditing","isMissing","useSelect","select","persistedBlock","coreStore","getEntityRecord","hasResolvedBlock","hasFinishedResolution","getBlockCount","blockEditorStore","reusableBlocksStore","__experimentalIsEditingReusableBlock","innerBlockCount","hostAppNamespace","editorStore","getEditorSettings","createSuccessNotice","useDispatch","noticesStore","__experimentalConvertBlockToStatic","convertBlockToStatic","clearSelectedBlock","blocks","onInput","onChange","useEntityBlockEditor","id","title","useEntityProp","openSheet","closeSheet","onConvertToRegularBlocks","useCallback","successNotice","__","sprintf","setImmediate","renderSheet","Platform","OS","jsx","BottomSheet","isVisible","hideHeader","onClose","children","jsxs","View","style","infoContainer","Icon","icon","help","color","size","Text","TextControl","label","separatorType","onPress","labelStyle","Warning","message","ActivityIndicator","animating","element","InnerBlocks","value","Disabled","RecursionProvider","uniqueId","TouchableWithoutFeedback","disabled","accessibilityLabel","accessibilityRole","accessibilityHint","default"],"sources":["@wordpress/block-library/src/block/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tActivityIndicator,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useCallback } from '@wordpress/element';\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport {\n\tBottomSheet,\n\tIcon,\n\tDisabled,\n\tTextControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tRecursionProvider,\n\tuseHasRecursion,\n\tInnerBlocks,\n\tWarning,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { help } from '@wordpress/icons';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport EditTitle from './edit-title';\n\nexport default function ReusableBlockEdit( {\n\tattributes: { ref },\n\tclientId,\n\tisSelected,\n} ) {\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\n\tconst [ showHelp, setShowHelp ] = useState( false );\n\tconst infoTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoText,\n\t\tstyles.infoTextDark\n\t);\n\tconst infoTitleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoTitle,\n\t\tstyles.infoTitleDark\n\t);\n\tconst infoSheetIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoSheetIcon,\n\t\tstyles.infoSheetIconDark\n\t);\n\tconst infoDescriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoDescription,\n\t\tstyles.infoDescriptionDark\n\t);\n\tconst actionButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.actionButton,\n\t\tstyles.actionButtonDark\n\t);\n\tconst spinnerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.spinner,\n\t\tstyles.spinnerDark\n\t);\n\n\tconst { hasResolved, isEditing, isMissing } = useSelect(\n\t\t( select ) => {\n\t\t\tconst persistedBlock = select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\tref\n\t\t\t);\n\t\t\tconst hasResolvedBlock = select( coreStore ).hasFinishedResolution(\n\t\t\t\t'getEntityRecord',\n\t\t\t\t[ 'postType', 'wp_block', ref ]\n\t\t\t);\n\n\t\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasResolved: hasResolvedBlock,\n\t\t\t\tisEditing:\n\t\t\t\t\tselect(\n\t\t\t\t\t\treusableBlocksStore\n\t\t\t\t\t).__experimentalIsEditingReusableBlock( clientId ),\n\t\t\t\tisMissing: hasResolvedBlock && ! persistedBlock,\n\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ ref, clientId ]\n\t);\n\tconst hostAppNamespace = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().hostAppNamespace,\n\t\t[]\n\t);\n\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { __experimentalConvertBlockToStatic: convertBlockToStatic } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title ] = useEntityProp( 'postType', 'wp_block', 'title', ref );\n\n\tfunction openSheet() {\n\t\tsetShowHelp( true );\n\t}\n\n\tfunction closeSheet() {\n\t\tsetShowHelp( false );\n\t}\n\n\tconst onConvertToRegularBlocks = useCallback( () => {\n\t\t/* translators: %s: name of the synced block */\n\t\tconst successNotice = __( '%s detached' );\n\t\tcreateSuccessNotice( sprintf( successNotice, title ) );\n\n\t\tclearSelectedBlock();\n\t\t// Convert action is executed at the end of the current JavaScript execution block\n\t\t// to prevent issues related to undo/redo actions.\n\t\tsetImmediate( () => convertBlockToStatic( clientId ) );\n\t}, [ title, clientId ] );\n\n\tfunction renderSheet() {\n\t\tconst infoTitle =\n\t\t\tPlatform.OS === 'android'\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for Android'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for iOS'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  );\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ showHelp }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ closeSheet }\n\t\t\t>\n\t\t\t\t<View style={ styles.infoContainer }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\tcolor={ infoSheetIconStyle.color }\n\t\t\t\t\t\tsize={ styles.infoSheetIcon.size }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoTitleStyle ] }>\n\t\t\t\t\t\t{ infoTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoDescriptionStyle ] }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Alternatively, you can detach and edit this block separately by tapping “Detach”.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Detach' ) }\n\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\tonPress={ onConvertToRegularBlocks }\n\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<View style={ spinnerStyle }>\n\t\t\t\t<ActivityIndicator animating />\n\t\t\t</View>\n\t\t);\n\t}\n\n\tlet element = (\n\t\t<InnerBlocks\n\t\t\tvalue={ blocks }\n\t\t\tonChange={ onChange }\n\t\t\tonInput={ onInput }\n\t\t/>\n\t);\n\n\tif ( ! isEditing ) {\n\t\telement = <Disabled>{ element }</Disabled>;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ openSheet }\n\t\t\t>\n\t\t\t\t<View>\n\t\t\t\t\t{ isSelected && <EditTitle title={ title } /> }\n\t\t\t\t\t{ element }\n\t\t\t\t\t{ renderSheet() }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/button/color-background.native.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _editor = _interopRequireDefault(require("./editor.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -33,18 +33,19 @@ function ColorBackground({
     borderRadius: borderRadiusValue,
     backgroundColor
   }];
-  return (0, _react.createElement)(_reactNative.View, {
-    style: wrapperStyles
-  }, isGradient(backgroundColor) && (0, _react.createElement)(_components.Gradient, {
-    gradientValue: backgroundColor,
-    angleCenter: {
-      x: 0.5,
-      y: 0.5
-    },
-    style: [_editor.default.linearGradient, {
-      borderRadius: borderRadiusValue
-    }]
-  }), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: wrapperStyles,
+    children: [isGradient(backgroundColor) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Gradient, {
+      gradientValue: backgroundColor,
+      angleCenter: {
+        x: 0.5,
+        y: 0.5
+      },
+      style: [_editor.default.linearGradient, {
+        borderRadius: borderRadiusValue
+      }]
+    }), children]
+  });
 }
 var _default = exports.default = ColorBackground;
 //# sourceMappingURL=color-background.native.js.map

package/build/button/color-background.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_editor","_interopRequireDefault","ColorBackground","children","borderRadiusValue","backgroundColor","isGradient","colorsUtils","wrapperStyles","styles","richTextWrapper","borderRadius","_react","createElement","View","style","Gradient","gradientValue","angleCenter","x","y","linearGradient","_default","exports","default"],"sources":["@wordpress/block-library/src/button/color-background.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { Gradient, colorsUtils } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction ColorBackground( { children, borderRadiusValue, backgroundColor } ) {\n\tconst { isGradient } = colorsUtils;\n\tconst wrapperStyles = [\n\t\tstyles.richTextWrapper,\n\t\t{\n\t\t\tborderRadius: borderRadiusValue,\n\t\t\tbackgroundColor,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View style={ wrapperStyles }>\n\t\t\t{ isGradient( backgroundColor ) && (\n\t\t\t\t<Gradient\n\t\t\t\t\tgradientValue={ backgroundColor }\n\t\t\t\t\tangleCenter={ { x: 0.5, y: 0.5 } }\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.linearGradient,\n\t\t\t\t\t\t{ borderRadius: borderRadiusValue },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</View>\n\t);\n}\n\nexport default ColorBackground;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,eAAeA,CAAE;EAAEC,QAAQ;EAAEC,iBAAiB;EAAEC;AAAgB,CAAC,EAAG;EAC5E,MAAM;IAAEC;EAAW,CAAC,GAAGC,uBAAW;EAClC,MAAMC,aAAa,GAAG,CACrBC,eAAM,CAACC,eAAe,EACtB;IACCC,YAAY,EAAEP,iBAAiB;IAC/BC;EACD,CAAC,CACD;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAGP;EAAe,GAC1BF,UAAU,CAAED,eAAgB,CAAC,IAC9B,IAAAO,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAiB,QAAQ;IACRC,aAAa,EAAGZ,eAAiB;IACjCa,WAAW,EAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAI,CAAG;IAClCL,KAAK,EAAG,CACPN,eAAM,CAACY,cAAc,EACrB;MAAEV,YAAY,EAAEP;IAAkB,CAAC;EACjC,CACH,CACD,EACCD,QACG,CAAC;AAET;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,eAAe","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_components","_editor","_interopRequireDefault","_jsxRuntime","ColorBackground","children","borderRadiusValue","backgroundColor","isGradient","colorsUtils","wrapperStyles","styles","richTextWrapper","borderRadius","jsxs","View","style","jsx","Gradient","gradientValue","angleCenter","x","y","linearGradient","_default","exports","default"],"sources":["@wordpress/block-library/src/button/color-background.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { Gradient, colorsUtils } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction ColorBackground( { children, borderRadiusValue, backgroundColor } ) {\n\tconst { isGradient } = colorsUtils;\n\tconst wrapperStyles = [\n\t\tstyles.richTextWrapper,\n\t\t{\n\t\t\tborderRadius: borderRadiusValue,\n\t\t\tbackgroundColor,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View style={ wrapperStyles }>\n\t\t\t{ isGradient( backgroundColor ) && (\n\t\t\t\t<Gradient\n\t\t\t\t\tgradientValue={ backgroundColor }\n\t\t\t\t\tangleCenter={ { x: 0.5, y: 0.5 } }\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.linearGradient,\n\t\t\t\t\t\t{ borderRadius: borderRadiusValue },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</View>\n\t);\n}\n\nexport default ColorBackground;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAmC,IAAAI,WAAA,GAAAJ,OAAA;AAXnC;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASK,eAAeA,CAAE;EAAEC,QAAQ;EAAEC,iBAAiB;EAAEC;AAAgB,CAAC,EAAG;EAC5E,MAAM;IAAEC;EAAW,CAAC,GAAGC,uBAAW;EAClC,MAAMC,aAAa,GAAG,CACrBC,eAAM,CAACC,eAAe,EACtB;IACCC,YAAY,EAAEP,iBAAiB;IAC/BC;EACD,CAAC,CACD;EAED,oBACC,IAAAJ,WAAA,CAAAW,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAGN,aAAe;IAAAL,QAAA,GAC1BG,UAAU,CAAED,eAAgB,CAAC,iBAC9B,IAAAJ,WAAA,CAAAc,GAAA,EAACjB,WAAA,CAAAkB,QAAQ;MACRC,aAAa,EAAGZ,eAAiB;MACjCa,WAAW,EAAG;QAAEC,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAI,CAAG;MAClCN,KAAK,EAAG,CACPL,eAAM,CAACY,cAAc,EACrB;QAAEV,YAAY,EAAEP;MAAkB,CAAC;IACjC,CACH,CACD,EACCD,QAAQ;EAAA,CACL,CAAC;AAET;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,eAAe","ignoreList":[]}

package/build/button/deprecated.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _migrateFontFamily = _interopRequireDefault(require("../utils/migrate-font-family"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -239,20 +239,21 @@ const v11 = {
       [`has-custom-width wp-block-button__width-${width}`]: width,
       [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ..._blockEditor.useBlockProps.save({
         className: wrapperClasses
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
       })
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    });
   }
 };
 const v10 = {
@@ -367,20 +368,21 @@ const v10 = {
       [`has-custom-width wp-block-button__width-${width}`]: width,
       [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ..._blockEditor.useBlockProps.save({
         className: wrapperClasses
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
       })
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    });
   },
   migrate: _migrateFontFamily.default,
   isEligible({
@@ -475,20 +477,21 @@ const deprecated = [v11, v10, {
       [`has-custom-width wp-block-button__width-${width}`]: width,
       [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ..._blockEditor.useBlockProps.save({
         className: wrapperClasses
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
       })
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    });
   },
   migrate: (0, _compose.compose)(_migrateFontFamily.default, migrateBorderRadius)
 }, {
@@ -567,20 +570,21 @@ const deprecated = [v11, v10, {
     const wrapperClasses = (0, _clsx.default)(className, {
       [`has-custom-width wp-block-button__width-${width}`]: width
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ..._blockEditor.useBlockProps.save({
         className: wrapperClasses
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
       })
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    });
   },
   migrate: (0, _compose.compose)(_migrateFontFamily.default, migrateBorderRadius)
 }, {
@@ -659,20 +663,21 @@ const deprecated = [v11, v10, {
     const wrapperClasses = (0, _clsx.default)(className, {
       [`has-custom-width wp-block-button__width-${width}`]: width
     });
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ..._blockEditor.useBlockProps.save({
         className: wrapperClasses
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
       })
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    });
   },
   migrate: (0, _compose.compose)(_migrateFontFamily.default, migrateBorderRadius)
 }, {
@@ -733,7 +738,7 @@ const deprecated = [v11, v10, {
     const buttonStyle = {
       borderRadius: borderRadius ? borderRadius + 'px' : undefined
     };
-    return (0, _react.createElement)(_blockEditor.RichText.Content, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
       tagName: "a",
       className: buttonClasses,
       href: url,
@@ -830,16 +835,18 @@ const deprecated = [v11, v10, {
     // if it had already been assigned, for the sake of backward-compatibility.
     // A title will no longer be assigned for new or updated button block links.
 
-    return (0, _react.createElement)("div", null, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
+      })
+    });
   }
 }, {
   attributes: {
@@ -916,16 +923,18 @@ const deprecated = [v11, v10, {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       color: textClass ? undefined : customTextColor
     };
-    return (0, _react.createElement)("div", null, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text,
+        target: linkTarget,
+        rel: rel
+      })
+    });
   }
 }, {
   attributes: {
@@ -972,14 +981,16 @@ const deprecated = [v11, v10, {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       color: textClass ? undefined : customTextColor
     };
-    return (0, _react.createElement)("div", null, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: buttonClasses,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text
+      })
+    });
   }
 }, {
   attributes: {
@@ -1011,16 +1022,17 @@ const deprecated = [v11, v10, {
       color: textColor
     };
     const linkClass = 'wp-block-button__link';
-    return (0, _react.createElement)("div", {
-      className: `align${align}`
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      className: linkClass,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `align${align}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        className: linkClass,
+        href: url,
+        title: title,
+        style: buttonStyle,
+        value: text
+      })
+    });
   },
   migrate: oldColorsMigration
 }, {
@@ -1048,20 +1060,21 @@ const deprecated = [v11, v10, {
       color,
       textColor
     } = attributes;
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `align${align}`,
       style: {
         backgroundColor: color
-      }
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      tagName: "a",
-      href: url,
-      title: title,
-      style: {
-        color: textColor
       },
-      value: text
-    }));
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+        tagName: "a",
+        href: url,
+        title: title,
+        style: {
+          color: textColor
+        },
+        value: text
+      })
+    });
   },
   migrate: oldColorsMigration
 }];