@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build-module/components/global-styles-sidebar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["FlexItem","Flex","Button","__","styles","seen","backup","useSelect","useDispatch","useEffect","useRef","store","preferencesStore","editorStore","privateApis","editorPrivateApis","useViewportMatch","routerPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","useLocation","GlobalStylesSidebar","query","canvas","name","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","isMobileViewport","setIsListViewOpened","toggleRevisions","toggleStyleBook","enableComplementaryArea","previousActiveAreaRef","current","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","justify","label","isPressed","accessibleWhenDisabled","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view', name } = query;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst previousActiveAreaRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tif ( name === 'styles' && canvas === 'edit' ) {\n\t\t\tpreviousActiveAreaRef.current =\n\t\t\t\tgetActiveComplementaryArea( 'core' );\n\t\t\tenableComplementaryArea( 'core', 'edit-site/global-styles' );\n\t\t} else if ( previousActiveAreaRef.current ) {\n\t\t\tenableComplementaryArea( 'core', previousActiveAreaRef.current );\n\t\t}\n\t}, [ name, enableComplementaryArea, canvas, getActiveComplementaryArea ] );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened ||\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened ||\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view', name } = query;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst previousActiveAreaRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tif ( name === 'styles' && canvas === 'edit' ) {\n\t\t\tpreviousActiveAreaRef.current =\n\t\t\t\tgetActiveComplementaryArea( 'core' );\n\t\t\tenableComplementaryArea( 'core', 'edit-site/global-styles' );\n\t\t} else if ( previousActiveAreaRef.current ) {\n\t\t\tenableComplementaryArea( 'core', previousActiveAreaRef.current );\n\t\t}\n\t}, [ name, enableComplementaryArea, canvas, getActiveComplementaryArea ] );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened ||\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened ||\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],
+  "mappings": "AA8JM,cAID,YAJC;AA3JN,SAAS,UAAU,MAAM,cAAc;AACvC,SAAS,UAAU;AACnB,SAAS,QAAQ,MAAM,cAAc;AACrC,SAAS,WAAW,mBAAmB;AACvC,SAAS,WAAW,cAAc;AAClC,SAAS,SAAS,wBAAwB;AAC1C;AAAA,EACC,SAAS;AAAA,EACT,eAAe;AAAA,OACT;AACP,SAAS,wBAAwB;AACjC,SAAS,eAAe,yBAAyB;AAKjD,SAAS,sBAAsB;AAC/B,SAAS,SAAS,qBAAqB;AACvC,SAAS,4BAA4B;AACrC,SAAS,cAAc;AACvB,SAAS,SAAS,iBAAiB;AACnC,OAAO,oBAAoB;AAE3B,MAAM,EAAE,eAAe,IAAI,OAAQ,iBAAkB;AACrD,MAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAEnC,SAAR,sBAAuC;AAC7C,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,QAAM,EAAE,SAAS,QAAQ,KAAK,IAAI;AAClC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM,EAAE,4BAAAA,4BAA2B,IAAI,OAAQ,cAAe;AAC9D,YAAM,EAAE,6BAA6B,IAAI;AAAA,QACxC,OAAQ,aAAc;AAAA,MACvB;AACA,YAAM,sBAAsB,6BAA6B;AACzD,YAAM,sBACL,aAAa,OAAQ,WAAY,EAAE,cAAc;AAClD,YAAM,oBAAoB,WAAW;AACrC,YAAM,yBAAyB,OAAQ,gBAAiB,EAAE;AAAA,QACzD;AAAA,QACA;AAAA,MACD;AACA,YAAM,EAAE,iBAAiB,uCAAuC,IAC/D,OAAQ,SAAU;AAEnB,YAAM,iBAAiB,uCAAuC;AAC9D,YAAM,eAAe,iBAClB,gBAAiB,QAAQ,gBAAgB,cAAe,IACxD;AAEH,aAAO;AAAA,QACN,mBAAmB,iBAAiB;AAAA,QACpC,gCACC,8BACCA,4BAA4B,MAAO,KACpC,CAAE,uBACF,CAAE;AAAA,QACH,uBAAuB;AAAA,QACvB,cACC,CAAC,CAAE,cAAc,SAAU,iBAAkB,IAAK,CAAE,GACjD;AAAA,QACJ,4BACC,yCACA;AAAA,QACD,mBACC,8BAA8B;AAAA,MAChC;AAAA,IACD;AAAA,IACA,CAAE,MAAO;AAAA,EACV;AACA,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AACA,QAAM,mBAAmB,iBAAkB,UAAU,GAAI;AAEzD,YAAW,MAAM;AAChB,QAAK,gCAAiC;AACrC,mCAA8B,MAAU;AAAA,IACzC;AAAA,EACD,GAAG,CAAE,gCAAgC,4BAA6B,CAAE;AAEpE,QAAM,EAAE,oBAAoB,IAAI,YAAa,WAAY;AAEzD,QAAM,kBAAkB,MAAM;AAC7B,wBAAqB,KAAM;AAC3B,QAAK,4BAA6B;AACjC,mCAA8B,YAAa;AAC3C;AAAA,IACD;AACA,QAAK,mBAAoB;AACxB,mCAA8B,MAAU;AACxC;AAAA,IACD;AAEA,QAAK,mBAAoB;AACxB;AAAA,QACC;AAAA,MACD;AAAA,IACD,OAAO;AACN,mCAA8B,yBAA0B;AAAA,IACzD;AAAA,EACD;AACA,QAAM,kBAAkB,MAAM;AAC7B,QAAK,mBAAoB;AACxB;AAAA,QACC;AAAA,MACD;AACA;AAAA,IACD;AACA,QAAK,4BAA6B;AACjC,mCAA8B,yBAA0B;AACxD;AAAA,IACD;AACA,wBAAqB,qBAAqB,qBAAsB;AAChE;AAAA,MACC,oBAAoB,SAAY;AAAA,IACjC;AAAA,EACD;AAEA,QAAM,EAAE,2BAA2B,IAAI,UAAW,cAAe;AACjE,QAAM,EAAE,wBAAwB,IAAI,YAAa,cAAe;AAChE,QAAM,wBAAwB,OAAQ,IAAK;AAE3C,YAAW,MAAM;AAChB,QAAK,SAAS,YAAY,WAAW,QAAS;AAC7C,4BAAsB,UACrB,2BAA4B,MAAO;AACpC,8BAAyB,QAAQ,yBAA0B;AAAA,IAC5D,WAAY,sBAAsB,SAAU;AAC3C,8BAAyB,QAAQ,sBAAsB,OAAQ;AAAA,IAChE;AAAA,EACD,GAAG,CAAE,MAAM,yBAAyB,QAAQ,0BAA2B,CAAE;AAEzE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,YAAW;AAAA,MACX,OAAQ,GAAI,QAAS;AAAA,MACrB,MAAO;AAAA,MACP,YAAa,GAAI,cAAe;AAAA,MAChC,gBAAe;AAAA,MACf,QACC;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,KAAM;AAAA,UAEN;AAAA,gCAAC,YACA,8BAAC,QAAG,WAAU,iDACX,aAAI,QAAS,GAChB,GACD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,SAAQ;AAAA,gBACR,KAAM;AAAA,gBACN,WAAU;AAAA,gBAER;AAAA,mBAAE,oBACH,oBAAC,YACA;AAAA,oBAAC;AAAA;AAAA,sBACA,MAAO;AAAA,sBACP,OAAQ,GAAI,YAAa;AAAA,sBACzB,WACC,qBACA;AAAA,sBAED,wBAAsB;AAAA,sBACtB,UAAW;AAAA,sBACX,SAAU;AAAA,sBACV,MAAK;AAAA;AAAA,kBACN,GACD;AAAA,kBAED,oBAAC,YACA;AAAA,oBAAC;AAAA;AAAA,sBACA,OAAQ,GAAI,WAAY;AAAA,sBACxB,MAAO;AAAA,sBACP,SAAU;AAAA,sBACV,wBAAsB;AAAA,sBACtB,UAAW,CAAE;AAAA,sBACb,WACC,qBACA;AAAA,sBAED,MAAK;AAAA;AAAA,kBACN,GACD;AAAA,kBACA,oBAAC,wBAAqB;AAAA;AAAA;AAAA,YACvB;AAAA;AAAA;AAAA,MACD;AAAA,MAGD,8BAAC,kBAAe;AAAA;AAAA,EACjB;AAEF;",
+  "names": ["getActiveComplementaryArea"]
+}

package/build-module/components/layout/animation.js

@@ -1,12 +1,5 @@
-/**
- * External dependencies
- */
-import { Controller, easings } from '@react-spring/web';
-
-/**
- * WordPress dependencies
- */
-import { useLayoutEffect, useMemo, useRef } from '@wordpress/element';
+import { Controller, easings } from "@react-spring/web";
+import { useLayoutEffect, useMemo, useRef } from "@wordpress/element";
 function getAbsolutePosition(element) {
   return {
     top: element.offsetTop,
@@ -14,43 +7,22 @@ function getAbsolutePosition(element) {
   };
 }
 const ANIMATION_DURATION = 400;
-
-/**
- * Hook used to compute the styles required to move a div into a new position.
- *
- * The way this animation works is the following:
- *  - It first renders the element as if there was no animation.
- *  - It takes a snapshot of the position of the block to use it
- *    as a destination point for the animation.
- *  - It restores the element to the previous position using a CSS transform
- *  - It uses the "resetAnimation" flag to reset the animation
- *    from the beginning in order to animate to the new destination point.
- *
- * @param {Object} $1                          Options
- * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.
- */
-function useMovingAnimation({
-  triggerAnimationOnChange
-}) {
+function useMovingAnimation({ triggerAnimationOnChange }) {
   const ref = useRef();
-
-  // Whenever the trigger changes, we need to take a snapshot of the current
-  // position of the block to use it as a destination point for the animation.
-  const {
-    previous,
-    prevRect
-  } = useMemo(() => ({
-    previous: ref.current && getAbsolutePosition(ref.current),
-    prevRect: ref.current && ref.current.getBoundingClientRect()
-  }), [triggerAnimationOnChange]);
+  const { previous, prevRect } = useMemo(
+    () => ({
+      previous: ref.current && getAbsolutePosition(ref.current),
+      prevRect: ref.current && ref.current.getBoundingClientRect()
+    }),
+    [triggerAnimationOnChange]
+  );
   useLayoutEffect(() => {
     if (!previous || !ref.current) {
       return;
     }
-
-    // We disable the animation if the user has a preference for reduced
-    // motion.
-    const disableAnimation = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const disableAnimation = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
     if (disableAnimation) {
       return;
     }
@@ -63,31 +35,23 @@ function useMovingAnimation({
         duration: ANIMATION_DURATION,
         easing: easings.easeInOutQuint
       },
-      onChange({
-        value
-      }) {
+      onChange({ value }) {
         if (!ref.current) {
           return;
         }
-        let {
-          x,
-          y,
-          width,
-          height
-        } = value;
-        x = Math.round(x);
-        y = Math.round(y);
-        width = Math.round(width);
-        height = Math.round(height);
-        const finishedMoving = x === 0 && y === 0;
-        ref.current.style.transformOrigin = 'center center';
-        ref.current.style.transform = finishedMoving ? null // Set to `null` to explicitly remove the transform.
-        : `translate3d(${x}px,${y}px,0)`;
-        ref.current.style.width = finishedMoving ? null : `${width}px`;
-        ref.current.style.height = finishedMoving ? null : `${height}px`;
+        let { x: x2, y: y2, width: width2, height: height2 } = value;
+        x2 = Math.round(x2);
+        y2 = Math.round(y2);
+        width2 = Math.round(width2);
+        height2 = Math.round(height2);
+        const finishedMoving = x2 === 0 && y2 === 0;
+        ref.current.style.transformOrigin = "center center";
+        ref.current.style.transform = finishedMoving ? null : `translate3d(${x2}px,${y2}px,0)`;
+        ref.current.style.width = finishedMoving ? null : `${width2}px`;
+        ref.current.style.height = finishedMoving ? null : `${height2}px`;
       }
     });
-    ref.current.style.transform = undefined;
+    ref.current.style.transform = void 0;
     const destination = ref.current.getBoundingClientRect();
     const x = Math.round(prevRect.left - destination.left);
     const y = Math.round(prevRect.top - destination.top);
@@ -98,12 +62,7 @@ function useMovingAnimation({
       y: 0,
       width,
       height,
-      from: {
-        x,
-        y,
-        width: prevRect.width,
-        height: prevRect.height
-      }
+      from: { x, y, width: prevRect.width, height: prevRect.height }
     });
     return () => {
       controller.stop();
@@ -117,5 +76,8 @@ function useMovingAnimation({
   }, [previous, prevRect]);
   return ref;
 }
-export default useMovingAnimation;
-//# sourceMappingURL=animation.js.map
+var animation_default = useMovingAnimation;
+export {
+  animation_default as default
+};
+//# sourceMappingURL=animation.js.map

package/build-module/components/layout/animation.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Controller","easings","useLayoutEffect","useMemo","useRef","getAbsolutePosition","element","top","offsetTop","left","offsetLeft","ANIMATION_DURATION","useMovingAnimation","triggerAnimationOnChange","ref","previous","prevRect","current","getBoundingClientRect","disableAnimation","window","matchMedia","matches","controller","x","y","width","height","config","duration","easing","easeInOutQuint","onChange","value","Math","round","finishedMoving","style","transformOrigin","transform","undefined","destination","start","from","stop","set"],"sources":["@wordpress/edit-site/src/components/layout/animation.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Controller, easings } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\nfunction getAbsolutePosition( element ) {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n}\n\nconst ANIMATION_DURATION = 400;\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object} $1                          Options\n * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( { triggerAnimationOnChange } ) {\n\tconst ref = useRef();\n\n\t// Whenever the trigger changes, we need to take a snapshot of the current\n\t// position of the block to use it as a destination point for the animation.\n\tconst { previous, prevRect } = useMemo(\n\t\t() => ( {\n\t\t\tprevious: ref.current && getAbsolutePosition( ref.current ),\n\t\t\tprevRect: ref.current && ref.current.getBoundingClientRect(),\n\t\t} ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous || ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We disable the animation if the user has a preference for reduced\n\t\t// motion.\n\t\tconst disableAnimation = window.matchMedia(\n\t\t\t'(prefers-reduced-motion: reduce)'\n\t\t).matches;\n\n\t\tif ( disableAnimation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new Controller( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: prevRect.width,\n\t\t\theight: prevRect.height,\n\t\t\tconfig: {\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: easings.easeInOutQuint,\n\t\t\t},\n\t\t\tonChange( { value } ) {\n\t\t\t\tif ( ! ref.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet { x, y, width, height } = value;\n\t\t\t\tx = Math.round( x );\n\t\t\t\ty = Math.round( y );\n\t\t\t\twidth = Math.round( width );\n\t\t\t\theight = Math.round( height );\n\t\t\t\tconst finishedMoving = x === 0 && y === 0;\n\t\t\t\tref.current.style.transformOrigin = 'center center';\n\t\t\t\tref.current.style.transform = finishedMoving\n\t\t\t\t\t? null // Set to `null` to explicitly remove the transform.\n\t\t\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\t\t\tref.current.style.width = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ width }px`;\n\t\t\t\tref.current.style.height = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ height }px`;\n\t\t\t},\n\t\t} );\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = ref.current.getBoundingClientRect();\n\n\t\tconst x = Math.round( prevRect.left - destination.left );\n\t\tconst y = Math.round( prevRect.top - destination.top );\n\t\tconst width = destination.width;\n\t\tconst height = destination.height;\n\n\t\tcontroller.start( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tfrom: { x, y, width: prevRect.width, height: prevRect.height },\n\t\t} );\n\n\t\treturn () => {\n\t\t\tcontroller.stop();\n\t\t\tcontroller.set( {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: prevRect.width,\n\t\t\t\theight: prevRect.height,\n\t\t\t} );\n\t\t};\n\t}, [ previous, prevRect ] );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,OAAO,QAAQ,mBAAmB;;AAEvD;AACA;AACA;AACA,SAASC,eAAe,EAAEC,OAAO,EAAEC,MAAM,QAAQ,oBAAoB;AAErE,SAASC,mBAAmBA,CAAEC,OAAO,EAAG;EACvC,OAAO;IACNC,GAAG,EAAED,OAAO,CAACE,SAAS;IACtBC,IAAI,EAAEH,OAAO,CAACI;EACf,CAAC;AACF;AAEA,MAAMC,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EAC3D,MAAMC,GAAG,GAAGV,MAAM,CAAC,CAAC;;EAEpB;EACA;EACA,MAAM;IAAEW,QAAQ;IAAEC;EAAS,CAAC,GAAGb,OAAO,CACrC,OAAQ;IACPY,QAAQ,EAAED,GAAG,CAACG,OAAO,IAAIZ,mBAAmB,CAAES,GAAG,CAACG,OAAQ,CAAC;IAC3DD,QAAQ,EAAEF,GAAG,CAACG,OAAO,IAAIH,GAAG,CAACG,OAAO,CAACC,qBAAqB,CAAC;EAC5D,CAAC,CAAE,EACH,CAAEL,wBAAwB,CAC3B,CAAC;EAEDX,eAAe,CAAE,MAAM;IACtB,IAAK,CAAEa,QAAQ,IAAI,CAAED,GAAG,CAACG,OAAO,EAAG;MAClC;IACD;;IAEA;IACA;IACA,MAAME,gBAAgB,GAAGC,MAAM,CAACC,UAAU,CACzC,kCACD,CAAC,CAACC,OAAO;IAET,IAAKH,gBAAgB,EAAG;MACvB;IACD;IAEA,MAAMI,UAAU,GAAG,IAAIvB,UAAU,CAAE;MAClCwB,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,KAAK,EAAEV,QAAQ,CAACU,KAAK;MACrBC,MAAM,EAAEX,QAAQ,CAACW,MAAM;MACvBC,MAAM,EAAE;QACPC,QAAQ,EAAElB,kBAAkB;QAC5BmB,MAAM,EAAE7B,OAAO,CAAC8B;MACjB,CAAC;MACDC,QAAQA,CAAE;QAAEC;MAAM,CAAC,EAAG;QACrB,IAAK,CAAEnB,GAAG,CAACG,OAAO,EAAG;UACpB;QACD;QACA,IAAI;UAAEO,CAAC;UAAEC,CAAC;UAAEC,KAAK;UAAEC;QAAO,CAAC,GAAGM,KAAK;QACnCT,CAAC,GAAGU,IAAI,CAACC,KAAK,CAAEX,CAAE,CAAC;QACnBC,CAAC,GAAGS,IAAI,CAACC,KAAK,CAAEV,CAAE,CAAC;QACnBC,KAAK,GAAGQ,IAAI,CAACC,KAAK,CAAET,KAAM,CAAC;QAC3BC,MAAM,GAAGO,IAAI,CAACC,KAAK,CAAER,MAAO,CAAC;QAC7B,MAAMS,cAAc,GAAGZ,CAAC,KAAK,CAAC,IAAIC,CAAC,KAAK,CAAC;QACzCX,GAAG,CAACG,OAAO,CAACoB,KAAK,CAACC,eAAe,GAAG,eAAe;QACnDxB,GAAG,CAACG,OAAO,CAACoB,KAAK,CAACE,SAAS,GAAGH,cAAc,GACzC,IAAI,CAAC;QAAA,EACL,eAAgBZ,CAAC,MAAQC,CAAC,OAAQ;QACrCX,GAAG,CAACG,OAAO,CAACoB,KAAK,CAACX,KAAK,GAAGU,cAAc,GACrC,IAAI,GACJ,GAAIV,KAAK,IAAK;QACjBZ,GAAG,CAACG,OAAO,CAACoB,KAAK,CAACV,MAAM,GAAGS,cAAc,GACtC,IAAI,GACJ,GAAIT,MAAM,IAAK;MACnB;IACD,CAAE,CAAC;IAEHb,GAAG,CAACG,OAAO,CAACoB,KAAK,CAACE,SAAS,GAAGC,SAAS;IACvC,MAAMC,WAAW,GAAG3B,GAAG,CAACG,OAAO,CAACC,qBAAqB,CAAC,CAAC;IAEvD,MAAMM,CAAC,GAAGU,IAAI,CAACC,KAAK,CAAEnB,QAAQ,CAACP,IAAI,GAAGgC,WAAW,CAAChC,IAAK,CAAC;IACxD,MAAMgB,CAAC,GAAGS,IAAI,CAACC,KAAK,CAAEnB,QAAQ,CAACT,GAAG,GAAGkC,WAAW,CAAClC,GAAI,CAAC;IACtD,MAAMmB,KAAK,GAAGe,WAAW,CAACf,KAAK;IAC/B,MAAMC,MAAM,GAAGc,WAAW,CAACd,MAAM;IAEjCJ,UAAU,CAACmB,KAAK,CAAE;MACjBlB,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,KAAK;MACLC,MAAM;MACNgB,IAAI,EAAE;QAAEnB,CAAC;QAAEC,CAAC;QAAEC,KAAK,EAAEV,QAAQ,CAACU,KAAK;QAAEC,MAAM,EAAEX,QAAQ,CAACW;MAAO;IAC9D,CAAE,CAAC;IAEH,OAAO,MAAM;MACZJ,UAAU,CAACqB,IAAI,CAAC,CAAC;MACjBrB,UAAU,CAACsB,GAAG,CAAE;QACfrB,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJC,KAAK,EAAEV,QAAQ,CAACU,KAAK;QACrBC,MAAM,EAAEX,QAAQ,CAACW;MAClB,CAAE,CAAC;IACJ,CAAC;EACF,CAAC,EAAE,CAAEZ,QAAQ,EAAEC,QAAQ,CAAG,CAAC;EAE3B,OAAOF,GAAG;AACX;AAEA,eAAeF,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/layout/animation.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { Controller, easings } from '@react-spring/web';\n\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\nfunction getAbsolutePosition( element ) {\n\treturn {\n\t\ttop: element.offsetTop,\n\t\tleft: element.offsetLeft,\n\t};\n}\n\nconst ANIMATION_DURATION = 400;\n\n/**\n * Hook used to compute the styles required to move a div into a new position.\n *\n * The way this animation works is the following:\n *  - It first renders the element as if there was no animation.\n *  - It takes a snapshot of the position of the block to use it\n *    as a destination point for the animation.\n *  - It restores the element to the previous position using a CSS transform\n *  - It uses the \"resetAnimation\" flag to reset the animation\n *    from the beginning in order to animate to the new destination point.\n *\n * @param {Object} $1                          Options\n * @param {*}      $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.\n */\nfunction useMovingAnimation( { triggerAnimationOnChange } ) {\n\tconst ref = useRef();\n\n\t// Whenever the trigger changes, we need to take a snapshot of the current\n\t// position of the block to use it as a destination point for the animation.\n\tconst { previous, prevRect } = useMemo(\n\t\t() => ( {\n\t\t\tprevious: ref.current && getAbsolutePosition( ref.current ),\n\t\t\tprevRect: ref.current && ref.current.getBoundingClientRect(),\n\t\t} ),\n\t\t[ triggerAnimationOnChange ]\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! previous || ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We disable the animation if the user has a preference for reduced\n\t\t// motion.\n\t\tconst disableAnimation = window.matchMedia(\n\t\t\t'(prefers-reduced-motion: reduce)'\n\t\t).matches;\n\n\t\tif ( disableAnimation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new Controller( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth: prevRect.width,\n\t\t\theight: prevRect.height,\n\t\t\tconfig: {\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: easings.easeInOutQuint,\n\t\t\t},\n\t\t\tonChange( { value } ) {\n\t\t\t\tif ( ! ref.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet { x, y, width, height } = value;\n\t\t\t\tx = Math.round( x );\n\t\t\t\ty = Math.round( y );\n\t\t\t\twidth = Math.round( width );\n\t\t\t\theight = Math.round( height );\n\t\t\t\tconst finishedMoving = x === 0 && y === 0;\n\t\t\t\tref.current.style.transformOrigin = 'center center';\n\t\t\t\tref.current.style.transform = finishedMoving\n\t\t\t\t\t? null // Set to `null` to explicitly remove the transform.\n\t\t\t\t\t: `translate3d(${ x }px,${ y }px,0)`;\n\t\t\t\tref.current.style.width = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ width }px`;\n\t\t\t\tref.current.style.height = finishedMoving\n\t\t\t\t\t? null\n\t\t\t\t\t: `${ height }px`;\n\t\t\t},\n\t\t} );\n\n\t\tref.current.style.transform = undefined;\n\t\tconst destination = ref.current.getBoundingClientRect();\n\n\t\tconst x = Math.round( prevRect.left - destination.left );\n\t\tconst y = Math.round( prevRect.top - destination.top );\n\t\tconst width = destination.width;\n\t\tconst height = destination.height;\n\n\t\tcontroller.start( {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tfrom: { x, y, width: prevRect.width, height: prevRect.height },\n\t\t} );\n\n\t\treturn () => {\n\t\t\tcontroller.stop();\n\t\t\tcontroller.set( {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: prevRect.width,\n\t\t\t\theight: prevRect.height,\n\t\t\t} );\n\t\t};\n\t}, [ previous, prevRect ] );\n\n\treturn ref;\n}\n\nexport default useMovingAnimation;\n"],
+  "mappings": "AAGA,SAAS,YAAY,eAAe;AAKpC,SAAS,iBAAiB,SAAS,cAAc;AAEjD,SAAS,oBAAqB,SAAU;AACvC,SAAO;AAAA,IACN,KAAK,QAAQ;AAAA,IACb,MAAM,QAAQ;AAAA,EACf;AACD;AAEA,MAAM,qBAAqB;AAgB3B,SAAS,mBAAoB,EAAE,yBAAyB,GAAI;AAC3D,QAAM,MAAM,OAAO;AAInB,QAAM,EAAE,UAAU,SAAS,IAAI;AAAA,IAC9B,OAAQ;AAAA,MACP,UAAU,IAAI,WAAW,oBAAqB,IAAI,OAAQ;AAAA,MAC1D,UAAU,IAAI,WAAW,IAAI,QAAQ,sBAAsB;AAAA,IAC5D;AAAA,IACA,CAAE,wBAAyB;AAAA,EAC5B;AAEA,kBAAiB,MAAM;AACtB,QAAK,CAAE,YAAY,CAAE,IAAI,SAAU;AAClC;AAAA,IACD;AAIA,UAAM,mBAAmB,OAAO;AAAA,MAC/B;AAAA,IACD,EAAE;AAEF,QAAK,kBAAmB;AACvB;AAAA,IACD;AAEA,UAAM,aAAa,IAAI,WAAY;AAAA,MAClC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO,SAAS;AAAA,MAChB,QAAQ,SAAS;AAAA,MACjB,QAAQ;AAAA,QACP,UAAU;AAAA,QACV,QAAQ,QAAQ;AAAA,MACjB;AAAA,MACA,SAAU,EAAE,MAAM,GAAI;AACrB,YAAK,CAAE,IAAI,SAAU;AACpB;AAAA,QACD;AACA,YAAI,EAAE,GAAAA,IAAG,GAAAC,IAAG,OAAAC,QAAO,QAAAC,QAAO,IAAI;AAC9B,QAAAH,KAAI,KAAK,MAAOA,EAAE;AAClB,QAAAC,KAAI,KAAK,MAAOA,EAAE;AAClB,QAAAC,SAAQ,KAAK,MAAOA,MAAM;AAC1B,QAAAC,UAAS,KAAK,MAAOA,OAAO;AAC5B,cAAM,iBAAiBH,OAAM,KAAKC,OAAM;AACxC,YAAI,QAAQ,MAAM,kBAAkB;AACpC,YAAI,QAAQ,MAAM,YAAY,iBAC3B,OACA,eAAgBD,EAAE,MAAOC,EAAE;AAC9B,YAAI,QAAQ,MAAM,QAAQ,iBACvB,OACA,GAAIC,MAAM;AACb,YAAI,QAAQ,MAAM,SAAS,iBACxB,OACA,GAAIC,OAAO;AAAA,MACf;AAAA,IACD,CAAE;AAEF,QAAI,QAAQ,MAAM,YAAY;AAC9B,UAAM,cAAc,IAAI,QAAQ,sBAAsB;AAEtD,UAAM,IAAI,KAAK,MAAO,SAAS,OAAO,YAAY,IAAK;AACvD,UAAM,IAAI,KAAK,MAAO,SAAS,MAAM,YAAY,GAAI;AACrD,UAAM,QAAQ,YAAY;AAC1B,UAAM,SAAS,YAAY;AAE3B,eAAW,MAAO;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,MAAM,EAAE,GAAG,GAAG,OAAO,SAAS,OAAO,QAAQ,SAAS,OAAO;AAAA,IAC9D,CAAE;AAEF,WAAO,MAAM;AACZ,iBAAW,KAAK;AAChB,iBAAW,IAAK;AAAA,QACf,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO,SAAS;AAAA,QAChB,QAAQ,SAAS;AAAA,MAClB,CAAE;AAAA,IACH;AAAA,EACD,GAAG,CAAE,UAAU,QAAS,CAAE;AAE1B,SAAO;AACR;AAEA,IAAO,oBAAQ;",
+  "names": ["x", "y", "width", "height"]
+}

package/build-module/components/layout/hooks.js

@@ -1,23 +1,16 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useState } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-const MAX_LOADING_TIME = 10000; // 10 seconds
-
-export function useIsSiteEditorLoading() {
+import { useEffect, useState } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+const MAX_LOADING_TIME = 1e4;
+function useIsSiteEditorLoading() {
   const [loaded, setLoaded] = useState(false);
-  const inLoadingPause = useSelect(select => {
-    const hasResolvingSelectors = select(coreStore).hasResolvingSelectors();
-    return !loaded && !hasResolvingSelectors;
-  }, [loaded]);
-
-  /*
-   * If the maximum expected loading time has passed, we're marking the
-   * editor as loaded, in order to prevent any failed requests from blocking
-   * the editor canvas from appearing.
-   */
+  const inLoadingPause = useSelect(
+    (select) => {
+      const hasResolvingSelectors = select(coreStore).hasResolvingSelectors();
+      return !loaded && !hasResolvingSelectors;
+    },
+    [loaded]
+  );
   useEffect(() => {
     let timeout;
     if (!loaded) {
@@ -31,14 +24,6 @@ export function useIsSiteEditorLoading() {
   }, [loaded]);
   useEffect(() => {
     if (inLoadingPause) {
-      /*
-       * We're using an arbitrary 100ms timeout here to catch brief
-       * moments without any resolving selectors that would result in
-       * displaying brief flickers of loading state and loaded state.
-       *
-       * It's worth experimenting with different values, since this also
-       * adds 100ms of artificial delay after loading has finished.
-       */
       const ARTIFICIAL_DELAY = 100;
       const timeout = setTimeout(() => {
         setLoaded(true);
@@ -50,4 +35,7 @@ export function useIsSiteEditorLoading() {
   }, [inLoadingPause]);
   return !loaded;
 }
-//# sourceMappingURL=hooks.js.map
+export {
+  useIsSiteEditorLoading
+};
+//# sourceMappingURL=hooks.js.map

package/build-module/components/layout/hooks.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useState","useSelect","store","coreStore","MAX_LOADING_TIME","useIsSiteEditorLoading","loaded","setLoaded","inLoadingPause","select","hasResolvingSelectors","timeout","setTimeout","clearTimeout","ARTIFICIAL_DELAY"],"sources":["@wordpress/edit-site/src/components/layout/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst MAX_LOADING_TIME = 10000; // 10 seconds\n\nexport function useIsSiteEditorLoading() {\n\tconst [ loaded, setLoaded ] = useState( false );\n\tconst inLoadingPause = useSelect(\n\t\t( select ) => {\n\t\t\tconst hasResolvingSelectors =\n\t\t\t\tselect( coreStore ).hasResolvingSelectors();\n\t\t\treturn ! loaded && ! hasResolvingSelectors;\n\t\t},\n\t\t[ loaded ]\n\t);\n\n\t/*\n\t * If the maximum expected loading time has passed, we're marking the\n\t * editor as loaded, in order to prevent any failed requests from blocking\n\t * the editor canvas from appearing.\n\t */\n\tuseEffect( () => {\n\t\tlet timeout;\n\n\t\tif ( ! loaded ) {\n\t\t\ttimeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, MAX_LOADING_TIME );\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [ loaded ] );\n\n\tuseEffect( () => {\n\t\tif ( inLoadingPause ) {\n\t\t\t/*\n\t\t\t * We're using an arbitrary 100ms timeout here to catch brief\n\t\t\t * moments without any resolving selectors that would result in\n\t\t\t * displaying brief flickers of loading state and loaded state.\n\t\t\t *\n\t\t\t * It's worth experimenting with different values, since this also\n\t\t\t * adds 100ms of artificial delay after loading has finished.\n\t\t\t */\n\t\t\tconst ARTIFICIAL_DELAY = 100;\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, ARTIFICIAL_DELAY );\n\n\t\t\treturn () => {\n\t\t\t\tclearTimeout( timeout );\n\t\t\t};\n\t\t}\n\t}, [ inLoadingPause ] );\n\n\treturn ! loaded;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AACxD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AAEzD,MAAMC,gBAAgB,GAAG,KAAK,CAAC,CAAC;;AAEhC,OAAO,SAASC,sBAAsBA,CAAA,EAAG;EACxC,MAAM,CAAEC,MAAM,EAAEC,SAAS,CAAE,GAAGP,QAAQ,CAAE,KAAM,CAAC;EAC/C,MAAMQ,cAAc,GAAGP,SAAS,CAC7BQ,MAAM,IAAM;IACb,MAAMC,qBAAqB,GAC1BD,MAAM,CAAEN,SAAU,CAAC,CAACO,qBAAqB,CAAC,CAAC;IAC5C,OAAO,CAAEJ,MAAM,IAAI,CAAEI,qBAAqB;EAC3C,CAAC,EACD,CAAEJ,MAAM,CACT,CAAC;;EAED;AACD;AACA;AACA;AACA;EACCP,SAAS,CAAE,MAAM;IAChB,IAAIY,OAAO;IAEX,IAAK,CAAEL,MAAM,EAAG;MACfK,OAAO,GAAGC,UAAU,CAAE,MAAM;QAC3BL,SAAS,CAAE,IAAK,CAAC;MAClB,CAAC,EAAEH,gBAAiB,CAAC;IACtB;IAEA,OAAO,MAAM;MACZS,YAAY,CAAEF,OAAQ,CAAC;IACxB,CAAC;EACF,CAAC,EAAE,CAAEL,MAAM,CAAG,CAAC;EAEfP,SAAS,CAAE,MAAM;IAChB,IAAKS,cAAc,EAAG;MACrB;AACH;AACA;AACA;AACA;AACA;AACA;AACA;MACG,MAAMM,gBAAgB,GAAG,GAAG;MAC5B,MAAMH,OAAO,GAAGC,UAAU,CAAE,MAAM;QACjCL,SAAS,CAAE,IAAK,CAAC;MAClB,CAAC,EAAEO,gBAAiB,CAAC;MAErB,OAAO,MAAM;QACZD,YAAY,CAAEF,OAAQ,CAAC;MACxB,CAAC;IACF;EACD,CAAC,EAAE,CAAEH,cAAc,CAAG,CAAC;EAEvB,OAAO,CAAEF,MAAM;AAChB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/layout/hooks.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst MAX_LOADING_TIME = 10000; // 10 seconds\n\nexport function useIsSiteEditorLoading() {\n\tconst [ loaded, setLoaded ] = useState( false );\n\tconst inLoadingPause = useSelect(\n\t\t( select ) => {\n\t\t\tconst hasResolvingSelectors =\n\t\t\t\tselect( coreStore ).hasResolvingSelectors();\n\t\t\treturn ! loaded && ! hasResolvingSelectors;\n\t\t},\n\t\t[ loaded ]\n\t);\n\n\t/*\n\t * If the maximum expected loading time has passed, we're marking the\n\t * editor as loaded, in order to prevent any failed requests from blocking\n\t * the editor canvas from appearing.\n\t */\n\tuseEffect( () => {\n\t\tlet timeout;\n\n\t\tif ( ! loaded ) {\n\t\t\ttimeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, MAX_LOADING_TIME );\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t};\n\t}, [ loaded ] );\n\n\tuseEffect( () => {\n\t\tif ( inLoadingPause ) {\n\t\t\t/*\n\t\t\t * We're using an arbitrary 100ms timeout here to catch brief\n\t\t\t * moments without any resolving selectors that would result in\n\t\t\t * displaying brief flickers of loading state and loaded state.\n\t\t\t *\n\t\t\t * It's worth experimenting with different values, since this also\n\t\t\t * adds 100ms of artificial delay after loading has finished.\n\t\t\t */\n\t\t\tconst ARTIFICIAL_DELAY = 100;\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetLoaded( true );\n\t\t\t}, ARTIFICIAL_DELAY );\n\n\t\t\treturn () => {\n\t\t\t\tclearTimeout( timeout );\n\t\t\t};\n\t\t}\n\t}, [ inLoadingPause ] );\n\n\treturn ! loaded;\n}\n"],
+  "mappings": "AAGA,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAEnC,MAAM,mBAAmB;AAElB,SAAS,yBAAyB;AACxC,QAAM,CAAE,QAAQ,SAAU,IAAI,SAAU,KAAM;AAC9C,QAAM,iBAAiB;AAAA,IACtB,CAAE,WAAY;AACb,YAAM,wBACL,OAAQ,SAAU,EAAE,sBAAsB;AAC3C,aAAO,CAAE,UAAU,CAAE;AAAA,IACtB;AAAA,IACA,CAAE,MAAO;AAAA,EACV;AAOA,YAAW,MAAM;AAChB,QAAI;AAEJ,QAAK,CAAE,QAAS;AACf,gBAAU,WAAY,MAAM;AAC3B,kBAAW,IAAK;AAAA,MACjB,GAAG,gBAAiB;AAAA,IACrB;AAEA,WAAO,MAAM;AACZ,mBAAc,OAAQ;AAAA,IACvB;AAAA,EACD,GAAG,CAAE,MAAO,CAAE;AAEd,YAAW,MAAM;AAChB,QAAK,gBAAiB;AASrB,YAAM,mBAAmB;AACzB,YAAM,UAAU,WAAY,MAAM;AACjC,kBAAW,IAAK;AAAA,MACjB,GAAG,gBAAiB;AAEpB,aAAO,MAAM;AACZ,qBAAc,OAAQ;AAAA,MACvB;AAAA,IACD;AAAA,EACD,GAAG,CAAE,cAAe,CAAE;AAEtB,SAAO,CAAE;AACV;",
+  "names": []
+}