@wordpress/edit-site 6.8.5 → 6.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/editor-canvas-container/index.js +1 -1
  3. package/build/components/editor-canvas-container/index.js.map +1 -1
  4. package/build/components/global-styles/font-library-modal/font-card.js +1 -1
  5. package/build/components/global-styles/font-library-modal/font-card.js.map +1 -1
  6. package/build/components/global-styles/font-library-modal/font-collection.js +4 -4
  7. package/build/components/global-styles/font-library-modal/font-collection.js.map +1 -1
  8. package/build/components/global-styles/font-library-modal/index.js +1 -1
  9. package/build/components/global-styles/font-library-modal/index.js.map +1 -1
  10. package/build/components/global-styles/font-library-modal/installed-fonts.js +5 -5
  11. package/build/components/global-styles/font-library-modal/installed-fonts.js.map +1 -1
  12. package/build/components/global-styles/font-sizes/font-size.js +15 -6
  13. package/build/components/global-styles/font-sizes/font-size.js.map +1 -1
  14. package/build/components/global-styles/header.js +1 -1
  15. package/build/components/global-styles/header.js.map +1 -1
  16. package/build/components/global-styles/navigation-button.js +2 -2
  17. package/build/components/global-styles/navigation-button.js.map +1 -1
  18. package/build/components/global-styles/screen-revisions/index.js +1 -2
  19. package/build/components/global-styles/screen-revisions/index.js.map +1 -1
  20. package/build/components/global-styles/shadows-edit-panel.js +4 -1
  21. package/build/components/global-styles/shadows-edit-panel.js.map +1 -1
  22. package/build/components/global-styles/ui.js +6 -19
  23. package/build/components/global-styles/ui.js.map +1 -1
  24. package/build/components/global-styles-sidebar/index.js +1 -1
  25. package/build/components/global-styles-sidebar/index.js.map +1 -1
  26. package/build/components/page-patterns/fields.js +2 -4
  27. package/build/components/page-patterns/fields.js.map +1 -1
  28. package/build/components/resizable-frame/index.js +25 -7
  29. package/build/components/resizable-frame/index.js.map +1 -1
  30. package/build/components/routes/link.js +6 -3
  31. package/build/components/routes/link.js.map +1 -1
  32. package/build/components/save-panel/index.js +2 -4
  33. package/build/components/save-panel/index.js.map +1 -1
  34. package/build/components/sidebar-button/index.js +2 -4
  35. package/build/components/sidebar-button/index.js.map +1 -1
  36. package/build/components/sidebar-dataviews/add-new-view.js +4 -8
  37. package/build/components/sidebar-dataviews/add-new-view.js.map +1 -1
  38. package/build/components/site-hub/index.js +12 -24
  39. package/build/components/site-hub/index.js.map +1 -1
  40. package/build/components/style-book/categories.js +70 -0
  41. package/build/components/style-book/categories.js.map +1 -0
  42. package/build/components/style-book/constants.js +151 -0
  43. package/build/components/style-book/constants.js.map +1 -0
  44. package/build/components/style-book/examples.js +58 -0
  45. package/build/components/style-book/examples.js.map +1 -0
  46. package/build/components/style-book/index.js +52 -133
  47. package/build/components/style-book/index.js.map +1 -1
  48. package/build/components/style-book/types.js +6 -0
  49. package/build/components/style-book/types.js.map +1 -0
  50. package/build/store/selectors.js +1 -1
  51. package/build/store/selectors.js.map +1 -1
  52. package/build-module/components/editor-canvas-container/index.js +1 -1
  53. package/build-module/components/editor-canvas-container/index.js.map +1 -1
  54. package/build-module/components/global-styles/font-library-modal/font-card.js +1 -1
  55. package/build-module/components/global-styles/font-library-modal/font-card.js.map +1 -1
  56. package/build-module/components/global-styles/font-library-modal/font-collection.js +5 -5
  57. package/build-module/components/global-styles/font-library-modal/font-collection.js.map +1 -1
  58. package/build-module/components/global-styles/font-library-modal/index.js +1 -1
  59. package/build-module/components/global-styles/font-library-modal/index.js.map +1 -1
  60. package/build-module/components/global-styles/font-library-modal/installed-fonts.js +5 -5
  61. package/build-module/components/global-styles/font-library-modal/installed-fonts.js.map +1 -1
  62. package/build-module/components/global-styles/font-sizes/font-size.js +16 -7
  63. package/build-module/components/global-styles/font-sizes/font-size.js.map +1 -1
  64. package/build-module/components/global-styles/header.js +2 -2
  65. package/build-module/components/global-styles/header.js.map +1 -1
  66. package/build-module/components/global-styles/navigation-button.js +3 -3
  67. package/build-module/components/global-styles/navigation-button.js.map +1 -1
  68. package/build-module/components/global-styles/screen-revisions/index.js +1 -2
  69. package/build-module/components/global-styles/screen-revisions/index.js.map +1 -1
  70. package/build-module/components/global-styles/shadows-edit-panel.js +4 -1
  71. package/build-module/components/global-styles/shadows-edit-panel.js.map +1 -1
  72. package/build-module/components/global-styles/ui.js +3 -16
  73. package/build-module/components/global-styles/ui.js.map +1 -1
  74. package/build-module/components/global-styles-sidebar/index.js +1 -1
  75. package/build-module/components/global-styles-sidebar/index.js.map +1 -1
  76. package/build-module/components/page-patterns/fields.js +2 -4
  77. package/build-module/components/page-patterns/fields.js.map +1 -1
  78. package/build-module/components/resizable-frame/index.js +26 -8
  79. package/build-module/components/resizable-frame/index.js.map +1 -1
  80. package/build-module/components/routes/link.js +6 -3
  81. package/build-module/components/routes/link.js.map +1 -1
  82. package/build-module/components/save-panel/index.js +2 -4
  83. package/build-module/components/save-panel/index.js.map +1 -1
  84. package/build-module/components/sidebar-button/index.js +2 -4
  85. package/build-module/components/sidebar-button/index.js.map +1 -1
  86. package/build-module/components/sidebar-dataviews/add-new-view.js +4 -8
  87. package/build-module/components/sidebar-dataviews/add-new-view.js.map +1 -1
  88. package/build-module/components/site-hub/index.js +12 -24
  89. package/build-module/components/site-hub/index.js.map +1 -1
  90. package/build-module/components/style-book/categories.js +64 -0
  91. package/build-module/components/style-book/categories.js.map +1 -0
  92. package/build-module/components/style-book/constants.js +145 -0
  93. package/build-module/components/style-book/constants.js.map +1 -0
  94. package/build-module/components/style-book/examples.js +52 -0
  95. package/build-module/components/style-book/examples.js.map +1 -0
  96. package/build-module/components/style-book/index.js +51 -132
  97. package/build-module/components/style-book/index.js.map +1 -1
  98. package/build-module/components/style-book/types.js +2 -0
  99. package/build-module/components/style-book/types.js.map +1 -0
  100. package/build-module/store/selectors.js +1 -1
  101. package/build-module/store/selectors.js.map +1 -1
  102. package/build-style/posts-rtl.css +32 -23
  103. package/build-style/posts.css +32 -23
  104. package/build-style/style-rtl.css +44 -32
  105. package/build-style/style.css +44 -32
  106. package/package.json +41 -41
  107. package/src/components/editor-canvas-container/index.js +1 -1
  108. package/src/components/editor-canvas-container/style.scss +2 -2
  109. package/src/components/global-styles/font-library-modal/font-card.js +1 -1
  110. package/src/components/global-styles/font-library-modal/font-collection.js +8 -10
  111. package/src/components/global-styles/font-library-modal/index.js +1 -1
  112. package/src/components/global-styles/font-library-modal/installed-fonts.js +9 -11
  113. package/src/components/global-styles/font-library-modal/style.scss +5 -1
  114. package/src/components/global-styles/font-sizes/font-size.js +15 -8
  115. package/src/components/global-styles/header.js +2 -2
  116. package/src/components/global-styles/navigation-button.js +3 -4
  117. package/src/components/global-styles/screen-revisions/index.js +1 -2
  118. package/src/components/global-styles/shadows-edit-panel.js +5 -1
  119. package/src/components/global-styles/ui.js +5 -19
  120. package/src/components/global-styles-sidebar/index.js +1 -1
  121. package/src/components/global-styles-sidebar/style.scss +1 -8
  122. package/src/components/layout/style.scss +7 -2
  123. package/src/components/page-patterns/fields.js +1 -2
  124. package/src/components/resizable-frame/index.js +14 -8
  125. package/src/components/routes/link.js +6 -3
  126. package/src/components/save-panel/index.js +1 -2
  127. package/src/components/sidebar-button/index.js +1 -2
  128. package/src/components/sidebar-dataviews/add-new-view.js +2 -4
  129. package/src/components/site-hub/index.js +6 -12
  130. package/src/components/style-book/categories.ts +91 -0
  131. package/src/components/style-book/constants.ts +191 -0
  132. package/src/components/style-book/examples.ts +63 -0
  133. package/src/components/style-book/index.js +76 -163
  134. package/src/components/style-book/style.scss +9 -5
  135. package/src/components/style-book/test/categories.js +171 -0
  136. package/src/components/style-book/types.ts +27 -0
  137. package/src/store/selectors.js +1 -1
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_fontSize","_fontSizes","_screenColors","_screenColorPalette","_screenBackground","_screenShadows","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SLOT_FILL_NAME","useGlobalStylesReset","unlock","blockEditorPrivateApis","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","canReset","onReset","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","editSiteStore","goTo","useNavigator","loadCustomCSS","jsx","children","DropdownMenu","icon","moreVertical","label","__","toggleProps","size","onClose","jsxs","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","__experimentalNavigatorScreen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","getBlockTypes","__experimentalNavigatorProvider","initialPath","element","ScreenShadows","ScreenShadowsEdit","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalUseNavigator as useNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\tgoTo( '/css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tgoTo( '/revisions' );\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\tcase 'style-book':\n\t\t\t\t/*\n\t\t\t\t * The stand-alone style book is open\n\t\t\t\t * and the revisions panel is open,\n\t\t\t\t * close the revisions panel.\n\t\t\t\t * Otherwise keep the style book open while\n\t\t\t\t * browsing global styles panel.\n\t\t\t\t */\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t/*\n\t\t\t\t * Example: the user has navigated to \"Browse styles\" or elsewhere\n\t\t\t\t * and changes the editorCanvasContainerView, e.g., closes the style book.\n\t\t\t\t * The panel should not be affected.\n\t\t\t\t * Exclude revisions panel from this behavior,\n\t\t\t\t * as it should close when the editorCanvasContainerView doesn't correspond.\n\t\t\t\t */\n\t\t\t\tif ( path !== '/' && ! isRevisionsOpen ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tgoTo( '/' );\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/revisions\">\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</NavigatorProvider>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_blocks","_data","_blockEditor","_i18n","_preferences","_icons","_coreData","_element","_screenRoot","_interopRequireDefault","_screenBlockList","_interopRequireWildcard","_screenBlock","_screenTypography","_screenTypographyElement","_fontSize","_fontSizes","_screenColors","_screenColorPalette","_screenBackground","_screenShadows","_screenLayout","_screenStyleVariations","_styleBook","_screenCss","_screenRevisions","_lockUnlock","_store","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SLOT_FILL_NAME","useGlobalStylesReset","unlock","blockEditorPrivateApis","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","createSlotFill","exports","GlobalStylesActionMenu","canReset","onReset","toggle","useDispatch","preferencesStore","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","editSiteStore","goTo","useNavigator","loadCustomCSS","jsx","children","DropdownMenu","icon","moreVertical","label","__","toggleProps","size","onClose","jsxs","Fragment","MenuGroup","MenuItem","onClick","disabled","GlobalStylesNavigationScreen","className","props","Navigator","Screen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","blocksStore","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","blockEditorStore","clientId","blockHasGlobalStyles","useBlockHasGlobalStyles","useEffect","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","GlobalStylesUI","blocks","getBlockTypes","initialPath","element","ScreenShadows","ScreenShadowsEdit","block","_default"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tNavigator,\n\tuseNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { goTo } = useNavigator();\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\tgoTo( '/css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<Navigator.Screen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId || ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tgoTo( '/revisions' );\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\tcase 'style-book':\n\t\t\t\t/*\n\t\t\t\t * The stand-alone style book is open\n\t\t\t\t * and the revisions panel is open,\n\t\t\t\t * close the revisions panel.\n\t\t\t\t * Otherwise keep the style book open while\n\t\t\t\t * browsing global styles panel.\n\t\t\t\t */\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction GlobalStylesUI() {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\treturn (\n\t\t<Navigator\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/revisions\">\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</Navigator>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}
@@ -78,7 +78,7 @@ function GlobalStylesSidebar() {
78
78
  } = (0, _data.useDispatch)(_editor.store);
79
79
  const {
80
80
  goTo
81
- } = (0, _components.__experimentalUseNavigator)();
81
+ } = (0, _components.useNavigator)();
82
82
  const toggleRevisions = () => {
83
83
  setIsListViewOpened(false);
84
84
  if (isRevisionsStyleBookOpened) {
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","goTo","useNavigator","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","accessibleWhenDisabled","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\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 );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\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\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<FlexBlock style={ { minWidth: 'min-content' } }>\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</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\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":[]}
1
+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","goTo","useNavigator","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","accessibleWhenDisabled","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\tuseNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\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 );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\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\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<FlexBlock style={ { minWidth: 'min-content' } }>\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</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened || isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAQA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,GAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,eAAA,GAAAC,sBAAA,CAAAb,OAAA;AAA+C,IAAAc,WAAA,GAAAd,OAAA;AA5B/C;AACA;AACA;;AAkBA;AACA;AACA;;AAQA,MAAM;EAAEe;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvC,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IACLC,8BAA8B;IAC9BC,iBAAiB;IACjBC,qBAAqB;IACrBC,YAAY;IACZC,iBAAiB;IACjBC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAA2B,CAAC,GAAGD,MAAM,CAAEX,cAAe,CAAC;IAC/D,MAAM;MAAEa,4BAA4B;MAAEC;IAAc,CAAC,GAAG,IAAAb,kBAAM,EAC7DU,MAAM,CAAEI,YAAc,CACvB,CAAC;IACD,MAAMC,mBAAmB,GAAGH,4BAA4B,CAAC,CAAC;IAC1D,MAAMI,mBAAmB,GACxB,QAAQ,KAAKN,MAAM,CAAEO,aAAY,CAAC,CAACC,aAAa,CAAC,CAAC;IACnD,MAAMC,iBAAiB,GAAG,MAAM,KAAKN,aAAa,CAAC,CAAC;IACpD,MAAMO,sBAAsB,GAAGV,MAAM,CAAEW,kBAAiB,CAAC,CAACC,GAAG,CAC5D,MAAM,EACN,uBACD,CAAC;IACD,MAAM;MAAEC,eAAe;MAAEC;IAAuC,CAAC,GAChEd,MAAM,CAAEe,eAAU,CAAC;IAEpB,MAAMC,cAAc,GAAGF,sCAAsC,CAAC,CAAC;IAC/D,MAAMG,YAAY,GAAGD,cAAc,GAChCH,eAAe,CAAE,MAAM,EAAE,cAAc,EAAEG,cAAe,CAAC,GACzDE,SAAS;IAEZ,OAAO;MACNxB,iBAAiB,EAAE,YAAY,KAAKW,mBAAmB;MACvDZ,8BAA8B,EAC7B,yBAAyB,KACxBQ,0BAA0B,CAAE,MAAO,CAAC,IACrC,CAAEK,mBAAmB,IACrB,CAAEG,iBAAiB;MACpBd,qBAAqB,EAAEe,sBAAsB;MAC7Cd,YAAY,EACX,CAAC,CAAEqB,YAAY,EAAEE,MAAM,GAAI,iBAAiB,CAAE,GAAI,CAAC,CAAE,EAAEC,KAAK;MAC7DtB,0BAA0B,EACzB,oCAAoC,KAAKO,mBAAmB;MAC7DR,iBAAiB,EAChB,yBAAyB,KAAKQ;IAChC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEgB;EAA6B,CAAC,GAAG,IAAA/B,kBAAM,EAC9C,IAAAgC,iBAAW,EAAElB,YAAc,CAC5B,CAAC;EAED,IAAAmB,kBAAS,EAAE,MAAM;IAChB,IAAK9B,8BAA8B,EAAG;MACrC4B,4BAA4B,CAAEH,SAAU,CAAC;IAC1C;EACD,CAAC,EAAE,CAAEzB,8BAA8B,CAAG,CAAC;EAEvC,MAAM;IAAE+B;EAAoB,CAAC,GAAG,IAAAF,iBAAW,EAAEf,aAAY,CAAC;EAC1D,MAAM;IAAEkB;EAAK,CAAC,GAAG,IAAAC,wBAAY,EAAC,CAAC;EAE/B,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7BH,mBAAmB,CAAE,KAAM,CAAC;IAC5B,IAAK1B,0BAA0B,EAAG;MACjC2B,IAAI,CAAE,GAAI,CAAC;MACXJ,4BAA4B,CAAE,YAAa,CAAC;MAC5C;IACD;IACA,IAAKxB,iBAAiB,EAAG;MACxB4B,IAAI,CAAE,GAAI,CAAC;MACXJ,4BAA4B,CAAEH,SAAU,CAAC;MACzC;IACD;IACAO,IAAI,CAAE,YAAa,CAAC;IAEpB,IAAK/B,iBAAiB,EAAG;MACxB2B,4BAA4B,CAC3B,oCACD,CAAC;IACF,CAAC,MAAM;MACNA,4BAA4B,CAAE,yBAA0B,CAAC;IAC1D;EACD,CAAC;EACD,MAAMO,eAAe,GAAGA,CAAA,KAAM;IAC7B,IAAK/B,iBAAiB,EAAG;MACxBwB,4BAA4B,CAC3B,oCACD,CAAC;MACD;IACD;IACA,IAAKvB,0BAA0B,EAAG;MACjCuB,4BAA4B,CAAE,yBAA0B,CAAC;MACzD;IACD;IACAG,mBAAmB,CAAE9B,iBAAiB,IAAIC,qBAAsB,CAAC;IACjE0B,4BAA4B,CAC3B3B,iBAAiB,GAAGwB,SAAS,GAAG,YACjC,CAAC;EACF,CAAC;EAED,oBACC,IAAA9B,WAAA,CAAAyC,GAAA,EAAC3C,eAAA,CAAA4C,OAAc;IACdC,SAAS,EAAC,iCAAiC;IAC3CC,UAAU,EAAC,yBAAyB;IACpCC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,IAAI,EAAGC,aAAQ;IACfC,UAAU,EAAG,IAAAH,QAAE,EAAE,cAAe,CAAG;IACnCI,cAAc,EAAC,wCAAwC;IACvDC,MAAM,eACL,IAAAnD,WAAA,CAAAoD,IAAA,EAACnE,WAAA,CAAAoE,IAAI;MACJV,SAAS,EAAC,yCAAyC;MACnDW,GAAG,EAAG,CAAG;MAAAC,QAAA,gBAET,IAAAvD,WAAA,CAAAyC,GAAA,EAACxD,WAAA,CAAAuE,SAAS;QAACC,KAAK,EAAG;UAAEC,QAAQ,EAAE;QAAc,CAAG;QAAAH,QAAA,eAC/C,IAAAvD,WAAA,CAAAyC,GAAA;UAAIE,SAAS,EAAC,+CAA+C;UAAAY,QAAA,EAC1D,IAAAT,QAAE,EAAE,QAAS;QAAC,CACb;MAAC,CACK,CAAC,eACZ,IAAA9C,WAAA,CAAAyC,GAAA,EAACxD,WAAA,CAAA0E,QAAQ;QAAAJ,QAAA,eACR,IAAAvD,WAAA,CAAAyC,GAAA,EAACxD,WAAA,CAAA2E,MAAM;UACNb,IAAI,EAAGc,WAAM;UACbC,KAAK,EAAG,IAAAhB,QAAE,EAAE,YAAa,CAAG;UAC5BiB,SAAS,EACRzD,iBAAiB,IAAII,0BACrB;UACDsD,sBAAsB;UACtBC,QAAQ,EAAG5D,8BAAgC;UAC3C6D,OAAO,EAAG1B,eAAiB;UAC3B2B,IAAI,EAAC;QAAS,CACd;MAAC,CACO,CAAC,eACX,IAAAnE,WAAA,CAAAyC,GAAA,EAACxD,WAAA,CAAA0E,QAAQ;QAAAJ,QAAA,eACR,IAAAvD,WAAA,CAAAyC,GAAA,EAACxD,WAAA,CAAA2E,MAAM;UACNE,KAAK,EAAG,IAAAhB,QAAE,EAAE,WAAY,CAAG;UAC3BC,IAAI,EAAGqB,aAAQ;UACfF,OAAO,EAAG3B,eAAiB;UAC3ByB,sBAAsB;UACtBC,QAAQ,EAAG,CAAEzD,YAAc;UAC3BuD,SAAS,EACRtD,iBAAiB,IAAIC,0BACrB;UACDyD,IAAI,EAAC;QAAS,CACd;MAAC,CACO,CAAC,eACX,IAAAnE,WAAA,CAAAyC,GAAA,EAAC9C,GAAA,CAAA0E,oBAAoB,IAAE,CAAC;IAAA,CACnB,CACN;IAAAd,QAAA,eAED,IAAAvD,WAAA,CAAAyC,GAAA,EAAChD,aAAA,CAAA6E,cAAc,IAAE;EAAC,CACH,CAAC;AAEnB","ignoreList":[]}
@@ -123,10 +123,8 @@ function TitleField({
123
123
  gap: 0,
124
124
  justify: "flex-start",
125
125
  className: "edit-site-patterns__pattern-title",
126
- children: item.type === _constants.PATTERN_TYPES.theme ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
127
- // TODO: Switch to `true` (40px size) if possible
128
- , {
129
- __next40pxDefaultSize: false,
126
+ children: item.type === _constants.PATTERN_TYPES.theme ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
127
+ __next40pxDefaultSize: true,
130
128
  variant: "link",
131
129
  onClick: onClick
132
130
  // Required for the grid's roving tab index system.
@@ -1 +1 @@
1
- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_icons","_blocks","_htmlEntities","_async","_constants","_lockUnlock","_link","_hooks","_searchItems","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","type","PATTERN_TYPES","theme","undefined","title","PreviewField","descriptionId","useId","description","excerpt","raw","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","backgroundColor","useLink","postType","postId","id","name","canvas","blocks","useMemo","_item$blocks","parse","content","__unstableSkipMigrationLogs","isEmpty","length","jsxs","style","__","Async","BlockPreview","viewportWidth","hidden","previewField","exports","label","render","enableSorting","TitleField","decodeEntities","defaultGetTitle","__experimentalHStack","alignment","justify","spacing","Flex","as","gap","Button","__next40pxDefaultSize","variant","tabIndex","Tooltip","placement","text","Icon","icon","lockSmall","size","titleField","getValue","enableHiding","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","_x","unsynced","patternStatusField","syncStatus","wp_pattern_sync_status","find","elements","filterBy","operators","OPERATOR_IS","isPrimary","AuthorField","isImageLoaded","setIsImageLoaded","useState","imageUrl","useAddedBy","clsx","onLoad","alt","src","templatePartAuthorField","author_text"],"sources":["@wordpress/edit-site/src/components/page-patterns/fields.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState, useMemo, useId } from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { parse } from '@wordpress/blocks';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { Async } from '../async';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { defaultGetTitle } from './search-items';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction PreviewField( { item } ) {\n\tconst descriptionId = useId();\n\tconst description = item.description || item?.excerpt?.raw;\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern || isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst blocks = useMemo( () => {\n\t\treturn (\n\t\t\titem.blocks ??\n\t\t\tparse( item.content.raw, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} )\n\t\t);\n\t}, [ item?.content?.raw, item.blocks ] );\n\tconst isEmpty = ! blocks?.length;\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"page-patterns-preview-field\"\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ !! description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ !! description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nfunction TitleField( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern || isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst title = decodeEntities( defaultGetTitle( item ) );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\ttitle\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nexport const titleField = {\n\tlabel: __( 'Title' ),\n\tid: 'title',\n\tgetValue: ( { item } ) => item.title?.raw || item.title,\n\trender: TitleField,\n\tenableHiding: false,\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'pattern (singular)' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x( 'Not synced', 'pattern (singular)' ),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nexport const patternStatusField = {\n\tlabel: __( 'Sync status' ),\n\tid: 'sync-status',\n\trender: ( { item } ) => {\n\t\tconst syncStatus =\n\t\t\t'wp_pattern_sync_status' in item\n\t\t\t\t? item.wp_pattern_sync_status || PATTERN_SYNC_TYPES.full\n\t\t\t\t: PATTERN_SYNC_TYPES.unsynced;\n\t\t// User patterns can have their sync statuses checked directly.\n\t\t// Non-user patterns are all unsynced for the time being.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ syncStatus }` }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\tSYNC_FILTERS.find( ( { value } ) => value === syncStatus )\n\t\t\t\t\t\t.label\n\t\t\t\t}\n\t\t\t</span>\n\t\t);\n\t},\n\telements: SYNC_FILTERS,\n\tfilterBy: {\n\t\toperators: [ OPERATOR_IS ],\n\t\tisPrimary: true,\n\t},\n\tenableSorting: false,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const templatePartAuthorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n\tfilterBy: {\n\t\tisPrimary: true,\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAMA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AAAiD,IAAAc,WAAA,GAAAd,OAAA;AArCjD;AACA;AACA;;AAGA;AACA;AACA;;AAiBA;AACA;AACA;;AAaA,MAAM;EAAEe;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE3D,SAASC,cAAcA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC,eAAe;EAAEC;AAAS,CAAC,EAAG;EACvE,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,SAAS,EAAC,qCAAqC;IAC/CC,IAAI,EAAC,QAAQ;IACbL,OAAO,EAAGD,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAK,GAAGP,OAAO,GAAGQ,SAAW;IACnE,cAAaT,IAAI,CAACU,KAAO;IACzB,oBAAmBR,eAAiB;IACpC,iBAAgBF,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAO;IAAAL,QAAA,EAEjDA;EAAQ,CACH,CAAC;AAEX;AAEA,SAASQ,YAAYA,CAAE;EAAEX;AAAK,CAAC,EAAG;EACjC,MAAMY,aAAa,GAAG,IAAAC,cAAK,EAAC,CAAC;EAC7B,MAAMC,WAAW,GAAGd,IAAI,CAACc,WAAW,IAAId,IAAI,EAAEe,OAAO,EAAEC,GAAG;EAC1D,MAAMC,aAAa,GAAGjB,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACW,IAAI;EACtD,MAAMC,cAAc,GAAGnB,IAAI,CAACM,IAAI,KAAKc,kCAAuB;EAC5D,MAAM,CAAEC,eAAe,CAAE,GAAGzB,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM;IAAEK;EAAQ,CAAC,GAAG,IAAAqB,aAAO,EAAE;IAC5BC,QAAQ,EAAEvB,IAAI,CAACM,IAAI;IACnBkB,MAAM,EAAEP,aAAa,IAAIE,cAAc,GAAGnB,IAAI,CAACyB,EAAE,GAAGzB,IAAI,CAAC0B,IAAI;IAC7DC,MAAM,EAAE;EACT,CAAE,CAAC;EACH,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAAA,IAAAC,YAAA;IAC7B,QAAAA,YAAA,GACC9B,IAAI,CAAC4B,MAAM,cAAAE,YAAA,cAAAA,YAAA,GACX,IAAAC,aAAK,EAAE/B,IAAI,CAACgC,OAAO,CAAChB,GAAG,EAAE;MACxBiB,2BAA2B,EAAE;IAC9B,CAAE,CAAC;EAEL,CAAC,EAAE,CAAEjC,IAAI,EAAEgC,OAAO,EAAEhB,GAAG,EAAEhB,IAAI,CAAC4B,MAAM,CAAG,CAAC;EACxC,MAAMM,OAAO,GAAG,CAAEN,MAAM,EAAEO,MAAM;EAEhC,oBACC,IAAAxC,WAAA,CAAAyC,IAAA;IACC/B,SAAS,EAAC,6BAA6B;IACvCgC,KAAK,EAAG;MAAEhB;IAAgB,CAAG;IAAAlB,QAAA,gBAE7B,IAAAR,WAAA,CAAAyC,IAAA,EAACrC,cAAc;MACdC,IAAI,EAAGA,IAAM;MACbC,OAAO,EAAGA,OAAS;MACnBC,eAAe,EAAG,CAAC,CAAEY,WAAW,GAAGF,aAAa,GAAGH,SAAW;MAAAN,QAAA,GAE5D+B,OAAO,IAAIf,cAAc,IAAI,IAAAmB,QAAE,EAAE,qBAAsB,CAAC,EACxDJ,OAAO,IAAI,CAAEf,cAAc,IAAI,IAAAmB,QAAE,EAAE,eAAgB,CAAC,EACpD,CAAEJ,OAAO,iBACV,IAAAvC,WAAA,CAAAS,GAAA,EAACf,MAAA,CAAAkD,KAAK;QAAApC,QAAA,eACL,IAAAR,WAAA,CAAAS,GAAA,EAACnB,YAAA,CAAAuD,YAAY;UACZZ,MAAM,EAAGA,MAAQ;UACjBa,aAAa,EAAGzC,IAAI,CAACyC;QAAe,CACpC;MAAC,CACI,CACP;IAAA,CACc,CAAC,EACf,CAAC,CAAE3B,WAAW,iBACf,IAAAnB,WAAA,CAAAS,GAAA;MAAKsC,MAAM;MAACjB,EAAE,EAAGb,aAAe;MAAAT,QAAA,EAC7BW;IAAW,CACT,CACL;EAAA,CACG,CAAC;AAER;AAEO,MAAM6B,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC3BE,KAAK,EAAE,IAAAP,QAAE,EAAE,SAAU,CAAC;EACtBb,EAAE,EAAE,SAAS;EACbqB,MAAM,EAAEnC,YAAY;EACpBoC,aAAa,EAAE;AAChB,CAAC;AAED,SAASC,UAAUA,CAAE;EAAEhD;AAAK,CAAC,EAAG;EAC/B,MAAMiB,aAAa,GAAGjB,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACW,IAAI;EACtD,MAAMC,cAAc,GAAGnB,IAAI,CAACM,IAAI,KAAKc,kCAAuB;EAC5D,MAAM;IAAEnB;EAAQ,CAAC,GAAG,IAAAqB,aAAO,EAAE;IAC5BC,QAAQ,EAAEvB,IAAI,CAACM,IAAI;IACnBkB,MAAM,EAAEP,aAAa,IAAIE,cAAc,GAAGnB,IAAI,CAACyB,EAAE,GAAGzB,IAAI,CAAC0B,IAAI;IAC7DC,MAAM,EAAE;EACT,CAAE,CAAC;EACH,MAAMjB,KAAK,GAAG,IAAAuC,4BAAc,EAAE,IAAAC,4BAAe,EAAElD,IAAK,CAAE,CAAC;EACvD,oBACC,IAAAL,WAAA,CAAAyC,IAAA,EAACtD,WAAA,CAAAqE,oBAAM;IAACC,SAAS,EAAC,QAAQ;IAACC,OAAO,EAAC,YAAY;IAACC,OAAO,EAAG,CAAG;IAAAnD,QAAA,gBAC5D,IAAAR,WAAA,CAAAS,GAAA,EAACtB,WAAA,CAAAyE,IAAI;MACJC,EAAE,EAAC,KAAK;MACRC,GAAG,EAAG,CAAG;MACTJ,OAAO,EAAC,YAAY;MACpBhD,SAAS,EAAC,mCAAmC;MAAAF,QAAA,EAE3CH,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAK,GAClCE,KAAK,gBAEL,IAAAf,WAAA,CAAAS,GAAA,EAACtB,WAAA,CAAA4E;MACA;MAAA;QACAC,qBAAqB,EAAG,KAAO;QAC/BC,OAAO,EAAC,MAAM;QACd3D,OAAO,EAAGA;QACV;QACA;QAAA;QACA4D,QAAQ,EAAC,IAAI;QAAA1D,QAAA,EAEXO;MAAK,CACA;IACR,CACI,CAAC,EACLV,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAK,iBAClC,IAAAb,WAAA,CAAAS,GAAA,EAACtB,WAAA,CAAAgF,OAAO;MACPC,SAAS,EAAC,KAAK;MACfC,IAAI,EAAG,IAAA1B,QAAE,EAAE,gCAAiC,CAAG;MAAAnC,QAAA,eAE/C,IAAAR,WAAA,CAAAS,GAAA,EAAClB,MAAA,CAAA+E,IAAI;QACJ5D,SAAS,EAAC,uCAAuC;QACjD6D,IAAI,EAAGC,gBAAW;QAClBC,IAAI,EAAG;MAAI,CACX;IAAC,CACM,CACT;EAAA,CACM,CAAC;AAEX;AAEO,MAAMC,UAAU,GAAAzB,OAAA,CAAAyB,UAAA,GAAG;EACzBxB,KAAK,EAAE,IAAAP,QAAE,EAAE,OAAQ,CAAC;EACpBb,EAAE,EAAE,OAAO;EACX6C,QAAQ,EAAEA,CAAE;IAAEtE;EAAK,CAAC,KAAMA,IAAI,CAACU,KAAK,EAAEM,GAAG,IAAIhB,IAAI,CAACU,KAAK;EACvDoC,MAAM,EAAEE,UAAU;EAClBuB,YAAY,EAAE;AACf,CAAC;AAED,MAAMC,YAAY,GAAG,CACpB;EACCC,KAAK,EAAEC,6BAAkB,CAACC,IAAI;EAC9B9B,KAAK,EAAE,IAAA+B,QAAE,EAAE,QAAQ,EAAE,oBAAqB,CAAC;EAC3C9D,WAAW,EAAE,IAAAwB,QAAE,EAAE,iDAAkD;AACpE,CAAC,EACD;EACCmC,KAAK,EAAEC,6BAAkB,CAACG,QAAQ;EAClChC,KAAK,EAAE,IAAA+B,QAAE,EAAE,YAAY,EAAE,oBAAqB,CAAC;EAC/C9D,WAAW,EAAE,IAAAwB,QAAE,EACd,iEACD;AACD,CAAC,CACD;AAEM,MAAMwC,kBAAkB,GAAAlC,OAAA,CAAAkC,kBAAA,GAAG;EACjCjC,KAAK,EAAE,IAAAP,QAAE,EAAE,aAAc,CAAC;EAC1Bb,EAAE,EAAE,aAAa;EACjBqB,MAAM,EAAEA,CAAE;IAAE9C;EAAK,CAAC,KAAM;IACvB,MAAM+E,UAAU,GACf,wBAAwB,IAAI/E,IAAI,GAC7BA,IAAI,CAACgF,sBAAsB,IAAIN,6BAAkB,CAACC,IAAI,GACtDD,6BAAkB,CAACG,QAAQ;IAC/B;IACA;IACA,oBACC,IAAAlF,WAAA,CAAAS,GAAA;MACCC,SAAS,EAAI,yCAAyC0E,UAAY,EAAG;MAAA5E,QAAA,EAGpEqE,YAAY,CAACS,IAAI,CAAE,CAAE;QAAER;MAAM,CAAC,KAAMA,KAAK,KAAKM,UAAW,CAAC,CACxDlC;IAAK,CAEH,CAAC;EAET,CAAC;EACDqC,QAAQ,EAAEV,YAAY;EACtBW,QAAQ,EAAE;IACTC,SAAS,EAAE,CAAEC,sBAAW,CAAE;IAC1BC,SAAS,EAAE;EACZ,CAAC;EACDvC,aAAa,EAAE;AAChB,CAAC;AAED,SAASwC,WAAWA,CAAE;EAAEvF;AAAK,CAAC,EAAG;EAChC,MAAM,CAAEwF,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC7D,MAAM;IAAE1B,IAAI;IAAEE,IAAI;IAAEyB;EAAS,CAAC,GAAG,IAAAC,iBAAU,EAAE5F,IAAI,CAACM,IAAI,EAAEN,IAAI,CAACyB,EAAG,CAAC;EAEjE,oBACC,IAAA9B,WAAA,CAAAyC,IAAA,EAACtD,WAAA,CAAAqE,oBAAM;IAACC,SAAS,EAAC,MAAM;IAACE,OAAO,EAAG,CAAG;IAAAnD,QAAA,GACnCwF,QAAQ,iBACT,IAAAhG,WAAA,CAAAS,GAAA;MACCC,SAAS,EAAG,IAAAwF,aAAI,EAAE,qCAAqC,EAAE;QACxD,WAAW,EAAEL;MACd,CAAE,CAAG;MAAArF,QAAA,eAEL,IAAAR,WAAA,CAAAS,GAAA;QACC0F,MAAM,EAAGA,CAAA,KAAML,gBAAgB,CAAE,IAAK,CAAG;QACzCM,GAAG,EAAC,EAAE;QACNC,GAAG,EAAGL;MAAU,CAChB;IAAC,CACE,CACL,EACC,CAAEA,QAAQ,iBACX,IAAAhG,WAAA,CAAAS,GAAA;MAAKC,SAAS,EAAC,mCAAmC;MAAAF,QAAA,eACjD,IAAAR,WAAA,CAAAS,GAAA,EAAClB,MAAA,CAAA+E,IAAI;QAACC,IAAI,EAAGA;MAAM,CAAE;IAAC,CAClB,CACL,eACD,IAAAvE,WAAA,CAAAS,GAAA;MAAMC,SAAS,EAAC,mCAAmC;MAAAF,QAAA,EAAG6D;IAAI,CAAQ,CAAC;EAAA,CAC5D,CAAC;AAEX;AAEO,MAAMiC,uBAAuB,GAAArD,OAAA,CAAAqD,uBAAA,GAAG;EACtCpD,KAAK,EAAE,IAAAP,QAAE,EAAE,QAAS,CAAC;EACrBb,EAAE,EAAE,QAAQ;EACZ6C,QAAQ,EAAEA,CAAE;IAAEtE;EAAK,CAAC,KAAMA,IAAI,CAACkG,WAAW;EAC1CpD,MAAM,EAAEyC,WAAW;EACnBJ,QAAQ,EAAE;IACTG,SAAS,EAAE;EACZ;AACD,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_icons","_blocks","_htmlEntities","_async","_constants","_lockUnlock","_link","_hooks","_searchItems","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","type","PATTERN_TYPES","theme","undefined","title","PreviewField","descriptionId","useId","description","excerpt","raw","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","backgroundColor","useLink","postType","postId","id","name","canvas","blocks","useMemo","_item$blocks","parse","content","__unstableSkipMigrationLogs","isEmpty","length","jsxs","style","__","Async","BlockPreview","viewportWidth","hidden","previewField","exports","label","render","enableSorting","TitleField","decodeEntities","defaultGetTitle","__experimentalHStack","alignment","justify","spacing","Flex","as","gap","Button","__next40pxDefaultSize","variant","tabIndex","Tooltip","placement","text","Icon","icon","lockSmall","size","titleField","getValue","enableHiding","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","_x","unsynced","patternStatusField","syncStatus","wp_pattern_sync_status","find","elements","filterBy","operators","OPERATOR_IS","isPrimary","AuthorField","isImageLoaded","setIsImageLoaded","useState","imageUrl","useAddedBy","clsx","onLoad","alt","src","templatePartAuthorField","author_text"],"sources":["@wordpress/edit-site/src/components/page-patterns/fields.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState, useMemo, useId } from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { parse } from '@wordpress/blocks';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { Async } from '../async';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { defaultGetTitle } from './search-items';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction PreviewField( { item } ) {\n\tconst descriptionId = useId();\n\tconst description = item.description || item?.excerpt?.raw;\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern || isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst blocks = useMemo( () => {\n\t\treturn (\n\t\t\titem.blocks ??\n\t\t\tparse( item.content.raw, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} )\n\t\t);\n\t}, [ item?.content?.raw, item.blocks ] );\n\tconst isEmpty = ! blocks?.length;\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"page-patterns-preview-field\"\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ !! description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ !! description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nfunction TitleField( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern || isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst title = decodeEntities( defaultGetTitle( item ) );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\ttitle\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nexport const titleField = {\n\tlabel: __( 'Title' ),\n\tid: 'title',\n\tgetValue: ( { item } ) => item.title?.raw || item.title,\n\trender: TitleField,\n\tenableHiding: false,\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'pattern (singular)' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x( 'Not synced', 'pattern (singular)' ),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nexport const patternStatusField = {\n\tlabel: __( 'Sync status' ),\n\tid: 'sync-status',\n\trender: ( { item } ) => {\n\t\tconst syncStatus =\n\t\t\t'wp_pattern_sync_status' in item\n\t\t\t\t? item.wp_pattern_sync_status || PATTERN_SYNC_TYPES.full\n\t\t\t\t: PATTERN_SYNC_TYPES.unsynced;\n\t\t// User patterns can have their sync statuses checked directly.\n\t\t// Non-user patterns are all unsynced for the time being.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ syncStatus }` }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\tSYNC_FILTERS.find( ( { value } ) => value === syncStatus )\n\t\t\t\t\t\t.label\n\t\t\t\t}\n\t\t\t</span>\n\t\t);\n\t},\n\telements: SYNC_FILTERS,\n\tfilterBy: {\n\t\toperators: [ OPERATOR_IS ],\n\t\tisPrimary: true,\n\t},\n\tenableSorting: false,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const templatePartAuthorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n\tfilterBy: {\n\t\tisPrimary: true,\n\t},\n};\n"],"mappings":"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","ignoreList":[]}
@@ -145,7 +145,7 @@ function ResizableFrame({
145
145
  }
146
146
  event.preventDefault();
147
147
  const step = 20 * (event.shiftKey ? 5 : 1);
148
- const delta = step * (event.key === 'ArrowLeft' ? 1 : -1);
148
+ const delta = step * (event.key === 'ArrowLeft' ? 1 : -1) * ((0, _i18n.isRTL)() ? -1 : 1);
149
149
  const newWidth = Math.min(Math.max(FRAME_MIN_WIDTH, frameRef.current.resizable.offsetWidth + delta), defaultSize.width);
150
150
  setFrameSize({
151
151
  width: newWidth,
@@ -165,16 +165,29 @@ function ResizableFrame({
165
165
  const resizeHandleVariants = {
166
166
  hidden: {
167
167
  opacity: 0,
168
- left: 0
168
+ ...((0, _i18n.isRTL)() ? {
169
+ right: 0
170
+ } : {
171
+ left: 0
172
+ })
169
173
  },
170
174
  visible: {
171
175
  opacity: 1,
172
- left: -14 // Account for the handle's width.
176
+ // Account for the handle's width.
177
+ ...((0, _i18n.isRTL)() ? {
178
+ right: -14
179
+ } : {
180
+ left: -14
181
+ })
173
182
  },
174
183
  active: {
175
184
  opacity: 1,
176
- left: -14,
177
185
  // Account for the handle's width.
186
+ ...((0, _i18n.isRTL)() ? {
187
+ right: -14
188
+ } : {
189
+ left: -14
190
+ }),
178
191
  scaleY: 1.3
179
192
  }
180
193
  };
@@ -209,10 +222,15 @@ function ResizableFrame({
209
222
  size: frameSize,
210
223
  enable: {
211
224
  top: false,
212
- right: false,
213
225
  bottom: false,
214
226
  // Resizing will be disabled until the editor content is loaded.
215
- left: isReady,
227
+ ...((0, _i18n.isRTL)() ? {
228
+ right: isReady,
229
+ left: false
230
+ } : {
231
+ left: isReady,
232
+ right: false
233
+ }),
216
234
  topRight: false,
217
235
  bottomRight: false,
218
236
  bottomLeft: false,
@@ -232,7 +250,7 @@ function ResizableFrame({
232
250
  onMouseOver: () => setShouldShowHandle(true),
233
251
  onMouseOut: () => setShouldShowHandle(false),
234
252
  handleComponent: {
235
- left: canvasMode === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
253
+ [(0, _i18n.isRTL)() ? 'right' : 'left']: canvasMode === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
236
254
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
237
255
  text: (0, _i18n.__)('Drag to resize'),
238
256
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.button, {
@@ -1 +1 @@
1
- {"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_compose","_data","_i18n","_lockUnlock","_store","_jsxRuntime","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","disableMotion","useReducedMotion","frameSize","setFrameSize","useState","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","canvasMode","useSelect","select","unlock","editSiteStore","getCanvasMode","setCanvasMode","useDispatch","FRAME_TRANSITION","type","duration","frameRef","useRef","resizableHandleHelpId","useInstanceId","defaultAspectRatio","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","jsx","ResizableBox","as","motion","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","transition","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","jsxs","Fragment","Tooltip","text","__","__unstableMotion","button","role","className","clsx","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style","_default","exports"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) * amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. */\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\tconst canvasMode = useSelect(\n\t\t( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment * 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif ( remainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD ) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\tsetCanvasMode( 'edit' );\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta = step * ( event.key === 'ArrowLeft' ? 1 : -1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\tleft: 0,\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\tleft: -14, // Account for the handle's width.\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\tleft: -14, // Account for the handle's width.\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tright: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\tleft: isReady,\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\tleft: canvasMode === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow */ }\n\t\t\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth ||\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_compose","_data","_i18n","_lockUnlock","_store","_jsxRuntime","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","disableMotion","useReducedMotion","frameSize","setFrameSize","useState","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","canvasMode","useSelect","select","unlock","editSiteStore","getCanvasMode","setCanvasMode","useDispatch","FRAME_TRANSITION","type","duration","frameRef","useRef","resizableHandleHelpId","useInstanceId","defaultAspectRatio","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","isRTL","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","jsx","ResizableBox","as","motion","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","transition","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","jsxs","Fragment","Tooltip","text","__","__unstableMotion","button","role","className","clsx","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style","_default","exports"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) * amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. */\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\tconst canvasMode = useSelect(\n\t\t( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment * 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif ( remainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD ) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\tsetCanvasMode( 'edit' );\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep *\n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) *\n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvasMode === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow */ }\n\t\t\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth ||\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}
@@ -33,13 +33,16 @@ function useLink(params, state, shouldReplace = false) {
33
33
  }
34
34
  const currentArgs = (0, _url.getQueryArgs)(window.location.href);
35
35
  const currentUrlWithoutArgs = (0, _url.removeQueryArgs)(window.location.href, ...Object.keys(currentArgs));
36
+ let extraParams = {};
36
37
  if ((0, _isPreviewingTheme.isPreviewingTheme)()) {
37
- params = {
38
- ...params,
38
+ extraParams = {
39
39
  wp_theme_preview: (0, _isPreviewingTheme.currentlyPreviewingTheme)()
40
40
  };
41
41
  }
42
- const newUrl = (0, _url.addQueryArgs)(currentUrlWithoutArgs, params);
42
+ const newUrl = (0, _url.addQueryArgs)(currentUrlWithoutArgs, {
43
+ ...params,
44
+ ...extraParams
45
+ });
43
46
  return {
44
47
  href: newUrl,
45
48
  onClick
@@ -1 +1 @@
1
- {"version":3,"names":["_url","require","_router","_lockUnlock","_isPreviewingTheme","_jsxRuntime","useHistory","unlock","routerPrivateApis","useLink","params","state","shouldReplace","history","onClick","event","preventDefault","replace","push","currentArgs","getQueryArgs","window","location","href","currentUrlWithoutArgs","removeQueryArgs","Object","keys","isPreviewingTheme","wp_theme_preview","currentlyPreviewingTheme","newUrl","addQueryArgs","Link","children","props","jsx"],"sources":["@wordpress/edit-site/src/components/routes/link.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addQueryArgs, getQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport function useLink( params, state, shouldReplace = false ) {\n\tconst history = useHistory();\n\tfunction onClick( event ) {\n\t\tevent?.preventDefault();\n\n\t\tif ( shouldReplace ) {\n\t\t\thistory.replace( params, state );\n\t\t} else {\n\t\t\thistory.push( params, state );\n\t\t}\n\t}\n\n\tconst currentArgs = getQueryArgs( window.location.href );\n\tconst currentUrlWithoutArgs = removeQueryArgs(\n\t\twindow.location.href,\n\t\t...Object.keys( currentArgs )\n\t);\n\n\tif ( isPreviewingTheme() ) {\n\t\tparams = {\n\t\t\t...params,\n\t\t\twp_theme_preview: currentlyPreviewingTheme(),\n\t\t};\n\t}\n\n\tconst newUrl = addQueryArgs( currentUrlWithoutArgs, params );\n\n\treturn {\n\t\thref: newUrl,\n\t\tonClick,\n\t};\n}\n\nexport default function Link( {\n\tparams = {},\n\tstate,\n\treplace: shouldReplace = false,\n\tchildren,\n\t...props\n} ) {\n\tconst { href, onClick } = useLink( params, state, shouldReplace );\n\n\treturn (\n\t\t<a href={ href } onClick={ onClick } { ...props }>\n\t\t\t{ children }\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAGyC,IAAAI,WAAA,GAAAJ,OAAA;AAbzC;AACA;AACA;;AAIA;AACA;AACA;;AAOA,MAAM;EAAEK;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE3C,SAASC,OAAOA,CAAEC,MAAM,EAAEC,KAAK,EAAEC,aAAa,GAAG,KAAK,EAAG;EAC/D,MAAMC,OAAO,GAAGP,UAAU,CAAC,CAAC;EAC5B,SAASQ,OAAOA,CAAEC,KAAK,EAAG;IACzBA,KAAK,EAAEC,cAAc,CAAC,CAAC;IAEvB,IAAKJ,aAAa,EAAG;MACpBC,OAAO,CAACI,OAAO,CAAEP,MAAM,EAAEC,KAAM,CAAC;IACjC,CAAC,MAAM;MACNE,OAAO,CAACK,IAAI,CAAER,MAAM,EAAEC,KAAM,CAAC;IAC9B;EACD;EAEA,MAAMQ,WAAW,GAAG,IAAAC,iBAAY,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAK,CAAC;EACxD,MAAMC,qBAAqB,GAAG,IAAAC,oBAAe,EAC5CJ,MAAM,CAACC,QAAQ,CAACC,IAAI,EACpB,GAAGG,MAAM,CAACC,IAAI,CAAER,WAAY,CAC7B,CAAC;EAED,IAAK,IAAAS,oCAAiB,EAAC,CAAC,EAAG;IAC1BlB,MAAM,GAAG;MACR,GAAGA,MAAM;MACTmB,gBAAgB,EAAE,IAAAC,2CAAwB,EAAC;IAC5C,CAAC;EACF;EAEA,MAAMC,MAAM,GAAG,IAAAC,iBAAY,EAAER,qBAAqB,EAAEd,MAAO,CAAC;EAE5D,OAAO;IACNa,IAAI,EAAEQ,MAAM;IACZjB;EACD,CAAC;AACF;AAEe,SAASmB,IAAIA,CAAE;EAC7BvB,MAAM,GAAG,CAAC,CAAC;EACXC,KAAK;EACLM,OAAO,EAAEL,aAAa,GAAG,KAAK;EAC9BsB,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM;IAAEZ,IAAI;IAAET;EAAQ,CAAC,GAAGL,OAAO,CAAEC,MAAM,EAAEC,KAAK,EAAEC,aAAc,CAAC;EAEjE,oBACC,IAAAP,WAAA,CAAA+B,GAAA;IAAGb,IAAI,EAAGA,IAAM;IAACT,OAAO,EAAGA,OAAS;IAAA,GAAMqB,KAAK;IAAAD,QAAA,EAC5CA;EAAQ,CACR,CAAC;AAEN","ignoreList":[]}
1
+ {"version":3,"names":["_url","require","_router","_lockUnlock","_isPreviewingTheme","_jsxRuntime","useHistory","unlock","routerPrivateApis","useLink","params","state","shouldReplace","history","onClick","event","preventDefault","replace","push","currentArgs","getQueryArgs","window","location","href","currentUrlWithoutArgs","removeQueryArgs","Object","keys","extraParams","isPreviewingTheme","wp_theme_preview","currentlyPreviewingTheme","newUrl","addQueryArgs","Link","children","props","jsx"],"sources":["@wordpress/edit-site/src/components/routes/link.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addQueryArgs, getQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport function useLink( params, state, shouldReplace = false ) {\n\tconst history = useHistory();\n\tfunction onClick( event ) {\n\t\tevent?.preventDefault();\n\n\t\tif ( shouldReplace ) {\n\t\t\thistory.replace( params, state );\n\t\t} else {\n\t\t\thistory.push( params, state );\n\t\t}\n\t}\n\n\tconst currentArgs = getQueryArgs( window.location.href );\n\tconst currentUrlWithoutArgs = removeQueryArgs(\n\t\twindow.location.href,\n\t\t...Object.keys( currentArgs )\n\t);\n\n\tlet extraParams = {};\n\tif ( isPreviewingTheme() ) {\n\t\textraParams = {\n\t\t\twp_theme_preview: currentlyPreviewingTheme(),\n\t\t};\n\t}\n\n\tconst newUrl = addQueryArgs( currentUrlWithoutArgs, {\n\t\t...params,\n\t\t...extraParams,\n\t} );\n\n\treturn {\n\t\thref: newUrl,\n\t\tonClick,\n\t};\n}\n\nexport default function Link( {\n\tparams = {},\n\tstate,\n\treplace: shouldReplace = false,\n\tchildren,\n\t...props\n} ) {\n\tconst { href, onClick } = useLink( params, state, shouldReplace );\n\n\treturn (\n\t\t<a href={ href } onClick={ onClick } { ...props }>\n\t\t\t{ children }\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAGyC,IAAAI,WAAA,GAAAJ,OAAA;AAbzC;AACA;AACA;;AAIA;AACA;AACA;;AAOA,MAAM;EAAEK;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE3C,SAASC,OAAOA,CAAEC,MAAM,EAAEC,KAAK,EAAEC,aAAa,GAAG,KAAK,EAAG;EAC/D,MAAMC,OAAO,GAAGP,UAAU,CAAC,CAAC;EAC5B,SAASQ,OAAOA,CAAEC,KAAK,EAAG;IACzBA,KAAK,EAAEC,cAAc,CAAC,CAAC;IAEvB,IAAKJ,aAAa,EAAG;MACpBC,OAAO,CAACI,OAAO,CAAEP,MAAM,EAAEC,KAAM,CAAC;IACjC,CAAC,MAAM;MACNE,OAAO,CAACK,IAAI,CAAER,MAAM,EAAEC,KAAM,CAAC;IAC9B;EACD;EAEA,MAAMQ,WAAW,GAAG,IAAAC,iBAAY,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAK,CAAC;EACxD,MAAMC,qBAAqB,GAAG,IAAAC,oBAAe,EAC5CJ,MAAM,CAACC,QAAQ,CAACC,IAAI,EACpB,GAAGG,MAAM,CAACC,IAAI,CAAER,WAAY,CAC7B,CAAC;EAED,IAAIS,WAAW,GAAG,CAAC,CAAC;EACpB,IAAK,IAAAC,oCAAiB,EAAC,CAAC,EAAG;IAC1BD,WAAW,GAAG;MACbE,gBAAgB,EAAE,IAAAC,2CAAwB,EAAC;IAC5C,CAAC;EACF;EAEA,MAAMC,MAAM,GAAG,IAAAC,iBAAY,EAAET,qBAAqB,EAAE;IACnD,GAAGd,MAAM;IACT,GAAGkB;EACJ,CAAE,CAAC;EAEH,OAAO;IACNL,IAAI,EAAES,MAAM;IACZlB;EACD,CAAC;AACF;AAEe,SAASoB,IAAIA,CAAE;EAC7BxB,MAAM,GAAG,CAAC,CAAC;EACXC,KAAK;EACLM,OAAO,EAAEL,aAAa,GAAG,KAAK;EAC9BuB,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM;IAAEb,IAAI;IAAET;EAAQ,CAAC,GAAGL,OAAO,CAAEC,MAAM,EAAEC,KAAK,EAAEC,aAAc,CAAC;EAEjE,oBACC,IAAAP,WAAA,CAAAgC,GAAA;IAAGd,IAAI,EAAGA,IAAM;IAACT,OAAO,EAAGA,OAAS;IAAA,GAAMsB,KAAK;IAAAD,QAAA,EAC5CA;EAAQ,CACR,CAAC;AAEN","ignoreList":[]}
@@ -132,10 +132,8 @@ function SavePanel() {
132
132
  className: (0, _clsx.default)('edit-site-editor__toggle-save-panel', {
133
133
  'screen-reader-text': isSaveViewOpen
134
134
  }),
135
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
136
- // TODO: Switch to `true` (40px size) if possible
137
- , {
138
- __next40pxDefaultSize: false,
135
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
136
+ __next40pxDefaultSize: true,
139
137
  variant: "secondary",
140
138
  className: "edit-site-editor__toggle-save-panel-button",
141
139
  onClick: () => setIsSaveViewOpened(true),