@wordpress/block-editor 12.25.0 → 13.0.0

package/build-module/components/inserter/tabs.js

@@ -1,15 +1,17 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { privateApis as componentsPrivateApis } from '@wordpress/components';
+import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { forwardRef } from '@wordpress/element';
+import { closeSmall } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   Tabs
 } = unlock(componentsPrivateApis);
@@ -30,26 +32,41 @@ const mediaTab = {
 };
 function InserterTabs({
   onSelect,
-  tabsContents
+  children,
+  onClose,
+  selectedTab
 }, ref) {
   const tabs = [blocksTab, patternsTab, mediaTab];
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "block-editor-inserter__tabs",
-    ref: ref
-  }, createElement(Tabs, {
-    onSelect: onSelect
-  }, createElement(Tabs.TabList, {
-    className: "block-editor-inserter__tablist"
-  }, tabs.map(tab => createElement(Tabs.Tab, {
-    key: tab.name,
-    tabId: tab.name,
-    className: "block-editor-inserter__tab"
-  }, tab.title))), tabs.map(tab => createElement(Tabs.TabPanel, {
-    key: tab.name,
-    tabId: tab.name,
-    focusable: false,
-    className: "block-editor-inserter__tabpanel"
-  }, tabsContents[tab.name]))));
+    ref: ref,
+    children: /*#__PURE__*/_jsxs(Tabs, {
+      onSelect: onSelect,
+      selectedTabId: selectedTab,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "block-editor-inserter__tablist-and-close-button",
+        children: [/*#__PURE__*/_jsx(Button, {
+          className: "block-editor-inserter__close-button",
+          icon: closeSmall,
+          label: __('Close block inserter'),
+          onClick: () => onClose(),
+          size: "small"
+        }), /*#__PURE__*/_jsx(Tabs.TabList, {
+          className: "block-editor-inserter__tablist",
+          children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
+            tabId: tab.name,
+            className: "block-editor-inserter__tab",
+            children: tab.title
+          }, tab.name))
+        })]
+      }), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
+        tabId: tab.name,
+        focusable: false,
+        className: "block-editor-inserter__tabpanel",
+        children: children
+      }, tab.name))]
+    })
+  });
 }
 export default forwardRef(InserterTabs);
 //# sourceMappingURL=tabs.js.map

package/build-module/components/inserter/tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["privateApis","componentsPrivateApis","__","forwardRef","unlock","Tabs","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","onSelect","tabsContents","ref","tabs","createElement","className","TabList","map","tab","Tab","key","tabId","TabPanel","focusable"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( { onSelect, tabsContents }, ref ) {\n\tconst tabs = [ blocksTab, patternsTab, mediaTab ];\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\" ref={ ref }>\n\t\t\t<Tabs onSelect={ onSelect }>\n\t\t\t\t<Tabs.TabList className=\"block-editor-inserter__tablist\">\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tclassName=\"block-editor-inserter__tab\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-inserter__tabpanel\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabsContents[ tab.name ] }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterTabs );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAK,CAAC,GAAGD,MAAM,CAAEH,qBAAsB,CAAC;AAEhD,MAAMK,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEN,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMO,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEN,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMQ,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEN,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASS,YAAYA,CAAE;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAEC,GAAG,EAAG;EACxD,MAAMC,IAAI,GAAG,CAAET,SAAS,EAAEG,WAAW,EAAEC,QAAQ,CAAE;EAEjD,OACCM,aAAA;IAAKC,SAAS,EAAC,6BAA6B;IAACH,GAAG,EAAGA;EAAK,GACvDE,aAAA,CAACX,IAAI;IAACO,QAAQ,EAAGA;EAAU,GAC1BI,aAAA,CAACX,IAAI,CAACa,OAAO;IAACD,SAAS,EAAC;EAAgC,GACrDF,IAAI,CAACI,GAAG,CAAIC,GAAG,IAChBJ,aAAA,CAACX,IAAI,CAACgB,GAAG;IACRC,GAAG,EAAGF,GAAG,CAACb,IAAM;IAChBgB,KAAK,EAAGH,GAAG,CAACb,IAAM;IAClBU,SAAS,EAAC;EAA4B,GAEpCG,GAAG,CAACZ,KACG,CACT,CACW,CAAC,EACbO,IAAI,CAACI,GAAG,CAAIC,GAAG,IAChBJ,aAAA,CAACX,IAAI,CAACmB,QAAQ;IACbF,GAAG,EAAGF,GAAG,CAACb,IAAM;IAChBgB,KAAK,EAAGH,GAAG,CAACb,IAAM;IAClBkB,SAAS,EAAG,KAAO;IACnBR,SAAS,EAAC;EAAiC,GAEzCJ,YAAY,CAAEO,GAAG,CAACb,IAAI,CACV,CACd,CACG,CACF,CAAC;AAER;AAEA,eAAeJ,UAAU,CAAEQ,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","privateApis","componentsPrivateApis","__","forwardRef","closeSmall","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","onSelect","children","onClose","selectedTab","ref","tabs","className","selectedTabId","icon","label","onClick","size","TabList","map","tab","Tab","tabId","TabPanel","focusable"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( { onSelect, children, onClose, selectedTab }, ref ) {\n\tconst tabs = [ blocksTab, patternsTab, mediaTab ];\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\" ref={ ref }>\n\t\t\t<Tabs onSelect={ onSelect } selectedTabId={ selectedTab }>\n\t\t\t\t<div className=\"block-editor-inserter__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inserter__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList className=\"block-editor-inserter__tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\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=\"block-editor-inserter__tab\"\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</Tabs.TabList>\n\t\t\t\t</div>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-inserter__tabpanel\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterTabs );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEJ,qBAAsB,CAAC;AAEhD,MAAMU,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEX,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMY,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEX,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMa,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEX,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASc,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAY,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAMC,IAAI,GAAG,CAAEX,SAAS,EAAEG,WAAW,EAAEC,QAAQ,CAAE;EAEjD,oBACCR,IAAA;IAAKgB,SAAS,EAAC,6BAA6B;IAACF,GAAG,EAAGA,GAAK;IAAAH,QAAA,eACvDT,KAAA,CAACC,IAAI;MAACO,QAAQ,EAAGA,QAAU;MAACO,aAAa,EAAGJ,WAAa;MAAAF,QAAA,gBACxDT,KAAA;QAAKc,SAAS,EAAC,iDAAiD;QAAAL,QAAA,gBAC/DX,IAAA,CAACR,MAAM;UACNwB,SAAS,EAAC,qCAAqC;UAC/CE,IAAI,EAAGrB,UAAY;UACnBsB,KAAK,EAAGxB,EAAE,CAAE,sBAAuB,CAAG;UACtCyB,OAAO,EAAGA,CAAA,KAAMR,OAAO,CAAC,CAAG;UAC3BS,IAAI,EAAC;QAAO,CACZ,CAAC,eAEFrB,IAAA,CAACG,IAAI,CAACmB,OAAO;UAACN,SAAS,EAAC,gCAAgC;UAAAL,QAAA,EACrDI,IAAI,CAACQ,GAAG,CAAIC,GAAG,iBAChBxB,IAAA,CAACG,IAAI,CAACsB,GAAG;YAERC,KAAK,EAAGF,GAAG,CAACnB,IAAM;YAClBW,SAAS,EAAC,4BAA4B;YAAAL,QAAA,EAEpCa,GAAG,CAAClB;UAAK,GAJLkB,GAAG,CAACnB,IAKD,CACT;QAAC,CACU,CAAC;MAAA,CACX,CAAC,EACJU,IAAI,CAACQ,GAAG,CAAIC,GAAG,iBAChBxB,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAEbD,KAAK,EAAGF,GAAG,CAACnB,IAAM;QAClBuB,SAAS,EAAG,KAAO;QACnBZ,SAAS,EAAC,iCAAiC;QAAAL,QAAA,EAEzCA;MAAQ,GALJa,GAAG,CAACnB,IAMI,CACd,CAAC;IAAA,CACE;EAAC,CACH,CAAC;AAER;AAEA,eAAeT,UAAU,CAAEa,YAAa,CAAC","ignoreList":[]}

package/build-module/components/inserter/tabs.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,7 @@ import { SegmentedControl } from '@wordpress/components';
 import BlockTypesTab from './block-types-tab';
 import ReusableBlocksTab from './reusable-blocks-tab';
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const TAB_ANIMATION_DURATION = 250;
 function InserterTabs({
   listProps,
@@ -74,23 +74,25 @@ function InserterTabs({
       translateX
     }]
   }];
-  return createElement(View, {
+  return /*#__PURE__*/_jsx(View, {
     style: styles['inserter-tabs__wrapper'],
-    onLayout: onWrapperLayout
-  }, createElement(Animated.View, {
-    style: containerStyle
-  }, tabs.map(({
-    component: TabComponent
-  }, index) => createElement(View, {
-    key: `tab-${index}`
-  }, createElement(TabComponent, {
-    rootClientId: rootClientId,
-    onSelect: onSelect,
-    listProps: {
-      ...listProps,
-      onScroll
-    }
-  })))));
+    onLayout: onWrapperLayout,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: containerStyle,
+      children: tabs.map(({
+        component: TabComponent
+      }, index) => /*#__PURE__*/_jsx(View, {
+        children: /*#__PURE__*/_jsx(TabComponent, {
+          rootClientId: rootClientId,
+          onSelect: onSelect,
+          listProps: {
+            ...listProps,
+            onScroll
+          }
+        })
+      }, `tab-${index}`))
+    })
+  });
 }
 function TabsControl({
   onChangeTab,
@@ -111,7 +113,7 @@ function TabsControl({
     }) => title);
     onChangeTab(tabTitles.indexOf(selectedTab));
   }, [onChangeTab]);
-  return segments.length > 1 ? createElement(SegmentedControl, {
+  return segments.length > 1 ? /*#__PURE__*/_jsx(SegmentedControl, {
     segments: segments,
     segmentHandler: segmentHandler
   }) : null;

package/build-module/components/inserter/tabs.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","View","useCallback","useEffect","useMemo","useRef","useState","__","SegmentedControl","BlockTypesTab","ReusableBlocksTab","styles","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","onScroll","event","nativeEvent","onWrapperLayout","layout","width","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","transform","createElement","style","onLayout","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key * -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t  } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Animated","View","useCallback","useEffect","useMemo","useRef","useState","__","SegmentedControl","BlockTypesTab","ReusableBlocksTab","styles","jsx","_jsx","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","onScroll","event","nativeEvent","onWrapperLayout","layout","width","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","transform","style","onLayout","children","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key * -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t  } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/inserter/tips.js

@@ -1,23 +1,25 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
 import { createInterpolateElement, useState } from '@wordpress/element';
 import { Tip } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 const globalTips = [createInterpolateElement(__('While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'), {
-  kbd: createElement("kbd", null)
+  kbd: /*#__PURE__*/_jsx("kbd", {})
 }), createInterpolateElement(__('Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'), {
-  kbd: createElement("kbd", null)
+  kbd: /*#__PURE__*/_jsx("kbd", {})
 }), createInterpolateElement(__('Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'), {
-  kbd: createElement("kbd", null)
+  kbd: /*#__PURE__*/_jsx("kbd", {})
 }), __('Drag files into the editor to automatically insert media blocks.'), __("Change a block's type by pressing the block icon on the toolbar.")];
 function Tips() {
   const [randomIndex] = useState(
   // Disable Reason: I'm not generating an HTML id.
   // eslint-disable-next-line no-restricted-syntax
   Math.floor(Math.random() * globalTips.length));
-  return createElement(Tip, null, globalTips[randomIndex]);
+  return /*#__PURE__*/_jsx(Tip, {
+    children: globalTips[randomIndex]
+  });
 }
 export default Tips;
 //# sourceMappingURL=tips.js.map

package/build-module/components/inserter/tips.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","createInterpolateElement","useState","Tip","globalTips","kbd","createElement","Tips","randomIndex","Math","floor","random","length"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,EAAEC,QAAQ,QAAQ,oBAAoB;AACvE,SAASC,GAAG,QAAQ,uBAAuB;AAE3C,MAAMC,UAAU,GAAG,CAClBH,wBAAwB,CACvBD,EAAE,CACD,yEACD,CAAC,EACD;EAAEK,GAAG,EAAEC,aAAA,YAAM;AAAE,CAChB,CAAC,EACDL,wBAAwB,CACvBD,EAAE,CACD,wEACD,CAAC,EACD;EAAEK,GAAG,EAAEC,aAAA,YAAM;AAAE,CAChB,CAAC,EACDL,wBAAwB,CACvBD,EAAE,CACD,6EACD,CAAC,EACD;EAAEK,GAAG,EAAEC,aAAA,YAAM;AAAE,CAChB,CAAC,EACDN,EAAE,CAAE,kEAAmE,CAAC,EACxEA,EAAE,CAAE,kEAAmE,CAAC,CACxE;AAED,SAASO,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAGN,QAAQ;EAC/B;EACA;EACAO,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGP,UAAU,CAACQ,MAAO,CAC/C,CAAC;EAED,OAAON,aAAA,CAACH,GAAG,QAAGC,UAAU,CAAEI,WAAW,CAAS,CAAC;AAChD;AAEA,eAAeD,IAAI","ignoreList":[]}
+{"version":3,"names":["__","createInterpolateElement","useState","Tip","jsx","_jsx","globalTips","kbd","Tips","randomIndex","Math","floor","random","length","children"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,EAAEC,QAAQ,QAAQ,oBAAoB;AACvE,SAASC,GAAG,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,UAAU,GAAG,CAClBL,wBAAwB,CACvBD,EAAE,CACD,yEACD,CAAC,EACD;EAAEO,GAAG,eAAEF,IAAA,UAAM;AAAE,CAChB,CAAC,EACDJ,wBAAwB,CACvBD,EAAE,CACD,wEACD,CAAC,EACD;EAAEO,GAAG,eAAEF,IAAA,UAAM;AAAE,CAChB,CAAC,EACDJ,wBAAwB,CACvBD,EAAE,CACD,6EACD,CAAC,EACD;EAAEO,GAAG,eAAEF,IAAA,UAAM;AAAE,CAChB,CAAC,EACDL,EAAE,CAAE,kEAAmE,CAAC,EACxEA,EAAE,CAAE,kEAAmE,CAAC,CACxE;AAED,SAASQ,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAGP,QAAQ;EAC/B;EACA;EACAQ,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGN,UAAU,CAACO,MAAO,CAC/C,CAAC;EAED,oBAAOR,IAAA,CAACF,GAAG;IAAAW,QAAA,EAAGR,UAAU,CAAEG,WAAW;EAAE,CAAO,CAAC;AAChD;AAEA,eAAeD,IAAI","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -18,6 +17,8 @@ import { __, sprintf } from '@wordpress/i18n';
 import { BlockIcon } from '../block-icon';
 import styles from './style.scss';
 import sparkles from './sparkles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 class MenuItem extends Component {
   constructor() {
     super(...arguments);
@@ -50,34 +51,39 @@ class MenuItem extends Component {
     // translators: Block name. %s: The localized block name
     __('%s block');
     const accessibilityLabel = sprintf(accessibilityLabelFormat, item.title);
-    return createElement(TouchableHighlight, {
+    return /*#__PURE__*/_jsx(TouchableHighlight, {
       style: [styles.touchableArea, item.isDisabled ? styles.disabled : null],
       underlayColor: "transparent",
       activeOpacity: 0.5,
       accessibilityRole: "button",
       accessibilityLabel: accessibilityLabel,
       onPress: this.onPress,
-      disabled: item.isDisabled
-    }, createElement(View, {
-      style: [styles.modalItem, {
-        width: maxWidth
-      }]
-    }, createElement(View, {
-      style: [modalIconWrapperStyle, itemWidth && {
-        width: itemWidth
-      }, isClipboardBlock && clipboardBlockStyles]
-    }, blockIsNew && createElement(Icon, {
-      icon: sparkles,
-      style: styles.newIndicator
-    }), createElement(View, {
-      style: modalIconStyle
-    }, createElement(BlockIcon, {
-      icon: item.icon,
-      size: modalIconStyle.width
-    }))), createElement(Text, {
-      numberOfLines: 3,
-      style: modalItemLabelStyle
-    }, blockTitle)));
+      disabled: item.isDisabled,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.modalItem, {
+          width: maxWidth
+        }],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: [modalIconWrapperStyle, itemWidth && {
+            width: itemWidth
+          }, isClipboardBlock && clipboardBlockStyles],
+          children: [blockIsNew && /*#__PURE__*/_jsx(Icon, {
+            icon: sparkles,
+            style: styles.newIndicator
+          }), /*#__PURE__*/_jsx(View, {
+            style: modalIconStyle,
+            children: /*#__PURE__*/_jsx(BlockIcon, {
+              icon: item.icon,
+              size: modalIconStyle.width
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Text, {
+          numberOfLines: 3,
+          style: modalItemLabelStyle,
+          children: blockTitle
+        })]
+      })
+    });
   }
 }
 const InserterButton = withPreferredColorScheme(MenuItem);

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

@@ -1 +1 @@
-{"version":3,"names":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","BlockIcon","styles","sparkles","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","createElement","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","modalItem","width","icon","newIndicator","size","numberOfLines","InserterButton","Styles"],"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":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","BlockIcon","styles","sparkles","jsx","_jsx","jsxs","_jsxs","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","children","modalItem","width","icon","newIndicator","size","numberOfLines","InserterButton","Styles"],"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":[]}

package/build-module/components/inserter-button/sparkles.js

@@ -1,15 +1,16 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/components';
-const sparkles = createElement(SVG, {
+import { jsx as _jsx } from "react/jsx-runtime";
+const sparkles = /*#__PURE__*/_jsx(SVG, {
   viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, createElement(Path, {
-  d: "M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z",
-  fill: "#F0C930"
-}));
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z",
+    fill: "#F0C930"
+  })
+});
 export default sparkles;
 //# sourceMappingURL=sparkles.js.map

package/build-module/components/inserter-button/sparkles.js.map

@@ -1 +1 @@
-{"version":3,"names":["SVG","Path","sparkles","createElement","viewBox","fill","xmlns","d"],"sources":["@wordpress/block-editor/src/components/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAEjD,MAAMC,QAAQ,GACbC,aAAA,CAACH,GAAG;EAACI,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GACtEH,aAAA,CAACF,IAAI;EACJM,CAAC,EAAC,k8BAAk8B;EACp8BF,IAAI,EAAC;AAAS,CACd,CACG,CACL;AAED,eAAeH,QAAQ","ignoreList":[]}
+{"version":3,"names":["SVG","Path","jsx","_jsx","sparkles","viewBox","fill","xmlns","children","d"],"sources":["@wordpress/block-editor/src/components/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,QAAQ,gBACbD,IAAA,CAACH,GAAG;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,eACtEL,IAAA,CAACF,IAAI;IACJQ,CAAC,EAAC,k8BAAk8B;IACp8BH,IAAI,EAAC;EAAS,CACd;AAAC,CACE,CACL;AAED,eAAeF,QAAQ","ignoreList":[]}

package/build-module/components/inserter-draggable-blocks/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,7 @@ import BlockDraggableChip from '../block-draggable/draggable-chip';
 import { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';
 import { store as blockEditorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
 const InserterDraggableBlocks = ({
   isEnabled,
   blocks,
@@ -34,7 +34,7 @@ const InserterDraggableBlocks = ({
     startDragging,
     stopDragging
   } = unlock(useDispatch(blockEditorStore));
-  return createElement(Draggable, {
+  return /*#__PURE__*/_jsx(Draggable, {
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
@@ -47,20 +47,21 @@ const InserterDraggableBlocks = ({
     onDragEnd: () => {
       stopDragging();
     },
-    __experimentalDragComponent: createElement(BlockDraggableChip, {
+    __experimentalDragComponent: /*#__PURE__*/_jsx(BlockDraggableChip, {
       count: blocks.length,
       icon: icon || !pattern && blockTypeIcon,
       isPattern: !!pattern
-    })
-  }, ({
-    onDraggableStart,
-    onDraggableEnd
-  }) => {
-    return children({
-      draggable: isEnabled,
-      onDragStart: isEnabled ? onDraggableStart : undefined,
-      onDragEnd: isEnabled ? onDraggableEnd : undefined
-    });
+    }),
+    children: ({
+      onDraggableStart,
+      onDraggableEnd
+    }) => {
+      return children({
+        draggable: isEnabled,
+        onDragStart: isEnabled ? onDraggableStart : undefined,
+        onDragEnd: isEnabled ? onDraggableEnd : undefined
+      });
+    }
   });
 };
 export default InserterDraggableBlocks;

package/build-module/components/inserter-draggable-blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Draggable","createBlock","serialize","store","blocksStore","useDispatch","useSelect","BlockDraggableChip","INSERTER_PATTERN_TYPES","blockEditorStore","unlock","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","select","getBlockType","length","name","startDragging","stopDragging","createElement","__experimentalTransferDataType","onDragStart","event","parsedBlocks","user","syncStatus","ref","id","dataTransfer","setData","onDragEnd","__experimentalDragComponent","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport {\n\tcreateBlock,\n\tserialize,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tconst parsedBlocks =\n\t\t\t\t\tpattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t\t\t\t: blocks;\n\t\t\t\tevent.dataTransfer.setData(\n\t\t\t\t\t'text/html',\n\t\t\t\t\tserialize( parsedBlocks )\n\t\t\t\t);\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,uBAAuB;AACjD,SACCC,WAAW,EACXC,SAAS,EACTC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,SAASC,sBAAsB,QAAQ,sCAAsC;AAC7E,SAASL,KAAK,IAAIM,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAMC,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAGb,SAAS,CAC5Bc,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEhB,WAAY,CAAC;IAC9C,OACCS,MAAM,CAACS,MAAM,KAAK,CAAC,IAAID,YAAY,CAAER,MAAM,CAAE,CAAC,CAAE,CAACU,IAAK,CAAC,EAAET,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;IAAEW,aAAa;IAAEC;EAAa,CAAC,GAAGf,MAAM,CAC7CL,WAAW,CAAEI,gBAAiB,CAC/B,CAAC;EAED,OACCiB,aAAA,CAAC1B,SAAS;IACT2B,8BAA8B,EAAC,WAAW;IAC1CV,YAAY,EAAGA,YAAc;IAC7BW,WAAW,EAAKC,KAAK,IAAM;MAC1BL,aAAa,CAAC,CAAC;MACf,MAAMM,YAAY,GACjBd,OAAO,EAAEE,IAAI,KAAKV,sBAAsB,CAACuB,IAAI,IAC7Cf,OAAO,EAAEgB,UAAU,KAAK,UAAU,GAC/B,CAAE/B,WAAW,CAAE,YAAY,EAAE;QAAEgC,GAAG,EAAEjB,OAAO,CAACkB;MAAG,CAAE,CAAC,CAAE,GACpDrB,MAAM;MACVgB,KAAK,CAACM,YAAY,CAACC,OAAO,CACzB,WAAW,EACXlC,SAAS,CAAE4B,YAAa,CACzB,CAAC;IACF,CAAG;IACHO,SAAS,EAAGA,CAAA,KAAM;MACjBZ,YAAY,CAAC,CAAC;IACf,CAAG;IACHa,2BAA2B,EAC1BZ,aAAA,CAACnB,kBAAkB;MAClBgC,KAAK,EAAG1B,MAAM,CAACS,MAAQ;MACvBR,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/CqB,SAAS,EAAG,CAAC,CAAExB;IAAS,CACxB;EACD,GAEC,CAAE;IAAEyB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAO3B,QAAQ,CAAE;MAChB4B,SAAS,EAAE/B,SAAS;MACpBgB,WAAW,EAAEhB,SAAS,GAAG6B,gBAAgB,GAAGG,SAAS;MACrDP,SAAS,EAAEzB,SAAS,GAAG8B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAED,eAAejC,uBAAuB","ignoreList":[]}
+{"version":3,"names":["Draggable","createBlock","serialize","store","blocksStore","useDispatch","useSelect","BlockDraggableChip","INSERTER_PATTERN_TYPES","blockEditorStore","unlock","jsx","_jsx","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","select","getBlockType","length","name","startDragging","stopDragging","__experimentalTransferDataType","onDragStart","event","parsedBlocks","user","syncStatus","ref","id","dataTransfer","setData","onDragEnd","__experimentalDragComponent","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport {\n\tcreateBlock,\n\tserialize,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tconst parsedBlocks =\n\t\t\t\t\tpattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t\t\t\t: blocks;\n\t\t\t\tevent.dataTransfer.setData(\n\t\t\t\t\t'text/html',\n\t\t\t\t\tserialize( parsedBlocks )\n\t\t\t\t);\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,uBAAuB;AACjD,SACCC,WAAW,EACXC,SAAS,EACTC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,SAASC,sBAAsB,QAAQ,sCAAsC;AAC7E,SAASL,KAAK,IAAIM,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAMC,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAGf,SAAS,CAC5BgB,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAElB,WAAY,CAAC;IAC9C,OACCW,MAAM,CAACS,MAAM,KAAK,CAAC,IAAID,YAAY,CAAER,MAAM,CAAE,CAAC,CAAE,CAACU,IAAK,CAAC,EAAET,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;IAAEW,aAAa;IAAEC;EAAa,CAAC,GAAGjB,MAAM,CAC7CL,WAAW,CAAEI,gBAAiB,CAC/B,CAAC;EAED,oBACCG,IAAA,CAACZ,SAAS;IACT4B,8BAA8B,EAAC,WAAW;IAC1CT,YAAY,EAAGA,YAAc;IAC7BU,WAAW,EAAKC,KAAK,IAAM;MAC1BJ,aAAa,CAAC,CAAC;MACf,MAAMK,YAAY,GACjBb,OAAO,EAAEE,IAAI,KAAKZ,sBAAsB,CAACwB,IAAI,IAC7Cd,OAAO,EAAEe,UAAU,KAAK,UAAU,GAC/B,CAAEhC,WAAW,CAAE,YAAY,EAAE;QAAEiC,GAAG,EAAEhB,OAAO,CAACiB;MAAG,CAAE,CAAC,CAAE,GACpDpB,MAAM;MACVe,KAAK,CAACM,YAAY,CAACC,OAAO,CACzB,WAAW,EACXnC,SAAS,CAAE6B,YAAa,CACzB,CAAC;IACF,CAAG;IACHO,SAAS,EAAGA,CAAA,KAAM;MACjBX,YAAY,CAAC,CAAC;IACf,CAAG;IACHY,2BAA2B,eAC1B3B,IAAA,CAACL,kBAAkB;MAClBiC,KAAK,EAAGzB,MAAM,CAACS,MAAQ;MACvBR,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/CoB,SAAS,EAAG,CAAC,CAAEvB;IAAS,CACxB,CACD;IAAAD,QAAA,EAECA,CAAE;MAAEyB,gBAAgB;MAAEC;IAAe,CAAC,KAAM;MAC7C,OAAO1B,QAAQ,CAAE;QAChB2B,SAAS,EAAE9B,SAAS;QACpBe,WAAW,EAAEf,SAAS,GAAG4B,gBAAgB,GAAGG,SAAS;QACrDP,SAAS,EAAExB,SAAS,GAAG6B,cAAc,GAAGE;MACzC,CAAE,CAAC;IACJ;EAAC,CACS,CAAC;AAEd,CAAC;AAED,eAAehC,uBAAuB","ignoreList":[]}