npm - @wordpress/block-directory - Versions diffs - 4.20.0 → 4.21.0 - Mend

@wordpress/block-directory 4.20.0 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,8 @@
 ## Unreleased
+## 4.21.0 (2023-10-18)
 ## 4.20.0 (2023-10-05)
 ## 4.19.0 (2023-09-20)

package/build/components/downloadable-block-list-item/index.js CHANGED Viewed

@@ -16,6 +16,7 @@ var _blockRatings = _interopRequireDefault(require("../block-ratings"));
 var _downloadableBlockIcon = _interopRequireDefault(require("../downloadable-block-icon"));
 var _downloadableBlockNotice = _interopRequireDefault(require("../downloadable-block-notice"));
 var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -24,6 +25,10 @@ var _store = require("../../store");
  * Internal dependencies
  */
+const {
+  CompositeItemV2: CompositeItem
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 // Return the appropriate block item label, given the block data and status.
 function getDownloadableBlockLabel({
   title,
@@ -93,25 +98,27 @@ function DownloadableBlockListItem({
   } else if (isInstalling) {
     statusText = (0, _i18n.__)('Installing…');
   }
-  return (0, _react.createElement)(_components.__unstableCompositeItem, {
-    __experimentalIsFocusable: true,
-    role: "option",
-    as: _components.Button,
-    ...composite,
-    className: "block-directory-downloadable-block-list-item",
-    onClick: event => {
-      event.preventDefault();
-      onClick();
-    },
-    isBusy: isInstalling,
-    disabled: isInstalling || !isInstallable,
-    label: getDownloadableBlockLabel(item, {
-      hasNotice,
-      isInstalled,
-      isInstalling
+  return (0, _react.createElement)(CompositeItem, {
+    render: (0, _react.createElement)(_components.Button, {
+      __experimentalIsFocusable: true,
+      type: "button",
+      role: "option",
+      className: "block-directory-downloadable-block-list-item",
+      isBusy: isInstalling,
+      onClick: event => {
+        event.preventDefault();
+        onClick();
+      },
+      label: getDownloadableBlockLabel(item, {
+        hasNotice,
+        isInstalled,
+        isInstalling
+      }),
+      showTooltip: true,
+      tooltipPosition: "top center"
     }),
-    showTooltip: true,
-    tooltipPosition: "top center"
+    store: composite,
+    disabled: isInstalling || !isInstallable
   }, (0, _react.createElement)("div", {
     className: "block-directory-downloadable-block-list-item__icon"
   }, (0, _react.createElement)(_downloadableBlockIcon.default, {

package/build/components/downloadable-block-list-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_element","_htmlEntities","_blocks","_data","_blockRatings","_interopRequireDefault","_downloadableBlockIcon","_downloadableBlockNotice","_store","getDownloadableBlockLabel","title","rating","ratingCount","hasNotice","isInstalled","isInstalling","stars","Math","round","sprintf","decodeEntities","_n","DownloadableBlockListItem","composite","item","onClick","author","description","icon","getBlockType","name","isInstallable","useSelect","select","getErrorNoticeForBlock","isBlockInstalling","blockDirectoryStore","notice","id","hasFatal","isFatal","statusText","__","_react","createElement","__unstableCompositeItem","__experimentalIsFocusable","role","as","Button","className","event","preventDefault","isBusy","disabled","label","showTooltip","tooltipPosition","default","Spinner","createInterpolateElement","span","block","Fragment","VisuallyHidden","_default","exports"],"sources":["@wordpress/block-directory/src/components/downloadable-block-list-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tSpinner,\n\tVisuallyHidden,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport BlockRatings from '../block-ratings';\nimport DownloadableBlockIcon from '../downloadable-block-icon';\nimport DownloadableBlockNotice from '../downloadable-block-notice';\nimport { store as blockDirectoryStore } from '../../store';\n\n// Return the appropriate block item label, given the block data and status.\nfunction getDownloadableBlockLabel(\n\t{ title, rating, ratingCount },\n\t{ hasNotice, isInstalled, isInstalling }\n) {\n\tconst stars = Math.round( rating / 0.5 ) 0.5;\n\n\tif ( ! isInstalled && hasNotice ) {\n\t\t/* translators: %1$s: block title /\n\t\treturn sprintf( 'Retry installing %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalled ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Add %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalling ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Installing %s.', decodeEntities( title ) );\n\t}\n\n\t// No ratings yet, just use the title.\n\tif ( ratingCount < 1 ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Install %s.', decodeEntities( title ) );\n\t}\n\n\treturn sprintf(\n\t\t/ translators: %1$s: block title, %2$s: average rating, %3$s: total ratings count. /\n\t\t_n(\n\t\t\t'Install %1$s. %2$s stars with %3$s review.',\n\t\t\t'Install %1$s. %2$s stars with %3$s reviews.',\n\t\t\tratingCount\n\t\t),\n\t\tdecodeEntities( title ),\n\t\tstars,\n\t\tratingCount\n\t);\n}\n\nfunction DownloadableBlockListItem( { composite, item, onClick } ) {\n\tconst { author, description, icon, rating, title } = item;\n\t// getBlockType returns a block object if this block exists, or null if not.\n\tconst isInstalled = !! getBlockType( item.name );\n\n\tconst { hasNotice, isInstalling, isInstallable } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getErrorNoticeForBlock, isInstalling: isBlockInstalling } =\n\t\t\t\tselect( blockDirectoryStore );\n\t\t\tconst notice = getErrorNoticeForBlock( item.id );\n\t\t\tconst hasFatal = notice && notice.isFatal;\n\t\t\treturn {\n\t\t\t\thasNotice: !! notice,\n\t\t\t\tisInstalling: isBlockInstalling( item.id ),\n\t\t\t\tisInstallable: ! hasFatal,\n\t\t\t};\n\t\t},\n\t\t[ item ]\n\t);\n\n\tlet statusText = '';\n\tif ( isInstalled ) {\n\t\tstatusText = __( 'Installed!' );\n\t} else if ( isInstalling ) {\n\t\tstatusText = __( 'Installing…' );\n\t}\n\n\treturn (\n\t\t<CompositeItem\n\t\t\t__experimentalIsFocusable\n\t\t\trole=\"option\"\n\t\t\tas={ Button }\n\t\t\t{ ...composite }\n\t\t\tclassName=\"block-directory-downloadable-block-list-item\"\n\t\t\tonClick={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick();\n\t\t\t} }\n\t\t\tisBusy={ isInstalling }\n\t\t\tdisabled={ isInstalling \|\| ! isInstallable }\n\t\t\tlabel={ getDownloadableBlockLabel( item, {\n\t\t\t\thasNotice,\n\t\t\t\tisInstalled,\n\t\t\t\tisInstalling,\n\t\t\t} ) }\n\t\t\tshowTooltip={ true }\n\t\t\ttooltipPosition=\"top center\"\n\t\t>\n\t\t\t<div className=\"block-directory-downloadable-block-list-item__icon\">\n\t\t\t\t<DownloadableBlockIcon icon={ icon } title={ title } />\n\t\t\t\t{ isInstalling ? (\n\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__spinner\">\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockRatings rating={ rating } />\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<span className=\"block-directory-downloadable-block-list-item__details\">\n\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__title\">\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: %1$s: block title, %2$s: author name. */\n\t\t\t\t\t\t\t__( '%1$s <span>by %2$s</span>' ),\n\t\t\t\t\t\t\tdecodeEntities( title ),\n\t\t\t\t\t\t\tauthor\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tspan: (\n\t\t\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__author\" />\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</span>\n\t\t\t\t{ hasNotice ? (\n\t\t\t\t\t<DownloadableBlockNotice block={ item } />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__desc\">\n\t\t\t\t\t\t\t{ !! statusText\n\t\t\t\t\t\t\t\t? statusText\n\t\t\t\t\t\t\t\t: decodeEntities( description ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ isInstallable &&\n\t\t\t\t\t\t\t! ( isInstalled \|\| isInstalling ) && (\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t{ __( 'Install block' ) }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</CompositeItem>\n\t);\n}\n\nexport default DownloadableBlockListItem;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_i18n","require","_components","_element","_htmlEntities","_blocks","_data","_blockRatings","_interopRequireDefault","_downloadableBlockIcon","_downloadableBlockNotice","_store","_lockUnlock","CompositeItemV2","CompositeItem","unlock","componentsPrivateApis","getDownloadableBlockLabel","title","rating","ratingCount","hasNotice","isInstalled","isInstalling","stars","Math","round","sprintf","decodeEntities","_n","DownloadableBlockListItem","composite","item","onClick","author","description","icon","getBlockType","name","isInstallable","useSelect","select","getErrorNoticeForBlock","isBlockInstalling","blockDirectoryStore","notice","id","hasFatal","isFatal","statusText","__","_react","createElement","render","Button","__experimentalIsFocusable","type","role","className","isBusy","event","preventDefault","label","showTooltip","tooltipPosition","store","disabled","default","Spinner","createInterpolateElement","span","block","Fragment","VisuallyHidden","_default","exports"],"sources":["@wordpress/block-directory/src/components/downloadable-block-list-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tSpinner,\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport BlockRatings from '../block-ratings';\nimport DownloadableBlockIcon from '../downloadable-block-icon';\nimport DownloadableBlockNotice from '../downloadable-block-notice';\nimport { store as blockDirectoryStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\n// Return the appropriate block item label, given the block data and status.\nfunction getDownloadableBlockLabel(\n\t{ title, rating, ratingCount },\n\t{ hasNotice, isInstalled, isInstalling }\n) {\n\tconst stars = Math.round( rating / 0.5 ) 0.5;\n\n\tif ( ! isInstalled && hasNotice ) {\n\t\t/* translators: %1$s: block title /\n\t\treturn sprintf( 'Retry installing %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalled ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Add %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalling ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Installing %s.', decodeEntities( title ) );\n\t}\n\n\t// No ratings yet, just use the title.\n\tif ( ratingCount < 1 ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Install %s.', decodeEntities( title ) );\n\t}\n\n\treturn sprintf(\n\t\t/ translators: %1$s: block title, %2$s: average rating, %3$s: total ratings count. /\n\t\t_n(\n\t\t\t'Install %1$s. %2$s stars with %3$s review.',\n\t\t\t'Install %1$s. %2$s stars with %3$s reviews.',\n\t\t\tratingCount\n\t\t),\n\t\tdecodeEntities( title ),\n\t\tstars,\n\t\tratingCount\n\t);\n}\n\nfunction DownloadableBlockListItem( { composite, item, onClick } ) {\n\tconst { author, description, icon, rating, title } = item;\n\t// getBlockType returns a block object if this block exists, or null if not.\n\tconst isInstalled = !! getBlockType( item.name );\n\n\tconst { hasNotice, isInstalling, isInstallable } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getErrorNoticeForBlock, isInstalling: isBlockInstalling } =\n\t\t\t\tselect( blockDirectoryStore );\n\t\t\tconst notice = getErrorNoticeForBlock( item.id );\n\t\t\tconst hasFatal = notice && notice.isFatal;\n\t\t\treturn {\n\t\t\t\thasNotice: !! notice,\n\t\t\t\tisInstalling: isBlockInstalling( item.id ),\n\t\t\t\tisInstallable: ! hasFatal,\n\t\t\t};\n\t\t},\n\t\t[ item ]\n\t);\n\n\tlet statusText = '';\n\tif ( isInstalled ) {\n\t\tstatusText = __( 'Installed!' );\n\t} else if ( isInstalling ) {\n\t\tstatusText = __( 'Installing…' );\n\t}\n\n\treturn (\n\t\t<CompositeItem\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tclassName=\"block-directory-downloadable-block-list-item\"\n\t\t\t\t\tisBusy={ isInstalling }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonClick();\n\t\t\t\t\t} }\n\t\t\t\t\tlabel={ getDownloadableBlockLabel( item, {\n\t\t\t\t\t\thasNotice,\n\t\t\t\t\t\tisInstalled,\n\t\t\t\t\t\tisInstalling,\n\t\t\t\t\t} ) }\n\t\t\t\t\tshowTooltip\n\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\tstore={ composite }\n\t\t\tdisabled={ isInstalling \|\| ! isInstallable }\n\t\t>\n\t\t\t<div className=\"block-directory-downloadable-block-list-item__icon\">\n\t\t\t\t<DownloadableBlockIcon icon={ icon } title={ title } />\n\t\t\t\t{ isInstalling ? (\n\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__spinner\">\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockRatings rating={ rating } />\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<span className=\"block-directory-downloadable-block-list-item__details\">\n\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__title\">\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: %1$s: block title, %2$s: author name. */\n\t\t\t\t\t\t\t__( '%1$s <span>by %2$s</span>' ),\n\t\t\t\t\t\t\tdecodeEntities( title ),\n\t\t\t\t\t\t\tauthor\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tspan: (\n\t\t\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__author\" />\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</span>\n\t\t\t\t{ hasNotice ? (\n\t\t\t\t\t<DownloadableBlockNotice block={ item } />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__desc\">\n\t\t\t\t\t\t\t{ !! statusText\n\t\t\t\t\t\t\t\t? statusText\n\t\t\t\t\t\t\t\t: decodeEntities( description ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ isInstallable &&\n\t\t\t\t\t\t\t! ( isInstalled \|\| isInstalling ) && (\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t{ __( 'Install block' ) }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</CompositeItem>\n\t);\n}\n\nexport default DownloadableBlockListItem;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,aAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,wBAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AAtBA;AACA;AACA;;AAaA;AACA;AACA;;AAOA,MAAM;EAAEY,eAAe,EAAEC;AAAc,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;;AAE1E;AACA,SAASC,yBAAyBA,CACjC;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAY,CAAC,EAC9B;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAa,CAAC,EACvC;EACD,MAAMC,KAAK,GAAGC,IAAI,CAACC,KAAK,CAAEP,MAAM,GAAG,GAAI,CAAC,GAAG,GAAG;EAE9C,IAAK,CAAEG,WAAW,IAAID,SAAS,EAAG;IACjC;IACA,OAAO,IAAAM,aAAO,EAAE,sBAAsB,EAAE,IAAAC,4BAAc,EAAEV,KAAM,CAAE,CAAC;EAClE;EAEA,IAAKI,WAAW,EAAG;IAClB;IACA,OAAO,IAAAK,aAAO,EAAE,SAAS,EAAE,IAAAC,4BAAc,EAAEV,KAAM,CAAE,CAAC;EACrD;EAEA,IAAKK,YAAY,EAAG;IACnB;IACA,OAAO,IAAAI,aAAO,EAAE,gBAAgB,EAAE,IAAAC,4BAAc,EAAEV,KAAM,CAAE,CAAC;EAC5D;;EAEA;EACA,IAAKE,WAAW,GAAG,CAAC,EAAG;IACtB;IACA,OAAO,IAAAO,aAAO,EAAE,aAAa,EAAE,IAAAC,4BAAc,EAAEV,KAAM,CAAE,CAAC;EACzD;EAEA,OAAO,IAAAS,aAAO,GACb;EACA,IAAAE,QAAE,EACD,4CAA4C,EAC5C,6CAA6C,EAC7CT,WACD,CAAC,EACD,IAAAQ,4BAAc,EAAEV,KAAM,CAAC,EACvBM,KAAK,EACLJ,WACD,CAAC;AACF;AAEA,SAASU,yBAAyBA,CAAE;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAQ,CAAC,EAAG;EAClE,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,IAAI;IAAEjB,MAAM;IAAED;EAAM,CAAC,GAAGc,IAAI;EACzD;EACA,MAAMV,WAAW,GAAG,CAAC,CAAE,IAAAe,oBAAY,EAAEL,IAAI,CAACM,IAAK,CAAC;EAEhD,MAAM;IAAEjB,SAAS;IAAEE,YAAY;IAAEgB;EAAc,CAAC,GAAG,IAAAC,eAAS,EACzDC,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEnB,YAAY,EAAEoB;IAAkB,CAAC,GAChEF,MAAM,CAAEG,YAAoB,CAAC;IAC9B,MAAMC,MAAM,GAAGH,sBAAsB,CAAEV,IAAI,CAACc,EAAG,CAAC;IAChD,MAAMC,QAAQ,GAAGF,MAAM,IAAIA,MAAM,CAACG,OAAO;IACzC,OAAO;MACN3B,SAAS,EAAE,CAAC,CAAEwB,MAAM;MACpBtB,YAAY,EAAEoB,iBAAiB,CAAEX,IAAI,CAACc,EAAG,CAAC;MAC1CP,aAAa,EAAE,CAAEQ;IAClB,CAAC;EACF,CAAC,EACD,CAAEf,IAAI,CACP,CAAC;EAED,IAAIiB,UAAU,GAAG,EAAE;EACnB,IAAK3B,WAAW,EAAG;IAClB2B,UAAU,GAAG,IAAAC,QAAE,EAAE,YAAa,CAAC;EAChC,CAAC,MAAM,IAAK3B,YAAY,EAAG;IAC1B0B,UAAU,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;EACjC;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACtC,aAAa;IACbuC,MAAM,EACL,IAAAF,MAAA,CAAAC,aAAA,EAAClD,WAAA,CAAAoD,MAAM;MACNC,yBAAyB;MACzBC,IAAI,EAAC,QAAQ;MACbC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAC,8CAA8C;MACxDC,MAAM,EAAGpC,YAAc;MACvBU,OAAO,EAAK2B,KAAK,IAAM;QACtBA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtB5B,OAAO,CAAC,CAAC;MACV,CAAG;MACH6B,KAAK,EAAG7C,yBAAyB,CAAEe,IAAI,EAAE;QACxCX,SAAS;QACTC,WAAW;QACXC;MACD,CAAE,CAAG;MACLwC,WAAW;MACXC,eAAe,EAAC;IAAY,CAC5B,CACD;IACDC,KAAK,EAAGlC,SAAW;IACnBmC,QAAQ,EAAG3C,YAAY,IAAI,CAAEgB;EAAe,GAE5C,IAAAY,MAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAAoD,GAClE,IAAAP,MAAA,CAAAC,aAAA,EAAC3C,sBAAA,CAAA0D,OAAqB;IAAC/B,IAAI,EAAGA,IAAM;IAAClB,KAAK,EAAGA;EAAO,CAAE,CAAC,EACrDK,YAAY,GACb,IAAA4B,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAuD,GACtE,IAAAP,MAAA,CAAAC,aAAA,EAAClD,WAAA,CAAAkE,OAAO,MAAE,CACL,CAAC,GAEP,IAAAjB,MAAA,CAAAC,aAAA,EAAC7C,aAAA,CAAA4D,OAAY;IAAChD,MAAM,EAAGA;EAAQ,CAAE,CAE9B,CAAC,EACN,IAAAgC,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAuD,GACtE,IAAAP,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAqD,GAClE,IAAAW,iCAAwB,EACzB,IAAA1C,aAAO,GACN;EACA,IAAAuB,QAAE,EAAE,2BAA4B,CAAC,EACjC,IAAAtB,4BAAc,EAAEV,KAAM,CAAC,EACvBgB,MACD,CAAC,EACD;IACCoC,IAAI,EACH,IAAAnB,MAAA,CAAAC,aAAA;MAAMM,SAAS,EAAC;IAAsD,CAAE;EAE1E,CACD,CACK,CAAC,EACLrC,SAAS,GACV,IAAA8B,MAAA,CAAAC,aAAA,EAAC1C,wBAAA,CAAAyD,OAAuB;IAACI,KAAK,EAAGvC;EAAM,CAAE,CAAC,GAE1C,IAAAmB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAqB,QAAA,QACC,IAAArB,MAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAoD,GACjE,CAAC,CAAET,UAAU,GACZA,UAAU,GACV,IAAArB,4BAAc,EAAEO,WAAY,CAC1B,CAAC,EACLI,aAAa,IACd,EAAIjB,WAAW,IAAIC,YAAY,CAAE,IAChC,IAAA4B,MAAA,CAAAC,aAAA,EAAClD,WAAA,CAAAuE,cAAc,QACZ,IAAAvB,QAAE,EAAE,eAAgB,CACP,CAEjB,CAEE,CACQ,CAAC;AAElB;AAAC,IAAAwB,QAAA,GAEc5C,yBAAyB;AAAA6C,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/build/components/downloadable-blocks-list/index.js CHANGED Viewed

@@ -12,6 +12,7 @@ var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _downloadableBlockListItem = _interopRequireDefault(require("../downloadable-block-list-item"));
 var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -20,21 +21,25 @@ var _store = require("../../store");
  * Internal dependencies
  */
+const {
+  CompositeV2: Composite,
+  useCompositeStoreV2: useCompositeStore
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 const noop = () => {};
 function DownloadableBlocksList({
   items,
   onHover = noop,
   onSelect
 }) {
-  const composite = (0, _components.__unstableUseCompositeState)();
+  const composite = useCompositeStore();
   const {
     installBlockType
   } = (0, _data.useDispatch)(_store.store);
   if (!items.length) {
     return null;
   }
-  return (0, _react.createElement)(_components.__unstableComposite, {
-    ...composite,
+  return (0, _react.createElement)(Composite, {
+    store: composite,
     role: "listbox",
     className: "block-directory-downloadable-blocks-list",
     "aria-label": (0, _i18n.__)('Blocks available for install')

package/build/components/downloadable-blocks-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_blocks","_data","_downloadableBlockListItem","_interopRequireDefault","_store","noop","DownloadableBlocksList","items","onHover","onSelect","composite","~~useCompositeState","~~installBlockType","useDispatch","blockDirectoryStore","length","_react","createElement","~~__unstableComposite~~","role","className","__","map","item","default","key","id","onClick","getBlockType","name","then","success","_default","exports"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-list/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {~~\n\t__unstableComposite~~ as ~~Composite,\n\t__unstableUseCompositeState~~ ~~as useCompositeState,\n~~} from '@wordpress/components';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport DownloadableBlockListItem from '../downloadable-block-list-item';\nimport { store as blockDirectoryStore } from '../../store';\n\nconst noop = () => {};\n\nfunction DownloadableBlocksList( { items, onHover = noop, onSelect } ) {\n\tconst composite = ~~useCompositeState~~();\n\tconst { installBlockType } = useDispatch( blockDirectoryStore );\n\n\tif ( ! items.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Composite\n\t\t\t{ ~~...~~composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-directory-downloadable-blocks-list\"\n\t\t\taria-label={ __( 'Blocks available for install' ) }\n\t\t>\n\t\t\t{ items.map( ( item ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DownloadableBlockListItem\n\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Check if the block is registered (`getBlockType`\n\t\t\t\t\t\t\t// will return an object). If so, insert the block.\n\t\t\t\t\t\t\t// This prevents installing existing plugins.\n\t\t\t\t\t\t\tif ( getBlockType( item.name ) ) {\n\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tinstallBlockType( item ).then( ( success ) => {\n\t\t\t\t\t\t\t\t\tif ( success ) {\n\t\t\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default DownloadableBlocksList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;~~AAIA~~,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;~~AAfA~~;AACA;AACA;;~~AASA~~;AACA;AACA;;~~AAIA~~,~~MAAMO~~,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,sBAAsBA,CAAE;EAAEC,KAAK;EAAEC,OAAO,GAAGH,IAAI;EAAEI;AAAS,CAAC,EAAG;EACtE,MAAMC,SAAS,~~GAAG~~,~~IAAAC~~,~~uCAAiB~~,~~EAAC,~~CAAC;EACrC,MAAM;~~IAAEC~~;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAoB,CAAC;EAE/D,IAAK,~~CAAEP~~,KAAK,~~CAACQ~~,MAAM,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,~~EAAClB~~,~~WAAA~~,~~CAAAmB~~,~~mBAAS;IAAA~~,~~GACJR,SAAS~~;~~IACdS~~,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,0CAA0C;IACpD,cAAa,IAAAC,QAAE,EAAE,8BAA+B;EAAG,~~GAEjDd~~,KAAK,~~CAACe~~,GAAG,CAAIC,IAAI,IAAM;IACxB,OACC,IAAAP,MAAA,CAAAC,aAAA,~~EAACf~~,0BAAA,~~CAAAsB~~,OAAyB;MACzBC,GAAG,EAAGF,IAAI,CAACG,EAAI;~~MACfhB~~,SAAS,EAAGA,SAAW;~~MACvBiB~~,OAAO,EAAGA,CAAA,KAAM;QACf;QACA;QACA;QACA,IAAK,IAAAC,oBAAY,EAAEL,IAAI,CAACM,IAAK,CAAC,EAAG;~~UAChCpB~~,QAAQ,~~CAAEc~~,IAAK,CAAC;QACjB,CAAC,MAAM;UACNX,gBAAgB,CAAEW,IAAK,CAAC,CAACO,IAAI,CAAIC,OAAO,IAAM;YAC7C,IAAKA,OAAO,EAAG;~~cACdtB~~,QAAQ,~~CAAEc~~,IAAK,CAAC;YACjB;UACD,CAAE,CAAC;QACJ;~~QACAf~~,OAAO,CAAE,IAAK,CAAC;MAChB,CAAG;MACHA,OAAO,EAAGA,OAAS;~~MACnBe~~,IAAI,EAAGA;IAAM,CACb,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd;AAAC,IAAAS,QAAA,~~GAEc1B~~,sBAAsB;~~AAAA2B~~,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_components","_blocks","_data","_downloadableBlockListItem","_interopRequireDefault","_store","_lockUnlock","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","noop","DownloadableBlocksList","items","onHover","onSelect","composite","installBlockType","useDispatch","blockDirectoryStore","length","_react","createElement","store","role","className","__","map","item","default","key","id","onClick","getBlockType","name","then","success","_default","exports"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-list/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport DownloadableBlockListItem from '../downloadable-block-list-item';\nimport { store as blockDirectoryStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =\n\tunlock( componentsPrivateApis );\nconst noop = () => {};\n\nfunction DownloadableBlocksList( { items, onHover = noop, onSelect } ) {\n\tconst composite = useCompositeStore();\n\tconst { installBlockType } = useDispatch( blockDirectoryStore );\n\n\tif ( ! items.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Composite\n\t\t\tstore={ composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-directory-downloadable-blocks-list\"\n\t\t\taria-label={ __( 'Blocks available for install' ) }\n\t\t>\n\t\t\t{ items.map( ( item ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DownloadableBlockListItem\n\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Check if the block is registered (`getBlockType`\n\t\t\t\t\t\t\t// will return an object). If so, insert the block.\n\t\t\t\t\t\t\t// This prevents installing existing plugins.\n\t\t\t\t\t\t\tif ( getBlockType( item.name ) ) {\n\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tinstallBlockType( item ).then( ( success ) => {\n\t\t\t\t\t\t\t\t\tif ( success ) {\n\t\t\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default DownloadableBlocksList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAKA,MAAM;EAAEQ,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvE,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAChC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,sBAAsBA,CAAE;EAAEC,KAAK;EAAEC,OAAO,GAAGH,IAAI;EAAEI;AAAS,CAAC,EAAG;EACtE,MAAMC,SAAS,GAAGR,iBAAiB,CAAC,CAAC;EACrC,MAAM;IAAES;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAoB,CAAC;EAE/D,IAAK,CAAEN,KAAK,CAACO,MAAM,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAChB,SAAS;IACTiB,KAAK,EAAGP,SAAW;IACnBQ,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,0CAA0C;IACpD,cAAa,IAAAC,QAAE,EAAE,8BAA+B;EAAG,GAEjDb,KAAK,CAACc,GAAG,CAAIC,IAAI,IAAM;IACxB,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACrB,0BAAA,CAAA4B,OAAyB;MACzBC,GAAG,EAAGF,IAAI,CAACG,EAAI;MACff,SAAS,EAAGA,SAAW;MACvBgB,OAAO,EAAGA,CAAA,KAAM;QACf;QACA;QACA;QACA,IAAK,IAAAC,oBAAY,EAAEL,IAAI,CAACM,IAAK,CAAC,EAAG;UAChCnB,QAAQ,CAAEa,IAAK,CAAC;QACjB,CAAC,MAAM;UACNX,gBAAgB,CAAEW,IAAK,CAAC,CAACO,IAAI,CAAIC,OAAO,IAAM;YAC7C,IAAKA,OAAO,EAAG;cACdrB,QAAQ,CAAEa,IAAK,CAAC;YACjB;UACD,CAAE,CAAC;QACJ;QACAd,OAAO,CAAE,IAAK,CAAC;MAChB,CAAG;MACHA,OAAO,EAAGA,OAAS;MACnBc,IAAI,EAAGA;IAAM,CACb,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd;AAAC,IAAAS,QAAA,GAEczB,sBAAsB;AAAA0B,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/build/components/downloadable-blocks-panel/index.js CHANGED Viewed

@@ -9,9 +9,9 @@ var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
-var _blockEditor = require("@wordpress/block-editor");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
+var _blocks = require("@wordpress/blocks");
 var _downloadableBlocksList = _interopRequireDefault(require("../downloadable-blocks-list"));
 var _inserterPanel = _interopRequireDefault(require("./inserter-panel"));
 var _noResults = _interopRequireDefault(require("./no-results"));
@@ -59,20 +59,27 @@ function DownloadableBlocksPanel({
   })) : !hasLocalBlocks && (0, _react.createElement)(_noResults.default, null);
 }
 var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
-  filterValue,
-  rootClientId = null
+  filterValue
 }) => {
   const {
     getDownloadableBlocks,
-    isRequestingDownloadableBlocks
+    isRequestingDownloadableBlocks,
+    getInstalledBlockTypes
   } = select(_store.store);
-  const {
-    canInsertBlockType
-  } = select(_blockEditor.store);
   const hasPermission = select(_coreData.store).canUser('read', 'block-directory/search');
   function getInstallableBlocks(term) {
     const downloadableBlocks = getDownloadableBlocks(term);
-    const installableBlocks = downloadableBlocks.filter(block => canInsertBlockType(block, rootClientId, true));
+    const installedBlockTypes = getInstalledBlockTypes();
+    // Filter out blocks that are already installed.
+    const installableBlocks = downloadableBlocks.filter(block => {
+      // Check if the block has just been installed, in which case it
+      // should still show in the list to avoid suddenly disappearing.
+      // `installedBlockTypes` only returns blocks stored in state
+      // immediately after installation, not all installed blocks.
+      const isJustInstalled = !!installedBlockTypes.find(blockType => blockType.name === block.name);
+      const isPreviouslyInstalled = (0, _blocks.getBlockType)(block.name);
+      return isJustInstalled || !isPreviouslyInstalled;
+    });
     if (downloadableBlocks.length === installableBlocks.length) {
       return downloadableBlocks;
     }

package/build/components/downloadable-blocks-panel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_compose","~~_blockEditor~~","~~_coreData~~","~~_data~~","_downloadableBlocksList","_interopRequireDefault","_inserterPanel","_noResults","_store","EMPTY_ARRAY","DownloadableBlocksPanel","downloadableItems","onSelect","onHover","hasLocalBlocks","hasPermission","isLoading","isTyping","_react","createElement","Fragment","className","__","Spinner","default","length","items","_default","compose","withSelect","select","filterValue","~~rootClientId","~~getDownloadableBlocks","isRequestingDownloadableBlocks","~~blockDirectoryStore~~","~~canInsertBlockType~~","~~blockEditorStore","~~coreStore","canUser","getInstallableBlocks","term","downloadableBlocks","installableBlocks","filter","block","exports"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-panel/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Spinner } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { store as ~~blockEditorStore~~ } from '@wordpress/~~block~~-~~editor~~';\nimport { ~~store~~ ~~as coreStore~~ } from '@wordpress/~~core-~~data';\nimport { ~~withSelect~~ } from '@wordpress/~~data~~';\n\n/\n Internal dependencies\n */\nimport DownloadableBlocksList from '../downloadable-blocks-list';\nimport DownloadableBlocksInserterPanel from './inserter-panel';\nimport DownloadableBlocksNoResults from './no-results';\nimport { store as blockDirectoryStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction DownloadableBlocksPanel( {\n\tdownloadableItems,\n\tonSelect,\n\tonHover,\n\thasLocalBlocks,\n\thasPermission,\n\tisLoading,\n\tisTyping,\n} ) {\n\tif ( typeof hasPermission === 'undefined' \|\| isLoading \|\| isTyping ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ hasPermission && ! hasLocalBlocks && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<p className=\"block-directory-downloadable-blocks-panel__no-local\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'No results available from your installed blocks.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<div className=\"block-directory-downloadable-blocks-panel has-blocks-loading\">\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif ( false === hasPermission ) {\n\t\tif ( ! hasLocalBlocks ) {\n\t\t\treturn <DownloadableBlocksNoResults />;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\treturn !! downloadableItems.length ? (\n\t\t<DownloadableBlocksInserterPanel\n\t\t\tdownloadableItems={ downloadableItems }\n\t\t\thasLocalBlocks={ hasLocalBlocks }\n\t\t>\n\t\t\t<DownloadableBlocksList\n\t\t\t\titems={ downloadableItems }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tonHover={ onHover }\n\t\t\t/>\n\t\t</DownloadableBlocksInserterPanel>\n\t) : (\n\t\t! hasLocalBlocks && <DownloadableBlocksNoResults />\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { filterValue, ~~rootClientId = null~~ } ) => {\n\t\tconst { ~~getDownloadableBlocks, isRequestingDownloadableBlocks } =\~~n\t\t\~~tselect( blockDirectoryStore );\~~n\t\~~tconst { canInsertBlockType~~ } = select( ~~blockEditorStore~~ );\n\n\t\tconst hasPermission = select( coreStore ).canUser(\n\t\t\t'read',\n\t\t\t'block-directory/search'\n\t\t);\n\n\t\tfunction getInstallableBlocks( term ) {\n\t\t\tconst downloadableBlocks = getDownloadableBlocks( term );\n\t\t\tconst installableBlocks = downloadableBlocks.filter( ( block ) ~~=>\~~n\t\t\t\~~tcanInsertBlockType(~~ block, ~~rootClientId~~, ~~true~~ )\n\t\t\t);\n\n\t\t\tif ( downloadableBlocks.length === installableBlocks.length ) {\n\t\t\t\treturn downloadableBlocks;\n\t\t\t}\n\t\t\treturn installableBlocks;\n\t\t}\n\n\t\tlet downloadableItems = hasPermission\n\t\t\t? getInstallableBlocks( filterValue )\n\t\t\t: [];\n\n\t\tif ( downloadableItems.length === 0 ) {\n\t\t\tdownloadableItems = EMPTY_ARRAY;\n\t\t}\n\n\t\tconst isLoading = isRequestingDownloadableBlocks( filterValue );\n\n\t\treturn {\n\t\t\tdownloadableItems,\n\t\t\thasPermission,\n\t\t\tisLoading,\n\t\t};\n\t} ),\n] )( DownloadableBlocksPanel );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,~~YAAA~~,GAAAH,OAAA;AACA,IAAAI,~~SAAA~~,GAAAJ,OAAA;AACA,IAAAK,~~KAAA~~,GAAAL,OAAA;AAKA,IAAAM,uBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,UAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AAQA;AACA;AACA;;AAMA,MAAMW,WAAW,GAAG,EAAE;AAEtB,SAASC,uBAAuBA,CAAE;EACjCC,iBAAiB;EACjBC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,aAAa;EACbC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,IAAK,OAAOF,aAAa,KAAK,WAAW,IAAIC,SAAS,IAAIC,QAAQ,EAAG;IACpE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGL,aAAa,IAAI,CAAED,cAAc,IAClC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;MAAGE,SAAS,EAAC;IAAqD,GAC/D,IAAAC,QAAE,EACH,kDACD,CACE,CAAC,EACJ,IAAAJ,MAAA,CAAAC,aAAA;MAAKE,SAAS,EAAC;IAAiD,CAAE,CACjE,CACF,EACD,IAAAH,MAAA,CAAAC,aAAA;MAAKE,SAAS,EAAC;IAA8D,GAC5E,IAAAH,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAwB,OAAO,MAAE,CACN,CACJ,CAAC;EAEL;EAEA,IAAK,KAAK,KAAKR,aAAa,EAAG;IAC9B,IAAK,CAAED,cAAc,EAAG;MACvB,OAAO,IAAAI,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAiB,OAA2B,MAAE,CAAC;IACvC;IAEA,OAAO,IAAI;EACZ;EAEA,OAAO,CAAC,CAAEb,iBAAiB,CAACc,MAAM,GACjC,IAAAP,MAAA,CAAAC,aAAA,EAACb,cAAA,CAAAkB,OAA+B;IAC/Bb,iBAAiB,EAAGA,iBAAmB;IACvCG,cAAc,EAAGA;EAAgB,GAEjC,IAAAI,MAAA,CAAAC,aAAA,EAACf,uBAAA,CAAAoB,OAAsB;IACtBE,KAAK,EAAGf,iBAAmB;IAC3BC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CAC+B,CAAC,GAElC,CAAEC,cAAc,IAAI,IAAAI,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAiB,OAA2B,MAAE,CAClD;AACF;AAAC,IAAAG,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC~~,WAAW~~;~~EAAEC~~,~~YAAY,GAAG;AAAK,~~CAAC,KAAM;~~EAC/D~~,MAAM;~~IAAEC~~,qBAAqB;~~IAAEC~~;~~EAA+B~~,CAAC,~~GAC9DJ~~,MAAM,CAAEK,YAAoB,CAAC;~~EAC9B~~,~~MAAM;IAAEC;EAAmB~~,~~CAAC,GAAGN,MAAM,CAAEO,kBAAiB,CAAC;EAEzD,MAAMtB,~~aAAa,GAAGe,MAAM,~~CAAEQ~~,eAAU,CAAC,CAACC,OAAO,CAChD,MAAM,EACN,wBACD,CAAC;EAED,SAASC,oBAAoBA,CAAEC,IAAI,EAAG;IACrC,MAAMC,kBAAkB,~~GAAGT~~,qBAAqB,~~CAAEQ~~,IAAK,CAAC;IACxD,MAAME,iBAAiB,~~GAAGD~~,kBAAkB,~~CAACE~~,MAAM,CAAIC,KAAK,~~IAC3DT~~,~~kBAAkB~~,~~CAAES~~,KAAK,~~EAAEb~~,~~YAAY~~,~~EAAE~~,IAAK,~~CAC/C~~,CAAC;~~IAED~~,~~IAAKU~~,kBAAkB,~~CAACjB~~,MAAM,~~KAAKkB~~,iBAAiB,~~CAAClB~~,MAAM,EAAG;MAC7D,~~OAAOiB~~,kBAAkB;IAC1B;IACA,~~OAAOC~~,iBAAiB;EACzB;EAEA,~~IAAIhC~~,iBAAiB,GAAGI,aAAa,~~GAClCyB~~,oBAAoB,~~CAAET~~,WAAY,CAAC,GACnC,EAAE;EAEL,IAAKpB,iBAAiB,CAACc,MAAM,KAAK,CAAC,EAAG;IACrCd,iBAAiB,GAAGF,WAAW;EAChC;EAEA,MAAMO,SAAS,~~GAAGkB~~,8BAA8B,~~CAAEH~~,WAAY,CAAC;EAE/D,OAAO;IACNpB,iBAAiB;IACjBI,aAAa;IACbC;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAEN,uBAAwB,CAAC;~~AAAAoC~~,OAAA,~~CAAAtB~~,OAAA,GAAAG,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_components","_compose","_coreData","_data","_blocks","_downloadableBlocksList","_interopRequireDefault","_inserterPanel","_noResults","_store","EMPTY_ARRAY","DownloadableBlocksPanel","downloadableItems","onSelect","onHover","hasLocalBlocks","hasPermission","isLoading","isTyping","_react","createElement","Fragment","className","__","Spinner","default","length","items","_default","compose","withSelect","select","filterValue","getDownloadableBlocks","isRequestingDownloadableBlocks","getInstalledBlockTypes","blockDirectoryStore","coreStore","canUser","getInstallableBlocks","term","downloadableBlocks","installedBlockTypes","installableBlocks","filter","block","isJustInstalled","find","blockType","name","isPreviouslyInstalled","getBlockType","exports"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-panel/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Spinner } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { withSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\n\n/\n Internal dependencies\n */\nimport DownloadableBlocksList from '../downloadable-blocks-list';\nimport DownloadableBlocksInserterPanel from './inserter-panel';\nimport DownloadableBlocksNoResults from './no-results';\nimport { store as blockDirectoryStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction DownloadableBlocksPanel( {\n\tdownloadableItems,\n\tonSelect,\n\tonHover,\n\thasLocalBlocks,\n\thasPermission,\n\tisLoading,\n\tisTyping,\n} ) {\n\tif ( typeof hasPermission === 'undefined' \|\| isLoading \|\| isTyping ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ hasPermission && ! hasLocalBlocks && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<p className=\"block-directory-downloadable-blocks-panel__no-local\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'No results available from your installed blocks.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<div className=\"block-directory-downloadable-blocks-panel has-blocks-loading\">\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif ( false === hasPermission ) {\n\t\tif ( ! hasLocalBlocks ) {\n\t\t\treturn <DownloadableBlocksNoResults />;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\treturn !! downloadableItems.length ? (\n\t\t<DownloadableBlocksInserterPanel\n\t\t\tdownloadableItems={ downloadableItems }\n\t\t\thasLocalBlocks={ hasLocalBlocks }\n\t\t>\n\t\t\t<DownloadableBlocksList\n\t\t\t\titems={ downloadableItems }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tonHover={ onHover }\n\t\t\t/>\n\t\t</DownloadableBlocksInserterPanel>\n\t) : (\n\t\t! hasLocalBlocks && <DownloadableBlocksNoResults />\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { filterValue } ) => {\n\t\tconst {\n\t\t\tgetDownloadableBlocks,\n\t\t\tisRequestingDownloadableBlocks,\n\t\t\tgetInstalledBlockTypes,\n\t\t} = select( blockDirectoryStore );\n\n\t\tconst hasPermission = select( coreStore ).canUser(\n\t\t\t'read',\n\t\t\t'block-directory/search'\n\t\t);\n\n\t\tfunction getInstallableBlocks( term ) {\n\t\t\tconst downloadableBlocks = getDownloadableBlocks( term );\n\t\t\tconst installedBlockTypes = getInstalledBlockTypes();\n\t\t\t// Filter out blocks that are already installed.\n\t\t\tconst installableBlocks = downloadableBlocks.filter( ( block ) => {\n\t\t\t\t// Check if the block has just been installed, in which case it\n\t\t\t\t// should still show in the list to avoid suddenly disappearing.\n\t\t\t\t// `installedBlockTypes` only returns blocks stored in state\n\t\t\t\t// immediately after installation, not all installed blocks.\n\t\t\t\tconst isJustInstalled = !! installedBlockTypes.find(\n\t\t\t\t\t( blockType ) => blockType.name === block.name\n\t\t\t\t);\n\t\t\t\tconst isPreviouslyInstalled = getBlockType( block.name );\n\t\t\t\treturn isJustInstalled \|\| ! isPreviouslyInstalled;\n\t\t\t} );\n\n\t\t\tif ( downloadableBlocks.length === installableBlocks.length ) {\n\t\t\t\treturn downloadableBlocks;\n\t\t\t}\n\t\t\treturn installableBlocks;\n\t\t}\n\n\t\tlet downloadableItems = hasPermission\n\t\t\t? getInstallableBlocks( filterValue )\n\t\t\t: [];\n\n\t\tif ( downloadableItems.length === 0 ) {\n\t\t\tdownloadableItems = EMPTY_ARRAY;\n\t\t}\n\n\t\tconst isLoading = isRequestingDownloadableBlocks( filterValue );\n\n\t\treturn {\n\t\t\tdownloadableItems,\n\t\t\thasPermission,\n\t\t\tisLoading,\n\t\t};\n\t} ),\n] )( DownloadableBlocksPanel );\n"],"mappings":"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"}

package/build/lock-unlock.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unlock = exports.lock = void 0;
+var _privateApis = require("@wordpress/private-apis");
+/**
+ * WordPress dependencies
+ */
+const {
+  lock,
+  unlock
+} = (0, _privateApis.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/block-directory');
+exports.unlock = unlock;
+exports.lock = lock;
+//# sourceMappingURL=lock-unlock.js.map

package/build/lock-unlock.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_privateApis","require","lock","unlock","__dangerousOptInToUnstableAPIsOnlyForCoreModules","exports"],"sources":["@wordpress/block-directory/src/lock-unlock.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.',\n\t\t'@wordpress/block-directory'\n\t);\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAM;EAAEC,IAAI;EAAEC;AAAO,CAAC,GAC5B,IAAAC,6DAAgD,EAC/C,iHAAiH,EACjH,4BACD,CAAC;AAACC,OAAA,CAAAF,MAAA,GAAAA,MAAA;AAAAE,OAAA,CAAAH,IAAA,GAAAA,IAAA"}

package/build-module/components/downloadable-block-list-item/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { createElement, Fragment } from "react";
  * WordPress dependencies
  */
 import { __, _n, sprintf } from '@wordpress/i18n';
-import { Button, Spinner, VisuallyHidden, __unstableCompositeItem as CompositeItem } from '@wordpress/components';
+import { Button, Spinner, VisuallyHidden, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { createInterpolateElement } from '@wordpress/element';
 import { decodeEntities } from '@wordpress/html-entities';
 import { getBlockType } from '@wordpress/blocks';
@@ -16,6 +16,10 @@ import BlockRatings from '../block-ratings';
 import DownloadableBlockIcon from '../downloadable-block-icon';
 import DownloadableBlockNotice from '../downloadable-block-notice';
 import { store as blockDirectoryStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+const {
+  CompositeItemV2: CompositeItem
+} = unlock(componentsPrivateApis);
 // Return the appropriate block item label, given the block data and status.
 function getDownloadableBlockLabel({
@@ -87,24 +91,26 @@ function DownloadableBlockListItem({
     statusText = __('Installing…');
   }
   return createElement(CompositeItem, {
-    __experimentalIsFocusable: true,
-    role: "option",
-    as: Button,
-    ...composite,
-    className: "block-directory-downloadable-block-list-item",
-    onClick: event => {
-      event.preventDefault();
-      onClick();
-    },
-    isBusy: isInstalling,
-    disabled: isInstalling || !isInstallable,
-    label: getDownloadableBlockLabel(item, {
-      hasNotice,
-      isInstalled,
-      isInstalling
+    render: createElement(Button, {
+      __experimentalIsFocusable: true,
+      type: "button",
+      role: "option",
+      className: "block-directory-downloadable-block-list-item",
+      isBusy: isInstalling,
+      onClick: event => {
+        event.preventDefault();
+        onClick();
+      },
+      label: getDownloadableBlockLabel(item, {
+        hasNotice,
+        isInstalled,
+        isInstalling
+      }),
+      showTooltip: true,
+      tooltipPosition: "top center"
     }),
-    showTooltip: true,
-    tooltipPosition: "top center"
+    store: composite,
+    disabled: isInstalling || !isInstallable
   }, createElement("div", {
     className: "block-directory-downloadable-block-list-item__icon"
   }, createElement(DownloadableBlockIcon, {

package/build-module/components/downloadable-block-list-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","_n","sprintf","Button","Spinner","VisuallyHidden","~~__unstableCompositeItem~~","~~CompositeItem~~","createInterpolateElement","decodeEntities","getBlockType","useSelect","BlockRatings","DownloadableBlockIcon","DownloadableBlockNotice","store","blockDirectoryStore","getDownloadableBlockLabel","title","rating","ratingCount","hasNotice","isInstalled","isInstalling","stars","Math","round","DownloadableBlockListItem","composite","item","onClick","author","description","icon","name","isInstallable","select","getErrorNoticeForBlock","isBlockInstalling","notice","id","hasFatal","isFatal","statusText","createElement","~~__experimentalIsFocusable~~","~~role~~","as","~~className~~","~~event~~","~~preventDefault~~","~~isBusy~~","~~disabled~~","label","showTooltip","tooltipPosition","span","block","Fragment"],"sources":["@wordpress/block-directory/src/components/downloadable-block-list-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tSpinner,\n\tVisuallyHidden,\n\~~t__unstableCompositeItem~~ as ~~CompositeItem~~,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport BlockRatings from '../block-ratings';\nimport DownloadableBlockIcon from '../downloadable-block-icon';\nimport DownloadableBlockNotice from '../downloadable-block-notice';\nimport { store as blockDirectoryStore } from '../../store';\n\n// Return the appropriate block item label, given the block data and status.\nfunction getDownloadableBlockLabel(\n\t{ title, rating, ratingCount },\n\t{ hasNotice, isInstalled, isInstalling }\n) {\n\tconst stars = Math.round( rating / 0.5 ) 0.5;\n\n\tif ( ! isInstalled && hasNotice ) {\n\t\t/* translators: %1$s: block title /\n\t\treturn sprintf( 'Retry installing %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalled ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Add %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalling ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Installing %s.', decodeEntities( title ) );\n\t}\n\n\t// No ratings yet, just use the title.\n\tif ( ratingCount < 1 ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Install %s.', decodeEntities( title ) );\n\t}\n\n\treturn sprintf(\n\t\t/ translators: %1$s: block title, %2$s: average rating, %3$s: total ratings count. /\n\t\t_n(\n\t\t\t'Install %1$s. %2$s stars with %3$s review.',\n\t\t\t'Install %1$s. %2$s stars with %3$s reviews.',\n\t\t\tratingCount\n\t\t),\n\t\tdecodeEntities( title ),\n\t\tstars,\n\t\tratingCount\n\t);\n}\n\nfunction DownloadableBlockListItem( { composite, item, onClick } ) {\n\tconst { author, description, icon, rating, title } = item;\n\t// getBlockType returns a block object if this block exists, or null if not.\n\tconst isInstalled = !! getBlockType( item.name );\n\n\tconst { hasNotice, isInstalling, isInstallable } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getErrorNoticeForBlock, isInstalling: isBlockInstalling } =\n\t\t\t\tselect( blockDirectoryStore );\n\t\t\tconst notice = getErrorNoticeForBlock( item.id );\n\t\t\tconst hasFatal = notice && notice.isFatal;\n\t\t\treturn {\n\t\t\t\thasNotice: !! notice,\n\t\t\t\tisInstalling: isBlockInstalling( item.id ),\n\t\t\t\tisInstallable: ! hasFatal,\n\t\t\t};\n\t\t},\n\t\t[ item ]\n\t);\n\n\tlet statusText = '';\n\tif ( isInstalled ) {\n\t\tstatusText = __( 'Installed!' );\n\t} else if ( isInstalling ) {\n\t\tstatusText = __( 'Installing…' );\n\t}\n\n\treturn (\n\t\t<CompositeItem\n\t\t\t__experimentalIsFocusable\n\t\t\~~trole~~=\"~~option~~\"\n\t\t\~~tas={ Button }~~\n\t\t\t~~{ ...composite }~~\n\t\t\tclassName=\"block-directory-downloadable-block-list-item\"\n\t\t\tonClick={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick();\n\t\t\t~~} }~~\n\t\t~~\tisBusy={~~ ~~isInstalling~~ }\n\t\t\~~tdisabled={ isInstalling \|\| ! isInstallable }\n\~~t\t\tlabel={ getDownloadableBlockLabel( item, {\n\t\t\t\thasNotice,\n\t\t\t\tisInstalled,\n\t\t\t\tisInstalling,\n\t\t\t} ) }\n\t\t\tshowTooltip~~={ true }~~\n\t\t\ttooltipPosition=\"top center\"\n\t\t>\n\t\t\t<div className=\"block-directory-downloadable-block-list-item__icon\">\n\t\t\t\t<DownloadableBlockIcon icon={ icon } title={ title } />\n\t\t\t\t{ isInstalling ? (\n\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__spinner\">\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockRatings rating={ rating } />\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<span className=\"block-directory-downloadable-block-list-item__details\">\n\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__title\">\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: %1$s: block title, %2$s: author name. */\n\t\t\t\t\t\t\t__( '%1$s <span>by %2$s</span>' ),\n\t\t\t\t\t\t\tdecodeEntities( title ),\n\t\t\t\t\t\t\tauthor\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tspan: (\n\t\t\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__author\" />\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</span>\n\t\t\t\t{ hasNotice ? (\n\t\t\t\t\t<DownloadableBlockNotice block={ item } />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__desc\">\n\t\t\t\t\t\t\t{ !! statusText\n\t\t\t\t\t\t\t\t? statusText\n\t\t\t\t\t\t\t\t: decodeEntities( description ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ isInstallable &&\n\t\t\t\t\t\t\t! ( isInstalled \|\| isInstalling ) && (\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t{ __( 'Install block' ) }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</CompositeItem>\n\t);\n}\n\nexport default DownloadableBlockListItem;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SACCC,MAAM,EACNC,OAAO,EACPC,cAAc,EACdC,~~uBAAuB~~,IAAIC,~~aAAa~~,~~QAClC~~,uBAAuB;AAC9B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,KAAK,IAAIC,mBAAmB,QAAQ,aAAa;;~~AAE1D~~;AACA,~~SAASC~~,yBAAyBA,CACjC;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAY,CAAC,EAC9B;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAa,CAAC,EACvC;EACD,MAAMC,KAAK,GAAGC,IAAI,CAACC,KAAK,CAAEP,MAAM,GAAG,GAAI,CAAC,GAAG,GAAG;EAE9C,IAAK,CAAEG,WAAW,IAAID,SAAS,EAAG;IACjC;IACA,~~OAAOnB~~,OAAO,CAAE,sBAAsB,EAAEO,cAAc,~~CAAES~~,KAAM,CAAE,CAAC;EAClE;EAEA,IAAKI,WAAW,EAAG;IAClB;IACA,~~OAAOpB~~,OAAO,CAAE,SAAS,EAAEO,cAAc,~~CAAES~~,KAAM,CAAE,CAAC;EACrD;EAEA,IAAKK,YAAY,EAAG;IACnB;IACA,~~OAAOrB~~,OAAO,CAAE,gBAAgB,EAAEO,cAAc,~~CAAES~~,KAAM,CAAE,CAAC;EAC5D;;EAEA;EACA,IAAKE,WAAW,GAAG,CAAC,EAAG;IACtB;IACA,~~OAAOlB~~,OAAO,CAAE,aAAa,EAAEO,cAAc,~~CAAES~~,KAAM,CAAE,CAAC;EACzD;EAEA,~~OAAOhB~~,OAAO,EACb;EACAD,EAAE,CACD,4CAA4C,EAC5C,6CAA6C,~~EAC7CmB~~,WACD,CAAC,~~EACDX~~,cAAc,~~CAAES~~,KAAM,CAAC,EACvBM,KAAK,EACLJ,WACD,CAAC;AACF;AAEA,SAASO,yBAAyBA,CAAE;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAQ,CAAC,EAAG;EAClE,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,IAAI;IAAEd,MAAM;IAAED;EAAM,CAAC,GAAGW,IAAI;EACzD;EACA,MAAMP,WAAW,GAAG,CAAC,~~CAAEZ~~,YAAY,~~CAAEmB~~,IAAI,CAACK,IAAK,CAAC;EAEhD,MAAM;IAAEb,SAAS;IAAEE,YAAY;IAAEY;EAAc,CAAC,~~GAAGxB~~,SAAS,~~CACzDyB~~,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEd,YAAY,EAAEe;IAAkB,CAAC,GAChEF,MAAM,~~CAAEpB~~,mBAAoB,CAAC;IAC9B,~~MAAMuB~~,MAAM,GAAGF,sBAAsB,CAAER,IAAI,CAACW,EAAG,CAAC;IAChD,MAAMC,QAAQ,GAAGF,MAAM,IAAIA,MAAM,CAACG,OAAO;IACzC,OAAO;MACNrB,SAAS,EAAE,CAAC,CAAEkB,MAAM;MACpBhB,YAAY,EAAEe,iBAAiB,CAAET,IAAI,CAACW,EAAG,CAAC;MAC1CL,aAAa,EAAE,CAAEM;IAClB,CAAC;EACF,CAAC,EACD,CAAEZ,IAAI,CACP,CAAC;EAED,IAAIc,UAAU,GAAG,EAAE;EACnB,IAAKrB,WAAW,EAAG;IAClBqB,UAAU,~~GAAG3C~~,EAAE,CAAE,YAAa,CAAC;EAChC,CAAC,MAAM,~~IAAKuB~~,YAAY,EAAG;IAC1BoB,UAAU,~~GAAG3C~~,EAAE,CAAE,aAAc,CAAC;EACjC;EAEA,~~OACC4C~~,aAAA,~~CAACrC~~,aAAa;~~IACbsC~~,yBAAyB;~~IACzBC~~,IAAI,EAAC,QAAQ;~~IACbC~~,~~EAAE~~,~~EAAG5C~~,~~MAAQ~~;~~IAAA~~,~~GACRyB,~~SAAS~~;IACdoB~~,~~SAAS,~~EAAC,8CAA8C;~~IACxDlB~~,OAAO,~~EAAKmB~~,KAAK,IAAM;~~MACtBA~~,KAAK,CAACC,cAAc,CAAC,CAAC;~~MACtBpB~~,OAAO,CAAC,CAAC;~~IACV~~,CAAG;~~IACHqB~~,~~MAAM,EAAG5B,YAAc;IACvB6B,QAAQ,EAAG7B,YAAY,IAAI,CAAEY,aAAe;IAC5CkB,~~KAAK,EAAGpC,yBAAyB,CAAEY,IAAI,EAAE;~~MACxCR~~,SAAS;~~MACTC~~,WAAW;~~MACXC~~;~~IACD~~,CAAE,CAAG;~~IACL~~+B,WAAW~~,EAAG,IAAM~~;~~IACpBC~~,eAAe,EAAC;~~EAAY~~,~~GAE5BX~~,aAAA;~~IAAKI~~,SAAS,EAAC;EAAoD,~~GAClEJ~~,aAAA,~~CAAC/B~~,qBAAqB;~~IAACoB~~,IAAI,EAAGA,IAAM;IAACf,KAAK,EAAGA;EAAO,CAAE,CAAC,EACrDK,YAAY,GACbqB,aAAA;~~IAAMI~~,SAAS,EAAC;EAAuD,~~GACtEJ~~,aAAA,~~CAACxC~~,OAAO,MAAE,CACL,CAAC,~~GAEPwC~~,aAAA,~~CAAChC~~,YAAY;~~IAACO~~,MAAM,EAAGA;EAAQ,CAAE,CAE9B,CAAC,EACNyB,aAAA;~~IAAMI~~,SAAS,EAAC;EAAuD,~~GACtEJ~~,aAAA;~~IAAMI~~,SAAS,EAAC;EAAqD,~~GAClExC~~,wBAAwB,CACzBN,OAAO,EACN;EACAF,EAAE,CAAE,2BAA4B,CAAC,EACjCS,cAAc,~~CAAES~~,KAAM,CAAC,EACvBa,MACD,CAAC,EACD;~~IACCyB~~,IAAI,~~EACHZ~~,aAAA;~~MAAMI~~,SAAS,EAAC;IAAsD,CAAE;EAE1E,CACD,CACK,CAAC,~~EACL3B~~,SAAS,GACVuB,aAAA,~~CAAC9B~~,uBAAuB;~~IAAC2C~~,KAAK,~~EAAG5B~~;EAAM,CAAE,CAAC,GAE1Ce,aAAA,~~CAAAc~~,QAAA,~~QACCd~~,aAAA;~~IAAMI~~,SAAS,EAAC;EAAoD,GACjE,CAAC,~~CAAEL~~,UAAU,GACZA,UAAU,~~GACVlC~~,cAAc,~~CAAEuB~~,WAAY,CAC1B,CAAC,EACLG,aAAa,IACd,EAAIb,WAAW,IAAIC,YAAY,CAAE,IAChCqB,aAAA,~~CAACvC~~,cAAc,QACZL,EAAE,CAAE,eAAgB,CACP,CAEjB,CAEE,CACQ,CAAC;AAElB;AAEA,~~eAAe2B~~,yBAAyB"}
1	+ {"version":3,"names":["__","_n","sprintf","Button","Spinner","VisuallyHidden","privateApis","componentsPrivateApis","createInterpolateElement","decodeEntities","getBlockType","useSelect","BlockRatings","DownloadableBlockIcon","DownloadableBlockNotice","store","blockDirectoryStore","unlock","CompositeItemV2","CompositeItem","getDownloadableBlockLabel","title","rating","ratingCount","hasNotice","isInstalled","isInstalling","stars","Math","round","DownloadableBlockListItem","composite","item","onClick","author","description","icon","name","isInstallable","select","getErrorNoticeForBlock","isBlockInstalling","notice","id","hasFatal","isFatal","statusText","createElement","render","__experimentalIsFocusable","type","role","className","isBusy","event","preventDefault","label","showTooltip","tooltipPosition","disabled","span","block","Fragment"],"sources":["@wordpress/block-directory/src/components/downloadable-block-list-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tSpinner,\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport BlockRatings from '../block-ratings';\nimport DownloadableBlockIcon from '../downloadable-block-icon';\nimport DownloadableBlockNotice from '../downloadable-block-notice';\nimport { store as blockDirectoryStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\n// Return the appropriate block item label, given the block data and status.\nfunction getDownloadableBlockLabel(\n\t{ title, rating, ratingCount },\n\t{ hasNotice, isInstalled, isInstalling }\n) {\n\tconst stars = Math.round( rating / 0.5 ) 0.5;\n\n\tif ( ! isInstalled && hasNotice ) {\n\t\t/* translators: %1$s: block title /\n\t\treturn sprintf( 'Retry installing %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalled ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Add %s.', decodeEntities( title ) );\n\t}\n\n\tif ( isInstalling ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Installing %s.', decodeEntities( title ) );\n\t}\n\n\t// No ratings yet, just use the title.\n\tif ( ratingCount < 1 ) {\n\t\t/ translators: %1$s: block title /\n\t\treturn sprintf( 'Install %s.', decodeEntities( title ) );\n\t}\n\n\treturn sprintf(\n\t\t/ translators: %1$s: block title, %2$s: average rating, %3$s: total ratings count. /\n\t\t_n(\n\t\t\t'Install %1$s. %2$s stars with %3$s review.',\n\t\t\t'Install %1$s. %2$s stars with %3$s reviews.',\n\t\t\tratingCount\n\t\t),\n\t\tdecodeEntities( title ),\n\t\tstars,\n\t\tratingCount\n\t);\n}\n\nfunction DownloadableBlockListItem( { composite, item, onClick } ) {\n\tconst { author, description, icon, rating, title } = item;\n\t// getBlockType returns a block object if this block exists, or null if not.\n\tconst isInstalled = !! getBlockType( item.name );\n\n\tconst { hasNotice, isInstalling, isInstallable } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getErrorNoticeForBlock, isInstalling: isBlockInstalling } =\n\t\t\t\tselect( blockDirectoryStore );\n\t\t\tconst notice = getErrorNoticeForBlock( item.id );\n\t\t\tconst hasFatal = notice && notice.isFatal;\n\t\t\treturn {\n\t\t\t\thasNotice: !! notice,\n\t\t\t\tisInstalling: isBlockInstalling( item.id ),\n\t\t\t\tisInstallable: ! hasFatal,\n\t\t\t};\n\t\t},\n\t\t[ item ]\n\t);\n\n\tlet statusText = '';\n\tif ( isInstalled ) {\n\t\tstatusText = __( 'Installed!' );\n\t} else if ( isInstalling ) {\n\t\tstatusText = __( 'Installing…' );\n\t}\n\n\treturn (\n\t\t<CompositeItem\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tclassName=\"block-directory-downloadable-block-list-item\"\n\t\t\t\t\tisBusy={ isInstalling }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonClick();\n\t\t\t\t\t} }\n\t\t\t\t\tlabel={ getDownloadableBlockLabel( item, {\n\t\t\t\t\t\thasNotice,\n\t\t\t\t\t\tisInstalled,\n\t\t\t\t\t\tisInstalling,\n\t\t\t\t\t} ) }\n\t\t\t\t\tshowTooltip\n\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\tstore={ composite }\n\t\t\tdisabled={ isInstalling \|\| ! isInstallable }\n\t\t>\n\t\t\t<div className=\"block-directory-downloadable-block-list-item__icon\">\n\t\t\t\t<DownloadableBlockIcon icon={ icon } title={ title } />\n\t\t\t\t{ isInstalling ? (\n\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__spinner\">\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockRatings rating={ rating } />\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<span className=\"block-directory-downloadable-block-list-item__details\">\n\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__title\">\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: %1$s: block title, %2$s: author name. */\n\t\t\t\t\t\t\t__( '%1$s <span>by %2$s</span>' ),\n\t\t\t\t\t\t\tdecodeEntities( title ),\n\t\t\t\t\t\t\tauthor\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tspan: (\n\t\t\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__author\" />\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</span>\n\t\t\t\t{ hasNotice ? (\n\t\t\t\t\t<DownloadableBlockNotice block={ item } />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"block-directory-downloadable-block-list-item__desc\">\n\t\t\t\t\t\t\t{ !! statusText\n\t\t\t\t\t\t\t\t? statusText\n\t\t\t\t\t\t\t\t: decodeEntities( description ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ isInstallable &&\n\t\t\t\t\t\t\t! ( isInstalled \|\| isInstalling ) && (\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t{ __( 'Install block' ) }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</CompositeItem>\n\t);\n}\n\nexport default DownloadableBlockListItem;\n"],"mappings":"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"}

package/build-module/components/downloadable-blocks-list/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { createElement } from "react";
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { __unstableComposite as Composite, __unstableUseCompositeState as useCompositeState } from '@wordpress/components';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
 import { getBlockType } from '@wordpress/blocks';
 import { useDispatch } from '@wordpress/data';
@@ -12,13 +12,18 @@ import { useDispatch } from '@wordpress/data';
  */
 import DownloadableBlockListItem from '../downloadable-block-list-item';
 import { store as blockDirectoryStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+const {
+  CompositeV2: Composite,
+  useCompositeStoreV2: useCompositeStore
+} = unlock(componentsPrivateApis);
 const noop = () => {};
 function DownloadableBlocksList({
   items,
   onHover = noop,
   onSelect
 }) {
-  const composite = useCompositeState();
+  const composite = useCompositeStore();
   const {
     installBlockType
   } = useDispatch(blockDirectoryStore);
@@ -26,7 +31,7 @@ function DownloadableBlocksList({
     return null;
   }
   return createElement(Composite, {
-    ...composite,
+    store: composite,
     role: "listbox",
     className: "block-directory-downloadable-blocks-list",
     "aria-label": __('Blocks available for install')

package/build-module/components/downloadable-blocks-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","~~__unstableComposite~~","~~Composite~~","~~__unstableUseCompositeState~~","~~useCompositeState~~","~~getBlockType~~","~~useDispatch~~","~~DownloadableBlockListItem~~","~~store~~","~~blockDirectoryStore~~","noop","DownloadableBlocksList","items","onHover","onSelect","composite","installBlockType","length","createElement","role","className","map","item","key","id","onClick","name","then","success"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-list/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {~~\n\t__unstableComposite~~ as ~~Composite,\n\t__unstableUseCompositeState~~ ~~as useCompositeState,\n~~} from '@wordpress/components';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport DownloadableBlockListItem from '../downloadable-block-list-item';\nimport { store as blockDirectoryStore } from '../../store';\n\nconst noop = () => {};\n\nfunction DownloadableBlocksList( { items, onHover = noop, onSelect } ) {\n\tconst composite = ~~useCompositeState~~();\n\tconst { installBlockType } = useDispatch( blockDirectoryStore );\n\n\tif ( ! items.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Composite\n\t\t\t{ ~~...~~composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-directory-downloadable-blocks-list\"\n\t\t\taria-label={ __( 'Blocks available for install' ) }\n\t\t>\n\t\t\t{ items.map( ( item ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DownloadableBlockListItem\n\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Check if the block is registered (`getBlockType`\n\t\t\t\t\t\t\t// will return an object). If so, insert the block.\n\t\t\t\t\t\t\t// This prevents installing existing plugins.\n\t\t\t\t\t\t\tif ( getBlockType( item.name ) ) {\n\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tinstallBlockType( item ).then( ( success ) => {\n\t\t\t\t\t\t\t\t\tif ( success ) {\n\t\t\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default DownloadableBlocksList;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,~~SACCC~~,~~mBAAmB~~,IAAIC,~~SAAS~~,~~EAChCC~~,~~2BAA2B,IAAIC,iBAAiB,QAC1C,~~uBAAuB;~~AAC9B~~,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,yBAAyB,MAAM,iCAAiC;AACvE,SAASC,KAAK,IAAIC,mBAAmB,QAAQ,aAAa;~~AAE1D~~,~~MAAMC~~,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,sBAAsBA,CAAE;EAAEC,KAAK;EAAEC,OAAO,GAAGH,IAAI;EAAEI;AAAS,CAAC,EAAG;EACtE,MAAMC,SAAS,~~GAAGX~~,iBAAiB,CAAC,CAAC;EACrC,MAAM;~~IAAEY~~;EAAiB,CAAC,~~GAAGV~~,WAAW,CAAEG,mBAAoB,CAAC;EAE/D,IAAK,~~CAAEG~~,KAAK,CAACK,MAAM,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,OACCC,aAAA,~~CAAChB~~,SAAS;~~IAAA~~,~~GACJa~~,~~SAAS~~;~~IACdI~~,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,0CAA0C;IACpD,~~cAAapB~~,EAAE,CAAE,8BAA+B;EAAG,~~GAEjDY~~,KAAK,CAACS,GAAG,CAAIC,IAAI,IAAM;IACxB,OACCJ,aAAA,~~CAACX~~,yBAAyB;~~MACzBgB~~,GAAG,EAAGD,IAAI,CAACE,EAAI;MACfT,SAAS,EAAGA,SAAW;MACvBU,OAAO,EAAGA,CAAA,KAAM;QACf;QACA;QACA;QACA,~~IAAKpB~~,YAAY,~~CAAEiB~~,IAAI,CAACI,IAAK,CAAC,EAAG;UAChCZ,QAAQ,CAAEQ,IAAK,CAAC;QACjB,CAAC,MAAM;UACNN,gBAAgB,CAAEM,IAAK,CAAC,CAACK,IAAI,CAAIC,OAAO,IAAM;YAC7C,IAAKA,OAAO,EAAG;cACdd,QAAQ,CAAEQ,IAAK,CAAC;YACjB;UACD,CAAE,CAAC;QACJ;QACAT,OAAO,CAAE,IAAK,CAAC;MAChB,CAAG;MACHA,OAAO,EAAGA,OAAS;MACnBS,IAAI,EAAGA;IAAM,CACb,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd;AAEA,eAAeX,sBAAsB"}
1	+ {"version":3,"names":["__","privateApis","componentsPrivateApis","getBlockType","useDispatch","DownloadableBlockListItem","store","blockDirectoryStore","unlock","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","noop","DownloadableBlocksList","items","onHover","onSelect","composite","installBlockType","length","createElement","role","className","map","item","key","id","onClick","name","then","success"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-list/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport DownloadableBlockListItem from '../downloadable-block-list-item';\nimport { store as blockDirectoryStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =\n\tunlock( componentsPrivateApis );\nconst noop = () => {};\n\nfunction DownloadableBlocksList( { items, onHover = noop, onSelect } ) {\n\tconst composite = useCompositeStore();\n\tconst { installBlockType } = useDispatch( blockDirectoryStore );\n\n\tif ( ! items.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Composite\n\t\t\tstore={ composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-directory-downloadable-blocks-list\"\n\t\t\taria-label={ __( 'Blocks available for install' ) }\n\t\t>\n\t\t\t{ items.map( ( item ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DownloadableBlockListItem\n\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t// Check if the block is registered (`getBlockType`\n\t\t\t\t\t\t\t// will return an object). If so, insert the block.\n\t\t\t\t\t\t\t// This prevents installing existing plugins.\n\t\t\t\t\t\t\tif ( getBlockType( item.name ) ) {\n\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tinstallBlockType( item ).then( ( success ) => {\n\t\t\t\t\t\t\t\t\tif ( success ) {\n\t\t\t\t\t\t\t\t\t\tonSelect( item );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default DownloadableBlocksList;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;AAC5E,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,yBAAyB,MAAM,iCAAiC;AACvE,SAASC,KAAK,IAAIC,mBAAmB,QAAQ,aAAa;AAC1D,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC,WAAW,EAAEC,SAAS;EAAEC,mBAAmB,EAAEC;AAAkB,CAAC,GACvEJ,MAAM,CAAEN,qBAAsB,CAAC;AAChC,MAAMW,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,sBAAsBA,CAAE;EAAEC,KAAK;EAAEC,OAAO,GAAGH,IAAI;EAAEI;AAAS,CAAC,EAAG;EACtE,MAAMC,SAAS,GAAGN,iBAAiB,CAAC,CAAC;EACrC,MAAM;IAAEO;EAAiB,CAAC,GAAGf,WAAW,CAAEG,mBAAoB,CAAC;EAE/D,IAAK,CAAEQ,KAAK,CAACK,MAAM,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,OACCC,aAAA,CAACX,SAAS;IACTJ,KAAK,EAAGY,SAAW;IACnBI,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,0CAA0C;IACpD,cAAavB,EAAE,CAAE,8BAA+B;EAAG,GAEjDe,KAAK,CAACS,GAAG,CAAIC,IAAI,IAAM;IACxB,OACCJ,aAAA,CAAChB,yBAAyB;MACzBqB,GAAG,EAAGD,IAAI,CAACE,EAAI;MACfT,SAAS,EAAGA,SAAW;MACvBU,OAAO,EAAGA,CAAA,KAAM;QACf;QACA;QACA;QACA,IAAKzB,YAAY,CAAEsB,IAAI,CAACI,IAAK,CAAC,EAAG;UAChCZ,QAAQ,CAAEQ,IAAK,CAAC;QACjB,CAAC,MAAM;UACNN,gBAAgB,CAAEM,IAAK,CAAC,CAACK,IAAI,CAAIC,OAAO,IAAM;YAC7C,IAAKA,OAAO,EAAG;cACdd,QAAQ,CAAEQ,IAAK,CAAC;YACjB;UACD,CAAE,CAAC;QACJ;QACAT,OAAO,CAAE,IAAK,CAAC;MAChB,CAAG;MACHA,OAAO,EAAGA,OAAS;MACnBS,IAAI,EAAGA;IAAM,CACb,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd;AAEA,eAAeX,sBAAsB"}

package/build-module/components/downloadable-blocks-panel/index.js CHANGED Viewed

@@ -5,9 +5,9 @@ import { createElement, Fragment } from "react";
 import { __ } from '@wordpress/i18n';
 import { Spinner } from '@wordpress/components';
 import { compose } from '@wordpress/compose';
-import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { withSelect } from '@wordpress/data';
+import { getBlockType } from '@wordpress/blocks';
 /**
  * Internal dependencies
@@ -51,20 +51,27 @@ function DownloadableBlocksPanel({
   })) : !hasLocalBlocks && createElement(DownloadableBlocksNoResults, null);
 }
 export default compose([withSelect((select, {
-  filterValue,
-  rootClientId = null
+  filterValue
 }) => {
   const {
     getDownloadableBlocks,
-    isRequestingDownloadableBlocks
+    isRequestingDownloadableBlocks,
+    getInstalledBlockTypes
   } = select(blockDirectoryStore);
-  const {
-    canInsertBlockType
-  } = select(blockEditorStore);
   const hasPermission = select(coreStore).canUser('read', 'block-directory/search');
   function getInstallableBlocks(term) {
     const downloadableBlocks = getDownloadableBlocks(term);
-    const installableBlocks = downloadableBlocks.filter(block => canInsertBlockType(block, rootClientId, true));
+    const installedBlockTypes = getInstalledBlockTypes();
+    // Filter out blocks that are already installed.
+    const installableBlocks = downloadableBlocks.filter(block => {
+      // Check if the block has just been installed, in which case it
+      // should still show in the list to avoid suddenly disappearing.
+      // `installedBlockTypes` only returns blocks stored in state
+      // immediately after installation, not all installed blocks.
+      const isJustInstalled = !!installedBlockTypes.find(blockType => blockType.name === block.name);
+      const isPreviouslyInstalled = getBlockType(block.name);
+      return isJustInstalled || !isPreviouslyInstalled;
+    });
     if (downloadableBlocks.length === installableBlocks.length) {
       return downloadableBlocks;
     }

package/build-module/components/downloadable-blocks-panel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","Spinner","compose","store","~~blockEditorStore~~","~~coreStore~~","~~withSelect~~","DownloadableBlocksList","DownloadableBlocksInserterPanel","DownloadableBlocksNoResults","blockDirectoryStore","EMPTY_ARRAY","DownloadableBlocksPanel","downloadableItems","onSelect","onHover","hasLocalBlocks","hasPermission","isLoading","isTyping","createElement","Fragment","className","length","items","select","filterValue","~~rootClientId","~~getDownloadableBlocks","isRequestingDownloadableBlocks","~~canInsertBlockType~~","canUser","getInstallableBlocks","term","downloadableBlocks","installableBlocks","filter","block"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-panel/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Spinner } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { store as ~~blockEditorStore~~ } from '@wordpress/~~block~~-~~editor~~';\nimport { ~~store~~ ~~as coreStore~~ } from '@wordpress/~~core-~~data';\nimport { ~~withSelect~~ } from '@wordpress/~~data~~';\n\n/\n Internal dependencies\n */\nimport DownloadableBlocksList from '../downloadable-blocks-list';\nimport DownloadableBlocksInserterPanel from './inserter-panel';\nimport DownloadableBlocksNoResults from './no-results';\nimport { store as blockDirectoryStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction DownloadableBlocksPanel( {\n\tdownloadableItems,\n\tonSelect,\n\tonHover,\n\thasLocalBlocks,\n\thasPermission,\n\tisLoading,\n\tisTyping,\n} ) {\n\tif ( typeof hasPermission === 'undefined' \|\| isLoading \|\| isTyping ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ hasPermission && ! hasLocalBlocks && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<p className=\"block-directory-downloadable-blocks-panel__no-local\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'No results available from your installed blocks.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<div className=\"block-directory-downloadable-blocks-panel has-blocks-loading\">\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif ( false === hasPermission ) {\n\t\tif ( ! hasLocalBlocks ) {\n\t\t\treturn <DownloadableBlocksNoResults />;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\treturn !! downloadableItems.length ? (\n\t\t<DownloadableBlocksInserterPanel\n\t\t\tdownloadableItems={ downloadableItems }\n\t\t\thasLocalBlocks={ hasLocalBlocks }\n\t\t>\n\t\t\t<DownloadableBlocksList\n\t\t\t\titems={ downloadableItems }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tonHover={ onHover }\n\t\t\t/>\n\t\t</DownloadableBlocksInserterPanel>\n\t) : (\n\t\t! hasLocalBlocks && <DownloadableBlocksNoResults />\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { filterValue, ~~rootClientId = null~~ } ) => {\n\t\tconst { ~~getDownloadableBlocks, isRequestingDownloadableBlocks } =\~~n\t\t\~~tselect( blockDirectoryStore );\~~n\t\~~tconst { canInsertBlockType~~ } = select( ~~blockEditorStore~~ );\n\n\t\tconst hasPermission = select( coreStore ).canUser(\n\t\t\t'read',\n\t\t\t'block-directory/search'\n\t\t);\n\n\t\tfunction getInstallableBlocks( term ) {\n\t\t\tconst downloadableBlocks = getDownloadableBlocks( term );\n\t\t\tconst installableBlocks = downloadableBlocks.filter( ( block ) ~~=>\~~n\t\t\t\~~tcanInsertBlockType(~~ block, ~~rootClientId~~, ~~true~~ )\n\t\t\t);\n\n\t\t\tif ( downloadableBlocks.length === installableBlocks.length ) {\n\t\t\t\treturn downloadableBlocks;\n\t\t\t}\n\t\t\treturn installableBlocks;\n\t\t}\n\n\t\tlet downloadableItems = hasPermission\n\t\t\t? getInstallableBlocks( filterValue )\n\t\t\t: [];\n\n\t\tif ( downloadableItems.length === 0 ) {\n\t\t\tdownloadableItems = EMPTY_ARRAY;\n\t\t}\n\n\t\tconst isLoading = isRequestingDownloadableBlocks( filterValue );\n\n\t\treturn {\n\t\t\tdownloadableItems,\n\t\t\thasPermission,\n\t\t\tisLoading,\n\t\t};\n\t} ),\n] )( DownloadableBlocksPanel );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,KAAK,IAAIC,~~gBAAgB~~,QAAQ,~~yBAAyB~~;~~AACnE~~,~~SAASD~~,~~KAAK~~,~~IAAIE,SAAS,~~QAAQ,~~sBAAsB~~;~~AACzD~~,SAASC,~~UAAU~~,QAAQ,~~iBAAiB~~;;~~AAE5C~~;AACA;AACA;AACA,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,OAAOC,+BAA+B,MAAM,kBAAkB;AAC9D,OAAOC,2BAA2B,MAAM,cAAc;AACtD,SAASN,KAAK,IAAIO,mBAAmB,QAAQ,aAAa;AAE1D,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,uBAAuBA,CAAE;EACjCC,iBAAiB;EACjBC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,aAAa;EACbC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,IAAK,OAAOF,aAAa,KAAK,WAAW,IAAIC,SAAS,IAAIC,QAAQ,EAAG;IACpE,OACCC,aAAA,CAAAC,QAAA,QACGJ,aAAa,IAAI,CAAED,cAAc,IAClCI,aAAA,CAAAC,QAAA,QACCD,aAAA;MAAGE,SAAS,EAAC;IAAqD,GAC/DtB,EAAE,CACH,kDACD,CACE,CAAC,EACJoB,aAAA;MAAKE,SAAS,EAAC;IAAiD,CAAE,CACjE,CACF,EACDF,aAAA;MAAKE,SAAS,EAAC;IAA8D,GAC5EF,aAAA,CAACnB,OAAO,MAAE,CACN,CACJ,CAAC;EAEL;EAEA,IAAK,KAAK,KAAKgB,aAAa,EAAG;IAC9B,IAAK,CAAED,cAAc,EAAG;MACvB,OAAOI,aAAA,CAACX,2BAA2B,MAAE,CAAC;IACvC;IAEA,OAAO,IAAI;EACZ;EAEA,OAAO,CAAC,CAAEI,iBAAiB,CAACU,MAAM,GACjCH,aAAA,CAACZ,+BAA+B;IAC/BK,iBAAiB,EAAGA,iBAAmB;IACvCG,cAAc,EAAGA;EAAgB,GAEjCI,aAAA,CAACb,sBAAsB;IACtBiB,KAAK,EAAGX,iBAAmB;IAC3BC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CAC+B,CAAC,GAElC,CAAEC,cAAc,IAAII,aAAA,CAACX,2BAA2B,MAAE,CAClD;AACF;AAEA,eAAeP,OAAO,CAAE,~~CACvBI~~,UAAU,CAAE,~~CAAEmB~~,MAAM,EAAE;EAAEC~~,WAAW~~;~~EAAEC~~,~~YAAY,GAAG;AAAK,~~CAAC,KAAM;~~EAC/D~~,MAAM;~~IAAEC~~,qBAAqB;~~IAAEC~~;~~EAA+B~~,CAAC,~~GAC9DJ~~,MAAM,CAAEf,mBAAoB,CAAC;~~EAC9B~~,~~MAAM;IAAEoB;EAAmB~~,~~CAAC,GAAGL,MAAM,CAAErB,gBAAiB,CAAC;EAEzD,MAAMa,~~aAAa,GAAGQ,MAAM,~~CAAEpB~~,SAAU,CAAC,CAAC0B,OAAO,CAChD,MAAM,EACN,wBACD,CAAC;EAED,SAASC,oBAAoBA,CAAEC,IAAI,EAAG;IACrC,MAAMC,kBAAkB,GAAGN,qBAAqB,CAAEK,IAAK,CAAC;IACxD,MAAME,iBAAiB,~~GAAGD~~,kBAAkB,~~CAACE~~,MAAM,CAAIC,KAAK,~~IAC3DP~~,~~kBAAkB~~,~~CAAEO~~,KAAK,~~EAAEV~~,YAAY,~~EAAE~~,IAAK,~~CAC/C~~,CAAC;~~IAED~~,~~IAAKO~~,kBAAkB,~~CAACX~~,MAAM,KAAKY,iBAAiB,CAACZ,MAAM,EAAG;MAC7D,~~OAAOW~~,kBAAkB;IAC1B;IACA,~~OAAOC~~,iBAAiB;EACzB;EAEA,IAAItB,iBAAiB,GAAGI,aAAa,~~GAClCe~~,oBAAoB,~~CAAEN~~,WAAY,CAAC,GACnC,EAAE;EAEL,IAAKb,iBAAiB,CAACU,MAAM,KAAK,CAAC,EAAG;IACrCV,iBAAiB,GAAGF,WAAW;EAChC;EAEA,MAAMO,SAAS,~~GAAGW~~,8BAA8B,~~CAAEH~~,WAAY,CAAC;EAE/D,OAAO;IACNb,iBAAiB;IACjBI,aAAa;IACbC;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAEN,uBAAwB,CAAC"}
1	+ {"version":3,"names":["__","Spinner","compose","store","coreStore","withSelect","getBlockType","DownloadableBlocksList","DownloadableBlocksInserterPanel","DownloadableBlocksNoResults","blockDirectoryStore","EMPTY_ARRAY","DownloadableBlocksPanel","downloadableItems","onSelect","onHover","hasLocalBlocks","hasPermission","isLoading","isTyping","createElement","Fragment","className","length","items","select","filterValue","getDownloadableBlocks","isRequestingDownloadableBlocks","getInstalledBlockTypes","canUser","getInstallableBlocks","term","downloadableBlocks","installedBlockTypes","installableBlocks","filter","block","isJustInstalled","find","blockType","name","isPreviouslyInstalled"],"sources":["@wordpress/block-directory/src/components/downloadable-blocks-panel/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Spinner } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { withSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\n\n/\n Internal dependencies\n */\nimport DownloadableBlocksList from '../downloadable-blocks-list';\nimport DownloadableBlocksInserterPanel from './inserter-panel';\nimport DownloadableBlocksNoResults from './no-results';\nimport { store as blockDirectoryStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction DownloadableBlocksPanel( {\n\tdownloadableItems,\n\tonSelect,\n\tonHover,\n\thasLocalBlocks,\n\thasPermission,\n\tisLoading,\n\tisTyping,\n} ) {\n\tif ( typeof hasPermission === 'undefined' \|\| isLoading \|\| isTyping ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ hasPermission && ! hasLocalBlocks && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<p className=\"block-directory-downloadable-blocks-panel__no-local\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'No results available from your installed blocks.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<div className=\"block-directory-downloadable-blocks-panel has-blocks-loading\">\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif ( false === hasPermission ) {\n\t\tif ( ! hasLocalBlocks ) {\n\t\t\treturn <DownloadableBlocksNoResults />;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\treturn !! downloadableItems.length ? (\n\t\t<DownloadableBlocksInserterPanel\n\t\t\tdownloadableItems={ downloadableItems }\n\t\t\thasLocalBlocks={ hasLocalBlocks }\n\t\t>\n\t\t\t<DownloadableBlocksList\n\t\t\t\titems={ downloadableItems }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tonHover={ onHover }\n\t\t\t/>\n\t\t</DownloadableBlocksInserterPanel>\n\t) : (\n\t\t! hasLocalBlocks && <DownloadableBlocksNoResults />\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { filterValue } ) => {\n\t\tconst {\n\t\t\tgetDownloadableBlocks,\n\t\t\tisRequestingDownloadableBlocks,\n\t\t\tgetInstalledBlockTypes,\n\t\t} = select( blockDirectoryStore );\n\n\t\tconst hasPermission = select( coreStore ).canUser(\n\t\t\t'read',\n\t\t\t'block-directory/search'\n\t\t);\n\n\t\tfunction getInstallableBlocks( term ) {\n\t\t\tconst downloadableBlocks = getDownloadableBlocks( term );\n\t\t\tconst installedBlockTypes = getInstalledBlockTypes();\n\t\t\t// Filter out blocks that are already installed.\n\t\t\tconst installableBlocks = downloadableBlocks.filter( ( block ) => {\n\t\t\t\t// Check if the block has just been installed, in which case it\n\t\t\t\t// should still show in the list to avoid suddenly disappearing.\n\t\t\t\t// `installedBlockTypes` only returns blocks stored in state\n\t\t\t\t// immediately after installation, not all installed blocks.\n\t\t\t\tconst isJustInstalled = !! installedBlockTypes.find(\n\t\t\t\t\t( blockType ) => blockType.name === block.name\n\t\t\t\t);\n\t\t\t\tconst isPreviouslyInstalled = getBlockType( block.name );\n\t\t\t\treturn isJustInstalled \|\| ! isPreviouslyInstalled;\n\t\t\t} );\n\n\t\t\tif ( downloadableBlocks.length === installableBlocks.length ) {\n\t\t\t\treturn downloadableBlocks;\n\t\t\t}\n\t\t\treturn installableBlocks;\n\t\t}\n\n\t\tlet downloadableItems = hasPermission\n\t\t\t? getInstallableBlocks( filterValue )\n\t\t\t: [];\n\n\t\tif ( downloadableItems.length === 0 ) {\n\t\t\tdownloadableItems = EMPTY_ARRAY;\n\t\t}\n\n\t\tconst isLoading = isRequestingDownloadableBlocks( filterValue );\n\n\t\treturn {\n\t\t\tdownloadableItems,\n\t\t\thasPermission,\n\t\t\tisLoading,\n\t\t};\n\t} ),\n] )( DownloadableBlocksPanel );\n"],"mappings":"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"}

package/build-module/lock-unlock.js ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * WordPress dependencies
+ */
+import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
+export const {
+  lock,
+  unlock
+} = __dangerousOptInToUnstableAPIsOnlyForCoreModules('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/block-directory');
+//# sourceMappingURL=lock-unlock.js.map

package/build-module/lock-unlock.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","lock","unlock"],"sources":["@wordpress/block-directory/src/lock-unlock.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.',\n\t\t'@wordpress/block-directory'\n\t);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gDAAgD,QAAQ,yBAAyB;AAE1F,OAAO,MAAM;EAAEC,IAAI;EAAEC;AAAO,CAAC,GAC5BF,gDAAgD,CAC/C,iHAAiH,EACjH,4BACD,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-directory",
-	"version": "4.20.0",
+	"version": "4.21.0",
 	"description": "Extend editor with block directory features to search, download and install blocks.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -26,24 +26,25 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.43.0",
-		"@wordpress/api-fetch": "^6.40.0",
-		"@wordpress/block-editor": "^12.11.0",
-		"@wordpress/blocks": "^12.20.0",
-		"@wordpress/components": "^25.9.0",
-		"@wordpress/compose": "^6.20.0",
-		"@wordpress/core-data": "^6.20.0",
-		"@wordpress/data": "^9.13.0",
-		"@wordpress/edit-post": "^7.20.0",
-		"@wordpress/editor": "^13.20.0",
-		"@wordpress/element": "^5.20.0",
-		"@wordpress/hooks": "^3.43.0",
-		"@wordpress/html-entities": "^3.43.0",
-		"@wordpress/i18n": "^4.43.0",
-		"@wordpress/icons": "^9.34.0",
-		"@wordpress/notices": "^4.11.0",
-		"@wordpress/plugins": "^6.11.0",
-		"@wordpress/url": "^3.44.0",
+		"@wordpress/a11y": "^3.44.0",
+		"@wordpress/api-fetch": "^6.41.0",
+		"@wordpress/block-editor": "^12.12.0",
+		"@wordpress/blocks": "^12.21.0",
+		"@wordpress/components": "^25.10.0",
+		"@wordpress/compose": "^6.21.0",
+		"@wordpress/core-data": "^6.21.0",
+		"@wordpress/data": "^9.14.0",
+		"@wordpress/edit-post": "^7.21.0",
+		"@wordpress/editor": "^13.21.0",
+		"@wordpress/element": "^5.21.0",
+		"@wordpress/hooks": "^3.44.0",
+		"@wordpress/html-entities": "^3.44.0",
+		"@wordpress/i18n": "^4.44.0",
+		"@wordpress/icons": "^9.35.0",
+		"@wordpress/notices": "^4.12.0",
+		"@wordpress/plugins": "^6.12.0",
+		"@wordpress/private-apis": "^0.26.0",
+		"@wordpress/url": "^3.45.0",
 		"change-case": "^4.1.2"
 	},
 	"peerDependencies": {
@@ -53,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "9b8e598c5418d38fe72197c24ef1d3dd6c712151"
+	"gitHead": "f83bb1a71e8fa416131b81a9f282a72a1dc6c694"
 }

package/src/components/downloadable-block-list-item/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ import {
 	Button,
 	Spinner,
 	VisuallyHidden,
-	__unstableCompositeItem as CompositeItem,
+	privateApis as componentsPrivateApis,
 } from '@wordpress/components';
 import { createInterpolateElement } from '@wordpress/element';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -20,6 +20,9 @@ import BlockRatings from '../block-ratings';
 import DownloadableBlockIcon from '../downloadable-block-icon';
 import DownloadableBlockNotice from '../downloadable-block-notice';
 import { store as blockDirectoryStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+const { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );
 // Return the appropriate block item label, given the block data and status.
 function getDownloadableBlockLabel(
@@ -91,24 +94,28 @@ function DownloadableBlockListItem( { composite, item, onClick } ) {
 	return (
 		<CompositeItem
-			__experimentalIsFocusable
-			role="option"
-			as={ Button }
-			{ ...composite }
-			className="block-directory-downloadable-block-list-item"
-			onClick={ ( event ) => {
-				event.preventDefault();
-				onClick();
-			} }
-			isBusy={ isInstalling }
+			render={
+				<Button
+					__experimentalIsFocusable
+					type="button"
+					role="option"
+					className="block-directory-downloadable-block-list-item"
+					isBusy={ isInstalling }
+					onClick={ ( event ) => {
+						event.preventDefault();
+						onClick();
+					} }
+					label={ getDownloadableBlockLabel( item, {
+						hasNotice,
+						isInstalled,
+						isInstalling,
+					} ) }
+					showTooltip
+					tooltipPosition="top center"
+				/>
+			}
+			store={ composite }
 			disabled={ isInstalling || ! isInstallable }
-			label={ getDownloadableBlockLabel( item, {
-				hasNotice,
-				isInstalled,
-				isInstalling,
-			} ) }
-			showTooltip={ true }
-			tooltipPosition="top center"
 		>
 			<div className="block-directory-downloadable-block-list-item__icon">
 				<DownloadableBlockIcon icon={ icon } title={ title } />

package/src/components/downloadable-blocks-list/index.js CHANGED Viewed

@@ -2,10 +2,7 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import {
-	__unstableComposite as Composite,
-	__unstableUseCompositeState as useCompositeState,
-} from '@wordpress/components';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
 import { getBlockType } from '@wordpress/blocks';
 import { useDispatch } from '@wordpress/data';
@@ -14,11 +11,14 @@ import { useDispatch } from '@wordpress/data';
  */
 import DownloadableBlockListItem from '../downloadable-block-list-item';
 import { store as blockDirectoryStore } from '../../store';
+import { unlock } from '../../lock-unlock';
+const { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =
+	unlock( componentsPrivateApis );
 const noop = () => {};
 function DownloadableBlocksList( { items, onHover = noop, onSelect } ) {
-	const composite = useCompositeState();
+	const composite = useCompositeStore();
 	const { installBlockType } = useDispatch( blockDirectoryStore );
 	if ( ! items.length ) {
@@ -27,7 +27,7 @@ function DownloadableBlocksList( { items, onHover = noop, onSelect } ) {
 	return (
 		<Composite
-			{ ...composite }
+			store={ composite }
 			role="listbox"
 			className="block-directory-downloadable-blocks-list"
 			aria-label={ __( 'Blocks available for install' ) }

package/src/components/downloadable-blocks-panel/index.js CHANGED Viewed

@@ -4,9 +4,9 @@
 import { __ } from '@wordpress/i18n';
 import { Spinner } from '@wordpress/components';
 import { compose } from '@wordpress/compose';
-import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { withSelect } from '@wordpress/data';
+import { getBlockType } from '@wordpress/blocks';
 /**
  * Internal dependencies
@@ -72,10 +72,12 @@ function DownloadableBlocksPanel( {
 }
 export default compose( [
-	withSelect( ( select, { filterValue, rootClientId = null } ) => {
-		const { getDownloadableBlocks, isRequestingDownloadableBlocks } =
-			select( blockDirectoryStore );
-		const { canInsertBlockType } = select( blockEditorStore );
+	withSelect( ( select, { filterValue } ) => {
+		const {
+			getDownloadableBlocks,
+			isRequestingDownloadableBlocks,
+			getInstalledBlockTypes,
+		} = select( blockDirectoryStore );
 		const hasPermission = select( coreStore ).canUser(
 			'read',
@@ -84,9 +86,19 @@ export default compose( [
 		function getInstallableBlocks( term ) {
 			const downloadableBlocks = getDownloadableBlocks( term );
-			const installableBlocks = downloadableBlocks.filter( ( block ) =>
-				canInsertBlockType( block, rootClientId, true )
-			);
+			const installedBlockTypes = getInstalledBlockTypes();
+			// Filter out blocks that are already installed.
+			const installableBlocks = downloadableBlocks.filter( ( block ) => {
+				// Check if the block has just been installed, in which case it
+				// should still show in the list to avoid suddenly disappearing.
+				// `installedBlockTypes` only returns blocks stored in state
+				// immediately after installation, not all installed blocks.
+				const isJustInstalled = !! installedBlockTypes.find(
+					( blockType ) => blockType.name === block.name
+				);
+				const isPreviouslyInstalled = getBlockType( block.name );
+				return isJustInstalled || ! isPreviouslyInstalled;
+			} );
 			if ( downloadableBlocks.length === installableBlocks.length ) {
 				return downloadableBlocks;

package/src/lock-unlock.js ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * WordPress dependencies
+ */
+import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
+export const { lock, unlock } =
+	__dangerousOptInToUnstableAPIsOnlyForCoreModules(
+		'I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.',
+		'@wordpress/block-directory'
+	);