@wordpress/block-library 9.24.0 → 9.25.0

package/build-module/rss/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["BlockControls","InspectorControls","useBlockProps","Button","Disabled","PanelBody","Placeholder","RangeControl","ToggleControl","ToolbarGroup","TextControl","__experimentalInputControl","InputControl","useState","grid","list","edit","rss","__","_x","prependHTTP","ServerSideRender","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","openInNewTab","rel","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","blockProps","label","children","icon","instructions","onSubmit","className","__next40pxDefaultSize","type","hideLabelFromVision","placeholder","onChange","variant","toolbarControls","title","onClick","isActive","serverSideAttributes","style","border","undefined","spacing","controls","__nextHasNoMarginBottom","min","max","required","checked","group","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":["BlockControls","InspectorControls","useBlockProps","Button","Disabled","Placeholder","RangeControl","ToggleControl","ToolbarGroup","TextControl","__experimentalInputControl","InputControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useState","grid","list","edit","rss","__","_x","prependHTTP","ServerSideRender","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","openInNewTab","rel","dropdownMenuProps","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","blockProps","label","children","icon","instructions","onSubmit","className","__next40pxDefaultSize","type","hideLabelFromVision","placeholder","onChange","variant","toolbarControls","title","onClick","isActive","serverSideAttributes","style","border","undefined","spacing","controls","resetAll","hasValue","onDeselect","isShownByDefault","__nextHasNoMarginBottom","min","max","required","checked","group","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-module/separator/edit.js

@@ -6,23 +6,42 @@ import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
-import { HorizontalRule } from '@wordpress/components';
-import { useBlockProps, getColorClassName, __experimentalUseColorProps as useColorProps, InspectorControls, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { HorizontalRule, SelectControl, PanelBody, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
+import { useBlockProps, getColorClassName, __experimentalUseColorProps as useColorProps, InspectorControls } from '@wordpress/block-editor';
+import { Platform } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
 import useDeprecatedOpacity from './use-deprecated-opacity';
-import { unlock } from '../lock-unlock';
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  HTMLElementControl
-} = unlock(blockEditorPrivateApis);
+const HtmlElementControl = ({
+  tagName,
+  setAttributes
+}) => {
+  return /*#__PURE__*/_jsx(SelectControl, {
+    label: __('HTML element'),
+    value: tagName,
+    onChange: newValue => setAttributes({
+      tagName: newValue
+    }),
+    options: [{
+      label: __('Default (<hr>)'),
+      value: 'hr'
+    }, {
+      label: '<div>',
+      value: 'div'
+    }],
+    help: tagName === 'hr' ? __('Only select <hr> if the separator conveys important information and should be announced by screen readers.') : __('The <div> element should only be used if the block is a design element with no semantic meaning.'),
+    __next40pxDefaultSize: true,
+    __nextHasNoMarginBottom: true
+  });
+};
 export default function SeparatorEdit({
   attributes,
-  setAttributes,
-  clientId
+  setAttributes
 }) {
   const {
     backgroundColor,
@@ -33,6 +52,7 @@ export default function SeparatorEdit({
   const colorProps = useColorProps(attributes);
   const currentColor = colorProps?.style?.backgroundColor;
   const hasCustomColor = !!style?.color?.background;
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   useDeprecatedOpacity(opacity, currentColor, setAttributes);
 
   // The dots styles uses text for the dots, to change those dots color is
@@ -51,20 +71,32 @@ export default function SeparatorEdit({
   const Wrapper = tagName === 'hr' ? HorizontalRule : tagName;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(InspectorControls, {
-      group: "advanced",
-      children: /*#__PURE__*/_jsx(HTMLElementControl, {
-        tagName: tagName,
-        onChange: value => setAttributes({
-          tagName: value
-        }),
-        clientId: clientId,
-        options: [{
-          label: __('Default (<hr>)'),
-          value: 'hr'
-        }, {
-          label: '<div>',
-          value: 'div'
-        }]
+      children: Platform.isNative ? /*#__PURE__*/_jsx(PanelBody, {
+        title: __('Settings'),
+        children: /*#__PURE__*/_jsx(HtmlElementControl, {
+          tagName: tagName,
+          setAttributes: setAttributes
+        })
+      }) : /*#__PURE__*/_jsx(ToolsPanel, {
+        label: __('Settings'),
+        resetAll: () => {
+          setAttributes({
+            tagName: 'hr'
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: /*#__PURE__*/_jsx(ToolsPanelItem, {
+          hasValue: () => tagName !== 'hr',
+          label: __('HTML element'),
+          onDeselect: () => setAttributes({
+            tagName: 'hr'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(HtmlElementControl, {
+            tagName: tagName,
+            setAttributes: setAttributes
+          })
+        })
       })
     }), /*#__PURE__*/_jsx(Wrapper, {
       ...useBlockProps({

package/build-module/separator/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","HorizontalRule","useBlockProps","getColorClassName","__experimentalUseColorProps","useColorProps","InspectorControls","privateApis","blockEditorPrivateApis","__","useDeprecatedOpacity","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","HTMLElementControl","SeparatorEdit","attributes","setAttributes","clientId","backgroundColor","opacity","style","tagName","colorProps","currentColor","hasCustomColor","color","background","colorClass","className","styles","Wrapper","children","group","onChange","value","options","label","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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SACCC,aAAa,EACbC,iBAAiB,EACjBC,2BAA2B,IAAIC,aAAa,EAC5CC,iBAAiB,EACjBC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;AAChC,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAExC,MAAM;EAAEC;AAAmB,CAAC,GAAGP,MAAM,CAAEH,sBAAuB,CAAC;AAE/D,eAAe,SAASW,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,GAAGtB,aAAa,CAAEe,UAAW,CAAC;EAC9C,MAAMQ,YAAY,GAAGD,UAAU,EAAEF,KAAK,EAAEF,eAAe;EACvD,MAAMM,cAAc,GAAG,CAAC,CAAEJ,KAAK,EAAEK,KAAK,EAAEC,UAAU;EAElDrB,oBAAoB,CAAEc,OAAO,EAAEI,YAAY,EAAEP,aAAc,CAAC;;EAE5D;EACA;EACA,MAAMW,UAAU,GAAG7B,iBAAiB,CAAE,OAAO,EAAEoB,eAAgB,CAAC;EAEhE,MAAMU,SAAS,GAAGjC,IAAI,CACrB;IACC,gBAAgB,EAAEuB,eAAe,IAAIK,YAAY;IACjD,CAAEI,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAER,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDG,UAAU,CAACM,SACZ,CAAC;EAED,MAAMC,MAAM,GAAG;IACdJ,KAAK,EAAEF,YAAY;IACnBL,eAAe,EAAEK;EAClB,CAAC;EACD,MAAMO,OAAO,GAAGT,OAAO,KAAK,IAAI,GAAGzB,cAAc,GAAGyB,OAAO;EAE3D,oBACCT,KAAA,CAAAF,SAAA;IAAAqB,QAAA,gBACCvB,IAAA,CAACP,iBAAiB;MAAC+B,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClCvB,IAAA,CAACK,kBAAkB;QAClBQ,OAAO,EAAGA,OAAS;QACnBY,QAAQ,EAAKC,KAAK,IACjBlB,aAAa,CAAE;UAAEK,OAAO,EAAEa;QAAM,CAAE,CAClC;QACDjB,QAAQ,EAAGA,QAAU;QACrBkB,OAAO,EAAG,CACT;UAAEC,KAAK,EAAEhC,EAAE,CAAE,gBAAiB,CAAC;UAAE8B,KAAK,EAAE;QAAK,CAAC,EAC9C;UAAEE,KAAK,EAAE,OAAO;UAAEF,KAAK,EAAE;QAAM,CAAC;MAC9B,CACH;IAAC,CACgB,CAAC,eACpB1B,IAAA,CAACsB,OAAO;MAAA,GACFjC,aAAa,CAAE;QACnB+B,SAAS;QACTR,KAAK,EAAEI,cAAc,GAAGK,MAAM,GAAGQ;MAClC,CAAE;IAAC,CACH,CAAC;EAAA,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","HorizontalRule","SelectControl","PanelBody","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useBlockProps","getColorClassName","__experimentalUseColorProps","useColorProps","InspectorControls","Platform","__","useDeprecatedOpacity","useToolsPanelDropdownMenuProps","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","HtmlElementControl","tagName","setAttributes","label","value","onChange","newValue","options","help","__next40pxDefaultSize","__nextHasNoMarginBottom","SeparatorEdit","attributes","backgroundColor","opacity","style","colorProps","currentColor","hasCustomColor","color","background","dropdownMenuProps","colorClass","className","styles","Wrapper","children","isNative","title","resetAll","hasValue","onDeselect","isShownByDefault","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-module/shortcode/index.js

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

package/build-module/shortcode/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["shortcode","icon","initBlock","edit","save","transforms","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","text","type","source","supports","className","customClassName","html","editorStyle","settings","init"],"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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,IAAIC,IAAI,QAAQ,kBAAkB;;AAEpD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAAC,MAAAC,QAAA;EAAAC,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;AAGtC,MAAM;EAAEb;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMc,QAAQ,GAAG;EACvBtB,IAAI;EACJI,UAAU;EACVF,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMoB,IAAI,GAAGA,CAAA,KAAMtB,SAAS,CAAE;EAAEO,IAAI;EAAEH,QAAQ;EAAEiB;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["shortcode","icon","initBlock","edit","save","transforms","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","text","type","source","role","supports","className","customClassName","html","editorStyle","settings","init"],"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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,IAAIC,IAAI,QAAQ,kBAAkB;;AAEpD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAAC,MAAAC,QAAA;EAAAC,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;AAGtC,MAAM;EAAEd;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMe,QAAQ,GAAG;EACvBvB,IAAI;EACJI,UAAU;EACVF,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMqB,IAAI,GAAGA,CAAA,KAAMvB,SAAS,CAAE;EAAEO,IAAI;EAAEH,QAAQ;EAAEkB;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/social-link/variations.js

@@ -1,3 +1,8 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
@@ -8,175 +13,175 @@ const variations = [{
   attributes: {
     service: 'wordpress'
   },
-  title: 'WordPress',
+  title: __('WordPress'),
   icon: WordPressIcon
 }, {
   name: 'fivehundredpx',
   attributes: {
     service: 'fivehundredpx'
   },
-  title: '500px',
+  title: __('500px'),
   icon: FivehundredpxIcon
 }, {
   name: 'amazon',
   attributes: {
     service: 'amazon'
   },
-  title: 'Amazon',
+  title: __('Amazon'),
   icon: AmazonIcon
 }, {
   name: 'bandcamp',
   attributes: {
     service: 'bandcamp'
   },
-  title: 'Bandcamp',
+  title: __('Bandcamp'),
   icon: BandcampIcon
 }, {
   name: 'behance',
   attributes: {
     service: 'behance'
   },
-  title: 'Behance',
+  title: __('Behance'),
   icon: BehanceIcon
 }, {
   name: 'bluesky',
   attributes: {
     service: 'bluesky'
   },
-  title: 'Bluesky',
+  title: __('Bluesky'),
   icon: BlueskyIcon
 }, {
   name: 'chain',
   attributes: {
     service: 'chain'
   },
-  title: 'Link',
+  title: __('Link'),
   icon: ChainIcon
 }, {
   name: 'codepen',
   attributes: {
     service: 'codepen'
   },
-  title: 'CodePen',
+  title: __('CodePen'),
   icon: CodepenIcon
 }, {
   name: 'deviantart',
   attributes: {
     service: 'deviantart'
   },
-  title: 'DeviantArt',
+  title: __('DeviantArt'),
   icon: DeviantArtIcon
 }, {
   name: 'discord',
   attributes: {
     service: 'discord'
   },
-  title: 'Discord',
+  title: __('Discord'),
   icon: DiscordIcon
 }, {
   name: 'dribbble',
   attributes: {
     service: 'dribbble'
   },
-  title: 'Dribbble',
+  title: __('Dribbble'),
   icon: DribbbleIcon
 }, {
   name: 'dropbox',
   attributes: {
     service: 'dropbox'
   },
-  title: 'Dropbox',
+  title: __('Dropbox'),
   icon: DropboxIcon
 }, {
   name: 'etsy',
   attributes: {
     service: 'etsy'
   },
-  title: 'Etsy',
+  title: __('Etsy'),
   icon: EtsyIcon
 }, {
   name: 'facebook',
   attributes: {
     service: 'facebook'
   },
-  title: 'Facebook',
+  title: __('Facebook'),
   icon: FacebookIcon
 }, {
   name: 'feed',
   attributes: {
     service: 'feed'
   },
-  title: 'RSS Feed',
+  title: __('RSS Feed'),
   icon: FeedIcon
 }, {
   name: 'flickr',
   attributes: {
     service: 'flickr'
   },
-  title: 'Flickr',
+  title: __('Flickr'),
   icon: FlickrIcon
 }, {
   name: 'foursquare',
   attributes: {
     service: 'foursquare'
   },
-  title: 'Foursquare',
+  title: __('Foursquare'),
   icon: FoursquareIcon
 }, {
   name: 'goodreads',
   attributes: {
     service: 'goodreads'
   },
-  title: 'Goodreads',
+  title: __('Goodreads'),
   icon: GoodreadsIcon
 }, {
   name: 'google',
   attributes: {
     service: 'google'
   },
-  title: 'Google',
+  title: __('Google'),
   icon: GoogleIcon
 }, {
   name: 'github',
   attributes: {
     service: 'github'
   },
-  title: 'GitHub',
+  title: __('GitHub'),
   icon: GitHubIcon
 }, {
   name: 'gravatar',
   attributes: {
     service: 'gravatar'
   },
-  title: 'Gravatar',
+  title: __('Gravatar'),
   icon: GravatarIcon
 }, {
   name: 'instagram',
   attributes: {
     service: 'instagram'
   },
-  title: 'Instagram',
+  title: __('Instagram'),
   icon: InstagramIcon
 }, {
   name: 'lastfm',
   attributes: {
     service: 'lastfm'
   },
-  title: 'Last.fm',
+  title: __('Last.fm'),
   icon: LastfmIcon
 }, {
   name: 'linkedin',
   attributes: {
     service: 'linkedin'
   },
-  title: 'LinkedIn',
+  title: __('LinkedIn'),
   icon: LinkedInIcon
 }, {
   name: 'mail',
   attributes: {
     service: 'mail'
   },
-  title: 'Mail',
+  title: __('Mail'),
   keywords: ['email', 'e-mail'],
   icon: MailIcon
 }, {
@@ -184,140 +189,140 @@ const variations = [{
   attributes: {
     service: 'mastodon'
   },
-  title: 'Mastodon',
+  title: __('Mastodon'),
   icon: MastodonIcon
 }, {
   name: 'meetup',
   attributes: {
     service: 'meetup'
   },
-  title: 'Meetup',
+  title: __('Meetup'),
   icon: MeetupIcon
 }, {
   name: 'medium',
   attributes: {
     service: 'medium'
   },
-  title: 'Medium',
+  title: __('Medium'),
   icon: MediumIcon
 }, {
   name: 'patreon',
   attributes: {
     service: 'patreon'
   },
-  title: 'Patreon',
+  title: __('Patreon'),
   icon: PatreonIcon
 }, {
   name: 'pinterest',
   attributes: {
     service: 'pinterest'
   },
-  title: 'Pinterest',
+  title: __('Pinterest'),
   icon: PinterestIcon
 }, {
   name: 'pocket',
   attributes: {
     service: 'pocket'
   },
-  title: 'Pocket',
+  title: __('Pocket'),
   icon: PocketIcon
 }, {
   name: 'reddit',
   attributes: {
     service: 'reddit'
   },
-  title: 'Reddit',
+  title: __('Reddit'),
   icon: RedditIcon
 }, {
   name: 'skype',
   attributes: {
     service: 'skype'
   },
-  title: 'Skype',
+  title: __('Skype'),
   icon: SkypeIcon
 }, {
   name: 'snapchat',
   attributes: {
     service: 'snapchat'
   },
-  title: 'Snapchat',
+  title: __('Snapchat'),
   icon: SnapchatIcon
 }, {
   name: 'soundcloud',
   attributes: {
     service: 'soundcloud'
   },
-  title: 'SoundCloud',
+  title: __('SoundCloud'),
   icon: SoundCloudIcon
 }, {
   name: 'spotify',
   attributes: {
     service: 'spotify'
   },
-  title: 'Spotify',
+  title: __('Spotify'),
   icon: SpotifyIcon
 }, {
   name: 'telegram',
   attributes: {
     service: 'telegram'
   },
-  title: 'Telegram',
+  title: __('Telegram'),
   icon: TelegramIcon
 }, {
   name: 'threads',
   attributes: {
     service: 'threads'
   },
-  title: 'Threads',
+  title: __('Threads'),
   icon: ThreadsIcon
 }, {
   name: 'tiktok',
   attributes: {
     service: 'tiktok'
   },
-  title: 'TikTok',
+  title: __('TikTok'),
   icon: TiktokIcon
 }, {
   name: 'tumblr',
   attributes: {
     service: 'tumblr'
   },
-  title: 'Tumblr',
+  title: __('Tumblr'),
   icon: TumblrIcon
 }, {
   name: 'twitch',
   attributes: {
     service: 'twitch'
   },
-  title: 'Twitch',
+  title: __('Twitch'),
   icon: TwitchIcon
 }, {
   name: 'twitter',
   attributes: {
     service: 'twitter'
   },
-  title: 'Twitter',
+  title: __('Twitter'),
   icon: TwitterIcon
 }, {
   name: 'vimeo',
   attributes: {
     service: 'vimeo'
   },
-  title: 'Vimeo',
+  title: __('Vimeo'),
   icon: VimeoIcon
 }, {
   name: 'vk',
   attributes: {
     service: 'vk'
   },
-  title: 'VK',
+  title: __('VK'),
   icon: VkIcon
 }, {
   name: 'whatsapp',
   attributes: {
     service: 'whatsapp'
   },
-  title: 'WhatsApp',
+  title: __('WhatsApp'),
   icon: WhatsAppIcon
 }, {
   name: 'x',
@@ -325,21 +330,21 @@ const variations = [{
     service: 'x'
   },
   keywords: ['twitter'],
-  title: 'X',
+  title: __('X'),
   icon: XIcon
 }, {
   name: 'yelp',
   attributes: {
     service: 'yelp'
   },
-  title: 'Yelp',
+  title: __('Yelp'),
   icon: YelpIcon
 }, {
   name: 'youtube',
   attributes: {
     service: 'youtube'
   },
-  title: 'YouTube',
+  title: __('YouTube'),
   icon: YouTubeIcon
 }];