@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 +4 -0
- package/build/components/editor/site-preview.js +0 -2
- package/build/components/editor/site-preview.js.map +1 -1
- package/build/components/global-styles/shadows-panel.js +19 -23
- package/build/components/global-styles/shadows-panel.js.map +1 -1
- package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js +28 -30
- package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map +1 -1
- package/build-module/components/editor/site-preview.js +0 -2
- package/build-module/components/editor/site-preview.js.map +1 -1
- package/build-module/components/global-styles/shadows-panel.js +20 -24
- package/build-module/components/global-styles/shadows-panel.js.map +1 -1
- package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js +28 -30
- package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map +1 -1
- package/build-style/posts-rtl.css +9 -4
- package/build-style/posts.css +9 -4
- package/build-style/style-rtl.css +9 -9
- package/build-style/style.css +9 -9
- package/package.json +42 -42
- package/src/components/editor/site-preview.js +0 -1
- package/src/components/global-styles/font-library-modal/style.scss +0 -5
- package/src/components/global-styles/shadows-panel.js +25 -31
- package/src/components/global-styles/style.scss +0 -1
- package/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js +38 -40
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -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\
|
|
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)(
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
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
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
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.
|
|
57
|
-
children: /*#__PURE__*/(0, _jsxRuntime.
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
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
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
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<
|
|
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\
|
|
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,
|
|
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(
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
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
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
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__*/
|
|
49
|
-
children: /*#__PURE__*/
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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<
|
|
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
|
|
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
|
|
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:
|
|
1656
|
+
animation-name: _w6icl_slide-from-left;
|
|
1652
1657
|
}
|
|
1653
1658
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
1654
|
-
animation-name:
|
|
1659
|
+
animation-name: _w6icl_slide-from-right;
|
|
1655
1660
|
}
|
|
1656
1661
|
|
|
1657
1662
|
.edit-site-site-hub {
|