@wordpress/edit-post 7.11.0 → 7.12.1

package/build/components/meta-boxes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/meta-boxes/index.js"],"names":["MetaBoxes","location","registry","metaBoxes","areMetaBoxesInitialized","isEditorReady","select","__unstableIsEditorReady","editorStore","getMetaBoxesPerLocation","_areMetaBoxesInitialized","editPostStore","dispatch","initializeMetaBoxes","map","id"],"mappings":";;;;;;;;;AAIA;;AADA;;AAEA;;AAKA;;AACA;;AACA;;AAZA;AACA;AACA;;AAKA;AACA;AACA;AAKe,SAASA,SAAT,OAAmC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACjD,QAAMC,QAAQ,GAAG,wBAAjB;AACA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,uBAAb;AAAsCC,IAAAA;AAAtC,MAAwD,qBAC3DC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAA8BD,MAAM,CAAEE,aAAF,CAA1C;AACA,UAAM;AACLC,MAAAA,uBADK;AAELL,MAAAA,uBAAuB,EAAEM;AAFpB,QAGFJ,MAAM,CAAEK,YAAF,CAHV;AAIA,WAAO;AACNR,MAAAA,SAAS,EAAEM,uBAAuB,CAAER,QAAF,CAD5B;AAENG,MAAAA,uBAAuB,EAAEM,wBAAwB,EAF3C;AAGNL,MAAAA,aAAa,EAAEE,uBAAuB;AAHhC,KAAP;AAKA,GAZ4D,EAa7D,CAAEN,QAAF,CAb6D,CAA9D,CAFiD,CAkBjD;AACA;AACA;;AACA,0BAAW,MAAM;AAChB,QAAKI,aAAa,IAAI,CAAED,uBAAxB,EAAkD;AACjDF,MAAAA,QAAQ,CAACU,QAAT,CAAmBD,YAAnB,EAAmCE,mBAAnC;AACA;AACD,GAJD,EAIG,CAAER,aAAF,EAAiBD,uBAAjB,CAJH;;AAMA,MAAK,CAAEA,uBAAP,EAAiC;AAChC,WAAO,IAAP;AACA;;AAED,SACC,qDACG,CAAED,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,EAAf,EAAoBW,GAApB,CAAyB;AAAA,QAAE;AAAEC,MAAAA;AAAF,KAAF;AAAA,WAC1B,4BAAC,0BAAD;AAAmB,MAAA,GAAG,EAAGA,EAAzB;AAA8B,MAAA,EAAE,EAAGA;AAAnC,MAD0B;AAAA,GAAzB,CADH,EAIC,4BAAC,sBAAD;AAAe,IAAA,QAAQ,EAAGd;AAA1B,IAJD,CADD;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useRegistry } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport MetaBoxesArea from './meta-boxes-area';\nimport MetaBoxVisibility from './meta-box-visibility';\nimport { store as editPostStore } from '../../store';\n\nexport default function MetaBoxes( { location } ) {\n\tconst registry = useRegistry();\n\tconst { metaBoxes, areMetaBoxesInitialized, isEditorReady } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { __unstableIsEditorReady } = select( editorStore );\n\t\t\tconst {\n\t\t\t\tgetMetaBoxesPerLocation,\n\t\t\t\tareMetaBoxesInitialized: _areMetaBoxesInitialized,\n\t\t\t} = select( editPostStore );\n\t\t\treturn {\n\t\t\t\tmetaBoxes: getMetaBoxesPerLocation( location ),\n\t\t\t\tareMetaBoxesInitialized: _areMetaBoxesInitialized(),\n\t\t\t\tisEditorReady: __unstableIsEditorReady(),\n\t\t\t};\n\t\t},\n\t\t[ location ]\n\t);\n\n\t// When editor is ready, initialize postboxes (wp core script) and metabox\n\t// saving. This initializes all meta box locations, not just this specific\n\t// one.\n\tuseEffect( () => {\n\t\tif ( isEditorReady && ! areMetaBoxesInitialized ) {\n\t\t\tregistry.dispatch( editPostStore ).initializeMetaBoxes();\n\t\t}\n\t}, [ isEditorReady, areMetaBoxesInitialized ] );\n\n\tif ( ! areMetaBoxesInitialized ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ ( metaBoxes ?? [] ).map( ( { id } ) => (\n\t\t\t\t<MetaBoxVisibility key={ id } id={ id } />\n\t\t\t) ) }\n\t\t\t<MetaBoxesArea location={ location } />\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/meta-boxes/index.js"],"names":["MetaBoxes","location","registry","metaBoxes","areMetaBoxesInitialized","isEditorReady","select","__unstableIsEditorReady","editorStore","getMetaBoxesPerLocation","_areMetaBoxesInitialized","editPostStore","dispatch","initializeMetaBoxes","map","id"],"mappings":";;;;;;;;;AAIA;;AADA;;AAEA;;AAKA;;AACA;;AACA;;AAZA;AACA;AACA;;AAKA;AACA;AACA;AAKe,SAASA,SAAT,CAAoB;AAAEC,EAAAA;AAAF,CAApB,EAAmC;AACjD,QAAMC,QAAQ,GAAG,wBAAjB;AACA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,uBAAb;AAAsCC,IAAAA;AAAtC,MAAwD,qBAC3DC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAA8BD,MAAM,CAAEE,aAAF,CAA1C;AACA,UAAM;AACLC,MAAAA,uBADK;AAELL,MAAAA,uBAAuB,EAAEM;AAFpB,QAGFJ,MAAM,CAAEK,YAAF,CAHV;AAIA,WAAO;AACNR,MAAAA,SAAS,EAAEM,uBAAuB,CAAER,QAAF,CAD5B;AAENG,MAAAA,uBAAuB,EAAEM,wBAAwB,EAF3C;AAGNL,MAAAA,aAAa,EAAEE,uBAAuB;AAHhC,KAAP;AAKA,GAZ4D,EAa7D,CAAEN,QAAF,CAb6D,CAA9D,CAFiD,CAkBjD;AACA;AACA;;AACA,0BAAW,MAAM;AAChB,QAAKI,aAAa,IAAI,CAAED,uBAAxB,EAAkD;AACjDF,MAAAA,QAAQ,CAACU,QAAT,CAAmBD,YAAnB,EAAmCE,mBAAnC;AACA;AACD,GAJD,EAIG,CAAER,aAAF,EAAiBD,uBAAjB,CAJH;;AAMA,MAAK,CAAEA,uBAAP,EAAiC;AAChC,WAAO,IAAP;AACA;;AAED,SACC,qDACG,CAAED,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,EAAf,EAAoBW,GAApB,CAAyB,CAAE;AAAEC,IAAAA;AAAF,GAAF,KAC1B,4BAAC,0BAAD;AAAmB,IAAA,GAAG,EAAGA,EAAzB;AAA8B,IAAA,EAAE,EAAGA;AAAnC,IADC,CADH,EAIC,4BAAC,sBAAD;AAAe,IAAA,QAAQ,EAAGd;AAA1B,IAJD,CADD;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useRegistry } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport MetaBoxesArea from './meta-boxes-area';\nimport MetaBoxVisibility from './meta-box-visibility';\nimport { store as editPostStore } from '../../store';\n\nexport default function MetaBoxes( { location } ) {\n\tconst registry = useRegistry();\n\tconst { metaBoxes, areMetaBoxesInitialized, isEditorReady } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { __unstableIsEditorReady } = select( editorStore );\n\t\t\tconst {\n\t\t\t\tgetMetaBoxesPerLocation,\n\t\t\t\tareMetaBoxesInitialized: _areMetaBoxesInitialized,\n\t\t\t} = select( editPostStore );\n\t\t\treturn {\n\t\t\t\tmetaBoxes: getMetaBoxesPerLocation( location ),\n\t\t\t\tareMetaBoxesInitialized: _areMetaBoxesInitialized(),\n\t\t\t\tisEditorReady: __unstableIsEditorReady(),\n\t\t\t};\n\t\t},\n\t\t[ location ]\n\t);\n\n\t// When editor is ready, initialize postboxes (wp core script) and metabox\n\t// saving. This initializes all meta box locations, not just this specific\n\t// one.\n\tuseEffect( () => {\n\t\tif ( isEditorReady && ! areMetaBoxesInitialized ) {\n\t\t\tregistry.dispatch( editPostStore ).initializeMetaBoxes();\n\t\t}\n\t}, [ isEditorReady, areMetaBoxesInitialized ] );\n\n\tif ( ! areMetaBoxesInitialized ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ ( metaBoxes ?? [] ).map( ( { id } ) => (\n\t\t\t\t<MetaBoxVisibility key={ id } id={ id } />\n\t\t\t) ) }\n\t\t\t<MetaBoxesArea location={ location } />\n\t\t</>\n\t);\n}\n"]}

package/build/components/meta-boxes/meta-box-visibility.js

@@ -53,14 +53,11 @@ class MetaBoxVisibility extends _element.Component {
 
 }
 
-var _default = (0, _data.withSelect)((select, _ref) => {
-  let {
-    id
-  } = _ref;
-  return {
-    isVisible: select(_store.store).isEditorPanelEnabled(`meta-box-${id}`)
-  };
-})(MetaBoxVisibility);
+var _default = (0, _data.withSelect)((select, {
+  id
+}) => ({
+  isVisible: select(_store.store).isEditorPanelEnabled(`meta-box-${id}`)
+}))(MetaBoxVisibility);
 
 exports.default = _default;
 //# sourceMappingURL=meta-box-visibility.js.map

package/build/components/meta-boxes/meta-box-visibility.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/meta-boxes/meta-box-visibility.js"],"names":["MetaBoxVisibility","Component","componentDidMount","updateDOM","componentDidUpdate","prevProps","props","isVisible","id","element","document","getElementById","classList","remove","add","render","select","editPostStore","isEditorPanelEnabled"],"mappings":";;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,iBAAN,SAAgCC,kBAAhC,CAA0C;AACzCC,EAAAA,iBAAiB,GAAG;AACnB,SAAKC,SAAL;AACA;;AAEDC,EAAAA,kBAAkB,CAAEC,SAAF,EAAc;AAC/B,QAAK,KAAKC,KAAL,CAAWC,SAAX,KAAyBF,SAAS,CAACE,SAAxC,EAAoD;AACnD,WAAKJ,SAAL;AACA;AACD;;AAEDA,EAAAA,SAAS,GAAG;AACX,UAAM;AAAEK,MAAAA,EAAF;AAAMD,MAAAA;AAAN,QAAoB,KAAKD,KAA/B;AAEA,UAAMG,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAyBH,EAAzB,CAAhB;;AACA,QAAK,CAAEC,OAAP,EAAiB;AAChB;AACA;;AAED,QAAKF,SAAL,EAAiB;AAChBE,MAAAA,OAAO,CAACG,SAAR,CAAkBC,MAAlB,CAA0B,WAA1B;AACA,KAFD,MAEO;AACNJ,MAAAA,OAAO,CAACG,SAAR,CAAkBE,GAAlB,CAAuB,WAAvB;AACA;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACR,WAAO,IAAP;AACA;;AA5BwC;;eA+B3B,sBAAY,CAAEC,MAAF;AAAA,MAAU;AAAER,IAAAA;AAAF,GAAV;AAAA,SAAwB;AAClDD,IAAAA,SAAS,EAAES,MAAM,CAAEC,YAAF,CAAN,CAAwBC,oBAAxB,CACT,YAAYV,EAAI,EADP;AADuC,GAAxB;AAAA,CAAZ,EAIRR,iBAJQ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\n\nclass MetaBoxVisibility extends Component {\n\tcomponentDidMount() {\n\t\tthis.updateDOM();\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( this.props.isVisible !== prevProps.isVisible ) {\n\t\t\tthis.updateDOM();\n\t\t}\n\t}\n\n\tupdateDOM() {\n\t\tconst { id, isVisible } = this.props;\n\n\t\tconst element = document.getElementById( id );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isVisible ) {\n\t\t\telement.classList.remove( 'is-hidden' );\n\t\t} else {\n\t\t\telement.classList.add( 'is-hidden' );\n\t\t}\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nexport default withSelect( ( select, { id } ) => ( {\n\tisVisible: select( editPostStore ).isEditorPanelEnabled(\n\t\t`meta-box-${ id }`\n\t),\n} ) )( MetaBoxVisibility );\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/meta-boxes/meta-box-visibility.js"],"names":["MetaBoxVisibility","Component","componentDidMount","updateDOM","componentDidUpdate","prevProps","props","isVisible","id","element","document","getElementById","classList","remove","add","render","select","editPostStore","isEditorPanelEnabled"],"mappings":";;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,iBAAN,SAAgCC,kBAAhC,CAA0C;AACzCC,EAAAA,iBAAiB,GAAG;AACnB,SAAKC,SAAL;AACA;;AAEDC,EAAAA,kBAAkB,CAAEC,SAAF,EAAc;AAC/B,QAAK,KAAKC,KAAL,CAAWC,SAAX,KAAyBF,SAAS,CAACE,SAAxC,EAAoD;AACnD,WAAKJ,SAAL;AACA;AACD;;AAEDA,EAAAA,SAAS,GAAG;AACX,UAAM;AAAEK,MAAAA,EAAF;AAAMD,MAAAA;AAAN,QAAoB,KAAKD,KAA/B;AAEA,UAAMG,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAyBH,EAAzB,CAAhB;;AACA,QAAK,CAAEC,OAAP,EAAiB;AAChB;AACA;;AAED,QAAKF,SAAL,EAAiB;AAChBE,MAAAA,OAAO,CAACG,SAAR,CAAkBC,MAAlB,CAA0B,WAA1B;AACA,KAFD,MAEO;AACNJ,MAAAA,OAAO,CAACG,SAAR,CAAkBE,GAAlB,CAAuB,WAAvB;AACA;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACR,WAAO,IAAP;AACA;;AA5BwC;;eA+B3B,sBAAY,CAAEC,MAAF,EAAU;AAAER,EAAAA;AAAF,CAAV,MAAwB;AAClDD,EAAAA,SAAS,EAAES,MAAM,CAAEC,YAAF,CAAN,CAAwBC,oBAAxB,CACT,YAAYV,EAAI,EADP;AADuC,CAAxB,CAAZ,EAIRR,iBAJQ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\n\nclass MetaBoxVisibility extends Component {\n\tcomponentDidMount() {\n\t\tthis.updateDOM();\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( this.props.isVisible !== prevProps.isVisible ) {\n\t\t\tthis.updateDOM();\n\t\t}\n\t}\n\n\tupdateDOM() {\n\t\tconst { id, isVisible } = this.props;\n\n\t\tconst element = document.getElementById( id );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isVisible ) {\n\t\t\telement.classList.remove( 'is-hidden' );\n\t\t} else {\n\t\t\telement.classList.add( 'is-hidden' );\n\t\t}\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nexport default withSelect( ( select, { id } ) => ( {\n\tisVisible: select( editPostStore ).isEditorPanelEnabled(\n\t\t`meta-box-${ id }`\n\t),\n} ) )( MetaBoxVisibility );\n"]}

package/build/components/meta-boxes/meta-boxes-area/index.js

@@ -36,10 +36,9 @@ var _store = require("../../../store");
  * @param {string} props.location metabox location.
  * @return {WPComponent} The component to be rendered.
  */
-function MetaBoxesArea(_ref) {
-  let {
-    location
-  } = _ref;
+function MetaBoxesArea({
+  location
+}) {
   const container = (0, _element.useRef)(null);
   const formRef = (0, _element.useRef)(null);
   (0, _element.useEffect)(() => {

package/build/components/meta-boxes/meta-boxes-area/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/meta-boxes/meta-boxes-area/index.js"],"names":["MetaBoxesArea","location","container","formRef","current","document","querySelector","appendChild","isSaving","select","editPostStore","isSavingMetaBoxes","classes"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAT,OAAuC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACtC,QAAMC,SAAS,GAAG,qBAAQ,IAAR,CAAlB;AACA,QAAMC,OAAO,GAAG,qBAAQ,IAAR,CAAhB;AAEA,0BAAW,MAAM;AAChBA,IAAAA,OAAO,CAACC,OAAR,GAAkBC,QAAQ,CAACC,aAAT,CACjB,uBAAuBL,QADN,CAAlB;;AAIA,QAAKE,OAAO,CAACC,OAAb,EAAuB;AACtBF,MAAAA,SAAS,CAACE,OAAV,CAAkBG,WAAlB,CAA+BJ,OAAO,CAACC,OAAvC;AACA;;AAED,WAAO,MAAM;AACZ,UAAKD,OAAO,CAACC,OAAb,EAAuB;AACtBC,QAAAA,QAAQ,CACNC,aADF,CACiB,YADjB,EAEEC,WAFF,CAEeJ,OAAO,CAACC,OAFvB;AAGA;AACD,KAND;AAOA,GAhBD,EAgBG,CAAEH,QAAF,CAhBH;AAkBA,QAAMO,QAAQ,GAAG,qBAAaC,MAAF,IAAc;AACzC,WAAOA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,iBAAxB,EAAP;AACA,GAFgB,EAEd,EAFc,CAAjB;AAIA,QAAMC,OAAO,GAAG,yBACf,2BADe,EAEd,MAAMX,QAAU,EAFF,EAGf;AACC,kBAAcO;AADf,GAHe,CAAhB;AAQA,SACC;AAAK,IAAA,SAAS,EAAGI;AAAjB,KACGJ,QAAQ,IAAI,4BAAC,mBAAD,OADf,EAEC;AACC,IAAA,SAAS,EAAC,sCADX;AAEC,IAAA,GAAG,EAAGN;AAFP,IAFD,EAMC;AAAK,IAAA,SAAS,EAAC;AAAf,IAND,CADD;AAUA;;eAEcF,a","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { Spinner } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Render metabox area.\n *\n * @param {Object} props          Component props.\n * @param {string} props.location metabox location.\n * @return {WPComponent} The component to be rendered.\n */\nfunction MetaBoxesArea( { location } ) {\n\tconst container = useRef( null );\n\tconst formRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tformRef.current = document.querySelector(\n\t\t\t'.metabox-location-' + location\n\t\t);\n\n\t\tif ( formRef.current ) {\n\t\t\tcontainer.current.appendChild( formRef.current );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( formRef.current ) {\n\t\t\t\tdocument\n\t\t\t\t\t.querySelector( '#metaboxes' )\n\t\t\t\t\t.appendChild( formRef.current );\n\t\t\t}\n\t\t};\n\t}, [ location ] );\n\n\tconst isSaving = useSelect( ( select ) => {\n\t\treturn select( editPostStore ).isSavingMetaBoxes();\n\t}, [] );\n\n\tconst classes = classnames(\n\t\t'edit-post-meta-boxes-area',\n\t\t`is-${ location }`,\n\t\t{\n\t\t\t'is-loading': isSaving,\n\t\t}\n\t);\n\n\treturn (\n\t\t<div className={ classes }>\n\t\t\t{ isSaving && <Spinner /> }\n\t\t\t<div\n\t\t\t\tclassName=\"edit-post-meta-boxes-area__container\"\n\t\t\t\tref={ container }\n\t\t\t/>\n\t\t\t<div className=\"edit-post-meta-boxes-area__clear\" />\n\t\t</div>\n\t);\n}\n\nexport default MetaBoxesArea;\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/meta-boxes/meta-boxes-area/index.js"],"names":["MetaBoxesArea","location","container","formRef","current","document","querySelector","appendChild","isSaving","select","editPostStore","isSavingMetaBoxes","classes"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAT,CAAwB;AAAEC,EAAAA;AAAF,CAAxB,EAAuC;AACtC,QAAMC,SAAS,GAAG,qBAAQ,IAAR,CAAlB;AACA,QAAMC,OAAO,GAAG,qBAAQ,IAAR,CAAhB;AAEA,0BAAW,MAAM;AAChBA,IAAAA,OAAO,CAACC,OAAR,GAAkBC,QAAQ,CAACC,aAAT,CACjB,uBAAuBL,QADN,CAAlB;;AAIA,QAAKE,OAAO,CAACC,OAAb,EAAuB;AACtBF,MAAAA,SAAS,CAACE,OAAV,CAAkBG,WAAlB,CAA+BJ,OAAO,CAACC,OAAvC;AACA;;AAED,WAAO,MAAM;AACZ,UAAKD,OAAO,CAACC,OAAb,EAAuB;AACtBC,QAAAA,QAAQ,CACNC,aADF,CACiB,YADjB,EAEEC,WAFF,CAEeJ,OAAO,CAACC,OAFvB;AAGA;AACD,KAND;AAOA,GAhBD,EAgBG,CAAEH,QAAF,CAhBH;AAkBA,QAAMO,QAAQ,GAAG,qBAAaC,MAAF,IAAc;AACzC,WAAOA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,iBAAxB,EAAP;AACA,GAFgB,EAEd,EAFc,CAAjB;AAIA,QAAMC,OAAO,GAAG,yBACf,2BADe,EAEd,MAAMX,QAAU,EAFF,EAGf;AACC,kBAAcO;AADf,GAHe,CAAhB;AAQA,SACC;AAAK,IAAA,SAAS,EAAGI;AAAjB,KACGJ,QAAQ,IAAI,4BAAC,mBAAD,OADf,EAEC;AACC,IAAA,SAAS,EAAC,sCADX;AAEC,IAAA,GAAG,EAAGN;AAFP,IAFD,EAMC;AAAK,IAAA,SAAS,EAAC;AAAf,IAND,CADD;AAUA;;eAEcF,a","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { Spinner } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Render metabox area.\n *\n * @param {Object} props          Component props.\n * @param {string} props.location metabox location.\n * @return {WPComponent} The component to be rendered.\n */\nfunction MetaBoxesArea( { location } ) {\n\tconst container = useRef( null );\n\tconst formRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tformRef.current = document.querySelector(\n\t\t\t'.metabox-location-' + location\n\t\t);\n\n\t\tif ( formRef.current ) {\n\t\t\tcontainer.current.appendChild( formRef.current );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( formRef.current ) {\n\t\t\t\tdocument\n\t\t\t\t\t.querySelector( '#metaboxes' )\n\t\t\t\t\t.appendChild( formRef.current );\n\t\t\t}\n\t\t};\n\t}, [ location ] );\n\n\tconst isSaving = useSelect( ( select ) => {\n\t\treturn select( editPostStore ).isSavingMetaBoxes();\n\t}, [] );\n\n\tconst classes = classnames(\n\t\t'edit-post-meta-boxes-area',\n\t\t`is-${ location }`,\n\t\t{\n\t\t\t'is-loading': isSaving,\n\t\t}\n\t);\n\n\treturn (\n\t\t<div className={ classes }>\n\t\t\t{ isSaving && <Spinner /> }\n\t\t\t<div\n\t\t\t\tclassName=\"edit-post-meta-boxes-area__container\"\n\t\t\t\tref={ container }\n\t\t\t/>\n\t\t\t<div className=\"edit-post-meta-boxes-area__clear\" />\n\t\t</div>\n\t);\n}\n\nexport default MetaBoxesArea;\n"]}

package/build/components/preferences-modal/meta-boxes-section.js

@@ -27,37 +27,31 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-function MetaBoxesSection(_ref) {
-  let {
-    areCustomFieldsRegistered,
-    metaBoxes,
-    ...sectionProps
-  } = _ref;
+function MetaBoxesSection({
+  areCustomFieldsRegistered,
+  metaBoxes,
+  ...sectionProps
+}) {
   // The 'Custom Fields' meta box is a special case that we handle separately.
-  const thirdPartyMetaBoxes = metaBoxes.filter(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return id !== 'postcustom';
-  });
+  const thirdPartyMetaBoxes = metaBoxes.filter(({
+    id
+  }) => id !== 'postcustom');
 
   if (!areCustomFieldsRegistered && thirdPartyMetaBoxes.length === 0) {
     return null;
   }
 
-  return (0, _element.createElement)(_interface.PreferencesModalSection, sectionProps, areCustomFieldsRegistered && (0, _element.createElement)(_options.EnableCustomFieldsOption, {
+  return (0, _element.createElement)(_interface.PreferencesModalSection, { ...sectionProps
+  }, areCustomFieldsRegistered && (0, _element.createElement)(_options.EnableCustomFieldsOption, {
     label: (0, _i18n.__)('Custom fields')
-  }), thirdPartyMetaBoxes.map(_ref3 => {
-    let {
-      id,
-      title
-    } = _ref3;
-    return (0, _element.createElement)(_options.EnablePanelOption, {
-      key: id,
-      label: title,
-      panelName: `meta-box-${id}`
-    });
-  }));
+  }), thirdPartyMetaBoxes.map(({
+    id,
+    title
+  }) => (0, _element.createElement)(_options.EnablePanelOption, {
+    key: id,
+    label: title,
+    panelName: `meta-box-${id}`
+  })));
 }
 
 var _default = (0, _data.withSelect)(select => {

package/build/components/preferences-modal/meta-boxes-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/meta-boxes-section.js"],"names":["MetaBoxesSection","areCustomFieldsRegistered","metaBoxes","sectionProps","thirdPartyMetaBoxes","filter","id","length","map","title","select","getEditorSettings","editorStore","getAllMetaBoxes","editPostStore","enableCustomFields","undefined"],"mappings":";;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAZA;AACA;AACA;;AAMA;AACA;AACA;AAIO,SAASA,gBAAT,OAIH;AAAA,MAJ8B;AACjCC,IAAAA,yBADiC;AAEjCC,IAAAA,SAFiC;AAGjC,OAAGC;AAH8B,GAI9B;AACH;AACA,QAAMC,mBAAmB,GAAGF,SAAS,CAACG,MAAV,CAC3B;AAAA,QAAE;AAAEC,MAAAA;AAAF,KAAF;AAAA,WAAcA,EAAE,KAAK,YAArB;AAAA,GAD2B,CAA5B;;AAIA,MAAK,CAAEL,yBAAF,IAA+BG,mBAAmB,CAACG,MAApB,KAA+B,CAAnE,EAAuE;AACtE,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,kCAAD,EAA8BJ,YAA9B,EACGF,yBAAyB,IAC1B,4BAAC,iCAAD;AAA0B,IAAA,KAAK,EAAG,cAAI,eAAJ;AAAlC,IAFF,EAIGG,mBAAmB,CAACI,GAApB,CAAyB;AAAA,QAAE;AAAEF,MAAAA,EAAF;AAAMG,MAAAA;AAAN,KAAF;AAAA,WAC1B,4BAAC,0BAAD;AACC,MAAA,GAAG,EAAGH,EADP;AAEC,MAAA,KAAK,EAAGG,KAFT;AAGC,MAAA,SAAS,EAAI,YAAYH,EAAI;AAH9B,MAD0B;AAAA,GAAzB,CAJH,CADD;AAcA;;eAEc,sBAAcI,MAAF,IAAc;AACxC,QAAM;AAAEC,IAAAA;AAAF,MAAwBD,MAAM,CAAEE,aAAF,CAApC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAsBH,MAAM,CAAEI,YAAF,CAAlC;AAEA,SAAO;AACN;AACAb,IAAAA,yBAAyB,EACxBU,iBAAiB,GAAGI,kBAApB,KAA2CC,SAHtC;AAINd,IAAAA,SAAS,EAAEW,eAAe;AAJpB,GAAP;AAMA,CAVc,EAUVb,gBAVU,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { withSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { PreferencesModalSection } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { EnableCustomFieldsOption, EnablePanelOption } from './options';\nimport { store as editPostStore } from '../../store';\n\nexport function MetaBoxesSection( {\n\tareCustomFieldsRegistered,\n\tmetaBoxes,\n\t...sectionProps\n} ) {\n\t// The 'Custom Fields' meta box is a special case that we handle separately.\n\tconst thirdPartyMetaBoxes = metaBoxes.filter(\n\t\t( { id } ) => id !== 'postcustom'\n\t);\n\n\tif ( ! areCustomFieldsRegistered && thirdPartyMetaBoxes.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PreferencesModalSection { ...sectionProps }>\n\t\t\t{ areCustomFieldsRegistered && (\n\t\t\t\t<EnableCustomFieldsOption label={ __( 'Custom fields' ) } />\n\t\t\t) }\n\t\t\t{ thirdPartyMetaBoxes.map( ( { id, title } ) => (\n\t\t\t\t<EnablePanelOption\n\t\t\t\t\tkey={ id }\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tpanelName={ `meta-box-${ id }` }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</PreferencesModalSection>\n\t);\n}\n\nexport default withSelect( ( select ) => {\n\tconst { getEditorSettings } = select( editorStore );\n\tconst { getAllMetaBoxes } = select( editPostStore );\n\n\treturn {\n\t\t// This setting should not live in the block editor's store.\n\t\tareCustomFieldsRegistered:\n\t\t\tgetEditorSettings().enableCustomFields !== undefined,\n\t\tmetaBoxes: getAllMetaBoxes(),\n\t};\n} )( MetaBoxesSection );\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/meta-boxes-section.js"],"names":["MetaBoxesSection","areCustomFieldsRegistered","metaBoxes","sectionProps","thirdPartyMetaBoxes","filter","id","length","map","title","select","getEditorSettings","editorStore","getAllMetaBoxes","editPostStore","enableCustomFields","undefined"],"mappings":";;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAZA;AACA;AACA;;AAMA;AACA;AACA;AAIO,SAASA,gBAAT,CAA2B;AACjCC,EAAAA,yBADiC;AAEjCC,EAAAA,SAFiC;AAGjC,KAAGC;AAH8B,CAA3B,EAIH;AACH;AACA,QAAMC,mBAAmB,GAAGF,SAAS,CAACG,MAAV,CAC3B,CAAE;AAAEC,IAAAA;AAAF,GAAF,KAAcA,EAAE,KAAK,YADM,CAA5B;;AAIA,MAAK,CAAEL,yBAAF,IAA+BG,mBAAmB,CAACG,MAApB,KAA+B,CAAnE,EAAuE;AACtE,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,kCAAD,OAA8BJ;AAA9B,KACGF,yBAAyB,IAC1B,4BAAC,iCAAD;AAA0B,IAAA,KAAK,EAAG,cAAI,eAAJ;AAAlC,IAFF,EAIGG,mBAAmB,CAACI,GAApB,CAAyB,CAAE;AAAEF,IAAAA,EAAF;AAAMG,IAAAA;AAAN,GAAF,KAC1B,4BAAC,0BAAD;AACC,IAAA,GAAG,EAAGH,EADP;AAEC,IAAA,KAAK,EAAGG,KAFT;AAGC,IAAA,SAAS,EAAI,YAAYH,EAAI;AAH9B,IADC,CAJH,CADD;AAcA;;eAEc,sBAAcI,MAAF,IAAc;AACxC,QAAM;AAAEC,IAAAA;AAAF,MAAwBD,MAAM,CAAEE,aAAF,CAApC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAsBH,MAAM,CAAEI,YAAF,CAAlC;AAEA,SAAO;AACN;AACAb,IAAAA,yBAAyB,EACxBU,iBAAiB,GAAGI,kBAApB,KAA2CC,SAHtC;AAINd,IAAAA,SAAS,EAAEW,eAAe;AAJpB,GAAP;AAMA,CAVc,EAUVb,gBAVU,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { withSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { PreferencesModalSection } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { EnableCustomFieldsOption, EnablePanelOption } from './options';\nimport { store as editPostStore } from '../../store';\n\nexport function MetaBoxesSection( {\n\tareCustomFieldsRegistered,\n\tmetaBoxes,\n\t...sectionProps\n} ) {\n\t// The 'Custom Fields' meta box is a special case that we handle separately.\n\tconst thirdPartyMetaBoxes = metaBoxes.filter(\n\t\t( { id } ) => id !== 'postcustom'\n\t);\n\n\tif ( ! areCustomFieldsRegistered && thirdPartyMetaBoxes.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PreferencesModalSection { ...sectionProps }>\n\t\t\t{ areCustomFieldsRegistered && (\n\t\t\t\t<EnableCustomFieldsOption label={ __( 'Custom fields' ) } />\n\t\t\t) }\n\t\t\t{ thirdPartyMetaBoxes.map( ( { id, title } ) => (\n\t\t\t\t<EnablePanelOption\n\t\t\t\t\tkey={ id }\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tpanelName={ `meta-box-${ id }` }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</PreferencesModalSection>\n\t);\n}\n\nexport default withSelect( ( select ) => {\n\tconst { getEditorSettings } = select( editorStore );\n\tconst { getAllMetaBoxes } = select( editPostStore );\n\n\treturn {\n\t\t// This setting should not live in the block editor's store.\n\t\tareCustomFieldsRegistered:\n\t\t\tgetEditorSettings().enableCustomFields !== undefined,\n\t\tmetaBoxes: getAllMetaBoxes(),\n\t};\n} )( MetaBoxesSection );\n"]}

package/build/components/preferences-modal/options/enable-custom-fields.js

@@ -22,10 +22,9 @@ var _interface = require("@wordpress/interface");
 /**
  * WordPress dependencies
  */
-function CustomFieldsConfirmation(_ref) {
-  let {
-    willEnable
-  } = _ref;
+function CustomFieldsConfirmation({
+  willEnable
+}) {
   const [isReloading, setIsReloading] = (0, _element.useState)(false);
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("p", {
     className: "edit-post-preferences-modal__custom-fields-confirmation-message"
@@ -38,14 +37,13 @@ function CustomFieldsConfirmation(_ref) {
       setIsReloading(true);
       document.getElementById('toggle-custom-fields-form').submit();
     }
-  }, willEnable ? (0, _i18n.__)('Enable & Reload') : (0, _i18n.__)('Disable & Reload')));
+  }, willEnable ? (0, _i18n.__)('Show & Reload Page') : (0, _i18n.__)('Hide & Reload Page')));
 }
 
-function EnableCustomFieldsOption(_ref2) {
-  let {
-    label,
-    areCustomFieldsEnabled
-  } = _ref2;
+function EnableCustomFieldsOption({
+  label,
+  areCustomFieldsEnabled
+}) {
   const [isChecked, setIsChecked] = (0, _element.useState)(areCustomFieldsEnabled);
   return (0, _element.createElement)(_interface.___unstablePreferencesModalBaseOption, {
     label: label,

package/build/components/preferences-modal/options/enable-custom-fields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-custom-fields.js"],"names":["CustomFieldsConfirmation","willEnable","isReloading","setIsReloading","document","getElementById","submit","EnableCustomFieldsOption","label","areCustomFieldsEnabled","isChecked","setIsChecked","select","editorStore","getEditorSettings","enableCustomFields"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AARA;AACA;AACA;AAQO,SAASA,wBAAT,OAAoD;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC1D,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AAEA,SACC,qDACC;AAAG,IAAA,SAAS,EAAC;AAAb,KACG,cACD,8FADC,CADH,CADD,EAMC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,gEADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,MAAM,EAAGD,WAHV;AAIC,IAAA,QAAQ,EAAGA,WAJZ;AAKC,IAAA,OAAO,EAAG,MAAM;AACfC,MAAAA,cAAc,CAAE,IAAF,CAAd;AACAC,MAAAA,QAAQ,CACNC,cADF,CACkB,2BADlB,EAEEC,MAFF;AAGA;AAVF,KAYGL,UAAU,GACT,cAAI,iBAAJ,CADS,GAET,cAAI,kBAAJ,CAdJ,CAND,CADD;AAyBA;;AAEM,SAASM,wBAAT,QAAuE;AAAA,MAApC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAoC;AAC7E,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAUF,sBAAV,CAApC;AAEA,SACC,4BAAC,gDAAD;AACC,IAAA,KAAK,EAAGD,KADT;AAEC,IAAA,SAAS,EAAGE,SAFb;AAGC,IAAA,QAAQ,EAAGC;AAHZ,KAKGD,SAAS,KAAKD,sBAAd,IACD,4BAAC,wBAAD;AAA0B,IAAA,UAAU,EAAGC;AAAvC,IANF,CADD;AAWA;;eAEc,sBAAcE,MAAF,KAAgB;AAC1CH,EAAAA,sBAAsB,EACrB,CAAC,CAAEG,MAAM,CAAEC,aAAF,CAAN,CAAsBC,iBAAtB,GAA0CC;AAFJ,CAAhB,CAAZ,EAGRR,wBAHQ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\n\nexport function CustomFieldsConfirmation( { willEnable } ) {\n\tconst [ isReloading, setIsReloading ] = useState( false );\n\n\treturn (\n\t\t<>\n\t\t\t<p className=\"edit-post-preferences-modal__custom-fields-confirmation-message\">\n\t\t\t\t{ __(\n\t\t\t\t\t'A page reload is required for this change. Make sure your content is saved before reloading.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-post-preferences-modal__custom-fields-confirmation-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tisBusy={ isReloading }\n\t\t\t\tdisabled={ isReloading }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsReloading( true );\n\t\t\t\t\tdocument\n\t\t\t\t\t\t.getElementById( 'toggle-custom-fields-form' )\n\t\t\t\t\t\t.submit();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ willEnable\n\t\t\t\t\t? __( 'Enable & Reload' )\n\t\t\t\t\t: __( 'Disable & Reload' ) }\n\t\t\t</Button>\n\t\t</>\n\t);\n}\n\nexport function EnableCustomFieldsOption( { label, areCustomFieldsEnabled } ) {\n\tconst [ isChecked, setIsChecked ] = useState( areCustomFieldsEnabled );\n\n\treturn (\n\t\t<BaseOption\n\t\t\tlabel={ label }\n\t\t\tisChecked={ isChecked }\n\t\t\tonChange={ setIsChecked }\n\t\t>\n\t\t\t{ isChecked !== areCustomFieldsEnabled && (\n\t\t\t\t<CustomFieldsConfirmation willEnable={ isChecked } />\n\t\t\t) }\n\t\t</BaseOption>\n\t);\n}\n\nexport default withSelect( ( select ) => ( {\n\tareCustomFieldsEnabled:\n\t\t!! select( editorStore ).getEditorSettings().enableCustomFields,\n} ) )( EnableCustomFieldsOption );\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-custom-fields.js"],"names":["CustomFieldsConfirmation","willEnable","isReloading","setIsReloading","document","getElementById","submit","EnableCustomFieldsOption","label","areCustomFieldsEnabled","isChecked","setIsChecked","select","editorStore","getEditorSettings","enableCustomFields"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AARA;AACA;AACA;AAQO,SAASA,wBAAT,CAAmC;AAAEC,EAAAA;AAAF,CAAnC,EAAoD;AAC1D,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AAEA,SACC,qDACC;AAAG,IAAA,SAAS,EAAC;AAAb,KACG,cACD,8FADC,CADH,CADD,EAMC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,gEADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,MAAM,EAAGD,WAHV;AAIC,IAAA,QAAQ,EAAGA,WAJZ;AAKC,IAAA,OAAO,EAAG,MAAM;AACfC,MAAAA,cAAc,CAAE,IAAF,CAAd;AACAC,MAAAA,QAAQ,CACNC,cADF,CACkB,2BADlB,EAEEC,MAFF;AAGA;AAVF,KAYGL,UAAU,GACT,cAAI,oBAAJ,CADS,GAET,cAAI,oBAAJ,CAdJ,CAND,CADD;AAyBA;;AAEM,SAASM,wBAAT,CAAmC;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAnC,EAAuE;AAC7E,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAUF,sBAAV,CAApC;AAEA,SACC,4BAAC,gDAAD;AACC,IAAA,KAAK,EAAGD,KADT;AAEC,IAAA,SAAS,EAAGE,SAFb;AAGC,IAAA,QAAQ,EAAGC;AAHZ,KAKGD,SAAS,KAAKD,sBAAd,IACD,4BAAC,wBAAD;AAA0B,IAAA,UAAU,EAAGC;AAAvC,IANF,CADD;AAWA;;eAEc,sBAAcE,MAAF,KAAgB;AAC1CH,EAAAA,sBAAsB,EACrB,CAAC,CAAEG,MAAM,CAAEC,aAAF,CAAN,CAAsBC,iBAAtB,GAA0CC;AAFJ,CAAhB,CAAZ,EAGRR,wBAHQ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\n\nexport function CustomFieldsConfirmation( { willEnable } ) {\n\tconst [ isReloading, setIsReloading ] = useState( false );\n\n\treturn (\n\t\t<>\n\t\t\t<p className=\"edit-post-preferences-modal__custom-fields-confirmation-message\">\n\t\t\t\t{ __(\n\t\t\t\t\t'A page reload is required for this change. Make sure your content is saved before reloading.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-post-preferences-modal__custom-fields-confirmation-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tisBusy={ isReloading }\n\t\t\t\tdisabled={ isReloading }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsReloading( true );\n\t\t\t\t\tdocument\n\t\t\t\t\t\t.getElementById( 'toggle-custom-fields-form' )\n\t\t\t\t\t\t.submit();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ willEnable\n\t\t\t\t\t? __( 'Show & Reload Page' )\n\t\t\t\t\t: __( 'Hide & Reload Page' ) }\n\t\t\t</Button>\n\t\t</>\n\t);\n}\n\nexport function EnableCustomFieldsOption( { label, areCustomFieldsEnabled } ) {\n\tconst [ isChecked, setIsChecked ] = useState( areCustomFieldsEnabled );\n\n\treturn (\n\t\t<BaseOption\n\t\t\tlabel={ label }\n\t\t\tisChecked={ isChecked }\n\t\t\tonChange={ setIsChecked }\n\t\t>\n\t\t\t{ isChecked !== areCustomFieldsEnabled && (\n\t\t\t\t<CustomFieldsConfirmation willEnable={ isChecked } />\n\t\t\t) }\n\t\t</BaseOption>\n\t);\n}\n\nexport default withSelect( ( select ) => ( {\n\tareCustomFieldsEnabled:\n\t\t!! select( editorStore ).getEditorSettings().enableCustomFields,\n} ) )( EnableCustomFieldsOption );\n"]}

package/build/components/preferences-modal/options/enable-feature.js

@@ -20,28 +20,24 @@ var _store = require("../../../store");
 /**
  * Internal dependencies
  */
-var _default = (0, _compose.compose)((0, _data.withSelect)((select, _ref) => {
-  let {
-    featureName
-  } = _ref;
+var _default = (0, _compose.compose)((0, _data.withSelect)((select, {
+  featureName
+}) => {
   const {
     isFeatureActive
   } = select(_store.store);
   return {
     isChecked: isFeatureActive(featureName)
   };
-}), (0, _data.withDispatch)((dispatch, _ref2) => {
-  let {
-    featureName,
-    onToggle = () => {}
-  } = _ref2;
-  return {
-    onChange: () => {
-      onToggle();
-      dispatch(_store.store).toggleFeature(featureName);
-    }
-  };
-}))(_interface.___unstablePreferencesModalBaseOption);
+}), (0, _data.withDispatch)((dispatch, {
+  featureName,
+  onToggle = () => {}
+}) => ({
+  onChange: () => {
+    onToggle();
+    dispatch(_store.store).toggleFeature(featureName);
+  }
+})))(_interface.___unstablePreferencesModalBaseOption);
 
 exports.default = _default;
 //# sourceMappingURL=enable-feature.js.map

package/build/components/preferences-modal/options/enable-feature.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-feature.js"],"names":["select","featureName","isFeatureActive","editPostStore","isChecked","dispatch","onToggle","onChange","toggleFeature","BaseOption"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;eAGe,sBACd,sBAAY,CAAEA,MAAF,WAA+B;AAAA,MAArB;AAAEC,IAAAA;AAAF,GAAqB;AAC1C,QAAM;AAAEC,IAAAA;AAAF,MAAsBF,MAAM,CAAEG,YAAF,CAAlC;AACA,SAAO;AACNC,IAAAA,SAAS,EAAEF,eAAe,CAAED,WAAF;AADpB,GAAP;AAGA,CALD,CADc,EAOd,wBAAc,CAAEI,QAAF;AAAA,MAAY;AAAEJ,IAAAA,WAAF;AAAeK,IAAAA,QAAQ,GAAG,MAAM,CAAE;AAAlC,GAAZ;AAAA,SAAwD;AACrEC,IAAAA,QAAQ,EAAE,MAAM;AACfD,MAAAA,QAAQ;AACRD,MAAAA,QAAQ,CAAEF,YAAF,CAAR,CAA0BK,aAA1B,CAAyCP,WAAzC;AACA;AAJoE,GAAxD;AAAA,CAAd,CAPc,EAaZQ,gDAbY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nexport default compose(\n\twithSelect( ( select, { featureName } ) => {\n\t\tconst { isFeatureActive } = select( editPostStore );\n\t\treturn {\n\t\t\tisChecked: isFeatureActive( featureName ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { featureName, onToggle = () => {} } ) => ( {\n\t\tonChange: () => {\n\t\t\tonToggle();\n\t\t\tdispatch( editPostStore ).toggleFeature( featureName );\n\t\t},\n\t} ) )\n)( BaseOption );\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-feature.js"],"names":["select","featureName","isFeatureActive","editPostStore","isChecked","dispatch","onToggle","onChange","toggleFeature","BaseOption"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;eAGe,sBACd,sBAAY,CAAEA,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA+B;AAC1C,QAAM;AAAEC,IAAAA;AAAF,MAAsBF,MAAM,CAAEG,YAAF,CAAlC;AACA,SAAO;AACNC,IAAAA,SAAS,EAAEF,eAAe,CAAED,WAAF;AADpB,GAAP;AAGA,CALD,CADc,EAOd,wBAAc,CAAEI,QAAF,EAAY;AAAEJ,EAAAA,WAAF;AAAeK,EAAAA,QAAQ,GAAG,MAAM,CAAE;AAAlC,CAAZ,MAAwD;AACrEC,EAAAA,QAAQ,EAAE,MAAM;AACfD,IAAAA,QAAQ;AACRD,IAAAA,QAAQ,CAAEF,YAAF,CAAR,CAA0BK,aAA1B,CAAyCP,WAAzC;AACA;AAJoE,CAAxD,CAAd,CAPc,EAaZQ,gDAbY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nexport default compose(\n\twithSelect( ( select, { featureName } ) => {\n\t\tconst { isFeatureActive } = select( editPostStore );\n\t\treturn {\n\t\t\tisChecked: isFeatureActive( featureName ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { featureName, onToggle = () => {} } ) => ( {\n\t\tonChange: () => {\n\t\t\tonToggle();\n\t\t\tdispatch( editPostStore ).toggleFeature( featureName );\n\t\t},\n\t} ) )\n)( BaseOption );\n"]}

package/build/components/preferences-modal/options/enable-panel.js

@@ -20,10 +20,9 @@ var _store = require("../../../store");
 /**
  * Internal dependencies
  */
-var _default = (0, _compose.compose)((0, _data.withSelect)((select, _ref) => {
-  let {
-    panelName
-  } = _ref;
+var _default = (0, _compose.compose)((0, _data.withSelect)((select, {
+  panelName
+}) => {
   const {
     isEditorPanelEnabled,
     isEditorPanelRemoved
@@ -32,19 +31,13 @@ var _default = (0, _compose.compose)((0, _data.withSelect)((select, _ref) => {
     isRemoved: isEditorPanelRemoved(panelName),
     isChecked: isEditorPanelEnabled(panelName)
   };
-}), (0, _compose.ifCondition)(_ref2 => {
-  let {
-    isRemoved
-  } = _ref2;
-  return !isRemoved;
-}), (0, _data.withDispatch)((dispatch, _ref3) => {
-  let {
-    panelName
-  } = _ref3;
-  return {
-    onChange: () => dispatch(_store.store).toggleEditorPanelEnabled(panelName)
-  };
-}))(_interface.___unstablePreferencesModalBaseOption);
+}), (0, _compose.ifCondition)(({
+  isRemoved
+}) => !isRemoved), (0, _data.withDispatch)((dispatch, {
+  panelName
+}) => ({
+  onChange: () => dispatch(_store.store).toggleEditorPanelEnabled(panelName)
+})))(_interface.___unstablePreferencesModalBaseOption);
 
 exports.default = _default;
 //# sourceMappingURL=enable-panel.js.map

package/build/components/preferences-modal/options/enable-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-panel.js"],"names":["select","panelName","isEditorPanelEnabled","isEditorPanelRemoved","editPostStore","isRemoved","isChecked","dispatch","onChange","toggleEditorPanelEnabled","BaseOption"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;eAGe,sBACd,sBAAY,CAAEA,MAAF,WAA6B;AAAA,MAAnB;AAAEC,IAAAA;AAAF,GAAmB;AACxC,QAAM;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MACLH,MAAM,CAAEI,YAAF,CADP;AAEA,SAAO;AACNC,IAAAA,SAAS,EAAEF,oBAAoB,CAAEF,SAAF,CADzB;AAENK,IAAAA,SAAS,EAAEJ,oBAAoB,CAAED,SAAF;AAFzB,GAAP;AAIA,CAPD,CADc,EASd,0BAAa;AAAA,MAAE;AAAEI,IAAAA;AAAF,GAAF;AAAA,SAAqB,CAAEA,SAAvB;AAAA,CAAb,CATc,EAUd,wBAAc,CAAEE,QAAF;AAAA,MAAY;AAAEN,IAAAA;AAAF,GAAZ;AAAA,SAAiC;AAC9CO,IAAAA,QAAQ,EAAE,MACTD,QAAQ,CAAEH,YAAF,CAAR,CAA0BK,wBAA1B,CAAoDR,SAApD;AAF6C,GAAjC;AAAA,CAAd,CAVc,EAcZS,gDAdY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose, ifCondition } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nexport default compose(\n\twithSelect( ( select, { panelName } ) => {\n\t\tconst { isEditorPanelEnabled, isEditorPanelRemoved } =\n\t\t\tselect( editPostStore );\n\t\treturn {\n\t\t\tisRemoved: isEditorPanelRemoved( panelName ),\n\t\t\tisChecked: isEditorPanelEnabled( panelName ),\n\t\t};\n\t} ),\n\tifCondition( ( { isRemoved } ) => ! isRemoved ),\n\twithDispatch( ( dispatch, { panelName } ) => ( {\n\t\tonChange: () =>\n\t\t\tdispatch( editPostStore ).toggleEditorPanelEnabled( panelName ),\n\t} ) )\n)( BaseOption );\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-panel.js"],"names":["select","panelName","isEditorPanelEnabled","isEditorPanelRemoved","editPostStore","isRemoved","isChecked","dispatch","onChange","toggleEditorPanelEnabled","BaseOption"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;eAGe,sBACd,sBAAY,CAAEA,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA6B;AACxC,QAAM;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,MACLH,MAAM,CAAEI,YAAF,CADP;AAEA,SAAO;AACNC,IAAAA,SAAS,EAAEF,oBAAoB,CAAEF,SAAF,CADzB;AAENK,IAAAA,SAAS,EAAEJ,oBAAoB,CAAED,SAAF;AAFzB,GAAP;AAIA,CAPD,CADc,EASd,0BAAa,CAAE;AAAEI,EAAAA;AAAF,CAAF,KAAqB,CAAEA,SAApC,CATc,EAUd,wBAAc,CAAEE,QAAF,EAAY;AAAEN,EAAAA;AAAF,CAAZ,MAAiC;AAC9CO,EAAAA,QAAQ,EAAE,MACTD,QAAQ,CAAEH,YAAF,CAAR,CAA0BK,wBAA1B,CAAoDR,SAApD;AAF6C,CAAjC,CAAd,CAVc,EAcZS,gDAdY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose, ifCondition } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nexport default compose(\n\twithSelect( ( select, { panelName } ) => {\n\t\tconst { isEditorPanelEnabled, isEditorPanelRemoved } =\n\t\t\tselect( editPostStore );\n\t\treturn {\n\t\t\tisRemoved: isEditorPanelRemoved( panelName ),\n\t\t\tisChecked: isEditorPanelEnabled( panelName ),\n\t\t};\n\t} ),\n\tifCondition( ( { isRemoved } ) => ! isRemoved ),\n\twithDispatch( ( dispatch, { panelName } ) => ( {\n\t\tonChange: () =>\n\t\t\tdispatch( editPostStore ).toggleEditorPanelEnabled( panelName ),\n\t} ) )\n)( BaseOption );\n"]}

package/build/components/preferences-modal/options/enable-plugin-document-setting-panel.js

@@ -23,16 +23,13 @@ const {
   Slot
 } = (0, _components.createSlotFill)('EnablePluginDocumentSettingPanelOption');
 
-const EnablePluginDocumentSettingPanelOption = _ref => {
-  let {
-    label,
-    panelName
-  } = _ref;
-  return (0, _element.createElement)(Fill, null, (0, _element.createElement)(_index.EnablePanelOption, {
-    label: label,
-    panelName: panelName
-  }));
-};
+const EnablePluginDocumentSettingPanelOption = ({
+  label,
+  panelName
+}) => (0, _element.createElement)(Fill, null, (0, _element.createElement)(_index.EnablePanelOption, {
+  label: label,
+  panelName: panelName
+}));
 
 EnablePluginDocumentSettingPanelOption.Slot = Slot;
 var _default = EnablePluginDocumentSettingPanelOption;

package/build/components/preferences-modal/options/enable-plugin-document-setting-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-plugin-document-setting-panel.js"],"names":["Fill","Slot","EnablePluginDocumentSettingPanelOption","label","panelName"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCACtB,wCADsB,CAAvB;;AAIA,MAAMC,sCAAsC,GAAG;AAAA,MAAE;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAF;AAAA,SAC9C,4BAAC,IAAD,QACC,4BAAC,wBAAD;AAAmB,IAAA,KAAK,EAAGD,KAA3B;AAAmC,IAAA,SAAS,EAAGC;AAA/C,IADD,CAD8C;AAAA,CAA/C;;AAMAF,sCAAsC,CAACD,IAAvC,GAA8CA,IAA9C;eAEeC,sC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { EnablePanelOption } from './index';\n\nconst { Fill, Slot } = createSlotFill(\n\t'EnablePluginDocumentSettingPanelOption'\n);\n\nconst EnablePluginDocumentSettingPanelOption = ( { label, panelName } ) => (\n\t<Fill>\n\t\t<EnablePanelOption label={ label } panelName={ panelName } />\n\t</Fill>\n);\n\nEnablePluginDocumentSettingPanelOption.Slot = Slot;\n\nexport default EnablePluginDocumentSettingPanelOption;\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/enable-plugin-document-setting-panel.js"],"names":["Fill","Slot","EnablePluginDocumentSettingPanelOption","label","panelName"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCACtB,wCADsB,CAAvB;;AAIA,MAAMC,sCAAsC,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAF,KAC9C,4BAAC,IAAD,QACC,4BAAC,wBAAD;AAAmB,EAAA,KAAK,EAAGD,KAA3B;AAAmC,EAAA,SAAS,EAAGC;AAA/C,EADD,CADD;;AAMAF,sCAAsC,CAACD,IAAvC,GAA8CA,IAA9C;eAEeC,sC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { EnablePanelOption } from './index';\n\nconst { Fill, Slot } = createSlotFill(\n\t'EnablePluginDocumentSettingPanelOption'\n);\n\nconst EnablePluginDocumentSettingPanelOption = ( { label, panelName } ) => (\n\t<Fill>\n\t\t<EnablePanelOption label={ label } panelName={ panelName } />\n\t</Fill>\n);\n\nEnablePluginDocumentSettingPanelOption.Slot = Slot;\n\nexport default EnablePluginDocumentSettingPanelOption;\n"]}

package/build/components/secondary-sidebar/inserter-sidebar.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = InserterSidebar;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _data = require("@wordpress/data");
 
 var _components = require("@wordpress/components");
@@ -59,11 +55,11 @@ function InserterSidebar() {
   (0, _element.useEffect)(() => {
     libraryRef.current.focusSearch();
   }, []);
-  return (0, _element.createElement)("div", (0, _extends2.default)({
-    ref: inserterDialogRef
-  }, inserterDialogProps, {
+  return (0, _element.createElement)("div", {
+    ref: inserterDialogRef,
+    ...inserterDialogProps,
     className: "edit-post-editor__inserter-panel"
-  }), (0, _element.createElement)(TagName, {
+  }, (0, _element.createElement)(TagName, {
     className: "edit-post-editor__inserter-panel-header"
   }, (0, _element.createElement)(_components.Button, {
     icon: _icons.close,

package/build/components/secondary-sidebar/inserter-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/secondary-sidebar/inserter-sidebar.js"],"names":["InserterSidebar","insertionPoint","showMostUsedBlocks","select","isFeatureActive","__experimentalGetInsertionPoint","editPostStore","setIsInserterOpened","isMobileViewport","TagName","VisuallyHidden","inserterDialogRef","inserterDialogProps","onClose","focusOnMount","libraryRef","current","focusSearch","close","rootClientId","insertionIndex","filterValue"],"mappings":";;;;;;;;;AAYA;;;;AATA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AAMA;;AAjBA;AACA;AACA;;AAYA;AACA;AACA;AAGe,SAASA,eAAT,GAA2B;AACzC,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAyC,qBAAaC,MAAF,IAAc;AACvE,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QACLF,MAAM,CAAEG,YAAF,CADP;AAEA,WAAO;AACNL,MAAAA,cAAc,EAAEI,+BAA+B,EADzC;AAENH,MAAAA,kBAAkB,EAAEE,eAAe,CAAE,gBAAF;AAF7B,KAAP;AAIA,GAP8C,EAO5C,EAP4C,CAA/C;AAQA,QAAM;AAAEG,IAAAA;AAAF,MAA0B,uBAAaD,YAAb,CAAhC;AAEA,QAAME,gBAAgB,GAAG,+BAAkB,QAAlB,EAA4B,GAA5B,CAAzB;AACA,QAAMC,OAAO,GAAG,CAAED,gBAAF,GAAqBE,0BAArB,GAAsC,KAAtD;AACA,QAAM,CAAEC,iBAAF,EAAqBC,mBAArB,IAA6C,sCAAW;AAC7DC,IAAAA,OAAO,EAAE,MAAMN,mBAAmB,CAAE,KAAF,CAD2B;AAE7DO,IAAAA,YAAY,EAAE;AAF+C,GAAX,CAAnD;AAKA,QAAMC,UAAU,GAAG,sBAAnB;AACA,0BAAW,MAAM;AAChBA,IAAAA,UAAU,CAACC,OAAX,CAAmBC,WAAnB;AACA,GAFD,EAEG,EAFH;AAIA,SACC;AACC,IAAA,GAAG,EAAGN;AADP,KAEMC,mBAFN;AAGC,IAAA,SAAS,EAAC;AAHX,MAKC,4BAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KACC,4BAAC,kBAAD;AACC,IAAA,IAAI,EAAGM,YADR;AAEC,IAAA,KAAK,EAAG,cAAI,sBAAJ,CAFT;AAGC,IAAA,OAAO,EAAG,MAAMX,mBAAmB,CAAE,KAAF;AAHpC,IADD,CALD,EAYC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kCAAD;AACC,IAAA,kBAAkB,EAAGL,kBADtB;AAEC,IAAA,qBAAqB,MAFtB;AAGC,IAAA,gBAAgB,EAAGM,gBAHpB;AAIC,IAAA,YAAY,EAAGP,cAAc,CAACkB,YAJ/B;AAKC,IAAA,4BAA4B,EAC3BlB,cAAc,CAACmB,cANjB;AAQC,IAAA,yBAAyB,EAAGnB,cAAc,CAACoB,WAR5C;AASC,IAAA,GAAG,EAAGN;AATP,IADD,CAZD,CADD;AA4BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { close } from '@wordpress/icons';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst { insertionPoint, showMostUsedBlocks } = useSelect( ( select ) => {\n\t\tconst { isFeatureActive, __experimentalGetInsertionPoint } =\n\t\t\tselect( editPostStore );\n\t\treturn {\n\t\t\tinsertionPoint: __experimentalGetInsertionPoint(),\n\t\t\tshowMostUsedBlocks: isFeatureActive( 'mostUsedBlocks' ),\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened } = useDispatch( editPostStore );\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: () => setIsInserterOpened( false ),\n\t\tfocusOnMount: null,\n\t} );\n\n\tconst libraryRef = useRef();\n\tuseEffect( () => {\n\t\tlibraryRef.current.focusSearch();\n\t}, [] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-post-editor__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-post-editor__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t\tonClick={ () => setIsInserterOpened( false ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-post-editor__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalFilterValue={ insertionPoint.filterValue }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-post/src/components/secondary-sidebar/inserter-sidebar.js"],"names":["InserterSidebar","insertionPoint","showMostUsedBlocks","select","isFeatureActive","__experimentalGetInsertionPoint","editPostStore","setIsInserterOpened","isMobileViewport","TagName","VisuallyHidden","inserterDialogRef","inserterDialogProps","onClose","focusOnMount","libraryRef","current","focusSearch","close","rootClientId","insertionIndex","filterValue"],"mappings":";;;;;;;AAYA;;AATA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AAMA;;AAjBA;AACA;AACA;;AAYA;AACA;AACA;AAGe,SAASA,eAAT,GAA2B;AACzC,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAyC,qBAAaC,MAAF,IAAc;AACvE,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QACLF,MAAM,CAAEG,YAAF,CADP;AAEA,WAAO;AACNL,MAAAA,cAAc,EAAEI,+BAA+B,EADzC;AAENH,MAAAA,kBAAkB,EAAEE,eAAe,CAAE,gBAAF;AAF7B,KAAP;AAIA,GAP8C,EAO5C,EAP4C,CAA/C;AAQA,QAAM;AAAEG,IAAAA;AAAF,MAA0B,uBAAaD,YAAb,CAAhC;AAEA,QAAME,gBAAgB,GAAG,+BAAkB,QAAlB,EAA4B,GAA5B,CAAzB;AACA,QAAMC,OAAO,GAAG,CAAED,gBAAF,GAAqBE,0BAArB,GAAsC,KAAtD;AACA,QAAM,CAAEC,iBAAF,EAAqBC,mBAArB,IAA6C,sCAAW;AAC7DC,IAAAA,OAAO,EAAE,MAAMN,mBAAmB,CAAE,KAAF,CAD2B;AAE7DO,IAAAA,YAAY,EAAE;AAF+C,GAAX,CAAnD;AAKA,QAAMC,UAAU,GAAG,sBAAnB;AACA,0BAAW,MAAM;AAChBA,IAAAA,UAAU,CAACC,OAAX,CAAmBC,WAAnB;AACA,GAFD,EAEG,EAFH;AAIA,SACC;AACC,IAAA,GAAG,EAAGN,iBADP;AAAA,OAEMC,mBAFN;AAGC,IAAA,SAAS,EAAC;AAHX,KAKC,4BAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KACC,4BAAC,kBAAD;AACC,IAAA,IAAI,EAAGM,YADR;AAEC,IAAA,KAAK,EAAG,cAAI,sBAAJ,CAFT;AAGC,IAAA,OAAO,EAAG,MAAMX,mBAAmB,CAAE,KAAF;AAHpC,IADD,CALD,EAYC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kCAAD;AACC,IAAA,kBAAkB,EAAGL,kBADtB;AAEC,IAAA,qBAAqB,MAFtB;AAGC,IAAA,gBAAgB,EAAGM,gBAHpB;AAIC,IAAA,YAAY,EAAGP,cAAc,CAACkB,YAJ/B;AAKC,IAAA,4BAA4B,EAC3BlB,cAAc,CAACmB,cANjB;AAQC,IAAA,yBAAyB,EAAGnB,cAAc,CAACoB,WAR5C;AASC,IAAA,GAAG,EAAGN;AATP,IADD,CAZD,CADD;AA4BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { close } from '@wordpress/icons';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst { insertionPoint, showMostUsedBlocks } = useSelect( ( select ) => {\n\t\tconst { isFeatureActive, __experimentalGetInsertionPoint } =\n\t\t\tselect( editPostStore );\n\t\treturn {\n\t\t\tinsertionPoint: __experimentalGetInsertionPoint(),\n\t\t\tshowMostUsedBlocks: isFeatureActive( 'mostUsedBlocks' ),\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened } = useDispatch( editPostStore );\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: () => setIsInserterOpened( false ),\n\t\tfocusOnMount: null,\n\t} );\n\n\tconst libraryRef = useRef();\n\tuseEffect( () => {\n\t\tlibraryRef.current.focusSearch();\n\t}, [] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-post-editor__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-post-editor__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t\tonClick={ () => setIsInserterOpened( false ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-post-editor__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalFilterValue={ insertionPoint.filterValue }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build/components/secondary-sidebar/list-view-sidebar.js

@@ -9,8 +9,6 @@ exports.default = ListViewSidebar;
 
 var _element = require("@wordpress/element");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _blockEditor = require("@wordpress/block-editor");
 
 var _components = require("@wordpress/components");
@@ -33,10 +31,6 @@ var _store = require("../../store");
 
 var _listViewOutline = _interopRequireDefault(require("./list-view-outline"));
 
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -47,8 +41,10 @@ var _listViewOutline = _interopRequireDefault(require("./list-view-outline"));
 function ListViewSidebar() {
   const {
     setIsListViewOpened
-  } = (0, _data.useDispatch)(_store.store);
-  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement');
+  } = (0, _data.useDispatch)(_store.store); // This hook handles focus when the sidebar first renders.
+
+  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement'); // The next 2 hooks handle focus for when the sidebar closes and returning focus to the element that had focus before sidebar opened.
+
   const headerFocusReturnRef = (0, _compose.useFocusReturn)();
   const contentFocusReturnRef = (0, _compose.useFocusReturn)();
 
@@ -57,17 +53,21 @@ function ListViewSidebar() {
       event.preventDefault();
       setIsListViewOpened(false);
     }
-  }
+  } // Use internal state instead of a ref to make sure that the component
+  // re-renders when the dropZoneElement updates.
+
+
+  const [dropZoneElement, setDropZoneElement] = (0, _element.useState)(null); // Tracks our current tab.
 
   const [tab, setTab] = (0, _element.useState)('list-view'); // This ref refers to the sidebar as a whole.
 
-  const sidebarRef = (0, _element.useRef)(); // This ref refers to the list view tab button.
+  const sidebarRef = (0, _element.useRef)(); // This ref refers to the tab panel.
 
-  const listViewTabRef = (0, _element.useRef)(); // This ref refers to the outline tab button.
+  const tabPanelRef = (0, _element.useRef)(); // This ref refers to the list view application area.
 
-  const outlineTabRef = (0, _element.useRef)(); // This ref refers to the list view application area.
+  const listViewRef = (0, _element.useRef)(); // Must merge the refs together so focus can be handled properly in the next function.
 
-  const listViewRef = (0, _element.useRef)();
+  const listViewContainerRef = (0, _compose.useMergeRefs)([contentFocusReturnRef, focusOnMountRef, listViewRef, setDropZoneElement]);
   /*
    * Callback function to handle list view or outline focus.
    *
@@ -77,15 +77,18 @@ function ListViewSidebar() {
    */
 
   function handleSidebarFocus(currentTab) {
-    // List view tab is selected.
+    // Tab panel focus.
+    const tabPanelFocus = _dom.focus.tabbable.find(tabPanelRef.current)[0]; // List view tab is selected.
+
+
     if (currentTab === 'list-view') {
-      // Either focus the list view or the list view tab button. Must have a fallback because the list view does not render when there are no blocks.
+      // Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.
       const listViewApplicationFocus = _dom.focus.tabbable.find(listViewRef.current)[0];
 
-      const listViewFocusArea = sidebarRef.current.contains(listViewApplicationFocus) ? listViewApplicationFocus : listViewTabRef.current;
+      const listViewFocusArea = sidebarRef.current.contains(listViewApplicationFocus) ? listViewApplicationFocus : tabPanelFocus;
       listViewFocusArea.focus(); // Outline tab is selected.
     } else {
-      outlineTabRef.current.focus();
+      tabPanelFocus.focus();
     }
   } // This only fires when the sidebar is open because of the conditional rendering. It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.
 
@@ -98,42 +101,53 @@ function ListViewSidebar() {
       handleSidebarFocus(tab);
     }
   });
+  /**
+   * Render tab content for a given tab name.
+   *
+   * @param {string} tabName The name of the tab to render.
+   */
+
+  function renderTabContent(tabName) {
+    if (tabName === 'list-view') {
+      return (0, _element.createElement)("div", {
+        className: "edit-post-editor__list-view-panel-content"
+      }, (0, _element.createElement)(_blockEditor.__experimentalListView, {
+        dropZoneElement: dropZoneElement
+      }));
+    }
+
+    return (0, _element.createElement)(_listViewOutline.default, null);
+  }
+
   return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions
     (0, _element.createElement)("div", {
       className: "edit-post-editor__document-overview-panel",
       onKeyDown: closeOnEscape,
       ref: sidebarRef
-    }, (0, _element.createElement)("div", {
-      className: "edit-post-editor__document-overview-panel-header components-panel__header edit-post-sidebar__panel-tabs",
-      ref: headerFocusReturnRef
     }, (0, _element.createElement)(_components.Button, {
+      className: "edit-post-editor__document-overview-panel__close-button",
+      ref: headerFocusReturnRef,
       icon: _icons.closeSmall,
       label: (0, _i18n.__)('Close'),
       onClick: () => setIsListViewOpened(false)
-    }), (0, _element.createElement)("ul", null, (0, _element.createElement)("li", null, (0, _element.createElement)(_components.Button, {
-      ref: listViewTabRef,
-      onClick: () => {
-        setTab('list-view');
-      },
-      className: (0, _classnames.default)('edit-post-sidebar__panel-tab', {
-        'is-active': tab === 'list-view'
-      }),
-      "aria-current": tab === 'list-view'
-    }, (0, _i18n.__)('List View'))), (0, _element.createElement)("li", null, (0, _element.createElement)(_components.Button, {
-      ref: outlineTabRef,
-      onClick: () => {
-        setTab('outline');
-      },
-      className: (0, _classnames.default)('edit-post-sidebar__panel-tab', {
-        'is-active': tab === 'outline'
-      }),
-      "aria-current": tab === 'outline'
-    }, (0, _i18n.__)('Outline'))))), (0, _element.createElement)("div", {
-      ref: (0, _compose.useMergeRefs)([contentFocusReturnRef, focusOnMountRef, listViewRef]),
-      className: "edit-post-editor__list-view-container"
-    }, tab === 'list-view' && (0, _element.createElement)("div", {
-      className: "edit-post-editor__list-view-panel-content"
-    }, (0, _element.createElement)(_blockEditor.__experimentalListView, null)), tab === 'outline' && (0, _element.createElement)(_listViewOutline.default, null)))
+    }), (0, _element.createElement)(_components.TabPanel, {
+      className: "edit-post-editor__document-overview-panel__tab-panel",
+      ref: tabPanelRef,
+      onSelect: tabName => setTab(tabName),
+      selectOnMove: false,
+      tabs: [{
+        name: 'list-view',
+        title: 'List View',
+        className: 'edit-post-sidebar__panel-tab'
+      }, {
+        name: 'outline',
+        title: 'Outline',
+        className: 'edit-post-sidebar__panel-tab'
+      }]
+    }, currentTab => (0, _element.createElement)("div", {
+      className: "edit-post-editor__list-view-container",
+      ref: listViewContainerRef
+    }, renderTabContent(currentTab.name))))
   );
 }
 //# sourceMappingURL=list-view-sidebar.js.map