@wordpress/block-editor 14.5.0 → 14.6.0

package/build/components/inserter/category-tabs/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _lockUnlock = require("../../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -34,15 +35,27 @@ function CategoryTabs({
     ease: [0.6, 0, 0.4, 1]
   };
   const previousSelectedCategory = (0, _compose.usePrevious)(selectedCategory);
+  const selectedTabId = selectedCategory ? selectedCategory.name : null;
+  const [activeTabId, setActiveId] = (0, _element.useState)();
+  const firstTabId = categories?.[0]?.name;
+  (0, _element.useEffect)(() => {
+    // If there is no active tab, make the first tab the active tab, so that
+    // when focus is moved to the tablist, the first tab will be focused
+    // despite not being selected
+    if (selectedTabId === null && !activeTabId && firstTabId) {
+      setActiveId(firstTabId);
+    }
+  }, [selectedTabId, activeTabId, firstTabId, setActiveId]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
-    className: "block-editor-inserter__category-tabs",
     selectOnMove: false,
-    selectedTabId: selectedCategory ? selectedCategory.name : null,
+    selectedTabId: selectedTabId,
     orientation: "vertical",
     onSelect: categoryId => {
       // Pass the full category object
       onSelectCategory(categories.find(category => category.name === categoryId));
     },
+    activeTabId: activeTabId,
+    onActiveTabIdChange: setActiveId,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
       className: "block-editor-inserter__category-tablist",
       children: categories.map(category => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {

package/build/components/inserter/category-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_components","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","CategoryTabs","categories","selectedCategory","onSelectCategory","children","ANIMATION_DURATION","disableMotion","useReducedMotion","defaultTransition","type","duration","ease","previousSelectedCategory","usePrevious","jsxs","className","selectOnMove","selectedTabId","name","orientation","onSelect","categoryId","find","category","jsx","TabList","map","Tab","tabId","label","undefined","TabPanel","focusable","__unstableMotion","div","initial","animate","variants","open","transform","transitionEnd","zIndex","closed","transition","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/category-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { usePrevious, useReducedMotion } from '@wordpress/compose';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction CategoryTabs( {\n\tcategories,\n\tselectedCategory,\n\tonSelectCategory,\n\tchildren,\n} ) {\n\t// Copied from InterfaceSkeleton.\n\tconst ANIMATION_DURATION = 0.25;\n\tconst disableMotion = useReducedMotion();\n\tconst defaultTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\n\tconst previousSelectedCategory = usePrevious( selectedCategory );\n\n\treturn (\n\t\t<Tabs\n\t\t\tclassName=\"block-editor-inserter__category-tabs\"\n\t\t\tselectOnMove={ false }\n\t\t\tselectedTabId={ selectedCategory ? selectedCategory.name : null }\n\t\t\torientation=\"vertical\"\n\t\t\tonSelect={ ( categoryId ) => {\n\t\t\t\t// Pass the full category object\n\t\t\t\tonSelectCategory(\n\t\t\t\t\tcategories.find(\n\t\t\t\t\t\t( category ) => category.name === categoryId\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t} }\n\t\t>\n\t\t\t<Tabs.TabList className=\"block-editor-inserter__category-tablist\">\n\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\tkey={ category.name }\n\t\t\t\t\t\ttabId={ category.name }\n\t\t\t\t\t\taria-label={ category.label }\n\t\t\t\t\t\taria-current={\n\t\t\t\t\t\t\tcategory === selectedCategory ? 'true' : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ category.label }\n\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t) ) }\n\t\t\t</Tabs.TabList>\n\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\ttabId={ category.name }\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tclassName=\"block-editor-inserter__category-panel\"\n\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\t! previousSelectedCategory ? 'closed' : 'open'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tanimate=\"open\"\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\topen: {\n\t\t\t\t\t\t\t\ttransform: 'translateX( 0 )',\n\t\t\t\t\t\t\t\ttransitionEnd: {\n\t\t\t\t\t\t\t\t\tzIndex: '1',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tclosed: {\n\t\t\t\t\t\t\t\ttransform: 'translateX( -100% )',\n\t\t\t\t\t\t\t\tzIndex: '-1',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t) ) }\n\t\t</Tabs>\n\t);\n}\n\nexport default CategoryTabs;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAZ9C;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEI;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,SAASC,YAAYA,CAAE;EACtBC,UAAU;EACVC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH;EACA,MAAMC,kBAAkB,GAAG,IAAI;EAC/B,MAAMC,aAAa,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACxC,MAAMC,iBAAiB,GAAG;IACzBC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAEJ,aAAa,GAAG,CAAC,GAAGD,kBAAkB;IAChDM,IAAI,EAAE,CAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;EACvB,CAAC;EAED,MAAMC,wBAAwB,GAAG,IAAAC,oBAAW,EAAEX,gBAAiB,CAAC;EAEhE,oBACC,IAAAN,WAAA,CAAAkB,IAAA,EAACjB,IAAI;IACJkB,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAG,KAAO;IACtBC,aAAa,EAAGf,gBAAgB,GAAGA,gBAAgB,CAACgB,IAAI,GAAG,IAAM;IACjEC,WAAW,EAAC,UAAU;IACtBC,QAAQ,EAAKC,UAAU,IAAM;MAC5B;MACAlB,gBAAgB,CACfF,UAAU,CAACqB,IAAI,CACZC,QAAQ,IAAMA,QAAQ,CAACL,IAAI,KAAKG,UACnC,CACD,CAAC;IACF,CAAG;IAAAjB,QAAA,gBAEH,IAAAR,WAAA,CAAA4B,GAAA,EAAC3B,IAAI,CAAC4B,OAAO;MAACV,SAAS,EAAC,yCAAyC;MAAAX,QAAA,EAC9DH,UAAU,CAACyB,GAAG,CAAIH,QAAQ,iBAC3B,IAAA3B,WAAA,CAAA4B,GAAA,EAAC3B,IAAI,CAAC8B,GAAG;QAERC,KAAK,EAAGL,QAAQ,CAACL,IAAM;QACvB,cAAaK,QAAQ,CAACM,KAAO;QAC7B,gBACCN,QAAQ,KAAKrB,gBAAgB,GAAG,MAAM,GAAG4B,SACzC;QAAA1B,QAAA,EAECmB,QAAQ,CAACM;MAAK,GAPVN,QAAQ,CAACL,IAQN,CACT;IAAC,CACU,CAAC,EACbjB,UAAU,CAACyB,GAAG,CAAIH,QAAQ,iBAC3B,IAAA3B,WAAA,CAAA4B,GAAA,EAAC3B,IAAI,CAACkC,QAAQ;MAEbH,KAAK,EAAGL,QAAQ,CAACL,IAAM;MACvBc,SAAS,EAAG,KAAO;MAAA5B,QAAA,eAEnB,IAAAR,WAAA,CAAA4B,GAAA,EAAC9B,WAAA,CAAAuC,gBAAM,CAACC,GAAG;QACVnB,SAAS,EAAC,uCAAuC;QACjDoB,OAAO,EACN,CAAEvB,wBAAwB,GAAG,QAAQ,GAAG,MACxC;QACDwB,OAAO,EAAC,MAAM;QACdC,QAAQ,EAAG;UACVC,IAAI,EAAE;YACLC,SAAS,EAAE,iBAAiB;YAC5BC,aAAa,EAAE;cACdC,MAAM,EAAE;YACT;UACD,CAAC;UACDC,MAAM,EAAE;YACPH,SAAS,EAAE,qBAAqB;YAChCE,MAAM,EAAE;UACT;QACD,CAAG;QACHE,UAAU,EAAGnC,iBAAmB;QAAAJ,QAAA,EAE9BA;MAAQ,CACC;IAAC,GAzBPmB,QAAQ,CAACL,IA0BD,CACd,CAAC;EAAA,CACE,CAAC;AAET;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc9C,YAAY","ignoreList":[]}
+{"version":3,"names":["_compose","require","_components","_element","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","CategoryTabs","categories","selectedCategory","onSelectCategory","children","ANIMATION_DURATION","disableMotion","useReducedMotion","defaultTransition","type","duration","ease","previousSelectedCategory","usePrevious","selectedTabId","name","activeTabId","setActiveId","useState","firstTabId","useEffect","jsxs","selectOnMove","orientation","onSelect","categoryId","find","category","onActiveTabIdChange","jsx","TabList","className","map","Tab","tabId","label","undefined","TabPanel","focusable","__unstableMotion","div","initial","animate","variants","open","transform","transitionEnd","zIndex","closed","transition","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/category-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { usePrevious, useReducedMotion } from '@wordpress/compose';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction CategoryTabs( {\n\tcategories,\n\tselectedCategory,\n\tonSelectCategory,\n\tchildren,\n} ) {\n\t// Copied from InterfaceSkeleton.\n\tconst ANIMATION_DURATION = 0.25;\n\tconst disableMotion = useReducedMotion();\n\tconst defaultTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\n\tconst previousSelectedCategory = usePrevious( selectedCategory );\n\n\tconst selectedTabId = selectedCategory ? selectedCategory.name : null;\n\tconst [ activeTabId, setActiveId ] = useState();\n\tconst firstTabId = categories?.[ 0 ]?.name;\n\tuseEffect( () => {\n\t\t// If there is no active tab, make the first tab the active tab, so that\n\t\t// when focus is moved to the tablist, the first tab will be focused\n\t\t// despite not being selected\n\t\tif ( selectedTabId === null && ! activeTabId && firstTabId ) {\n\t\t\tsetActiveId( firstTabId );\n\t\t}\n\t}, [ selectedTabId, activeTabId, firstTabId, setActiveId ] );\n\n\treturn (\n\t\t<Tabs\n\t\t\tselectOnMove={ false }\n\t\t\tselectedTabId={ selectedTabId }\n\t\t\torientation=\"vertical\"\n\t\t\tonSelect={ ( categoryId ) => {\n\t\t\t\t// Pass the full category object\n\t\t\t\tonSelectCategory(\n\t\t\t\t\tcategories.find(\n\t\t\t\t\t\t( category ) => category.name === categoryId\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t} }\n\t\t\tactiveTabId={ activeTabId }\n\t\t\tonActiveTabIdChange={ setActiveId }\n\t\t>\n\t\t\t<Tabs.TabList className=\"block-editor-inserter__category-tablist\">\n\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\tkey={ category.name }\n\t\t\t\t\t\ttabId={ category.name }\n\t\t\t\t\t\taria-label={ category.label }\n\t\t\t\t\t\taria-current={\n\t\t\t\t\t\t\tcategory === selectedCategory ? 'true' : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ category.label }\n\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t) ) }\n\t\t\t</Tabs.TabList>\n\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\ttabId={ category.name }\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tclassName=\"block-editor-inserter__category-panel\"\n\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\t! previousSelectedCategory ? 'closed' : 'open'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tanimate=\"open\"\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\topen: {\n\t\t\t\t\t\t\t\ttransform: 'translateX( 0 )',\n\t\t\t\t\t\t\t\ttransitionEnd: {\n\t\t\t\t\t\t\t\t\tzIndex: '1',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tclosed: {\n\t\t\t\t\t\t\t\ttransform: 'translateX( -100% )',\n\t\t\t\t\t\t\t\tzIndex: '-1',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t) ) }\n\t\t</Tabs>\n\t);\n}\n\nexport default CategoryTabs;\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter/menu.js

@@ -22,6 +22,7 @@ var _useInsertionPoint = _interopRequireDefault(require("./hooks/use-insertion-p
 var _store = require("../../store");
 var _tabbedSidebar = _interopRequireDefault(require("../tabbed-sidebar"));
 var _useZoomOut = require("../../hooks/use-zoom-out");
+var _lockUnlock = require("../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -51,12 +52,13 @@ function InserterMenu({
   __experimentalInitialTab,
   __experimentalInitialCategory
 }, ref) {
-  const isZoomOutMode = (0, _data.useSelect)(select => select(_store.store).__unstableGetEditorMode() === 'zoom-out', []);
+  const isZoomOutMode = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).isZoomOut(), []);
   const [filterValue, setFilterValue, delayedFilterValue] = (0, _compose.useDebouncedInput)(__experimentalFilterValue);
   const [hoveredItem, setHoveredItem] = (0, _element.useState)(null);
   const [selectedPatternCategory, setSelectedPatternCategory] = (0, _element.useState)(__experimentalInitialCategory);
   const [patternFilter, setPatternFilter] = (0, _element.useState)('all');
   const [selectedMediaCategory, setSelectedMediaCategory] = (0, _element.useState)(null);
+  const isLargeViewport = (0, _compose.useViewportMatch)('large');
   function getInitialTab() {
     if (__experimentalInitialTab) {
       return __experimentalInitialTab;
@@ -67,7 +69,7 @@ function InserterMenu({
   }
   const [selectedTab, setSelectedTab] = (0, _element.useState)(getInitialTab());
   const shouldUseZoomOut = selectedTab === 'patterns' || selectedTab === 'media';
-  (0, _useZoomOut.useZoomOut)(shouldUseZoomOut);
+  (0, _useZoomOut.useZoomOut)(shouldUseZoomOut && isLargeViewport);
   const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = (0, _useInsertionPoint.default)({
     rootClientId,
     clientId,

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_i18n","_compose","_data","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_patternCategoryPreviews","_mediaTab","_searchResults","_useInsertionPoint","_store","_tabbedSidebar","_useZoomOut","_jsxRuntime","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","onPatternCategorySelection","onClose","__experimentalInitialTab","__experimentalInitialCategory","ref","isZoomOutMode","useSelect","select","blockEditorStore","__unstableGetEditorMode","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","getInitialTab","selectedTab","setSelectedTab","shouldUseZoomOut","useZoomOut","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","blockTypesTabRef","useRef","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","_rootClientId","window","requestAnimationFrame","current","contains","ownerDocument","activeElement","querySelector","focus","onInsertPattern","patternName","args","onHover","item","onClickPatternCategory","patternCategory","filter","showPatternPanel","showMediaPanel","inserterSearch","useMemo","jsxs","Fragment","children","jsx","SearchControl","__nextHasNoMarginBottom","className","onChange","value","label","__","placeholder","default","showBlockDirectory","prioritizePatterns","blocksTab","VisuallyHidden","as","patternsTab","onSelectCategory","selectedCategory","PatternCategoryPreviews","category","showTitlesAsTooltip","mediaTab","MediaTab","MediaCategoryPanel","handleSetSelectedTab","tabsRef","useLayoutEffect","clsx","closeButtonLabel","tabs","name","title","panel","Popover","placement","offset","focusOnMount","animate","PrivateInserterMenu","exports","forwardRef","PublicInserterMenu","props","_default"],"sources":["@wordpress/block-editor/src/components/inserter/menu.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDebouncedInput } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTab from './block-patterns-tab';\nimport { PatternCategoryPreviews } from './block-patterns-tab/pattern-category-previews';\nimport { MediaTab, MediaCategoryPanel } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport { store as blockEditorStore } from '../../store';\nimport TabbedSidebar from '../tabbed-sidebar';\nimport { useZoomOut } from '../../hooks/use-zoom-out';\n\nconst NOOP = () => {};\nfunction InserterMenu(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\t__experimentalInsertionIndex,\n\t\tonSelect,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks,\n\t\t__experimentalFilterValue = '',\n\t\tshouldFocusBlock = true,\n\t\tonPatternCategorySelection,\n\t\tonClose,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t},\n\tref\n) {\n\tconst isZoomOutMode = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() === 'zoom-out',\n\t\t[]\n\t);\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] = useState(\n\t\t__experimentalInitialCategory\n\t);\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tfunction getInitialTab() {\n\t\tif ( __experimentalInitialTab ) {\n\t\t\treturn __experimentalInitialTab;\n\t\t}\n\n\t\tif ( isZoomOutMode ) {\n\t\t\treturn 'patterns';\n\t\t}\n\t}\n\tconst [ selectedTab, setSelectedTab ] = useState( getInitialTab() );\n\n\tconst shouldUseZoomOut =\n\t\tselectedTab === 'patterns' || selectedTab === 'media';\n\tuseZoomOut( shouldUseZoomOut );\n\n\tconst [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =\n\t\tuseInsertionPoint( {\n\t\t\trootClientId,\n\t\t\tclientId,\n\t\t\tisAppender,\n\t\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\t\tshouldFocusBlock,\n\t\t} );\n\tconst blockTypesTabRef = useRef();\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock, _rootClientId ) => {\n\t\t\tonInsertBlocks(\n\t\t\t\tblocks,\n\t\t\t\tmeta,\n\t\t\t\tshouldForceFocusBlock,\n\t\t\t\t_rootClientId\n\t\t\t);\n\t\t\tonSelect( blocks );\n\n\t\t\t// Check for focus loss due to filtering blocks by selected block type\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\tif (\n\t\t\t\t\t! shouldFocusBlock &&\n\t\t\t\t\t! blockTypesTabRef.current?.contains(\n\t\t\t\t\t\tref.current.ownerDocument.activeElement\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// There has been a focus loss, so focus the first button in the block types tab\n\t\t\t\t\tblockTypesTabRef.current?.querySelector( 'button' ).focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ onInsertBlocks, onSelect, shouldFocusBlock ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName, ...args ) => {\n\t\t\tonToggleInsertionPoint( false );\n\t\t\tonInsertBlocks( blocks, { patternName }, ...args );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onHover = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( item );\n\t\t\tsetHoveredItem( item );\n\t\t},\n\t\t[ onToggleInsertionPoint, setHoveredItem ]\n\t);\n\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t\tonPatternCategorySelection?.();\n\t\t},\n\t\t[ setSelectedPatternCategory, onPatternCategorySelection ]\n\t);\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\t!! selectedPatternCategory;\n\n\tconst showMediaPanel = selectedTab === 'media' && !! selectedMediaCategory;\n\n\tconst inserterSearch = useMemo( () => {\n\t\tif ( selectedTab === 'media' ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tif ( hoveredItem ) {\n\t\t\t\t\t\t\tsetHoveredItem( null );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\tprioritizePatterns={ selectedTab === 'patterns' }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tselectedTab,\n\t\thoveredItem,\n\t\tsetHoveredItem,\n\t\tsetFilterValue,\n\t\tfilterValue,\n\t\tdelayedFilterValue,\n\t\tonSelect,\n\t\tonHover,\n\t\tshouldFocusBlock,\n\t\tclientId,\n\t\trootClientId,\n\t\t__experimentalInsertionIndex,\n\t\tisAppender,\n\t] );\n\n\tconst blocksTab = useMemo( () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div className=\"block-editor-inserter__block-list\">\n\t\t\t\t\t<BlockTypesTab\n\t\t\t\t\t\tref={ blockTypesTabRef }\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ showInserterHelpPanel && (\n\t\t\t\t\t<div className=\"block-editor-inserter__tips\">\n\t\t\t\t\t\t<VisuallyHidden as=\"h2\">\n\t\t\t\t\t\t\t{ __( 'A tip for using the block editor' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<Tips />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tonHover,\n\t\tshowMostUsedBlocks,\n\t\tshowInserterHelpPanel,\n\t] );\n\n\tconst patternsTab = useMemo( () => {\n\t\treturn (\n\t\t\t<BlockPatternsTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\tonSelectCategory={ onClickPatternCategory }\n\t\t\t\tselectedCategory={ selectedPatternCategory }\n\t\t\t>\n\t\t\t\t{ showPatternPanel && (\n\t\t\t\t\t<PatternCategoryPreviews\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockPatternsTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsertPattern,\n\t\tonClickPatternCategory,\n\t\tpatternFilter,\n\t\tselectedPatternCategory,\n\t\tshowPatternPanel,\n\t] );\n\n\tconst mediaTab = useMemo( () => {\n\t\treturn (\n\t\t\t<MediaTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tselectedCategory={ selectedMediaCategory }\n\t\t\t\tonSelectCategory={ setSelectedMediaCategory }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t>\n\t\t\t\t{ showMediaPanel && (\n\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</MediaTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tselectedMediaCategory,\n\t\tsetSelectedMediaCategory,\n\t\tshowMediaPanel,\n\t] );\n\n\tconst handleSetSelectedTab = ( value ) => {\n\t\t// If no longer on patterns tab remove the category setting.\n\t\tif ( value !== 'patterns' ) {\n\t\t\tsetSelectedPatternCategory( null );\n\t\t}\n\t\tsetSelectedTab( value );\n\t};\n\n\t// Focus first active tab, if any\n\tconst tabsRef = useRef();\n\tuseLayoutEffect( () => {\n\t\tif ( tabsRef.current ) {\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\ttabsRef.current\n\t\t\t\t\t.querySelector( '[role=\"tab\"][aria-selected=\"true\"]' )\n\t\t\t\t\t?.focus();\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'block-editor-inserter__menu', {\n\t\t\t\t'show-panel': showPatternPanel || showMediaPanel,\n\t\t\t\t'is-zoom-out': isZoomOutMode,\n\t\t\t} ) }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__main-area\">\n\t\t\t\t<TabbedSidebar\n\t\t\t\t\tref={ tabsRef }\n\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\tselectedTab={ selectedTab }\n\t\t\t\t\tcloseButtonLabel={ __( 'Close Block Inserter' ) }\n\t\t\t\t\ttabs={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'blocks',\n\t\t\t\t\t\t\ttitle: __( 'Blocks' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'blocks' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tblocksTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'patterns',\n\t\t\t\t\t\t\ttitle: __( 'Patterns' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'patterns' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tpatternsTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'media',\n\t\t\t\t\t\t\ttitle: __( 'Media' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ mediaTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ showInserterHelpPanel && hoveredItem && (\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-inserter__preview-container__popover\"\n\t\t\t\t\tplacement=\"right-start\"\n\t\t\t\t\toffset={ 16 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tanimate={ false }\n\t\t\t\t>\n\t\t\t\t\t<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const PrivateInserterMenu = forwardRef( InserterMenu );\n\nfunction PublicInserterMenu( props, ref ) {\n\treturn (\n\t\t<PrivateInserterMenu\n\t\t\t{ ...props }\n\t\t\tonPatternCategorySelection={ NOOP }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicInserterMenu );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_i18n","_compose","_data","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_patternCategoryPreviews","_mediaTab","_searchResults","_useInsertionPoint","_store","_tabbedSidebar","_useZoomOut","_lockUnlock","_jsxRuntime","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","onPatternCategorySelection","onClose","__experimentalInitialTab","__experimentalInitialCategory","ref","isZoomOutMode","useSelect","select","unlock","blockEditorStore","isZoomOut","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","isLargeViewport","useViewportMatch","getInitialTab","selectedTab","setSelectedTab","shouldUseZoomOut","useZoomOut","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","blockTypesTabRef","useRef","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","_rootClientId","window","requestAnimationFrame","current","contains","ownerDocument","activeElement","querySelector","focus","onInsertPattern","patternName","args","onHover","item","onClickPatternCategory","patternCategory","filter","showPatternPanel","showMediaPanel","inserterSearch","useMemo","jsxs","Fragment","children","jsx","SearchControl","__nextHasNoMarginBottom","className","onChange","value","label","__","placeholder","default","showBlockDirectory","prioritizePatterns","blocksTab","VisuallyHidden","as","patternsTab","onSelectCategory","selectedCategory","PatternCategoryPreviews","category","showTitlesAsTooltip","mediaTab","MediaTab","MediaCategoryPanel","handleSetSelectedTab","tabsRef","useLayoutEffect","clsx","closeButtonLabel","tabs","name","title","panel","Popover","placement","offset","focusOnMount","animate","PrivateInserterMenu","exports","forwardRef","PublicInserterMenu","props","_default"],"sources":["@wordpress/block-editor/src/components/inserter/menu.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDebouncedInput, useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTab from './block-patterns-tab';\nimport { PatternCategoryPreviews } from './block-patterns-tab/pattern-category-previews';\nimport { MediaTab, MediaCategoryPanel } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport { store as blockEditorStore } from '../../store';\nimport TabbedSidebar from '../tabbed-sidebar';\nimport { useZoomOut } from '../../hooks/use-zoom-out';\nimport { unlock } from '../../lock-unlock';\n\nconst NOOP = () => {};\nfunction InserterMenu(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\t__experimentalInsertionIndex,\n\t\tonSelect,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks,\n\t\t__experimentalFilterValue = '',\n\t\tshouldFocusBlock = true,\n\t\tonPatternCategorySelection,\n\t\tonClose,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t},\n\tref\n) {\n\tconst isZoomOutMode = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).isZoomOut(),\n\t\t[]\n\t);\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] = useState(\n\t\t__experimentalInitialCategory\n\t);\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\n\tfunction getInitialTab() {\n\t\tif ( __experimentalInitialTab ) {\n\t\t\treturn __experimentalInitialTab;\n\t\t}\n\n\t\tif ( isZoomOutMode ) {\n\t\t\treturn 'patterns';\n\t\t}\n\t}\n\tconst [ selectedTab, setSelectedTab ] = useState( getInitialTab() );\n\n\tconst shouldUseZoomOut =\n\t\tselectedTab === 'patterns' || selectedTab === 'media';\n\tuseZoomOut( shouldUseZoomOut && isLargeViewport );\n\n\tconst [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =\n\t\tuseInsertionPoint( {\n\t\t\trootClientId,\n\t\t\tclientId,\n\t\t\tisAppender,\n\t\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\t\tshouldFocusBlock,\n\t\t} );\n\tconst blockTypesTabRef = useRef();\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock, _rootClientId ) => {\n\t\t\tonInsertBlocks(\n\t\t\t\tblocks,\n\t\t\t\tmeta,\n\t\t\t\tshouldForceFocusBlock,\n\t\t\t\t_rootClientId\n\t\t\t);\n\t\t\tonSelect( blocks );\n\n\t\t\t// Check for focus loss due to filtering blocks by selected block type\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\tif (\n\t\t\t\t\t! shouldFocusBlock &&\n\t\t\t\t\t! blockTypesTabRef.current?.contains(\n\t\t\t\t\t\tref.current.ownerDocument.activeElement\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// There has been a focus loss, so focus the first button in the block types tab\n\t\t\t\t\tblockTypesTabRef.current?.querySelector( 'button' ).focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ onInsertBlocks, onSelect, shouldFocusBlock ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName, ...args ) => {\n\t\t\tonToggleInsertionPoint( false );\n\t\t\tonInsertBlocks( blocks, { patternName }, ...args );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onHover = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( item );\n\t\t\tsetHoveredItem( item );\n\t\t},\n\t\t[ onToggleInsertionPoint, setHoveredItem ]\n\t);\n\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t\tonPatternCategorySelection?.();\n\t\t},\n\t\t[ setSelectedPatternCategory, onPatternCategorySelection ]\n\t);\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\t!! selectedPatternCategory;\n\n\tconst showMediaPanel = selectedTab === 'media' && !! selectedMediaCategory;\n\n\tconst inserterSearch = useMemo( () => {\n\t\tif ( selectedTab === 'media' ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tif ( hoveredItem ) {\n\t\t\t\t\t\t\tsetHoveredItem( null );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\tprioritizePatterns={ selectedTab === 'patterns' }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tselectedTab,\n\t\thoveredItem,\n\t\tsetHoveredItem,\n\t\tsetFilterValue,\n\t\tfilterValue,\n\t\tdelayedFilterValue,\n\t\tonSelect,\n\t\tonHover,\n\t\tshouldFocusBlock,\n\t\tclientId,\n\t\trootClientId,\n\t\t__experimentalInsertionIndex,\n\t\tisAppender,\n\t] );\n\n\tconst blocksTab = useMemo( () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div className=\"block-editor-inserter__block-list\">\n\t\t\t\t\t<BlockTypesTab\n\t\t\t\t\t\tref={ blockTypesTabRef }\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ showInserterHelpPanel && (\n\t\t\t\t\t<div className=\"block-editor-inserter__tips\">\n\t\t\t\t\t\t<VisuallyHidden as=\"h2\">\n\t\t\t\t\t\t\t{ __( 'A tip for using the block editor' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<Tips />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tonHover,\n\t\tshowMostUsedBlocks,\n\t\tshowInserterHelpPanel,\n\t] );\n\n\tconst patternsTab = useMemo( () => {\n\t\treturn (\n\t\t\t<BlockPatternsTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\tonSelectCategory={ onClickPatternCategory }\n\t\t\t\tselectedCategory={ selectedPatternCategory }\n\t\t\t>\n\t\t\t\t{ showPatternPanel && (\n\t\t\t\t\t<PatternCategoryPreviews\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockPatternsTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsertPattern,\n\t\tonClickPatternCategory,\n\t\tpatternFilter,\n\t\tselectedPatternCategory,\n\t\tshowPatternPanel,\n\t] );\n\n\tconst mediaTab = useMemo( () => {\n\t\treturn (\n\t\t\t<MediaTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tselectedCategory={ selectedMediaCategory }\n\t\t\t\tonSelectCategory={ setSelectedMediaCategory }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t>\n\t\t\t\t{ showMediaPanel && (\n\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</MediaTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tselectedMediaCategory,\n\t\tsetSelectedMediaCategory,\n\t\tshowMediaPanel,\n\t] );\n\n\tconst handleSetSelectedTab = ( value ) => {\n\t\t// If no longer on patterns tab remove the category setting.\n\t\tif ( value !== 'patterns' ) {\n\t\t\tsetSelectedPatternCategory( null );\n\t\t}\n\t\tsetSelectedTab( value );\n\t};\n\n\t// Focus first active tab, if any\n\tconst tabsRef = useRef();\n\tuseLayoutEffect( () => {\n\t\tif ( tabsRef.current ) {\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\ttabsRef.current\n\t\t\t\t\t.querySelector( '[role=\"tab\"][aria-selected=\"true\"]' )\n\t\t\t\t\t?.focus();\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'block-editor-inserter__menu', {\n\t\t\t\t'show-panel': showPatternPanel || showMediaPanel,\n\t\t\t\t'is-zoom-out': isZoomOutMode,\n\t\t\t} ) }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__main-area\">\n\t\t\t\t<TabbedSidebar\n\t\t\t\t\tref={ tabsRef }\n\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\tselectedTab={ selectedTab }\n\t\t\t\t\tcloseButtonLabel={ __( 'Close Block Inserter' ) }\n\t\t\t\t\ttabs={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'blocks',\n\t\t\t\t\t\t\ttitle: __( 'Blocks' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'blocks' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tblocksTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'patterns',\n\t\t\t\t\t\t\ttitle: __( 'Patterns' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'patterns' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tpatternsTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'media',\n\t\t\t\t\t\t\ttitle: __( 'Media' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ mediaTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ showInserterHelpPanel && hoveredItem && (\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-inserter__preview-container__popover\"\n\t\t\t\t\tplacement=\"right-start\"\n\t\t\t\t\toffset={ 16 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tanimate={ false }\n\t\t\t\t>\n\t\t\t\t\t<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const PrivateInserterMenu = forwardRef( InserterMenu );\n\nfunction PublicInserterMenu( props, ref ) {\n\treturn (\n\t\t<PrivateInserterMenu\n\t\t\t{ ...props }\n\t\t\tonPatternCategorySelection={ NOOP }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicInserterMenu );\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter-button/index.native.js

@@ -55,7 +55,7 @@ class MenuItem extends _element.Component {
     const accessibilityLabelFormat = blockIsNew ?
     // translators: Newly available block name. %s: The localized block name
     (0, _i18n.__)('%s block, newly available') :
-    // translators: Block name. %s: The localized block name
+    // translators: %s: Block name e.g. "Image block"
     (0, _i18n.__)('%s block');
     const accessibilityLabel = (0, _i18n.sprintf)(accessibilityLabelFormat, item.title);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableHighlight, {

package/build/components/inserter-button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_components","_compose","_i18n","_blockIcon","_style","_interopRequireDefault","_sparkles","_jsxRuntime","MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","__","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","sprintf","jsx","TouchableHighlight","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","children","jsxs","View","modalItem","width","Icon","icon","sparkles","newIndicator","BlockIcon","size","Text","numberOfLines","InserterButton","withPreferredColorScheme","Styles","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon } from '../block-icon';\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_element","_components","_compose","_i18n","_blockIcon","_style","_interopRequireDefault","_sparkles","_jsxRuntime","MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","__","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","sprintf","jsx","TouchableHighlight","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","children","jsxs","View","modalItem","width","Icon","icon","sparkles","newIndicator","BlockIcon","size","Text","numberOfLines","InserterButton","withPreferredColorScheme","Styles","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon } from '../block-icon';\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: %s: Block name e.g. \"Image block\"\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":"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","ignoreList":[]}

package/build/components/inspector-controls-tabs/index.js

@@ -49,13 +49,11 @@ function InspectorControlsTabs({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
         children: tabs.map(tab => showIconLabels ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
           tabId: tab.name,
-          className: tab.className,
           children: tab.title
         }, tab.name) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
           text: tab.title,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
             tabId: tab.name,
-            className: tab.className,
             "aria-label": tab.title,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
               icon: tab.icon

package/build/components/inspector-controls-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_preferences","_data","_utils","_settingsTab","_interopRequireDefault","_stylesTab","_inspectorControls","_useIsListViewTabDisabled","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","showIconLabels","useSelect","select","preferencesStore","get","initialTabName","useIsListViewTabDisabled","TAB_LIST_VIEW","name","undefined","jsx","className","children","jsxs","defaultTabId","TabList","map","tab","Tab","tabId","title","Tooltip","text","Icon","icon","TabPanel","TAB_SETTINGS","focusable","default","showAdvancedControls","TAB_STYLES","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\tTooltip,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs defaultTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) =>\n\t\t\t\t\t\tshowIconLabels ? (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Tooltip text={ tab.title } key={ tab.name }>\n\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t\t\taria-label={ tab.title }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ tab.icon } />\n\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_preferences","_data","_utils","_settingsTab","_interopRequireDefault","_stylesTab","_inspectorControls","_useIsListViewTabDisabled","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","showIconLabels","useSelect","select","preferencesStore","get","initialTabName","useIsListViewTabDisabled","TAB_LIST_VIEW","name","undefined","jsx","className","children","jsxs","defaultTabId","TabList","map","tab","Tab","tabId","title","Tooltip","text","Icon","icon","TabPanel","TAB_SETTINGS","focusable","default","showAdvancedControls","TAB_STYLES","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\tTooltip,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs defaultTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) =>\n\t\t\t\t\t\tshowIconLabels ? (\n\t\t\t\t\t\t\t<Tabs.Tab key={ tab.name } tabId={ tab.name }>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Tooltip text={ tab.title } key={ tab.name }>\n\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\t\taria-label={ tab.title }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ tab.icon } />\n\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/inspector-controls-tabs/utils.js

@@ -14,21 +14,18 @@ const TAB_SETTINGS = exports.TAB_SETTINGS = {
   name: 'settings',
   title: (0, _i18n.__)('Settings'),
   value: 'settings',
-  icon: _icons.cog,
-  className: 'block-editor-block-inspector__tab-item'
+  icon: _icons.cog
 };
 const TAB_STYLES = exports.TAB_STYLES = {
   name: 'styles',
   title: (0, _i18n.__)('Styles'),
   value: 'styles',
-  icon: _icons.styles,
-  className: 'block-editor-block-inspector__tab-item'
+  icon: _icons.styles
 };
 const TAB_LIST_VIEW = exports.TAB_LIST_VIEW = {
   name: 'list',
   title: (0, _i18n.__)('List View'),
   value: 'list-view',
-  icon: _icons.listView,
-  className: 'block-editor-block-inspector__tab-item'
+  icon: _icons.listView
 };
 //# sourceMappingURL=utils.js.map

package/build/components/inspector-controls-tabs/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_i18n","TAB_SETTINGS","exports","name","title","__","value","icon","cog","className","TAB_STYLES","styles","TAB_LIST_VIEW","listView"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cog, styles, listView } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport const TAB_SETTINGS = {\n\tname: 'settings',\n\ttitle: __( 'Settings' ),\n\tvalue: 'settings',\n\ticon: cog,\n\tclassName: 'block-editor-block-inspector__tab-item',\n};\n\nexport const TAB_STYLES = {\n\tname: 'styles',\n\ttitle: __( 'Styles' ),\n\tvalue: 'styles',\n\ticon: styles,\n\tclassName: 'block-editor-block-inspector__tab-item',\n};\n\nexport const TAB_LIST_VIEW = {\n\tname: 'list',\n\ttitle: __( 'List View' ),\n\tvalue: 'list-view',\n\ticon: listView,\n\tclassName: 'block-editor-block-inspector__tab-item',\n};\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC3BE,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW,CAAC;EACvBC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAEC,UAAG;EACTC,SAAS,EAAE;AACZ,CAAC;AAEM,MAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG;EACzBP,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EACrBC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAEI,aAAM;EACZF,SAAS,EAAE;AACZ,CAAC;AAEM,MAAMG,aAAa,GAAAV,OAAA,CAAAU,aAAA,GAAG;EAC5BT,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAY,CAAC;EACxBC,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAEM,eAAQ;EACdJ,SAAS,EAAE;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["_icons","require","_i18n","TAB_SETTINGS","exports","name","title","__","value","icon","cog","TAB_STYLES","styles","TAB_LIST_VIEW","listView"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { cog, styles, listView } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport const TAB_SETTINGS = {\n\tname: 'settings',\n\ttitle: __( 'Settings' ),\n\tvalue: 'settings',\n\ticon: cog,\n};\n\nexport const TAB_STYLES = {\n\tname: 'styles',\n\ttitle: __( 'Styles' ),\n\tvalue: 'styles',\n\ticon: styles,\n};\n\nexport const TAB_LIST_VIEW = {\n\tname: 'list',\n\ttitle: __( 'List View' ),\n\tvalue: 'list-view',\n\ticon: listView,\n};\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC3BE,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW,CAAC;EACvBC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAEC;AACP,CAAC;AAEM,MAAMC,UAAU,GAAAP,OAAA,CAAAO,UAAA,GAAG;EACzBN,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EACrBC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAEG;AACP,CAAC;AAEM,MAAMC,aAAa,GAAAT,OAAA,CAAAS,aAAA,GAAG;EAC5BR,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAY,CAAC;EACxBC,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAEK;AACP,CAAC","ignoreList":[]}

package/build/components/link-control/link-preview.js

@@ -90,7 +90,8 @@ function LinkPreview({
     });
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "aria-label": (0, _i18n.__)('Currently selected'),
+    role: "group",
+    "aria-label": (0, _i18n.__)('Manage link'),
     className: (0, _clsx.default)('block-editor-link-control__search-item', {
       'is-current': true,
       'is-rich': hasRichData,
@@ -103,6 +104,9 @@ function LinkPreview({
       className: "block-editor-link-control__search-item-top",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "block-editor-link-control__search-item-header",
+        role: "figure",
+        "aria-label": /* translators: Accessibility text for the link preview when editing a link. */
+        (0, _i18n.__)('Link information'),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _clsx.default)('block-editor-link-control__search-item-icon', {
             'is-image': richData?.icon
@@ -134,23 +138,22 @@ function LinkPreview({
         icon: _icons.edit,
         label: (0, _i18n.__)('Edit link'),
         onClick: onEditClick,
-        size: "compact"
+        size: "compact",
+        showTooltip: !showIconLabels
       }), hasUnlinkControl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         icon: _icons.linkOff,
         label: (0, _i18n.__)('Remove link'),
         onClick: onRemove,
-        size: "compact"
+        size: "compact",
+        showTooltip: !showIconLabels
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         icon: _icons.copySmall,
-        label: (0, _i18n.sprintf)(
-        // Translators: %s is a placeholder for the link URL and an optional colon, (if a Link URL is present).
-        (0, _i18n.__)('Copy link%s'),
-        // Ends up looking like "Copy link: https://example.com".
-        isEmptyURL || showIconLabels ? '' : ': ' + value.url),
+        label: (0, _i18n.__)('Copy link'),
         ref: ref,
         accessibleWhenDisabled: true,
         disabled: isEmptyURL,
-        size: "compact"
+        size: "compact",
+        showTooltip: !showIconLabels
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_viewerSlot.ViewerSlot, {
         fillProps: value
       })]

package/build/components/link-control/link-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_compose","_url","_icons","_dom","_data","_notices","_preferences","_viewerSlot","_useRichUrlData","_jsxRuntime","filterTitleForDisplay","title","replace","LinkPreview","value","onEditClick","hasRichPreviews","hasUnlinkControl","onRemove","showIconLabels","useSelect","select","preferencesStore","get","showRichPreviews","url","richData","isFetching","useRichUrlData","hasRichData","Object","keys","length","displayURL","filterURLForDisplay","safeDecodeURI","isEmptyURL","displayTitle","stripHTML","isUrlRedundant","icon","jsx","src","alt","Icon","info","size","globe","createNotice","useDispatch","noticesStore","ref","useCopyToClipboard","__","isDismissible","type","className","clsx","children","jsxs","Fragment","ExternalLink","href","__experimentalTruncate","numberOfLines","Button","edit","label","onClick","linkOff","copySmall","sprintf","accessibleWhenDisabled","disabled","ViewerSlot","fillProps"],"sources":["@wordpress/block-editor/src/components/link-control/link-preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { filterURLForDisplay, safeDecodeURI } from '@wordpress/url';\nimport { Icon, globe, info, linkOff, edit, copySmall } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { ViewerSlot } from './viewer-slot';\n\nimport useRichUrlData from './use-rich-url-data';\n\n/**\n * Filters the title for display. Removes the protocol and www prefix.\n *\n * @param {string} title The title to be filtered.\n *\n * @return {string} The filtered title.\n */\nfunction filterTitleForDisplay( title ) {\n\t// Derived from `filterURLForDisplay` in `@wordpress/url`.\n\treturn title\n\t\t.replace( /^[a-z\\-.\\+]+[0-9]*:(\\/\\/)?/i, '' )\n\t\t.replace( /^www\\./i, '' );\n}\n\nexport default function LinkPreview( {\n\tvalue,\n\tonEditClick,\n\thasRichPreviews = false,\n\thasUnlinkControl = false,\n\tonRemove,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', 'showIconLabels' ),\n\t\t[]\n\t);\n\n\t// Avoid fetching if rich previews are not desired.\n\tconst showRichPreviews = hasRichPreviews ? value?.url : null;\n\n\tconst { richData, isFetching } = useRichUrlData( showRichPreviews );\n\n\t// Rich data may be an empty object so test for that.\n\tconst hasRichData = richData && Object.keys( richData ).length;\n\n\tconst displayURL =\n\t\t( value && filterURLForDisplay( safeDecodeURI( value.url ), 24 ) ) ||\n\t\t'';\n\n\t// url can be undefined if the href attribute is unset\n\tconst isEmptyURL = ! value?.url?.length;\n\n\tconst displayTitle =\n\t\t! isEmptyURL &&\n\t\tstripHTML( richData?.title || value?.title || displayURL );\n\n\tconst isUrlRedundant =\n\t\t! value?.url || filterTitleForDisplay( displayTitle ) === displayURL;\n\n\tlet icon;\n\n\tif ( richData?.icon ) {\n\t\ticon = <img src={ richData?.icon } alt=\"\" />;\n\t} else if ( isEmptyURL ) {\n\t\ticon = <Icon icon={ info } size={ 32 } />;\n\t} else {\n\t\ticon = <Icon icon={ globe } />;\n\t}\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( value.url, () => {\n\t\tcreateNotice( 'info', __( 'Link copied to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\taria-label={ __( 'Currently selected' ) }\n\t\t\tclassName={ clsx( 'block-editor-link-control__search-item', {\n\t\t\t\t'is-current': true,\n\t\t\t\t'is-rich': hasRichData,\n\t\t\t\t'is-fetching': !! isFetching,\n\t\t\t\t'is-preview': true,\n\t\t\t\t'is-error': isEmptyURL,\n\t\t\t\t'is-url-title': displayTitle === displayURL,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div className=\"block-editor-link-control__search-item-top\">\n\t\t\t\t<span className=\"block-editor-link-control__search-item-header\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-link-control__search-item-icon',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-image': richData?.icon,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"block-editor-link-control__search-item-details\">\n\t\t\t\t\t\t{ ! isEmptyURL ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-title\"\n\t\t\t\t\t\t\t\t\thref={ value.url }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t{ displayTitle }\n\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t{ ! isUrlRedundant && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-info\">\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ displayURL }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-error-notice\">\n\t\t\t\t\t\t\t\t{ __( 'Link is empty' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ edit }\n\t\t\t\t\tlabel={ __( 'Edit link' ) }\n\t\t\t\t\tonClick={ onEditClick }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t{ hasUnlinkControl && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Remove link' ) }\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t// Translators: %s is a placeholder for the link URL and an optional colon, (if a Link URL is present).\n\t\t\t\t\t\t__( 'Copy link%s' ), // Ends up looking like \"Copy link: https://example.com\".\n\t\t\t\t\t\tisEmptyURL || showIconLabels ? '' : ': ' + value.url\n\t\t\t\t\t) }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tdisabled={ isEmptyURL }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t<ViewerSlot fillProps={ value } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_compose","_url","_icons","_dom","_data","_notices","_preferences","_viewerSlot","_useRichUrlData","_jsxRuntime","filterTitleForDisplay","title","replace","LinkPreview","value","onEditClick","hasRichPreviews","hasUnlinkControl","onRemove","showIconLabels","useSelect","select","preferencesStore","get","showRichPreviews","url","richData","isFetching","useRichUrlData","hasRichData","Object","keys","length","displayURL","filterURLForDisplay","safeDecodeURI","isEmptyURL","displayTitle","stripHTML","isUrlRedundant","icon","jsx","src","alt","Icon","info","size","globe","createNotice","useDispatch","noticesStore","ref","useCopyToClipboard","__","isDismissible","type","role","className","clsx","children","jsxs","Fragment","ExternalLink","href","__experimentalTruncate","numberOfLines","Button","edit","label","onClick","showTooltip","linkOff","copySmall","accessibleWhenDisabled","disabled","ViewerSlot","fillProps"],"sources":["@wordpress/block-editor/src/components/link-control/link-preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { filterURLForDisplay, safeDecodeURI } from '@wordpress/url';\nimport { Icon, globe, info, linkOff, edit, copySmall } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { ViewerSlot } from './viewer-slot';\n\nimport useRichUrlData from './use-rich-url-data';\n\n/**\n * Filters the title for display. Removes the protocol and www prefix.\n *\n * @param {string} title The title to be filtered.\n *\n * @return {string} The filtered title.\n */\nfunction filterTitleForDisplay( title ) {\n\t// Derived from `filterURLForDisplay` in `@wordpress/url`.\n\treturn title\n\t\t.replace( /^[a-z\\-.\\+]+[0-9]*:(\\/\\/)?/i, '' )\n\t\t.replace( /^www\\./i, '' );\n}\n\nexport default function LinkPreview( {\n\tvalue,\n\tonEditClick,\n\thasRichPreviews = false,\n\thasUnlinkControl = false,\n\tonRemove,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', 'showIconLabels' ),\n\t\t[]\n\t);\n\n\t// Avoid fetching if rich previews are not desired.\n\tconst showRichPreviews = hasRichPreviews ? value?.url : null;\n\n\tconst { richData, isFetching } = useRichUrlData( showRichPreviews );\n\n\t// Rich data may be an empty object so test for that.\n\tconst hasRichData = richData && Object.keys( richData ).length;\n\n\tconst displayURL =\n\t\t( value && filterURLForDisplay( safeDecodeURI( value.url ), 24 ) ) ||\n\t\t'';\n\n\t// url can be undefined if the href attribute is unset\n\tconst isEmptyURL = ! value?.url?.length;\n\n\tconst displayTitle =\n\t\t! isEmptyURL &&\n\t\tstripHTML( richData?.title || value?.title || displayURL );\n\n\tconst isUrlRedundant =\n\t\t! value?.url || filterTitleForDisplay( displayTitle ) === displayURL;\n\n\tlet icon;\n\n\tif ( richData?.icon ) {\n\t\ticon = <img src={ richData?.icon } alt=\"\" />;\n\t} else if ( isEmptyURL ) {\n\t\ticon = <Icon icon={ info } size={ 32 } />;\n\t} else {\n\t\ticon = <Icon icon={ globe } />;\n\t}\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( value.url, () => {\n\t\tcreateNotice( 'info', __( 'Link copied to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-label={ __( 'Manage link' ) }\n\t\t\tclassName={ clsx( 'block-editor-link-control__search-item', {\n\t\t\t\t'is-current': true,\n\t\t\t\t'is-rich': hasRichData,\n\t\t\t\t'is-fetching': !! isFetching,\n\t\t\t\t'is-preview': true,\n\t\t\t\t'is-error': isEmptyURL,\n\t\t\t\t'is-url-title': displayTitle === displayURL,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div className=\"block-editor-link-control__search-item-top\">\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"block-editor-link-control__search-item-header\"\n\t\t\t\t\trole=\"figure\"\n\t\t\t\t\taria-label={\n\t\t\t\t\t\t/* translators: Accessibility text for the link preview when editing a link. */\n\t\t\t\t\t\t__( 'Link information' )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-link-control__search-item-icon',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-image': richData?.icon,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"block-editor-link-control__search-item-details\">\n\t\t\t\t\t\t{ ! isEmptyURL ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-title\"\n\t\t\t\t\t\t\t\t\thref={ value.url }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t{ displayTitle }\n\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t{ ! isUrlRedundant && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-info\">\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ displayURL }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-error-notice\">\n\t\t\t\t\t\t\t\t{ __( 'Link is empty' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ edit }\n\t\t\t\t\tlabel={ __( 'Edit link' ) }\n\t\t\t\t\tonClick={ onEditClick }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t/>\n\t\t\t\t{ hasUnlinkControl && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Remove link' ) }\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\tlabel={ __( 'Copy link' ) }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tdisabled={ isEmptyURL }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t/>\n\t\t\t\t<ViewerSlot fillProps={ value } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,6 +15,7 @@ var _useBlockDisplayTitle = _interopRequireDefault(require("../block-title/use-b
 var _context = require("./context");
 var _inserter = _interopRequireDefault(require("../inserter"));
 var _ariaReferencedText = _interopRequireDefault(require("./aria-referenced-text"));
+var _lockUnlock = require("../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -38,9 +39,9 @@ const Appender = exports.Appender = (0, _element.forwardRef)(({
   const hideInserter = (0, _data.useSelect)(select => {
     const {
       getTemplateLock,
-      __unstableGetEditorMode
-    } = select(_store.store);
-    return !!getTemplateLock(clientId) || __unstableGetEditorMode() === 'zoom-out';
+      isZoomOut
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return !!getTemplateLock(clientId) || isZoomOut();
   }, [clientId]);
   const blockTitle = (0, _useBlockDisplayTitle.default)({
     clientId,

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

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_a11y","_data","_element","_i18n","_store","_useBlockDisplayTitle","_interopRequireDefault","_context","_inserter","_ariaReferencedText","_jsxRuntime","Appender","exports","forwardRef","nestingLevel","blockCount","clientId","props","ref","insertedBlock","setInsertedBlock","useListViewContext","instanceId","useInstanceId","hideInserter","useSelect","select","getTemplateLock","__unstableGetEditorMode","blockEditorStore","blockTitle","useBlockDisplayTitle","context","insertedBlockTitle","useEffect","length","speak","sprintf","__","descriptionId","description","jsxs","className","children","jsx","default","rootClientId","position","isAppender","selectBlockOnInsert","shouldDirectInsert","__experimentalIsQuick","toggleProps","onSelectOrClose","maybeInsertedBlock","id"],"sources":["@wordpress/block-editor/src/components/list-view/appender.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport { useListViewContext } from './context';\nimport Inserter from '../inserter';\nimport AriaReferencedText from './aria-referenced-text';\n\nexport const Appender = forwardRef(\n\t( { nestingLevel, blockCount, clientId, ...props }, ref ) => {\n\t\tconst { insertedBlock, setInsertedBlock } = useListViewContext();\n\n\t\tconst instanceId = useInstanceId( Appender );\n\t\tconst hideInserter = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getTemplateLock, __unstableGetEditorMode } =\n\t\t\t\t\tselect( blockEditorStore );\n\n\t\t\t\treturn (\n\t\t\t\t\t!! getTemplateLock( clientId ) ||\n\t\t\t\t\t__unstableGetEditorMode() === 'zoom-out'\n\t\t\t\t);\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\t\tconst blockTitle = useBlockDisplayTitle( {\n\t\t\tclientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tconst insertedBlockTitle = useBlockDisplayTitle( {\n\t\t\tclientId: insertedBlock?.clientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tuseEffect( () => {\n\t\t\tif ( ! insertedBlockTitle?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tspeak(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)\n\t\t\t\t\t__( '%s block inserted' ),\n\t\t\t\t\tinsertedBlockTitle\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t}, [ insertedBlockTitle ] );\n\n\t\tif ( hideInserter ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst descriptionId = `list-view-appender__${ instanceId }`;\n\t\tconst description = sprintf(\n\t\t\t/* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */\n\t\t\t__( 'Append to %1$s block at position %2$d, Level %3$d' ),\n\t\t\tblockTitle,\n\t\t\tblockCount + 1,\n\t\t\tnestingLevel\n\t\t);\n\n\t\treturn (\n\t\t\t<div className=\"list-view-appender\">\n\t\t\t\t<Inserter\n\t\t\t\t\tref={ ref }\n\t\t\t\t\trootClientId={ clientId }\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t\tisAppender\n\t\t\t\t\tselectBlockOnInsert={ false }\n\t\t\t\t\tshouldDirectInsert={ false }\n\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t{ ...props }\n\t\t\t\t\ttoggleProps={ { 'aria-describedby': descriptionId } }\n\t\t\t\t\tonSelectOrClose={ ( maybeInsertedBlock ) => {\n\t\t\t\t\t\tif ( maybeInsertedBlock?.clientId ) {\n\t\t\t\t\t\t\tsetInsertedBlock( maybeInsertedBlock );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<AriaReferencedText id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</AriaReferencedText>\n\t\t\t</div>\n\t\t);\n\t}\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_compose","require","_a11y","_data","_element","_i18n","_store","_useBlockDisplayTitle","_interopRequireDefault","_context","_inserter","_ariaReferencedText","_lockUnlock","_jsxRuntime","Appender","exports","forwardRef","nestingLevel","blockCount","clientId","props","ref","insertedBlock","setInsertedBlock","useListViewContext","instanceId","useInstanceId","hideInserter","useSelect","select","getTemplateLock","isZoomOut","unlock","blockEditorStore","blockTitle","useBlockDisplayTitle","context","insertedBlockTitle","useEffect","length","speak","sprintf","__","descriptionId","description","jsxs","className","children","jsx","default","rootClientId","position","isAppender","selectBlockOnInsert","shouldDirectInsert","__experimentalIsQuick","toggleProps","onSelectOrClose","maybeInsertedBlock","id"],"sources":["@wordpress/block-editor/src/components/list-view/appender.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport { useListViewContext } from './context';\nimport Inserter from '../inserter';\nimport AriaReferencedText from './aria-referenced-text';\nimport { unlock } from '../../lock-unlock';\n\nexport const Appender = forwardRef(\n\t( { nestingLevel, blockCount, clientId, ...props }, ref ) => {\n\t\tconst { insertedBlock, setInsertedBlock } = useListViewContext();\n\n\t\tconst instanceId = useInstanceId( Appender );\n\t\tconst hideInserter = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getTemplateLock, isZoomOut } = unlock(\n\t\t\t\t\tselect( blockEditorStore )\n\t\t\t\t);\n\n\t\t\t\treturn !! getTemplateLock( clientId ) || isZoomOut();\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\t\tconst blockTitle = useBlockDisplayTitle( {\n\t\t\tclientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tconst insertedBlockTitle = useBlockDisplayTitle( {\n\t\t\tclientId: insertedBlock?.clientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tuseEffect( () => {\n\t\t\tif ( ! insertedBlockTitle?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tspeak(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)\n\t\t\t\t\t__( '%s block inserted' ),\n\t\t\t\t\tinsertedBlockTitle\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t}, [ insertedBlockTitle ] );\n\n\t\tif ( hideInserter ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst descriptionId = `list-view-appender__${ instanceId }`;\n\t\tconst description = sprintf(\n\t\t\t/* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */\n\t\t\t__( 'Append to %1$s block at position %2$d, Level %3$d' ),\n\t\t\tblockTitle,\n\t\t\tblockCount + 1,\n\t\t\tnestingLevel\n\t\t);\n\n\t\treturn (\n\t\t\t<div className=\"list-view-appender\">\n\t\t\t\t<Inserter\n\t\t\t\t\tref={ ref }\n\t\t\t\t\trootClientId={ clientId }\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t\tisAppender\n\t\t\t\t\tselectBlockOnInsert={ false }\n\t\t\t\t\tshouldDirectInsert={ false }\n\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t{ ...props }\n\t\t\t\t\ttoggleProps={ { 'aria-describedby': descriptionId } }\n\t\t\t\t\tonSelectOrClose={ ( maybeInsertedBlock ) => {\n\t\t\t\t\t\tif ( maybeInsertedBlock?.clientId ) {\n\t\t\t\t\t\t\tsetInsertedBlock( maybeInsertedBlock );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<AriaReferencedText id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</AriaReferencedText>\n\t\t\t</div>\n\t\t);\n\t}\n);\n"],"mappings":"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","ignoreList":[]}

package/build/components/list-view/branch.js

@@ -93,6 +93,7 @@ function ListViewBranch(props) {
     expandedState,
     draggedClientIds
   } = (0, _context.useListViewContext)();
+  const nextPositionRef = (0, _element.useRef)();
   if (!canParentExpand) {
     return null;
   }
@@ -103,7 +104,7 @@ function ListViewBranch(props) {
   const blockCount = filteredBlocks.length;
   // The appender means an extra row in List View, so add 1 to the row count.
   const rowCount = showAppender ? blockCount + 1 : blockCount;
-  let nextPosition = listPosition;
+  nextPositionRef.current = listPosition;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [filteredBlocks.map((block, index) => {
       var _expandedState$client;
@@ -112,7 +113,7 @@ function ListViewBranch(props) {
         innerBlocks
       } = block;
       if (index > 0) {
-        nextPosition += countBlocks(filteredBlocks[index - 1], expandedState, draggedClientIds, isExpanded);
+        nextPositionRef.current += countBlocks(filteredBlocks[index - 1], expandedState, draggedClientIds, isExpanded);
       }
       const isDragged = !!draggedClientIds?.includes(clientId);
 
@@ -134,7 +135,7 @@ function ListViewBranch(props) {
       const {
         itemInView
       } = fixedListWindow;
-      const blockInView = itemInView(nextPosition);
+      const blockInView = itemInView(nextPositionRef.current);
       const position = index + 1;
       const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`;
       const hasNestedBlocks = !!innerBlocks?.length;
@@ -169,7 +170,7 @@ function ListViewBranch(props) {
           showBlockMovers: showBlockMovers,
           path: updatedPath,
           isExpanded: isDragged ? false : shouldExpand,
-          listPosition: nextPosition,
+          listPosition: nextPositionRef.current,
           selectedClientIds: selectedClientIds,
           isSyncedBranch: syncedBranch,
           displacement: displacement,
@@ -186,7 +187,7 @@ function ListViewBranch(props) {
           showBlockMovers: showBlockMovers,
           level: level + 1,
           path: updatedPath,
-          listPosition: nextPosition + 1,
+          listPosition: nextPositionRef.current + 1,
           fixedListWindow: fixedListWindow,
           isBranchSelected: isSelectedBranch,
           selectedClientIds: selectedClientIds,