@wordpress/block-library 9.24.0 → 9.26.0

package/build-module/query/edit/enhanced-pagination-modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Modal","__experimentalVStack","VStack","__","useState","useEffect","useUnsupportedBlocks","jsx","_jsx","jsxs","_jsxs","modalDescriptionId","EnhancedPaginationModal","clientId","attributes","enhancedPagination","setAttributes","isOpen","setOpen","hasBlocksFromPlugins","hasPostContentBlock","hasUnsupportedBlocks","window","__experimentalFullPageClientSideNavigation","closeModal","notice","title","className","aria","describedby","role","focusOnMount","isDismissible","onRequestClose","children","alignment","spacing","id","__next40pxDefaultSize","variant","onClick"],"sources":["@wordpress/block-library/src/query/edit/enhanced-pagination-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tModal,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useUnsupportedBlocks } from '../utils';\n\nconst modalDescriptionId =\n\t'wp-block-query-enhanced-pagination-modal__description';\n\nexport default function EnhancedPaginationModal( {\n\tclientId,\n\tattributes: { enhancedPagination },\n\tsetAttributes,\n} ) {\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst { hasBlocksFromPlugins, hasPostContentBlock, hasUnsupportedBlocks } =\n\t\tuseUnsupportedBlocks( clientId );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tenhancedPagination &&\n\t\t\thasUnsupportedBlocks &&\n\t\t\t! window.__experimentalFullPageClientSideNavigation\n\t\t) {\n\t\t\tsetAttributes( { enhancedPagination: false } );\n\t\t\tsetOpen( true );\n\t\t}\n\t}, [ enhancedPagination, hasUnsupportedBlocks, setAttributes ] );\n\n\tconst closeModal = () => {\n\t\tsetOpen( false );\n\t};\n\n\tlet notice = __(\n\t\t'If you still want to prevent full page reloads, remove that block, then disable \"Reload full page\" again in the Query Block settings.'\n\t);\n\tif ( hasBlocksFromPlugins ) {\n\t\tnotice =\n\t\t\t__(\n\t\t\t\t'Currently, avoiding full page reloads is not possible when non-interactive or non-client Navigation compatible blocks from plugins are present inside the Query block.'\n\t\t\t) +\n\t\t\t' ' +\n\t\t\tnotice;\n\t} else if ( hasPostContentBlock ) {\n\t\tnotice =\n\t\t\t__(\n\t\t\t\t'Currently, avoiding full page reloads is not possible when a Content block is present inside the Query block.'\n\t\t\t) +\n\t\t\t' ' +\n\t\t\tnotice;\n\t}\n\n\treturn (\n\t\tisOpen && (\n\t\t\t<Modal\n\t\t\t\ttitle={ __( 'Query block: Reload full page enabled' ) }\n\t\t\t\tclassName=\"wp-block-query__enhanced-pagination-modal\"\n\t\t\t\taria={ {\n\t\t\t\t\tdescribedby: modalDescriptionId,\n\t\t\t\t} }\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\tfocusOnMount=\"firstElement\"\n\t\t\t\tisDismissible={ false }\n\t\t\t\tonRequestClose={ closeModal }\n\t\t\t>\n\t\t\t\t<VStack alignment=\"right\" spacing={ 5 }>\n\t\t\t\t\t<span id={ modalDescriptionId }>{ notice }</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ closeModal }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'OK' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</VStack>\n\t\t\t</Modal>\n\t\t)\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,KAAK,EACLC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;;AAExD;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,kBAAkB,GACvB,uDAAuD;AAExD,eAAe,SAASC,uBAAuBA,CAAE;EAChDC,QAAQ;EACRC,UAAU,EAAE;IAAEC;EAAmB,CAAC;EAClCC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,MAAM,EAAEC,OAAO,CAAE,GAAGd,QAAQ,CAAE,KAAM,CAAC;EAC7C,MAAM;IAAEe,oBAAoB;IAAEC,mBAAmB;IAAEC;EAAqB,CAAC,GACxEf,oBAAoB,CAAEO,QAAS,CAAC;EAEjCR,SAAS,CAAE,MAAM;IAChB,IACCU,kBAAkB,IAClBM,oBAAoB,IACpB,CAAEC,MAAM,CAACC,0CAA0C,EAClD;MACDP,aAAa,CAAE;QAAED,kBAAkB,EAAE;MAAM,CAAE,CAAC;MAC9CG,OAAO,CAAE,IAAK,CAAC;IAChB;EACD,CAAC,EAAE,CAAEH,kBAAkB,EAAEM,oBAAoB,EAAEL,aAAa,CAAG,CAAC;EAEhE,MAAMQ,UAAU,GAAGA,CAAA,KAAM;IACxBN,OAAO,CAAE,KAAM,CAAC;EACjB,CAAC;EAED,IAAIO,MAAM,GAAGtB,EAAE,CACd,uIACD,CAAC;EACD,IAAKgB,oBAAoB,EAAG;IAC3BM,MAAM,GACLtB,EAAE,CACD,wKACD,CAAC,GACD,GAAG,GACHsB,MAAM;EACR,CAAC,MAAM,IAAKL,mBAAmB,EAAG;IACjCK,MAAM,GACLtB,EAAE,CACD,+GACD,CAAC,GACD,GAAG,GACHsB,MAAM;EACR;EAEA,OACCR,MAAM,iBACLT,IAAA,CAACR,KAAK;IACL0B,KAAK,EAAGvB,EAAE,CAAE,uCAAwC,CAAG;IACvDwB,SAAS,EAAC,2CAA2C;IACrDC,IAAI,EAAG;MACNC,WAAW,EAAElB;IACd,CAAG;IACHmB,IAAI,EAAC,aAAa;IAClBC,YAAY,EAAC,cAAc;IAC3BC,aAAa,EAAG,KAAO;IACvBC,cAAc,EAAGT,UAAY;IAAAU,QAAA,eAE7BxB,KAAA,CAACR,MAAM;MAACiC,SAAS,EAAC,OAAO;MAACC,OAAO,EAAG,CAAG;MAAAF,QAAA,gBACtC1B,IAAA;QAAM6B,EAAE,EAAG1B,kBAAoB;QAAAuB,QAAA,EAAGT;MAAM,CAAQ,CAAC,eACjDjB,IAAA,CAACT,MAAM;QACNuC,qBAAqB;QACrBC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAGhB,UAAY;QAAAU,QAAA,EAEpB/B,EAAE,CAAE,IAAK;MAAC,CACL,CAAC;IAAA,CACF;EAAC,CACH,CACP;AAEH","ignoreList":[]}
+{"version":3,"names":["Button","Modal","__experimentalVStack","VStack","__","useState","useEffect","useUnsupportedBlocks","jsx","_jsx","jsxs","_jsxs","modalDescriptionId","EnhancedPaginationModal","clientId","attributes","enhancedPagination","setAttributes","isOpen","setOpen","hasBlocksFromPlugins","hasPostContentBlock","hasUnsupportedBlocks","closeModal","notice","title","className","aria","describedby","role","focusOnMount","isDismissible","onRequestClose","children","alignment","spacing","id","__next40pxDefaultSize","variant","onClick"],"sources":["@wordpress/block-library/src/query/edit/enhanced-pagination-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tModal,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useUnsupportedBlocks } from '../utils';\n\nconst modalDescriptionId =\n\t'wp-block-query-enhanced-pagination-modal__description';\n\nexport default function EnhancedPaginationModal( {\n\tclientId,\n\tattributes: { enhancedPagination },\n\tsetAttributes,\n} ) {\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst { hasBlocksFromPlugins, hasPostContentBlock, hasUnsupportedBlocks } =\n\t\tuseUnsupportedBlocks( clientId );\n\n\tuseEffect( () => {\n\t\tif ( enhancedPagination && hasUnsupportedBlocks ) {\n\t\t\tsetAttributes( { enhancedPagination: false } );\n\t\t\tsetOpen( true );\n\t\t}\n\t}, [ enhancedPagination, hasUnsupportedBlocks, setAttributes ] );\n\n\tconst closeModal = () => {\n\t\tsetOpen( false );\n\t};\n\n\tlet notice = __(\n\t\t'If you still want to prevent full page reloads, remove that block, then disable \"Reload full page\" again in the Query Block settings.'\n\t);\n\tif ( hasBlocksFromPlugins ) {\n\t\tnotice =\n\t\t\t__(\n\t\t\t\t'Currently, avoiding full page reloads is not possible when non-interactive or non-client Navigation compatible blocks from plugins are present inside the Query block.'\n\t\t\t) +\n\t\t\t' ' +\n\t\t\tnotice;\n\t} else if ( hasPostContentBlock ) {\n\t\tnotice =\n\t\t\t__(\n\t\t\t\t'Currently, avoiding full page reloads is not possible when a Content block is present inside the Query block.'\n\t\t\t) +\n\t\t\t' ' +\n\t\t\tnotice;\n\t}\n\n\treturn (\n\t\tisOpen && (\n\t\t\t<Modal\n\t\t\t\ttitle={ __( 'Query block: Reload full page enabled' ) }\n\t\t\t\tclassName=\"wp-block-query__enhanced-pagination-modal\"\n\t\t\t\taria={ {\n\t\t\t\t\tdescribedby: modalDescriptionId,\n\t\t\t\t} }\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\tfocusOnMount=\"firstElement\"\n\t\t\t\tisDismissible={ false }\n\t\t\t\tonRequestClose={ closeModal }\n\t\t\t>\n\t\t\t\t<VStack alignment=\"right\" spacing={ 5 }>\n\t\t\t\t\t<span id={ modalDescriptionId }>{ notice }</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ closeModal }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'OK' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</VStack>\n\t\t\t</Modal>\n\t\t)\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,KAAK,EACLC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;;AAExD;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,kBAAkB,GACvB,uDAAuD;AAExD,eAAe,SAASC,uBAAuBA,CAAE;EAChDC,QAAQ;EACRC,UAAU,EAAE;IAAEC;EAAmB,CAAC;EAClCC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,MAAM,EAAEC,OAAO,CAAE,GAAGd,QAAQ,CAAE,KAAM,CAAC;EAC7C,MAAM;IAAEe,oBAAoB;IAAEC,mBAAmB;IAAEC;EAAqB,CAAC,GACxEf,oBAAoB,CAAEO,QAAS,CAAC;EAEjCR,SAAS,CAAE,MAAM;IAChB,IAAKU,kBAAkB,IAAIM,oBAAoB,EAAG;MACjDL,aAAa,CAAE;QAAED,kBAAkB,EAAE;MAAM,CAAE,CAAC;MAC9CG,OAAO,CAAE,IAAK,CAAC;IAChB;EACD,CAAC,EAAE,CAAEH,kBAAkB,EAAEM,oBAAoB,EAAEL,aAAa,CAAG,CAAC;EAEhE,MAAMM,UAAU,GAAGA,CAAA,KAAM;IACxBJ,OAAO,CAAE,KAAM,CAAC;EACjB,CAAC;EAED,IAAIK,MAAM,GAAGpB,EAAE,CACd,uIACD,CAAC;EACD,IAAKgB,oBAAoB,EAAG;IAC3BI,MAAM,GACLpB,EAAE,CACD,wKACD,CAAC,GACD,GAAG,GACHoB,MAAM;EACR,CAAC,MAAM,IAAKH,mBAAmB,EAAG;IACjCG,MAAM,GACLpB,EAAE,CACD,+GACD,CAAC,GACD,GAAG,GACHoB,MAAM;EACR;EAEA,OACCN,MAAM,iBACLT,IAAA,CAACR,KAAK;IACLwB,KAAK,EAAGrB,EAAE,CAAE,uCAAwC,CAAG;IACvDsB,SAAS,EAAC,2CAA2C;IACrDC,IAAI,EAAG;MACNC,WAAW,EAAEhB;IACd,CAAG;IACHiB,IAAI,EAAC,aAAa;IAClBC,YAAY,EAAC,cAAc;IAC3BC,aAAa,EAAG,KAAO;IACvBC,cAAc,EAAGT,UAAY;IAAAU,QAAA,eAE7BtB,KAAA,CAACR,MAAM;MAAC+B,SAAS,EAAC,OAAO;MAACC,OAAO,EAAG,CAAG;MAAAF,QAAA,gBACtCxB,IAAA;QAAM2B,EAAE,EAAGxB,kBAAoB;QAAAqB,QAAA,EAAGT;MAAM,CAAQ,CAAC,eACjDf,IAAA,CAACT,MAAM;QACNqC,qBAAqB;QACrBC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAGhB,UAAY;QAAAU,QAAA,EAEpB7B,EAAE,CAAE,IAAK;MAAC,CACL,CAAC;IAAA,CACF;EAAC,CACH,CACP;AAEH","ignoreList":[]}

package/build-module/query/edit/inspector-controls/enhanced-pagination-control.js

@@ -17,11 +17,8 @@ export default function EnhancedPaginationControl({
   const {
     hasUnsupportedBlocks
   } = useUnsupportedBlocks(clientId);
-  const fullPageClientSideNavigation = window.__experimentalFullPageClientSideNavigation;
   let help = __('Reload the full page—instead of just the posts list—when visitors navigate between pages.');
-  if (fullPageClientSideNavigation) {
-    help = __('Experimental full-page client-side navigation setting enabled.');
-  } else if (hasUnsupportedBlocks) {
+  if (hasUnsupportedBlocks) {
     help = __('Enhancement disabled because there are non-compatible blocks inside the Query block.');
   }
   return /*#__PURE__*/_jsx(_Fragment, {
@@ -29,8 +26,8 @@ export default function EnhancedPaginationControl({
       __nextHasNoMarginBottom: true,
       label: __('Reload full page'),
       help: help,
-      checked: !enhancedPagination && !fullPageClientSideNavigation,
-      disabled: hasUnsupportedBlocks || fullPageClientSideNavigation,
+      checked: !enhancedPagination,
+      disabled: hasUnsupportedBlocks,
       onChange: value => {
         setAttributes({
           enhancedPagination: !value

package/build-module/query/edit/inspector-controls/enhanced-pagination-control.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToggleControl","__","useUnsupportedBlocks","jsx","_jsx","Fragment","_Fragment","EnhancedPaginationControl","enhancedPagination","setAttributes","clientId","hasUnsupportedBlocks","fullPageClientSideNavigation","window","__experimentalFullPageClientSideNavigation","help","children","__nextHasNoMarginBottom","label","checked","disabled","onChange","value"],"sources":["@wordpress/block-library/src/query/edit/inspector-controls/enhanced-pagination-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useUnsupportedBlocks } from '../../utils';\n\nexport default function EnhancedPaginationControl( {\n\tenhancedPagination,\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst { hasUnsupportedBlocks } = useUnsupportedBlocks( clientId );\n\tconst fullPageClientSideNavigation =\n\t\twindow.__experimentalFullPageClientSideNavigation;\n\n\tlet help = __(\n\t\t'Reload the full page—instead of just the posts list—when visitors navigate between pages.'\n\t);\n\tif ( fullPageClientSideNavigation ) {\n\t\thelp = __(\n\t\t\t'Experimental full-page client-side navigation setting enabled.'\n\t\t);\n\t} else if ( hasUnsupportedBlocks ) {\n\t\thelp = __(\n\t\t\t'Enhancement disabled because there are non-compatible blocks inside the Query block.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Reload full page' ) }\n\t\t\t\thelp={ help }\n\t\t\t\tchecked={\n\t\t\t\t\t! enhancedPagination && ! fullPageClientSideNavigation\n\t\t\t\t}\n\t\t\t\tdisabled={\n\t\t\t\t\thasUnsupportedBlocks || fullPageClientSideNavigation\n\t\t\t\t}\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tenhancedPagination: ! value,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEnD,eAAe,SAASC,yBAAyBA,CAAE;EAClDC,kBAAkB;EAClBC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAqB,CAAC,GAAGT,oBAAoB,CAAEQ,QAAS,CAAC;EACjE,MAAME,4BAA4B,GACjCC,MAAM,CAACC,0CAA0C;EAElD,IAAIC,IAAI,GAAGd,EAAE,CACZ,2FACD,CAAC;EACD,IAAKW,4BAA4B,EAAG;IACnCG,IAAI,GAAGd,EAAE,CACR,gEACD,CAAC;EACF,CAAC,MAAM,IAAKU,oBAAoB,EAAG;IAClCI,IAAI,GAAGd,EAAE,CACR,sFACD,CAAC;EACF;EAEA,oBACCG,IAAA,CAAAE,SAAA;IAAAU,QAAA,eACCZ,IAAA,CAACJ,aAAa;MACbiB,uBAAuB;MACvBC,KAAK,EAAGjB,EAAE,CAAE,kBAAmB,CAAG;MAClCc,IAAI,EAAGA,IAAM;MACbI,OAAO,EACN,CAAEX,kBAAkB,IAAI,CAAEI,4BAC1B;MACDQ,QAAQ,EACPT,oBAAoB,IAAIC,4BACxB;MACDS,QAAQ,EAAKC,KAAK,IAAM;QACvBb,aAAa,CAAE;UACdD,kBAAkB,EAAE,CAAEc;QACvB,CAAE,CAAC;MACJ;IAAG,CACH;EAAC,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["ToggleControl","__","useUnsupportedBlocks","jsx","_jsx","Fragment","_Fragment","EnhancedPaginationControl","enhancedPagination","setAttributes","clientId","hasUnsupportedBlocks","help","children","__nextHasNoMarginBottom","label","checked","disabled","onChange","value"],"sources":["@wordpress/block-library/src/query/edit/inspector-controls/enhanced-pagination-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useUnsupportedBlocks } from '../../utils';\n\nexport default function EnhancedPaginationControl( {\n\tenhancedPagination,\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst { hasUnsupportedBlocks } = useUnsupportedBlocks( clientId );\n\n\tlet help = __(\n\t\t'Reload the full page—instead of just the posts list—when visitors navigate between pages.'\n\t);\n\tif ( hasUnsupportedBlocks ) {\n\t\thelp = __(\n\t\t\t'Enhancement disabled because there are non-compatible blocks inside the Query block.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Reload full page' ) }\n\t\t\t\thelp={ help }\n\t\t\t\tchecked={ ! enhancedPagination }\n\t\t\t\tdisabled={ hasUnsupportedBlocks }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tenhancedPagination: ! value,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEnD,eAAe,SAASC,yBAAyBA,CAAE;EAClDC,kBAAkB;EAClBC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAqB,CAAC,GAAGT,oBAAoB,CAAEQ,QAAS,CAAC;EAEjE,IAAIE,IAAI,GAAGX,EAAE,CACZ,2FACD,CAAC;EACD,IAAKU,oBAAoB,EAAG;IAC3BC,IAAI,GAAGX,EAAE,CACR,sFACD,CAAC;EACF;EAEA,oBACCG,IAAA,CAAAE,SAAA;IAAAO,QAAA,eACCT,IAAA,CAACJ,aAAa;MACbc,uBAAuB;MACvBC,KAAK,EAAGd,EAAE,CAAE,kBAAmB,CAAG;MAClCW,IAAI,EAAGA,IAAM;MACbI,OAAO,EAAG,CAAER,kBAAoB;MAChCS,QAAQ,EAAGN,oBAAsB;MACjCO,QAAQ,EAAKC,KAAK,IAAM;QACvBV,aAAa,CAAE;UACdD,kBAAkB,EAAE,CAAEW;QACvB,CAAE,CAAC;MACJ;IAAG,CACH;EAAC,CACD,CAAC;AAEL","ignoreList":[]}

package/build-module/rss/edit.js

@@ -2,12 +2,17 @@
  * WordPress dependencies
  */
 import { BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { Button, Disabled, PanelBody, Placeholder, RangeControl, ToggleControl, ToolbarGroup, TextControl, __experimentalInputControl as InputControl } from '@wordpress/components';
+import { Button, Disabled, Placeholder, RangeControl, ToggleControl, ToolbarGroup, TextControl, __experimentalInputControl as InputControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { useState } from '@wordpress/element';
 import { grid, list, edit, rss } from '@wordpress/icons';
 import { __, _x } from '@wordpress/i18n';
 import { prependHTTP } from '@wordpress/url';
 import ServerSideRender from '@wordpress/server-side-render';
+
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const DEFAULT_MIN_ITEMS = 1;
 const DEFAULT_MAX_ITEMS = 20;
@@ -28,6 +33,7 @@ export default function RSSEdit({
     openInNewTab,
     rel
   } = attributes;
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   function toggleAttribute(propName) {
     return () => {
       const value = attributes[propName];
@@ -117,62 +123,130 @@ export default function RSSEdit({
         controls: toolbarControls
       })
     }), /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsxs(PanelBody, {
-        title: __('Settings'),
-        children: [/*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+      children: /*#__PURE__*/_jsxs(ToolsPanel, {
+        label: __('Settings'),
+        resetAll: () => {
+          setAttributes({
+            itemsToShow: 5,
+            displayAuthor: false,
+            displayDate: false,
+            displayExcerpt: false,
+            excerptLength: 55,
+            columns: 2,
+            openInNewTab: false
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('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__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Number of items'),
+            value: itemsToShow,
+            onChange: value => setAttributes({
+              itemsToShow: value
+            }),
+            min: DEFAULT_MIN_ITEMS,
+            max: DEFAULT_MAX_ITEMS,
+            required: true
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Display author'),
-          checked: displayAuthor,
-          onChange: toggleAttribute('displayAuthor')
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!displayAuthor,
+          onDeselect: () => setAttributes({
+            displayAuthor: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Display author'),
+            checked: displayAuthor,
+            onChange: toggleAttribute('displayAuthor')
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Display date'),
-          checked: displayDate,
-          onChange: toggleAttribute('displayDate')
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!displayDate,
+          onDeselect: () => setAttributes({
+            displayDate: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Display date'),
+            checked: displayDate,
+            onChange: toggleAttribute('displayDate')
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Display excerpt'),
-          checked: displayExcerpt,
-          onChange: toggleAttribute('displayExcerpt')
-        }), displayExcerpt && /*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          hasValue: () => !!displayExcerpt,
+          onDeselect: () => setAttributes({
+            displayExcerpt: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Display excerpt'),
+            checked: displayExcerpt,
+            onChange: toggleAttribute('displayExcerpt')
+          })
+        }), displayExcerpt && /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('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__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Max number of words in excerpt'),
+            value: excerptLength,
+            onChange: value => setAttributes({
+              excerptLength: value
+            }),
+            min: 10,
+            max: 100,
+            required: true
+          })
+        }), blockLayout === 'grid' && /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Columns'),
-          value: columns,
-          onChange: value => setAttributes({
-            columns: value
+          hasValue: () => columns !== 2,
+          onDeselect: () => setAttributes({
+            columns: 2
           }),
-          min: 2,
-          max: 6,
-          required: true
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Columns'),
+            value: columns,
+            onChange: value => setAttributes({
+              columns: value
+            }),
+            min: 2,
+            max: 6,
+            required: true
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Open links in new tab'),
-          checked: openInNewTab,
-          onChange: value => setAttributes({
-            openInNewTab: value
+          hasValue: () => !!openInNewTab,
+          onDeselect: () => setAttributes({
+            openInNewTab: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Open links in new tab'),
+            checked: openInNewTab,
+            onChange: value => setAttributes({
+              openInNewTab: value
+            })
           })
         })]
       })

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":[]}