@wordpress/block-library 9.24.0 → 9.25.0

package/build/rss/edit.js

@@ -12,11 +12,16 @@ var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _url = require("@wordpress/url");
 var _serverSideRender = _interopRequireDefault(require("@wordpress/server-side-render"));
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 const DEFAULT_MIN_ITEMS = 1;
 const DEFAULT_MAX_ITEMS = 20;
 function RSSEdit({
@@ -36,6 +41,7 @@ function RSSEdit({
     openInNewTab,
     rel
   } = attributes;
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   function toggleAttribute(propName) {
     return () => {
       const value = attributes[propName];
@@ -125,62 +131,130 @@ function RSSEdit({
         controls: toolbarControls
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-        title: (0, _i18n.__)('Settings'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Settings'),
+        resetAll: () => {
+          setAttributes({
+            itemsToShow: 5,
+            displayAuthor: false,
+            displayDate: false,
+            displayExcerpt: false,
+            excerptLength: 55,
+            columns: 2,
+            openInNewTab: false
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Number of items'),
-          value: itemsToShow,
-          onChange: value => setAttributes({
-            itemsToShow: value
+          hasValue: () => itemsToShow !== 5,
+          onDeselect: () => setAttributes({
+            itemsToShow: 5
           }),
-          min: DEFAULT_MIN_ITEMS,
-          max: DEFAULT_MAX_ITEMS,
-          required: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Number of items'),
+            value: itemsToShow,
+            onChange: value => setAttributes({
+              itemsToShow: value
+            }),
+            min: DEFAULT_MIN_ITEMS,
+            max: DEFAULT_MAX_ITEMS,
+            required: true
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Display author'),
-          checked: displayAuthor,
-          onChange: toggleAttribute('displayAuthor')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!displayAuthor,
+          onDeselect: () => setAttributes({
+            displayAuthor: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Display author'),
+            checked: displayAuthor,
+            onChange: toggleAttribute('displayAuthor')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Display date'),
-          checked: displayDate,
-          onChange: toggleAttribute('displayDate')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!displayDate,
+          onDeselect: () => setAttributes({
+            displayDate: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Display date'),
+            checked: displayDate,
+            onChange: toggleAttribute('displayDate')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Display excerpt'),
-          checked: displayExcerpt,
-          onChange: toggleAttribute('displayExcerpt')
-        }), displayExcerpt && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          hasValue: () => !!displayExcerpt,
+          onDeselect: () => setAttributes({
+            displayExcerpt: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Display excerpt'),
+            checked: displayExcerpt,
+            onChange: toggleAttribute('displayExcerpt')
+          })
+        }), displayExcerpt && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Max number of words in excerpt'),
-          value: excerptLength,
-          onChange: value => setAttributes({
-            excerptLength: value
+          hasValue: () => excerptLength !== 55,
+          onDeselect: () => setAttributes({
+            excerptLength: 55
           }),
-          min: 10,
-          max: 100,
-          required: true
-        }), blockLayout === 'grid' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Max number of words in excerpt'),
+            value: excerptLength,
+            onChange: value => setAttributes({
+              excerptLength: value
+            }),
+            min: 10,
+            max: 100,
+            required: true
+          })
+        }), blockLayout === 'grid' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Columns'),
-          value: columns,
-          onChange: value => setAttributes({
-            columns: value
+          hasValue: () => columns !== 2,
+          onDeselect: () => setAttributes({
+            columns: 2
           }),
-          min: 2,
-          max: 6,
-          required: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Columns'),
+            value: columns,
+            onChange: value => setAttributes({
+              columns: value
+            }),
+            min: 2,
+            max: 6,
+            required: true
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Open links in new tab'),
-          checked: openInNewTab,
-          onChange: value => setAttributes({
-            openInNewTab: value
+          hasValue: () => !!openInNewTab,
+          onDeselect: () => setAttributes({
+            openInNewTab: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Open links in new tab'),
+            checked: openInNewTab,
+            onChange: value => setAttributes({
+              openInNewTab: value
+            })
           })
         })]
       })

package/build/rss/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_element","_icons","_i18n","_url","_serverSideRender","_interopRequireDefault","_jsxRuntime","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","useState","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","openInNewTab","rel","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","prependHTTP","blockProps","useBlockProps","label","__","jsx","children","Placeholder","icon","rss","instructions","jsxs","onSubmit","className","__experimentalInputControl","__next40pxDefaultSize","type","hideLabelFromVision","placeholder","onChange","Button","variant","toolbarControls","edit","title","onClick","list","_x","isActive","grid","serverSideAttributes","style","border","undefined","spacing","Fragment","BlockControls","ToolbarGroup","controls","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","min","max","required","ToggleControl","checked","group","TextControl","Disabled","default","block"],"sources":["@wordpress/block-library/src/rss/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\tDisabled,\n\tPanelBody,\n\tPlaceholder,\n\tRangeControl,\n\tToggleControl,\n\tToolbarGroup,\n\tTextControl,\n\t__experimentalInputControl as InputControl,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { grid, list, edit, rss } from '@wordpress/icons';\nimport { __, _x } from '@wordpress/i18n';\nimport { prependHTTP } from '@wordpress/url';\nimport ServerSideRender from '@wordpress/server-side-render';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 20;\n\nexport default function RSSEdit( { attributes, setAttributes } ) {\n\tconst [ isEditing, setIsEditing ] = useState( ! attributes.feedURL );\n\n\tconst {\n\t\tblockLayout,\n\t\tcolumns,\n\t\tdisplayAuthor,\n\t\tdisplayDate,\n\t\tdisplayExcerpt,\n\t\texcerptLength,\n\t\tfeedURL,\n\t\titemsToShow,\n\t\topenInNewTab,\n\t\trel,\n\t} = attributes;\n\n\tfunction toggleAttribute( propName ) {\n\t\treturn () => {\n\t\t\tconst value = attributes[ propName ];\n\n\t\t\tsetAttributes( { [ propName ]: ! value } );\n\t\t};\n\t}\n\n\tfunction onSubmitURL( event ) {\n\t\tevent.preventDefault();\n\n\t\tif ( feedURL ) {\n\t\t\tsetAttributes( { feedURL: prependHTTP( feedURL ) } );\n\t\t\tsetIsEditing( false );\n\t\t}\n\t}\n\n\tconst blockProps = useBlockProps();\n\n\tconst label = __( 'RSS URL' );\n\n\tif ( isEditing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ rss }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'Display entries from any RSS or Atom feed.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ onSubmitURL }\n\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-form\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ttype=\"url\"\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tplaceholder={ __( 'Enter URL here…' ) }\n\t\t\t\t\t\t\tvalue={ feedURL }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { feedURL: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-input\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst toolbarControls = [\n\t\t{\n\t\t\ticon: edit,\n\t\t\ttitle: __( 'Edit RSS URL' ),\n\t\t\tonClick: () => setIsEditing( true ),\n\t\t},\n\t\t{\n\t\t\ticon: list,\n\t\t\ttitle: _x( 'List view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'list' } ),\n\t\t\tisActive: blockLayout === 'list',\n\t\t},\n\t\t{\n\t\t\ticon: grid,\n\t\t\ttitle: _x( 'Grid view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'grid' } ),\n\t\t\tisActive: blockLayout === 'grid',\n\t\t},\n\t];\n\n\t/*\n\t * This function merges the existing attributes with additional style properties.\n\t * The `border` and `spacing` properties are set to `undefined` to ensure that\n\t * these styles are reset and not applied on the server side.\n\t */\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tborder: undefined,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ itemsToShow }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { itemsToShow: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ DEFAULT_MIN_ITEMS }\n\t\t\t\t\t\tmax={ DEFAULT_MAX_ITEMS }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display author' ) }\n\t\t\t\t\t\tchecked={ displayAuthor }\n\t\t\t\t\t\tonChange={ toggleAttribute( 'displayAuthor' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\tonChange={ toggleAttribute( 'displayDate' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\tonChange={ toggleAttribute( 'displayExcerpt' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ displayExcerpt && (\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Max number of words in excerpt' ) }\n\t\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ blockLayout === 'grid' && (\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\tvalue={ columns }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { columns: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 2 }\n\t\t\t\t\t\t\tmax={ 6 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: value } )\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<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ ( value ) => setAttributes( { rel: value } ) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<ServerSideRender\n\t\t\t\t\t\tblock=\"core/rss\"\n\t\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_element","_icons","_i18n","_url","_serverSideRender","_interopRequireDefault","_hooks","_jsxRuntime","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","useState","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","openInNewTab","rel","dropdownMenuProps","useToolsPanelDropdownMenuProps","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","prependHTTP","blockProps","useBlockProps","label","__","jsx","children","Placeholder","icon","rss","instructions","jsxs","onSubmit","className","__experimentalInputControl","__next40pxDefaultSize","type","hideLabelFromVision","placeholder","onChange","Button","variant","toolbarControls","edit","title","onClick","list","_x","isActive","grid","serverSideAttributes","style","border","undefined","spacing","Fragment","BlockControls","ToolbarGroup","controls","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","RangeControl","__nextHasNoMarginBottom","min","max","required","ToggleControl","checked","group","TextControl","Disabled","default","block"],"sources":["@wordpress/block-library/src/rss/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\tDisabled,\n\tPlaceholder,\n\tRangeControl,\n\tToggleControl,\n\tToolbarGroup,\n\tTextControl,\n\t__experimentalInputControl as InputControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { grid, list, edit, rss } from '@wordpress/icons';\nimport { __, _x } from '@wordpress/i18n';\nimport { prependHTTP } from '@wordpress/url';\nimport ServerSideRender from '@wordpress/server-side-render';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 20;\n\nexport default function RSSEdit( { attributes, setAttributes } ) {\n\tconst [ isEditing, setIsEditing ] = useState( ! attributes.feedURL );\n\n\tconst {\n\t\tblockLayout,\n\t\tcolumns,\n\t\tdisplayAuthor,\n\t\tdisplayDate,\n\t\tdisplayExcerpt,\n\t\texcerptLength,\n\t\tfeedURL,\n\t\titemsToShow,\n\t\topenInNewTab,\n\t\trel,\n\t} = attributes;\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tfunction toggleAttribute( propName ) {\n\t\treturn () => {\n\t\t\tconst value = attributes[ propName ];\n\n\t\t\tsetAttributes( { [ propName ]: ! value } );\n\t\t};\n\t}\n\n\tfunction onSubmitURL( event ) {\n\t\tevent.preventDefault();\n\n\t\tif ( feedURL ) {\n\t\t\tsetAttributes( { feedURL: prependHTTP( feedURL ) } );\n\t\t\tsetIsEditing( false );\n\t\t}\n\t}\n\n\tconst blockProps = useBlockProps();\n\n\tconst label = __( 'RSS URL' );\n\n\tif ( isEditing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ rss }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'Display entries from any RSS or Atom feed.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ onSubmitURL }\n\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-form\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ttype=\"url\"\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tplaceholder={ __( 'Enter URL here…' ) }\n\t\t\t\t\t\t\tvalue={ feedURL }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { feedURL: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-input\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst toolbarControls = [\n\t\t{\n\t\t\ticon: edit,\n\t\t\ttitle: __( 'Edit RSS URL' ),\n\t\t\tonClick: () => setIsEditing( true ),\n\t\t},\n\t\t{\n\t\t\ticon: list,\n\t\t\ttitle: _x( 'List view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'list' } ),\n\t\t\tisActive: blockLayout === 'list',\n\t\t},\n\t\t{\n\t\t\ticon: grid,\n\t\t\ttitle: _x( 'Grid view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'grid' } ),\n\t\t\tisActive: blockLayout === 'grid',\n\t\t},\n\t];\n\n\t/*\n\t * This function merges the existing attributes with additional style properties.\n\t * The `border` and `spacing` properties are set to `undefined` to ensure that\n\t * these styles are reset and not applied on the server side.\n\t */\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tborder: undefined,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\titemsToShow: 5,\n\t\t\t\t\t\t\tdisplayAuthor: false,\n\t\t\t\t\t\t\tdisplayDate: false,\n\t\t\t\t\t\t\tdisplayExcerpt: false,\n\t\t\t\t\t\t\texcerptLength: 55,\n\t\t\t\t\t\t\tcolumns: 2,\n\t\t\t\t\t\t\topenInNewTab: false,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\thasValue={ () => itemsToShow !== 5 }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { itemsToShow: 5 } ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\t\tvalue={ itemsToShow }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { itemsToShow: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ DEFAULT_MIN_ITEMS }\n\t\t\t\t\t\t\tmax={ DEFAULT_MAX_ITEMS }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Display author' ) }\n\t\t\t\t\t\thasValue={ () => !! displayAuthor }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayAuthor: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Display author' ) }\n\t\t\t\t\t\t\tchecked={ displayAuthor }\n\t\t\t\t\t\t\tonChange={ toggleAttribute( 'displayAuthor' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\thasValue={ () => !! displayDate }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayDate: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\t\tonChange={ toggleAttribute( 'displayDate' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\thasValue={ () => !! displayExcerpt }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayExcerpt: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\t\tonChange={ toggleAttribute( 'displayExcerpt' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t{ displayExcerpt && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Max number of words in excerpt' ) }\n\t\t\t\t\t\t\thasValue={ () => excerptLength !== 55 }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { excerptLength: 55 } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Max number of words in excerpt' ) }\n\t\t\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ blockLayout === 'grid' && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\thasValue={ () => columns !== 2 }\n\t\t\t\t\t\t\tonDeselect={ () => setAttributes( { columns: 2 } ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\t\tvalue={ columns }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { columns: value } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmin={ 2 }\n\t\t\t\t\t\t\t\tmax={ 6 }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\thasValue={ () => !! openInNewTab }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { openInNewTab: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ ( value ) => setAttributes( { rel: value } ) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<ServerSideRender\n\t\t\t\t\t\tblock=\"core/rss\"\n\t\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/separator/edit.js

@@ -8,9 +8,10 @@ exports.default = SeparatorEdit;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _useDeprecatedOpacity = _interopRequireDefault(require("./use-deprecated-opacity"));
-var _lockUnlock = require("../lock-unlock");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -24,13 +25,31 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const {
-  HTMLElementControl
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const HtmlElementControl = ({
+  tagName,
+  setAttributes
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+    label: (0, _i18n.__)('HTML element'),
+    value: tagName,
+    onChange: newValue => setAttributes({
+      tagName: newValue
+    }),
+    options: [{
+      label: (0, _i18n.__)('Default (<hr>)'),
+      value: 'hr'
+    }, {
+      label: '<div>',
+      value: 'div'
+    }],
+    help: tagName === 'hr' ? (0, _i18n.__)('Only select <hr> if the separator conveys important information and should be announced by screen readers.') : (0, _i18n.__)('The <div> element should only be used if the block is a design element with no semantic meaning.'),
+    __next40pxDefaultSize: true,
+    __nextHasNoMarginBottom: true
+  });
+};
 function SeparatorEdit({
   attributes,
-  setAttributes,
-  clientId
+  setAttributes
 }) {
   const {
     backgroundColor,
@@ -41,6 +60,7 @@ function SeparatorEdit({
   const colorProps = (0, _blockEditor.__experimentalUseColorProps)(attributes);
   const currentColor = colorProps?.style?.backgroundColor;
   const hasCustomColor = !!style?.color?.background;
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   (0, _useDeprecatedOpacity.default)(opacity, currentColor, setAttributes);
 
   // The dots styles uses text for the dots, to change those dots color is
@@ -59,20 +79,32 @@ function SeparatorEdit({
   const Wrapper = tagName === 'hr' ? _components.HorizontalRule : tagName;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      group: "advanced",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HTMLElementControl, {
-        tagName: tagName,
-        onChange: value => setAttributes({
-          tagName: value
-        }),
-        clientId: clientId,
-        options: [{
-          label: (0, _i18n.__)('Default (<hr>)'),
-          value: 'hr'
-        }, {
-          label: '<div>',
-          value: 'div'
-        }]
+      children: _element.Platform.isNative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HtmlElementControl, {
+          tagName: tagName,
+          setAttributes: setAttributes
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Settings'),
+        resetAll: () => {
+          setAttributes({
+            tagName: 'hr'
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => tagName !== 'hr',
+          label: (0, _i18n.__)('HTML element'),
+          onDeselect: () => setAttributes({
+            tagName: 'hr'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HtmlElementControl, {
+            tagName: tagName,
+            setAttributes: setAttributes
+          })
+        })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
       ...(0, _blockEditor.useBlockProps)({

package/build/separator/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_i18n","_useDeprecatedOpacity","_lockUnlock","_jsxRuntime","HTMLElementControl","unlock","blockEditorPrivateApis","SeparatorEdit","attributes","setAttributes","clientId","backgroundColor","opacity","style","tagName","colorProps","useColorProps","currentColor","hasCustomColor","color","background","useDeprecatedOpacity","colorClass","getColorClassName","className","clsx","styles","Wrapper","HorizontalRule","jsxs","Fragment","children","jsx","InspectorControls","group","onChange","value","options","label","__","useBlockProps","undefined"],"sources":["@wordpress/block-library/src/separator/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { HorizontalRule } from '@wordpress/components';\nimport {\n\tuseBlockProps,\n\tgetColorClassName,\n\t__experimentalUseColorProps as useColorProps,\n\tInspectorControls,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useDeprecatedOpacity from './use-deprecated-opacity';\nimport { unlock } from '../lock-unlock';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\nexport default function SeparatorEdit( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst { backgroundColor, opacity, style, tagName } = attributes;\n\tconst colorProps = useColorProps( attributes );\n\tconst currentColor = colorProps?.style?.backgroundColor;\n\tconst hasCustomColor = !! style?.color?.background;\n\n\tuseDeprecatedOpacity( opacity, currentColor, setAttributes );\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = clsx(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || currentColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tcolor: currentColor,\n\t\tbackgroundColor: currentColor,\n\t};\n\tconst Wrapper = tagName === 'hr' ? HorizontalRule : tagName;\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<hr>)' ), value: 'hr' },\n\t\t\t\t\t\t{ label: '<div>', value: 'div' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<Wrapper\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName,\n\t\t\t\t\tstyle: hasCustomColor ? styles : undefined,\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAwC,IAAAM,WAAA,GAAAN,OAAA;AAtBxC;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAmB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEhD,SAASC,aAAaA,CAAE;EACtCC,UAAU;EACVC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,eAAe;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGN,UAAU;EAC/D,MAAMO,UAAU,GAAG,IAAAC,wCAAa,EAAER,UAAW,CAAC;EAC9C,MAAMS,YAAY,GAAGF,UAAU,EAAEF,KAAK,EAAEF,eAAe;EACvD,MAAMO,cAAc,GAAG,CAAC,CAAEL,KAAK,EAAEM,KAAK,EAAEC,UAAU;EAElD,IAAAC,6BAAoB,EAAET,OAAO,EAAEK,YAAY,EAAER,aAAc,CAAC;;EAE5D;EACA;EACA,MAAMa,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAEZ,eAAgB,CAAC;EAEhE,MAAMa,SAAS,GAAG,IAAAC,aAAI,EACrB;IACC,gBAAgB,EAAEd,eAAe,IAAIM,YAAY;IACjD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAEV,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDG,UAAU,CAACS,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdP,KAAK,EAAEF,YAAY;IACnBN,eAAe,EAAEM;EAClB,CAAC;EACD,MAAMU,OAAO,GAAGb,OAAO,KAAK,IAAI,GAAGc,0BAAc,GAAGd,OAAO;EAE3D,oBACC,IAAAX,WAAA,CAAA0B,IAAA,EAAA1B,WAAA,CAAA2B,QAAA;IAAAC,QAAA,gBACC,IAAA5B,WAAA,CAAA6B,GAAA,EAACjC,YAAA,CAAAkC,iBAAiB;MAACC,KAAK,EAAC,UAAU;MAAAH,QAAA,eAClC,IAAA5B,WAAA,CAAA6B,GAAA,EAAC5B,kBAAkB;QAClBU,OAAO,EAAGA,OAAS;QACnBqB,QAAQ,EAAKC,KAAK,IACjB3B,aAAa,CAAE;UAAEK,OAAO,EAAEsB;QAAM,CAAE,CAClC;QACD1B,QAAQ,EAAGA,QAAU;QACrB2B,OAAO,EAAG,CACT;UAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,gBAAiB,CAAC;UAAEH,KAAK,EAAE;QAAK,CAAC,EAC9C;UAAEE,KAAK,EAAE,OAAO;UAAEF,KAAK,EAAE;QAAM,CAAC;MAC9B,CACH;IAAC,CACgB,CAAC,eACpB,IAAAjC,WAAA,CAAA6B,GAAA,EAACL,OAAO;MAAA,GACF,IAAAa,0BAAa,EAAE;QACnBhB,SAAS;QACTX,KAAK,EAAEK,cAAc,GAAGQ,MAAM,GAAGe;MAClC,CAAE;IAAC,CACH,CAAC;EAAA,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_element","_i18n","_useDeprecatedOpacity","_hooks","_jsxRuntime","HtmlElementControl","tagName","setAttributes","jsx","SelectControl","label","__","value","onChange","newValue","options","help","__next40pxDefaultSize","__nextHasNoMarginBottom","SeparatorEdit","attributes","backgroundColor","opacity","style","colorProps","useColorProps","currentColor","hasCustomColor","color","background","dropdownMenuProps","useToolsPanelDropdownMenuProps","useDeprecatedOpacity","colorClass","getColorClassName","className","clsx","styles","Wrapper","HorizontalRule","jsxs","Fragment","children","InspectorControls","Platform","isNative","PanelBody","title","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","useBlockProps","undefined"],"sources":["@wordpress/block-library/src/separator/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tHorizontalRule,\n\tSelectControl,\n\tPanelBody,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseBlockProps,\n\tgetColorClassName,\n\t__experimentalUseColorProps as useColorProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport { Platform } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useDeprecatedOpacity from './use-deprecated-opacity';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst HtmlElementControl = ( { tagName, setAttributes } ) => {\n\treturn (\n\t\t<SelectControl\n\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\tvalue={ tagName }\n\t\t\tonChange={ ( newValue ) => setAttributes( { tagName: newValue } ) }\n\t\t\toptions={ [\n\t\t\t\t{ label: __( 'Default (<hr>)' ), value: 'hr' },\n\t\t\t\t{ label: '<div>', value: 'div' },\n\t\t\t] }\n\t\t\thelp={\n\t\t\t\ttagName === 'hr'\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Only select <hr> if the separator conveys important information and should be announced by screen readers.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'The <div> element should only be used if the block is a design element with no semantic meaning.'\n\t\t\t\t\t  )\n\t\t\t}\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n};\n\nexport default function SeparatorEdit( { attributes, setAttributes } ) {\n\tconst { backgroundColor, opacity, style, tagName } = attributes;\n\tconst colorProps = useColorProps( attributes );\n\tconst currentColor = colorProps?.style?.backgroundColor;\n\tconst hasCustomColor = !! style?.color?.background;\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tuseDeprecatedOpacity( opacity, currentColor, setAttributes );\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = clsx(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || currentColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tcolor: currentColor,\n\t\tbackgroundColor: currentColor,\n\t};\n\tconst Wrapper = tagName === 'hr' ? HorizontalRule : tagName;\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ Platform.isNative ? (\n\t\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t\t<HtmlElementControl\n\t\t\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) : (\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tsetAttributes( { tagName: 'hr' } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => tagName !== 'hr' }\n\t\t\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { tagName: 'hr' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HtmlElementControl\n\t\t\t\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t<Wrapper\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName,\n\t\t\t\t\tstyle: hasCustomColor ? styles : undefined,\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/shortcode/index.js

@@ -27,7 +27,8 @@ const metadata = exports.metadata = {
   attributes: {
     text: {
       type: "string",
-      source: "raw"
+      source: "raw",
+      role: "content"
     }
   },
   supports: {

package/build/shortcode/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_save","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","textdomain","attributes","text","type","source","supports","className","customClassName","html","editorStyle","settings","icon","transforms","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/shortcode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { shortcode as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport metadata from './block.json';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAM,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,IAAA;MAAAC,IAAA;MAAAC,MAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,SAAA;IAAAC,eAAA;IAAAC,IAAA;EAAA;EAAAC,WAAA;AAAA;AASA,MAAM;EAAEb;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAMc,QAAQ,GAAAjB,OAAA,CAAAiB,QAAA,GAAG;EACvBC,IAAI,EAAJA,gBAAI;EACJC,UAAU,EAAVA,mBAAU;EACVC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEpB,IAAI;EAAEJ,QAAQ;EAAEkB;AAAS,CAAE,CAAC;AAACjB,OAAA,CAAAsB,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_save","_transforms","metadata","exports","$schema","apiVersion","name","title","category","description","textdomain","attributes","text","type","source","role","supports","className","customClassName","html","editorStyle","settings","icon","transforms","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/shortcode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { shortcode as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport metadata from './block.json';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAM,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,IAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,SAAA;IAAAC,eAAA;IAAAC,IAAA;EAAA;EAAAC,WAAA;AAAA;AASA,MAAM;EAAEd;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAMe,QAAQ,GAAAlB,OAAA,CAAAkB,QAAA,GAAG;EACvBC,IAAI,EAAJA,gBAAI;EACJC,UAAU,EAAVA,mBAAU;EACVC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAErB,IAAI;EAAEJ,QAAQ;EAAEmB;AAAS,CAAE,CAAC;AAAClB,OAAA,CAAAuB,IAAA,GAAAA,IAAA","ignoreList":[]}