UNPKG

@wordpress/block-library

Version:
8 lines (7 loc) 3.18 kB
{ "version": 3, "sources": ["../../../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 hasUnsupportedBlocks = useUnsupportedBlocks( 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\tconst notice =\n\t\t__(\n\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) +\n\t\t' ' +\n\t\t__(\n\t\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\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": ";AAGA;AAAA,EACC;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,OAClB;AACP,SAAS,UAAU;AACnB,SAAS,UAAU,iBAAiB;AAKpC,SAAS,4BAA4B;AA8CjC,SACC,KADD;AA5CJ,IAAM,qBACL;AAEc,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA,YAAY,EAAE,mBAAmB;AAAA,EACjC;AACD,GAAI;AACH,QAAM,CAAE,QAAQ,OAAQ,IAAI,SAAU,KAAM;AAC5C,QAAM,uBAAuB,qBAAsB,QAAS;AAE5D,YAAW,MAAM;AAChB,QAAK,sBAAsB,sBAAuB;AACjD,oBAAe,EAAE,oBAAoB,MAAM,CAAE;AAC7C,cAAS,IAAK;AAAA,IACf;AAAA,EACD,GAAG,CAAE,oBAAoB,sBAAsB,aAAc,CAAE;AAE/D,QAAM,aAAa,MAAM;AACxB,YAAS,KAAM;AAAA,EAChB;AAEA,QAAM,SACL;AAAA,IACC;AAAA,EACD,IACA,MACA;AAAA,IACC;AAAA,EACD;AAED,SACC,UACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,uCAAwC;AAAA,MACpD,WAAU;AAAA,MACV,MAAO;AAAA,QACN,aAAa;AAAA,MACd;AAAA,MACA,MAAK;AAAA,MACL,cAAa;AAAA,MACb,eAAgB;AAAA,MAChB,gBAAiB;AAAA,MAEjB,+BAAC,UAAO,WAAU,SAAQ,SAAU,GACnC;AAAA,4BAAC,UAAK,IAAK,oBAAuB,kBAAQ;AAAA,QAC1C;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,SAAQ;AAAA,YACR,SAAU;AAAA,YAER,aAAI,IAAK;AAAA;AAAA,QACZ;AAAA,SACD;AAAA;AAAA,EACD;AAGH;", "names": [] }