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

package/build/components/inserter/library.js

@@ -1,23 +1,34 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var library_exports = {};
+__export(library_exports, {
+  PrivateInserterLibrary: () => PrivateInserterLibrary,
+  default: () => library_default
 });
-exports.default = exports.PrivateInserterLibrary = void 0;
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _menu = require("./menu");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const noop = () => {};
+module.exports = __toCommonJS(library_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_menu = require("./menu");
+var import_store = require("../../store");
+const noop = () => {
+};
 function InserterLibrary({
   rootClientId,
   clientId,
@@ -33,41 +44,50 @@ function InserterLibrary({
   shouldFocusBlock = false,
   onClose
 }, ref) {
-  const {
-    destinationRootClientId
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockRootClientId
-    } = select(_store.store);
-    const _rootClientId = rootClientId || getBlockRootClientId(clientId) || undefined;
-    return {
-      destinationRootClientId: _rootClientId
-    };
-  }, [clientId, rootClientId]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu.PrivateInserterMenu, {
-    onSelect: onSelect,
-    rootClientId: destinationRootClientId,
-    clientId: clientId,
-    isAppender: isAppender,
-    showInserterHelpPanel: showInserterHelpPanel,
-    showMostUsedBlocks: showMostUsedBlocks,
-    __experimentalInsertionIndex: __experimentalInsertionIndex,
-    __experimentalFilterValue: __experimentalFilterValue,
-    onPatternCategorySelection: onPatternCategorySelection,
-    __experimentalInitialTab: __experimentalInitialTab,
-    __experimentalInitialCategory: __experimentalInitialCategory,
-    shouldFocusBlock: shouldFocusBlock,
-    ref: ref,
-    onClose: onClose
-  });
+  const { destinationRootClientId } = (0, import_data.useSelect)(
+    (select) => {
+      const { getBlockRootClientId } = select(import_store.store);
+      const _rootClientId = rootClientId || getBlockRootClientId(clientId) || void 0;
+      return {
+        destinationRootClientId: _rootClientId
+      };
+    },
+    [clientId, rootClientId]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.PrivateInserterMenu,
+    {
+      onSelect,
+      rootClientId: destinationRootClientId,
+      clientId,
+      isAppender,
+      showInserterHelpPanel,
+      showMostUsedBlocks,
+      __experimentalInsertionIndex,
+      __experimentalFilterValue,
+      onPatternCategorySelection,
+      __experimentalInitialTab,
+      __experimentalInitialCategory,
+      shouldFocusBlock,
+      ref,
+      onClose
+    }
+  );
 }
-const PrivateInserterLibrary = exports.PrivateInserterLibrary = (0, _element.forwardRef)(InserterLibrary);
+const PrivateInserterLibrary = (0, import_element.forwardRef)(InserterLibrary);
 function PublicInserterLibrary(props, ref) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PrivateInserterLibrary, {
-    ...props,
-    onPatternCategorySelection: undefined,
-    ref: ref
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PrivateInserterLibrary,
+    {
+      ...props,
+      onPatternCategorySelection: void 0,
+      ref
+    }
+  );
 }
-var _default = exports.default = (0, _element.forwardRef)(PublicInserterLibrary);
-//# sourceMappingURL=library.js.map
+var library_default = (0, import_element.forwardRef)(PublicInserterLibrary);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PrivateInserterLibrary
+});
+//# sourceMappingURL=library.js.map

package/build/components/inserter/library.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_element","_menu","_store","_jsxRuntime","noop","InserterLibrary","rootClientId","clientId","isAppender","showInserterHelpPanel","showMostUsedBlocks","__experimentalInsertionIndex","__experimentalInitialTab","__experimentalInitialCategory","__experimentalFilterValue","onPatternCategorySelection","onSelect","shouldFocusBlock","onClose","ref","destinationRootClientId","useSelect","select","getBlockRootClientId","blockEditorStore","_rootClientId","undefined","jsx","PrivateInserterMenu","PrivateInserterLibrary","exports","forwardRef","PublicInserterLibrary","props","_default","default"],"sources":["@wordpress/block-editor/src/components/inserter/library.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { PrivateInserterMenu } from './menu';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nfunction InserterLibrary(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks = false,\n\t\t__experimentalInsertionIndex,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t\t__experimentalFilterValue,\n\t\tonPatternCategorySelection,\n\t\tonSelect = noop,\n\t\tshouldFocusBlock = false,\n\t\tonClose,\n\t},\n\tref\n) {\n\tconst { destinationRootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\t\t\tconst _rootClientId =\n\t\t\t\trootClientId || getBlockRootClientId( clientId ) || undefined;\n\t\t\treturn {\n\t\t\t\tdestinationRootClientId: _rootClientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId, rootClientId ]\n\t);\n\n\treturn (\n\t\t<PrivateInserterMenu\n\t\t\tonSelect={ onSelect }\n\t\t\trootClientId={ destinationRootClientId }\n\t\t\tclientId={ clientId }\n\t\t\tisAppender={ isAppender }\n\t\t\tshowInserterHelpPanel={ showInserterHelpPanel }\n\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t__experimentalInsertionIndex={ __experimentalInsertionIndex }\n\t\t\t__experimentalFilterValue={ __experimentalFilterValue }\n\t\t\tonPatternCategorySelection={ onPatternCategorySelection }\n\t\t\t__experimentalInitialTab={ __experimentalInitialTab }\n\t\t\t__experimentalInitialCategory={ __experimentalInitialCategory }\n\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\tref={ ref }\n\t\t\tonClose={ onClose }\n\t\t/>\n\t);\n}\n\nexport const PrivateInserterLibrary = forwardRef( InserterLibrary );\n\nfunction PublicInserterLibrary( props, ref ) {\n\treturn (\n\t\t<PrivateInserterLibrary\n\t\t\t{ ...props }\n\t\t\tonPatternCategorySelection={ undefined }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicInserterLibrary );\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAVxD;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMK,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,eAAeA,CACvB;EACCC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,qBAAqB;EACrBC,kBAAkB,GAAG,KAAK;EAC1BC,4BAA4B;EAC5BC,wBAAwB;EACxBC,6BAA6B;EAC7BC,yBAAyB;EACzBC,0BAA0B;EAC1BC,QAAQ,GAAGZ,IAAI;EACfa,gBAAgB,GAAG,KAAK;EACxBC;AACD,CAAC,EACDC,GAAG,EACF;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,eAAS,EAC1CC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IAC3D,MAAMC,aAAa,GAClBnB,YAAY,IAAIiB,oBAAoB,CAAEhB,QAAS,CAAC,IAAImB,SAAS;IAC9D,OAAO;MACNN,uBAAuB,EAAEK;IAC1B,CAAC;EACF,CAAC,EACD,CAAElB,QAAQ,EAAED,YAAY,CACzB,CAAC;EAED,oBACC,IAAAH,WAAA,CAAAwB,GAAA,EAAC1B,KAAA,CAAA2B,mBAAmB;IACnBZ,QAAQ,EAAGA,QAAU;IACrBV,YAAY,EAAGc,uBAAyB;IACxCb,QAAQ,EAAGA,QAAU;IACrBC,UAAU,EAAGA,UAAY;IACzBC,qBAAqB,EAAGA,qBAAuB;IAC/CC,kBAAkB,EAAGA,kBAAoB;IACzCC,4BAA4B,EAAGA,4BAA8B;IAC7DG,yBAAyB,EAAGA,yBAA2B;IACvDC,0BAA0B,EAAGA,0BAA4B;IACzDH,wBAAwB,EAAGA,wBAA0B;IACrDC,6BAA6B,EAAGA,6BAA+B;IAC/DI,gBAAgB,EAAGA,gBAAkB;IACrCE,GAAG,EAAGA,GAAK;IACXD,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ;AAEO,MAAMW,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,mBAAU,EAAE1B,eAAgB,CAAC;AAEnE,SAAS2B,qBAAqBA,CAAEC,KAAK,EAAEd,GAAG,EAAG;EAC5C,oBACC,IAAAhB,WAAA,CAAAwB,GAAA,EAACE,sBAAsB;IAAA,GACjBI,KAAK;IACVlB,0BAA0B,EAAGW,SAAW;IACxCP,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ;AAAC,IAAAe,QAAA,GAAAJ,OAAA,CAAAK,OAAA,GAEc,IAAAJ,mBAAU,EAAEC,qBAAsB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/inserter/library.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { PrivateInserterMenu } from './menu';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nfunction InserterLibrary(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks = false,\n\t\t__experimentalInsertionIndex,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t\t__experimentalFilterValue,\n\t\tonPatternCategorySelection,\n\t\tonSelect = noop,\n\t\tshouldFocusBlock = false,\n\t\tonClose,\n\t},\n\tref\n) {\n\tconst { destinationRootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\t\t\tconst _rootClientId =\n\t\t\t\trootClientId || getBlockRootClientId( clientId ) || undefined;\n\t\t\treturn {\n\t\t\t\tdestinationRootClientId: _rootClientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId, rootClientId ]\n\t);\n\n\treturn (\n\t\t<PrivateInserterMenu\n\t\t\tonSelect={ onSelect }\n\t\t\trootClientId={ destinationRootClientId }\n\t\t\tclientId={ clientId }\n\t\t\tisAppender={ isAppender }\n\t\t\tshowInserterHelpPanel={ showInserterHelpPanel }\n\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t__experimentalInsertionIndex={ __experimentalInsertionIndex }\n\t\t\t__experimentalFilterValue={ __experimentalFilterValue }\n\t\t\tonPatternCategorySelection={ onPatternCategorySelection }\n\t\t\t__experimentalInitialTab={ __experimentalInitialTab }\n\t\t\t__experimentalInitialCategory={ __experimentalInitialCategory }\n\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\tref={ ref }\n\t\t\tonClose={ onClose }\n\t\t/>\n\t);\n}\n\nexport const PrivateInserterLibrary = forwardRef( InserterLibrary );\n\nfunction PublicInserterLibrary( props, ref ) {\n\treturn (\n\t\t<PrivateInserterLibrary\n\t\t\t{ ...props }\n\t\t\tonPatternCategorySelection={ undefined }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicInserterLibrary );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CE;AA1CF,kBAA0B;AAC1B,qBAA2B;AAK3B,kBAAoC;AACpC,mBAA0C;AAE1C,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,gBACR;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB;AACD,GACA,KACC;AACD,QAAM,EAAE,wBAAwB,QAAI;AAAA,IACnC,CAAE,WAAY;AACb,YAAM,EAAE,qBAAqB,IAAI,OAAQ,aAAAA,KAAiB;AAC1D,YAAM,gBACL,gBAAgB,qBAAsB,QAAS,KAAK;AACrD,aAAO;AAAA,QACN,yBAAyB;AAAA,MAC1B;AAAA,IACD;AAAA,IACA,CAAE,UAAU,YAAa;AAAA,EAC1B;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,6BAAyB,2BAAY,eAAgB;AAElE,SAAS,sBAAuB,OAAO,KAAM;AAC5C,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,4BAA6B;AAAA,MAC7B;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,sBAAQ,2BAAY,qBAAsB;",
+  "names": ["blockEditorStore"]
+}

package/build/components/inserter/media-tab/hooks.js

@@ -1,45 +1,36 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  useMediaCategories: () => useMediaCategories,
+  useMediaResults: () => useMediaResults
 });
-exports.useMediaCategories = useMediaCategories;
-exports.useMediaResults = useMediaResults;
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _store = require("../../../store");
-var _lockUnlock = require("../../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/** @typedef {import('../../../store/actions').InserterMediaRequest} InserterMediaRequest */
-/** @typedef {import('../../../store/actions').InserterMediaItem} InserterMediaItem */
-
-/**
- * Fetches media items based on the provided category.
- * Each media category is responsible for providing a `fetch` function.
- *
- * @param {Object}               category The media category to fetch results for.
- * @param {InserterMediaRequest} query    The query args to use for the request.
- * @return {InserterMediaItem[]} The media results.
- */
+module.exports = __toCommonJS(hooks_exports);
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_store = require("../../../store");
+var import_lock_unlock = require("../../../lock-unlock");
 function useMediaResults(category, query = {}) {
-  const [mediaList, setMediaList] = (0, _element.useState)();
-  const [isLoading, setIsLoading] = (0, _element.useState)(false);
-  // We need to keep track of the last request made because
-  // multiple request can be fired without knowing the order
-  // of resolution, and we need to ensure we are showing
-  // the results of the last request.
-  // In the future we could use AbortController to cancel previous
-  // requests, but we don't for now as it involves adding support
-  // for this to `core-data` package.
-  const lastRequestRef = (0, _element.useRef)();
-  (0, _element.useEffect)(() => {
+  const [mediaList, setMediaList] = (0, import_element.useState)();
+  const [isLoading, setIsLoading] = (0, import_element.useState)(false);
+  const lastRequestRef = (0, import_element.useRef)();
+  (0, import_element.useEffect)(() => {
     (async () => {
       const key = JSON.stringify({
         category: category.name,
@@ -47,7 +38,7 @@ function useMediaResults(category, query = {}) {
       });
       lastRequestRef.current = key;
       setIsLoading(true);
-      setMediaList([]); // Empty the previous results.
+      setMediaList([]);
       const _media = await category.fetch?.(query);
       if (key === lastRequestRef.current) {
         setMediaList(_media);
@@ -55,62 +46,63 @@ function useMediaResults(category, query = {}) {
       }
     })();
   }, [category.name, ...Object.values(query)]);
-  return {
-    mediaList,
-    isLoading
-  };
+  return { mediaList, isLoading };
 }
 function useMediaCategories(rootClientId) {
-  const [categories, setCategories] = (0, _element.useState)([]);
-  const inserterMediaCategories = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getInserterMediaCategories(), []);
-  const {
-    canInsertImage,
-    canInsertVideo,
-    canInsertAudio
-  } = (0, _data.useSelect)(select => {
-    const {
-      canInsertBlockType
-    } = select(_store.store);
-    return {
-      canInsertImage: canInsertBlockType('core/image', rootClientId),
-      canInsertVideo: canInsertBlockType('core/video', rootClientId),
-      canInsertAudio: canInsertBlockType('core/audio', rootClientId)
-    };
-  }, [rootClientId]);
-  (0, _element.useEffect)(() => {
+  const [categories, setCategories] = (0, import_element.useState)([]);
+  const inserterMediaCategories = (0, import_data.useSelect)(
+    (select) => (0, import_lock_unlock.unlock)(select(import_store.store)).getInserterMediaCategories(),
+    []
+  );
+  const { canInsertImage, canInsertVideo, canInsertAudio } = (0, import_data.useSelect)(
+    (select) => {
+      const { canInsertBlockType } = select(import_store.store);
+      return {
+        canInsertImage: canInsertBlockType(
+          "core/image",
+          rootClientId
+        ),
+        canInsertVideo: canInsertBlockType(
+          "core/video",
+          rootClientId
+        ),
+        canInsertAudio: canInsertBlockType(
+          "core/audio",
+          rootClientId
+        )
+      };
+    },
+    [rootClientId]
+  );
+  (0, import_element.useEffect)(() => {
     (async () => {
       const _categories = [];
-      // If `inserterMediaCategories` is not defined in
-      // block editor settings, do not show any media categories.
       if (!inserterMediaCategories) {
         return;
       }
-      // Loop through categories to check if they have at least one media item.
-      const categoriesHaveMedia = new Map(await Promise.all(inserterMediaCategories.map(async category => {
-        // Some sources are external and we don't need to make a request.
-        if (category.isExternalResource) {
-          return [category.name, true];
-        }
-        let results = [];
-        try {
-          results = await category.fetch({
-            per_page: 1
-          });
-        } catch (e) {
-          // If the request fails, we shallow the error and just don't show
-          // the category, in order to not break the media tab.
-        }
-        return [category.name, !!results.length];
-      })));
-      // We need to filter out categories that don't have any media items or
-      // whose corresponding block type is not allowed to be inserted, based
-      // on the category's `mediaType`.
+      const categoriesHaveMedia = new Map(
+        await Promise.all(
+          inserterMediaCategories.map(async (category) => {
+            if (category.isExternalResource) {
+              return [category.name, true];
+            }
+            let results = [];
+            try {
+              results = await category.fetch({
+                per_page: 1
+              });
+            } catch (e) {
+            }
+            return [category.name, !!results.length];
+          })
+        )
+      );
       const canInsertMediaType = {
         image: canInsertImage,
         video: canInsertVideo,
         audio: canInsertAudio
       };
-      inserterMediaCategories.forEach(category => {
+      inserterMediaCategories.forEach((category) => {
         if (canInsertMediaType[category.mediaType] && categoriesHaveMedia.get(category.name)) {
           _categories.push(category);
         }
@@ -119,7 +111,17 @@ function useMediaCategories(rootClientId) {
         setCategories(_categories);
       }
     })();
-  }, [canInsertImage, canInsertVideo, canInsertAudio, inserterMediaCategories]);
+  }, [
+    canInsertImage,
+    canInsertVideo,
+    canInsertAudio,
+    inserterMediaCategories
+  ]);
   return categories;
 }
-//# sourceMappingURL=hooks.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useMediaCategories,
+  useMediaResults
+});
+//# sourceMappingURL=hooks.js.map

package/build/components/inserter/media-tab/hooks.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_data","_store","_lockUnlock","useMediaResults","category","query","mediaList","setMediaList","useState","isLoading","setIsLoading","lastRequestRef","useRef","useEffect","key","JSON","stringify","name","current","_media","fetch","Object","values","useMediaCategories","rootClientId","categories","setCategories","inserterMediaCategories","useSelect","select","unlock","blockEditorStore","getInserterMediaCategories","canInsertImage","canInsertVideo","canInsertAudio","canInsertBlockType","_categories","categoriesHaveMedia","Map","Promise","all","map","isExternalResource","results","per_page","e","length","canInsertMediaType","image","video","audio","forEach","mediaType","get","push"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\n/** @typedef {import('../../../store/actions').InserterMediaRequest} InserterMediaRequest */\n/** @typedef {import('../../../store/actions').InserterMediaItem} InserterMediaItem */\n\n/**\n * Fetches media items based on the provided category.\n * Each media category is responsible for providing a `fetch` function.\n *\n * @param {Object}               category The media category to fetch results for.\n * @param {InserterMediaRequest} query    The query args to use for the request.\n * @return {InserterMediaItem[]} The media results.\n */\nexport function useMediaResults( category, query = {} ) {\n\tconst [ mediaList, setMediaList ] = useState();\n\tconst [ isLoading, setIsLoading ] = useState( false );\n\t// We need to keep track of the last request made because\n\t// multiple request can be fired without knowing the order\n\t// of resolution, and we need to ensure we are showing\n\t// the results of the last request.\n\t// In the future we could use AbortController to cancel previous\n\t// requests, but we don't for now as it involves adding support\n\t// for this to `core-data` package.\n\tconst lastRequestRef = useRef();\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tconst key = JSON.stringify( {\n\t\t\t\tcategory: category.name,\n\t\t\t\t...query,\n\t\t\t} );\n\t\t\tlastRequestRef.current = key;\n\t\t\tsetIsLoading( true );\n\t\t\tsetMediaList( [] ); // Empty the previous results.\n\t\t\tconst _media = await category.fetch?.( query );\n\t\t\tif ( key === lastRequestRef.current ) {\n\t\t\t\tsetMediaList( _media );\n\t\t\t\tsetIsLoading( false );\n\t\t\t}\n\t\t} )();\n\t}, [ category.name, ...Object.values( query ) ] );\n\treturn { mediaList, isLoading };\n}\n\nexport function useMediaCategories( rootClientId ) {\n\tconst [ categories, setCategories ] = useState( [] );\n\n\tconst inserterMediaCategories = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).getInserterMediaCategories(),\n\t\t[]\n\t);\n\tconst { canInsertImage, canInsertVideo, canInsertAudio } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tcanInsertImage: canInsertBlockType(\n\t\t\t\t\t'core/image',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tcanInsertVideo: canInsertBlockType(\n\t\t\t\t\t'core/video',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tcanInsertAudio: canInsertBlockType(\n\t\t\t\t\t'core/audio',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tconst _categories = [];\n\t\t\t// If `inserterMediaCategories` is not defined in\n\t\t\t// block editor settings, do not show any media categories.\n\t\t\tif ( ! inserterMediaCategories ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Loop through categories to check if they have at least one media item.\n\t\t\tconst categoriesHaveMedia = new Map(\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tinserterMediaCategories.map( async ( category ) => {\n\t\t\t\t\t\t// Some sources are external and we don't need to make a request.\n\t\t\t\t\t\tif ( category.isExternalResource ) {\n\t\t\t\t\t\t\treturn [ category.name, true ];\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet results = [];\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tresults = await category.fetch( {\n\t\t\t\t\t\t\t\tper_page: 1,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} catch ( e ) {\n\t\t\t\t\t\t\t// If the request fails, we shallow the error and just don't show\n\t\t\t\t\t\t\t// the category, in order to not break the media tab.\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [ category.name, !! results.length ];\n\t\t\t\t\t} )\n\t\t\t\t)\n\t\t\t);\n\t\t\t// We need to filter out categories that don't have any media items or\n\t\t\t// whose corresponding block type is not allowed to be inserted, based\n\t\t\t// on the category's `mediaType`.\n\t\t\tconst canInsertMediaType = {\n\t\t\t\timage: canInsertImage,\n\t\t\t\tvideo: canInsertVideo,\n\t\t\t\taudio: canInsertAudio,\n\t\t\t};\n\t\t\tinserterMediaCategories.forEach( ( category ) => {\n\t\t\t\tif (\n\t\t\t\t\tcanInsertMediaType[ category.mediaType ] &&\n\t\t\t\t\tcategoriesHaveMedia.get( category.name )\n\t\t\t\t) {\n\t\t\t\t\t_categories.push( category );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tif ( !! _categories.length ) {\n\t\t\t\tsetCategories( _categories );\n\t\t\t}\n\t\t} )();\n\t}, [\n\t\tcanInsertImage,\n\t\tcanInsertVideo,\n\t\tcanInsertAudio,\n\t\tinserterMediaCategories,\n\t] );\n\treturn categories;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/media-tab/hooks.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\n/** @typedef {import('../../../store/actions').InserterMediaRequest} InserterMediaRequest */\n/** @typedef {import('../../../store/actions').InserterMediaItem} InserterMediaItem */\n\n/**\n * Fetches media items based on the provided category.\n * Each media category is responsible for providing a `fetch` function.\n *\n * @param {Object}               category The media category to fetch results for.\n * @param {InserterMediaRequest} query    The query args to use for the request.\n * @return {InserterMediaItem[]} The media results.\n */\nexport function useMediaResults( category, query = {} ) {\n\tconst [ mediaList, setMediaList ] = useState();\n\tconst [ isLoading, setIsLoading ] = useState( false );\n\t// We need to keep track of the last request made because\n\t// multiple request can be fired without knowing the order\n\t// of resolution, and we need to ensure we are showing\n\t// the results of the last request.\n\t// In the future we could use AbortController to cancel previous\n\t// requests, but we don't for now as it involves adding support\n\t// for this to `core-data` package.\n\tconst lastRequestRef = useRef();\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tconst key = JSON.stringify( {\n\t\t\t\tcategory: category.name,\n\t\t\t\t...query,\n\t\t\t} );\n\t\t\tlastRequestRef.current = key;\n\t\t\tsetIsLoading( true );\n\t\t\tsetMediaList( [] ); // Empty the previous results.\n\t\t\tconst _media = await category.fetch?.( query );\n\t\t\tif ( key === lastRequestRef.current ) {\n\t\t\t\tsetMediaList( _media );\n\t\t\t\tsetIsLoading( false );\n\t\t\t}\n\t\t} )();\n\t}, [ category.name, ...Object.values( query ) ] );\n\treturn { mediaList, isLoading };\n}\n\nexport function useMediaCategories( rootClientId ) {\n\tconst [ categories, setCategories ] = useState( [] );\n\n\tconst inserterMediaCategories = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).getInserterMediaCategories(),\n\t\t[]\n\t);\n\tconst { canInsertImage, canInsertVideo, canInsertAudio } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tcanInsertImage: canInsertBlockType(\n\t\t\t\t\t'core/image',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tcanInsertVideo: canInsertBlockType(\n\t\t\t\t\t'core/video',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tcanInsertAudio: canInsertBlockType(\n\t\t\t\t\t'core/audio',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tconst _categories = [];\n\t\t\t// If `inserterMediaCategories` is not defined in\n\t\t\t// block editor settings, do not show any media categories.\n\t\t\tif ( ! inserterMediaCategories ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Loop through categories to check if they have at least one media item.\n\t\t\tconst categoriesHaveMedia = new Map(\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tinserterMediaCategories.map( async ( category ) => {\n\t\t\t\t\t\t// Some sources are external and we don't need to make a request.\n\t\t\t\t\t\tif ( category.isExternalResource ) {\n\t\t\t\t\t\t\treturn [ category.name, true ];\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet results = [];\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tresults = await category.fetch( {\n\t\t\t\t\t\t\t\tper_page: 1,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} catch ( e ) {\n\t\t\t\t\t\t\t// If the request fails, we shallow the error and just don't show\n\t\t\t\t\t\t\t// the category, in order to not break the media tab.\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [ category.name, !! results.length ];\n\t\t\t\t\t} )\n\t\t\t\t)\n\t\t\t);\n\t\t\t// We need to filter out categories that don't have any media items or\n\t\t\t// whose corresponding block type is not allowed to be inserted, based\n\t\t\t// on the category's `mediaType`.\n\t\t\tconst canInsertMediaType = {\n\t\t\t\timage: canInsertImage,\n\t\t\t\tvideo: canInsertVideo,\n\t\t\t\taudio: canInsertAudio,\n\t\t\t};\n\t\t\tinserterMediaCategories.forEach( ( category ) => {\n\t\t\t\tif (\n\t\t\t\t\tcanInsertMediaType[ category.mediaType ] &&\n\t\t\t\t\tcategoriesHaveMedia.get( category.name )\n\t\t\t\t) {\n\t\t\t\t\t_categories.push( category );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tif ( !! _categories.length ) {\n\t\t\t\tsetCategories( _categories );\n\t\t\t}\n\t\t} )();\n\t}, [\n\t\tcanInsertImage,\n\t\tcanInsertVideo,\n\t\tcanInsertAudio,\n\t\tinserterMediaCategories,\n\t] );\n\treturn categories;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA4C;AAC5C,kBAA0B;AAK1B,mBAA0C;AAC1C,yBAAuB;AAahB,SAAS,gBAAiB,UAAU,QAAQ,CAAC,GAAI;AACvD,QAAM,CAAE,WAAW,YAAa,QAAI,yBAAS;AAC7C,QAAM,CAAE,WAAW,YAAa,QAAI,yBAAU,KAAM;AAQpD,QAAM,qBAAiB,uBAAO;AAC9B,gCAAW,MAAM;AAChB,KAAE,YAAY;AACb,YAAM,MAAM,KAAK,UAAW;AAAA,QAC3B,UAAU,SAAS;AAAA,QACnB,GAAG;AAAA,MACJ,CAAE;AACF,qBAAe,UAAU;AACzB,mBAAc,IAAK;AACnB,mBAAc,CAAC,CAAE;AACjB,YAAM,SAAS,MAAM,SAAS,QAAS,KAAM;AAC7C,UAAK,QAAQ,eAAe,SAAU;AACrC,qBAAc,MAAO;AACrB,qBAAc,KAAM;AAAA,MACrB;AAAA,IACD,GAAI;AAAA,EACL,GAAG,CAAE,SAAS,MAAM,GAAG,OAAO,OAAQ,KAAM,CAAE,CAAE;AAChD,SAAO,EAAE,WAAW,UAAU;AAC/B;AAEO,SAAS,mBAAoB,cAAe;AAClD,QAAM,CAAE,YAAY,aAAc,QAAI,yBAAU,CAAC,CAAE;AAEnD,QAAM,8BAA0B;AAAA,IAC/B,CAAE,eACD,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE,EAAE,2BAA2B;AAAA,IACjE,CAAC;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,gBAAgB,eAAe,QAAI;AAAA,IAC1D,CAAE,WAAY;AACb,YAAM,EAAE,mBAAmB,IAAI,OAAQ,aAAAA,KAAiB;AACxD,aAAO;AAAA,QACN,gBAAgB;AAAA,UACf;AAAA,UACA;AAAA,QACD;AAAA,QACA,gBAAgB;AAAA,UACf;AAAA,UACA;AAAA,QACD;AAAA,QACA,gBAAgB;AAAA,UACf;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AACA,gCAAW,MAAM;AAChB,KAAE,YAAY;AACb,YAAM,cAAc,CAAC;AAGrB,UAAK,CAAE,yBAA0B;AAChC;AAAA,MACD;AAEA,YAAM,sBAAsB,IAAI;AAAA,QAC/B,MAAM,QAAQ;AAAA,UACb,wBAAwB,IAAK,OAAQ,aAAc;AAElD,gBAAK,SAAS,oBAAqB;AAClC,qBAAO,CAAE,SAAS,MAAM,IAAK;AAAA,YAC9B;AACA,gBAAI,UAAU,CAAC;AACf,gBAAI;AACH,wBAAU,MAAM,SAAS,MAAO;AAAA,gBAC/B,UAAU;AAAA,cACX,CAAE;AAAA,YACH,SAAU,GAAI;AAAA,YAGd;AACA,mBAAO,CAAE,SAAS,MAAM,CAAC,CAAE,QAAQ,MAAO;AAAA,UAC3C,CAAE;AAAA,QACH;AAAA,MACD;AAIA,YAAM,qBAAqB;AAAA,QAC1B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACR;AACA,8BAAwB,QAAS,CAAE,aAAc;AAChD,YACC,mBAAoB,SAAS,SAAU,KACvC,oBAAoB,IAAK,SAAS,IAAK,GACtC;AACD,sBAAY,KAAM,QAAS;AAAA,QAC5B;AAAA,MACD,CAAE;AACF,UAAK,CAAC,CAAE,YAAY,QAAS;AAC5B,sBAAe,WAAY;AAAA,MAC5B;AAAA,IACD,GAAI;AAAA,EACL,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACF,SAAO;AACR;",
+  "names": ["blockEditorStore"]
+}

package/build/components/inserter/media-tab/index.js

@@ -1,28 +1,45 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MediaCategoryPanel", {
-  enumerable: true,
-  get: function () {
-    return _mediaPanel.MediaCategoryPanel;
-  }
-});
-Object.defineProperty(exports, "MediaTab", {
-  enumerable: true,
-  get: function () {
-    return _mediaTab.default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var media_tab_exports = {};
+__export(media_tab_exports, {
+  MediaCategoryPanel: () => import_media_panel.MediaCategoryPanel,
+  MediaTab: () => import_media_tab.default,
+  useMediaCategories: () => import_hooks.useMediaCategories
 });
-Object.defineProperty(exports, "useMediaCategories", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useMediaCategories;
-  }
+module.exports = __toCommonJS(media_tab_exports);
+var import_media_tab = __toESM(require("./media-tab"));
+var import_media_panel = require("./media-panel");
+var import_hooks = require("./hooks");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaCategoryPanel,
+  MediaTab,
+  useMediaCategories
 });
-var _mediaTab = _interopRequireDefault(require("./media-tab"));
-var _mediaPanel = require("./media-panel");
-var _hooks = require("./hooks");
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/inserter/media-tab/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_mediaTab","_interopRequireDefault","require","_mediaPanel","_hooks"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/index.js"],"sourcesContent":["export { default as MediaTab } from './media-tab';\nexport { MediaCategoryPanel } from './media-panel';\nexport { useMediaCategories } from './hooks';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/media-tab/index.js"],
+  "sourcesContent": ["export { default as MediaTab } from './media-tab';\nexport { MediaCategoryPanel } from './media-panel';\nexport { useMediaCategories } from './hooks';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoC;AACpC,yBAAmC;AACnC,mBAAmC;",
+  "names": []
+}

package/build/components/inserter/media-tab/media-list.js

@@ -1,37 +1,53 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var media_list_exports = {};
+__export(media_list_exports, {
+  default: () => media_list_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _mediaPreview = require("./media-preview");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(media_list_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_media_preview = require("./media-preview");
 function MediaList({
   mediaList,
   category,
   onClick,
-  label = (0, _i18n.__)('Media List')
+  label = (0, import_i18n.__)("Media List")
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Composite, {
-    role: "listbox",
-    className: "block-editor-inserter__media-list",
-    "aria-label": label,
-    children: mediaList.map((media, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_mediaPreview.MediaPreview, {
-      media: media,
-      category: category,
-      onClick: onClick
-    }, media.id || media.sourceId || index))
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Composite,
+    {
+      role: "listbox",
+      className: "block-editor-inserter__media-list",
+      "aria-label": label,
+      children: mediaList.map((media, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_media_preview.MediaPreview,
+        {
+          media,
+          category,
+          onClick
+        },
+        media.id || media.sourceId || index
+      ))
+    }
+  );
 }
-var _default = exports.default = MediaList;
-//# sourceMappingURL=media-list.js.map
+var media_list_default = MediaList;
+//# sourceMappingURL=media-list.js.map

package/build/components/inserter/media-tab/media-list.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_mediaPreview","_jsxRuntime","MediaList","mediaList","category","onClick","label","__","jsx","Composite","role","className","children","map","media","index","MediaPreview","id","sourceId","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Composite } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MediaPreview } from './media-preview';\n\nfunction MediaList( {\n\tmediaList,\n\tcategory,\n\tonClick,\n\tlabel = __( 'Media List' ),\n} ) {\n\treturn (\n\t\t<Composite\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-inserter__media-list\"\n\t\t\taria-label={ label }\n\t\t>\n\t\t\t{ mediaList.map( ( media, index ) => (\n\t\t\t\t<MediaPreview\n\t\t\t\t\tkey={ media.id || media.sourceId || index }\n\t\t\t\t\tmedia={ media }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nexport default MediaList;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAT/C;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASI,SAASA,CAAE;EACnBC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK,GAAG,IAAAC,QAAE,EAAE,YAAa;AAC1B,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACX,WAAA,CAAAY,SAAS;IACTC,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,mCAAmC;IAC7C,cAAaL,KAAO;IAAAM,QAAA,EAElBT,SAAS,CAACU,GAAG,CAAE,CAAEC,KAAK,EAAEC,KAAK,kBAC9B,IAAAd,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAgB,YAAY;MAEZF,KAAK,EAAGA,KAAO;MACfV,QAAQ,EAAGA,QAAU;MACrBC,OAAO,EAAGA;IAAS,GAHbS,KAAK,CAACG,EAAE,IAAIH,KAAK,CAACI,QAAQ,IAAIH,KAIpC,CACA;EAAC,CACO,CAAC;AAEd;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcnB,SAAS","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/media-tab/media-list.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Composite } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MediaPreview } from './media-preview';\n\nfunction MediaList( {\n\tmediaList,\n\tcategory,\n\tonClick,\n\tlabel = __( 'Media List' ),\n} ) {\n\treturn (\n\t\t<Composite\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-inserter__media-list\"\n\t\t\taria-label={ label }\n\t\t>\n\t\t\t{ mediaList.map( ( media, index ) => (\n\t\t\t\t<MediaPreview\n\t\t\t\t\tkey={ media.id || media.sourceId || index }\n\t\t\t\t\tmedia={ media }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nexport default MediaList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBI;AArBJ,wBAA0B;AAC1B,kBAAmB;AAKnB,2BAA6B;AAE7B,SAAS,UAAW;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAQ,gBAAI,YAAa;AAC1B,GAAI;AACH,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAa;AAAA,MAEX,oBAAU,IAAK,CAAE,OAAO,UACzB;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAHM,MAAM,MAAM,MAAM,YAAY;AAAA,MAIrC,CACC;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": []
+}