@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/link-control/use-internal-value.js

@@ -1,49 +1,48 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * External dependencies
- */
-import fastDeepEqual from 'fast-deep-equal';
-export default function useInternalValue(value) {
+import { useState } from "@wordpress/element";
+import fastDeepEqual from "fast-deep-equal";
+function useInternalValue(value) {
   const [internalValue, setInternalValue] = useState(value || {});
   const [previousValue, setPreviousValue] = useState(value);
-
-  // If the value prop changes, update the internal state.
-  // See:
-  // - https://github.com/WordPress/gutenberg/pull/51387#issuecomment-1722927384.
-  // - https://react.dev/reference/react/useState#storing-information-from-previous-renders.
   if (!fastDeepEqual(value, previousValue)) {
     setPreviousValue(value);
     setInternalValue(value);
   }
-  const setInternalURLInputValue = nextValue => {
+  const setInternalURLInputValue = (nextValue) => {
     setInternalValue({
       ...internalValue,
       url: nextValue
     });
   };
-  const setInternalTextInputValue = nextValue => {
+  const setInternalTextInputValue = (nextValue) => {
     setInternalValue({
       ...internalValue,
       title: nextValue
     });
   };
-  const createSetInternalSettingValueHandler = settingsKeys => nextValue => {
-    // Only apply settings values which are defined in the settings prop.
-    const settingsUpdates = Object.keys(nextValue).reduce((acc, key) => {
-      if (settingsKeys.includes(key)) {
-        acc[key] = nextValue[key];
-      }
-      return acc;
-    }, {});
+  const createSetInternalSettingValueHandler = (settingsKeys) => (nextValue) => {
+    const settingsUpdates = Object.keys(nextValue).reduce(
+      (acc, key) => {
+        if (settingsKeys.includes(key)) {
+          acc[key] = nextValue[key];
+        }
+        return acc;
+      },
+      {}
+    );
     setInternalValue({
       ...internalValue,
       ...settingsUpdates
     });
   };
-  return [internalValue, setInternalValue, setInternalURLInputValue, setInternalTextInputValue, createSetInternalSettingValueHandler];
+  return [
+    internalValue,
+    setInternalValue,
+    setInternalURLInputValue,
+    setInternalTextInputValue,
+    createSetInternalSettingValueHandler
+  ];
 }
-//# sourceMappingURL=use-internal-value.js.map
+export {
+  useInternalValue as default
+};
+//# sourceMappingURL=use-internal-value.js.map

package/build-module/components/link-control/use-internal-value.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","fastDeepEqual","useInternalValue","value","internalValue","setInternalValue","previousValue","setPreviousValue","setInternalURLInputValue","nextValue","url","setInternalTextInputValue","title","createSetInternalSettingValueHandler","settingsKeys","settingsUpdates","Object","keys","reduce","acc","key","includes"],"sources":["@wordpress/block-editor/src/components/link-control/use-internal-value.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal';\n\nexport default function useInternalValue( value ) {\n\tconst [ internalValue, setInternalValue ] = useState( value || {} );\n\tconst [ previousValue, setPreviousValue ] = useState( value );\n\n\t// If the value prop changes, update the internal state.\n\t// See:\n\t// - https://github.com/WordPress/gutenberg/pull/51387#issuecomment-1722927384.\n\t// - https://react.dev/reference/react/useState#storing-information-from-previous-renders.\n\tif ( ! fastDeepEqual( value, previousValue ) ) {\n\t\tsetPreviousValue( value );\n\t\tsetInternalValue( value );\n\t}\n\n\tconst setInternalURLInputValue = ( nextValue ) => {\n\t\tsetInternalValue( {\n\t\t\t...internalValue,\n\t\t\turl: nextValue,\n\t\t} );\n\t};\n\n\tconst setInternalTextInputValue = ( nextValue ) => {\n\t\tsetInternalValue( {\n\t\t\t...internalValue,\n\t\t\ttitle: nextValue,\n\t\t} );\n\t};\n\n\tconst createSetInternalSettingValueHandler =\n\t\t( settingsKeys ) => ( nextValue ) => {\n\t\t\t// Only apply settings values which are defined in the settings prop.\n\t\t\tconst settingsUpdates = Object.keys( nextValue ).reduce(\n\t\t\t\t( acc, key ) => {\n\t\t\t\t\tif ( settingsKeys.includes( key ) ) {\n\t\t\t\t\t\tacc[ key ] = nextValue[ key ];\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t},\n\t\t\t\t{}\n\t\t\t);\n\n\t\t\tsetInternalValue( {\n\t\t\t\t...internalValue,\n\t\t\t\t...settingsUpdates,\n\t\t\t} );\n\t\t};\n\n\treturn [\n\t\tinternalValue,\n\t\tsetInternalValue,\n\t\tsetInternalURLInputValue,\n\t\tsetInternalTextInputValue,\n\t\tcreateSetInternalSettingValueHandler,\n\t];\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,eAAe,SAASC,gBAAgBA,CAAEC,KAAK,EAAG;EACjD,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAGL,QAAQ,CAAEG,KAAK,IAAI,CAAC,CAAE,CAAC;EACnE,MAAM,CAAEG,aAAa,EAAEC,gBAAgB,CAAE,GAAGP,QAAQ,CAAEG,KAAM,CAAC;;EAE7D;EACA;EACA;EACA;EACA,IAAK,CAAEF,aAAa,CAAEE,KAAK,EAAEG,aAAc,CAAC,EAAG;IAC9CC,gBAAgB,CAAEJ,KAAM,CAAC;IACzBE,gBAAgB,CAAEF,KAAM,CAAC;EAC1B;EAEA,MAAMK,wBAAwB,GAAKC,SAAS,IAAM;IACjDJ,gBAAgB,CAAE;MACjB,GAAGD,aAAa;MAChBM,GAAG,EAAED;IACN,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,yBAAyB,GAAKF,SAAS,IAAM;IAClDJ,gBAAgB,CAAE;MACjB,GAAGD,aAAa;MAChBQ,KAAK,EAAEH;IACR,CAAE,CAAC;EACJ,CAAC;EAED,MAAMI,oCAAoC,GACvCC,YAAY,IAAQL,SAAS,IAAM;IACpC;IACA,MAAMM,eAAe,GAAGC,MAAM,CAACC,IAAI,CAAER,SAAU,CAAC,CAACS,MAAM,CACtD,CAAEC,GAAG,EAAEC,GAAG,KAAM;MACf,IAAKN,YAAY,CAACO,QAAQ,CAAED,GAAI,CAAC,EAAG;QACnCD,GAAG,CAAEC,GAAG,CAAE,GAAGX,SAAS,CAAEW,GAAG,CAAE;MAC9B;MACA,OAAOD,GAAG;IACX,CAAC,EACD,CAAC,CACF,CAAC;IAEDd,gBAAgB,CAAE;MACjB,GAAGD,aAAa;MAChB,GAAGW;IACJ,CAAE,CAAC;EACJ,CAAC;EAEF,OAAO,CACNX,aAAa,EACbC,gBAAgB,EAChBG,wBAAwB,EACxBG,yBAAyB,EACzBE,oCAAoC,CACpC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/link-control/use-internal-value.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal';\n\nexport default function useInternalValue( value ) {\n\tconst [ internalValue, setInternalValue ] = useState( value || {} );\n\tconst [ previousValue, setPreviousValue ] = useState( value );\n\n\t// If the value prop changes, update the internal state.\n\t// See:\n\t// - https://github.com/WordPress/gutenberg/pull/51387#issuecomment-1722927384.\n\t// - https://react.dev/reference/react/useState#storing-information-from-previous-renders.\n\tif ( ! fastDeepEqual( value, previousValue ) ) {\n\t\tsetPreviousValue( value );\n\t\tsetInternalValue( value );\n\t}\n\n\tconst setInternalURLInputValue = ( nextValue ) => {\n\t\tsetInternalValue( {\n\t\t\t...internalValue,\n\t\t\turl: nextValue,\n\t\t} );\n\t};\n\n\tconst setInternalTextInputValue = ( nextValue ) => {\n\t\tsetInternalValue( {\n\t\t\t...internalValue,\n\t\t\ttitle: nextValue,\n\t\t} );\n\t};\n\n\tconst createSetInternalSettingValueHandler =\n\t\t( settingsKeys ) => ( nextValue ) => {\n\t\t\t// Only apply settings values which are defined in the settings prop.\n\t\t\tconst settingsUpdates = Object.keys( nextValue ).reduce(\n\t\t\t\t( acc, key ) => {\n\t\t\t\t\tif ( settingsKeys.includes( key ) ) {\n\t\t\t\t\t\tacc[ key ] = nextValue[ key ];\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t},\n\t\t\t\t{}\n\t\t\t);\n\n\t\t\tsetInternalValue( {\n\t\t\t\t...internalValue,\n\t\t\t\t...settingsUpdates,\n\t\t\t} );\n\t\t};\n\n\treturn [\n\t\tinternalValue,\n\t\tsetInternalValue,\n\t\tsetInternalURLInputValue,\n\t\tsetInternalTextInputValue,\n\t\tcreateSetInternalSettingValueHandler,\n\t];\n}\n"],
+  "mappings": "AAGA,SAAS,gBAAgB;AAKzB,OAAO,mBAAmB;AAEX,SAAR,iBAAmC,OAAQ;AACjD,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAU,SAAS,CAAC,CAAE;AAClE,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAU,KAAM;AAM5D,MAAK,CAAE,cAAe,OAAO,aAAc,GAAI;AAC9C,qBAAkB,KAAM;AACxB,qBAAkB,KAAM;AAAA,EACzB;AAEA,QAAM,2BAA2B,CAAE,cAAe;AACjD,qBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,KAAK;AAAA,IACN,CAAE;AAAA,EACH;AAEA,QAAM,4BAA4B,CAAE,cAAe;AAClD,qBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,OAAO;AAAA,IACR,CAAE;AAAA,EACH;AAEA,QAAM,uCACL,CAAE,iBAAkB,CAAE,cAAe;AAEpC,UAAM,kBAAkB,OAAO,KAAM,SAAU,EAAE;AAAA,MAChD,CAAE,KAAK,QAAS;AACf,YAAK,aAAa,SAAU,GAAI,GAAI;AACnC,cAAK,GAAI,IAAI,UAAW,GAAI;AAAA,QAC7B;AACA,eAAO;AAAA,MACR;AAAA,MACA,CAAC;AAAA,IACF;AAEA,qBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,IACJ,CAAE;AAAA,EACH;AAED,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/components/link-control/use-rich-url-data.js

@@ -1,28 +1,21 @@
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useEffect, useReducer } from '@wordpress/element';
+import { store as blockEditorStore } from "../../store";
+import { useSelect } from "@wordpress/data";
+import { useEffect, useReducer } from "@wordpress/element";
 function reducer(state, action) {
   switch (action.type) {
-    case 'RESOLVED':
+    case "RESOLVED":
       return {
         ...state,
         isFetching: false,
         richData: action.richData
       };
-    case 'ERROR':
+    case "ERROR":
       return {
         ...state,
         isFetching: false,
         richData: null
       };
-    case 'LOADING':
+    case "LOADING":
       return {
         ...state,
         isFetching: true
@@ -36,42 +29,33 @@ function useRemoteUrlData(url) {
     richData: null,
     isFetching: false
   });
-  const {
-    fetchRichUrlData
-  } = useSelect(select => {
-    const {
-      getSettings
-    } = select(blockEditorStore);
+  const { fetchRichUrlData } = useSelect((select) => {
+    const { getSettings } = select(blockEditorStore);
     return {
       fetchRichUrlData: getSettings().__experimentalFetchRichUrlData
     };
   }, []);
   useEffect(() => {
-    // Only make the request if we have an actual URL
-    // and the fetching util is available. In some editors
-    // there may not be such a util.
-    if (url?.length && fetchRichUrlData && typeof AbortController !== 'undefined') {
+    if (url?.length && fetchRichUrlData && typeof AbortController !== "undefined") {
       dispatch({
-        type: 'LOADING'
+        type: "LOADING"
       });
       const controller = new window.AbortController();
       const signal = controller.signal;
       fetchRichUrlData(url, {
         signal
-      }).then(urlData => {
+      }).then((urlData) => {
         dispatch({
-          type: 'RESOLVED',
+          type: "RESOLVED",
           richData: urlData
         });
       }).catch(() => {
-        // Avoid setting state on unmounted component
         if (!signal.aborted) {
           dispatch({
-            type: 'ERROR'
+            type: "ERROR"
           });
         }
       });
-      // Cleanup: when the URL changes the abort the current request.
       return () => {
         controller.abort();
       };
@@ -79,5 +63,8 @@ function useRemoteUrlData(url) {
   }, [url]);
   return state;
 }
-export default useRemoteUrlData;
-//# sourceMappingURL=use-rich-url-data.js.map
+var use_rich_url_data_default = useRemoteUrlData;
+export {
+  use_rich_url_data_default as default
+};
+//# sourceMappingURL=use-rich-url-data.js.map

package/build-module/components/link-control/use-rich-url-data.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["store","blockEditorStore","useSelect","useEffect","useReducer","reducer","state","action","type","isFetching","richData","Error","useRemoteUrlData","url","dispatch","fetchRichUrlData","select","getSettings","__experimentalFetchRichUrlData","length","AbortController","controller","window","signal","then","urlData","catch","aborted","abort"],"sources":["@wordpress/block-editor/src/components/link-control/use-rich-url-data.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useReducer } from '@wordpress/element';\n\nfunction reducer( state, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'RESOLVED':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisFetching: false,\n\t\t\t\trichData: action.richData,\n\t\t\t};\n\t\tcase 'ERROR':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisFetching: false,\n\t\t\t\trichData: null,\n\t\t\t};\n\t\tcase 'LOADING':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisFetching: true,\n\t\t\t};\n\t\tdefault:\n\t\t\tthrow new Error( `Unexpected action type ${ action.type }` );\n\t}\n}\n\nfunction useRemoteUrlData( url ) {\n\tconst [ state, dispatch ] = useReducer( reducer, {\n\t\trichData: null,\n\t\tisFetching: false,\n\t} );\n\n\tconst { fetchRichUrlData } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tfetchRichUrlData: getSettings().__experimentalFetchRichUrlData,\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\t// Only make the request if we have an actual URL\n\t\t// and the fetching util is available. In some editors\n\t\t// there may not be such a util.\n\t\tif (\n\t\t\turl?.length &&\n\t\t\tfetchRichUrlData &&\n\t\t\ttypeof AbortController !== 'undefined'\n\t\t) {\n\t\t\tdispatch( {\n\t\t\t\ttype: 'LOADING',\n\t\t\t} );\n\n\t\t\tconst controller = new window.AbortController();\n\n\t\t\tconst signal = controller.signal;\n\n\t\t\tfetchRichUrlData( url, {\n\t\t\t\tsignal,\n\t\t\t} )\n\t\t\t\t.then( ( urlData ) => {\n\t\t\t\t\tdispatch( {\n\t\t\t\t\t\ttype: 'RESOLVED',\n\t\t\t\t\t\trichData: urlData,\n\t\t\t\t\t} );\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\t// Avoid setting state on unmounted component\n\t\t\t\t\tif ( ! signal.aborted ) {\n\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\ttype: 'ERROR',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t// Cleanup: when the URL changes the abort the current request.\n\t\t\treturn () => {\n\t\t\t\tcontroller.abort();\n\t\t\t};\n\t\t}\n\t}, [ url ] );\n\n\treturn state;\n}\n\nexport default useRemoteUrlData;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;AAE1D,SAASC,OAAOA,CAAEC,KAAK,EAAEC,MAAM,EAAG;EACjC,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,UAAU;MACd,OAAO;QACN,GAAGF,KAAK;QACRG,UAAU,EAAE,KAAK;QACjBC,QAAQ,EAAEH,MAAM,CAACG;MAClB,CAAC;IACF,KAAK,OAAO;MACX,OAAO;QACN,GAAGJ,KAAK;QACRG,UAAU,EAAE,KAAK;QACjBC,QAAQ,EAAE;MACX,CAAC;IACF,KAAK,SAAS;MACb,OAAO;QACN,GAAGJ,KAAK;QACRG,UAAU,EAAE;MACb,CAAC;IACF;MACC,MAAM,IAAIE,KAAK,CAAE,0BAA2BJ,MAAM,CAACC,IAAI,EAAI,CAAC;EAC9D;AACD;AAEA,SAASI,gBAAgBA,CAAEC,GAAG,EAAG;EAChC,MAAM,CAAEP,KAAK,EAAEQ,QAAQ,CAAE,GAAGV,UAAU,CAAEC,OAAO,EAAE;IAChDK,QAAQ,EAAE,IAAI;IACdD,UAAU,EAAE;EACb,CAAE,CAAC;EAEH,MAAM;IAAEM;EAAiB,CAAC,GAAGb,SAAS,CAAIc,MAAM,IAAM;IACrD,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAEf,gBAAiB,CAAC;IAClD,OAAO;MACNc,gBAAgB,EAAEE,WAAW,CAAC,CAAC,CAACC;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEPf,SAAS,CAAE,MAAM;IAChB;IACA;IACA;IACA,IACCU,GAAG,EAAEM,MAAM,IACXJ,gBAAgB,IAChB,OAAOK,eAAe,KAAK,WAAW,EACrC;MACDN,QAAQ,CAAE;QACTN,IAAI,EAAE;MACP,CAAE,CAAC;MAEH,MAAMa,UAAU,GAAG,IAAIC,MAAM,CAACF,eAAe,CAAC,CAAC;MAE/C,MAAMG,MAAM,GAAGF,UAAU,CAACE,MAAM;MAEhCR,gBAAgB,CAAEF,GAAG,EAAE;QACtBU;MACD,CAAE,CAAC,CACDC,IAAI,CAAIC,OAAO,IAAM;QACrBX,QAAQ,CAAE;UACTN,IAAI,EAAE,UAAU;UAChBE,QAAQ,EAAEe;QACX,CAAE,CAAC;MACJ,CAAE,CAAC,CACFC,KAAK,CAAE,MAAM;QACb;QACA,IAAK,CAAEH,MAAM,CAACI,OAAO,EAAG;UACvBb,QAAQ,CAAE;YACTN,IAAI,EAAE;UACP,CAAE,CAAC;QACJ;MACD,CAAE,CAAC;MACJ;MACA,OAAO,MAAM;QACZa,UAAU,CAACO,KAAK,CAAC,CAAC;MACnB,CAAC;IACF;EACD,CAAC,EAAE,CAAEf,GAAG,CAAG,CAAC;EAEZ,OAAOP,KAAK;AACb;AAEA,eAAeM,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/link-control/use-rich-url-data.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useReducer } from '@wordpress/element';\n\nfunction reducer( state, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'RESOLVED':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisFetching: false,\n\t\t\t\trichData: action.richData,\n\t\t\t};\n\t\tcase 'ERROR':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisFetching: false,\n\t\t\t\trichData: null,\n\t\t\t};\n\t\tcase 'LOADING':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisFetching: true,\n\t\t\t};\n\t\tdefault:\n\t\t\tthrow new Error( `Unexpected action type ${ action.type }` );\n\t}\n}\n\nfunction useRemoteUrlData( url ) {\n\tconst [ state, dispatch ] = useReducer( reducer, {\n\t\trichData: null,\n\t\tisFetching: false,\n\t} );\n\n\tconst { fetchRichUrlData } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tfetchRichUrlData: getSettings().__experimentalFetchRichUrlData,\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\t// Only make the request if we have an actual URL\n\t\t// and the fetching util is available. In some editors\n\t\t// there may not be such a util.\n\t\tif (\n\t\t\turl?.length &&\n\t\t\tfetchRichUrlData &&\n\t\t\ttypeof AbortController !== 'undefined'\n\t\t) {\n\t\t\tdispatch( {\n\t\t\t\ttype: 'LOADING',\n\t\t\t} );\n\n\t\t\tconst controller = new window.AbortController();\n\n\t\t\tconst signal = controller.signal;\n\n\t\t\tfetchRichUrlData( url, {\n\t\t\t\tsignal,\n\t\t\t} )\n\t\t\t\t.then( ( urlData ) => {\n\t\t\t\t\tdispatch( {\n\t\t\t\t\t\ttype: 'RESOLVED',\n\t\t\t\t\t\trichData: urlData,\n\t\t\t\t\t} );\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\t// Avoid setting state on unmounted component\n\t\t\t\t\tif ( ! signal.aborted ) {\n\t\t\t\t\t\tdispatch( {\n\t\t\t\t\t\t\ttype: 'ERROR',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t// Cleanup: when the URL changes the abort the current request.\n\t\t\treturn () => {\n\t\t\t\tcontroller.abort();\n\t\t\t};\n\t\t}\n\t}, [ url ] );\n\n\treturn state;\n}\n\nexport default useRemoteUrlData;\n"],
+  "mappings": "AAGA,SAAS,SAAS,wBAAwB;AAK1C,SAAS,iBAAiB;AAC1B,SAAS,WAAW,kBAAkB;AAEtC,SAAS,QAAS,OAAO,QAAS;AACjC,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,QACN,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,UAAU,OAAO;AAAA,MAClB;AAAA,IACD,KAAK;AACJ,aAAO;AAAA,QACN,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,UAAU;AAAA,MACX;AAAA,IACD,KAAK;AACJ,aAAO;AAAA,QACN,GAAG;AAAA,QACH,YAAY;AAAA,MACb;AAAA,IACD;AACC,YAAM,IAAI,MAAO,0BAA2B,OAAO,IAAK,EAAG;AAAA,EAC7D;AACD;AAEA,SAAS,iBAAkB,KAAM;AAChC,QAAM,CAAE,OAAO,QAAS,IAAI,WAAY,SAAS;AAAA,IAChD,UAAU;AAAA,IACV,YAAY;AAAA,EACb,CAAE;AAEF,QAAM,EAAE,iBAAiB,IAAI,UAAW,CAAE,WAAY;AACrD,UAAM,EAAE,YAAY,IAAI,OAAQ,gBAAiB;AACjD,WAAO;AAAA,MACN,kBAAkB,YAAY,EAAE;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,YAAW,MAAM;AAIhB,QACC,KAAK,UACL,oBACA,OAAO,oBAAoB,aAC1B;AACD,eAAU;AAAA,QACT,MAAM;AAAA,MACP,CAAE;AAEF,YAAM,aAAa,IAAI,OAAO,gBAAgB;AAE9C,YAAM,SAAS,WAAW;AAE1B,uBAAkB,KAAK;AAAA,QACtB;AAAA,MACD,CAAE,EACA,KAAM,CAAE,YAAa;AACrB,iBAAU;AAAA,UACT,MAAM;AAAA,UACN,UAAU;AAAA,QACX,CAAE;AAAA,MACH,CAAE,EACD,MAAO,MAAM;AAEb,YAAK,CAAE,OAAO,SAAU;AACvB,mBAAU;AAAA,YACT,MAAM;AAAA,UACP,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAEH,aAAO,MAAM;AACZ,mBAAW,MAAM;AAAA,MAClB;AAAA,IACD;AAAA,EACD,GAAG,CAAE,GAAI,CAAE;AAEX,SAAO;AACR;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

package/build-module/components/link-control/use-search-handler.js

@@ -1,44 +1,41 @@
-/**
- * WordPress dependencies
- */
-import { getProtocol, prependHTTP } from '@wordpress/url';
-import { useCallback } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import isURLLike from './is-url-like';
-import { CREATE_TYPE, TEL_TYPE, MAILTO_TYPE, INTERNAL_TYPE, URL_TYPE } from './constants';
-import { store as blockEditorStore } from '../../store';
-export const handleNoop = () => Promise.resolve([]);
-export const handleDirectEntry = val => {
+import { getProtocol, prependHTTP } from "@wordpress/url";
+import { useCallback } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import isURLLike from "./is-url-like";
+import {
+  CREATE_TYPE,
+  TEL_TYPE,
+  MAILTO_TYPE,
+  INTERNAL_TYPE,
+  URL_TYPE
+} from "./constants";
+import { store as blockEditorStore } from "../../store";
+const handleNoop = () => Promise.resolve([]);
+const handleDirectEntry = (val) => {
   let type = URL_TYPE;
-  const protocol = getProtocol(val) || '';
-  if (protocol.includes('mailto')) {
+  const protocol = getProtocol(val) || "";
+  if (protocol.includes("mailto")) {
     type = MAILTO_TYPE;
   }
-  if (protocol.includes('tel')) {
+  if (protocol.includes("tel")) {
     type = TEL_TYPE;
   }
-  if (val?.startsWith('#')) {
+  if (val?.startsWith("#")) {
     type = INTERNAL_TYPE;
   }
-  return Promise.resolve([{
-    id: val,
-    title: val,
-    url: type === 'URL' ? prependHTTP(val) : val,
-    type
-  }]);
+  return Promise.resolve([
+    {
+      id: val,
+      title: val,
+      url: type === "URL" ? prependHTTP(val) : val,
+      type
+    }
+  ]);
 };
 const handleEntitySearch = async (val, suggestionsQuery, fetchSearchSuggestions, withCreateSuggestion, pageOnFront, pageForPosts) => {
-  const {
-    isInitialSuggestions
-  } = suggestionsQuery;
+  const { isInitialSuggestions } = suggestionsQuery;
   const results = await fetchSearchSuggestions(val, suggestionsQuery);
-
-  // Identify front page and update type to match.
-  results.map(result => {
+  results.map((result) => {
     if (Number(result.id) === pageOnFront) {
       result.isFrontPage = true;
       return result;
@@ -48,26 +45,9 @@ const handleEntitySearch = async (val, suggestionsQuery, fetchSearchSuggestions,
     }
     return result;
   });
-
-  // If displaying initial suggestions just return plain results.
   if (isInitialSuggestions) {
     return results;
   }
-
-  // Here we append a faux suggestion to represent a "CREATE" option. This
-  // is detected in the rendering of the search results and handled as a
-  // special case. This is currently necessary because the suggestions
-  // dropdown will only appear if there are valid suggestions and
-  // therefore unless the create option is a suggestion it will not
-  // display in scenarios where there are no results returned from the
-  // API. In addition promoting CREATE to a first class suggestion affords
-  // the a11y benefits afforded by `URLInput` to all suggestions (eg:
-  // keyboard handling, ARIA roles...etc).
-  //
-  // Note also that the value of the `title` and `url` properties must correspond
-  // to the text value of the `<input>`. This is because `title` is used
-  // when creating the suggestion. Similarly `url` is used when using keyboard to select
-  // the suggestion (the <form> `onSubmit` handler falls-back to `url`).
   return isURLLike(val) || !withCreateSuggestion ? results : results.concat({
     // the `id` prop is intentionally omitted here because it
     // is never exposed as part of the component's public API.
@@ -79,31 +59,43 @@ const handleEntitySearch = async (val, suggestionsQuery, fetchSearchSuggestions,
     type: CREATE_TYPE
   });
 };
-export default function useSearchHandler(suggestionsQuery, allowDirectEntry, withCreateSuggestion) {
-  const {
-    fetchSearchSuggestions,
-    pageOnFront,
-    pageForPosts
-  } = useSelect(select => {
-    const {
-      getSettings
-    } = select(blockEditorStore);
-    return {
-      pageOnFront: getSettings().pageOnFront,
-      pageForPosts: getSettings().pageForPosts,
-      fetchSearchSuggestions: getSettings().__experimentalFetchLinkSuggestions
-    };
-  }, []);
+function useSearchHandler(suggestionsQuery, allowDirectEntry, withCreateSuggestion) {
+  const { fetchSearchSuggestions, pageOnFront, pageForPosts } = useSelect(
+    (select) => {
+      const { getSettings } = select(blockEditorStore);
+      return {
+        pageOnFront: getSettings().pageOnFront,
+        pageForPosts: getSettings().pageForPosts,
+        fetchSearchSuggestions: getSettings().__experimentalFetchLinkSuggestions
+      };
+    },
+    []
+  );
   const directEntryHandler = allowDirectEntry ? handleDirectEntry : handleNoop;
-  return useCallback((val, {
-    isInitialSuggestions
-  }) => {
-    return isURLLike(val) ? directEntryHandler(val, {
-      isInitialSuggestions
-    }) : handleEntitySearch(val, {
-      ...suggestionsQuery,
-      isInitialSuggestions
-    }, fetchSearchSuggestions, withCreateSuggestion, pageOnFront, pageForPosts);
-  }, [directEntryHandler, fetchSearchSuggestions, pageOnFront, pageForPosts, suggestionsQuery, withCreateSuggestion]);
+  return useCallback(
+    (val, { isInitialSuggestions }) => {
+      return isURLLike(val) ? directEntryHandler(val, { isInitialSuggestions }) : handleEntitySearch(
+        val,
+        { ...suggestionsQuery, isInitialSuggestions },
+        fetchSearchSuggestions,
+        withCreateSuggestion,
+        pageOnFront,
+        pageForPosts
+      );
+    },
+    [
+      directEntryHandler,
+      fetchSearchSuggestions,
+      pageOnFront,
+      pageForPosts,
+      suggestionsQuery,
+      withCreateSuggestion
+    ]
+  );
 }
-//# sourceMappingURL=use-search-handler.js.map
+export {
+  useSearchHandler as default,
+  handleDirectEntry,
+  handleNoop
+};
+//# sourceMappingURL=use-search-handler.js.map

package/build-module/components/link-control/use-search-handler.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getProtocol","prependHTTP","useCallback","useSelect","isURLLike","CREATE_TYPE","TEL_TYPE","MAILTO_TYPE","INTERNAL_TYPE","URL_TYPE","store","blockEditorStore","handleNoop","Promise","resolve","handleDirectEntry","val","type","protocol","includes","startsWith","id","title","url","handleEntitySearch","suggestionsQuery","fetchSearchSuggestions","withCreateSuggestion","pageOnFront","pageForPosts","isInitialSuggestions","results","map","result","Number","isFrontPage","isBlogHome","concat","useSearchHandler","allowDirectEntry","select","getSettings","__experimentalFetchLinkSuggestions","directEntryHandler"],"sources":["@wordpress/block-editor/src/components/link-control/use-search-handler.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getProtocol, prependHTTP } from '@wordpress/url';\nimport { useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport isURLLike from './is-url-like';\nimport {\n\tCREATE_TYPE,\n\tTEL_TYPE,\n\tMAILTO_TYPE,\n\tINTERNAL_TYPE,\n\tURL_TYPE,\n} from './constants';\nimport { store as blockEditorStore } from '../../store';\n\nexport const handleNoop = () => Promise.resolve( [] );\n\nexport const handleDirectEntry = ( val ) => {\n\tlet type = URL_TYPE;\n\n\tconst protocol = getProtocol( val ) || '';\n\n\tif ( protocol.includes( 'mailto' ) ) {\n\t\ttype = MAILTO_TYPE;\n\t}\n\n\tif ( protocol.includes( 'tel' ) ) {\n\t\ttype = TEL_TYPE;\n\t}\n\n\tif ( val?.startsWith( '#' ) ) {\n\t\ttype = INTERNAL_TYPE;\n\t}\n\n\treturn Promise.resolve( [\n\t\t{\n\t\t\tid: val,\n\t\t\ttitle: val,\n\t\t\turl: type === 'URL' ? prependHTTP( val ) : val,\n\t\t\ttype,\n\t\t},\n\t] );\n};\n\nconst handleEntitySearch = async (\n\tval,\n\tsuggestionsQuery,\n\tfetchSearchSuggestions,\n\twithCreateSuggestion,\n\tpageOnFront,\n\tpageForPosts\n) => {\n\tconst { isInitialSuggestions } = suggestionsQuery;\n\n\tconst results = await fetchSearchSuggestions( val, suggestionsQuery );\n\n\t// Identify front page and update type to match.\n\tresults.map( ( result ) => {\n\t\tif ( Number( result.id ) === pageOnFront ) {\n\t\t\tresult.isFrontPage = true;\n\t\t\treturn result;\n\t\t} else if ( Number( result.id ) === pageForPosts ) {\n\t\t\tresult.isBlogHome = true;\n\t\t\treturn result;\n\t\t}\n\n\t\treturn result;\n\t} );\n\n\t// If displaying initial suggestions just return plain results.\n\tif ( isInitialSuggestions ) {\n\t\treturn results;\n\t}\n\n\t// Here we append a faux suggestion to represent a \"CREATE\" option. This\n\t// is detected in the rendering of the search results and handled as a\n\t// special case. This is currently necessary because the suggestions\n\t// dropdown will only appear if there are valid suggestions and\n\t// therefore unless the create option is a suggestion it will not\n\t// display in scenarios where there are no results returned from the\n\t// API. In addition promoting CREATE to a first class suggestion affords\n\t// the a11y benefits afforded by `URLInput` to all suggestions (eg:\n\t// keyboard handling, ARIA roles...etc).\n\t//\n\t// Note also that the value of the `title` and `url` properties must correspond\n\t// to the text value of the `<input>`. This is because `title` is used\n\t// when creating the suggestion. Similarly `url` is used when using keyboard to select\n\t// the suggestion (the <form> `onSubmit` handler falls-back to `url`).\n\treturn isURLLike( val ) || ! withCreateSuggestion\n\t\t? results\n\t\t: results.concat( {\n\t\t\t\t// the `id` prop is intentionally omitted here because it\n\t\t\t\t// is never exposed as part of the component's public API.\n\t\t\t\t// see: https://github.com/WordPress/gutenberg/pull/19775#discussion_r378931316.\n\t\t\t\ttitle: val, // Must match the existing `<input>`s text value.\n\t\t\t\turl: val, // Must match the existing `<input>`s text value.\n\t\t\t\ttype: CREATE_TYPE,\n\t\t  } );\n};\n\nexport default function useSearchHandler(\n\tsuggestionsQuery,\n\tallowDirectEntry,\n\twithCreateSuggestion\n) {\n\tconst { fetchSearchSuggestions, pageOnFront, pageForPosts } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tpageOnFront: getSettings().pageOnFront,\n\t\t\t\tpageForPosts: getSettings().pageForPosts,\n\t\t\t\tfetchSearchSuggestions:\n\t\t\t\t\tgetSettings().__experimentalFetchLinkSuggestions,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst directEntryHandler = allowDirectEntry\n\t\t? handleDirectEntry\n\t\t: handleNoop;\n\n\treturn useCallback(\n\t\t( val, { isInitialSuggestions } ) => {\n\t\t\treturn isURLLike( val )\n\t\t\t\t? directEntryHandler( val, { isInitialSuggestions } )\n\t\t\t\t: handleEntitySearch(\n\t\t\t\t\t\tval,\n\t\t\t\t\t\t{ ...suggestionsQuery, isInitialSuggestions },\n\t\t\t\t\t\tfetchSearchSuggestions,\n\t\t\t\t\t\twithCreateSuggestion,\n\t\t\t\t\t\tpageOnFront,\n\t\t\t\t\t\tpageForPosts\n\t\t\t\t  );\n\t\t},\n\t\t[\n\t\t\tdirectEntryHandler,\n\t\t\tfetchSearchSuggestions,\n\t\t\tpageOnFront,\n\t\t\tpageForPosts,\n\t\t\tsuggestionsQuery,\n\t\t\twithCreateSuggestion,\n\t\t]\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/link-control/use-search-handler.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getProtocol, prependHTTP } from '@wordpress/url';\nimport { useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport isURLLike from './is-url-like';\nimport {\n\tCREATE_TYPE,\n\tTEL_TYPE,\n\tMAILTO_TYPE,\n\tINTERNAL_TYPE,\n\tURL_TYPE,\n} from './constants';\nimport { store as blockEditorStore } from '../../store';\n\nexport const handleNoop = () => Promise.resolve( [] );\n\nexport const handleDirectEntry = ( val ) => {\n\tlet type = URL_TYPE;\n\n\tconst protocol = getProtocol( val ) || '';\n\n\tif ( protocol.includes( 'mailto' ) ) {\n\t\ttype = MAILTO_TYPE;\n\t}\n\n\tif ( protocol.includes( 'tel' ) ) {\n\t\ttype = TEL_TYPE;\n\t}\n\n\tif ( val?.startsWith( '#' ) ) {\n\t\ttype = INTERNAL_TYPE;\n\t}\n\n\treturn Promise.resolve( [\n\t\t{\n\t\t\tid: val,\n\t\t\ttitle: val,\n\t\t\turl: type === 'URL' ? prependHTTP( val ) : val,\n\t\t\ttype,\n\t\t},\n\t] );\n};\n\nconst handleEntitySearch = async (\n\tval,\n\tsuggestionsQuery,\n\tfetchSearchSuggestions,\n\twithCreateSuggestion,\n\tpageOnFront,\n\tpageForPosts\n) => {\n\tconst { isInitialSuggestions } = suggestionsQuery;\n\n\tconst results = await fetchSearchSuggestions( val, suggestionsQuery );\n\n\t// Identify front page and update type to match.\n\tresults.map( ( result ) => {\n\t\tif ( Number( result.id ) === pageOnFront ) {\n\t\t\tresult.isFrontPage = true;\n\t\t\treturn result;\n\t\t} else if ( Number( result.id ) === pageForPosts ) {\n\t\t\tresult.isBlogHome = true;\n\t\t\treturn result;\n\t\t}\n\n\t\treturn result;\n\t} );\n\n\t// If displaying initial suggestions just return plain results.\n\tif ( isInitialSuggestions ) {\n\t\treturn results;\n\t}\n\n\t// Here we append a faux suggestion to represent a \"CREATE\" option. This\n\t// is detected in the rendering of the search results and handled as a\n\t// special case. This is currently necessary because the suggestions\n\t// dropdown will only appear if there are valid suggestions and\n\t// therefore unless the create option is a suggestion it will not\n\t// display in scenarios where there are no results returned from the\n\t// API. In addition promoting CREATE to a first class suggestion affords\n\t// the a11y benefits afforded by `URLInput` to all suggestions (eg:\n\t// keyboard handling, ARIA roles...etc).\n\t//\n\t// Note also that the value of the `title` and `url` properties must correspond\n\t// to the text value of the `<input>`. This is because `title` is used\n\t// when creating the suggestion. Similarly `url` is used when using keyboard to select\n\t// the suggestion (the <form> `onSubmit` handler falls-back to `url`).\n\treturn isURLLike( val ) || ! withCreateSuggestion\n\t\t? results\n\t\t: results.concat( {\n\t\t\t\t// the `id` prop is intentionally omitted here because it\n\t\t\t\t// is never exposed as part of the component's public API.\n\t\t\t\t// see: https://github.com/WordPress/gutenberg/pull/19775#discussion_r378931316.\n\t\t\t\ttitle: val, // Must match the existing `<input>`s text value.\n\t\t\t\turl: val, // Must match the existing `<input>`s text value.\n\t\t\t\ttype: CREATE_TYPE,\n\t\t  } );\n};\n\nexport default function useSearchHandler(\n\tsuggestionsQuery,\n\tallowDirectEntry,\n\twithCreateSuggestion\n) {\n\tconst { fetchSearchSuggestions, pageOnFront, pageForPosts } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tpageOnFront: getSettings().pageOnFront,\n\t\t\t\tpageForPosts: getSettings().pageForPosts,\n\t\t\t\tfetchSearchSuggestions:\n\t\t\t\t\tgetSettings().__experimentalFetchLinkSuggestions,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst directEntryHandler = allowDirectEntry\n\t\t? handleDirectEntry\n\t\t: handleNoop;\n\n\treturn useCallback(\n\t\t( val, { isInitialSuggestions } ) => {\n\t\t\treturn isURLLike( val )\n\t\t\t\t? directEntryHandler( val, { isInitialSuggestions } )\n\t\t\t\t: handleEntitySearch(\n\t\t\t\t\t\tval,\n\t\t\t\t\t\t{ ...suggestionsQuery, isInitialSuggestions },\n\t\t\t\t\t\tfetchSearchSuggestions,\n\t\t\t\t\t\twithCreateSuggestion,\n\t\t\t\t\t\tpageOnFront,\n\t\t\t\t\t\tpageForPosts\n\t\t\t\t  );\n\t\t},\n\t\t[\n\t\t\tdirectEntryHandler,\n\t\t\tfetchSearchSuggestions,\n\t\t\tpageOnFront,\n\t\t\tpageForPosts,\n\t\t\tsuggestionsQuery,\n\t\t\twithCreateSuggestion,\n\t\t]\n\t);\n}\n"],
+  "mappings": "AAGA,SAAS,aAAa,mBAAmB;AACzC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAK1B,OAAO,eAAe;AACtB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,SAAS,wBAAwB;AAEnC,MAAM,aAAa,MAAM,QAAQ,QAAS,CAAC,CAAE;AAE7C,MAAM,oBAAoB,CAAE,QAAS;AAC3C,MAAI,OAAO;AAEX,QAAM,WAAW,YAAa,GAAI,KAAK;AAEvC,MAAK,SAAS,SAAU,QAAS,GAAI;AACpC,WAAO;AAAA,EACR;AAEA,MAAK,SAAS,SAAU,KAAM,GAAI;AACjC,WAAO;AAAA,EACR;AAEA,MAAK,KAAK,WAAY,GAAI,GAAI;AAC7B,WAAO;AAAA,EACR;AAEA,SAAO,QAAQ,QAAS;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,KAAK,SAAS,QAAQ,YAAa,GAAI,IAAI;AAAA,MAC3C;AAAA,IACD;AAAA,EACD,CAAE;AACH;AAEA,MAAM,qBAAqB,OAC1B,KACA,kBACA,wBACA,sBACA,aACA,iBACI;AACJ,QAAM,EAAE,qBAAqB,IAAI;AAEjC,QAAM,UAAU,MAAM,uBAAwB,KAAK,gBAAiB;AAGpE,UAAQ,IAAK,CAAE,WAAY;AAC1B,QAAK,OAAQ,OAAO,EAAG,MAAM,aAAc;AAC1C,aAAO,cAAc;AACrB,aAAO;AAAA,IACR,WAAY,OAAQ,OAAO,EAAG,MAAM,cAAe;AAClD,aAAO,aAAa;AACpB,aAAO;AAAA,IACR;AAEA,WAAO;AAAA,EACR,CAAE;AAGF,MAAK,sBAAuB;AAC3B,WAAO;AAAA,EACR;AAgBA,SAAO,UAAW,GAAI,KAAK,CAAE,uBAC1B,UACA,QAAQ,OAAQ;AAAA;AAAA;AAAA;AAAA,IAIhB,OAAO;AAAA;AAAA,IACP,KAAK;AAAA;AAAA,IACL,MAAM;AAAA,EACN,CAAE;AACN;AAEe,SAAR,iBACN,kBACA,kBACA,sBACC;AACD,QAAM,EAAE,wBAAwB,aAAa,aAAa,IAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,YAAY,IAAI,OAAQ,gBAAiB;AAEjD,aAAO;AAAA,QACN,aAAa,YAAY,EAAE;AAAA,QAC3B,cAAc,YAAY,EAAE;AAAA,QAC5B,wBACC,YAAY,EAAE;AAAA,MAChB;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,QAAM,qBAAqB,mBACxB,oBACA;AAEH,SAAO;AAAA,IACN,CAAE,KAAK,EAAE,qBAAqB,MAAO;AACpC,aAAO,UAAW,GAAI,IACnB,mBAAoB,KAAK,EAAE,qBAAqB,CAAE,IAClD;AAAA,QACA;AAAA,QACA,EAAE,GAAG,kBAAkB,qBAAqB;AAAA,QAC5C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACA;AAAA,IACJ;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/components/link-control/viewer-slot.js

@@ -1,11 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { createSlotFill } from '@wordpress/components';
-const {
-  Slot: ViewerSlot,
-  Fill: ViewerFill
-} = createSlotFill('BlockEditorLinkControlViewer');
-export { ViewerSlot, ViewerFill };
-export default ViewerSlot;
-//# sourceMappingURL=viewer-slot.js.map
+import { createSlotFill } from "@wordpress/components";
+const { Slot: ViewerSlot, Fill: ViewerFill } = createSlotFill(
+  "BlockEditorLinkControlViewer"
+);
+var viewer_slot_default = ViewerSlot;
+export {
+  ViewerFill,
+  ViewerSlot,
+  viewer_slot_default as default
+};
+//# sourceMappingURL=viewer-slot.js.map

package/build-module/components/link-control/viewer-slot.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createSlotFill","Slot","ViewerSlot","Fill","ViewerFill"],"sources":["@wordpress/block-editor/src/components/link-control/viewer-slot.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Slot: ViewerSlot, Fill: ViewerFill } = createSlotFill(\n\t'BlockEditorLinkControlViewer'\n);\n\nexport { ViewerSlot, ViewerFill };\nexport default ViewerSlot;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI,EAAEC,UAAU;EAAEC,IAAI,EAAEC;AAAW,CAAC,GAAGJ,cAAc,CAC5D,8BACD,CAAC;AAED,SAASE,UAAU,EAAEE,UAAU;AAC/B,eAAeF,UAAU","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/link-control/viewer-slot.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Slot: ViewerSlot, Fill: ViewerFill } = createSlotFill(\n\t'BlockEditorLinkControlViewer'\n);\n\nexport { ViewerSlot, ViewerFill };\nexport default ViewerSlot;\n"],
+  "mappings": "AAGA,SAAS,sBAAsB;AAE/B,MAAM,EAAE,MAAM,YAAY,MAAM,WAAW,IAAI;AAAA,EAC9C;AACD;AAGA,IAAO,sBAAQ;",
+  "names": []
+}

package/build-module/components/list-view/appender.js

@@ -1,95 +1,89 @@
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-import { speak } from '@wordpress/a11y';
-import { useSelect } from '@wordpress/data';
-import { forwardRef, useEffect } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import useBlockDisplayTitle from '../block-title/use-block-display-title';
-import { useListViewContext } from './context';
-import Inserter from '../inserter';
-import AriaReferencedText from './aria-referenced-text';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Appender = forwardRef(({
-  nestingLevel,
-  blockCount,
-  clientId,
-  ...props
-}, ref) => {
-  const {
-    insertedBlock,
-    setInsertedBlock
-  } = useListViewContext();
-  const instanceId = useInstanceId(Appender);
-  const {
-    directInsert,
-    hideInserter
-  } = useSelect(select => {
-    const {
-      getBlockListSettings,
-      getTemplateLock,
-      isZoomOut
-    } = unlock(select(blockEditorStore));
-    const settings = getBlockListSettings(clientId);
-    const directInsertValue = settings?.directInsert || false;
-    const hideInserterValue = !!getTemplateLock(clientId) || isZoomOut();
-    return {
-      directInsert: directInsertValue,
-      hideInserter: hideInserterValue
-    };
-  }, [clientId]);
-  const blockTitle = useBlockDisplayTitle({
-    clientId,
-    context: 'list-view'
-  });
-  const insertedBlockTitle = useBlockDisplayTitle({
-    clientId: insertedBlock?.clientId,
-    context: 'list-view'
-  });
-  useEffect(() => {
-    if (!insertedBlockTitle?.length) {
-      return;
-    }
-    speak(sprintf(
-    // translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)
-    __('%s block inserted'), insertedBlockTitle), 'assertive');
-  }, [insertedBlockTitle]);
-  if (hideInserter) {
-    return null;
-  }
-  const descriptionId = `list-view-appender__${instanceId}`;
-  const description = sprintf(/* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */
-  __('Append to %1$s block at position %2$d, Level %3$d'), blockTitle, blockCount + 1, nestingLevel);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "list-view-appender",
-    children: [/*#__PURE__*/_jsx(Inserter, {
-      ref: ref,
-      rootClientId: clientId,
-      position: "bottom right",
-      isAppender: true,
-      selectBlockOnInsert: false,
-      shouldDirectInsert: directInsert,
-      __experimentalIsQuick: true,
-      ...props,
-      toggleProps: {
-        'aria-describedby': descriptionId
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useInstanceId } from "@wordpress/compose";
+import { speak } from "@wordpress/a11y";
+import { useSelect } from "@wordpress/data";
+import { forwardRef, useEffect } from "@wordpress/element";
+import { __, sprintf } from "@wordpress/i18n";
+import { store as blockEditorStore } from "../../store";
+import useBlockDisplayTitle from "../block-title/use-block-display-title";
+import { useListViewContext } from "./context";
+import Inserter from "../inserter";
+import AriaReferencedText from "./aria-referenced-text";
+import { unlock } from "../../lock-unlock";
+const Appender = forwardRef(
+  ({ nestingLevel, blockCount, clientId, ...props }, ref) => {
+    const { insertedBlock, setInsertedBlock } = useListViewContext();
+    const instanceId = useInstanceId(Appender);
+    const { directInsert, hideInserter } = useSelect(
+      (select) => {
+        const { getBlockListSettings, getTemplateLock, isZoomOut } = unlock(select(blockEditorStore));
+        const settings = getBlockListSettings(clientId);
+        const directInsertValue = settings?.directInsert || false;
+        const hideInserterValue = !!getTemplateLock(clientId) || isZoomOut();
+        return {
+          directInsert: directInsertValue,
+          hideInserter: hideInserterValue
+        };
       },
-      onSelectOrClose: maybeInsertedBlock => {
-        if (maybeInsertedBlock?.clientId) {
-          setInsertedBlock(maybeInsertedBlock);
-        }
+      [clientId]
+    );
+    const blockTitle = useBlockDisplayTitle({
+      clientId,
+      context: "list-view"
+    });
+    const insertedBlockTitle = useBlockDisplayTitle({
+      clientId: insertedBlock?.clientId,
+      context: "list-view"
+    });
+    useEffect(() => {
+      if (!insertedBlockTitle?.length) {
+        return;
       }
-    }), /*#__PURE__*/_jsx(AriaReferencedText, {
-      id: descriptionId,
-      children: description
-    })]
-  });
-});
-//# sourceMappingURL=appender.js.map
+      speak(
+        sprintf(
+          // translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)
+          __("%s block inserted"),
+          insertedBlockTitle
+        ),
+        "assertive"
+      );
+    }, [insertedBlockTitle]);
+    if (hideInserter) {
+      return null;
+    }
+    const descriptionId = `list-view-appender__${instanceId}`;
+    const description = sprintf(
+      /* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */
+      __("Append to %1$s block at position %2$d, Level %3$d"),
+      blockTitle,
+      blockCount + 1,
+      nestingLevel
+    );
+    return /* @__PURE__ */ jsxs("div", { className: "list-view-appender", children: [
+      /* @__PURE__ */ jsx(
+        Inserter,
+        {
+          ref,
+          rootClientId: clientId,
+          position: "bottom right",
+          isAppender: true,
+          selectBlockOnInsert: false,
+          shouldDirectInsert: directInsert,
+          __experimentalIsQuick: true,
+          ...props,
+          toggleProps: { "aria-describedby": descriptionId },
+          onSelectOrClose: (maybeInsertedBlock) => {
+            if (maybeInsertedBlock?.clientId) {
+              setInsertedBlock(maybeInsertedBlock);
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(AriaReferencedText, { id: descriptionId, children: description })
+    ] });
+  }
+);
+export {
+  Appender
+};
+//# sourceMappingURL=appender.js.map