@wordpress/edit-site 5.18.0 → 5.19.0

package/build/components/global-styles/screen-typography.js

@@ -8,11 +8,9 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
+var _typogrphyElements = _interopRequireDefault(require("./typogrphy-elements"));
+var _fontFamilies = _interopRequireDefault(require("./font-families"));
 var _header = _interopRequireDefault(require("./header"));
-var _navigationButton = require("./navigation-button");
-var _subtitle = _interopRequireDefault(require("./subtitle"));
-var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -21,81 +19,15 @@ var _lockUnlock = require("../../lock-unlock");
  * Internal dependencies
  */
 
-const {
-  useGlobalStyle
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-function Item({
-  parentMenu,
-  element,
-  label
-}) {
-  const prefix = element === 'text' || !element ? '' : `elements.${element}.`;
-  const extraStyles = element === 'link' ? {
-    textDecoration: 'underline'
-  } : {};
-  const [fontFamily] = useGlobalStyle(prefix + 'typography.fontFamily');
-  const [fontStyle] = useGlobalStyle(prefix + 'typography.fontStyle');
-  const [fontWeight] = useGlobalStyle(prefix + 'typography.fontWeight');
-  const [letterSpacing] = useGlobalStyle(prefix + 'typography.letterSpacing');
-  const [backgroundColor] = useGlobalStyle(prefix + 'color.background');
-  const [gradientValue] = useGlobalStyle(prefix + 'color.gradient');
-  const [color] = useGlobalStyle(prefix + 'color.text');
-  const navigationButtonLabel = (0, _i18n.sprintf)(
-  // translators: %s: is a subset of Typography, e.g., 'text' or 'links'.
-  (0, _i18n.__)('Typography %s styles'), label);
-  return (0, _element.createElement)(_navigationButton.NavigationButtonAsItem, {
-    path: parentMenu + '/typography/' + element,
-    "aria-label": navigationButtonLabel
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
-    justify: "flex-start"
-  }, (0, _element.createElement)(_components.FlexItem, {
-    className: "edit-site-global-styles-screen-typography__indicator",
-    style: {
-      fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
-      background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor,
-      color,
-      fontStyle,
-      fontWeight,
-      letterSpacing,
-      ...extraStyles
-    }
-  }, (0, _i18n.__)('Aa')), (0, _element.createElement)(_components.FlexItem, null, label)));
-}
 function ScreenTypography() {
-  const parentMenu = '';
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_header.default, {
     title: (0, _i18n.__)('Typography'),
     description: (0, _i18n.__)('Manage the typography settings for different elements.')
   }), (0, _element.createElement)("div", {
     className: "edit-site-global-styles-screen-typography"
   }, (0, _element.createElement)(_components.__experimentalVStack, {
-    spacing: 3
-  }, (0, _element.createElement)(_subtitle.default, {
-    level: 3
-  }, (0, _i18n.__)('Elements')), (0, _element.createElement)(_components.__experimentalItemGroup, {
-    isBordered: true,
-    isSeparated: true
-  }, (0, _element.createElement)(Item, {
-    parentMenu: parentMenu,
-    element: "text",
-    label: (0, _i18n.__)('Text')
-  }), (0, _element.createElement)(Item, {
-    parentMenu: parentMenu,
-    element: "link",
-    label: (0, _i18n.__)('Links')
-  }), (0, _element.createElement)(Item, {
-    parentMenu: parentMenu,
-    element: "heading",
-    label: (0, _i18n.__)('Headings')
-  }), (0, _element.createElement)(Item, {
-    parentMenu: parentMenu,
-    element: "caption",
-    label: (0, _i18n.__)('Captions')
-  }), (0, _element.createElement)(Item, {
-    parentMenu: parentMenu,
-    element: "button",
-    label: (0, _i18n.__)('Buttons')
-  })))));
+    spacing: 6
+  }, window.__experimentalFontLibrary && (0, _element.createElement)(_fontFamilies.default, null), (0, _element.createElement)(_typogrphyElements.default, null))));
 }
 var _default = ScreenTypography;
 exports.default = _default;

package/build/components/global-styles/screen-typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_header","_interopRequireDefault","_navigationButton","_subtitle","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","Item","parentMenu","element","label","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","letterSpacing","backgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","_element","createElement","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","className","style","background","ScreenTypography","Fragment","default","title","description","__experimentalVStack","spacing","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction Item( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' || ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\tletterSpacing,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction ScreenTypography() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage the typography settings for different elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-typography\">\n\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\t\telement=\"text\"\n\t\t\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\t\telement=\"link\"\n\t\t\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\t\telement=\"heading\"\n\t\t\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\t\telement=\"caption\"\n\t\t\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\t\telement=\"button\"\n\t\t\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAUA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE3D,SAASC,IAAIA,CAAE;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EAC/C,MAAMC,MAAM,GACXF,OAAO,KAAK,MAAM,IAAI,CAAEA,OAAO,GAAG,EAAE,GAAI,YAAYA,OAAS,GAAE;EAChE,MAAMG,WAAW,GAChBH,OAAO,KAAK,MAAM,GACf;IACAI,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EACN,MAAM,CAAEC,UAAU,CAAE,GAAGV,cAAc,CAAEO,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEI,SAAS,CAAE,GAAGX,cAAc,CAAEO,MAAM,GAAG,sBAAuB,CAAC;EACvE,MAAM,CAAEK,UAAU,CAAE,GAAGZ,cAAc,CAAEO,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEM,aAAa,CAAE,GAAGb,cAAc,CACvCO,MAAM,GAAG,0BACV,CAAC;EACD,MAAM,CAAEO,eAAe,CAAE,GAAGd,cAAc,CAAEO,MAAM,GAAG,kBAAmB,CAAC;EACzE,MAAM,CAAEQ,aAAa,CAAE,GAAGf,cAAc,CAAEO,MAAM,GAAG,gBAAiB,CAAC;EACrE,MAAM,CAAES,KAAK,CAAE,GAAGhB,cAAc,CAAEO,MAAM,GAAG,YAAa,CAAC;EAEzD,MAAMU,qBAAqB,GAAG,IAAAC,aAAO;EACpC;EACA,IAAAC,QAAE,EAAE,sBAAuB,CAAC,EAC5Bb,KACD,CAAC;EAED,OACC,IAAAc,QAAA,CAAAC,aAAA,EAACxB,iBAAA,CAAAyB,sBAAsB;IACtBC,IAAI,EAAGnB,UAAU,GAAG,cAAc,GAAGC,OAAS;IAC9C,cAAaY;EAAuB,GAEpC,IAAAG,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA+B,oBAAM;IAACC,OAAO,EAAC;EAAY,GAC3B,IAAAL,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAiC,QAAQ;IACRC,SAAS,EAAC,sDAAsD;IAChEC,KAAK,EAAG;MACPlB,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;MACjCmB,UAAU,EAAEd,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAID,eAAe;MAC5CE,KAAK;MACLL,SAAS;MACTC,UAAU;MACVC,aAAa;MACb,GAAGL;IACJ;EAAG,GAED,IAAAW,QAAE,EAAE,IAAK,CACF,CAAC,EACX,IAAAC,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAiC,QAAQ,QAAGpB,KAAiB,CACtB,CACe,CAAC;AAE3B;AAEA,SAASwB,gBAAgBA,CAAA,EAAG;EAC3B,MAAM1B,UAAU,GAAG,EAAE;EAErB,OACC,IAAAgB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAW,QAAA,QACC,IAAAX,QAAA,CAAAC,aAAA,EAAC1B,OAAA,CAAAqC,OAAY;IACZC,KAAK,EAAG,IAAAd,QAAE,EAAE,YAAa,CAAG;IAC5Be,WAAW,EAAG,IAAAf,QAAE,EACf,wDACD;EAAG,CACH,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAA2C,GACzD,IAAAP,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA0C,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAhB,QAAA,CAAAC,aAAA,EAACvB,SAAA,CAAAkC,OAAQ;IAACK,KAAK,EAAG;EAAG,GAAG,IAAAlB,QAAE,EAAE,UAAW,CAAa,CAAC,EACrD,IAAAC,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA6C,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAChC,IAAApB,QAAA,CAAAC,aAAA,EAAClB,IAAI;IACJC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,MAAM;IACdC,KAAK,EAAG,IAAAa,QAAE,EAAE,MAAO;EAAG,CACtB,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAAClB,IAAI;IACJC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,MAAM;IACdC,KAAK,EAAG,IAAAa,QAAE,EAAE,OAAQ;EAAG,CACvB,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAAClB,IAAI;IACJC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAG,IAAAa,QAAE,EAAE,UAAW;EAAG,CAC1B,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAAClB,IAAI;IACJC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAG,IAAAa,QAAE,EAAE,UAAW;EAAG,CAC1B,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAAClB,IAAI;IACJC,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAG,IAAAa,QAAE,EAAE,SAAU;EAAG,CACzB,CACS,CACJ,CACJ,CACJ,CAAC;AAEL;AAAC,IAAAsB,QAAA,GAEcX,gBAAgB;AAAAY,OAAA,CAAAV,OAAA,GAAAS,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_typogrphyElements","_interopRequireDefault","_fontFamilies","_header","ScreenTypography","_element","createElement","Fragment","default","title","__","description","className","__experimentalVStack","spacing","window","__experimentalFontLibrary","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typogrphy-elements';\nimport FontFamilies from './font-families';\nimport ScreenHeader from './header';\n\nfunction ScreenTypography() {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage the typography settings for different elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-typography\">\n\t\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t\t{ window.__experimentalFontLibrary && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASM,gBAAgBA,CAAA,EAAG;EAC3B,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACH,OAAA,CAAAK,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,WAAW,EAAG,IAAAD,QAAE,EACf,wDACD;EAAG,CACH,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAA2C,GACzD,IAAAP,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAc,oBAAM;IAACC,OAAO,EAAG;EAAG,GAClBC,MAAM,CAACC,yBAAyB,IAAI,IAAAX,QAAA,CAAAC,aAAA,EAACJ,aAAA,CAAAM,OAAY,MAAE,CAAC,EACtD,IAAAH,QAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAQ,OAAkB,MAAE,CACd,CACJ,CACJ,CAAC;AAEL;AAAC,IAAAS,QAAA,GAEcb,gBAAgB;AAAAc,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/build/components/global-styles/style-variations-container.js

@@ -105,15 +105,13 @@ function StyleVariationsContainer() {
     return [{
       title: (0, _i18n.__)('Default'),
       settings: {},
-      styles: {},
-      behaviors: {}
+      styles: {}
     }, ...(variations !== null && variations !== void 0 ? variations : []).map(variation => {
-      var _variation$settings2, _variation$styles2, _variation$behaviors;
+      var _variation$settings2, _variation$styles2;
       return {
         ...variation,
         settings: (_variation$settings2 = variation.settings) !== null && _variation$settings2 !== void 0 ? _variation$settings2 : {},
-        styles: (_variation$styles2 = variation.styles) !== null && _variation$styles2 !== void 0 ? _variation$styles2 : {},
-        behaviors: (_variation$behaviors = variation.behaviors) !== null && _variation$behaviors !== void 0 ? _variation$behaviors : {}
+        styles: (_variation$styles2 = variation.styles) !== null && _variation$styles2 !== void 0 ? _variation$styles2 : {}
       };
     })];
   }, [variations]);

package/build/components/global-styles/style-variations-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_coreData","_data","_keycodes","_components","_i18n","_blockEditor","_globalStylesProvider","_preview","_lockUnlock","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","Variation","variation","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","_variation$settings","_variation$styles","settings","styles","merged","mergeBaseAndUserConfigs","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","__","createElement","Provider","value","className","classnames","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","default","withHoverView","StyleVariationsContainer","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","withEmptyVariation","behaviors","map","_variation$settings2","_variation$styles2","_variation$behaviors","__experimentalGrid","columns","index","key"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { mergeBaseAndUserConfigs } from './global-styles-provider';\nimport StylesPreview from './preview';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction Variation( { variation } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo( () => {\n\t\treturn {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base ] );\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => {\n\t\t\treturn {\n\t\t\t\tsettings: variation.settings,\n\t\t\t\tstyles: variation.styles,\n\t\t\t};\n\t\t} );\n\t};\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\treturn areGlobalStyleConfigsEqual( user, variation );\n\t}, [ user, variation ] );\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={ classnames(\n\t\t\t\t\t'edit-site-global-styles-variations_item',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isActive,\n\t\t\t\t\t}\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 className=\"edit-site-global-styles-variations_item-preview\">\n\t\t\t\t\t<StylesPreview\n\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\twithHoverView\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n\nexport default function StyleVariationsContainer() {\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\tconst withEmptyVariation = useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t\tbehaviors: {},\n\t\t\t},\n\t\t\t...( variations ?? [] ).map( ( variation ) => ( {\n\t\t\t\t...variation,\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t\tbehaviors: variation.behaviors ?? {},\n\t\t\t} ) ),\n\t\t];\n\t}, [ variations ] );\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t>\n\t\t\t{ withEmptyVariation.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation } />\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAKA,IAAAS,qBAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AArBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAM;EAAEY,mBAAmB;EAAEC;AAA2B,CAAC,GAAG,IAAAC,kBAAM,EACjEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAE;EAAEC;AAAU,CAAC,EAAG;EACnC,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrD,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAG,IAAAC,mBAAU,EAAEZ,mBAAoB,CAAC;EACvE,MAAMa,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAAA,IAAAC,mBAAA,EAAAC,iBAAA;IAC9B,OAAO;MACNN,IAAI,EAAE;QACLO,QAAQ,GAAAF,mBAAA,GAAEV,SAAS,CAACY,QAAQ,cAAAF,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC;QAClCG,MAAM,GAAAF,iBAAA,GAAEX,SAAS,CAACa,MAAM,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,CAAC;MAC9B,CAAC;MACDP,IAAI;MACJU,MAAM,EAAE,IAAAC,6CAAuB,EAAEX,IAAI,EAAEJ,SAAU,CAAC;MAClDM,aAAa,EAAEA,CAAA,KAAM,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEN,SAAS,EAAEI,IAAI,CAAG,CAAC;EAExB,MAAMY,eAAe,GAAGA,CAAA,KAAM;IAC7BV,aAAa,CAAE,MAAM;MACpB,OAAO;QACNM,QAAQ,EAAEZ,SAAS,CAACY,QAAQ;QAC5BC,MAAM,EAAEb,SAAS,CAACa;MACnB,CAAC;IACF,CAAE,CAAC;EACJ,CAAC;EAED,MAAMI,aAAa,GAAKC,KAAK,IAAM;IAClC,IAAKA,KAAK,CAACC,OAAO,KAAKC,eAAK,EAAG;MAC9BF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBL,eAAe,CAAC,CAAC;IAClB;EACD,CAAC;EAED,MAAMM,QAAQ,GAAG,IAAAb,gBAAO,EAAE,MAAM;IAC/B,OAAOb,0BAA0B,CAAES,IAAI,EAAEL,SAAU,CAAC;EACrD,CAAC,EAAE,CAAEK,IAAI,EAAEL,SAAS,CAAG,CAAC;EAExB,IAAIuB,KAAK,GAAGvB,SAAS,EAAEwB,KAAK;EAC5B,IAAKxB,SAAS,EAAEyB,WAAW,EAAG;IAC7BF,KAAK,GAAG,IAAAG,aAAO,GACd;IACA,IAAAC,QAAE,EAAE,aAAc,CAAC,EACnB3B,SAAS,EAAEwB,KAAK,EAChBxB,SAAS,EAAEyB,WACZ,CAAC;EACF;EAEA,OACC,IAAA3C,QAAA,CAAA8C,aAAA,EAACjC,mBAAmB,CAACkC,QAAQ;IAACC,KAAK,EAAGtB;EAAS,GAC9C,IAAA1B,QAAA,CAAA8C,aAAA;IACCG,SAAS,EAAG,IAAAC,mBAAU,EACrB,yCAAyC,EACzC;MACC,WAAW,EAAEV;IACd,CACD,CAAG;IACHW,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGlB,eAAiB;IAC3BmB,SAAS,EAAGlB,aAAe;IAC3BmB,QAAQ,EAAC,GAAG;IACZ,cAAab,KAAO;IACpB,gBAAeD,QAAU;IACzBe,OAAO,EAAGA,CAAA,KAAMnC,YAAY,CAAE,IAAK,CAAG;IACtCoC,MAAM,EAAGA,CAAA,KAAMpC,YAAY,CAAE,KAAM;EAAG,GAEtC,IAAApB,QAAA,CAAA8C,aAAA;IAAKG,SAAS,EAAC;EAAiD,GAC/D,IAAAjD,QAAA,CAAA8C,aAAA,EAACnC,QAAA,CAAA8C,OAAa;IACbhB,KAAK,EAAGvB,SAAS,EAAEwB,KAAO;IAC1BvB,SAAS,EAAGA,SAAW;IACvBuC,aAAa;EAAA,CACb,CACG,CACD,CACwB,CAAC;AAEjC;AAEe,SAASC,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,UAAU,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3C,OAAOA,MAAM,CACZC,eACD,CAAC,CAACC,mDAAmD,CAAC,CAAC;EACxD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,kBAAkB,GAAG,IAAAtC,gBAAO,EAAE,MAAM;IACzC,OAAO,CACN;MACCe,KAAK,EAAE,IAAAG,QAAE,EAAE,SAAU,CAAC;MACtBf,QAAQ,EAAE,CAAC,CAAC;MACZC,MAAM,EAAE,CAAC,CAAC;MACVmC,SAAS,EAAE,CAAC;IACb,CAAC,EACD,GAAG,CAAEN,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAE,EAAGO,GAAG,CAAIjD,SAAS;MAAA,IAAAkD,oBAAA,EAAAC,kBAAA,EAAAC,oBAAA;MAAA,OAAQ;QAC/C,GAAGpD,SAAS;QACZY,QAAQ,GAAAsC,oBAAA,GAAElD,SAAS,CAACY,QAAQ,cAAAsC,oBAAA,cAAAA,oBAAA,GAAI,CAAC,CAAC;QAClCrC,MAAM,GAAAsC,kBAAA,GAAEnD,SAAS,CAACa,MAAM,cAAAsC,kBAAA,cAAAA,kBAAA,GAAI,CAAC,CAAC;QAC9BH,SAAS,GAAAI,oBAAA,GAAEpD,SAAS,CAACgD,SAAS,cAAAI,oBAAA,cAAAA,oBAAA,GAAI,CAAC;MACpC,CAAC;IAAA,CAAG,CAAC,CACL;EACF,CAAC,EAAE,CAAEV,UAAU,CAAG,CAAC;EAEnB,OACC,IAAA5D,QAAA,CAAA8C,aAAA,EAACvC,WAAA,CAAAgE,kBAAI;IACJC,OAAO,EAAG,CAAG;IACbvB,SAAS,EAAC;EAAoD,GAE5DgB,kBAAkB,CAACE,GAAG,CAAE,CAAEjD,SAAS,EAAEuD,KAAK,KAC3C,IAAAzE,QAAA,CAAA8C,aAAA,EAAC7B,SAAS;IAACyD,GAAG,EAAGD,KAAO;IAACvD,SAAS,EAAGA;EAAW,CAAE,CACjD,CACG,CAAC;AAET"}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_coreData","_data","_keycodes","_components","_i18n","_blockEditor","_globalStylesProvider","_preview","_lockUnlock","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","Variation","variation","isFocused","setIsFocused","useState","base","user","setUserConfig","useContext","context","useMemo","_variation$settings","_variation$styles","settings","styles","merged","mergeBaseAndUserConfigs","selectVariation","selectOnEnter","event","keyCode","ENTER","preventDefault","isActive","label","title","description","sprintf","__","createElement","Provider","value","className","classnames","role","onClick","onKeyDown","tabIndex","onFocus","onBlur","default","withHoverView","StyleVariationsContainer","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","withEmptyVariation","map","_variation$settings2","_variation$styles2","__experimentalGrid","columns","index","key"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { mergeBaseAndUserConfigs } from './global-styles-provider';\nimport StylesPreview from './preview';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction Variation( { variation } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo( () => {\n\t\treturn {\n\t\t\tuser: {\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged: mergeBaseAndUserConfigs( base, variation ),\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base ] );\n\n\tconst selectVariation = () => {\n\t\tsetUserConfig( () => {\n\t\t\treturn {\n\t\t\t\tsettings: variation.settings,\n\t\t\t\tstyles: variation.styles,\n\t\t\t};\n\t\t} );\n\t};\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\treturn areGlobalStyleConfigsEqual( user, variation );\n\t}, [ user, variation ] );\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={ classnames(\n\t\t\t\t\t'edit-site-global-styles-variations_item',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isActive,\n\t\t\t\t\t}\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 className=\"edit-site-global-styles-variations_item-preview\">\n\t\t\t\t\t<StylesPreview\n\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\twithHoverView\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n\nexport default function StyleVariationsContainer() {\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\tconst withEmptyVariation = useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( variations ?? [] ).map( ( variation ) => ( {\n\t\t\t\t...variation,\n\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\tstyles: variation.styles ?? {},\n\t\t\t} ) ),\n\t\t];\n\t}, [ variations ] );\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t>\n\t\t\t{ withEmptyVariation.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation } />\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"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"}

package/build/components/global-styles/typogrphy-elements.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
+var _navigationButton = require("./navigation-button");
+var _subtitle = _interopRequireDefault(require("./subtitle"));
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function ElementItem({
+  parentMenu,
+  element,
+  label
+}) {
+  const prefix = element === 'text' || !element ? '' : `elements.${element}.`;
+  const extraStyles = element === 'link' ? {
+    textDecoration: 'underline'
+  } : {};
+  const [fontFamily] = useGlobalStyle(prefix + 'typography.fontFamily');
+  const [fontStyle] = useGlobalStyle(prefix + 'typography.fontStyle');
+  const [fontWeight] = useGlobalStyle(prefix + 'typography.fontWeight');
+  const [letterSpacing] = useGlobalStyle(prefix + 'typography.letterSpacing');
+  const [backgroundColor] = useGlobalStyle(prefix + 'color.background');
+  const [gradientValue] = useGlobalStyle(prefix + 'color.gradient');
+  const [color] = useGlobalStyle(prefix + 'color.text');
+  const navigationButtonLabel = (0, _i18n.sprintf)(
+  // translators: %s: is a subset of Typography, e.g., 'text' or 'links'.
+  (0, _i18n.__)('Typography %s styles'), label);
+  return (0, _element.createElement)(_navigationButton.NavigationButtonAsItem, {
+    path: parentMenu + '/typography/' + element,
+    "aria-label": navigationButtonLabel
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start"
+  }, (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-global-styles-screen-typography__indicator",
+    style: {
+      fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
+      background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor,
+      color,
+      fontStyle,
+      fontWeight,
+      letterSpacing,
+      ...extraStyles
+    }
+  }, (0, _i18n.__)('Aa')), (0, _element.createElement)(_components.FlexItem, null, label)));
+}
+function TypographyElements() {
+  const parentMenu = '';
+  return (0, _element.createElement)(_components.__experimentalVStack, {
+    spacing: 3
+  }, (0, _element.createElement)(_subtitle.default, {
+    level: 3
+  }, (0, _i18n.__)('Elements')), (0, _element.createElement)(_components.__experimentalItemGroup, {
+    isBordered: true,
+    isSeparated: true
+  }, (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "text",
+    label: (0, _i18n.__)('Text')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "link",
+    label: (0, _i18n.__)('Links')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "heading",
+    label: (0, _i18n.__)('Headings')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "caption",
+    label: (0, _i18n.__)('Captions')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "button",
+    label: (0, _i18n.__)('Buttons')
+  })));
+}
+var _default = TypographyElements;
+exports.default = _default;
+//# sourceMappingURL=typogrphy-elements.js.map

package/build/components/global-styles/typogrphy-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","letterSpacing","backgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","_element","createElement","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typogrphy-elements.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' || ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\tletterSpacing,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":"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"}

package/build/components/page-patterns/duplicate-menu-item.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,9 +12,10 @@ var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _notices = require("@wordpress/notices");
 var _router = require("@wordpress/router");
-var _utils = require("./utils");
+var _constants = require("../../utils/constants");
 var _templatePartCreate = require("../../utils/template-part-create");
 var _lockUnlock = require("../../lock-unlock");
+var _usePatternCategories = _interopRequireDefault(require("../sidebar-navigation-screen-patterns/use-pattern-categories"));
 /**
  * WordPress dependencies
  */
@@ -26,15 +28,15 @@ const {
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 function getPatternMeta(item) {
-  if (item.type === _utils.PATTERNS) {
+  if (item.type === _constants.PATTERN_TYPES.theme) {
     return {
-      wp_pattern_sync_status: _utils.SYNC_TYPES.unsynced
+      wp_pattern_sync_status: _constants.PATTERN_SYNC_TYPES.unsynced
     };
   }
-  const syncStatus = item.reusableBlock.wp_pattern_sync_status;
-  const isUnsynced = syncStatus === _utils.SYNC_TYPES.unsynced;
+  const syncStatus = item.patternBlock.wp_pattern_sync_status;
+  const isUnsynced = syncStatus === _constants.PATTERN_SYNC_TYPES.unsynced;
   return {
-    ...item.reusableBlock.meta,
+    ...item.patternBlock.meta,
     wp_pattern_sync_status: isUnsynced ? syncStatus : undefined
   };
 }
@@ -45,7 +47,8 @@ function DuplicateMenuItem({
   onClose
 }) {
   const {
-    saveEntityRecord
+    saveEntityRecord,
+    invalidateResolution
   } = (0, _data.useDispatch)(_coreData.store);
   const {
     createErrorNotice,
@@ -53,6 +56,9 @@ function DuplicateMenuItem({
   } = (0, _data.useDispatch)(_notices.store);
   const history = useHistory();
   const existingTemplateParts = (0, _templatePartCreate.useExistingTemplateParts)();
+  const {
+    patternCategories
+  } = (0, _usePatternCategories.default)();
   async function createTemplatePart() {
     try {
       const copiedTitle = (0, _i18n.sprintf)( /* translators: %s: Existing template part title */
@@ -78,9 +84,9 @@ function DuplicateMenuItem({
         id: 'edit-site-patterns-success'
       });
       history.push({
-        postType: _utils.TEMPLATE_PARTS,
+        postType: _constants.TEMPLATE_PART_POST_TYPE,
         postId: result?.id,
-        categoryType: _utils.TEMPLATE_PARTS,
+        categoryType: _constants.TEMPLATE_PART_POST_TYPE,
         categoryId
       });
       onClose();
@@ -93,16 +99,46 @@ function DuplicateMenuItem({
       onClose();
     }
   }
+  async function findOrCreateTerm(term) {
+    try {
+      const newTerm = await saveEntityRecord('taxonomy', 'wp_pattern_category', {
+        name: term.label,
+        slug: term.name,
+        description: term.description
+      }, {
+        throwOnError: true
+      });
+      invalidateResolution('getUserPatternCategories');
+      return newTerm.id;
+    } catch (error) {
+      if (error.code !== 'term_exists') {
+        throw error;
+      }
+      return error.data.term_id;
+    }
+  }
+  async function getCategories(categories) {
+    const terms = categories.map(category => {
+      const fullCategory = patternCategories.find(cat => cat.name === category);
+      if (fullCategory.id) {
+        return fullCategory.id;
+      }
+      return findOrCreateTerm(fullCategory);
+    });
+    return Promise.all(terms);
+  }
   async function createPattern() {
     try {
-      const isThemePattern = item.type === _utils.PATTERNS;
+      const isThemePattern = item.type === _constants.PATTERN_TYPES.theme;
       const title = (0, _i18n.sprintf)( /* translators: %s: Existing pattern title */
       (0, _i18n.__)('%s (Copy)'), item.title);
+      const categories = await getCategories(item.categories);
       const result = await saveEntityRecord('postType', 'wp_block', {
-        content: isThemePattern ? item.content : item.reusableBlock.content,
+        content: isThemePattern ? item.content : item.patternBlock.content,
         meta: getPatternMeta(item),
         status: 'publish',
-        title
+        title,
+        wp_pattern_category: categories
       }, {
         throwOnError: true
       });
@@ -113,9 +149,9 @@ function DuplicateMenuItem({
         id: 'edit-site-patterns-success'
       });
       history.push({
-        categoryType: _utils.USER_PATTERNS,
-        categoryId: _utils.USER_PATTERN_CATEGORY,
-        postType: _utils.USER_PATTERNS,
+        categoryType: _constants.PATTERN_TYPES.theme,
+        categoryId,
+        postType: _constants.PATTERN_TYPES.user,
         postId: result?.id
       });
       onClose();
@@ -128,7 +164,7 @@ function DuplicateMenuItem({
       onClose();
     }
   }
-  const createItem = item.type === _utils.TEMPLATE_PARTS ? createTemplatePart : createPattern;
+  const createItem = item.type === _constants.TEMPLATE_PART_POST_TYPE ? createTemplatePart : createPattern;
   return (0, _element.createElement)(_components.MenuItem, {
     onClick: createItem
   }, label);

package/build/components/page-patterns/duplicate-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_coreData","_data","_i18n","_notices","_router","_utils","_templatePartCreate","_lockUnlock","useHistory","unlock","routerPrivateApis","getPatternMeta","item","type","PATTERNS","wp_pattern_sync_status","SYNC_TYPES","unsynced","syncStatus","reusableBlock","isUnsynced","meta","undefined","DuplicateMenuItem","categoryId","label","__","onClose","saveEntityRecord","useDispatch","coreStore","createErrorNotice","createSuccessNotice","noticesStore","history","existingTemplateParts","useExistingTemplateParts","createTemplatePart","copiedTitle","sprintf","title","getUniqueTemplatePartTitle","slug","getCleanTemplatePartSlug","area","content","templatePart","result","throwOnError","id","push","postType","TEMPLATE_PARTS","postId","categoryType","error","errorMessage","message","code","createPattern","isThemePattern","status","USER_PATTERNS","USER_PATTERN_CATEGORY","createItem","_element","createElement","MenuItem","onClick"],"sources":["@wordpress/edit-site/src/components/page-patterns/duplicate-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PARTS,\n\tPATTERNS,\n\tSYNC_TYPES,\n\tUSER_PATTERNS,\n\tUSER_PATTERN_CATEGORY,\n} from './utils';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction getPatternMeta( item ) {\n\tif ( item.type === PATTERNS ) {\n\t\treturn { wp_pattern_sync_status: SYNC_TYPES.unsynced };\n\t}\n\n\tconst syncStatus = item.reusableBlock.wp_pattern_sync_status;\n\tconst isUnsynced = syncStatus === SYNC_TYPES.unsynced;\n\n\treturn {\n\t\t...item.reusableBlock.meta,\n\t\twp_pattern_sync_status: isUnsynced ? syncStatus : undefined,\n\t};\n}\n\nexport default function DuplicateMenuItem( {\n\tcategoryId,\n\titem,\n\tlabel = __( 'Duplicate' ),\n\tonClose,\n} ) {\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tasync function createTemplatePart() {\n\t\ttry {\n\t\t\tconst copiedTitle = sprintf(\n\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst title = getUniqueTemplatePartTitle(\n\t\t\t\tcopiedTitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst slug = getCleanTemplatePartSlug( title );\n\t\t\tconst { area, content } = item.templatePart;\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\t{ slug, title, content, area },\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PARTS,\n\t\t\t\tpostId: result?.id,\n\t\t\t\tcategoryType: TEMPLATE_PARTS,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tasync function createPattern() {\n\t\ttry {\n\t\t\tconst isThemePattern = item.type === PATTERNS;\n\t\t\tconst title = sprintf(\n\t\t\t\t/* translators: %s: Existing pattern title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\t{\n\t\t\t\t\tcontent: isThemePattern\n\t\t\t\t\t\t? item.content\n\t\t\t\t\t\t: item.reusableBlock.content,\n\t\t\t\t\tmeta: getPatternMeta( item ),\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\ttitle,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: USER_PATTERNS,\n\t\t\t\tcategoryId: USER_PATTERN_CATEGORY,\n\t\t\t\tpostType: USER_PATTERNS,\n\t\t\t\tpostId: result?.id,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst createItem =\n\t\titem.type === TEMPLATE_PARTS ? createTemplatePart : createPattern;\n\n\treturn <MenuItem onClick={ createItem }>{ label }</MenuItem>;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_coreData","_data","_i18n","_notices","_router","_constants","_templatePartCreate","_lockUnlock","_usePatternCategories","_interopRequireDefault","useHistory","unlock","routerPrivateApis","getPatternMeta","item","type","PATTERN_TYPES","theme","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","syncStatus","patternBlock","isUnsynced","meta","undefined","DuplicateMenuItem","categoryId","label","__","onClose","saveEntityRecord","invalidateResolution","useDispatch","coreStore","createErrorNotice","createSuccessNotice","noticesStore","history","existingTemplateParts","useExistingTemplateParts","patternCategories","usePatternCategories","createTemplatePart","copiedTitle","sprintf","title","getUniqueTemplatePartTitle","slug","getCleanTemplatePartSlug","area","content","templatePart","result","throwOnError","id","push","postType","TEMPLATE_PART_POST_TYPE","postId","categoryType","error","errorMessage","message","code","findOrCreateTerm","term","newTerm","name","description","data","term_id","getCategories","categories","terms","map","category","fullCategory","find","cat","Promise","all","createPattern","isThemePattern","status","wp_pattern_category","user","createItem","_element","createElement","MenuItem","onClick"],"sources":["@wordpress/edit-site/src/components/page-patterns/duplicate-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../lock-unlock';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction getPatternMeta( item ) {\n\tif ( item.type === PATTERN_TYPES.theme ) {\n\t\treturn { wp_pattern_sync_status: PATTERN_SYNC_TYPES.unsynced };\n\t}\n\n\tconst syncStatus = item.patternBlock.wp_pattern_sync_status;\n\tconst isUnsynced = syncStatus === PATTERN_SYNC_TYPES.unsynced;\n\n\treturn {\n\t\t...item.patternBlock.meta,\n\t\twp_pattern_sync_status: isUnsynced ? syncStatus : undefined,\n\t};\n}\n\nexport default function DuplicateMenuItem( {\n\tcategoryId,\n\titem,\n\tlabel = __( 'Duplicate' ),\n\tonClose,\n} ) {\n\tconst { saveEntityRecord, invalidateResolution } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst existingTemplateParts = useExistingTemplateParts();\n\tconst { patternCategories } = usePatternCategories();\n\n\tasync function createTemplatePart() {\n\t\ttry {\n\t\t\tconst copiedTitle = sprintf(\n\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst title = getUniqueTemplatePartTitle(\n\t\t\t\tcopiedTitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst slug = getCleanTemplatePartSlug( title );\n\t\t\tconst { area, content } = item.templatePart;\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\t{ slug, title, content, area },\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tpostId: result?.id,\n\t\t\t\tcategoryType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tasync function findOrCreateTerm( term ) {\n\t\ttry {\n\t\t\tconst newTerm = await saveEntityRecord(\n\t\t\t\t'taxonomy',\n\t\t\t\t'wp_pattern_category',\n\t\t\t\t{\n\t\t\t\t\tname: term.label,\n\t\t\t\t\tslug: term.name,\n\t\t\t\t\tdescription: term.description,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tinvalidateResolution( 'getUserPatternCategories' );\n\t\t\treturn newTerm.id;\n\t\t} catch ( error ) {\n\t\t\tif ( error.code !== 'term_exists' ) {\n\t\t\t\tthrow error;\n\t\t\t}\n\n\t\t\treturn error.data.term_id;\n\t\t}\n\t}\n\n\tasync function getCategories( categories ) {\n\t\tconst terms = categories.map( ( category ) => {\n\t\t\tconst fullCategory = patternCategories.find(\n\t\t\t\t( cat ) => cat.name === category\n\t\t\t);\n\t\t\tif ( fullCategory.id ) {\n\t\t\t\treturn fullCategory.id;\n\t\t\t}\n\t\t\treturn findOrCreateTerm( fullCategory );\n\t\t} );\n\n\t\treturn Promise.all( terms );\n\t}\n\n\tasync function createPattern() {\n\t\ttry {\n\t\t\tconst isThemePattern = item.type === PATTERN_TYPES.theme;\n\t\t\tconst title = sprintf(\n\t\t\t\t/* translators: %s: Existing pattern title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst categories = await getCategories( item.categories );\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\t{\n\t\t\t\t\tcontent: isThemePattern\n\t\t\t\t\t\t? item.content\n\t\t\t\t\t\t: item.patternBlock.content,\n\t\t\t\t\tmeta: getPatternMeta( item ),\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\ttitle,\n\t\t\t\t\twp_pattern_category: categories,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: PATTERN_TYPES.theme,\n\t\t\t\tcategoryId,\n\t\t\t\tpostType: PATTERN_TYPES.user,\n\t\t\t\tpostId: result?.id,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst createItem =\n\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t? createTemplatePart\n\t\t\t: createPattern;\n\n\treturn <MenuItem onClick={ createItem }>{ label }</MenuItem>;\n}\n"],"mappings":"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"}