npm - @wordpress/edit-site - Versions diffs - 5.30.0 → 5.31.0 - Mend

@wordpress/edit-site 5.30.0 → 5.31.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 (305) hide show

package/build-module/components/sync-state-with-url/use-sync-path-with-url.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalUseNavigator","useNavigator","useEffect","useRef","privateApis","routerPrivateApis","unlock","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","useLocation","useHistory","getPathFromURL","urlParams","_urlParams$path","path","postType","postId","user","encodeURIComponent","isSubset","subset","superset","Object","entries","every","key","value","useSyncPathWithURL","history","params","location","navigatorLocation","navigatorParams","goTo","isMounting","current","updateUrlParams","newUrlParams","updatedParams","push","undefined","layout","startsWith","canvas","~~window","__experimentalAdminViews","~~categoryType","categoryId"],"sources":["@wordpress/edit-site/src/components/sync-state-with-url/use-sync-path-with-url.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport function getPathFromURL( urlParams ) {\n\tlet path = urlParams?.path ?? '/';\n\n\t// Compute the navigator path based on the URL params.\n\tif ( urlParams?.postType && urlParams?.postId ) {\n\t\tswitch ( urlParams.postType ) {\n\t\t\tcase PATTERN_TYPES.user:\n\t\t\tcase TEMPLATE_POST_TYPE:\n\t\t\tcase TEMPLATE_PART_POST_TYPE:\n\t\t\tcase 'page':\n\t\t\t\tpath = `/${ encodeURIComponent(\n\t\t\t\t\turlParams.postType\n\t\t\t\t) }/${ encodeURIComponent( urlParams.postId ) }`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tpath = `/navigation/${ encodeURIComponent(\n\t\t\t\t\turlParams.postType\n\t\t\t\t) }/${ encodeURIComponent( urlParams.postId ) }`;\n\t\t}\n\t}\n\n\treturn path;\n}\n\nfunction isSubset( subset, superset ) {\n\treturn Object.entries( subset ).every( ( [ key, value ] ) => {\n\t\treturn superset[ key ] === value;\n\t} );\n}\n\nexport default function useSyncPathWithURL() {\n\tconst history = useHistory();\n\tconst { params: urlParams } = useLocation();\n\tconst {\n\t\tlocation: navigatorLocation,\n\t\tparams: navigatorParams,\n\t\tgoTo,\n\t} = useNavigator();\n\tconst isMounting = useRef( true );\n\n\tuseEffect(\n\t\t() => {\n\t\t\t// The navigatorParams are only initially filled properly when the\n\t\t\t// navigator screens mount. so we ignore the first synchronisation.\n\t\t\tif ( isMounting.current ) {\n\t\t\t\tisMounting.current = false;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction updateUrlParams( newUrlParams ) {\n\t\t\t\tif ( isSubset( newUrlParams, urlParams ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst updatedParams = {\n\t\t\t\t\t...urlParams,\n\t\t\t\t\t...newUrlParams,\n\t\t\t\t};\n\t\t\t\thistory.push( updatedParams );\n\t\t\t}\n\n\t\t\tif ( navigatorParams?.postType && navigatorParams?.postId ) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: navigatorParams?.postType,\n\t\t\t\t\tpostId: navigatorParams?.postId,\n\t\t\t\t\tpath: undefined,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\tnavigatorLocation.path.startsWith( '/page/' ) &&\n\t\t\t\tnavigatorParams?.postId\n\t\t\t) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: 'page',\n\t\t\t\t\tpostId: navigatorParams?.postId,\n\t\t\t\t\tpath: undefined,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t} );\n\t\t\t} else if ( navigatorLocation.path === '/patterns' ) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tpostId: undefined,\n\t\t\t\t\tcanvas: undefined,\n\t\t\t\t\tpath: navigatorLocation.path,\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\~~tnavigatorLocation.path === '/wp_template/all' &&\n\~~t~~\t\t\t! window?.__experimentalAdminViews\n\t\t\t) {\n\t\t\t\t~~// When the experiment is disabled, we only support table layout.\n\t\t\t\t// Clear it out from the URL, so layouts other than table cannot be accessed.\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tcategoryType: undefined,\n\t\t\t\t\tcategoryId: undefined,\n\t\t\t\t\tpath: navigatorLocation.path,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\t// These sidebar paths are special in the sense that the url in these pages may or may not have a postId and we need to retain it if it has.\n\t\t\t\t// The \"type\" property should be kept as well.\n\t\t\t\~~t( navigatorLocation~~.path === '/pages' ~~&&\n\t\t\t\t\twindow?.__experimentalAdminViews )~~ \|\|\n\t\t\t\~~t( navigatorLocation~~.path === '/wp_template~~/all~~' ~~&&\n\t\t\t\t\twindow?.__experimentalAdminViews )~~ \|\|\n\t\t\t\~~t( navigatorLocation~~.path === '/wp_template_part/all' ~~&&\n~~\~~t\t\t\t\twindow?.__experimentalAdminViews )\~~n\t\t\t) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tcategoryType: undefined,\n\t\t\t\t\tcategoryId: undefined,\n\t\t\t\t\tpath: navigatorLocation.path,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tpostId: undefined,\n\t\t\t\t\tcategoryType: undefined,\n\t\t\t\t\tcategoryId: undefined,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t\tpath:\n\t\t\t\t\t\tnavigatorLocation.path === '/'\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: navigatorLocation.path,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t// Trigger only when navigator changes to prevent infinite loops.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ navigatorLocation?.path, navigatorParams ]\n\t);\n\n\tuseEffect(\n\t\t() => {\n\t\t\tconst path = getPathFromURL( urlParams );\n\t\t\tif ( navigatorLocation.path !== path ) {\n\t\t\t\tgoTo( path );\n\t\t\t}\n\t\t},\n\t\t// Trigger only when URL changes to prevent infinite loops.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ urlParams ]\n\t);\n}\n"],"mappings":"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~~,IACNiB,iBAAiB,CAACjB,IAAI,KAAK,kBAAkB,IAC7C,CAAE8B,MAAM,EAAEC,wBAAwB,EACjC~~;~~MACD;MACA;MACAT,eAAe,CAAE;QAChBrB,QAAQ,EAAEyB,SAAS;QACnBM,YAAY,EAAEN,SAAS;QACvBO,UAAU,EAAEP,SAAS;QACrB1B,IAAI,EAAEiB,iBAAiB,CAACjB,IAAI;QAC5B2B,MAAM,EAAED;MACT,CAAE,CAAC;IACJ,CAAC,MAAM;~~IACN;IACA;~~IACET~~,iBAAiB,CAACjB,IAAI,KAAK,QAAQ,~~IACpC8B~~,~~MAAM,EAAEC,wBAAwB,IAC/Bd,~~iBAAiB,CAACjB,IAAI,KAAK,~~kBAAkB~~,~~IAC9C8B~~,~~MAAM,EAAEC,wBAA0B,IACjCd,~~iBAAiB,CAACjB,IAAI,KAAK,uBAAuB,~~IACnD8B,MAAM,EAAEC,wBAA0B,EAClC~~;~~MACDT~~,eAAe,CAAE;QAChBrB,QAAQ,EAAEyB,SAAS;~~QACnBM~~,YAAY,~~EAAEN~~,SAAS;~~QACvBO~~,UAAU,~~EAAEP~~,SAAS;QACrB1B,IAAI,EAAEiB,iBAAiB,CAACjB;MACzB,CAAE,CAAC;IACJ,CAAC,MAAM;MACNsB,eAAe,CAAE;QAChBrB,QAAQ,EAAEyB,SAAS;QACnBxB,MAAM,EAAEwB,SAAS;~~QACjBM~~,YAAY,~~EAAEN~~,SAAS;~~QACvBO~~,UAAU,~~EAAEP~~,SAAS;QACrBC,MAAM,EAAED,SAAS;QACjB1B,IAAI,EACHiB,iBAAiB,CAACjB,IAAI,KAAK,GAAG,GAC3B0B,SAAS,GACTT,iBAAiB,CAACjB;MACvB,CAAE,CAAC;IACJ;EACD,CAAC;EACD;EACA;EACA,CAAEiB,iBAAiB,EAAEjB,IAAI,EAAEkB,eAAe,CAC3C,CAAC;EAED/B,SAAS,CACR,MAAM;IACL,MAAMa,IAAI,GAAGH,cAAc,CAAEC,SAAU,CAAC;IACxC,IAAKmB,iBAAiB,CAACjB,IAAI,KAAKA,IAAI,EAAG;MACtCmB,IAAI,CAAEnB,IAAK,CAAC;IACb;EACD,CAAC;EACD;EACA;EACA,CAAEF,SAAS,CACZ,CAAC;AACF"}
1	+ {"version":3,"names":["__experimentalUseNavigator","useNavigator","useEffect","useRef","privateApis","routerPrivateApis","unlock","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","useLocation","useHistory","getPathFromURL","urlParams","_urlParams$path","path","postType","postId","user","encodeURIComponent","isSubset","subset","superset","Object","entries","every","key","value","useSyncPathWithURL","history","params","location","navigatorLocation","navigatorParams","goTo","isMounting","current","updateUrlParams","newUrlParams","updatedParams","push","undefined","layout","startsWith","canvas","categoryType","categoryId"],"sources":["@wordpress/edit-site/src/components/sync-state-with-url/use-sync-path-with-url.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport function getPathFromURL( urlParams ) {\n\tlet path = urlParams?.path ?? '/';\n\n\t// Compute the navigator path based on the URL params.\n\tif ( urlParams?.postType && urlParams?.postId ) {\n\t\tswitch ( urlParams.postType ) {\n\t\t\tcase PATTERN_TYPES.user:\n\t\t\tcase TEMPLATE_POST_TYPE:\n\t\t\tcase TEMPLATE_PART_POST_TYPE:\n\t\t\tcase 'page':\n\t\t\t\tpath = `/${ encodeURIComponent(\n\t\t\t\t\turlParams.postType\n\t\t\t\t) }/${ encodeURIComponent( urlParams.postId ) }`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tpath = `/navigation/${ encodeURIComponent(\n\t\t\t\t\turlParams.postType\n\t\t\t\t) }/${ encodeURIComponent( urlParams.postId ) }`;\n\t\t}\n\t}\n\n\treturn path;\n}\n\nfunction isSubset( subset, superset ) {\n\treturn Object.entries( subset ).every( ( [ key, value ] ) => {\n\t\treturn superset[ key ] === value;\n\t} );\n}\n\nexport default function useSyncPathWithURL() {\n\tconst history = useHistory();\n\tconst { params: urlParams } = useLocation();\n\tconst {\n\t\tlocation: navigatorLocation,\n\t\tparams: navigatorParams,\n\t\tgoTo,\n\t} = useNavigator();\n\tconst isMounting = useRef( true );\n\n\tuseEffect(\n\t\t() => {\n\t\t\t// The navigatorParams are only initially filled properly when the\n\t\t\t// navigator screens mount. so we ignore the first synchronisation.\n\t\t\tif ( isMounting.current ) {\n\t\t\t\tisMounting.current = false;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction updateUrlParams( newUrlParams ) {\n\t\t\t\tif ( isSubset( newUrlParams, urlParams ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst updatedParams = {\n\t\t\t\t\t...urlParams,\n\t\t\t\t\t...newUrlParams,\n\t\t\t\t};\n\t\t\t\thistory.push( updatedParams );\n\t\t\t}\n\n\t\t\tif ( navigatorParams?.postType && navigatorParams?.postId ) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: navigatorParams?.postType,\n\t\t\t\t\tpostId: navigatorParams?.postId,\n\t\t\t\t\tpath: undefined,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\tnavigatorLocation.path.startsWith( '/page/' ) &&\n\t\t\t\tnavigatorParams?.postId\n\t\t\t) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: 'page',\n\t\t\t\t\tpostId: navigatorParams?.postId,\n\t\t\t\t\tpath: undefined,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t} );\n\t\t\t} else if ( navigatorLocation.path === '/patterns' ) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tpostId: undefined,\n\t\t\t\t\tcanvas: undefined,\n\t\t\t\t\tpath: navigatorLocation.path,\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\t// These sidebar paths are special in the sense that the url in these pages may or may not have a postId and we need to retain it if it has.\n\t\t\t\t// The \"type\" property should be kept as well.\n\t\t\t\tnavigatorLocation.path === '/pages' \|\|\n\t\t\t\tnavigatorLocation.path === '/wp_template' \|\|\n\t\t\t\tnavigatorLocation.path === '/wp_template_part/all'\n\t\t\t) {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tcategoryType: undefined,\n\t\t\t\t\tcategoryId: undefined,\n\t\t\t\t\tpath: navigatorLocation.path,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tupdateUrlParams( {\n\t\t\t\t\tpostType: undefined,\n\t\t\t\t\tpostId: undefined,\n\t\t\t\t\tcategoryType: undefined,\n\t\t\t\t\tcategoryId: undefined,\n\t\t\t\t\tlayout: undefined,\n\t\t\t\t\tpath:\n\t\t\t\t\t\tnavigatorLocation.path === '/'\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: navigatorLocation.path,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t// Trigger only when navigator changes to prevent infinite loops.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ navigatorLocation?.path, navigatorParams ]\n\t);\n\n\tuseEffect(\n\t\t() => {\n\t\t\tconst path = getPathFromURL( urlParams );\n\t\t\tif ( navigatorLocation.path !== path ) {\n\t\t\t\tgoTo( path );\n\t\t\t}\n\t\t},\n\t\t// Trigger only when URL changes to prevent infinite loops.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ urlParams ]\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/template-actions/index.js CHANGED Viewed

@@ -28,7 +28,41 @@ export default function TemplateActions({
 }) {
   const template = useSelect(select => select(coreStore).getEntityRecord('postType', postType, postId), [postType, postId]);
   const {
-    removeTemplate,
+    removeTemplate
+  } = useDispatch(editSiteStore);
+  const isRemovable = isTemplateRemovable(template);
+  const isRevertable = isTemplateRevertable(template);
+  if (!isRemovable && !isRevertable) {
+    return null;
+  }
+  return createElement(DropdownMenu, {
+    icon: moreVertical,
+    label: __('Actions'),
+    className: className,
+    toggleProps: toggleProps
+  }, ({
+    onClose
+  }) => createElement(MenuGroup, null, isRemovable && createElement(Fragment, null, createElement(RenameMenuItem, {
+    template: template,
+    onClose: onClose
+  }), createElement(DeleteMenuItem, {
+    onRemove: () => {
+      removeTemplate(template);
+      onRemove?.();
+      onClose();
+    },
+    title: template.title.rendered
+  })), isRevertable && createElement(ResetMenuItem, {
+    template: template,
+    onClose: onClose
+  })));
+}
+function ResetMenuItem({
+  template,
+  onClose
+}) {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const {
     revertTemplate
   } = useDispatch(editSiteStore);
   const {
@@ -38,11 +72,6 @@ export default function TemplateActions({
     createSuccessNotice,
     createErrorNotice
   } = useDispatch(noticesStore);
-  const isRemovable = isTemplateRemovable(template);
-  const isRevertable = isTemplateRevertable(template);
-  if (!isRemovable && !isRevertable) {
-    return null;
-  }
   async function revertAndSaveTemplate() {
     try {
       await revertTemplate(template, {
@@ -62,30 +91,18 @@ export default function TemplateActions({
       });
     }
   }
-  return createElement(DropdownMenu, {
-    icon: moreVertical,
-    label: __('Actions'),
-    className: className,
-    toggleProps: toggleProps
-  }, ({
-    onClose
-  }) => createElement(MenuGroup, null, isRemovable && createElement(Fragment, null, createElement(RenameMenuItem, {
-    template: template,
-    onClose: onClose
-  }), createElement(DeleteMenuItem, {
-    onRemove: () => {
-      removeTemplate(template);
-      onRemove?.();
-      onClose();
-    },
-    title: template.title.rendered
-  })), isRevertable && createElement(MenuItem, {
+  return createElement(Fragment, null, createElement(MenuItem, {
     info: __('Use the template as supplied by the theme.'),
-    onClick: () => {
+    onClick: () => setIsModalOpen(true)
+  }, __('Clear customizations')), createElement(ConfirmDialog, {
+    isOpen: isModalOpen,
+    onConfirm: () => {
       revertAndSaveTemplate();
       onClose();
-    }
-  }, __('Clear customizations'))));
+    },
+    onCancel: () => setIsModalOpen(false),
+    confirmButtonText: __('Clear')
+  }, __('Are you sure you want to clear these customizations?')));
 }
 function DeleteMenuItem({
   onRemove,

package/build-module/components/template-actions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useDispatch","useSelect","store","coreStore","useState","__","sprintf","DropdownMenu","MenuGroup","MenuItem","__experimentalConfirmDialog","ConfirmDialog","moreVertical","noticesStore","decodeEntities","editSiteStore","isTemplateRemovable","isTemplateRevertable","RenameMenuItem","TEMPLATE_POST_TYPE","TemplateActions","postType","postId","className","toggleProps","onRemove","template","select","getEntityRecord","removeTemplate","~~revertTemplate~~","~~saveEditedEntityRecord~~","~~createSuccessNotice~~","~~createErrorNotice~~","~~isRemovable~~","~~isRevertable~~","~~revertAndSaveTemplate~~","~~allowUndo~~","~~type~~","id","~~title~~","~~rendered~~","~~error~~","~~fallbackErrorMessage~~","~~errorMessage~~","~~message~~","~~code~~","~~createElement~~","~~icon~~","~~label~~","~~onClose~~","~~Fragment~~","~~DeleteMenuItem~~","~~info~~","~~onClick~~","~~isModalOpen~~","~~setIsModalOpen~~","~~isDestructive~~","isOpen","onConfirm","onCancel","confirmButtonText"],"sources":["@wordpress/edit-site/src/components/template-actions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport RenameMenuItem from './rename-menu-item';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function TemplateActions( {\n\tpostType,\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\tconst template = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', postType, postId ),\n\t\t[ postType, postId ]\n\t);\n\tconst { removeTemplate, ~~revertTemplate~~ } = useDispatch( editSiteStore );\n\tconst ~~{ saveEditedEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst~~ isRemovable = isTemplateRemovable( template );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif ( ! isRemovable && ! isRevertable ) {\n\t\treturn null;\n\t}\n\n\~~tasync~~ ~~function revertAndSaveTemplate~~(~~) {~~\n\t\~~ttry {~~\n\t\t\~~tawait revertTemplate( template,~~ { ~~allowUndo:~~ ~~false~~ } ~~);\~~n\t\t\~~tawait~~ ~~saveEditedEntityRecord~~(\n\t\t\t\~~t'postType',\~~n\t\t\t\~~ttemplate.type,\~~n\t\t~~\t\ttemplate.id\~~n\t\t\t)~~;\n~~\n\t\t\~~tcreateSuccessNotice(~~\n\t\t\t\~~tsprintf~~(\n\t\t\t\t\t~~/ translators: The template/part's name. */\~~n\t\t\t\t\~~t__( '~~\~~"%s~~\~~" reverted.' ),\~~n\t\t\t\t\~~tdecodeEntities(~~ template~~.title.rendered~~ )\n\t\t\t\t~~),\n~~\t\t\t\t{\n\t\t\t\t\~~ttype: 'snackbar',\n~~\t\t\t\t\~~tid: 'edit-site-template-reverted',\n~~\t\t\t\t}\n\t\t\t~~);\n~~\t\t} ~~catch~~ ( ~~error~~ ) {\n\t\t\~~tconst fallbackErrorMessage =\n\~~t\t\t\~~ttemplate.type === TEMPLATE_POST_TYPE\n\~~t\t\t\~~t\t? __~~( ~~'An error occurred while reverting the~~ template.' )\n\t\t\t\t\t~~: __~~(\n\t\t\t\t\t\t\t~~'An error occurred while reverting the template part.'~~\n\t\t\t\t\t ~~);\n~~\t\t\~~tconst~~ ~~errorMessage =\~~n\t\t\t\~~terror.message~~ ~~&& error~~.~~code~~ ~~!== 'unknown_error'~~\n\t\t\t\t\t~~? error.message~~\n\t\t\t\t\t~~: fallbackErrorMessage;\n~~\n\t\t\~~tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n~~\t\t}\n\t}\n\n\~~treturn~~ (\n\t\t~~<DropdownMenu~~\n\t\t\~~ticon={ moreVertical }~~\n\t\t\~~tlabel={ __( 'Actions' ) }~~\n\t\t\~~tclassName~~={ ~~className~~ }\n\t\t\~~ttoggleProps={ toggleProps }\n\~~t\t~~>\n~~\t\t\t{ ~~( {~~ onClose } ~~) => (~~\n\t\t\t\t~~<MenuGroup>\n~~\t\t~~\t\t\t{ isRemovable && (\~~n\t\t\t\t\t\~~t<>\~~n\t\t\t\t\t\t\t~~<RenameMenuItem~~\n\t\t\t\t\t\t\t\~~ttemplate~~={ ~~template~~ }\n\t\t\t\t\t\t\t\~~tonClose=~~{ ~~onClose~~ }\n\t\t\t\t\t\t\t~~/>\~~n\t\t\t\t\t\t\t~~<DeleteMenuItem~~\n\t\t\t\t\t\t\t\~~tonRemove={~~ () => {\n\t\t\t\t\t\t\t\t\~~tremoveTemplate~~( template );\n\t\t\t\t\t\t\t\t\~~tonRemove?.();\~~n\t\t\t\t\t\t\t\t\~~tonClose();\~~n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\~~ttitle={~~ template.~~title.rendered~~ }\n\t\t\t\t\t\t\t~~/>\n~~\t\t\t\t\t\~~t</>\~~n\t\t\t\t\t) }\n\t\t\t\t\t{ ~~isRevertable~~ && (\n\t\t\t\t\t\~~t<MenuItem\~~n\t\t\t\t\t\t\~~tinfo=~~{ __(\n\t\t\t\t\t\t\t\t'Use the template as supplied by the theme.'\n\t\t\t\~~t\t\t\t~~) }\n\t\t\t\t\t\t\~~tonClick=~~{ () ~~=> {~~\n\t\t\t\t\t\t\t\~~trevertAndSaveTemplate();\~~n\t\t\t\t\t\t\t\~~tonClose~~();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\~~t\t>\~~n\t\t\t\~~t\t\t\t~~{ __( 'Clear ~~customizations~~' ) }\n\t\t\t~~\t\t\t</MenuItem~~>\n\t\t\t\t\t) }\n\t\t\t\t</~~MenuGroup~~>\n\t\t~~\t) }\~~n\t~~\t</DropdownMenu>\n\t~~);\n}\n\nfunction DeleteMenuItem( { onRemove, title } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Delete' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ onRemove }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: The template or template part's title.\n\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,2BAA2B,IAAIC,aAAa,QACtC,uBAAuB;AAC9B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASV,KAAK,IAAIW,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,cAAc,QAAQ,0BAA0B;;AAEzD;AACA;AACA;AACA,SAASZ,KAAK,IAAIa,aAAa,QAAQ,aAAa;AACpD,OAAOC,mBAAmB,MAAM,mCAAmC;AACnE,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,eAAe,SAASC,eAAeA,CAAE;EACxCC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGzB,SAAS,CACvB0B,MAAM,IACPA,MAAM,CAAExB,SAAU,CAAC,CAACyB,eAAe,CAAE,UAAU,EAAEP,QAAQ,EAAEC,MAAO,CAAC,EACpE,CAAED,QAAQ,EAAEC,MAAM,CACnB,CAAC;EACD,MAAM;IAAEO~~,cAAc~~;~~IAAEC;~~EAAe,CAAC,~~GAAG9B~~,WAAW,CAAEe,aAAc,CAAC;~~EACvE~~,~~MAAM~~;~~IAAEgB;EAAuB~~,CAAC,~~GAAG/B~~,WAAW,~~CAAEG~~,SAAU,~~CAAC~~;~~EAC3D~~,~~MAAM~~;~~IAAE6B~~,~~mBAAmB~~;~~IAAEC~~;~~EAAkB~~,CAAC,~~GAC/CjC~~,WAAW,~~CAAEa~~,~~YAAa~~,CAAC;~~EAC5B~~,~~MAAMqB~~,~~WAAW~~,~~GAAGlB~~,~~mBAAmB~~,~~CAAEU~~,QAAS,CAAC;~~EACnD~~,~~MAAMS~~,YAAY,~~GAAGlB~~,~~oBAAoB~~,~~CAAES~~,~~QAAS~~,CAAC;~~EAErD~~,~~IAAK~~,~~CAAEQ~~,WAAW,~~IAAI~~,~~CAAEC~~,~~YAAY~~,~~EAAG~~;~~IACtC~~,~~OAAO~~,~~IAAI~~;~~EACZ~~;~~EAEA~~,~~eAAeC~~,qBAAqBA,CAAA,EAAG;IACtC,IAAI;MACH,~~MAAMN~~,cAAc,~~CAAEJ~~,QAAQ,EAAE;~~QAAEW~~,SAAS,EAAE;MAAM,CAAE,CAAC;MACtD,~~MAAMN~~,sBAAsB,CAC3B,UAAU,~~EACVL~~,QAAQ,~~CAACY~~,IAAI,~~EACbZ~~,QAAQ,~~CAACa~~,EACV,CAAC;~~MAEDP~~,mBAAmB,~~CAClB1B~~,OAAO,EACN;MACAD,EAAE,CAAE,gBAAiB,CAAC,EACtBS,cAAc,CAAEY,QAAQ,~~CAACc~~,KAAK,CAACC,QAAS,CACzC,CAAC,EACD;~~QACCH~~,IAAI,EAAE,UAAU;QAChBC,EAAE,EAAE;MACL,CACD,CAAC;IACF,CAAC,CAAC,~~OAAQG~~,KAAK,EAAG;MACjB,MAAMC,oBAAoB,~~GACzBjB~~,QAAQ,~~CAACY~~,IAAI,~~KAAKnB~~,kBAAkB,GACjCd,EAAE,CAAE,iDAAkD,CAAC,GACvDA,EAAE,CACF,sDACA,CAAC;MACL,~~MAAMuC~~,YAAY,GACjBF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACI,IAAI,KAAK,eAAe,GAC5CJ,KAAK,CAACG,OAAO,GACbF,oBAAoB;~~MAExBV~~,iBAAiB,~~CAAEW~~,YAAY,EAAE;~~QAAEN~~,IAAI,EAAE;MAAW,CAAE,CAAC;IACxD;EACD;~~EAEA~~,~~OACCS~~,aAAA,~~CAACxC~~,~~YAAY;IACZyC~~,~~IAAI~~,~~EAAGpC~~,~~YAAc~~;~~IACrBqC~~,~~KAAK~~,~~EAAG5C~~,EAAE,CAAE,~~SAAU~~,CAAG;~~IACzBkB~~,~~SAAS~~,EAAGA,~~SAAW;IACvBC~~,~~WAAW~~,~~EAAGA;EAAa~~,~~GAEzB~~,~~CAAE~~;~~IAAE0B;EAAQ~~,~~CAAC~~,~~KACdH~~,~~aAAA~~,~~CAACvC~~,~~SAAS~~,~~QACP0B~~,~~WAAW~~,~~IACZa,~~aAAA,~~CAAAI~~,~~QAAA,QACCJ,aAAA,CAAC7B,cAAc~~;~~IACdQ~~,~~QAAQ~~,~~EAAGA~~,~~QAAU~~;~~IACrBwB~~,~~OAAO~~,EAAGA~~;EAAS~~,~~CACnB,CAAC,EACFH,aAAA,CAACK,cAAc;IACd3B,QAAQ,EAAGA,~~CAAA,KAAM;~~MAChBI~~,~~cAAc~~,~~CAAEH,QAAS,~~CAAC~~;MAC1BD~~,~~QAAQ,GAAG,~~CAAC;~~MACZyB~~,OAAO,CAAC,CAAC;IACV,CAAG;~~IACHV~~,~~KAAK,EAAGd,~~QAAQ,~~CAACc~~,~~KAAK~~,~~CAACC;EAAU~~,~~CACjC~~,~~CACA~~,~~CACF~~,~~EACCN,YAAY,IACbY,aAAA,CAACtC,QAAQ~~;~~IACR4C~~,~~IAAI~~,~~EAAGhD~~,EAAE,~~CACR~~,~~4CACD,CAAG~~;~~IACHiD,OAAO,EAAGA,CAAA,KAAM;MACflB,qBAAqB,CAAC,CAAC;MACvBc,OAAO,CAAC,CAAC;IACV;~~EAAG,~~GAED7C~~,EAAE,CAAE,~~sBAAuB~~,~~CACpB~~,~~CAED~~,~~CAEC,~~CAAC;~~AAEjB~~;AAEA,~~SAAS+C~~,cAAcA,CAAE;~~EAAE3B~~,QAAQ;~~EAAEe~~;AAAM,CAAC,EAAG;EAC9C,MAAM,~~CAAEe~~,WAAW,EAAEC,cAAc,CAAE,~~GAAGpD~~,QAAQ,CAAE,KAAM,CAAC;EACzD,~~OACC2C~~,aAAA,CAAAI,QAAA,QACCJ,aAAA,~~CAACtC~~,QAAQ;~~IAACgD~~,aAAa;~~IAACH~~,OAAO,EAAGA,CAAA,~~KAAME~~,cAAc,CAAE,IAAK;EAAG,~~GAC7DnD~~,EAAE,CAAE,QAAS,CACN,CAAC,~~EACX0C~~,aAAA,~~CAACpC~~,aAAa;IACb+C,MAAM,~~EAAGH~~,WAAa;~~IACtBI~~,SAAS,EAAGlC,QAAU;IACtBmC,QAAQ,EAAGA,CAAA,~~KAAMJ~~,cAAc,CAAE,KAAM,CAAG;~~IAC1CK~~,iBAAiB,EAAGxD,EAAE,CAAE,QAAS;EAAG,GAElCC,OAAO;EACR;EACAD,EAAE,CAAE,uCAAwC,CAAC,EAC7CS,cAAc,~~CAAE0B~~,KAAM,CACvB,CACc,CACd,CAAC;AAEL"}
1	+ {"version":3,"names":["useDispatch","useSelect","store","coreStore","useState","__","sprintf","DropdownMenu","MenuGroup","MenuItem","__experimentalConfirmDialog","ConfirmDialog","moreVertical","noticesStore","decodeEntities","editSiteStore","isTemplateRemovable","isTemplateRevertable","RenameMenuItem","TEMPLATE_POST_TYPE","TemplateActions","postType","postId","className","toggleProps","onRemove","template","select","getEntityRecord","removeTemplate","isRemovable","isRevertable","createElement","icon","label","onClose","Fragment","DeleteMenuItem","title","rendered","ResetMenuItem","isModalOpen","setIsModalOpen","revertTemplate","saveEditedEntityRecord","createSuccessNotice","createErrorNotice","revertAndSaveTemplate","allowUndo","type","id","error","fallbackErrorMessage","errorMessage","message","code","info","onClick","isOpen","onConfirm","onCancel","confirmButtonText","isDestructive"],"sources":["@wordpress/edit-site/src/components/template-actions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport RenameMenuItem from './rename-menu-item';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function TemplateActions( {\n\tpostType,\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\tconst template = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', postType, postId ),\n\t\t[ postType, postId ]\n\t);\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\tconst isRemovable = isTemplateRemovable( template );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif ( ! isRemovable && ! isRevertable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName={ className }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ isRemovable && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<DeleteMenuItem\n\t\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\t\tremoveTemplate( template );\n\t\t\t\t\t\t\t\t\tonRemove?.();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttitle={ template.title.rendered }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRevertable && (\n\t\t\t\t\t\t<ResetMenuItem\n\t\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction ResetMenuItem( { template, onClose } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { revertTemplate } = useDispatch( editSiteStore );\n\tconst { saveEditedEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tasync function revertAndSaveTemplate() {\n\t\ttry {\n\t\t\tawait revertTemplate( template, { allowUndo: false } );\n\t\t\tawait saveEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\ttemplate.type,\n\t\t\t\ttemplate.id\n\t\t\t);\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: The template/part's name. */\n\t\t\t\t\t__( '\"%s\" reverted.' ),\n\t\t\t\t\tdecodeEntities( template.title.rendered )\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-template-reverted',\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst fallbackErrorMessage =\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'An error occurred while reverting the template.' )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while reverting the template part.'\n\t\t\t\t\t );\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: fallbackErrorMessage;\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tinfo={ __( 'Use the template as supplied by the theme.' ) }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t>\n\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ () => {\n\t\t\t\t\trevertAndSaveTemplate();\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Clear' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Are you sure you want to clear these customizations?' ) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n\nfunction DeleteMenuItem( { onRemove, title } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Delete' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ onRemove }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: The template or template part's title.\n\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/welcome-guide/editor.js CHANGED Viewed

@@ -7,6 +7,7 @@ import { Guide } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { createInterpolateElement } from '@wordpress/element';
 import { store as preferencesStore } from '@wordpress/preferences';
+import { store as coreStore } from '@wordpress/core-data';
 /**
  * Internal dependencies
@@ -16,8 +17,16 @@ export default function WelcomeGuideEditor() {
   const {
     toggle
   } = useDispatch(preferencesStore);
-  const isActive = useSelect(select => !!select(preferencesStore).get('core/edit-site', 'welcomeGuide'), []);
-  if (!isActive) {
+  const {
+    isActive,
+    isBlockBasedTheme
+  } = useSelect(select => {
+    return {
+      isActive: !!select(preferencesStore).get('core/edit-site', 'welcomeGuide'),
+      isBlockBasedTheme: select(coreStore).getCurrentTheme()?.is_block_theme
+    };
+  }, []);
+  if (!isActive || !isBlockBasedTheme) {
     return null;
   }
   return createElement(Guide, {

package/build-module/components/welcome-guide/editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useDispatch","useSelect","Guide","__","createInterpolateElement","store","preferencesStore","WelcomeGuideImage","WelcomeGuideEditor","toggle","isActive","select","get","createElement","className","contentLabel","finishButtonText","onFinish","pages","image","nonAnimatedSrc","animatedSrc","content","Fragment","StylesIconImage","alt","src"],"sources":["@wordpress/edit-site/src/components/welcome-guide/editor.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport WelcomeGuideImage from './image';\n\nexport default function WelcomeGuideEditor() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isActive = useSelect(~~\n\t\t~~( select ) ~~=>\~~n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-editor\"\n\t\t\tcontentLabel={ __( 'Welcome to the site editor' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.gif?1\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Edit your site' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Design everything on your site — from the header right down to the footer — using blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tStylesIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'styles' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\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</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,QAAQ,uBAAuB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;~~AAElE~~;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,SAAS;AAEvC,eAAe,SAASC,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,~~GAAGT~~,WAAW,CAAEM,gBAAiB,CAAC;EAElD,~~MAAMI~~,QAAQ,~~GAAGT~~,SAAS,~~CACvBU~~,MAAM,~~IACP~~,CAAC,~~CAAEA~~,MAAM,~~CAAEL~~,gBAAiB,CAAC,~~CAACM~~,GAAG,~~CAChC~~,gBAAgB,EAChB,cACD,CAAC,EACF,~~EACD~~,CAAC;~~EAED~~,IAAK,~~CAAEF~~,QAAQ,EAAG;~~IACjB~~,OAAO,IAAI;EACZ;EAEA,~~OACCG~~,aAAA,~~CAACX~~,KAAK;~~IACLY~~,SAAS,EAAC,sCAAsC;IAChDC,YAAY,~~EAAGZ~~,EAAE,CAAE,4BAA6B,CAAG;~~IACnDa~~,gBAAgB,~~EAAGb~~,EAAE,CAAE,aAAc,CAAG;~~IACxCc~~,QAAQ,EAAGA,CAAA,~~KAAMR~~,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;~~IAC7DS~~,KAAK,EAAG,CACP;MACCC,KAAK,EACJN,aAAA,~~CAACN~~,iBAAiB;~~QACjBa~~,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACNT,aAAA,CAAAU,QAAA,QACCV,aAAA;QAAIC,SAAS,EAAC;MAAkC,~~GAC7CX~~,EAAE,CAAE,gBAAiB,CACpB,CAAC,~~EACLU~~,aAAA;QAAGC,SAAS,EAAC;MAA+B,~~GACzCX~~,EAAE,CACH,2FACD,CACE,CAAC,~~EACJU~~,aAAA;QAAGC,SAAS,EAAC;MAA+B,~~GACzCV~~,wBAAwB,CACzBD,EAAE,CACD,2GACD,CAAC,EACD;~~QACCqB~~,eAAe,EACdX,aAAA;UACCY,GAAG,~~EAAGtB~~,EAAE,CAAE,QAAS,CAAG;~~UACtBuB~~,GAAG,EAAC;QAAuR,CAC3R;MAEH,CACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
1	+ {"version":3,"names":["useDispatch","useSelect","Guide","__","createInterpolateElement","store","preferencesStore","coreStore","WelcomeGuideImage","WelcomeGuideEditor","toggle","isActive","isBlockBasedTheme","select","get","getCurrentTheme","is_block_theme","createElement","className","contentLabel","finishButtonText","onFinish","pages","image","nonAnimatedSrc","animatedSrc","content","Fragment","StylesIconImage","alt","src"],"sources":["@wordpress/edit-site/src/components/welcome-guide/editor.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport WelcomeGuideImage from './image';\n\nexport default function WelcomeGuideEditor() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isBlockBasedTheme } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tisActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t\tisBlockBasedTheme:\n\t\t\t\tselect( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive \|\| ! isBlockBasedTheme ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-editor\"\n\t\t\tcontentLabel={ __( 'Welcome to the site editor' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.gif?1\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Edit your site' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Design everything on your site — from the header right down to the footer — using blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tStylesIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'styles' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\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</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,QAAQ,uBAAuB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAClE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,SAAS;AAEvC,eAAe,SAASC,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAGV,WAAW,CAAEM,gBAAiB,CAAC;EAElD,MAAM;IAAEK,QAAQ;IAAEC;EAAkB,CAAC,GAAGX,SAAS,CAAIY,MAAM,IAAM;IAChE,OAAO;MACNF,QAAQ,EAAE,CAAC,CAAEE,MAAM,CAAEP,gBAAiB,CAAC,CAACQ,GAAG,CAC1C,gBAAgB,EAChB,cACD,CAAC;MACDF,iBAAiB,EAChBC,MAAM,CAAEN,SAAU,CAAC,CAACQ,eAAe,CAAC,CAAC,EAAEC;IACzC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEL,QAAQ,IAAI,CAAEC,iBAAiB,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,OACCK,aAAA,CAACf,KAAK;IACLgB,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAGhB,EAAE,CAAE,4BAA6B,CAAG;IACnDiB,gBAAgB,EAAGjB,EAAE,CAAE,aAAc,CAAG;IACxCkB,QAAQ,EAAGA,CAAA,KAAMX,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;IAC7DY,KAAK,EAAG,CACP;MACCC,KAAK,EACJN,aAAA,CAACT,iBAAiB;QACjBgB,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACNT,aAAA,CAAAU,QAAA,QACCV,aAAA;QAAIC,SAAS,EAAC;MAAkC,GAC7Cf,EAAE,CAAE,gBAAiB,CACpB,CAAC,EACLc,aAAA;QAAGC,SAAS,EAAC;MAA+B,GACzCf,EAAE,CACH,2FACD,CACE,CAAC,EACJc,aAAA;QAAGC,SAAS,EAAC;MAA+B,GACzCd,wBAAwB,CACzBD,EAAE,CACD,2GACD,CAAC,EACD;QACCyB,eAAe,EACdX,aAAA;UACCY,GAAG,EAAG1B,EAAE,CAAE,QAAS,CAAG;UACtB2B,GAAG,EAAC;QAAuR,CAC3R;MAEH,CACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { useContext, useMemo } from '@wordpress/element';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
@@ -53,12 +54,24 @@ export function useCurrentMergeThemeStyleVariationsWithUserConfig({
   property,
   filter
 }) {
-  const variations = useSelect(select => {
-    return select(coreStore).__experimentalGetCurrentThemeGlobalStylesVariations();
+  const {
+    variationsFromTheme
+  } = useSelect(select => {
+    const _variationsFromTheme = select(coreStore).__experimentalGetCurrentThemeGlobalStylesVariations();
+    return {
+      variationsFromTheme: _variationsFromTheme || []
+    };
   }, []);
   const {
     user: baseVariation
   } = useContext(GlobalStylesContext);
+  const variations = useMemo(() => {
+    return [{
+      title: __('Default'),
+      settings: {},
+      styles: {}
+    }, ...variationsFromTheme];
+  }, [variationsFromTheme]);
   return useThemeStyleVariationsByProperty({
     variations,
     property,

package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","store","coreStore","useContext","useMemo","privateApis","blockEditorPrivateApis","mergeBaseAndUserConfigs","cloneDeep","unlock","GlobalStylesContext","removePropertyFromObject","object","property","Object","keys","length","key","useCurrentMergeThemeStyleVariationsWithUserConfig","filter","~~variations~~","select","__experimentalGetCurrentThemeGlobalStylesVariations","user","baseVariation","useThemeStyleVariationsByProperty","filterObjectByProperty","newObject","forEach","newFilter","clonedBaseVariation","processedStyleVariations","map","variation","result","~~title","~~description"],"sources":["@wordpress/edit-site/src/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { mergeBaseAndUserConfigs } from '../../components/global-styles/global-styles-provider';\nimport cloneDeep from '../../utils/clone-deep';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\n/\n Removes all instances of a property from an object.\n \n @param {Object} object The object to remove the property from.\n * @param {string} property The property to remove.\n * @return {Object} The modified object.\n /\nexport function removePropertyFromObject( object, property ) {\n\tif ( ! property \|\| typeof property !== 'string' ) {\n\t\treturn object;\n\t}\n\n\tif ( typeof object !== 'object' \|\| ! Object.keys( object ).length ) {\n\t\treturn object;\n\t}\n\n\tfor ( const key in object ) {\n\t\tif ( key === property ) {\n\t\t\tdelete object[ key ];\n\t\t} else if ( typeof object[ key ] === 'object' ) {\n\t\t\tremovePropertyFromObject( object[ key ], property );\n\t\t}\n\t}\n\treturn object;\n}\n\n/\n A convenience wrapper for `useThemeStyleVariationsByProperty()` that fetches the current theme style variations,\n * and user-defined global style/settings object.\n \n @param {Object} props Object of hook args.\n * @param {string} props.property The property to filter by.\n * @param {Function} props.filter Optional. The filter function to apply to the variations.\n * @return {Object[]\|} The merged object.\n /\nexport function useCurrentMergeThemeStyleVariationsWithUserConfig( {\n\tproperty,\n\tfilter,\n} ) {\n\tconst ~~variations~~ = useSelect( ( select ) => {\n\t\~~treturn~~ ~~select~~(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\tconst { user: baseVariation } = useContext( GlobalStylesContext );\n\n\treturn useThemeStyleVariationsByProperty( {\n\t\tvariations,\n\t\tproperty,\n\t\tfilter,\n\t\tbaseVariation: removePropertyFromObject(\n\t\t\tcloneDeep( baseVariation ),\n\t\t\tproperty\n\t\t),\n\t} );\n}\n\n/*\n Returns a new object, with properties specified in `property`,\n * maintain the original object tree structure.\n * The function is recursive, so it will perform a deep search for the given property.\n * E.g., the function will return `{ a: { b: { c: { test: 1 } } } }` if the property is `test`.\n \n @param {Object} object The object to filter\n * @param {Object} property The property to filter by\n * @return {Object} The merged object.\n /\nexport const filterObjectByProperty = ( object, property ) => {\n\tif ( ! object ) {\n\t\treturn {};\n\t}\n\n\tconst newObject = {};\n\tObject.keys( object ).forEach( ( key ) => {\n\t\tif ( key === property ) {\n\t\t\tnewObject[ key ] = object[ key ];\n\t\t} else if ( typeof object[ key ] === 'object' ) {\n\t\t\tconst newFilter = filterObjectByProperty( object[ key ], property );\n\t\t\tif ( Object.keys( newFilter ).length ) {\n\t\t\t\tnewObject[ key ] = newFilter;\n\t\t\t}\n\t\t}\n\t} );\n\treturn newObject;\n};\n\n/\n Returns a new object with only the properties specified in `property`.\n * Optional merges the baseVariation object with the variation object.\n * Note: this function will only overwrite the specified property in baseVariation if it exists.\n * The baseVariation will not be otherwise modified. To strip a property from the baseVariation object, use `removePropertyFromObject`.\n * See useCurrentMergeThemeStyleVariationsWithUserConfig for an example of how to use this function.\n \n @param {Object} props Object of hook args.\n * @param {Object[]} props.variations The theme style variations to filter.\n * @param {string} props.property The property to filter by.\n * @param {Function} props.filter Optional. The filter function to apply to the variations.\n * @param {Object} props.baseVariation Optional. Base or user settings to be updated with variation properties.\n * @return {Object[]\|} The merged object.\n /\nexport default function useThemeStyleVariationsByProperty( {\n\tvariations,\n\tproperty,\n\tfilter,\n\tbaseVariation,\n} ) {\n\treturn useMemo( () => {\n\t\tif ( ! property \|\| ! variations \|\| variations?.length === 0 ) {\n\t\t\treturn variations;\n\t\t}\n\n\t\tconst clonedBaseVariation =\n\t\t\ttypeof baseVariation === 'object' &&\n\t\t\tObject.keys( baseVariation ).length > 0\n\t\t\t\t? cloneDeep( baseVariation )\n\t\t\t\t: null;\n\n\t\tlet processedStyleVariations = variations.map( ( variation ) => {\n\t\t\tlet result = {\n\t\t\t\t...filterObjectByProperty( cloneDeep( variation ), property ),\n\t\t\t\ttitle: variation?.title,\n\t\t\t\tdescription: variation?.description,\n\t\t\t};\n\n\t\t\tif ( clonedBaseVariation ) {\n\t\t\t\t/\n\t\t\t\t Overwrites all baseVariation object `styleProperty` properties\n\t\t\t\t * with the theme variation `styleProperty` properties.\n\t\t\t\t */\n\t\t\t\tresult = mergeBaseAndUserConfigs( clonedBaseVariation, result );\n\t\t\t}\n\t\t\treturn result;\n\t\t} );\n\n\t\tif ( 'function' === typeof filter ) {\n\t\t\tprocessedStyleVariations =\n\t\t\t\tprocessedStyleVariations.filter( filter );\n\t\t}\n\n\t\treturn processedStyleVariations;\n\t}, [ variations, property, baseVariation, filter ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACxD,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB~~;;AAE~~/E;AACA;AACA;AACA,SAASC,uBAAuB,QAAQ,uDAAuD;AAC/F,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAoB,CAAC,GAAGD,MAAM,~~CAAEH~~,sBAAuB,CAAC;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,~~SAASK~~,wBAAwBA,CAAEC,MAAM,EAAEC,QAAQ,EAAG;EAC5D,IAAK,CAAEA,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAG;IACjD,OAAOD,MAAM;EACd;EAEA,IAAK,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAAEE,MAAM,CAACC,IAAI,CAAEH,MAAO,CAAC,CAACI,MAAM,EAAG;IACnE,OAAOJ,MAAM;EACd;EAEA,KAAM,MAAMK,GAAG,IAAIL,MAAM,EAAG;IAC3B,IAAKK,GAAG,KAAKJ,QAAQ,EAAG;MACvB,OAAOD,MAAM,CAAEK,GAAG,CAAE;IACrB,CAAC,MAAM,IAAK,OAAOL,MAAM,CAAEK,GAAG,CAAE,KAAK,QAAQ,EAAG;MAC/CN,wBAAwB,CAAEC,MAAM,CAAEK,GAAG,CAAE,EAAEJ,QAAS,CAAC;IACpD;EACD;EACA,OAAOD,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,iDAAiDA,CAAE;EAClEL,QAAQ;EACRM;AACD,CAAC,EAAG;EACH,~~MAAMC~~,~~UAAU~~,~~GAAGpB~~,SAAS,~~CAAIqB~~,MAAM,IAAM;~~IAC3C~~,~~OAAOA~~,MAAM,~~CACZnB~~,SACD,CAAC,~~CAACoB~~,mDAAmD,CAAC,CAAC;~~EACxD~~,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;~~IAAEC~~,IAAI,EAAEC;EAAc,CAAC,~~GAAGrB~~,UAAU,~~CAAEO~~,mBAAoB,CAAC;EAEjE,~~OAAOe~~,iCAAiC,CAAE;~~IACzCL~~,UAAU;~~IACVP~~,QAAQ;IACRM,MAAM;~~IACNK~~,aAAa,~~EAAEb~~,wBAAwB,CACtCH,SAAS,~~CAAEgB~~,aAAc,CAAC,~~EAC1BX~~,QACD;EACD,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,~~MAAMa~~,sBAAsB,GAAGA,~~CAAEd~~,MAAM,EAAEC,QAAQ,KAAM;EAC7D,IAAK,CAAED,MAAM,EAAG;IACf,OAAO,CAAC,CAAC;EACV;EAEA,~~MAAMe~~,SAAS,GAAG,CAAC,CAAC;~~EACpBb~~,MAAM,CAACC,IAAI,CAAEH,MAAO,CAAC,~~CAACgB~~,OAAO,~~CAAIX~~,GAAG,IAAM;IACzC,IAAKA,GAAG,KAAKJ,QAAQ,EAAG;~~MACvBc~~,SAAS,~~CAAEV~~,GAAG,CAAE,GAAGL,MAAM,CAAEK,GAAG,CAAE;IACjC,CAAC,MAAM,IAAK,OAAOL,MAAM,CAAEK,GAAG,CAAE,KAAK,QAAQ,EAAG;MAC/C,~~MAAMY~~,SAAS,GAAGH,sBAAsB,~~CAAEd~~,MAAM,CAAEK,GAAG,CAAE,EAAEJ,QAAS,CAAC;MACnE,IAAKC,MAAM,CAACC,IAAI,~~CAAEc~~,SAAU,CAAC,~~CAACb~~,MAAM,EAAG;~~QACtCW~~,SAAS,~~CAAEV~~,GAAG,CAAE,~~GAAGY~~,SAAS;MAC7B;IACD;EACD,CAAE,CAAC;EACH,OAAOF,SAAS;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASF,iCAAiCA,CAAE;~~EAC1DL~~,UAAU;~~EACVP~~,QAAQ;EACRM,MAAM;~~EACNK~~;AACD,CAAC,EAAG;EACH,~~OAAOpB~~,OAAO,CAAE,MAAM;IACrB,IAAK,~~CAAES~~,QAAQ,IAAI,~~CAAEO~~,UAAU,IAAIA,UAAU,~~EAAEJ~~,MAAM,KAAK,CAAC,EAAG;MAC7D,~~OAAOI~~,UAAU;IAClB;IAEA,~~MAAMU~~,mBAAmB,GACxB,~~OAAON~~,aAAa,KAAK,QAAQ,~~IACjCV~~,MAAM,CAACC,IAAI,~~CAAES~~,aAAc,CAAC,~~CAACR~~,MAAM,GAAG,CAAC,GACpCR,SAAS,~~CAAEgB~~,aAAc,CAAC,GAC1B,IAAI;IAER,~~IAAIO~~,wBAAwB,~~GAAGX~~,UAAU,~~CAACY~~,GAAG,CAAIC,SAAS,IAAM;MAC/D,IAAIC,MAAM,GAAG;QACZ,GAAGR,sBAAsB,~~CAAElB~~,SAAS,~~CAAEyB~~,SAAU,CAAC,~~EAAEpB~~,QAAS,CAAC;~~QAC7DsB~~,KAAK,~~EAAEF~~,SAAS,~~EAAEE~~,KAAK;~~QACvBC~~,WAAW,~~EAAEH~~,SAAS,~~EAAEG~~;MACzB,CAAC;MAED,~~IAAKN~~,mBAAmB,EAAG;QAC1B;AACJ;AACA;AACA;QACII,MAAM,~~GAAG3B~~,uBAAuB,~~CAAEuB~~,mBAAmB,EAAEI,MAAO,CAAC;MAChE;MACA,OAAOA,MAAM;IACd,CAAE,CAAC;IAEH,IAAK,UAAU,KAAK,~~OAAOf~~,MAAM,EAAG;~~MACnCY~~,wBAAwB,GACvBA,wBAAwB,~~CAACZ~~,MAAM,CAAEA,MAAO,CAAC;IAC3C;IAEA,~~OAAOY~~,wBAAwB;EAChC,CAAC,EAAE,~~CAAEX~~,UAAU,~~EAAEP~~,QAAQ,~~EAAEW~~,aAAa,~~EAAEL~~,MAAM,CAAG,CAAC;AACrD"}
1	+ {"version":3,"names":["useSelect","store","coreStore","useContext","useMemo","privateApis","blockEditorPrivateApis","__","mergeBaseAndUserConfigs","cloneDeep","unlock","GlobalStylesContext","removePropertyFromObject","object","property","Object","keys","length","key","useCurrentMergeThemeStyleVariationsWithUserConfig","filter","variationsFromTheme","select","_variationsFromTheme","__experimentalGetCurrentThemeGlobalStylesVariations","user","baseVariation","variations","title","settings","styles","useThemeStyleVariationsByProperty","filterObjectByProperty","newObject","forEach","newFilter","clonedBaseVariation","processedStyleVariations","map","variation","result","description"],"sources":["@wordpress/edit-site/src/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { mergeBaseAndUserConfigs } from '../../components/global-styles/global-styles-provider';\nimport cloneDeep from '../../utils/clone-deep';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\n/\n Removes all instances of a property from an object.\n \n @param {Object} object The object to remove the property from.\n * @param {string} property The property to remove.\n * @return {Object} The modified object.\n /\nexport function removePropertyFromObject( object, property ) {\n\tif ( ! property \|\| typeof property !== 'string' ) {\n\t\treturn object;\n\t}\n\n\tif ( typeof object !== 'object' \|\| ! Object.keys( object ).length ) {\n\t\treturn object;\n\t}\n\n\tfor ( const key in object ) {\n\t\tif ( key === property ) {\n\t\t\tdelete object[ key ];\n\t\t} else if ( typeof object[ key ] === 'object' ) {\n\t\t\tremovePropertyFromObject( object[ key ], property );\n\t\t}\n\t}\n\treturn object;\n}\n\n/\n A convenience wrapper for `useThemeStyleVariationsByProperty()` that fetches the current theme style variations,\n * and user-defined global style/settings object.\n \n @param {Object} props Object of hook args.\n * @param {string} props.property The property to filter by.\n * @param {Function} props.filter Optional. The filter function to apply to the variations.\n * @return {Object[]\|} The merged object.\n /\nexport function useCurrentMergeThemeStyleVariationsWithUserConfig( {\n\tproperty,\n\tfilter,\n} ) {\n\tconst { variationsFromTheme } = useSelect( ( select ) => {\n\t\tconst _variationsFromTheme =\n\t\t\tselect(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\n\t\treturn {\n\t\t\tvariationsFromTheme: _variationsFromTheme \|\| [],\n\t\t};\n\t}, [] );\n\tconst { user: baseVariation } = useContext( GlobalStylesContext );\n\n\tconst variations = useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...variationsFromTheme,\n\t\t];\n\t}, [ variationsFromTheme ] );\n\n\treturn useThemeStyleVariationsByProperty( {\n\t\tvariations,\n\t\tproperty,\n\t\tfilter,\n\t\tbaseVariation: removePropertyFromObject(\n\t\t\tcloneDeep( baseVariation ),\n\t\t\tproperty\n\t\t),\n\t} );\n}\n\n/*\n Returns a new object, with properties specified in `property`,\n * maintain the original object tree structure.\n * The function is recursive, so it will perform a deep search for the given property.\n * E.g., the function will return `{ a: { b: { c: { test: 1 } } } }` if the property is `test`.\n \n @param {Object} object The object to filter\n * @param {Object} property The property to filter by\n * @return {Object} The merged object.\n /\nexport const filterObjectByProperty = ( object, property ) => {\n\tif ( ! object ) {\n\t\treturn {};\n\t}\n\n\tconst newObject = {};\n\tObject.keys( object ).forEach( ( key ) => {\n\t\tif ( key === property ) {\n\t\t\tnewObject[ key ] = object[ key ];\n\t\t} else if ( typeof object[ key ] === 'object' ) {\n\t\t\tconst newFilter = filterObjectByProperty( object[ key ], property );\n\t\t\tif ( Object.keys( newFilter ).length ) {\n\t\t\t\tnewObject[ key ] = newFilter;\n\t\t\t}\n\t\t}\n\t} );\n\treturn newObject;\n};\n\n/\n Returns a new object with only the properties specified in `property`.\n * Optional merges the baseVariation object with the variation object.\n * Note: this function will only overwrite the specified property in baseVariation if it exists.\n * The baseVariation will not be otherwise modified. To strip a property from the baseVariation object, use `removePropertyFromObject`.\n * See useCurrentMergeThemeStyleVariationsWithUserConfig for an example of how to use this function.\n \n @param {Object} props Object of hook args.\n * @param {Object[]} props.variations The theme style variations to filter.\n * @param {string} props.property The property to filter by.\n * @param {Function} props.filter Optional. The filter function to apply to the variations.\n * @param {Object} props.baseVariation Optional. Base or user settings to be updated with variation properties.\n * @return {Object[]\|} The merged object.\n /\nexport default function useThemeStyleVariationsByProperty( {\n\tvariations,\n\tproperty,\n\tfilter,\n\tbaseVariation,\n} ) {\n\treturn useMemo( () => {\n\t\tif ( ! property \|\| ! variations \|\| variations?.length === 0 ) {\n\t\t\treturn variations;\n\t\t}\n\n\t\tconst clonedBaseVariation =\n\t\t\ttypeof baseVariation === 'object' &&\n\t\t\tObject.keys( baseVariation ).length > 0\n\t\t\t\t? cloneDeep( baseVariation )\n\t\t\t\t: null;\n\n\t\tlet processedStyleVariations = variations.map( ( variation ) => {\n\t\t\tlet result = {\n\t\t\t\t...filterObjectByProperty( cloneDeep( variation ), property ),\n\t\t\t\ttitle: variation?.title,\n\t\t\t\tdescription: variation?.description,\n\t\t\t};\n\n\t\t\tif ( clonedBaseVariation ) {\n\t\t\t\t/\n\t\t\t\t Overwrites all baseVariation object `styleProperty` properties\n\t\t\t\t * with the theme variation `styleProperty` properties.\n\t\t\t\t */\n\t\t\t\tresult = mergeBaseAndUserConfigs( clonedBaseVariation, result );\n\t\t\t}\n\t\t\treturn result;\n\t\t} );\n\n\t\tif ( 'function' === typeof filter ) {\n\t\t\tprocessedStyleVariations =\n\t\t\t\tprocessedStyleVariations.filter( filter );\n\t\t}\n\n\t\treturn processedStyleVariations;\n\t}, [ variations, property, baseVariation, filter ] );\n}\n"],"mappings":"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"}

package/build-module/utils/constants.js CHANGED Viewed

@@ -45,6 +45,8 @@ export const LAYOUT_GRID = 'grid';
 export const LAYOUT_TABLE = 'table';
 export const LAYOUT_LIST = 'list';
 export const ENUMERATION_TYPE = 'enumeration';
-export const OPERATOR_IN = 'in';
-export const OPERATOR_NOT_IN = 'notIn';
+export const OPERATOR_IS = 'is';
+export const OPERATOR_IS_NOT = 'isNot';
+export const OPERATOR_IS_ANY = 'isAny';
+export const OPERATOR_IS_NONE = 'isNone';
 //# sourceMappingURL=constants.js.map

package/build-module/utils/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","privateApis","patternPrivateApis","unlock","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","TEMPLATE_ORIGINS","custom","theme","plugin","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","PATTERN_TYPES","PATTERN_DEFAULT_CATEGORY","PATTERN_USER_CATEGORY","EXCLUDED_PATTERN_SOURCES","PATTERN_SYNC_TYPES","FOCUSABLE_ENTITIES","user","POST_TYPE_LABELS","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","ENUMERATION_TYPE","~~OPERATOR_IN~~","~~OPERATOR_NOT_IN~~"],"sources":["@wordpress/edit-site/src/utils/constants.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as patternPrivateApis } from '@wordpress/patterns';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\n// Navigation\nexport const NAVIGATION_POST_TYPE = 'wp_navigation';\n\n// Templates.\nexport const TEMPLATE_POST_TYPE = 'wp_template';\nexport const TEMPLATE_PART_POST_TYPE = 'wp_template_part';\nexport const TEMPLATE_ORIGINS = {\n\tcustom: 'custom',\n\ttheme: 'theme',\n\tplugin: 'plugin',\n};\nexport const TEMPLATE_PART_AREA_DEFAULT_CATEGORY = 'uncategorized';\n\n// Patterns.\nexport const {\n\tPATTERN_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_USER_CATEGORY,\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_SYNC_TYPES,\n} = unlock( patternPrivateApis );\n\n// Entities that are editable in focus mode.\nexport const FOCUSABLE_ENTITIES = [\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n];\n\nexport const POST_TYPE_LABELS = {\n\t[ TEMPLATE_POST_TYPE ]: __( 'Template' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Template part' ),\n\t[ PATTERN_TYPES.user ]: __( 'Pattern' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Navigation' ),\n};\n\n// DataViews constants\nexport const LAYOUT_GRID = 'grid';\nexport const LAYOUT_TABLE = 'table';\nexport const LAYOUT_LIST = 'list';\nexport const ENUMERATION_TYPE = 'enumeration';\nexport const ~~OPERATOR_IN~~ = 'in';\nexport const ~~OPERATOR_NOT_IN~~ = '~~notIn~~';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,kBAAkB,QAAQ,qBAAqB;;AAEvE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,gBAAgB;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,eAAe;;AAEnD;AACA,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,uBAAuB,GAAG,kBAAkB;AACzD,OAAO,MAAMC,gBAAgB,GAAG;EAC/BC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACT,CAAC;AACD,OAAO,MAAMC,mCAAmC,GAAG,eAAe;;AAElE;AACA,OAAO,MAAM;EACZC,aAAa;EACbC,wBAAwB;EACxBC,qBAAqB;EACrBC,wBAAwB;EACxBC;AACD,CAAC,GAAGb,MAAM,CAAED,kBAAmB,CAAC;;AAEhC;AACA,OAAO,MAAMe,kBAAkB,GAAG,CACjCX,uBAAuB,EACvBF,oBAAoB,EACpBQ,aAAa,CAACM,IAAI,CAClB;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC/B,CAAEd,kBAAkB,GAAIL,EAAE,CAAE,UAAW,CAAC;EACxC,CAAEM,uBAAuB,GAAIN,EAAE,CAAE,eAAgB,CAAC;EAClD,CAAEY,aAAa,CAACM,IAAI,GAAIlB,EAAE,CAAE,SAAU,CAAC;EACvC,CAAEI,oBAAoB,GAAIJ,EAAE,CAAE,YAAa;AAC5C,CAAC;;AAED;AACA,OAAO,MAAMoB,WAAW,GAAG,MAAM;AACjC,OAAO,MAAMC,YAAY,GAAG,OAAO;AACnC,OAAO,MAAMC,WAAW,GAAG,MAAM;AACjC,OAAO,MAAMC,gBAAgB,GAAG,aAAa;AAC7C,OAAO,MAAMC,WAAW,GAAG,IAAI;AAC/B,OAAO,MAAMC,eAAe,GAAG,OAAO"}
1	+ {"version":3,"names":["__","privateApis","patternPrivateApis","unlock","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","TEMPLATE_ORIGINS","custom","theme","plugin","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","PATTERN_TYPES","PATTERN_DEFAULT_CATEGORY","PATTERN_USER_CATEGORY","EXCLUDED_PATTERN_SOURCES","PATTERN_SYNC_TYPES","FOCUSABLE_ENTITIES","user","POST_TYPE_LABELS","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","ENUMERATION_TYPE","OPERATOR_IS","OPERATOR_IS_NOT","OPERATOR_IS_ANY","OPERATOR_IS_NONE"],"sources":["@wordpress/edit-site/src/utils/constants.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as patternPrivateApis } from '@wordpress/patterns';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\n// Navigation\nexport const NAVIGATION_POST_TYPE = 'wp_navigation';\n\n// Templates.\nexport const TEMPLATE_POST_TYPE = 'wp_template';\nexport const TEMPLATE_PART_POST_TYPE = 'wp_template_part';\nexport const TEMPLATE_ORIGINS = {\n\tcustom: 'custom',\n\ttheme: 'theme',\n\tplugin: 'plugin',\n};\nexport const TEMPLATE_PART_AREA_DEFAULT_CATEGORY = 'uncategorized';\n\n// Patterns.\nexport const {\n\tPATTERN_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_USER_CATEGORY,\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_SYNC_TYPES,\n} = unlock( patternPrivateApis );\n\n// Entities that are editable in focus mode.\nexport const FOCUSABLE_ENTITIES = [\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n];\n\nexport const POST_TYPE_LABELS = {\n\t[ TEMPLATE_POST_TYPE ]: __( 'Template' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Template part' ),\n\t[ PATTERN_TYPES.user ]: __( 'Pattern' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Navigation' ),\n};\n\n// DataViews constants\nexport const LAYOUT_GRID = 'grid';\nexport const LAYOUT_TABLE = 'table';\nexport const LAYOUT_LIST = 'list';\nexport const ENUMERATION_TYPE = 'enumeration';\nexport const OPERATOR_IS = 'is';\nexport const OPERATOR_IS_NOT = 'isNot';\nexport const OPERATOR_IS_ANY = 'isAny';\nexport const OPERATOR_IS_NONE = 'isNone';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,kBAAkB,QAAQ,qBAAqB;;AAEvE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,gBAAgB;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,eAAe;;AAEnD;AACA,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,uBAAuB,GAAG,kBAAkB;AACzD,OAAO,MAAMC,gBAAgB,GAAG;EAC/BC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACT,CAAC;AACD,OAAO,MAAMC,mCAAmC,GAAG,eAAe;;AAElE;AACA,OAAO,MAAM;EACZC,aAAa;EACbC,wBAAwB;EACxBC,qBAAqB;EACrBC,wBAAwB;EACxBC;AACD,CAAC,GAAGb,MAAM,CAAED,kBAAmB,CAAC;;AAEhC;AACA,OAAO,MAAMe,kBAAkB,GAAG,CACjCX,uBAAuB,EACvBF,oBAAoB,EACpBQ,aAAa,CAACM,IAAI,CAClB;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC/B,CAAEd,kBAAkB,GAAIL,EAAE,CAAE,UAAW,CAAC;EACxC,CAAEM,uBAAuB,GAAIN,EAAE,CAAE,eAAgB,CAAC;EAClD,CAAEY,aAAa,CAACM,IAAI,GAAIlB,EAAE,CAAE,SAAU,CAAC;EACvC,CAAEI,oBAAoB,GAAIJ,EAAE,CAAE,YAAa;AAC5C,CAAC;;AAED;AACA,OAAO,MAAMoB,WAAW,GAAG,MAAM;AACjC,OAAO,MAAMC,YAAY,GAAG,OAAO;AACnC,OAAO,MAAMC,WAAW,GAAG,MAAM;AACjC,OAAO,MAAMC,gBAAgB,GAAG,aAAa;AAC7C,OAAO,MAAMC,WAAW,GAAG,IAAI;AAC/B,OAAO,MAAMC,eAAe,GAAG,OAAO;AACtC,OAAO,MAAMC,eAAe,GAAG,OAAO;AACtC,OAAO,MAAMC,gBAAgB,GAAG,QAAQ"}

package/build-module/utils/get-is-list-page.js CHANGED Viewed

@@ -14,7 +14,7 @@ export default function getIsListPage({
   categoryType,
   categoryId
 }, isMobileViewport) {
-  return ['/wp_template/all', '/wp_template_part/all', '/pages'].includes(path) || path === '/patterns' && (
+  return ['/wp_template', '/wp_template_part/all', '/pages'].includes(path) || path === '/patterns' && (
   // Don't treat "/patterns" without categoryType and categoryId as a
   // list page in mobile because the sidebar covers the whole page.
   !isMobileViewport || !!categoryType && !!categoryId);

package/build-module/utils/get-is-list-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["getIsListPage","path","categoryType","categoryId","isMobileViewport","includes"],"sources":["@wordpress/edit-site/src/utils/get-is-list-page.js"],"sourcesContent":["/*\n Returns if the params match the list page route.\n \n @param {Object} params The url params.\n * @param {string} params.path The current path.\n * @param {string} [params.categoryType] The current category type.\n * @param {string} [params.categoryId] The current category id.\n * @param {boolean} isMobileViewport Is mobile viewport.\n \n @return {boolean} Is list page or not.\n */\nexport default function getIsListPage(\n\t{ path, categoryType, categoryId },\n\tisMobileViewport\n) {\n\treturn (\n\t\t[ '/wp_template~~/all~~', '/wp_template_part/all', '/pages' ].includes(\n\t\t\tpath\n\t\t) \|\|\n\t\t( path === '/patterns' &&\n\t\t\t// Don't treat \"/patterns\" without categoryType and categoryId as a\n\t\t\t// list page in mobile because the sidebar covers the whole page.\n\t\t\t( ! isMobileViewport \|\| ( !! categoryType && !! categoryId ) ) )\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASA,aAAaA,CACpC;EAAEC,IAAI;EAAEC,YAAY;EAAEC;AAAW,CAAC,EAClCC,gBAAgB,EACf;EACD,OACC,CAAE,~~kBAAkB~~,EAAE,uBAAuB,EAAE,QAAQ,CAAE,CAACC,QAAQ,~~CACjEJ~~,IACD,CAAC,IACCA,IAAI,KAAK,WAAW;EACrB;EACA;EACE,CAAEG,gBAAgB,IAAM,CAAC,CAAEF,YAAY,IAAI,CAAC,CAAEC,UAAY,CAAI;AAEnE"}
1	+ {"version":3,"names":["getIsListPage","path","categoryType","categoryId","isMobileViewport","includes"],"sources":["@wordpress/edit-site/src/utils/get-is-list-page.js"],"sourcesContent":["/*\n Returns if the params match the list page route.\n \n @param {Object} params The url params.\n * @param {string} params.path The current path.\n * @param {string} [params.categoryType] The current category type.\n * @param {string} [params.categoryId] The current category id.\n * @param {boolean} isMobileViewport Is mobile viewport.\n \n @return {boolean} Is list page or not.\n */\nexport default function getIsListPage(\n\t{ path, categoryType, categoryId },\n\tisMobileViewport\n) {\n\treturn (\n\t\t[ '/wp_template', '/wp_template_part/all', '/pages' ].includes(\n\t\t\tpath\n\t\t) \|\|\n\t\t( path === '/patterns' &&\n\t\t\t// Don't treat \"/patterns\" without categoryType and categoryId as a\n\t\t\t// list page in mobile because the sidebar covers the whole page.\n\t\t\t( ! isMobileViewport \|\| ( !! categoryType && !! categoryId ) ) )\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASA,aAAaA,CACpC;EAAEC,IAAI;EAAEC,YAAY;EAAEC;AAAW,CAAC,EAClCC,gBAAgB,EACf;EACD,OACC,CAAE,cAAc,EAAE,uBAAuB,EAAE,QAAQ,CAAE,CAACC,QAAQ,CAC7DJ,IACD,CAAC,IACCA,IAAI,KAAK,WAAW;EACrB;EACA;EACE,CAAEG,gBAAgB,IAAM,CAAC,CAAEF,YAAY,IAAI,CAAC,CAAEC,UAAY,CAAI;AAEnE"}

package/build-module/utils/math.js ADDED Viewed

@@ -0,0 +1,92 @@
+/**
+ * @typedef  {Object} WPPoint
+ * @property {number} x The horizontal coordinate.
+ * @property {number} y The vertical coordinate.
+ */
+/**
+ * Clamps a value to a range. Uses the CSS `clamp()` ordering for arguments.
+ *
+ * @param {number} min   Minimum range.
+ * @param {number} value Value to clamp.
+ * @param {number} max   Maximum range.
+ *
+ * @return {number} Clamped value.
+ */
+function clamp(min, value, max) {
+  return Math.max(min, Math.min(value, max));
+}
+/**
+ * Evaluates a linear function passing through two points at the given x value.
+ *
+ * Example:
+ * f(x)
+ *  │   ╲
+ *  │    * (p0)
+ *  │     ╲
+ *  │      ╲
+ *  │  (p1) *
+ *  │        ╲
+ *  └──────────── x
+ *
+ * @param {WPPoint} p0 First point.
+ * @param {WPPoint} p1 Second point.
+ * @param {number}  x  Value to evaluate at.
+ *
+ * @return {number} Result of the two-point linear function at x.
+ */
+function twoPointLinearFn(p0, p1, x) {
+  return (p1.y - p0.y) / (p1.x - p0.x) * (x - p0.x) + p0.y;
+}
+/**
+ * Evaluates a two-point linear function at a given x value, clamped to the range of the points.
+ *
+ * Example:
+ * f(x)
+ *  │ ───* (p0)
+ *  │     ╲
+ *  │      ╲
+ *  │  (p1) *───
+ *  └──────────── x
+ *
+ * @param {WPPoint} p0 First point.
+ * @param {WPPoint} p1 Second point.
+ * @param {number}  x  Value to evaluate at.
+ *
+ * @return {number} Result of the two-point linear function clamped to the range of the points.
+ */
+function clampedTwoPointLinearFn(p0, p1, x) {
+  return clamp(Math.min(p0.y, p1.y), twoPointLinearFn(p0, p1, x), Math.max(p0.y, p1.y));
+}
+/**
+ * Computes the iframe scale using a start and end width/scale pair and the current width.
+ *
+ * The scale is clamped outside the points and is linearly interpolated between.
+ *
+ * Example:
+ * scale
+ *  │ ───* (start)
+ *  │     ╲
+ *  │      ╲
+ *  │ (end) *───
+ *  └──────────── width
+ *
+ * @param {Object} start        First width and scale pair.
+ * @param {Object} end          Second width and scale pair.
+ * @param {number} currentWidth Current width.
+ *
+ * @return {number} The scale of the current width between the two points.
+ */
+export function computeIFrameScale(start, end, currentWidth) {
+  return clampedTwoPointLinearFn({
+    x: start.width,
+    y: start.scale
+  }, {
+    x: end.width,
+    y: end.scale
+  }, currentWidth);
+}
+//# sourceMappingURL=math.js.map

package/build-module/utils/math.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["clamp","min","value","max","Math","twoPointLinearFn","p0","p1","x","y","clampedTwoPointLinearFn","computeIFrameScale","start","end","currentWidth","width","scale"],"sources":["@wordpress/edit-site/src/utils/math.js"],"sourcesContent":["/**\n * @typedef {Object} WPPoint\n * @property {number} x The horizontal coordinate.\n * @property {number} y The vertical coordinate.\n */\n\n/**\n * Clamps a value to a range. Uses the CSS `clamp()` ordering for arguments.\n *\n * @param {number} min Minimum range.\n * @param {number} value Value to clamp.\n * @param {number} max Maximum range.\n *\n * @return {number} Clamped value.\n */\nfunction clamp( min, value, max ) {\n\treturn Math.max( min, Math.min( value, max ) );\n}\n\n/**\n * Evaluates a linear function passing through two points at the given x value.\n *\n * Example:\n * f(x)\n * │ ╲\n * │ * (p0)\n * │ ╲\n * │ ╲\n * │ (p1) *\n * │ ╲\n * └──────────── x\n *\n * @param {WPPoint} p0 First point.\n * @param {WPPoint} p1 Second point.\n * @param {number} x Value to evaluate at.\n *\n * @return {number} Result of the two-point linear function at x.\n */\nfunction twoPointLinearFn( p0, p1, x ) {\n\treturn ( ( p1.y - p0.y ) / ( p1.x - p0.x ) ) * ( x - p0.x ) + p0.y;\n}\n\n/**\n * Evaluates a two-point linear function at a given x value, clamped to the range of the points.\n *\n * Example:\n * f(x)\n * │ ───* (p0)\n * │ ╲\n * │ ╲\n * │ (p1) *───\n * └──────────── x\n *\n * @param {WPPoint} p0 First point.\n * @param {WPPoint} p1 Second point.\n * @param {number} x Value to evaluate at.\n *\n * @return {number} Result of the two-point linear function clamped to the range of the points.\n */\nfunction clampedTwoPointLinearFn( p0, p1, x ) {\n\treturn clamp(\n\t\tMath.min( p0.y, p1.y ),\n\t\ttwoPointLinearFn( p0, p1, x ),\n\t\tMath.max( p0.y, p1.y )\n\t);\n}\n\n/**\n * Computes the iframe scale using a start and end width/scale pair and the current width.\n *\n * The scale is clamped outside the points and is linearly interpolated between.\n *\n * Example:\n * scale\n * │ ───* (start)\n * │ ╲\n * │ ╲\n * │ (end) *───\n * └──────────── width\n *\n * @param {Object} start First width and scale pair.\n * @param {Object} end Second width and scale pair.\n * @param {number} currentWidth Current width.\n *\n * @return {number} The scale of the current width between the two points.\n */\nexport function computeIFrameScale( start, end, currentWidth ) {\n\treturn clampedTwoPointLinearFn(\n\t\t{ x: start.width, y: start.scale },\n\t\t{ x: end.width, y: end.scale },\n\t\tcurrentWidth\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAKA,CAAEC,GAAG,EAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,OAAOC,IAAI,CAACD,GAAG,CAAEF,GAAG,EAAEG,IAAI,CAACH,GAAG,CAAEC,KAAK,EAAEC,GAAI,CAAE,CAAC;AAC/C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,gBAAgBA,CAAEC,EAAE,EAAEC,EAAE,EAAEC,CAAC,EAAG;EACtC,OAAS,CAAED,EAAE,CAACE,CAAC,GAAGH,EAAE,CAACG,CAAC,KAAOF,EAAE,CAACC,CAAC,GAAGF,EAAE,CAACE,CAAC,CAAE,IAAOA,CAAC,GAAGF,EAAE,CAACE,CAAC,CAAE,GAAGF,EAAE,CAACG,CAAC;AACnE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,uBAAuBA,CAAEJ,EAAE,EAAEC,EAAE,EAAEC,CAAC,EAAG;EAC7C,OAAOR,KAAK,CACXI,IAAI,CAACH,GAAG,CAAEK,EAAE,CAACG,CAAC,EAAEF,EAAE,CAACE,CAAE,CAAC,EACtBJ,gBAAgB,CAAEC,EAAE,EAAEC,EAAE,EAAEC,CAAE,CAAC,EAC7BJ,IAAI,CAACD,GAAG,CAAEG,EAAE,CAACG,CAAC,EAAEF,EAAE,CAACE,CAAE,CACtB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAAEC,KAAK,EAAEC,GAAG,EAAEC,YAAY,EAAG;EAC9D,OAAOJ,uBAAuB,CAC7B;IAAEF,CAAC,EAAEI,KAAK,CAACG,KAAK;IAAEN,CAAC,EAAEG,KAAK,CAACI;EAAM,CAAC,EAClC;IAAER,CAAC,EAAEK,GAAG,CAACE,KAAK;IAAEN,CAAC,EAAEI,GAAG,CAACG;EAAM,CAAC,EAC9BF,YACD,CAAC;AACF"}