npm - @wordpress/edit-site - Versions diffs - 6.0.4 → 6.2.0 - Mend

@wordpress/edit-site 6.0.4 → 6.2.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 (135) hide show

package/build-module/components/global-styles/variations/variation.js CHANGED Viewed

@@ -6,6 +6,7 @@ import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
+import { Tooltip } from '@wordpress/components';
 import { useMemo, useContext, useState } from '@wordpress/element';
 import { ENTER } from '@wordpress/keycodes';
 import { __, sprintf } from '@wordpress/i18n';
@@ -29,7 +30,8 @@ export default function Variation({
   variation,
   children,
   isPill,
-  property
+  property,
+  showTooltip
 }) {
   const [isFocused, setIsFocused] = useState(false);
   const {
@@ -62,27 +64,31 @@ export default function Variation({
     label = sprintf( /* translators: %1$s: variation title. %2$s variation description. */
     __('%1$s (%2$s)'), variation?.title, variation?.description);
   }
-  return /*#__PURE__*/_jsx(GlobalStylesContext.Provider, {
-    value: context,
+  const content = /*#__PURE__*/_jsx("div", {
+    className: clsx('edit-site-global-styles-variations_item', {
+      'is-active': isActive
+    }),
+    role: "button",
+    onClick: selectVariation,
+    onKeyDown: selectOnEnter,
+    tabIndex: "0",
+    "aria-label": label,
+    "aria-current": isActive,
+    onFocus: () => setIsFocused(true),
+    onBlur: () => setIsFocused(false),
     children: /*#__PURE__*/_jsx("div", {
-      className: clsx('edit-site-global-styles-variations_item', {
-        'is-active': isActive
+      className: clsx('edit-site-global-styles-variations_item-preview', {
+        'is-pill': isPill
       }),
-      role: "button",
-      onClick: selectVariation,
-      onKeyDown: selectOnEnter,
-      tabIndex: "0",
-      "aria-label": label,
-      "aria-current": isActive,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      children: /*#__PURE__*/_jsx("div", {
-        className: clsx('edit-site-global-styles-variations_item-preview', {
-          'is-pill': isPill
-        }),
-        children: children(isFocused)
-      })
+      children: children(isFocused)
     })
   });
+  return /*#__PURE__*/_jsx(GlobalStylesContext.Provider, {
+    value: context,
+    children: showTooltip ? /*#__PURE__*/_jsx(Tooltip, {
+      text: variation?.title,
+      children: content
+    }) : content
+  });
 }
 //# sourceMappingURL=variation.js.map

package/build-module/components/global-styles/variations/variation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","useMemo","useContext","useState","ENTER","__","sprintf","privateApis","blockEditorPrivateApis","editorPrivateApis","filterObjectByProperty","unlock","jsx","_jsx","mergeBaseAndUserConfigs","GlobalStylesContext","areGlobalStyleConfigsEqual","Variation","variation","children","isPill","property","isFocused","setIsFocused","base","user","setUserConfig","context","merged","selectVariation","selectOnEnter","event","keyCode","preventDefault","isActive","label","title","description","~~Provider~~","~~value","~~className","role","onClick","onKeyDown","tabIndex","onFocus","onBlur"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { filterObjectByProperty } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( { ~~variation, children, isPill, property~~ } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( property ) {\n\t\t\tmerged = filterObjectByProperty( merged, property );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, property ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\~~treturn~~ ~~(\n\t\t<GlobalStylesContext.Provider~~ ~~value~~={ ~~context }>\~~n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t\t'is-active': isActive,\n\t\t\t\t} ) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ children( isFocused ) }\n\t\t\t\t</div>\n\t\t\t</~~div~~>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,oBAAoB;AAClE,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,kFAAkF;AACzH,SAASC,MAAM,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAM;EAAEC;AAAwB,CAAC,GAAGH,MAAM,CAAEF,iBAAkB,CAAC;AAC/D,MAAM;EAAEM,mBAAmB;EAAEC;AAA2B,CAAC,GAAGL,MAAM,CACjEH,sBACD,CAAC;AAED,eAAe,SAASS,SAASA,CAAE;~~EAAEC~~,SAAS;~~EAAEC~~,QAAQ;~~EAAEC~~,MAAM;~~EAAEC~~;~~AAAS~~,CAAC,EAAG;~~EAC9E~~,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,~~GAAGpB~~,QAAQ,CAAE,KAAM,CAAC;EACrD,MAAM;~~IAAEqB~~,IAAI;IAAEC,IAAI;IAAEC;EAAc,CAAC,~~GAAGxB~~,UAAU,CAAEa,mBAAoB,CAAC;EAEvE,~~MAAMY~~,OAAO,~~GAAG1B~~,OAAO,CAAE,MAAM;IAC9B,~~IAAI2B~~,MAAM,~~GAAGd~~,uBAAuB,~~CAAEU~~,IAAI,~~EAAEN~~,SAAU,CAAC;IACvD,IAAKG,QAAQ,EAAG;~~MACfO~~,MAAM,~~GAAGlB~~,sBAAsB,~~CAAEkB~~,MAAM,~~EAAEP~~,QAAS,CAAC;IACpD;IACA,OAAO;~~MACNI~~,IAAI,~~EAAEP~~,SAAS;~~MACfM~~,IAAI;MACJI,MAAM;MACNF,aAAa,EAAEA,CAAA,KAAM,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,~~CAAER~~,SAAS,~~EAAEM~~,IAAI,~~EAAEH~~,QAAQ,CAAG,CAAC;EAElC,~~MAAMQ~~,eAAe,GAAGA,CAAA,KAAMH,aAAa,~~CAAER~~,SAAU,CAAC;EAExD,~~MAAMY~~,aAAa,GAAKC,KAAK,IAAM;IAClC,IAAKA,KAAK,CAACC,OAAO,~~KAAK5B~~,KAAK,EAAG;~~MAC9B2B~~,KAAK,CAACE,cAAc,CAAC,CAAC;MACtBJ,eAAe,CAAC,CAAC;IAClB;EACD,CAAC;EAED,MAAMK,QAAQ,~~GAAGjC~~,OAAO,CACvB,MAAMe,0BAA0B,~~CAAES~~,IAAI,~~EAAEP~~,SAAU,CAAC,EACnD,~~CAAEO~~,IAAI,~~EAAEP~~,SAAS,CAClB,CAAC;EAED,~~IAAIiB~~,KAAK,~~GAAGjB~~,SAAS,~~EAAEkB~~,KAAK;EAC5B,~~IAAKlB~~,SAAS,~~EAAEmB~~,WAAW,EAAG;IAC7BF,KAAK,~~GAAG7B~~,OAAO,EACd;IACAD,EAAE,CAAE,aAAc,CAAC,EACnBa,SAAS,~~EAAEkB~~,KAAK,~~EAChBlB~~,SAAS,~~EAAEmB~~,WACZ,CAAC;EACF;EAEA,~~oBACCxB~~,~~IAAA~~,~~CAACE~~,~~mBAAmB,CAACuB,QAAQ;IAACC,KAAK,EAAGZ,OAAS;IAAAR,QAAA,eAC9CN,~~IAAA;~~MACC2B~~,SAAS,~~EAAGxC~~,IAAI,CAAE,yCAAyC,EAAE;~~QAC5D~~,WAAW,~~EAAEkC~~;~~MACd~~,CAAE,CAAG;~~MACLO~~,IAAI,EAAC,QAAQ;~~MACbC~~,OAAO,~~EAAGb~~,eAAiB;~~MAC3Bc~~,SAAS,~~EAAGb~~,aAAe;~~MAC3Bc~~,QAAQ,EAAC,GAAG;~~MACZ~~,~~cAAaT~~,KAAO;~~MACpB~~,gBAAeD,QAAU;~~MACzBW~~,OAAO,EAAGA,CAAA,~~KAAMtB~~,YAAY,CAAE,IAAK,CAAG;~~MACtCuB~~,MAAM,EAAGA,CAAA,~~KAAMvB~~,YAAY,CAAE,KAAM,CAAG;~~MAAAJ~~,QAAA,eAEtCN,IAAA;~~QACC2B~~,SAAS,~~EAAGxC~~,IAAI,CACf,iDAAiD,EACjD;~~UAAE~~,SAAS,~~EAAEoB~~;~~QAAO~~,CACrB,CAAG;~~QAAAD~~,QAAA,EAEDA,QAAQ,~~CAAEG~~,SAAU;~~MAAC~~,CACnB;~~IAAC~~,CACF;~~EAAC~~,~~CACuB~~,CAAC;AAEjC","ignoreList":[]}
1	+ {"version":3,"names":["clsx","Tooltip","useMemo","useContext","useState","ENTER","__","sprintf","privateApis","blockEditorPrivateApis","editorPrivateApis","filterObjectByProperty","unlock","jsx","_jsx","mergeBaseAndUserConfigs","GlobalStylesContext","areGlobalStyleConfigsEqual","Variation","variation","children","isPill","property","showTooltip","isFocused","setIsFocused","base","user","setUserConfig","context","merged","selectVariation","selectOnEnter","event","keyCode","preventDefault","isActive","label","title","description","content","className","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","Provider","value","text"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { Tooltip } from '@wordpress/components';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { filterObjectByProperty } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( {\n\tvariation,\n\tchildren,\n\tisPill,\n\tproperty,\n\tshowTooltip,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( property ) {\n\t\t\tmerged = filterObjectByProperty( merged, property );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, property ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\tconst content = (\n\t\t<div\n\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\trole=\"button\"\n\t\t\tonClick={ selectVariation }\n\t\t\tonKeyDown={ selectOnEnter }\n\t\t\ttabIndex=\"0\"\n\t\t\taria-label={ label }\n\t\t\taria-current={ isActive }\n\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ children( isFocused ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t{ showTooltip ? (\n\t\t\t\t<Tooltip text={ variation?.title }>{ content }</Tooltip>\n\t\t\t) : (\n\t\t\t\tcontent\n\t\t\t) }\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/variations/variations-color.js CHANGED Viewed

@@ -33,6 +33,7 @@ export default function ColorVariations({
         variation: variation,
         isPill: true,
         property: "color",
+        showTooltip: true,
         children: () => /*#__PURE__*/_jsx(StylesPreviewColors, {})
       }, index))
     })]

package/build-module/components/global-styles/variations/variations-color.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalVStack","VStack","__experimentalGrid","Grid","StylesPreviewColors","useColorVariations","Subtitle","Variation","jsx","_jsx","jsxs","_jsxs","ColorVariations","title","gap","colorVariations","length","spacing","children","level","map","variation","index","isPill","property"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalGrid as Grid,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst colorVariations = useColorVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperty=\"color\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,SAAS,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,eAAe,SAASC,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,CAAC;;EAE5C;EACA,IAAKU,eAAe,EAAEC,MAAM,IAAI,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACV,MAAM;IAACgB,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACH,QAAQ;MAACa,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACN,IAAI;MAACc,OAAO,EAAGH,GAAK;MAAAI,QAAA,EAClBH,eAAe,CAACK,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBACxCb,IAAA,CAACF,SAAS;QAETc,SAAS,EAAGA,SAAW;QACvBE,MAAM;QACNC,QAAQ,EAAC,OAAO;~~QAAAN~~,QAAA,~~EAEdA~~,CAAA,kBAAMT,IAAA,CAACL,mBAAmB,IAAE;MAAC,~~GALzBkB~~,~~KAMI~~,CACV;IAAC,CACE,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalVStack","VStack","__experimentalGrid","Grid","StylesPreviewColors","useColorVariations","Subtitle","Variation","jsx","_jsx","jsxs","_jsxs","ColorVariations","title","gap","colorVariations","length","spacing","children","level","map","variation","index","isPill","property","showTooltip"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalGrid as Grid,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst colorVariations = useColorVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperty=\"color\"\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,SAAS,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,eAAe,SAASC,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,CAAC;;EAE5C;EACA,IAAKU,eAAe,EAAEC,MAAM,IAAI,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACV,MAAM;IAACgB,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACH,QAAQ;MAACa,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACN,IAAI;MAACc,OAAO,EAAGH,GAAK;MAAAI,QAAA,EAClBH,eAAe,CAACK,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBACxCb,IAAA,CAACF,SAAS;QAETc,SAAS,EAAGA,SAAW;QACvBE,MAAM;QACNC,QAAQ,EAAC,OAAO;QAChBC,WAAW;QAAAP,QAAA,EAETA,CAAA,kBAAMT,IAAA,CAACL,mBAAmB,IAAE;MAAC,GANzBkB,KAOI,CACV;IAAC,CACE,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}

package/build-module/components/global-styles/variations/variations-typography.js CHANGED Viewed

@@ -35,6 +35,7 @@ export default function TypographyVariations({
       children: typographyVariations && typographyVariations.length && typographyVariations.map((variation, index) => /*#__PURE__*/_jsx(Variation, {
         variation: variation,
         property: "typography",
+        showTooltip: true,
         children: isFocused => /*#__PURE__*/_jsx(PreviewIframe, {
           label: variation?.title,
           isFocused: isFocused,

package/build-module/components/global-styles/variations/variations-typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalGrid","Grid","__experimentalVStack","HStack","VStack","useTypographyVariations","TypographyExample","PreviewIframe","Variation","Subtitle","jsx","_jsx","jsxs","_jsxs","TypographyVariations","title","gap","typographyVariations","length","spacing","children","level","columns","className","map","variation","index","property","isFocused","label","ratio","key","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\nimport Subtitle from '../subtitle';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst typographyVariations = useTypographyVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperty=\"typography\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\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\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BD,oBAAoB,IAAIE,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,uBAAuB,QAAQ,UAAU;AAClD,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,eAAe,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,oBAAoB,GAAGZ,uBAAuB,CAAC,CAAC;;EAEtD;EACA,IAAKY,oBAAoB,EAAEC,MAAM,IAAI,CAAC,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACT,MAAM;IAACe,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACF,QAAQ;MAACY,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACV,IAAI;MACJqB,OAAO,EAAG,CAAG;MACbN,GAAG,EAAGA,GAAK;MACXO,SAAS,EAAC,oDAAoD;MAAAH,QAAA,EAE5DH,oBAAoB,IACrBA,oBAAoB,CAACC,MAAM,IAC3BD,oBAAoB,CAACO,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBAC3Cf,IAAA,CAACH,SAAS;QAETiB,SAAS,EAAGA,SAAW;QACvBE,QAAQ,EAAC,YAAY;~~QAAAP~~,QAAA,~~EAEjBQ~~,SAAS,~~iBACZjB~~,IAAA,CAACJ,aAAa;~~UACbsB~~,KAAK,~~EAAGJ~~,SAAS,EAAEV,KAAO;~~UAC1Ba~~,SAAS,EAAGA,SAAW;~~UAAAR~~,QAAA,EAErBA,CAAE;~~YAAEU~~,KAAK;YAAEC;UAAI,CAAC,~~kBACjBpB~~,IAAA,CAACR,MAAM;YAENgB,OAAO,EAAG,EAAE,~~GAAGW~~,KAAO;YACtBE,OAAO,EAAC,QAAQ;YAChBC,KAAK,EAAG;cACPC,MAAM,EAAE,MAAM;cACdC,QAAQ,EAAE;YACX,CAAG;~~YAAAf~~,QAAA,eAEHT,IAAA,CAACL,iBAAiB;cACjBmB,SAAS,EAAGA,SAAW;~~cACvBW~~,QAAQ,EAAG,EAAE,GAAGN;YAAO,CACvB;UAAC,GAXIC,GAYC;QACR,CACa;MACf,~~GA1BKL~~,~~KA2BI~~,CACV;IAAC,CACC,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalGrid","Grid","__experimentalVStack","HStack","VStack","useTypographyVariations","TypographyExample","PreviewIframe","Variation","Subtitle","jsx","_jsx","jsxs","_jsxs","TypographyVariations","title","gap","typographyVariations","length","spacing","children","level","columns","className","map","variation","index","property","showTooltip","isFocused","label","ratio","key","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\nimport Subtitle from '../subtitle';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst typographyVariations = useTypographyVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperty=\"typography\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\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\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BD,oBAAoB,IAAIE,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,uBAAuB,QAAQ,UAAU;AAClD,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,eAAe,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,oBAAoB,GAAGZ,uBAAuB,CAAC,CAAC;;EAEtD;EACA,IAAKY,oBAAoB,EAAEC,MAAM,IAAI,CAAC,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACT,MAAM;IAACe,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACF,QAAQ;MAACY,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACV,IAAI;MACJqB,OAAO,EAAG,CAAG;MACbN,GAAG,EAAGA,GAAK;MACXO,SAAS,EAAC,oDAAoD;MAAAH,QAAA,EAE5DH,oBAAoB,IACrBA,oBAAoB,CAACC,MAAM,IAC3BD,oBAAoB,CAACO,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBAC3Cf,IAAA,CAACH,SAAS;QAETiB,SAAS,EAAGA,SAAW;QACvBE,QAAQ,EAAC,YAAY;QACrBC,WAAW;QAAAR,QAAA,EAEPS,SAAS,iBACZlB,IAAA,CAACJ,aAAa;UACbuB,KAAK,EAAGL,SAAS,EAAEV,KAAO;UAC1Bc,SAAS,EAAGA,SAAW;UAAAT,QAAA,EAErBA,CAAE;YAAEW,KAAK;YAAEC;UAAI,CAAC,kBACjBrB,IAAA,CAACR,MAAM;YAENgB,OAAO,EAAG,EAAE,GAAGY,KAAO;YACtBE,OAAO,EAAC,QAAQ;YAChBC,KAAK,EAAG;cACPC,MAAM,EAAE,MAAM;cACdC,QAAQ,EAAE;YACX,CAAG;YAAAhB,QAAA,eAEHT,IAAA,CAACL,iBAAiB;cACjBmB,SAAS,EAAGA,SAAW;cACvBY,QAAQ,EAAG,EAAE,GAAGN;YAAO,CACvB;UAAC,GAXIC,GAYC;QACR,CACa;MACf,GA3BKN,KA4BI,CACV;IAAC,CACC,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}

package/build-module/components/layout/index.js CHANGED Viewed

@@ -12,41 +12,33 @@ import { useReducedMotion, useViewportMatch, useResizeObserver, usePrevious } fr
 import { __ } from '@wordpress/i18n';
 import { useState, useRef, useEffect } from '@wordpress/element';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
-import { CommandMenu, privateApis as commandsPrivateApis } from '@wordpress/commands';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
-import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
+import { CommandMenu } from '@wordpress/commands';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { EditorSnackbars, privateApis as editorPrivateApis } from '@wordpress/editor';
+import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
 /**
  * Internal dependencies
  */
 import ErrorBoundary from '../error-boundary';
 import { store as editSiteStore } from '../../store';
-import useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';
 import SiteHub from '../site-hub';
 import ResizableFrame from '../resizable-frame';
-import useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';
 import { unlock } from '../../lock-unlock';
 import SavePanel from '../save-panel';
 import KeyboardShortcutsRegister from '../keyboard-shortcuts/register';
 import KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';
-import { useCommonCommands } from '../../hooks/commands/use-common-commands';
-import { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';
 import { useIsSiteEditorLoading } from './hooks';
-import useLayoutAreas from './router';
 import useMovingAnimation from './animation';
 import SidebarContent from '../sidebar';
 import SaveHub from '../save-hub';
+import useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useCommands
 } = unlock(coreCommandsPrivateApis);
-const {
-  useCommandContext
-} = unlock(commandsPrivateApis);
 const {
   useGlobalStyle
 } = unlock(blockEditorPrivateApis);
@@ -54,19 +46,14 @@ const {
   NavigableRegion
 } = unlock(editorPrivateApis);
 const ANIMATION_DURATION = 0.3;
-export default function Layout() {
-  // This ensures the edited entity id and type are initialized properly.
-  useInitEditedEntityFromURL();
+export default function Layout({
+  route
+}) {
   useSyncCanvasModeWithURL();
   useCommands();
-  useEditModeCommands();
-  useCommonCommands();
   const isMobileViewport = useViewportMatch('medium', '<');
   const toggleRef = useRef();
   const {
-    isDistractionFree,
-    hasFixedToolbar,
-    hasBlockSelected,
     canvasMode,
     previousShortcut,
     nextShortcut
@@ -80,10 +67,7 @@ export default function Layout() {
     return {
       canvasMode: getCanvasMode(),
       previousShortcut: getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region'),
-      hasFixedToolbar: select(preferencesStore).get('core', 'fixedToolbar'),
-      isDistractionFree: select(preferencesStore).get('core', 'distractionFree'),
-      hasBlockSelected: select(blockEditorStore).getBlockSelectionStart()
+      nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region')
     };
   }, []);
   const navigateRegionsProps = useNavigateRegions({
@@ -99,20 +83,10 @@ export default function Layout() {
     key: routeKey,
     areas,
     widths
-  } = useLayoutAreas();
+  } = route;
   const animationRef = useMovingAnimation({
     triggerAnimationOnChange: canvasMode + '__' + routeKey
   });
-  // Sets the right context for the command palette
-  let commandContext = 'site-editor';
-  if (canvasMode === 'edit') {
-    commandContext = 'entity-edit';
-  }
-  if (hasBlockSelected) {
-    commandContext = 'block-selection-edit';
-  }
-  useCommandContext(commandContext);
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');
   const previousCanvaMode = usePrevious(canvasMode);
@@ -135,10 +109,7 @@ export default function Layout() {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: clsx('edit-site-layout', navigateRegionsProps.className, {
-        'is-distraction-free': isDistractionFree && canvasMode === 'edit',
-        'is-full-canvas': canvasMode === 'edit',
-        'has-fixed-toolbar': hasFixedToolbar,
-        'is-block-toolbar-visible': hasBlockSelected
+        'is-full-canvas': canvasMode === 'edit'
       }),
       children: [/*#__PURE__*/_jsxs("div", {
         className: "edit-site-layout__content",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","useState","useRef","useEffect","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","blockEditorStore","coreCommandsPrivateApis","EditorSnackbars","editorPrivateApis","ErrorBoundary","editSiteStore","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","useIsSiteEditorLoading","useLayoutAreas","useMovingAnimation","SidebarContent","SaveHub","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useCommandContext","useGlobalStyle","NavigableRegion","ANIMATION_DURATION","Layout","isMobileViewport","toggleRef","isDistractionFree","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","getBlockSelectionStart","navigateRegionsProps","previous","next","disableMotion","canvasResizer","canvasSize","fullResizer","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","key","routeKey","areas","widths","animationRef","triggerAnimationOnChange","commandContext","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","content","style","maxWidth","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = useLayoutAreas();\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\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\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\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\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\n\t\t\t\t<SavePanel />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","useState","useRef","useEffect","store","keyboardShortcutsStore","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","editorPrivateApis","coreCommandsPrivateApis","ErrorBoundary","editSiteStore","SiteHub","ResizableFrame","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SaveHub","useSyncCanvasModeWithURL","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","ANIMATION_DURATION","Layout","route","isMobileViewport","toggleRef","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","navigateRegionsProps","previous","next","disableMotion","canvasResizer","canvasSize","fullResizer","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","key","routeKey","areas","widths","animationRef","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","content","style","maxWidth","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst { canvasMode, previousShortcut, nextShortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\t\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/previous-region'\n\t\t\t\t),\n\t\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/next-region'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\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\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\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\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\n\t\t\t\t<SavePanel />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/page/header.js CHANGED Viewed

@@ -24,6 +24,7 @@ export default function Header({
         level: 3,
         weight: 500,
         className: "edit-site-page-header__title",
+        truncate: true,
         children: title
       }), /*#__PURE__*/_jsx(FlexItem, {
         className: "edit-site-page-header__actions",

package/build-module/components/page/header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalHeading","Heading","__experimentalText","Text","__experimentalHStack","HStack","__experimentalVStack","VStack","FlexItem","jsx","_jsx","jsxs","_jsxs","Header","title","subTitle","actions","className","as","spacing","children","level","weight","variant"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<VStack className=\"edit-site-page-header\" as=\"header\" spacing={ 0 }>\n\t\t\t<HStack className=\"edit-site-page-header__page-title\">\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t\t{ actions }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ subTitle && (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tclassName=\"edit-site-page-header__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ subTitle }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,QAAQ,QACF,uBAAuB;;AAE9B;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIA,eAAe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,oBACCJ,KAAA,CAACL,MAAM;IAACU,SAAS,EAAC,uBAAuB;IAACC,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBAClER,KAAA,CAACP,MAAM;MAACY,SAAS,EAAC,mCAAmC;MAAAG,QAAA,gBACpDV,IAAA,CAACT,OAAO;QACPiB,EAAE,EAAC,IAAI;QACPG,KAAK,EAAG,CAAG;QACXC,MAAM,EAAG,GAAK;QACdL,SAAS,EAAC,8BAA8B;~~QAAAG~~,QAAA,~~EAEtCN~~;MAAK,CACC,CAAC,eACVJ,IAAA,CAACF,QAAQ;QAACS,SAAS,EAAC,gCAAgC;QAAAG,QAAA,EACjDJ;MAAO,CACA,CAAC;IAAA,CACJ,CAAC,EACPD,QAAQ,iBACTL,IAAA,CAACP,IAAI;~~MACJoB~~,OAAO,EAAC,OAAO;~~MACfL~~,EAAE,EAAC,GAAG;MACND,SAAS,EAAC,kCAAkC;MAAAG,QAAA,EAE1CL;IAAQ,CACL,CACN;EAAA,CACM,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalHeading","Heading","__experimentalText","Text","__experimentalHStack","HStack","__experimentalVStack","VStack","FlexItem","jsx","_jsx","jsxs","_jsxs","Header","title","subTitle","actions","className","as","spacing","children","level","weight","truncate","variant"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<VStack className=\"edit-site-page-header\" as=\"header\" spacing={ 0 }>\n\t\t\t<HStack className=\"edit-site-page-header__page-title\">\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t\t{ actions }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ subTitle && (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tclassName=\"edit-site-page-header__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ subTitle }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,QAAQ,QACF,uBAAuB;;AAE9B;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIA,eAAe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,oBACCJ,KAAA,CAACL,MAAM;IAACU,SAAS,EAAC,uBAAuB;IAACC,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBAClER,KAAA,CAACP,MAAM;MAACY,SAAS,EAAC,mCAAmC;MAAAG,QAAA,gBACpDV,IAAA,CAACT,OAAO;QACPiB,EAAE,EAAC,IAAI;QACPG,KAAK,EAAG,CAAG;QACXC,MAAM,EAAG,GAAK;QACdL,SAAS,EAAC,8BAA8B;QACxCM,QAAQ;QAAAH,QAAA,EAENN;MAAK,CACC,CAAC,eACVJ,IAAA,CAACF,QAAQ;QAACS,SAAS,EAAC,gCAAgC;QAAAG,QAAA,EACjDJ;MAAO,CACA,CAAC;IAAA,CACJ,CAAC,EACPD,QAAQ,iBACTL,IAAA,CAACP,IAAI;MACJqB,OAAO,EAAC,OAAO;MACfN,EAAE,EAAC,GAAG;MACND,SAAS,EAAC,kCAAkC;MAAAG,QAAA,EAE1CL;IAAQ,CACL,CACN;EAAA,CACM,CAAC;AAEX","ignoreList":[]}

package/build-module/components/page-patterns/header.js CHANGED Viewed

@@ -42,7 +42,7 @@ export default function PatternsHeader({
   }
   return /*#__PURE__*/_jsxs(VStack, {
     className: "edit-site-patterns__section-header",
-    spacing: 0,
+    spacing: 1,
     children: [/*#__PURE__*/_jsxs(HStack, {
       justify: "space-between",
       className: "edit-site-patterns__title",
@@ -51,6 +51,7 @@ export default function PatternsHeader({
         level: 3,
         id: titleId,
         weight: 500,
+        truncate: true,
         children: title
       }), /*#__PURE__*/_jsxs(HStack, {
         expanded: false,

package/build-module/components/page-patterns/header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","editorStore","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","expanded","icon","toggleProps","describedBy","size","onClose","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label \|\| __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description \|\|\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 0 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading as=\"h2\" ~~level~~={ 3 } id={ titleId } ~~weight~~={ 500 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t\t/ translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,YAAY,EACZC,SAAS,EACTC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,OAAOC,oBAAoB,MAAM,8DAA8D;AAC/F,SAASC,uBAAuB,EAAEC,aAAa,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/E,eAAe,SAASC,cAAcA,CAAE;EACvCC,UAAU;EACVC,IAAI;EACJC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAGZ,oBAAoB,CAAC,CAAC;EACpD,MAAMa,iBAAiB,GAAGpB,SAAS,CAChCqB,MAAM,IACPA,MAAM,CAAEtB,WAAY,CAAC,CAACuB,yCAAyC,CAAC,CAAC,EAClE,EACD,CAAC;EAED,IAAIC,KAAK,EAAEC,WAAW,EAAEC,eAAe;EACvC,IAAKT,IAAI,KAAKR,uBAAuB,EAAG;IACvC,MAAMkB,gBAAgB,GAAGN,iBAAiB,CAACO,IAAI,CAC5CC,IAAI,IAAMA,IAAI,CAACA,IAAI,KAAKb,UAC3B,CAAC;IACDQ,KAAK,GAAGG,gBAAgB,EAAEG,KAAK,IAAI5B,EAAE,CAAE,oBAAqB,CAAC;IAC7DuB,WAAW,GACVE,gBAAgB,EAAEF,WAAW,IAC7BvB,EAAE,CAAE,oDAAqD,CAAC;EAC5D,CAAC,MAAM,IAAKe,IAAI,KAAKP,aAAa,CAACqB,IAAI,IAAI,CAAC,CAAEf,UAAU,EAAG;IAC1DU,eAAe,GAAGN,iBAAiB,CAACQ,IAAI,CACrCI,QAAQ,IAAMA,QAAQ,CAACC,IAAI,KAAKjB,UACnC,CAAC;IACDQ,KAAK,GAAGE,eAAe,EAAEI,KAAK;IAC9BL,WAAW,GAAGC,eAAe,EAAED,WAAW;EAC3C;EAEA,IAAK,CAAED,KAAK,EAAG;IACd,OAAO,IAAI;EACZ;EAEA,oBACCV,KAAA,CAAChB,MAAM;IAACoC,SAAS,EAAC,oCAAoC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACnEtB,KAAA,CAACtB,MAAM;MACN6C,OAAO,EAAC,eAAe;MACvBH,SAAS,EAAC,2BAA2B;MAAAE,QAAA,gBAErCxB,IAAA,CAAClB,OAAO;~~QAAC4C~~,EAAE,EAAC,IAAI;~~QAACC~~,KAAK,EAAG,CAAG;~~QAACC~~,EAAE,EAAGtB,OAAS;~~QAACuB~~,MAAM,EAAG,GAAK;~~QAAAL~~,QAAA,~~EACvDZ~~;MAAK,CACC,CAAC,eACVV,KAAA,CAACtB,MAAM;~~QAACkD~~,QAAQ,EAAG,KAAO;~~QAAAN~~,QAAA,gBACzBxB,IAAA,CAACP,aAAa,IAAE,CAAC,EACf,CAAC,CAAEqB,eAAe,EAAEc,EAAE,iBACvB5B,IAAA,CAACvB,YAAY;~~UACZsD~~,IAAI,~~EAAGvC~~,YAAc;UACrB0B,KAAK,EAAG5B,EAAE,CAAE,SAAU,CAAG;~~UACzB0C~~,WAAW,EAAG;~~YACbV~~,SAAS,EAAE,4BAA4B;~~YACvCW~~,WAAW,~~EAAE1C~~,OAAO,EACnB;YACAD,EAAE,CAAE,qCAAsC,CAAC,EAC3CsB,KACD,CAAC;~~YACDsB~~,IAAI,EAAE;UACP,CAAG;~~UAAAV~~,QAAA,EAEDA,CAAE;~~YAAEW~~;UAAQ,CAAC,~~kBACdjC~~,KAAA,CAACxB,SAAS;YAAA8C,QAAA,gBACTxB,IAAA,CAACN,sBAAsB;cACtB0B,QAAQ,EAAGN,eAAiB;~~cAC5BqB~~,OAAO,EAAGA;YAAS,CACnB,CAAC,~~eACFnC~~,IAAA,CAACL,sBAAsB;cACtByB,QAAQ,EAAGN,eAAiB;~~cAC5BqB~~,OAAO,EAAGA;YAAS,CACnB,CAAC;UAAA,CACQ;QACX,CACY,CACd;MAAA,CACM,CAAC;IAAA,CACF,CAAC,~~EACPtB~~,WAAW,gBACZb,IAAA,CAAChB,IAAI;~~MACJoD~~,OAAO,EAAC,OAAO;~~MACfV~~,EAAE,EAAC,GAAG;MACNE,EAAE,EAAGrB,aAAe;MACpBe,SAAS,EAAC,+BAA+B;MAAAE,QAAA,EAEvCX;IAAW,CACR,CAAC,GACJ,IAAI;EAAA,CACD,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","editorStore","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","truncate","expanded","icon","toggleProps","describedBy","size","onClose","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label \|\| __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description \|\|\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t\t/ translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/page-patterns/rename-category-menu-item.js CHANGED Viewed

@@ -57,7 +57,9 @@ function RenameModal({
     category: normalizedCategory,
     existingCategories: existingCategories,
     onClose: onClose,
-    overlayClassName: "edit-site-list__rename-modal"
+    overlayClassName: "edit-site-list__rename-modal",
+    focusOnMount: "firstContentElement",
+    size: "small"
   });
 }
 //# sourceMappingURL=rename-category-menu-item.js.map

package/build-module/components/page-patterns/rename-category-menu-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["MenuItem","useState","__","privateApis","patternsPrivateApis","usePatternCategories","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RenamePatternCategoryModal","RenameCategoryMenuItem","category","onClose","isModalOpen","setIsModalOpen","children","onClick","RenameModal","normalizedCategory","id","slug","name","label","existingCategories","overlayClassName"],"sources":["@wordpress/edit-site/src/components/page-patterns/rename-category-menu-item.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { MenuItem } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as patternsPrivateApis } from '@wordpress/patterns';\n/\n Internal dependencies\n /\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { RenamePatternCategoryModal } = unlock( patternsPrivateApis );\n\nexport default function RenameCategoryMenuItem( { category, onClose } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Rename' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tcategory={ category }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction RenameModal( { category, onClose } ) {\n\t// User created pattern categories have their properties updated when\n\t// retrieved via `getUserPatternCategories`. The rename modal expects an\n\t// object that will match the pattern category entity.\n\tconst normalizedCategory = {\n\t\tid: category.id,\n\t\tslug: category.slug,\n\t\tname: category.label,\n\t};\n\n\t// Optimization - only use pattern categories when the modal is open.\n\tconst existingCategories = usePatternCategories();\n\n\treturn (\n\t\t<RenamePatternCategoryModal\n\t\t\tcategory={ normalizedCategory }\n\t\t\texistingCategories={ existingCategories }\n\t\t\tonClose={ onClose }\n\t\t\toverlayClassName=\"edit-site-list__rename-modal\"\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,mBAAmB,QAAQ,qBAAqB;AACxE;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8DAA8D;;AAE/F;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAA2B,CAAC,GAAGP,MAAM,CAAEF,mBAAoB,CAAC;AAEpE,eAAe,SAASU,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EACvE,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGjB,QAAQ,CAAE,KAAM,CAAC;EAEzD,oBACCW,KAAA,CAAAF,SAAA;IAAAS,QAAA,gBACCX,IAAA,CAACR,QAAQ;MAACoB,OAAO,EAAGA,CAAA,KAAMF,cAAc,CAAE,IAAK,CAAG;MAAAC,QAAA,EAC/CjB,EAAE,CAAE,QAAS;IAAC,CACP,CAAC,EACTe,WAAW,iBACZT,IAAA,CAACa,WAAW;MACXN,QAAQ,EAAGA,QAAU;MACrBC,OAAO,EAAGA,CAAA,KAAM;QACfE,cAAc,CAAE,KAAM,CAAC;QACvBF,OAAO,CAAC,CAAC;MACV;IAAG,CACH,CACD;EAAA,CACA,CAAC;AAEL;AAEA,SAASK,WAAWA,CAAE;EAAEN,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC7C;EACA;EACA;EACA,MAAMM,kBAAkB,GAAG;IAC1BC,EAAE,EAAER,QAAQ,CAACQ,EAAE;IACfC,IAAI,EAAET,QAAQ,CAACS,IAAI;IACnBC,IAAI,EAAEV,QAAQ,CAACW;EAChB,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAGtB,oBAAoB,CAAC,CAAC;EAEjD,oBACCG,IAAA,CAACK,0BAA0B;IAC1BE,QAAQ,EAAGO,kBAAoB;IAC/BK,kBAAkB,EAAGA,kBAAoB;IACzCX,OAAO,EAAGA,OAAS;IACnBY,gBAAgB,EAAC;~~EAA8B,CAC~~/C,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["MenuItem","useState","__","privateApis","patternsPrivateApis","usePatternCategories","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RenamePatternCategoryModal","RenameCategoryMenuItem","category","onClose","isModalOpen","setIsModalOpen","children","onClick","RenameModal","normalizedCategory","id","slug","name","label","existingCategories","overlayClassName","focusOnMount","size"],"sources":["@wordpress/edit-site/src/components/page-patterns/rename-category-menu-item.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { MenuItem } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as patternsPrivateApis } from '@wordpress/patterns';\n/\n Internal dependencies\n /\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { RenamePatternCategoryModal } = unlock( patternsPrivateApis );\n\nexport default function RenameCategoryMenuItem( { category, onClose } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Rename' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tcategory={ category }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction RenameModal( { category, onClose } ) {\n\t// User created pattern categories have their properties updated when\n\t// retrieved via `getUserPatternCategories`. The rename modal expects an\n\t// object that will match the pattern category entity.\n\tconst normalizedCategory = {\n\t\tid: category.id,\n\t\tslug: category.slug,\n\t\tname: category.label,\n\t};\n\n\t// Optimization - only use pattern categories when the modal is open.\n\tconst existingCategories = usePatternCategories();\n\n\treturn (\n\t\t<RenamePatternCategoryModal\n\t\t\tcategory={ normalizedCategory }\n\t\t\texistingCategories={ existingCategories }\n\t\t\tonClose={ onClose }\n\t\t\toverlayClassName=\"edit-site-list__rename-modal\"\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,mBAAmB,QAAQ,qBAAqB;AACxE;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8DAA8D;;AAE/F;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAA2B,CAAC,GAAGP,MAAM,CAAEF,mBAAoB,CAAC;AAEpE,eAAe,SAASU,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EACvE,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGjB,QAAQ,CAAE,KAAM,CAAC;EAEzD,oBACCW,KAAA,CAAAF,SAAA;IAAAS,QAAA,gBACCX,IAAA,CAACR,QAAQ;MAACoB,OAAO,EAAGA,CAAA,KAAMF,cAAc,CAAE,IAAK,CAAG;MAAAC,QAAA,EAC/CjB,EAAE,CAAE,QAAS;IAAC,CACP,CAAC,EACTe,WAAW,iBACZT,IAAA,CAACa,WAAW;MACXN,QAAQ,EAAGA,QAAU;MACrBC,OAAO,EAAGA,CAAA,KAAM;QACfE,cAAc,CAAE,KAAM,CAAC;QACvBF,OAAO,CAAC,CAAC;MACV;IAAG,CACH,CACD;EAAA,CACA,CAAC;AAEL;AAEA,SAASK,WAAWA,CAAE;EAAEN,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC7C;EACA;EACA;EACA,MAAMM,kBAAkB,GAAG;IAC1BC,EAAE,EAAER,QAAQ,CAACQ,EAAE;IACfC,IAAI,EAAET,QAAQ,CAACS,IAAI;IACnBC,IAAI,EAAEV,QAAQ,CAACW;EAChB,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAGtB,oBAAoB,CAAC,CAAC;EAEjD,oBACCG,IAAA,CAACK,0BAA0B;IAC1BE,QAAQ,EAAGO,kBAAoB;IAC/BK,kBAAkB,EAAGA,kBAAoB;IACzCX,OAAO,EAAGA,OAAS;IACnBY,gBAAgB,EAAC,8BAA8B;IAC/CC,YAAY,EAAC,qBAAqB;IAClCC,IAAI,EAAC;EAAO,CACZ,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/posts-app/index.js ADDED Viewed

@@ -0,0 +1,43 @@
+/**
+ * WordPress dependencies
+ */
+import { UnsavedChangesWarning, privateApis as editorPrivateApis } from '@wordpress/editor';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+/**
+ * Internal dependencies
+ */
+import Layout from '../layout';
+import Page from '../page';
+import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  RouterProvider
+} = unlock(routerPrivateApis);
+const {
+  GlobalStylesProvider
+} = unlock(editorPrivateApis);
+const defaultRoute = {
+  key: 'index',
+  areas: {
+    sidebar: 'Empty Sidebar',
+    content: /*#__PURE__*/_jsx(Page, {
+      children: "Welcome to Posts"
+    }),
+    preview: undefined,
+    mobile: /*#__PURE__*/_jsx(Page, {
+      children: "Welcome to Posts"
+    })
+  }
+};
+export default function PostsApp() {
+  return /*#__PURE__*/_jsxs(GlobalStylesProvider, {
+    children: [/*#__PURE__*/_jsx(UnsavedChangesWarning, {}), /*#__PURE__*/_jsx(RouterProvider, {
+      children: /*#__PURE__*/_jsx(Layout, {
+        route: defaultRoute
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/build-module/components/posts-app/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["UnsavedChangesWarning","privateApis","editorPrivateApis","routerPrivateApis","Layout","Page","unlock","jsx","_jsx","jsxs","_jsxs","RouterProvider","GlobalStylesProvider","defaultRoute","key","areas","sidebar","content","children","preview","undefined","mobile","PostsApp","route"],"sources":["@wordpress/edit-site/src/components/posts-app/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tUnsavedChangesWarning,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Layout from '../layout';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\n\nconst { RouterProvider } = unlock( routerPrivateApis );\nconst { GlobalStylesProvider } = unlock( editorPrivateApis );\n\nconst defaultRoute = {\n\tkey: 'index',\n\tareas: {\n\t\tsidebar: 'Empty Sidebar',\n\t\tcontent: <Page>Welcome to Posts</Page>,\n\t\tpreview: undefined,\n\t\tmobile: <Page>Welcome to Posts</Page>,\n\t},\n};\n\nexport default function PostsApp() {\n\treturn (\n\t\t<GlobalStylesProvider>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<RouterProvider>\n\t\t\t\t<Layout route={ defaultRoute } />\n\t\t\t</RouterProvider>\n\t\t</GlobalStylesProvider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,qBAAqB,EACrBC,WAAW,IAAIC,iBAAiB,QAC1B,mBAAmB;AAC1B,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAe,CAAC,GAAGL,MAAM,CAAEH,iBAAkB,CAAC;AACtD,MAAM;EAAES;AAAqB,CAAC,GAAGN,MAAM,CAAEJ,iBAAkB,CAAC;AAE5D,MAAMW,YAAY,GAAG;EACpBC,GAAG,EAAE,OAAO;EACZC,KAAK,EAAE;IACNC,OAAO,EAAE,eAAe;IACxBC,OAAO,eAAET,IAAA,CAACH,IAAI;MAAAa,QAAA,EAAC;IAAgB,CAAM,CAAC;IACtCC,OAAO,EAAEC,SAAS;IAClBC,MAAM,eAAEb,IAAA,CAACH,IAAI;MAAAa,QAAA,EAAC;IAAgB,CAAM;EACrC;AACD,CAAC;AAED,eAAe,SAASI,QAAQA,CAAA,EAAG;EAClC,oBACCZ,KAAA,CAACE,oBAAoB;IAAAM,QAAA,gBACpBV,IAAA,CAACR,qBAAqB,IAAE,CAAC,eACzBQ,IAAA,CAACG,cAAc;MAAAO,QAAA,eACdV,IAAA,CAACJ,MAAM;QAACmB,KAAK,EAAGV;MAAc,CAAE;IAAC,CAClB,CAAC;EAAA,CACI,CAAC;AAEzB","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js CHANGED Viewed

@@ -18,6 +18,8 @@ export default function RenameModal({
   return /*#__PURE__*/_jsx(Modal, {
     title: __('Rename'),
     onRequestClose: onClose,
+    focusOnMount: "firstContentElement",
+    size: "small",
     children: /*#__PURE__*/_jsx("form", {
       className: "sidebar-navigation__rename-modal-form",
       children: /*#__PURE__*/_jsxs(VStack, {

package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","Modal","__","useState","jsx","_jsx","jsxs","_jsxs","notEmptyString","testString","trim","length","RenameModal","menuTitle","onClose","onSave","editedMenuTitle","setEditedMenuTitle","titleHasChanged","isEditedMenuTitleValid","title","onRequestClose","children","className","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","placeholder","onChange","justify","variant","onClick","__experimentalIsFocusable","disabled","type","e","preventDefault"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/rename-modal.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nconst notEmptyString = ( testString ) => testString?.trim()?.length > 0;\n\nexport default function RenameModal( { menuTitle, onClose, onSave } ) {\n\tconst [ editedMenuTitle, setEditedMenuTitle ] = useState( menuTitle );\n\n\tconst titleHasChanged = editedMenuTitle !== menuTitle;\n\n\tconst isEditedMenuTitleValid =\n\t\ttitleHasChanged && notEmptyString( editedMenuTitle );\n\n\treturn (\n\t\t<Modal ~~title~~={ __( 'Rename' ) } ~~onRequestClose~~={ onClose }>\n\t\t\t<form className=\"sidebar-navigation__rename-modal-form\">\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedMenuTitle }\n\t\t\t\t\t\tplaceholder={ __( 'Navigation title' ) }\n\t\t\t\t\t\tonChange={ setEditedMenuTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ ! isEditedMenuTitleValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t\t\tif ( ! isEditedMenuTitleValid ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSave( { title: editedMenuTitle } );\n\n\t\t\t\t\t\t\t\t// Immediate close avoids ability to hit save multiple times.\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{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,WAAW,EACXC,KAAK,QACC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,cAAc,GAAKC,UAAU,IAAMA,UAAU,EAAEC,IAAI,CAAC,CAAC,EAAEC,MAAM,GAAG,CAAC;AAEvE,eAAe,SAASC,WAAWA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,EAAG;EACrE,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAGd,QAAQ,CAAEU,SAAU,CAAC;EAErE,MAAMK,eAAe,GAAGF,eAAe,KAAKH,SAAS;EAErD,MAAMM,sBAAsB,GAC3BD,eAAe,IAAIV,cAAc,CAAEQ,eAAgB,CAAC;EAErD,oBACCX,IAAA,CAACJ,KAAK;~~IAACmB~~,KAAK,EAAGlB,EAAE,CAAE,QAAS,CAAG;~~IAACmB~~,cAAc,EAAGP,OAAS;~~IAAAQ~~,QAAA,~~eACzDjB~~,IAAA;~~MAAMkB~~,SAAS,EAAC,uCAAuC;MAAAD,QAAA,~~eACtDf~~,KAAA,CAACT,MAAM;~~QAAC0B~~,OAAO,EAAC,GAAG;QAAAF,QAAA,~~gBAClBjB~~,IAAA,CAACL,WAAW;~~UACXyB~~,uBAAuB;UACvBC,qBAAqB;UACrBC,KAAK,~~EAAGX~~,eAAiB;~~UACzBY~~,WAAW,~~EAAG1B~~,EAAE,CAAE,kBAAmB,CAAG;~~UACxC2B~~,QAAQ,~~EAAGZ~~;QAAoB,CAC/B,CAAC,eACFV,KAAA,CAACX,MAAM;~~UAACkC~~,OAAO,EAAC,OAAO;UAAAR,QAAA,~~gBACtBjB~~,IAAA,CAACN,MAAM;~~YACN2B~~,qBAAqB;YACrBK,OAAO,EAAC,UAAU;YAClBC,OAAO,~~EAAGlB~~,OAAS;~~YAAAQ~~,QAAA,~~EAEjBpB~~,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eAETG,IAAA,CAACN,MAAM;~~YACN2B~~,qBAAqB;YACrBO,yBAAyB;YACzBC,QAAQ,EAAG,~~CAAEf~~,sBAAwB;~~YACrCY~~,OAAO,EAAC,SAAS;YACjBI,IAAI,EAAC,QAAQ;YACbH,OAAO,EAAKI,CAAC,IAAM;cAClBA,CAAC,CAACC,cAAc,CAAC,CAAC;cAElB,IAAK,~~CAAElB~~,sBAAsB,EAAG;gBAC/B;cACD;cACAJ,MAAM,CAAE;gBAAEK,KAAK,EAAEJ;cAAgB,CAAE,CAAC;;cAEpC;cACAF,OAAO,CAAC,CAAC;YACV,CAAG;~~YAAAQ~~,QAAA,~~EAEDpB~~,EAAE,CAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","Modal","__","useState","jsx","_jsx","jsxs","_jsxs","notEmptyString","testString","trim","length","RenameModal","menuTitle","onClose","onSave","editedMenuTitle","setEditedMenuTitle","titleHasChanged","isEditedMenuTitleValid","title","onRequestClose","focusOnMount","size","children","className","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","placeholder","onChange","justify","variant","onClick","__experimentalIsFocusable","disabled","type","e","preventDefault"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/rename-modal.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nconst notEmptyString = ( testString ) => testString?.trim()?.length > 0;\n\nexport default function RenameModal( { menuTitle, onClose, onSave } ) {\n\tconst [ editedMenuTitle, setEditedMenuTitle ] = useState( menuTitle );\n\n\tconst titleHasChanged = editedMenuTitle !== menuTitle;\n\n\tconst isEditedMenuTitleValid =\n\t\ttitleHasChanged && notEmptyString( editedMenuTitle );\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form className=\"sidebar-navigation__rename-modal-form\">\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedMenuTitle }\n\t\t\t\t\t\tplaceholder={ __( 'Navigation title' ) }\n\t\t\t\t\t\tonChange={ setEditedMenuTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ ! isEditedMenuTitleValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t\t\tif ( ! isEditedMenuTitleValid ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSave( { title: editedMenuTitle } );\n\n\t\t\t\t\t\t\t\t// Immediate close avoids ability to hit save multiple times.\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{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,WAAW,EACXC,KAAK,QACC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,cAAc,GAAKC,UAAU,IAAMA,UAAU,EAAEC,IAAI,CAAC,CAAC,EAAEC,MAAM,GAAG,CAAC;AAEvE,eAAe,SAASC,WAAWA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,EAAG;EACrE,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAGd,QAAQ,CAAEU,SAAU,CAAC;EAErE,MAAMK,eAAe,GAAGF,eAAe,KAAKH,SAAS;EAErD,MAAMM,sBAAsB,GAC3BD,eAAe,IAAIV,cAAc,CAAEQ,eAAgB,CAAC;EAErD,oBACCX,IAAA,CAACJ,KAAK;IACLmB,KAAK,EAAGlB,EAAE,CAAE,QAAS,CAAG;IACxBmB,cAAc,EAAGP,OAAS;IAC1BQ,YAAY,EAAC,qBAAqB;IAClCC,IAAI,EAAC,OAAO;IAAAC,QAAA,eAEZnB,IAAA;MAAMoB,SAAS,EAAC,uCAAuC;MAAAD,QAAA,eACtDjB,KAAA,CAACT,MAAM;QAAC4B,OAAO,EAAC,GAAG;QAAAF,QAAA,gBAClBnB,IAAA,CAACL,WAAW;UACX2B,uBAAuB;UACvBC,qBAAqB;UACrBC,KAAK,EAAGb,eAAiB;UACzBc,WAAW,EAAG5B,EAAE,CAAE,kBAAmB,CAAG;UACxC6B,QAAQ,EAAGd;QAAoB,CAC/B,CAAC,eACFV,KAAA,CAACX,MAAM;UAACoC,OAAO,EAAC,OAAO;UAAAR,QAAA,gBACtBnB,IAAA,CAACN,MAAM;YACN6B,qBAAqB;YACrBK,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGpB,OAAS;YAAAU,QAAA,EAEjBtB,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eAETG,IAAA,CAACN,MAAM;YACN6B,qBAAqB;YACrBO,yBAAyB;YACzBC,QAAQ,EAAG,CAAEjB,sBAAwB;YACrCc,OAAO,EAAC,SAAS;YACjBI,IAAI,EAAC,QAAQ;YACbH,OAAO,EAAKI,CAAC,IAAM;cAClBA,CAAC,CAACC,cAAc,CAAC,CAAC;cAElB,IAAK,CAAEpB,sBAAsB,EAAG;gBAC/B;cACD;cACAJ,MAAM,CAAE;gBAAEK,KAAK,EAAEJ;cAAgB,CAAE,CAAC;;cAEpC;cACAF,OAAO,CAAC,CAAC;YACV,CAAG;YAAAU,QAAA,EAEDtB,EAAE,CAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}