@wordpress/edit-site 6.19.3 → 6.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 6.21.0 (2025-03-27)
6
+
7
+ ## 6.20.0 (2025-03-13)
8
+
5
9
  ## 6.19.0 (2025-02-28)
6
10
 
7
11
  ## 6.18.0 (2025-02-12)
@@ -22,8 +22,6 @@ function SitePreview() {
22
22
  const siteData = getEntityRecord('root', '__unstableBase');
23
23
  return siteData?.home;
24
24
  }, []);
25
-
26
- // If theme is block based, return the Editor, otherwise return the site preview.
27
25
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
28
26
  src: (0, _url.addQueryArgs)(siteUrl, {
29
27
  // Parameter for hiding the admin bar.
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_data","_coreData","_dom","_url","_jsxRuntime","SitePreview","siteUrl","useSelect","select","getEntityRecord","coreStore","siteData","home","jsx","src","addQueryArgs","wp_site_preview","title","__","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focus","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If theme is block based, return the Editor, otherwise return the site preview.\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAP9C;AACA;AACA;;AAOe,SAASM,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOE,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,GAAG,EAAG,IAAAC,iBAAY,EAAET,OAAO,EAAE;MAC5B;MACAU,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGC,UAAK,CAACC,SAAS,CAACC,IAAI,CAAEN,QAAS,CAAC;MAC1DG,iBAAiB,CAACI,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACf,KAAK,CAACgB,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_data","_coreData","_dom","_url","_jsxRuntime","SitePreview","siteUrl","useSelect","select","getEntityRecord","coreStore","siteData","home","jsx","src","addQueryArgs","wp_site_preview","title","__","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focus","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAP9C;AACA;AACA;;AAOe,SAASM,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOE,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;EAEP,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,GAAG,EAAG,IAAAC,iBAAY,EAAET,OAAO,EAAE;MAC5B;MACAU,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGC,UAAK,CAACC,SAAS,CAACC,IAAI,CAAEN,QAAS,CAAC;MAC1DG,iBAAiB,CAACI,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACf,KAAK,CAACgB,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
@@ -102,37 +102,33 @@ function ShadowList({
102
102
  spacing: 2,
103
103
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
104
104
  justify: "space-between",
105
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
106
- align: "center",
107
- className: "edit-site-global-styles__shadows-panel__title",
108
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
109
- level: 3,
110
- children: label
111
- })
112
- }), canCreate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
105
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
106
+ level: 3,
107
+ children: label
108
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.FlexItem, {
113
109
  className: "edit-site-global-styles__shadows-panel__options-container",
114
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
110
+ children: [canCreate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
115
111
  size: "small",
116
112
  icon: _icons.plus,
117
113
  label: (0, _i18n.__)('Add shadow'),
118
114
  onClick: () => {
119
115
  handleAddShadow();
120
116
  }
121
- })
122
- }), !!shadows?.length && category === 'custom' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
123
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.TriggerButton, {
124
- render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
125
- size: "small",
126
- icon: _icons.moreVertical,
127
- label: (0, _i18n.__)('Shadow options')
128
- })
129
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
130
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
131
- onClick: onReset,
132
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
133
- children: (0, _i18n.__)('Remove all custom shadows')
117
+ }), !!shadows?.length && category === 'custom' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
118
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.TriggerButton, {
119
+ render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
120
+ size: "small",
121
+ icon: _icons.moreVertical,
122
+ label: (0, _i18n.__)('Shadow options')
134
123
  })
135
- })
124
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
125
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
126
+ onClick: onReset,
127
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
128
+ children: (0, _i18n.__)('Remove all custom shadows')
129
+ })
130
+ })
131
+ })]
136
132
  })]
137
133
  })]
138
134
  }), shadows.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_blockEditor","_icons","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_header","_utils","_element","_confirmResetShadowDialog","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","defaultShadow","exports","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","jsxs","Fragment","children","jsx","default","text","__","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","__experimentalVStack","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","getNewIndexFromPresets","name","sprintf","slug","__experimentalHStack","justify","Flex","align","level","FlexItem","Button","size","icon","plus","onClick","TriggerButton","render","moreVertical","Popover","Item","ItemLabel","__experimentalItemGroup","isBordered","isSeparated","map","ShadowItem","NavigationButtonAsItem","path","Icon","isRTL","chevronLeft","chevronRight"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t<Menu>\n\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t</Menu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_i18n","_blockEditor","_icons","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_header","_utils","_element","_confirmResetShadowDialog","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","defaultShadow","exports","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","jsxs","Fragment","children","jsx","default","text","__","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","__experimentalVStack","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","getNewIndexFromPresets","name","sprintf","slug","__experimentalHStack","justify","level","FlexItem","Button","size","icon","plus","onClick","TriggerButton","render","moreVertical","Popover","Item","ItemLabel","__experimentalItemGroup","isBordered","isSeparated","map","ShadowItem","NavigationButtonAsItem","path","Icon","isRTL","chevronLeft","chevronRight"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t{ canCreate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAWA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,yBAAA,GAAAL,sBAAA,CAAAN,OAAA;AAAqE,IAAAY,WAAA,GAAAZ,OAAA;AA9BrE;AACA;AACA;;AAmBA;AACA;AACA;;AASA,MAAM;EAAEa;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAM;EAAEC;AAAK,CAAC,GAAG,IAAAF,kBAAM,EAAEG,uBAAsB,CAAC;AAEzC,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,gCAAgC;AAE9C,SAASE,YAAYA,CAAA,EAAG;EACtC,MAAM,CAAEC,cAAc,CAAE,GAAGR,gBAAgB,CAAE,wBAAyB,CAAC;EACvE,MAAM,CAAES,qBAAqB,CAAE,GAAGT,gBAAgB,CACjD,uBACD,CAAC;EACD,MAAM,CAAEU,YAAY,CAAE,GAAGV,gBAAgB,CAAE,sBAAuB,CAAC;EACnE,MAAM,CAAEW,aAAa,EAAEC,gBAAgB,CAAE,GAAGZ,gBAAgB,CAC3D,uBACD,CAAC;EAED,MAAMa,cAAc,GAAKC,MAAM,IAAM;IACpCF,gBAAgB,CAAE,CAAE,IAAKD,aAAa,IAAI,EAAE,CAAE,EAAEG,MAAM,CAAG,CAAC;EAC3D,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAChCH,gBAAgB,CAAE,EAAG,CAAC;EACvB,CAAC;EAED,MAAM,CAAEI,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAErE,MAAMC,iBAAiB,GAAGA,CAAA,KAAMF,oBAAoB,CAAE,CAAED,iBAAkB,CAAC;EAE3E,oBACC,IAAAjB,WAAA,CAAAqB,IAAA,EAAArB,WAAA,CAAAsB,QAAA;IAAAC,QAAA,GACGN,iBAAiB,iBAClB,IAAAjB,WAAA,CAAAwB,GAAA,EAACzB,yBAAA,CAAA0B,OAAwB;MACxBC,IAAI,EAAG,IAAAC,QAAE,EACR,qDACD,CAAG;MACHC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,QAAS,CAAG;MACpCE,MAAM,EAAGZ,iBAAmB;MAC5Ba,UAAU,EAAGV,iBAAmB;MAChCW,SAAS,EAAGf;IAAoB,CAChC,CACD,eACD,IAAAhB,WAAA,CAAAwB,GAAA,EAAC5B,OAAA,CAAA6B,OAAY;MACZO,KAAK,EAAG,IAAAL,QAAE,EAAE,SAAU,CAAG;MACzBM,WAAW,EAAG,IAAAN,QAAE,EACf,0DACD;IAAG,CACH,CAAC,eACF,IAAA3B,WAAA,CAAAwB,GAAA;MAAKU,SAAS,EAAC,gCAAgC;MAAAX,QAAA,eAC9C,IAAAvB,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgD,oBAAM;QACND,SAAS,EAAC,wCAAwC;QAClDE,OAAO,EAAG,CAAG;QAAAb,QAAA,GAEXb,qBAAqB,iBACtB,IAAAV,WAAA,CAAAwB,GAAA,EAACa,UAAU;UACVC,KAAK,EAAG,IAAAX,QAAE,EAAE,SAAU,CAAG;UACzBY,OAAO,EAAG9B,cAAc,IAAI,EAAI;UAChC+B,QAAQ,EAAC;QAAS,CAClB,CACD,EACC7B,YAAY,IAAIA,YAAY,CAAC8B,MAAM,GAAG,CAAC,iBACxC,IAAAzC,WAAA,CAAAwB,GAAA,EAACa,UAAU;UACVC,KAAK,EAAG,IAAAX,QAAE,EAAE,OAAQ,CAAG;UACvBY,OAAO,EAAG5B,YAAY,IAAI,EAAI;UAC9B6B,QAAQ,EAAC;QAAO,CAChB,CACD,eACD,IAAAxC,WAAA,CAAAwB,GAAA,EAACa,UAAU;UACVC,KAAK,EAAG,IAAAX,QAAE,EAAE,QAAS,CAAG;UACxBY,OAAO,EAAG3B,aAAa,IAAI,EAAI;UAC/B4B,QAAQ,EAAC,QAAQ;UACjBE,SAAS;UACTC,QAAQ,EAAG7B,cAAgB;UAC3B8B,OAAO,EAAGxB;QAAmB,CAC7B,CAAC;MAAA,CACK;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,SAASiB,UAAUA,CAAE;EACpBC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRE,SAAS;EACTC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7B,MAAMC,QAAQ,GAAG,IAAAC,6BAAsB,EAAER,OAAO,EAAE,SAAU,CAAC;IAC7DI,QAAQ,CAAE;MACTK,IAAI,EAAE,IAAAC,aAAO,EACZ;MACA,IAAAtB,QAAE,EAAE,WAAY,CAAC,EACjBmB,QACD,CAAC;MACD/B,MAAM,EAAET,aAAa;MACrB4C,IAAI,EAAE,UAAWJ,QAAQ;IAC1B,CAAE,CAAC;EACJ,CAAC;EAED,oBACC,IAAA9C,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgD,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAb,QAAA,gBACpB,IAAAvB,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgE,oBAAM;MAACC,OAAO,EAAC,eAAe;MAAA7B,QAAA,gBAC9B,IAAAvB,WAAA,CAAAwB,GAAA,EAAC/B,SAAA,CAAAgC,OAAQ;QAAC4B,KAAK,EAAG,CAAG;QAAA9B,QAAA,EAAGe;MAAK,CAAY,CAAC,eAC1C,IAAAtC,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAmE,QAAQ;QAACpB,SAAS,EAAC,2DAA2D;QAAAX,QAAA,GAC5EmB,SAAS,iBACV,IAAA1C,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAoE,MAAM;UACNC,IAAI,EAAC,OAAO;UACZC,IAAI,EAAGC,WAAM;UACbpB,KAAK,EAAG,IAAAX,QAAE,EAAE,YAAa,CAAG;UAC5BgC,OAAO,EAAGA,CAAA,KAAM;YACfd,eAAe,CAAC,CAAC;UAClB;QAAG,CACH,CACD,EACC,CAAC,CAAEN,OAAO,EAAEE,MAAM,IAAID,QAAQ,KAAK,QAAQ,iBAC5C,IAAAxC,WAAA,CAAAqB,IAAA,EAACjB,IAAI;UAAAmB,QAAA,gBACJ,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAACwD,aAAa;YAClBC,MAAM,eACL,IAAA7D,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAoE,MAAM;cACNC,IAAI,EAAC,OAAO;cACZC,IAAI,EAAGK,mBAAc;cACrBxB,KAAK,EAAG,IAAAX,QAAE,EAAE,gBAAiB;YAAG,CAChC;UACD,CACD,CAAC,eACF,IAAA3B,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC2D,OAAO;YAAAxC,QAAA,eACZ,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC4D,IAAI;cAACL,OAAO,EAAGf,OAAS;cAAArB,QAAA,eAC7B,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,IAAI,CAAC6D,SAAS;gBAAA1C,QAAA,EACZ,IAAAI,QAAE,EAAE,2BAA4B;cAAC,CACpB;YAAC,CACP;UAAC,CACC,CAAC;QAAA,CACV,CACN;MAAA,CACQ,CAAC;IAAA,CACJ,CAAC,EACPY,OAAO,CAACE,MAAM,GAAG,CAAC,iBACnB,IAAAzC,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAA+E,uBAAS;MAACC,UAAU;MAACC,WAAW;MAAA7C,QAAA,EAC9BgB,OAAO,CAAC8B,GAAG,CAAItD,MAAM,iBACtB,IAAAf,WAAA,CAAAwB,GAAA,EAAC8C,UAAU;QAEVvD,MAAM,EAAGA,MAAQ;QACjByB,QAAQ,EAAGA;MAAU,GAFfzB,MAAM,CAACmC,IAGb,CACA;IAAC,CACO,CACX;EAAA,CACM,CAAC;AAEX;AAEA,SAASoB,UAAUA,CAAE;EAAEvD,MAAM;EAAEyB;AAAS,CAAC,EAAG;EAC3C,oBACC,IAAAxC,WAAA,CAAAwB,GAAA,EAAC7B,iBAAA,CAAA4E,sBAAsB;IACtBC,IAAI,EAAG,iBAAkBhC,QAAQ,IAAMzB,MAAM,CAACmC,IAAI,EAAK;IAAA3B,QAAA,eAEvD,IAAAvB,WAAA,CAAAqB,IAAA,EAAClC,WAAA,CAAAgE,oBAAM;MAAA5B,QAAA,gBACN,IAAAvB,WAAA,CAAAwB,GAAA,EAACrC,WAAA,CAAAmE,QAAQ;QAAA/B,QAAA,EAAGR,MAAM,CAACiC;MAAI,CAAY,CAAC,eACpC,IAAAhD,WAAA,CAAAwB,GAAA,EAACjC,MAAA,CAAAkF,IAAI;QAAChB,IAAI,EAAG,IAAAiB,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;MAAc,CAAE,CAAC;IAAA,CAC/C;EAAC,CACc,CAAC;AAE3B","ignoreList":[]}
@@ -53,37 +53,35 @@ function ScreenNavigationMoreMenu(props) {
53
53
  popoverProps: POPOVER_PROPS,
54
54
  children: ({
55
55
  onClose
56
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
57
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
58
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
59
- onClick: () => {
60
- openRenameModal();
61
- // Close the dropdown after opening the modal.
62
- onClose();
63
- },
64
- children: (0, _i18n.__)('Rename')
65
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
66
- onClick: () => {
67
- history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
68
- },
69
- children: (0, _i18n.__)('Edit')
70
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
71
- onClick: () => {
72
- onDuplicate();
73
- onClose();
74
- },
75
- children: (0, _i18n.__)('Duplicate')
76
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
77
- isDestructive: true,
78
- onClick: () => {
79
- openDeleteConfirmDialog();
56
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
57
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
58
+ onClick: () => {
59
+ openRenameModal();
60
+ // Close the dropdown after opening the modal.
61
+ onClose();
62
+ },
63
+ children: (0, _i18n.__)('Rename')
64
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
65
+ onClick: () => {
66
+ history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
67
+ },
68
+ children: (0, _i18n.__)('Edit')
69
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
70
+ onClick: () => {
71
+ onDuplicate();
72
+ onClose();
73
+ },
74
+ children: (0, _i18n.__)('Duplicate')
75
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
76
+ isDestructive: true,
77
+ onClick: () => {
78
+ openDeleteConfirmDialog();
80
79
 
81
- // Close the dropdown after opening the modal.
82
- onClose();
83
- },
84
- children: (0, _i18n.__)('Delete')
85
- })]
86
- })
80
+ // Close the dropdown after opening the modal.
81
+ onClose();
82
+ },
83
+ children: (0, _i18n.__)('Delete')
84
+ })]
87
85
  })
88
86
  }), deleteConfirmDialogOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteConfirmDialog.default, {
89
87
  onClose: closeModals,
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_icons","_i18n","_element","_router","_renameModal","_interopRequireDefault","_deleteConfirmDialog","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","useState","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","jsxs","Fragment","children","jsx","DropdownMenu","className","label","__","icon","moreVertical","popoverProps","onClose","MenuGroup","MenuItem","onClick","navigate","isDestructive","default","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonDuplicate();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Duplicate' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_icons","_i18n","_element","_router","_renameModal","_interopRequireDefault","_deleteConfirmDialog","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","useState","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","jsxs","Fragment","children","jsx","DropdownMenu","className","label","__","icon","moreVertical","popoverProps","onClose","MenuGroup","MenuItem","onClick","navigate","isDestructive","default","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Rename' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonDuplicate();\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{ __( 'Duplicate' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Delete' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -15,8 +15,6 @@ export default function SitePreview() {
15
15
  const siteData = getEntityRecord('root', '__unstableBase');
16
16
  return siteData?.home;
17
17
  }, []);
18
-
19
- // If theme is block based, return the Editor, otherwise return the site preview.
20
18
  return /*#__PURE__*/_jsx("iframe", {
21
19
  src: addQueryArgs(siteUrl, {
22
20
  // Parameter for hiding the admin bar.
@@ -1 +1 @@
1
- {"version":3,"names":["__","useSelect","store","coreStore","focus","addQueryArgs","jsx","_jsx","SitePreview","siteUrl","select","getEntityRecord","siteData","home","src","wp_site_preview","title","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If theme is block based, return the Editor, otherwise return the site preview.\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGR,SAAS,CAAIS,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEP,SAAU,CAAC;IAC/C,MAAMS,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOC,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,oBACCN,IAAA;IACCO,GAAG,EAAGT,YAAY,CAAEI,OAAO,EAAE;MAC5B;MACAM,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAGhB,EAAE,CAAE,cAAe,CAAG;IAC9BiB,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGvB,KAAK,CAACwB,SAAS,CAACC,IAAI,CAAEL,QAAS,CAAC;MAC1DG,iBAAiB,CAACG,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACd,KAAK,CAACe,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["__","useSelect","store","coreStore","focus","addQueryArgs","jsx","_jsx","SitePreview","siteUrl","select","getEntityRecord","siteData","home","src","wp_site_preview","title","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGR,SAAS,CAAIS,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEP,SAAU,CAAC;IAC/C,MAAMS,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOC,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;EAEP,oBACCN,IAAA;IACCO,GAAG,EAAGT,YAAY,CAAEI,OAAO,EAAE;MAC5B;MACAM,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAGhB,EAAE,CAAE,cAAe,CAAG;IAC9BiB,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGvB,KAAK,CAACwB,SAAS,CAACC,IAAI,CAAEL,QAAS,CAAC;MAC1DG,iBAAiB,CAACG,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACd,KAAK,CAACe,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * WordPress dependencies
3
3
  */
4
- import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalItemGroup as ItemGroup, Button, Flex, FlexItem, privateApis as componentsPrivateApis } from '@wordpress/components';
4
+ import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalItemGroup as ItemGroup, Button, FlexItem, privateApis as componentsPrivateApis } from '@wordpress/components';
5
5
  import { __, sprintf, isRTL } from '@wordpress/i18n';
6
6
  import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
7
7
  import { plus, Icon, chevronLeft, chevronRight, moreVertical } from '@wordpress/icons';
@@ -93,37 +93,33 @@ function ShadowList({
93
93
  spacing: 2,
94
94
  children: [/*#__PURE__*/_jsxs(HStack, {
95
95
  justify: "space-between",
96
- children: [/*#__PURE__*/_jsx(Flex, {
97
- align: "center",
98
- className: "edit-site-global-styles__shadows-panel__title",
99
- children: /*#__PURE__*/_jsx(Subtitle, {
100
- level: 3,
101
- children: label
102
- })
103
- }), canCreate && /*#__PURE__*/_jsx(FlexItem, {
96
+ children: [/*#__PURE__*/_jsx(Subtitle, {
97
+ level: 3,
98
+ children: label
99
+ }), /*#__PURE__*/_jsxs(FlexItem, {
104
100
  className: "edit-site-global-styles__shadows-panel__options-container",
105
- children: /*#__PURE__*/_jsx(Button, {
101
+ children: [canCreate && /*#__PURE__*/_jsx(Button, {
106
102
  size: "small",
107
103
  icon: plus,
108
104
  label: __('Add shadow'),
109
105
  onClick: () => {
110
106
  handleAddShadow();
111
107
  }
112
- })
113
- }), !!shadows?.length && category === 'custom' && /*#__PURE__*/_jsxs(Menu, {
114
- children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
115
- render: /*#__PURE__*/_jsx(Button, {
116
- size: "small",
117
- icon: moreVertical,
118
- label: __('Shadow options')
119
- })
120
- }), /*#__PURE__*/_jsx(Menu.Popover, {
121
- children: /*#__PURE__*/_jsx(Menu.Item, {
122
- onClick: onReset,
123
- children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
124
- children: __('Remove all custom shadows')
108
+ }), !!shadows?.length && category === 'custom' && /*#__PURE__*/_jsxs(Menu, {
109
+ children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
110
+ render: /*#__PURE__*/_jsx(Button, {
111
+ size: "small",
112
+ icon: moreVertical,
113
+ label: __('Shadow options')
125
114
  })
126
- })
115
+ }), /*#__PURE__*/_jsx(Menu.Popover, {
116
+ children: /*#__PURE__*/_jsx(Menu.Item, {
117
+ onClick: onReset,
118
+ children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
119
+ children: __('Remove all custom shadows')
120
+ })
121
+ })
122
+ })]
127
123
  })]
128
124
  })]
129
125
  }), shadows.length > 0 && /*#__PURE__*/_jsx(ItemGroup, {
@@ -1 +1 @@
1
- {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalItemGroup","ItemGroup","Button","Flex","FlexItem","privateApis","componentsPrivateApis","__","sprintf","isRTL","blockEditorPrivateApis","plus","Icon","chevronLeft","chevronRight","moreVertical","unlock","Subtitle","NavigationButtonAsItem","ScreenHeader","getNewIndexFromPresets","useState","ConfirmResetShadowDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","defaultShadow","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","name","slug","justify","align","level","size","icon","onClick","TriggerButton","render","Popover","Item","ItemLabel","isBordered","isSeparated","map","ShadowItem","path"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t<Menu>\n\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t</Menu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalItemGroup","ItemGroup","Button","FlexItem","privateApis","componentsPrivateApis","__","sprintf","isRTL","blockEditorPrivateApis","plus","Icon","chevronLeft","chevronRight","moreVertical","unlock","Subtitle","NavigationButtonAsItem","ScreenHeader","getNewIndexFromPresets","useState","ConfirmResetShadowDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","defaultShadow","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","name","slug","justify","level","size","icon","onClick","TriggerButton","render","Popover","Item","ItemLabel","isBordered","isSeparated","map","ShadowItem","path"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t{ canCreate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -45,37 +45,35 @@ export default function ScreenNavigationMoreMenu(props) {
45
45
  popoverProps: POPOVER_PROPS,
46
46
  children: ({
47
47
  onClose
48
- }) => /*#__PURE__*/_jsx("div", {
49
- children: /*#__PURE__*/_jsxs(MenuGroup, {
50
- children: [/*#__PURE__*/_jsx(MenuItem, {
51
- onClick: () => {
52
- openRenameModal();
53
- // Close the dropdown after opening the modal.
54
- onClose();
55
- },
56
- children: __('Rename')
57
- }), /*#__PURE__*/_jsx(MenuItem, {
58
- onClick: () => {
59
- history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
60
- },
61
- children: __('Edit')
62
- }), /*#__PURE__*/_jsx(MenuItem, {
63
- onClick: () => {
64
- onDuplicate();
65
- onClose();
66
- },
67
- children: __('Duplicate')
68
- }), /*#__PURE__*/_jsx(MenuItem, {
69
- isDestructive: true,
70
- onClick: () => {
71
- openDeleteConfirmDialog();
48
+ }) => /*#__PURE__*/_jsxs(MenuGroup, {
49
+ children: [/*#__PURE__*/_jsx(MenuItem, {
50
+ onClick: () => {
51
+ openRenameModal();
52
+ // Close the dropdown after opening the modal.
53
+ onClose();
54
+ },
55
+ children: __('Rename')
56
+ }), /*#__PURE__*/_jsx(MenuItem, {
57
+ onClick: () => {
58
+ history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
59
+ },
60
+ children: __('Edit')
61
+ }), /*#__PURE__*/_jsx(MenuItem, {
62
+ onClick: () => {
63
+ onDuplicate();
64
+ onClose();
65
+ },
66
+ children: __('Duplicate')
67
+ }), /*#__PURE__*/_jsx(MenuItem, {
68
+ isDestructive: true,
69
+ onClick: () => {
70
+ openDeleteConfirmDialog();
72
71
 
73
- // Close the dropdown after opening the modal.
74
- onClose();
75
- },
76
- children: __('Delete')
77
- })]
78
- })
72
+ // Close the dropdown after opening the modal.
73
+ onClose();
74
+ },
75
+ children: __('Delete')
76
+ })]
79
77
  })
80
78
  }), deleteConfirmDialogOpen && /*#__PURE__*/_jsx(DeleteConfirmDialog, {
81
79
  onClose: closeModals,
@@ -1 +1 @@
1
- {"version":3,"names":["DropdownMenu","MenuItem","MenuGroup","moreVertical","__","useState","privateApis","routerPrivateApis","RenameModal","DeleteConfirmDialog","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","children","className","label","icon","popoverProps","onClose","onClick","navigate","isDestructive","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonDuplicate();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Duplicate' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["DropdownMenu","MenuItem","MenuGroup","moreVertical","__","useState","privateApis","routerPrivateApis","RenameModal","DeleteConfirmDialog","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","children","className","label","icon","popoverProps","onClose","onClick","navigate","isDestructive","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Rename' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonDuplicate();\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{ __( 'Duplicate' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\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{ __( 'Delete' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -812,6 +812,11 @@
812
812
  right: 8px;
813
813
  z-index: 1;
814
814
  }
815
+ @media (hover: none) {
816
+ .dataviews-view-grid__card .dataviews-selection-checkbox {
817
+ top: 8px;
818
+ }
819
+ }
815
820
 
816
821
  .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
817
822
  .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
@@ -1582,7 +1587,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1582
1587
  contain: content;
1583
1588
  }
1584
1589
 
1585
- @keyframes _fwjws_slide-from-right {
1590
+ @keyframes _w6icl_slide-from-right {
1586
1591
  from {
1587
1592
  transform: translateX(-50px);
1588
1593
  opacity: 0;
@@ -1592,7 +1597,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1592
1597
  opacity: 1;
1593
1598
  }
1594
1599
  }
1595
- @keyframes _fwjws_slide-from-left {
1600
+ @keyframes _w6icl_slide-from-left {
1596
1601
  from {
1597
1602
  transform: translateX(50px);
1598
1603
  opacity: 0;
@@ -1648,10 +1653,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1648
1653
  }
1649
1654
  }
1650
1655
  .edit-site-sidebar__screen-wrapper.slide-from-left {
1651
- animation-name: _fwjws_slide-from-left;
1656
+ animation-name: _w6icl_slide-from-left;
1652
1657
  }
1653
1658
  .edit-site-sidebar__screen-wrapper.slide-from-right {
1654
- animation-name: _fwjws_slide-from-right;
1659
+ animation-name: _w6icl_slide-from-right;
1655
1660
  }
1656
1661
 
1657
1662
  .edit-site-site-hub {