@wordpress/edit-site 5.19.2 → 5.20.0

package/build/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interface","require","PluginSidebarMoreMenuItem","props","_element","createElement","ComplementaryAreaMoreMenuItem","__unstableExplicitMenuItem","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryAreaMoreMenuItem } from '@wordpress/interface';\n\n/**\n * Renders a menu item in `Plugins` group in `More Menu` drop down,\n * and can be used to activate the corresponding `PluginSidebar` component.\n * The text within the component appears as the menu item label.\n *\n * @param {Object}                props                                 Component props.\n * @param {string}                props.target                          A string identifying the target sidebar you wish to be activated by this menu item. Must be the same as the `name` prop you have given to that sidebar.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered to the left of the menu item label.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginSidebarMoreMenuItem = wp.editSite.PluginSidebarMoreMenuItem;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MySidebarMoreMenuItem() {\n * \treturn wp.element.createElement(\n * \t\tPluginSidebarMoreMenuItem,\n * \t\t{\n * \t\t\ttarget: 'my-sidebar',\n * \t\t\ticon: moreIcon,\n * \t\t},\n * \t\t__( 'My sidebar title' )\n * \t)\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginSidebarMoreMenuItem } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MySidebarMoreMenuItem = () => (\n * \t<PluginSidebarMoreMenuItem\n * \t\ttarget=\"my-sidebar\"\n * \t\ticon={ more }\n * \t>\n * \t\t{ __( 'My sidebar title' ) }\n * \t</PluginSidebarMoreMenuItem>\n * );\n * ```\n *\n * @return {WPComponent} The component to be rendered.\n */\n\nexport default function PluginSidebarMoreMenuItem( props ) {\n\treturn (\n\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t// Menu item is marked with unstable prop for backward compatibility.\n\t\t\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t\t\t__unstableExplicitMenuItem\n\t\t\tscope=\"core/edit-site\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEe,SAASC,yBAAyBA,CAAEC,KAAK,EAAG;EAC1D,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACL,UAAA,CAAAM;EACA;EACA;EAAA;IACAC,0BAA0B;IAC1BC,KAAK,EAAC,gBAAgB;IAAA,GACjBL;EAAK,CACV,CAAC;AAEJ"}
+{"version":3,"names":["_interface","require","PluginSidebarMoreMenuItem","props","_react","createElement","ComplementaryAreaMoreMenuItem","__unstableExplicitMenuItem","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryAreaMoreMenuItem } from '@wordpress/interface';\n\n/**\n * Renders a menu item in `Plugins` group in `More Menu` drop down,\n * and can be used to activate the corresponding `PluginSidebar` component.\n * The text within the component appears as the menu item label.\n *\n * @param {Object}                props                                 Component props.\n * @param {string}                props.target                          A string identifying the target sidebar you wish to be activated by this menu item. Must be the same as the `name` prop you have given to that sidebar.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered to the left of the menu item label.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginSidebarMoreMenuItem = wp.editSite.PluginSidebarMoreMenuItem;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MySidebarMoreMenuItem() {\n * \treturn wp.element.createElement(\n * \t\tPluginSidebarMoreMenuItem,\n * \t\t{\n * \t\t\ttarget: 'my-sidebar',\n * \t\t\ticon: moreIcon,\n * \t\t},\n * \t\t__( 'My sidebar title' )\n * \t)\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginSidebarMoreMenuItem } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MySidebarMoreMenuItem = () => (\n * \t<PluginSidebarMoreMenuItem\n * \t\ttarget=\"my-sidebar\"\n * \t\ticon={ more }\n * \t>\n * \t\t{ __( 'My sidebar title' ) }\n * \t</PluginSidebarMoreMenuItem>\n * );\n * ```\n *\n * @return {Component} The component to be rendered.\n */\n\nexport default function PluginSidebarMoreMenuItem( props ) {\n\treturn (\n\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t// Menu item is marked with unstable prop for backward compatibility.\n\t\t\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t\t\t__unstableExplicitMenuItem\n\t\t\tscope=\"core/edit-site\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEe,SAASC,yBAAyBA,CAAEC,KAAK,EAAG;EAC1D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,UAAA,CAAAM;EACA;EACA;EAAA;IACAC,0BAA0B;IAC1BC,KAAK,EAAC,gBAAgB;IAAA,GACjBL;EAAK,CACV,CAAC;AAEJ"}

package/build/components/header-edit-mode/tools-more-menu-group/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
@@ -16,7 +16,7 @@ const {
 } = (0, _components.createSlotFill)('EditSiteToolsMoreMenuGroup');
 ToolsMoreMenuGroup.Slot = ({
   fillProps
-}) => (0, _element.createElement)(Slot, {
+}) => (0, _react.createElement)(Slot, {
   fillProps: fillProps
 }, fills => fills && fills.length > 0);
 var _default = ToolsMoreMenuGroup;

package/build/components/header-edit-mode/tools-more-menu-group/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Fill","ToolsMoreMenuGroup","Slot","createSlotFill","fillProps","_element","createElement","fills","length","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/tools-more-menu-group/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: ToolsMoreMenuGroup, Slot } = createSlotFill(\n\t'EditSiteToolsMoreMenuGroup'\n);\n\nToolsMoreMenuGroup.Slot = ( { fillProps } ) => (\n\t<Slot fillProps={ fillProps }>\n\t\t{ ( fills ) => fills && fills.length > 0 }\n\t</Slot>\n);\n\nexport default ToolsMoreMenuGroup;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAM;EAAEC,IAAI,EAAEC,kBAAkB;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EACxD,4BACD,CAAC;AAEDF,kBAAkB,CAACC,IAAI,GAAG,CAAE;EAAEE;AAAU,CAAC,KACxC,IAAAC,QAAA,CAAAC,aAAA,EAACJ,IAAI;EAACE,SAAS,EAAGA;AAAW,GACxBG,KAAK,IAAMA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAG,CAClC,CACN;AAAC,IAAAC,QAAA,GAEaR,kBAAkB;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","Fill","ToolsMoreMenuGroup","Slot","createSlotFill","fillProps","_react","createElement","fills","length","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/tools-more-menu-group/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: ToolsMoreMenuGroup, Slot } = createSlotFill(\n\t'EditSiteToolsMoreMenuGroup'\n);\n\nToolsMoreMenuGroup.Slot = ( { fillProps } ) => (\n\t<Slot fillProps={ fillProps }>\n\t\t{ ( fills ) => fills && fills.length > 0 }\n\t</Slot>\n);\n\nexport default ToolsMoreMenuGroup;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAM;EAAEC,IAAI,EAAEC,kBAAkB;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EACxD,4BACD,CAAC;AAEDF,kBAAkB,CAACC,IAAI,GAAG,CAAE;EAAEE;AAAU,CAAC,KACxC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,IAAI;EAACE,SAAS,EAAGA;AAAW,GACxBG,KAAK,IAAMA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAG,CAClC,CACN;AAAC,IAAAC,QAAA,GAEaR,kBAAkB;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/header-edit-mode/undo-redo/redo.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _keycodes = require("@wordpress/keycodes");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
  */
@@ -21,7 +22,7 @@ function RedoButton(props, ref) {
   const {
     redo
   } = (0, _data.useDispatch)(_coreData.store);
-  return (0, _element.createElement)(_components.Button, {
+  return (0, _react.createElement)(_components.Button, {
     ...props,
     ref: ref,
     icon: !(0, _i18n.isRTL)() ? _icons.redo : _icons.undo,

package/build/components/header-edit-mode/undo-redo/redo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_data","_icons","_keycodes","_coreData","RedoButton","props","ref","shortcut","isAppleOS","displayShortcut","primaryShift","primary","hasRedo","useSelect","select","coreStore","redo","useDispatch","createElement","Button","icon","isRTL","redoIcon","undoIcon","label","__","onClick","undefined","_default","forwardRef","exports","default"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/undo-redo/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction RedoButton( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( coreStore ).hasRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( RedoButton );\n"],"mappings":";;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AARA;AACA;AACA;;AASA,SAASO,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACH,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEF,eAAU,CAAC;EACzC,OACC,IAAAnB,QAAA,CAAAsB,aAAA,EAACnB,WAAA,CAAAoB,MAAM;IAAA,GACDd,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXc,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC,WAAU;IACxCC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBlB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEK,OAAS;IAC3Bc,OAAO,EAAGd,OAAO,GAAGI,IAAI,GAAGW;EAAW,CACtC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAEzB,UAAW,CAAC;AAAA0B,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_data","_icons","_keycodes","_coreData","_element","RedoButton","props","ref","shortcut","isAppleOS","displayShortcut","primaryShift","primary","hasRedo","useSelect","select","coreStore","redo","useDispatch","_react","createElement","Button","icon","isRTL","redoIcon","undoIcon","label","__","onClick","undefined","_default","forwardRef","exports","default"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/undo-redo/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction RedoButton( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( coreStore ).hasRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( RedoButton );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AATA;AACA;AACA;;AASA,SAASO,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACH,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEF,eAAU,CAAC;EACzC,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAsB,MAAM;IAAA,GACDf,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXe,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC,WAAU;IACxCC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBnB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEK,OAAS;IAC3Be,OAAO,EAAGf,OAAO,GAAGI,IAAI,GAAGY;EAAW,CACtC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAE1B,UAAW,CAAC;AAAA2B,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/components/header-edit-mode/undo-redo/undo.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _keycodes = require("@wordpress/keycodes");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
  */
@@ -20,7 +21,7 @@ function UndoButton(props, ref) {
   const {
     undo
   } = (0, _data.useDispatch)(_coreData.store);
-  return (0, _element.createElement)(_components.Button, {
+  return (0, _react.createElement)(_components.Button, {
     ...props,
     ref: ref,
     icon: !(0, _i18n.isRTL)() ? _icons.undo : _icons.redo,

package/build/components/header-edit-mode/undo-redo/undo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_data","_icons","_keycodes","_coreData","UndoButton","props","ref","hasUndo","useSelect","select","coreStore","undo","useDispatch","createElement","Button","icon","isRTL","undoIcon","redoIcon","label","__","shortcut","displayShortcut","primary","onClick","undefined","_default","forwardRef","exports","default"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/undo-redo/undo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction UndoButton( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( coreStore ).hasUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( UndoButton );\n"],"mappings":";;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AARA;AACA;AACA;;AASA,SAASO,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACH,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEF,eAAU,CAAC;EACzC,OACC,IAAAd,QAAA,CAAAiB,aAAA,EAACd,WAAA,CAAAe,MAAM;IAAA,GACDT,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXS,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC,WAAU;IACxCC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBC,QAAQ,EAAGC,yBAAe,CAACC,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEhB,OAAS;IAC3BiB,OAAO,EAAGjB,OAAO,GAAGI,IAAI,GAAGc;EAAW,CACtC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAEvB,UAAW,CAAC;AAAAwB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_data","_icons","_keycodes","_coreData","_element","UndoButton","props","ref","hasUndo","useSelect","select","coreStore","undo","useDispatch","_react","createElement","Button","icon","isRTL","undoIcon","redoIcon","label","__","shortcut","displayShortcut","primary","onClick","undefined","_default","forwardRef","exports","default"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/undo-redo/undo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction UndoButton( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( coreStore ).hasUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( UndoButton );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AATA;AACA;AACA;;AASA,SAASO,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACH,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEF,eAAU,CAAC;EACzC,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,MAAM;IAAA,GACDV,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXU,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC,WAAU;IACxCC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBC,QAAQ,EAAGC,yBAAe,CAACC,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEjB,OAAS;IAC3BkB,OAAO,EAAGlB,OAAO,GAAGI,IAAI,GAAGe;EAAW,CACtC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAExB,UAAW,CAAC;AAAAyB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DynamicShortcut;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _shortcut = _interopRequireDefault(require("./shortcut"));
@@ -39,7 +39,7 @@ function DynamicShortcut({
   if (!keyCombination) {
     return null;
   }
-  return (0, _element.createElement)(_shortcut.default, {
+  return (0, _react.createElement)(_shortcut.default, {
     keyCombination: keyCombination,
     description: description,
     aliases: aliases

package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_keyboardShortcuts","_shortcut","_interopRequireDefault","DynamicShortcut","name","keyCombination","description","aliases","useSelect","select","getShortcutKeyCombination","getShortcutDescription","getShortcutAliases","keyboardShortcutsStore","_element","createElement","default"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/dynamic-shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from './shortcut';\n\nexport default function DynamicShortcut( { name } ) {\n\tconst { keyCombination, description, aliases } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetShortcutKeyCombination,\n\t\t\t\tgetShortcutDescription,\n\t\t\t\tgetShortcutAliases,\n\t\t\t} = select( keyboardShortcutsStore );\n\n\t\t\treturn {\n\t\t\t\tkeyCombination: getShortcutKeyCombination( name ),\n\t\t\t\taliases: getShortcutAliases( name ),\n\t\t\t\tdescription: getShortcutDescription( name ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\n\tif ( ! keyCombination ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Shortcut\n\t\t\tkeyCombination={ keyCombination }\n\t\t\tdescription={ description }\n\t\t\taliases={ aliases }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,eAAeA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnD,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EACvDC,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,sBAAsB;MACtBC;IACD,CAAC,GAAGH,MAAM,CAAEI,wBAAuB,CAAC;IAEpC,OAAO;MACNR,cAAc,EAAEK,yBAAyB,CAAEN,IAAK,CAAC;MACjDG,OAAO,EAAEK,kBAAkB,CAAER,IAAK,CAAC;MACnCE,WAAW,EAAEK,sBAAsB,CAAEP,IAAK;IAC3C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,IAAK,CAAEC,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAS,QAAA,CAAAC,aAAA,EAACd,SAAA,CAAAe,OAAQ;IACRX,cAAc,EAAGA,cAAgB;IACjCC,WAAW,EAAGA,WAAa;IAC3BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_keyboardShortcuts","_shortcut","_interopRequireDefault","DynamicShortcut","name","keyCombination","description","aliases","useSelect","select","getShortcutKeyCombination","getShortcutDescription","getShortcutAliases","keyboardShortcutsStore","_react","createElement","default"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/dynamic-shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from './shortcut';\n\nexport default function DynamicShortcut( { name } ) {\n\tconst { keyCombination, description, aliases } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetShortcutKeyCombination,\n\t\t\t\tgetShortcutDescription,\n\t\t\t\tgetShortcutAliases,\n\t\t\t} = select( keyboardShortcutsStore );\n\n\t\t\treturn {\n\t\t\t\tkeyCombination: getShortcutKeyCombination( name ),\n\t\t\t\taliases: getShortcutAliases( name ),\n\t\t\t\tdescription: getShortcutDescription( name ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\n\tif ( ! keyCombination ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Shortcut\n\t\t\tkeyCombination={ keyCombination }\n\t\t\tdescription={ description }\n\t\t\taliases={ aliases }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,eAAeA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnD,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EACvDC,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,sBAAsB;MACtBC;IACD,CAAC,GAAGH,MAAM,CAAEI,wBAAuB,CAAC;IAEpC,OAAO;MACNR,cAAc,EAAEK,yBAAyB,CAAEN,IAAK,CAAC;MACjDG,OAAO,EAAEK,kBAAkB,CAAER,IAAK,CAAC;MACnCE,WAAW,EAAEK,sBAAsB,CAAEP,IAAK;IAC3C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,IAAK,CAAEC,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACd,SAAA,CAAAe,OAAQ;IACRX,cAAc,EAAGA,cAAgB;IACjCC,WAAW,EAAGA,WAAa;IAC3BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ"}

package/build/components/keyboard-shortcut-help-modal/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.KEYBOARD_SHORTCUT_HELP_MODAL_NAME = void 0;
 exports.default = KeyboardShortcutHelpModal;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -38,15 +38,15 @@ const ShortcutList = ({
  * Safari+VoiceOver won't announce the list otherwise.
  */
 /* eslint-disable jsx-a11y/no-redundant-roles */
-(0, _element.createElement)("ul", {
+(0, _react.createElement)("ul", {
   className: "edit-site-keyboard-shortcut-help-modal__shortcut-list",
   role: "list"
-}, shortcuts.map((shortcut, index) => (0, _element.createElement)("li", {
+}, shortcuts.map((shortcut, index) => (0, _react.createElement)("li", {
   className: "edit-site-keyboard-shortcut-help-modal__shortcut",
   key: index
-}, typeof shortcut === 'string' ? (0, _element.createElement)(_dynamicShortcut.default, {
+}, typeof shortcut === 'string' ? (0, _react.createElement)(_dynamicShortcut.default, {
   name: shortcut
-}) : (0, _element.createElement)(_shortcut.default, {
+}) : (0, _react.createElement)(_shortcut.default, {
   ...shortcut
 }))))
 /* eslint-enable jsx-a11y/no-redundant-roles */;
@@ -55,11 +55,11 @@ const ShortcutSection = ({
   title,
   shortcuts,
   className
-}) => (0, _element.createElement)("section", {
+}) => (0, _react.createElement)("section", {
   className: (0, _classnames.default)('edit-site-keyboard-shortcut-help-modal__section', className)
-}, !!title && (0, _element.createElement)("h2", {
+}, !!title && (0, _react.createElement)("h2", {
   className: "edit-site-keyboard-shortcut-help-modal__section-title"
-}, title), (0, _element.createElement)(ShortcutList, {
+}, title), (0, _react.createElement)(ShortcutList, {
   shortcuts: shortcuts
 }));
 const ShortcutCategorySection = ({
@@ -70,7 +70,7 @@ const ShortcutCategorySection = ({
   const categoryShortcuts = (0, _data.useSelect)(select => {
     return select(_keyboardShortcuts.store).getCategoryShortcuts(categoryName);
   }, [categoryName]);
-  return (0, _element.createElement)(ShortcutSection, {
+  return (0, _react.createElement)(ShortcutSection, {
     title: title,
     shortcuts: categoryShortcuts.concat(additionalShortcuts)
   });
@@ -86,20 +86,20 @@ function KeyboardShortcutHelpModal() {
   if (!isModalActive) {
     return null;
   }
-  return (0, _element.createElement)(_components.Modal, {
+  return (0, _react.createElement)(_components.Modal, {
     className: "edit-site-keyboard-shortcut-help-modal",
     title: (0, _i18n.__)('Keyboard shortcuts'),
     onRequestClose: toggleModal
-  }, (0, _element.createElement)(ShortcutSection, {
+  }, (0, _react.createElement)(ShortcutSection, {
     className: "edit-site-keyboard-shortcut-help-modal__main-shortcuts",
     shortcuts: ['core/edit-site/keyboard-shortcuts']
-  }), (0, _element.createElement)(ShortcutCategorySection, {
+  }), (0, _react.createElement)(ShortcutCategorySection, {
     title: (0, _i18n.__)('Global shortcuts'),
     categoryName: "global"
-  }), (0, _element.createElement)(ShortcutCategorySection, {
+  }), (0, _react.createElement)(ShortcutCategorySection, {
     title: (0, _i18n.__)('Selection shortcuts'),
     categoryName: "selection"
-  }), (0, _element.createElement)(ShortcutCategorySection, {
+  }), (0, _react.createElement)(ShortcutCategorySection, {
     title: (0, _i18n.__)('Block shortcuts'),
     categoryName: "block",
     additionalShortcuts: [{
@@ -110,7 +110,7 @@ function KeyboardShortcutHelpModal() {
       /* translators: The forward-slash character. e.g. '/'. */
       ariaLabel: (0, _i18n.__)('Forward-slash')
     }]
-  }), (0, _element.createElement)(ShortcutSection, {
+  }), (0, _react.createElement)(ShortcutSection, {
     title: (0, _i18n.__)('Text formatting'),
     shortcuts: _config.textFormattingShortcuts
   }));

package/build/components/keyboard-shortcut-help-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_keyboardShortcuts","_interface","_data","_config","_shortcut","_dynamicShortcut","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","exports","ShortcutList","shortcuts","_element","createElement","className","role","map","shortcut","index","key","default","name","ShortcutSection","title","classnames","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","useSelect","select","keyboardShortcutsStore","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","interfaceStore","closeModal","openModal","useDispatch","toggleModal","useShortcut","Modal","__","onRequestClose","keyCombination","character","description","ariaLabel","textFormattingShortcuts"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nexport const KEYBOARD_SHORTCUT_HELP_MODAL_NAME =\n\t'edit-site/keyboard-shortcut-help';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ classnames(\n\t\t\t'edit-site-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"edit-site-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal() {\n\tconst isModalActive = useSelect( ( select ) =>\n\t\tselect( interfaceStore ).isModalActive(\n\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t)\n\t);\n\tconst { closeModal, openModal } = useDispatch( interfaceStore );\n\tconst toggleModal = () =>\n\t\tisModalActive\n\t\t\t? closeModal()\n\t\t\t: openModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\tuseShortcut( 'core/edit-site/keyboard-shortcuts', toggleModal );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/edit-site/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_keyboardShortcuts","_interface","_data","_config","_shortcut","_dynamicShortcut","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","exports","ShortcutList","shortcuts","_react","createElement","className","role","map","shortcut","index","key","default","name","ShortcutSection","title","classnames","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","useSelect","select","keyboardShortcutsStore","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","interfaceStore","closeModal","openModal","useDispatch","toggleModal","useShortcut","Modal","__","onRequestClose","keyCombination","character","description","ariaLabel","textFormattingShortcuts"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nexport const KEYBOARD_SHORTCUT_HELP_MODAL_NAME =\n\t'edit-site/keyboard-shortcut-help';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ classnames(\n\t\t\t'edit-site-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"edit-site-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal() {\n\tconst isModalActive = useSelect( ( select ) =>\n\t\tselect( interfaceStore ).isModalActive(\n\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t)\n\t);\n\tconst { closeModal, openModal } = useDispatch( interfaceStore );\n\tconst toggleModal = () =>\n\t\tisModalActive\n\t\t\t? closeModal()\n\t\t\t: openModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\tuseShortcut( 'core/edit-site/keyboard-shortcuts', toggleModal );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/edit-site/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}

package/build/components/keyboard-shortcut-help-modal/shortcut.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Shortcut;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _keycodes = require("@wordpress/keycodes");
 /**
@@ -16,16 +17,16 @@ function KeyCombination({
 }) {
   const shortcut = keyCombination.modifier ? _keycodes.displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character;
   const ariaLabel = keyCombination.modifier ? _keycodes.shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character;
-  return (0, _element.createElement)("kbd", {
+  return (0, _react.createElement)("kbd", {
     className: "edit-site-keyboard-shortcut-help-modal__shortcut-key-combination",
     "aria-label": forceAriaLabel || ariaLabel
   }, (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
     if (character === '+') {
-      return (0, _element.createElement)(_element.Fragment, {
+      return (0, _react.createElement)(_element.Fragment, {
         key: index
       }, character);
     }
-    return (0, _element.createElement)("kbd", {
+    return (0, _react.createElement)("kbd", {
       key: index,
       className: "edit-site-keyboard-shortcut-help-modal__shortcut-key"
     }, character);
@@ -37,14 +38,14 @@ function Shortcut({
   aliases = [],
   ariaLabel
 }) {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_element.Fragment, null, (0, _react.createElement)("div", {
     className: "edit-site-keyboard-shortcut-help-modal__shortcut-description"
-  }, description), (0, _element.createElement)("div", {
+  }, description), (0, _react.createElement)("div", {
     className: "edit-site-keyboard-shortcut-help-modal__shortcut-term"
-  }, (0, _element.createElement)(KeyCombination, {
+  }, (0, _react.createElement)(KeyCombination, {
     keyCombination: keyCombination,
     forceAriaLabel: ariaLabel
-  }), aliases.map((alias, index) => (0, _element.createElement)(KeyCombination, {
+  }), aliases.map((alias, index) => (0, _react.createElement)(KeyCombination, {
     keyCombination: alias,
     forceAriaLabel: ariaLabel,
     key: index

package/build/components/keyboard-shortcut-help-modal/shortcut.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_keycodes","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","displayShortcutList","character","ariaLabel","shortcutAriaLabel","createElement","className","Array","isArray","map","index","Fragment","key","Shortcut","description","aliases","alias"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nexport default function Shortcut( {\n\tdescription,\n\tkeyCombination,\n\taliases = [],\n\tariaLabel,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-site-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"edit-site-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCC,6BAAmB,CAAEJ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAC3B,MAAMC,SAAS,GAAGN,cAAc,CAACG,QAAQ,GACtCI,2BAAiB,CAAEP,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAE3B,OACC,IAAAT,QAAA,CAAAY,aAAA;IACCC,SAAS,EAAC,kEAAkE;IAC5E,cAAaR,cAAc,IAAIK;EAAW,GAExC,CAAEI,KAAK,CAACC,OAAO,CAAET,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGU,GAAG,CAC5D,CAAEP,SAAS,EAAEQ,KAAK,KAAM;IACvB,IAAKR,SAAS,KAAK,GAAG,EAAG;MACxB,OAAO,IAAAT,QAAA,CAAAY,aAAA,EAACZ,QAAA,CAAAkB,QAAQ;QAACC,GAAG,EAAGF;MAAO,GAAGR,SAAqB,CAAC;IACxD;IAEA,OACC,IAAAT,QAAA,CAAAY,aAAA;MACCO,GAAG,EAAGF,KAAO;MACbJ,SAAS,EAAC;IAAsD,GAE9DJ,SACE,CAAC;EAER,CACD,CACI,CAAC;AAER;AAEe,SAASW,QAAQA,CAAE;EACjCC,WAAW;EACXjB,cAAc;EACdkB,OAAO,GAAG,EAAE;EACZZ;AACD,CAAC,EAAG;EACH,OACC,IAAAV,QAAA,CAAAY,aAAA,EAAAZ,QAAA,CAAAkB,QAAA,QACC,IAAAlB,QAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA8D,GAC1EQ,WACE,CAAC,EACN,IAAArB,QAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAuD,GACrE,IAAAb,QAAA,CAAAY,aAAA,EAACT,cAAc;IACdC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGK;EAAW,CAC5B,CAAC,EACAY,OAAO,CAACN,GAAG,CAAE,CAAEO,KAAK,EAAEN,KAAK,KAC5B,IAAAjB,QAAA,CAAAY,aAAA,EAACT,cAAc;IACdC,cAAc,EAAGmB,KAAO;IACxBlB,cAAc,EAAGK,SAAW;IAC5BS,GAAG,EAAGF;EAAO,CACb,CACA,CACE,CACJ,CAAC;AAEL"}
+{"version":3,"names":["_element","require","_keycodes","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","displayShortcutList","character","ariaLabel","shortcutAriaLabel","_react","createElement","className","Array","isArray","map","index","Fragment","key","Shortcut","description","aliases","alias"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"edit-site-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nexport default function Shortcut( {\n\tdescription,\n\tkeyCombination,\n\taliases = [],\n\tariaLabel,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-site-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"edit-site-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCC,6BAAmB,CAAEJ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAC3B,MAAMC,SAAS,GAAGN,cAAc,CAACG,QAAQ,GACtCI,2BAAiB,CAAEP,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAE3B,OACC,IAAAG,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,kEAAkE;IAC5E,cAAaT,cAAc,IAAIK;EAAW,GAExC,CAAEK,KAAK,CAACC,OAAO,CAAEV,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGW,GAAG,CAC5D,CAAER,SAAS,EAAES,KAAK,KAAM;IACvB,IAAKT,SAAS,KAAK,GAAG,EAAG;MACxB,OAAO,IAAAG,MAAA,CAAAC,aAAA,EAACb,QAAA,CAAAmB,QAAQ;QAACC,GAAG,EAAGF;MAAO,GAAGT,SAAqB,CAAC;IACxD;IAEA,OACC,IAAAG,MAAA,CAAAC,aAAA;MACCO,GAAG,EAAGF,KAAO;MACbJ,SAAS,EAAC;IAAsD,GAE9DL,SACE,CAAC;EAER,CACD,CACI,CAAC;AAER;AAEe,SAASY,QAAQA,CAAE;EACjCC,WAAW;EACXlB,cAAc;EACdmB,OAAO,GAAG,EAAE;EACZb;AACD,CAAC,EAAG;EACH,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAb,QAAA,CAAAmB,QAAA,QACC,IAAAP,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA8D,GAC1EQ,WACE,CAAC,EACN,IAAAV,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAuD,GACrE,IAAAF,MAAA,CAAAC,aAAA,EAACV,cAAc;IACdC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGK;EAAW,CAC5B,CAAC,EACAa,OAAO,CAACN,GAAG,CAAE,CAAEO,KAAK,EAAEN,KAAK,KAC5B,IAAAN,MAAA,CAAAC,aAAA,EAACV,cAAc;IACdC,cAAc,EAAGoB,KAAO;IACxBnB,cAAc,EAAGK,SAAW;IAC5BU,GAAG,EAAGF;EAAO,CACb,CACA,CACE,CACJ,CAAC;AAEL"}

package/build/components/layout/index.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Layout;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _interface = require("@wordpress/interface");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _commands = require("@wordpress/commands");
@@ -145,7 +146,7 @@ function Layout() {
   if (canvasMode === 'init') {
     return null;
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_commands.CommandMenu, null), (0, _element.createElement)(_register.default, null), (0, _element.createElement)(_global.default, null), fullResizer, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_commands.CommandMenu, null), (0, _react.createElement)(_register.default, null), (0, _react.createElement)(_global.default, null), fullResizer, (0, _react.createElement)("div", {
     ...navigateRegionsProps,
     ref: navigateRegionsProps.ref,
     className: (0, _classnames.default)('edit-site-layout', navigateRegionsProps.className, {
@@ -154,7 +155,7 @@ function Layout() {
       'is-edit-mode': isEditing,
       'has-fixed-toolbar': hasFixedToolbar
     })
-  }, (0, _element.createElement)(_components.__unstableMotion.div, {
+  }, (0, _react.createElement)(_components.__unstableMotion.div, {
     className: "edit-site-layout__header-container",
     variants: {
       isDistractionFree: {
@@ -184,7 +185,7 @@ function Layout() {
     },
     whileHover: isDistractionFree ? 'isDistractionFreeHovering' : undefined,
     animate: headerAnimationState
-  }, (0, _element.createElement)(_siteHub.default, {
+  }, (0, _react.createElement)(_siteHub.default, {
     variants: {
       isDistractionFree: {
         x: '-100%'
@@ -202,9 +203,9 @@ function Layout() {
     ref: hubRef,
     isTransparent: isResizableFrameOversized,
     className: "edit-site-layout__hub"
-  }), (0, _element.createElement)(_components.__unstableAnimatePresence, {
+  }), (0, _react.createElement)(_components.__unstableAnimatePresence, {
     initial: false
-  }, isEditorPage && isEditing && (0, _element.createElement)(_interface.NavigableRegion, {
+  }, isEditorPage && isEditing && (0, _react.createElement)(_interface.NavigableRegion, {
     key: "header",
     className: "edit-site-layout__header",
     ariaLabel: (0, _i18n.__)('Editor top bar'),
@@ -239,14 +240,14 @@ function Layout() {
       duration: disableMotion ? 0 : 0.2,
       ease: 'easeOut'
     }
-  }, (0, _element.createElement)(_headerEditMode.default, {
+  }, (0, _react.createElement)(_headerEditMode.default, {
     setListViewToggleElement: setListViewToggleElement
-  })))), (0, _element.createElement)("div", {
+  })))), (0, _react.createElement)("div", {
     className: "edit-site-layout__content"
-  }, (0, _element.createElement)(_interface.NavigableRegion, {
+  }, (0, _react.createElement)(_interface.NavigableRegion, {
     ariaLabel: (0, _i18n.__)('Navigation'),
     className: "edit-site-layout__sidebar-region"
-  }, (0, _element.createElement)(_components.__unstableMotion.div, {
+  }, (0, _react.createElement)(_components.__unstableMotion.div, {
     // The sidebar is needed for routing on mobile
     // (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),
     // so we can't remove the element entirely. Using `inert` will make
@@ -263,11 +264,11 @@ function Layout() {
       ease: 'easeOut'
     },
     className: "edit-site-layout__sidebar"
-  }, (0, _element.createElement)(_sidebar.default, null))), (0, _element.createElement)(_savePanel.default, null), showCanvas && (0, _element.createElement)(_element.Fragment, null, isListPage && (0, _element.createElement)(_pageMain.default, null), isEditorPage && (0, _element.createElement)("div", {
+  }, (0, _react.createElement)(_sidebar.default, null))), (0, _react.createElement)(_savePanel.default, null), showCanvas && (0, _react.createElement)(_react.Fragment, null, isListPage && (0, _react.createElement)(_pageMain.default, null), isEditorPage && (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-layout__canvas-container', {
       'is-resizing': isResizing
     })
-  }, canvasResizer, !!canvasSize.width && (0, _element.createElement)(_components.__unstableMotion.div, {
+  }, canvasResizer, !!canvasSize.width && (0, _react.createElement)(_components.__unstableMotion.div, {
     whileHover: isEditorPage && canvasMode === 'view' ? {
       scale: 1.005,
       transition: {
@@ -285,7 +286,7 @@ function Layout() {
       duration: disableMotion || isResizing ? 0 : ANIMATION_DURATION,
       ease: 'easeOut'
     }
-  }, (0, _element.createElement)(_errorBoundary.default, null, (0, _element.createElement)(_resizableFrame.default, {
+  }, (0, _react.createElement)(_errorBoundary.default, null, (0, _react.createElement)(_resizableFrame.default, {
     isReady: !isEditorLoading,
     isFullWidth: isEditing,
     defaultSize: {
@@ -297,7 +298,7 @@ function Layout() {
     innerContentStyle: {
       background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
     }
-  }, (0, _element.createElement)(_editor.default, {
+  }, (0, _react.createElement)(_editor.default, {
     listViewToggleElement: listViewToggleElement,
     isLoading: isEditorLoading
   })))))))));

package/build/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_data","_components","_compose","_i18n","_interface","_keyboardShortcuts","_commands","_preferences","_blockEditor","_router","_coreCommands","_sidebar","_editor","_errorBoundary","_store","_getIsListPage","_headerEditMode","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_pageMain","_hooks","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useLocation","routerPrivateApis","useGlobalStyle","blockEditorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","useBlockCommands","hubRef","useRef","params","isMobileViewport","useViewportMatch","isListPage","getIsListPage","isEditorPage","isDistractionFree","hasFixedToolbar","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","isEditing","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","useResizeObserver","fullResizer","isResizing","useState","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","CommandMenu","default","ref","className","classnames","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","__unstableAnimatePresence","initial","NavigableRegion","key","ariaLabel","__","as","motion","y","exit","duration","ease","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockCommands,\n} from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/**\n * Internal dependencies\n */\nimport Sidebar from '../sidebar';\nimport Editor from '../editor';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport PageMain from '../page-main';\nimport { useIsSiteEditorLoading } from './hooks';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\tuseBlockCommands();\n\n\tconst hubRef = useRef();\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && ! isListPage ) ||\n\t\t( ! isMobileViewport && ( canvasMode === 'view' || ! isEditorPage ) );\n\tconst showCanvas =\n\t\t( isMobileViewport && isEditorPage && isEditing ) ||\n\t\t! isMobileViewport ||\n\t\t! isEditorPage;\n\tconst isFullCanvas =\n\t\t( isMobileViewport && isListPage ) || ( isEditorPage && isEditing );\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tconst commandContext =\n\t\tcanvasMode === 'edit' && isEditorPage\n\t\t\t? 'site-editor-edit'\n\t\t\t: 'site-editor';\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ isEditorPage && isEditing && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header\n\t\t\t\t\t\t\t\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\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</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /*\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'inert' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion || isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion || isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 /* $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_interface","_keyboardShortcuts","_commands","_preferences","_blockEditor","_router","_coreCommands","_sidebar","_editor","_errorBoundary","_store","_getIsListPage","_headerEditMode","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_pageMain","_hooks","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useLocation","routerPrivateApis","useGlobalStyle","blockEditorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","useBlockCommands","hubRef","useRef","params","isMobileViewport","useViewportMatch","isListPage","getIsListPage","isEditorPage","isDistractionFree","hasFixedToolbar","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","isEditing","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","useResizeObserver","fullResizer","isResizing","useState","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","_react","createElement","Fragment","CommandMenu","default","ref","className","classnames","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","__unstableAnimatePresence","initial","NavigableRegion","key","ariaLabel","__","as","motion","y","exit","duration","ease","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockCommands,\n} from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/**\n * Internal dependencies\n */\nimport Sidebar from '../sidebar';\nimport Editor from '../editor';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport PageMain from '../page-main';\nimport { useIsSiteEditorLoading } from './hooks';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\tuseBlockCommands();\n\n\tconst hubRef = useRef();\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && ! isListPage ) ||\n\t\t( ! isMobileViewport && ( canvasMode === 'view' || ! isEditorPage ) );\n\tconst showCanvas =\n\t\t( isMobileViewport && isEditorPage && isEditing ) ||\n\t\t! isMobileViewport ||\n\t\t! isEditorPage;\n\tconst isFullCanvas =\n\t\t( isMobileViewport && isListPage ) || ( isEditorPage && isEditing );\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tconst commandContext =\n\t\tcanvasMode === 'edit' && isEditorPage\n\t\t\t? 'site-editor-edit'\n\t\t\t: 'site-editor';\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ isEditorPage && isEditing && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header\n\t\t\t\t\t\t\t\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\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</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /*\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'inert' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion || isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion || isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 /* $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}