@wordpress/edit-site 6.8.6 → 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 -12
  103. package/build-style/posts.css +32 -12
  104. package/build-style/style-rtl.css +44 -21
  105. package/build-style/style.css +44 -21
  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":["clsx","Disabled","Composite","privateApis","componentsPrivateApis","__","sprintf","getCategories","getBlockType","getBlockTypes","getBlockFromExample","createBlock","BlockList","blockEditorPrivateApis","store","blockEditorStore","__unstableEditorStyles","EditorStyles","__unstableIframe","Iframe","editorPrivateApis","useSelect","useResizeObserver","useMemo","useState","memo","useContext","ENTER","SPACE","unlock","EditorCanvasContainer","jsx","_jsx","jsxs","_jsxs","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","mergeBaseAndUserConfigs","Tabs","STYLE_BOOK_IFRAME_STYLES","isObjectEmpty","object","Object","keys","length","getExamples","nonHeadingBlockExamples","filter","blockType","name","example","supports","inserter","map","title","category","blocks","isHeadingBlockRegistered","headingsExample","level","content","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","textColor","backgroundColor","examples","tabs","some","slug","icon","base","baseConfig","mergedConfig","originalSettings","select","getSettings","settings","__unstableIsPreviewMode","globalStyles","styles","closeButtonLabel","children","className","width","style","color","background","TabList","tab","Tab","tabId","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","preventDefault","readonly","buttonModeStyles","tabIndex","Examples","label","orientation","Example","id","focusMode","renderedBlocks","Array","isArray","Item","render","value","renderAppender"],"sources":["@wordpress/edit-site/src/components/style-book/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDisabled,\n\tComposite,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tgetCategories,\n\tgetBlockType,\n\tgetBlockTypes,\n\tgetBlockFromExample,\n\tcreateBlock,\n} from '@wordpress/blocks';\nimport {\n\tBlockList,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n} from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo, useState, memo, useContext } from '@wordpress/element';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport EditorCanvasContainer from '../editor-canvas-container';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tuseGlobalStyle,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\n// The content area of the Style Book is rendered within an iframe so that global styles\n// are applied to elements within the entire content area. To support elements that are\n// not part of the block previews, such as headings and layout for the block previews,\n// additional CSS rules need to be passed into the iframe. These are hard-coded below.\n// Note that button styles are unset, and then focus rules from the `Button` component are\n// applied to the `button` element, targeted via `.edit-site-style-book__example`.\n// This is to ensure that browser default styles for buttons are not applied to the previews.\nconst STYLE_BOOK_IFRAME_STYLES = `\n\t.edit-site-style-book__examples {\n\t\tmax-width: 900px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.edit-site-style-book__example {\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tmargin-bottom: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tscroll-margin-top: 32px;\n\t\tscroll-margin-bottom: 32px;\n\t}\n\n\t.edit-site-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.edit-site-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.edit-site-style-book__examples.is-wide .edit-site-style-book__example {\n\t\tflex-direction: row;\n\t}\n\n\t.edit-site-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\tfont-size: 11px;\n\t\tfont-weight: 500;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.edit-site-style-book__examples.is-wide .edit-site-style-book__example-title {\n\t\ttext-align: right;\n\t\twidth: 120px;\n\t}\n\n\t.edit-site-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.edit-site-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\n\t.edit-site-style-book__example-preview .is-root-container > .wp-block:first-child {\n\t\tmargin-top: 0;\n\t}\n\t.edit-site-style-book__example-preview .is-root-container > .wp-block:last-child {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\nfunction getExamples() {\n\tconst nonHeadingBlockExamples = getBlockTypes()\n\t\t.filter( ( blockType ) => {\n\t\t\tconst { name, example, supports } = blockType;\n\t\t\treturn (\n\t\t\t\tname !== 'core/heading' &&\n\t\t\t\t!! example &&\n\t\t\t\tsupports.inserter !== false\n\t\t\t);\n\t\t} )\n\t\t.map( ( blockType ) => ( {\n\t\t\tname: blockType.name,\n\t\t\ttitle: blockType.title,\n\t\t\tcategory: blockType.category,\n\t\t\tblocks: getBlockFromExample( blockType.name, blockType.example ),\n\t\t} ) );\n\n\tconst isHeadingBlockRegistered = !! getBlockType( 'core/heading' );\n\n\tif ( ! isHeadingBlockRegistered ) {\n\t\treturn nonHeadingBlockExamples;\n\t}\n\n\t// Use our own example for the Heading block so that we can show multiple\n\t// heading levels.\n\tconst headingsExample = {\n\t\tname: 'core/heading',\n\t\ttitle: __( 'Headings' ),\n\t\tcategory: 'text',\n\t\tblocks: [ 1, 2, 3, 4, 5, 6 ].map( ( level ) => {\n\t\t\treturn createBlock( 'core/heading', {\n\t\t\t\tcontent: sprintf(\n\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\tlevel\n\t\t\t\t),\n\t\t\t\tlevel,\n\t\t\t} );\n\t\t} ),\n\t};\n\n\treturn [ headingsExample, ...nonHeadingBlockExamples ];\n}\n\nfunction StyleBook( {\n\tenableResizing = true,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tshowCloseButton = true,\n\tonClose,\n\tshowTabs = true,\n\tuserConfig = {},\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ examples ] = useState( getExamples );\n\tconst tabs = useMemo(\n\t\t() =>\n\t\t\tgetCategories()\n\t\t\t\t.filter( ( category ) =>\n\t\t\t\t\texamples.some(\n\t\t\t\t\t\t( example ) => example.category === category.slug\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t\t.map( ( category ) => ( {\n\t\t\t\t\tname: category.slug,\n\t\t\t\t\ttitle: category.title,\n\t\t\t\t\ticon: category.icon,\n\t\t\t\t} ) ),\n\t\t[ examples ]\n\t);\n\tconst { base: baseConfig } = useContext( GlobalStylesContext );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! isObjectEmpty( userConfig ) && ! isObjectEmpty( baseConfig ) ) {\n\t\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfig );\n\t\t}\n\t\treturn {};\n\t}, [ baseConfig, userConfig ] );\n\n\t// Copied from packages/edit-site/src/components/revisions/index.js\n\t// could we create a shared hook?\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\n\tconst [ globalStyles ] = useGlobalStylesOutputWithConfig( mergedConfig );\n\n\tsettings.styles =\n\t\t! isObjectEmpty( globalStyles ) && ! isObjectEmpty( userConfig )\n\t\t\t? globalStyles\n\t\t\t: settings.styles;\n\n\treturn (\n\t\t<EditorCanvasContainer\n\t\t\tonClose={ onClose }\n\t\t\tenableResizing={ enableResizing }\n\t\t\tcloseButtonLabel={ showCloseButton ? __( 'Close' ) : null }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-style-book', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t\t'is-button': !! onClick,\n\t\t\t\t} ) }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: textColor,\n\t\t\t\t\tbackground: backgroundColor,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ showTabs ? (\n\t\t\t\t\t<div className=\"edit-site-style-book__tabs\">\n\t\t\t\t\t\t<Tabs>\n\t\t\t\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\t\t\t\t\tcategory={ tab.name }\n\t\t\t\t\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t\t\t\t\t\ttitle={ tab.title }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorCanvasContainer>\n\t);\n}\n\nconst StyleBookBody = ( {\n\tcategory,\n\texamples,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tsettings,\n\tsizes,\n\ttitle,\n} ) => {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\t// The presence of an `onClick` prop indicates that the Style Book is being used as a button.\n\t// In this case, add additional props to the iframe to make it behave like a button.\n\tconst buttonModeProps = {\n\t\trole: 'button',\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( onClick && ( keyCode === ENTER || keyCode === SPACE ) ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\tonClick: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( onClick ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\n\tconst buttonModeStyles = onClick\n\t\t? 'body { cursor: pointer; } body * { pointer-events: none; }'\n\t\t: '';\n\n\treturn (\n\t\t<Iframe\n\t\t\tclassName={ clsx( 'edit-site-style-book__iframe', {\n\t\t\t\t'is-focused': isFocused && !! onClick,\n\t\t\t\t'is-button': !! onClick,\n\t\t\t} ) }\n\t\t\tname=\"style-book-canvas\"\n\t\t\ttabIndex={ 0 }\n\t\t\t{ ...( onClick ? buttonModeProps : {} ) }\n\t\t>\n\t\t\t<EditorStyles styles={ settings.styles } />\n\t\t\t<style>\n\t\t\t\t{\n\t\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t\t`.is-root-container { display: flow-root; }\n\t\t\t\t\t\tbody { position: relative; padding: 32px !important; }` +\n\t\t\t\t\t\tSTYLE_BOOK_IFRAME_STYLES +\n\t\t\t\t\t\tbuttonModeStyles\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<Examples\n\t\t\t\tclassName={ clsx( 'edit-site-style-book__examples', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t} ) }\n\t\t\t\texamples={ examples }\n\t\t\t\tcategory={ category }\n\t\t\t\tlabel={\n\t\t\t\t\ttitle\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Category of blocks, e.g. Text.\n\t\t\t\t\t\t\t\t__( 'Examples of blocks in the %s category' ),\n\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t )\n\t\t\t\t\t\t: __( 'Examples of blocks' )\n\t\t\t\t}\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tkey={ category }\n\t\t\t/>\n\t\t</Iframe>\n\t);\n};\n\nconst Examples = memo(\n\t( { className, examples, category, label, isSelected, onSelect } ) => {\n\t\treturn (\n\t\t\t<Composite\n\t\t\t\torientation=\"vertical\"\n\t\t\t\tclassName={ className }\n\t\t\t\taria-label={ label }\n\t\t\t\trole=\"grid\"\n\t\t\t>\n\t\t\t\t{ examples\n\t\t\t\t\t.filter( ( example ) =>\n\t\t\t\t\t\tcategory ? example.category === category : true\n\t\t\t\t\t)\n\t\t\t\t\t.map( ( example ) => (\n\t\t\t\t\t\t<Example\n\t\t\t\t\t\t\tkey={ example.name }\n\t\t\t\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\t\t\t\ttitle={ example.title }\n\t\t\t\t\t\t\tblocks={ example.blocks }\n\t\t\t\t\t\t\tisSelected={ isSelected( example.name ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonSelect?.( example.name );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t);\n\t}\n);\n\nconst Example = ( { id, title, blocks, isSelected, onClick } ) => {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( {\n\t\t\t...originalSettings,\n\t\t\tfocusMode: false, // Disable \"Spotlight mode\".\n\t\t\t__unstableIsPreviewMode: true,\n\t\t} ),\n\t\t[ originalSettings ]\n\t);\n\n\t// Cache the list of blocks to avoid additional processing when the component is re-rendered.\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<div role=\"row\">\n\t\t\t<div role=\"gridcell\">\n\t\t\t\t<Composite.Item\n\t\t\t\t\tclassName={ clsx( 'edit-site-style-book__example', {\n\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t} ) }\n\t\t\t\t\tid={ id }\n\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t// translators: %s: Title of a block, e.g. Heading.\n\t\t\t\t\t\t__( 'Open %s styles in Styles panel' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\trender={ <div /> }\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-style-book__example-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</span>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"edit-site-style-book__example-preview\"\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t<Disabled className=\"edit-site-style-book__example-preview__content\">\n\t\t\t\t\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\t\t\t\t\tvalue={ renderedBlocks }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockList renderAppender={ false } />\n\t\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t\t</Disabled>\n\t\t\t\t\t</div>\n\t\t\t\t</Composite.Item>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default StyleBook;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["clsx","Disabled","Composite","privateApis","componentsPrivateApis","__","sprintf","BlockList","blockEditorPrivateApis","store","blockEditorStore","__unstableEditorStyles","EditorStyles","__unstableIframe","Iframe","editorPrivateApis","useSelect","useResizeObserver","useMemo","useState","memo","useContext","ENTER","SPACE","unlock","EditorCanvasContainer","STYLE_BOOK_IFRAME_STYLES","getExamplesByCategory","getTopLevelStyleBookCategories","getExamples","jsx","_jsx","jsxs","_jsxs","ExperimentalBlockEditorProvider","useGlobalStyle","GlobalStylesContext","useGlobalStylesOutputWithConfig","mergeBaseAndUserConfigs","Tabs","isObjectEmpty","object","Object","keys","length","StyleBook","enableResizing","isSelected","onClick","onSelect","showCloseButton","onClose","showTabs","userConfig","resizeObserver","sizes","textColor","backgroundColor","examples","tabs","filter","category","some","example","slug","base","baseConfig","mergedConfig","originalSettings","select","getSettings","settings","__unstableIsPreviewMode","globalStyles","styles","closeButtonLabel","children","className","width","style","color","background","TabList","map","tab","Tab","tabId","title","TabPanel","focusable","StyleBookBody","isFocused","setIsFocused","buttonModeProps","role","onFocus","onBlur","onKeyDown","event","defaultPrevented","keyCode","preventDefault","readonly","name","tabIndex","Examples","label","categoryDefinition","find","_category","filteredExamples","orientation","Example","id","blocks","subcategories","subcategory","Group","GroupLabel","Subcategory","focusMode","renderedBlocks","Array","isArray","Item","render","value","renderAppender"],"sources":["@wordpress/edit-site/src/components/style-book/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDisabled,\n\tComposite,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockList,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n} from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo, useState, memo, useContext } from '@wordpress/element';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport { STYLE_BOOK_IFRAME_STYLES } from './constants';\nimport {\n\tgetExamplesByCategory,\n\tgetTopLevelStyleBookCategories,\n} from './categories';\nimport { getExamples } from './examples';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tuseGlobalStyle,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\nfunction StyleBook( {\n\tenableResizing = true,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tshowCloseButton = true,\n\tonClose,\n\tshowTabs = true,\n\tuserConfig = {},\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ examples ] = useState( getExamples );\n\tconst tabs = useMemo(\n\t\t() =>\n\t\t\tgetTopLevelStyleBookCategories().filter( ( category ) =>\n\t\t\t\texamples.some(\n\t\t\t\t\t( example ) => example.category === category.slug\n\t\t\t\t)\n\t\t\t),\n\t\t[ examples ]\n\t);\n\tconst { base: baseConfig } = useContext( GlobalStylesContext );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! isObjectEmpty( userConfig ) && ! isObjectEmpty( baseConfig ) ) {\n\t\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfig );\n\t\t}\n\t\treturn {};\n\t}, [ baseConfig, userConfig ] );\n\n\t// Copied from packages/edit-site/src/components/revisions/index.js\n\t// could we create a shared hook?\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\n\tconst [ globalStyles ] = useGlobalStylesOutputWithConfig( mergedConfig );\n\n\tsettings.styles =\n\t\t! isObjectEmpty( globalStyles ) && ! isObjectEmpty( userConfig )\n\t\t\t? globalStyles\n\t\t\t: settings.styles;\n\n\treturn (\n\t\t<EditorCanvasContainer\n\t\t\tonClose={ onClose }\n\t\t\tenableResizing={ enableResizing }\n\t\t\tcloseButtonLabel={ showCloseButton ? __( 'Close' ) : null }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-style-book', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t\t'is-button': !! onClick,\n\t\t\t\t} ) }\n\t\t\t\tstyle={ {\n\t\t\t\t\tcolor: textColor,\n\t\t\t\t\tbackground: backgroundColor,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ showTabs ? (\n\t\t\t\t\t<div className=\"edit-site-style-book__tabs\">\n\t\t\t\t\t\t<Tabs>\n\t\t\t\t\t\t\t<div className=\"edit-site-style-book__tablist-container\">\n\t\t\t\t\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\t\t\ttabId={ tab.slug }\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.slug }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\tkey={ tab.slug }\n\t\t\t\t\t\t\t\t\ttabId={ tab.slug }\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\t\t\t\t\tcategory={ tab.slug }\n\t\t\t\t\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t\t\t\t\t\ttitle={ tab.title }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<StyleBookBody\n\t\t\t\t\t\texamples={ examples }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\tsizes={ sizes }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorCanvasContainer>\n\t);\n}\n\nconst StyleBookBody = ( {\n\tcategory,\n\texamples,\n\tisSelected,\n\tonClick,\n\tonSelect,\n\tsettings,\n\tsizes,\n\ttitle,\n} ) => {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\t// The presence of an `onClick` prop indicates that the Style Book is being used as a button.\n\t// In this case, add additional props to the iframe to make it behave like a button.\n\tconst buttonModeProps = {\n\t\trole: 'button',\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( onClick && ( keyCode === ENTER || keyCode === SPACE ) ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\tonClick: ( event ) => {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( onClick ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonClick( event );\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\n\treturn (\n\t\t<Iframe\n\t\t\tclassName={ clsx( 'edit-site-style-book__iframe', {\n\t\t\t\t'is-focused': isFocused && !! onClick,\n\t\t\t\t'is-button': !! onClick,\n\t\t\t} ) }\n\t\t\tname=\"style-book-canvas\"\n\t\t\ttabIndex={ 0 }\n\t\t\t{ ...( onClick ? buttonModeProps : {} ) }\n\t\t>\n\t\t\t<EditorStyles styles={ settings.styles } />\n\t\t\t<style>\n\t\t\t\t{ STYLE_BOOK_IFRAME_STYLES }\n\t\t\t\t{ !! onClick &&\n\t\t\t\t\t'body { cursor: pointer; } body * { pointer-events: none; }' }\n\t\t\t</style>\n\t\t\t<Examples\n\t\t\t\tclassName={ clsx( 'edit-site-style-book__examples', {\n\t\t\t\t\t'is-wide': sizes.width > 600,\n\t\t\t\t} ) }\n\t\t\t\texamples={ examples }\n\t\t\t\tcategory={ category }\n\t\t\t\tlabel={\n\t\t\t\t\ttitle\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Category of blocks, e.g. Text.\n\t\t\t\t\t\t\t\t__( 'Examples of blocks in the %s category' ),\n\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t )\n\t\t\t\t\t\t: __( 'Examples of blocks' )\n\t\t\t\t}\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tkey={ category }\n\t\t\t/>\n\t\t</Iframe>\n\t);\n};\n\nconst Examples = memo(\n\t( { className, examples, category, label, isSelected, onSelect } ) => {\n\t\tconst categoryDefinition = category\n\t\t\t? getTopLevelStyleBookCategories().find(\n\t\t\t\t\t( _category ) => _category.slug === category\n\t\t\t )\n\t\t\t: null;\n\n\t\tconst filteredExamples = categoryDefinition\n\t\t\t? getExamplesByCategory( categoryDefinition, examples )\n\t\t\t: { examples };\n\n\t\treturn (\n\t\t\t<Composite\n\t\t\t\torientation=\"vertical\"\n\t\t\t\tclassName={ className }\n\t\t\t\taria-label={ label }\n\t\t\t\trole=\"grid\"\n\t\t\t>\n\t\t\t\t{ !! filteredExamples?.examples?.length &&\n\t\t\t\t\tfilteredExamples.examples.map( ( example ) => (\n\t\t\t\t\t\t<Example\n\t\t\t\t\t\t\tkey={ example.name }\n\t\t\t\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\t\t\t\ttitle={ example.title }\n\t\t\t\t\t\t\tblocks={ example.blocks }\n\t\t\t\t\t\t\tisSelected={ isSelected( example.name ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonSelect?.( example.name );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ !! filteredExamples?.subcategories?.length &&\n\t\t\t\t\tfilteredExamples.subcategories.map( ( subcategory ) => (\n\t\t\t\t\t\t<Composite.Group\n\t\t\t\t\t\t\tclassName=\"edit-site-style-book__subcategory\"\n\t\t\t\t\t\t\tkey={ `subcategory-${ subcategory.slug }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Composite.GroupLabel>\n\t\t\t\t\t\t\t\t<h2 className=\"edit-site-style-book__subcategory-title\">\n\t\t\t\t\t\t\t\t\t{ subcategory.title }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t</Composite.GroupLabel>\n\t\t\t\t\t\t\t<Subcategory\n\t\t\t\t\t\t\t\texamples={ subcategory.examples }\n\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Composite.Group>\n\t\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t);\n\t}\n);\n\nconst Subcategory = ( { examples, isSelected, onSelect } ) => {\n\treturn (\n\t\t!! examples?.length &&\n\t\texamples.map( ( example ) => (\n\t\t\t<Example\n\t\t\t\tkey={ example.name }\n\t\t\t\tid={ `example-${ example.name }` }\n\t\t\t\ttitle={ example.title }\n\t\t\t\tblocks={ example.blocks }\n\t\t\t\tisSelected={ isSelected( example.name ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tonSelect?.( example.name );\n\t\t\t\t} }\n\t\t\t/>\n\t\t) )\n\t);\n};\n\nconst Example = ( { id, title, blocks, isSelected, onClick } ) => {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( {\n\t\t\t...originalSettings,\n\t\t\tfocusMode: false, // Disable \"Spotlight mode\".\n\t\t\t__unstableIsPreviewMode: true,\n\t\t} ),\n\t\t[ originalSettings ]\n\t);\n\n\t// Cache the list of blocks to avoid additional processing when the component is re-rendered.\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<div role=\"row\">\n\t\t\t<div role=\"gridcell\">\n\t\t\t\t<Composite.Item\n\t\t\t\t\tclassName={ clsx( 'edit-site-style-book__example', {\n\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t} ) }\n\t\t\t\t\tid={ id }\n\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t// translators: %s: Title of a block, e.g. Heading.\n\t\t\t\t\t\t__( 'Open %s styles in Styles panel' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\trender={ <div /> }\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-style-book__example-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</span>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"edit-site-style-book__example-preview\"\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t<Disabled className=\"edit-site-style-book__example-preview__content\">\n\t\t\t\t\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\t\t\t\t\tvalue={ renderedBlocks }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockList renderAppender={ false } />\n\t\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t\t</Disabled>\n\t\t\t\t\t</div>\n\t\t\t\t</Composite.Item>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default StyleBook;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["@wordpress/edit-site/src/components/style-book/types.ts"],"sourcesContent":["type Block = {\n\tname: string;\n\tattributes: Record< string, unknown >;\n\tinnerBlocks?: Block[];\n};\n\nexport type StyleBookCategory = {\n\ttitle: string;\n\tslug: string;\n\tblocks?: string[];\n\texclude?: string[];\n\tsubcategories?: StyleBookCategory[];\n};\n\nexport type BlockExample = {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\tblocks: Block | Block[];\n};\n\nexport type CategoryExamples = {\n\ttitle: string;\n\tslug: string;\n\texamples?: BlockExample[];\n\tsubcategories?: CategoryExamples[];\n};\n"],"mappings":"","ignoreList":[]}
@@ -192,7 +192,7 @@ export const __experimentalGetInsertionPoint = createRegistrySelector(select =>
192
192
  since: '6.5',
193
193
  version: '6.7'
194
194
  });
195
- return unlock(select(editorStore)).getInsertionPoint();
195
+ return unlock(select(editorStore)).getInserter();
196
196
  });
197
197
 
198
198
  /**
@@ -1 +1 @@
1
- {"version":3,"names":["store","coreDataStore","createRegistrySelector","createSelector","deprecated","Platform","preferencesStore","editorStore","blockEditorStore","unlock","TEMPLATE_PART_POST_TYPE","getFilteredTemplatePartBlocks","isFeatureActive","select","_","featureName","since","alternative","get","__experimentalGetPreviewDeviceType","version","getDeviceType","getCanUserCreateMedia","canUser","getReusableBlocks","isWeb","OS","getEntityRecords","per_page","getSettings","state","settings","getHomeTemplateId","getEditedPostType","editedPost","postType","getEditedPostId","id","getEditedPostContext","context","getPage","isInserterOpened","__experimentalGetInsertionPoint","getInsertionPoint","isListViewOpened","isSaveViewOpened","saveViewPanel","getBlocksAndTemplateParts","templateParts","getBlocksByName","getBlocksByClientId","clientIds","blocks","getCurrentTemplateTemplateParts","getEditorMode","getCurrentTemplateNavigationPanelSubMenu","getNavigationPanelActiveMenu","isNavigationOpened","isPage","postId","hasPageContentFocus"],"sources":["@wordpress/edit-site/src/store/selectors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { createRegistrySelector, createSelector } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { Platform } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { TEMPLATE_PART_POST_TYPE } from '../utils/constants';\nimport getFilteredTemplatePartBlocks from '../utils/get-filtered-template-parts';\n\n/**\n * @typedef {'template'|'template_type'} TemplateType Template type.\n */\n\n/**\n * Returns whether the given feature is enabled or not.\n *\n * @deprecated\n * @param {Object} state Global application state.\n * @param {string} featureName Feature slug.\n *\n * @return {boolean} Is active.\n */\nexport const isFeatureActive = createRegistrySelector(\n\t( select ) => ( _, featureName ) => {\n\t\tdeprecated( `select( 'core/edit-site' ).isFeatureActive`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `select( 'core/preferences' ).get`,\n\t\t} );\n\n\t\treturn !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\tfeatureName\n\t\t);\n\t}\n);\n\n/**\n * Returns the current editing canvas device type.\n *\n * @deprecated\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Device type.\n */\nexport const __experimentalGetPreviewDeviceType = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetPreviewDeviceType`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t\talternative: `select( 'core/editor' ).getDeviceType`,\n\t\t\t}\n\t\t);\n\t\treturn select( editorStore ).getDeviceType();\n\t}\n);\n\n/**\n * Returns whether the current user can create media or not.\n *\n * @param {Object} state Global application state.\n *\n * @return {Object} Whether the current user can create media or not.\n */\nexport const getCanUserCreateMedia = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/edit-site' ).getCanUserCreateMedia()`,\n\t\t\t{\n\t\t\t\tsince: '6.7',\n\t\t\t\talternative: `wp.data.select( 'core' ).canUser( 'create', { kind: 'root', type: 'media' } )`,\n\t\t\t}\n\t\t);\n\n\t\treturn select( coreDataStore ).canUser( 'create', 'media' );\n\t}\n);\n\n/**\n * Returns any available Reusable blocks.\n *\n * @param {Object} state Global application state.\n *\n * @return {Array} The available reusable blocks.\n */\nexport const getReusableBlocks = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).getReusableBlocks()`, {\n\t\tsince: '6.5',\n\t\tversion: '6.8',\n\t\talternative: `select( 'core/core' ).getEntityRecords( 'postType', 'wp_block' )`,\n\t} );\n\tconst isWeb = Platform.OS === 'web';\n\treturn isWeb\n\t\t? select( coreDataStore ).getEntityRecords( 'postType', 'wp_block', {\n\t\t\t\tper_page: -1,\n\t\t } )\n\t\t: [];\n} );\n\n/**\n * Returns the site editor settings.\n *\n * @param {Object} state Global application state.\n *\n * @return {Object} Settings.\n */\nexport function getSettings( state ) {\n\t// It is important that we don't inject anything into these settings locally.\n\t// The reason for this is that we have an effect in place that calls setSettings based on the previous value of getSettings.\n\t// If we add computed settings here, we'll be adding these computed settings to the state which is very unexpected.\n\treturn state.settings;\n}\n\n/**\n * @deprecated\n */\nexport function getHomeTemplateId() {\n\tdeprecated( \"select( 'core/edit-site' ).getHomeTemplateId\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/**\n * Returns the current edited post type (wp_template or wp_template_part).\n *\n * @param {Object} state Global application state.\n *\n * @return {?TemplateType} Template type.\n */\nexport function getEditedPostType( state ) {\n\treturn state.editedPost.postType;\n}\n\n/**\n * Returns the ID of the currently edited template or template part.\n *\n * @param {Object} state Global application state.\n *\n * @return {?string} Post ID.\n */\nexport function getEditedPostId( state ) {\n\treturn state.editedPost.id;\n}\n\n/**\n * Returns the edited post's context object.\n *\n * @deprecated\n * @param {Object} state Global application state.\n *\n * @return {Object} Page.\n */\nexport function getEditedPostContext( state ) {\n\treturn state.editedPost.context;\n}\n\n/**\n * Returns the current page object.\n *\n * @deprecated\n * @param {Object} state Global application state.\n *\n * @return {Object} Page.\n */\nexport function getPage( state ) {\n\treturn { context: state.editedPost.context };\n}\n\n/**\n * Returns true if the inserter is opened.\n *\n * @deprecated\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether the inserter is opened.\n */\nexport const isInserterOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isInserterOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isInserterOpened`,\n\t} );\n\treturn select( editorStore ).isInserterOpened();\n} );\n\n/**\n * Get the insertion point for the inserter.\n *\n * @deprecated\n *\n * @param {Object} state Global application state.\n *\n * @return {Object} The root client ID, index to insert at and starting filter value.\n */\nexport const __experimentalGetInsertionPoint = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetInsertionPoint`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t}\n\t\t);\n\t\treturn unlock( select( editorStore ) ).getInsertionPoint();\n\t}\n);\n\n/**\n * Returns true if the list view is opened.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether the list view is opened.\n */\nexport const isListViewOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isListViewOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isListViewOpened`,\n\t} );\n\treturn select( editorStore ).isListViewOpened();\n} );\n\n/**\n * Returns the current opened/closed state of the save panel.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} True if the save panel should be open; false if closed.\n */\nexport function isSaveViewOpened( state ) {\n\treturn state.saveViewPanel;\n}\n\nfunction getBlocksAndTemplateParts( select ) {\n\tconst templateParts = select( coreDataStore ).getEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\tconst { getBlocksByName, getBlocksByClientId } = select( blockEditorStore );\n\n\tconst clientIds = getBlocksByName( 'core/template-part' );\n\tconst blocks = getBlocksByClientId( clientIds );\n\treturn [ blocks, templateParts ];\n}\n\n/**\n * Returns the template parts and their blocks for the current edited template.\n *\n * @deprecated\n * @param {Object} state Global application state.\n * @return {Array} Template parts and their blocks in an array.\n */\nexport const getCurrentTemplateTemplateParts = createRegistrySelector(\n\t( select ) =>\n\t\tcreateSelector(\n\t\t\t() => {\n\t\t\t\tdeprecated(\n\t\t\t\t\t`select( 'core/edit-site' ).getCurrentTemplateTemplateParts()`,\n\t\t\t\t\t{\n\t\t\t\t\t\tsince: '6.7',\n\t\t\t\t\t\tversion: '6.9',\n\t\t\t\t\t\talternative: `select( 'core/block-editor' ).getBlocksByName( 'core/template-part' )`,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\treturn getFilteredTemplatePartBlocks(\n\t\t\t\t\t...getBlocksAndTemplateParts( select )\n\t\t\t\t);\n\t\t\t},\n\t\t\t() => getBlocksAndTemplateParts( select )\n\t\t)\n);\n\n/**\n * Returns the current editing mode.\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Editing mode.\n */\nexport const getEditorMode = createRegistrySelector( ( select ) => () => {\n\treturn select( preferencesStore ).get( 'core', 'editorMode' );\n} );\n\n/**\n * @deprecated\n */\nexport function getCurrentTemplateNavigationPanelSubMenu() {\n\tdeprecated(\n\t\t\"dispatch( 'core/edit-site' ).getCurrentTemplateNavigationPanelSubMenu\",\n\t\t{\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t}\n\t);\n}\n\n/**\n * @deprecated\n */\nexport function getNavigationPanelActiveMenu() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).getNavigationPanelActiveMenu\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/**\n * @deprecated\n */\nexport function isNavigationOpened() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).isNavigationOpened\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/**\n * Whether or not the editor has a page loaded into it.\n *\n * @see setPage\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether or not the editor has a page loaded into it.\n */\nexport function isPage( state ) {\n\treturn !! state.editedPost.context?.postId;\n}\n\n/**\n * Whether or not the editor allows only page content to be edited.\n *\n * @deprecated\n *\n * @return {boolean} Whether or not focus is on editing page content.\n */\nexport function hasPageContentFocus() {\n\tdeprecated( `select( 'core/edit-site' ).hasPageContentFocus`, {\n\t\tsince: '6.5',\n\t} );\n\n\treturn false;\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["store","coreDataStore","createRegistrySelector","createSelector","deprecated","Platform","preferencesStore","editorStore","blockEditorStore","unlock","TEMPLATE_PART_POST_TYPE","getFilteredTemplatePartBlocks","isFeatureActive","select","_","featureName","since","alternative","get","__experimentalGetPreviewDeviceType","version","getDeviceType","getCanUserCreateMedia","canUser","getReusableBlocks","isWeb","OS","getEntityRecords","per_page","getSettings","state","settings","getHomeTemplateId","getEditedPostType","editedPost","postType","getEditedPostId","id","getEditedPostContext","context","getPage","isInserterOpened","__experimentalGetInsertionPoint","getInserter","isListViewOpened","isSaveViewOpened","saveViewPanel","getBlocksAndTemplateParts","templateParts","getBlocksByName","getBlocksByClientId","clientIds","blocks","getCurrentTemplateTemplateParts","getEditorMode","getCurrentTemplateNavigationPanelSubMenu","getNavigationPanelActiveMenu","isNavigationOpened","isPage","postId","hasPageContentFocus"],"sources":["@wordpress/edit-site/src/store/selectors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { createRegistrySelector, createSelector } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { Platform } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { TEMPLATE_PART_POST_TYPE } from '../utils/constants';\nimport getFilteredTemplatePartBlocks from '../utils/get-filtered-template-parts';\n\n/**\n * @typedef {'template'|'template_type'} TemplateType Template type.\n */\n\n/**\n * Returns whether the given feature is enabled or not.\n *\n * @deprecated\n * @param {Object} state Global application state.\n * @param {string} featureName Feature slug.\n *\n * @return {boolean} Is active.\n */\nexport const isFeatureActive = createRegistrySelector(\n\t( select ) => ( _, featureName ) => {\n\t\tdeprecated( `select( 'core/edit-site' ).isFeatureActive`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `select( 'core/preferences' ).get`,\n\t\t} );\n\n\t\treturn !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\tfeatureName\n\t\t);\n\t}\n);\n\n/**\n * Returns the current editing canvas device type.\n *\n * @deprecated\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Device type.\n */\nexport const __experimentalGetPreviewDeviceType = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetPreviewDeviceType`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t\talternative: `select( 'core/editor' ).getDeviceType`,\n\t\t\t}\n\t\t);\n\t\treturn select( editorStore ).getDeviceType();\n\t}\n);\n\n/**\n * Returns whether the current user can create media or not.\n *\n * @param {Object} state Global application state.\n *\n * @return {Object} Whether the current user can create media or not.\n */\nexport const getCanUserCreateMedia = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/edit-site' ).getCanUserCreateMedia()`,\n\t\t\t{\n\t\t\t\tsince: '6.7',\n\t\t\t\talternative: `wp.data.select( 'core' ).canUser( 'create', { kind: 'root', type: 'media' } )`,\n\t\t\t}\n\t\t);\n\n\t\treturn select( coreDataStore ).canUser( 'create', 'media' );\n\t}\n);\n\n/**\n * Returns any available Reusable blocks.\n *\n * @param {Object} state Global application state.\n *\n * @return {Array} The available reusable blocks.\n */\nexport const getReusableBlocks = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).getReusableBlocks()`, {\n\t\tsince: '6.5',\n\t\tversion: '6.8',\n\t\talternative: `select( 'core/core' ).getEntityRecords( 'postType', 'wp_block' )`,\n\t} );\n\tconst isWeb = Platform.OS === 'web';\n\treturn isWeb\n\t\t? select( coreDataStore ).getEntityRecords( 'postType', 'wp_block', {\n\t\t\t\tper_page: -1,\n\t\t } )\n\t\t: [];\n} );\n\n/**\n * Returns the site editor settings.\n *\n * @param {Object} state Global application state.\n *\n * @return {Object} Settings.\n */\nexport function getSettings( state ) {\n\t// It is important that we don't inject anything into these settings locally.\n\t// The reason for this is that we have an effect in place that calls setSettings based on the previous value of getSettings.\n\t// If we add computed settings here, we'll be adding these computed settings to the state which is very unexpected.\n\treturn state.settings;\n}\n\n/**\n * @deprecated\n */\nexport function getHomeTemplateId() {\n\tdeprecated( \"select( 'core/edit-site' ).getHomeTemplateId\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/**\n * Returns the current edited post type (wp_template or wp_template_part).\n *\n * @param {Object} state Global application state.\n *\n * @return {?TemplateType} Template type.\n */\nexport function getEditedPostType( state ) {\n\treturn state.editedPost.postType;\n}\n\n/**\n * Returns the ID of the currently edited template or template part.\n *\n * @param {Object} state Global application state.\n *\n * @return {?string} Post ID.\n */\nexport function getEditedPostId( state ) {\n\treturn state.editedPost.id;\n}\n\n/**\n * Returns the edited post's context object.\n *\n * @deprecated\n * @param {Object} state Global application state.\n *\n * @return {Object} Page.\n */\nexport function getEditedPostContext( state ) {\n\treturn state.editedPost.context;\n}\n\n/**\n * Returns the current page object.\n *\n * @deprecated\n * @param {Object} state Global application state.\n *\n * @return {Object} Page.\n */\nexport function getPage( state ) {\n\treturn { context: state.editedPost.context };\n}\n\n/**\n * Returns true if the inserter is opened.\n *\n * @deprecated\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether the inserter is opened.\n */\nexport const isInserterOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isInserterOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isInserterOpened`,\n\t} );\n\treturn select( editorStore ).isInserterOpened();\n} );\n\n/**\n * Get the insertion point for the inserter.\n *\n * @deprecated\n *\n * @param {Object} state Global application state.\n *\n * @return {Object} The root client ID, index to insert at and starting filter value.\n */\nexport const __experimentalGetInsertionPoint = createRegistrySelector(\n\t( select ) => () => {\n\t\tdeprecated(\n\t\t\t`select( 'core/edit-site' ).__experimentalGetInsertionPoint`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\tversion: '6.7',\n\t\t\t}\n\t\t);\n\t\treturn unlock( select( editorStore ) ).getInserter();\n\t}\n);\n\n/**\n * Returns true if the list view is opened.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether the list view is opened.\n */\nexport const isListViewOpened = createRegistrySelector( ( select ) => () => {\n\tdeprecated( `select( 'core/edit-site' ).isListViewOpened`, {\n\t\tsince: '6.5',\n\t\talternative: `select( 'core/editor' ).isListViewOpened`,\n\t} );\n\treturn select( editorStore ).isListViewOpened();\n} );\n\n/**\n * Returns the current opened/closed state of the save panel.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} True if the save panel should be open; false if closed.\n */\nexport function isSaveViewOpened( state ) {\n\treturn state.saveViewPanel;\n}\n\nfunction getBlocksAndTemplateParts( select ) {\n\tconst templateParts = select( coreDataStore ).getEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\tconst { getBlocksByName, getBlocksByClientId } = select( blockEditorStore );\n\n\tconst clientIds = getBlocksByName( 'core/template-part' );\n\tconst blocks = getBlocksByClientId( clientIds );\n\treturn [ blocks, templateParts ];\n}\n\n/**\n * Returns the template parts and their blocks for the current edited template.\n *\n * @deprecated\n * @param {Object} state Global application state.\n * @return {Array} Template parts and their blocks in an array.\n */\nexport const getCurrentTemplateTemplateParts = createRegistrySelector(\n\t( select ) =>\n\t\tcreateSelector(\n\t\t\t() => {\n\t\t\t\tdeprecated(\n\t\t\t\t\t`select( 'core/edit-site' ).getCurrentTemplateTemplateParts()`,\n\t\t\t\t\t{\n\t\t\t\t\t\tsince: '6.7',\n\t\t\t\t\t\tversion: '6.9',\n\t\t\t\t\t\talternative: `select( 'core/block-editor' ).getBlocksByName( 'core/template-part' )`,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\treturn getFilteredTemplatePartBlocks(\n\t\t\t\t\t...getBlocksAndTemplateParts( select )\n\t\t\t\t);\n\t\t\t},\n\t\t\t() => getBlocksAndTemplateParts( select )\n\t\t)\n);\n\n/**\n * Returns the current editing mode.\n *\n * @param {Object} state Global application state.\n *\n * @return {string} Editing mode.\n */\nexport const getEditorMode = createRegistrySelector( ( select ) => () => {\n\treturn select( preferencesStore ).get( 'core', 'editorMode' );\n} );\n\n/**\n * @deprecated\n */\nexport function getCurrentTemplateNavigationPanelSubMenu() {\n\tdeprecated(\n\t\t\"dispatch( 'core/edit-site' ).getCurrentTemplateNavigationPanelSubMenu\",\n\t\t{\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t}\n\t);\n}\n\n/**\n * @deprecated\n */\nexport function getNavigationPanelActiveMenu() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).getNavigationPanelActiveMenu\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/**\n * @deprecated\n */\nexport function isNavigationOpened() {\n\tdeprecated( \"dispatch( 'core/edit-site' ).isNavigationOpened\", {\n\t\tsince: '6.2',\n\t\tversion: '6.4',\n\t} );\n}\n\n/**\n * Whether or not the editor has a page loaded into it.\n *\n * @see setPage\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether or not the editor has a page loaded into it.\n */\nexport function isPage( state ) {\n\treturn !! state.editedPost.context?.postId;\n}\n\n/**\n * Whether or not the editor allows only page content to be edited.\n *\n * @deprecated\n *\n * @return {boolean} Whether or not focus is on editing page content.\n */\nexport function hasPageContentFocus() {\n\tdeprecated( `select( 'core/edit-site' ).hasPageContentFocus`, {\n\t\tsince: '6.5',\n\t} );\n\n\treturn false;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,aAAa,QAAQ,sBAAsB;AAC7D,SAASC,sBAAsB,EAAEC,cAAc,QAAQ,iBAAiB;AACxE,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASL,KAAK,IAAIM,gBAAgB,QAAQ,wBAAwB;AAClE,SAASN,KAAK,IAAIO,WAAW,QAAQ,mBAAmB;AACxD,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,uBAAuB,QAAQ,oBAAoB;AAC5D,OAAOC,6BAA6B,MAAM,sCAAsC;;AAEhF;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGV,sBAAsB,CAClDW,MAAM,IAAM,CAAEC,CAAC,EAAEC,WAAW,KAAM;EACnCX,UAAU,CAAG,4CAA2C,EAAE;IACzDY,KAAK,EAAE,KAAK;IACZC,WAAW,EAAG;EACf,CAAE,CAAC;EAEH,OAAO,CAAC,CAAEJ,MAAM,CAAEP,gBAAiB,CAAC,CAACY,GAAG,CACvC,gBAAgB,EAChBH,WACD,CAAC;AACF,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,kCAAkC,GAAGjB,sBAAsB,CACrEW,MAAM,IAAM,MAAM;EACnBT,UAAU,CACR,+DAA8D,EAC/D;IACCY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE,KAAK;IACdH,WAAW,EAAG;EACf,CACD,CAAC;EACD,OAAOJ,MAAM,CAAEN,WAAY,CAAC,CAACc,aAAa,CAAC,CAAC;AAC7C,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGpB,sBAAsB,CACxDW,MAAM,IAAM,MAAM;EACnBT,UAAU,CACR,4DAA2D,EAC5D;IACCY,KAAK,EAAE,KAAK;IACZC,WAAW,EAAG;EACf,CACD,CAAC;EAED,OAAOJ,MAAM,CAAEZ,aAAc,CAAC,CAACsB,OAAO,CAAE,QAAQ,EAAE,OAAQ,CAAC;AAC5D,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGtB,sBAAsB,CAAIW,MAAM,IAAM,MAAM;EAC5ET,UAAU,CAAG,gDAA+C,EAAE;IAC7DY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE,KAAK;IACdH,WAAW,EAAG;EACf,CAAE,CAAC;EACH,MAAMQ,KAAK,GAAGpB,QAAQ,CAACqB,EAAE,KAAK,KAAK;EACnC,OAAOD,KAAK,GACTZ,MAAM,CAAEZ,aAAc,CAAC,CAAC0B,gBAAgB,CAAE,UAAU,EAAE,UAAU,EAAE;IAClEC,QAAQ,EAAE,CAAC;EACX,CAAE,CAAC,GACH,EAAE;AACN,CAAE,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAEC,KAAK,EAAG;EACpC;EACA;EACA;EACA,OAAOA,KAAK,CAACC,QAAQ;AACtB;;AAEA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EACnC5B,UAAU,CAAE,8CAA8C,EAAE;IAC3DY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE;EACV,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASa,iBAAiBA,CAAEH,KAAK,EAAG;EAC1C,OAAOA,KAAK,CAACI,UAAU,CAACC,QAAQ;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEN,KAAK,EAAG;EACxC,OAAOA,KAAK,CAACI,UAAU,CAACG,EAAE;AAC3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAER,KAAK,EAAG;EAC7C,OAAOA,KAAK,CAACI,UAAU,CAACK,OAAO;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAEV,KAAK,EAAG;EAChC,OAAO;IAAES,OAAO,EAAET,KAAK,CAACI,UAAU,CAACK;EAAQ,CAAC;AAC7C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,gBAAgB,GAAGvC,sBAAsB,CAAIW,MAAM,IAAM,MAAM;EAC3ET,UAAU,CAAG,6CAA4C,EAAE;IAC1DY,KAAK,EAAE,KAAK;IACZC,WAAW,EAAG;EACf,CAAE,CAAC;EACH,OAAOJ,MAAM,CAAEN,WAAY,CAAC,CAACkC,gBAAgB,CAAC,CAAC;AAChD,CAAE,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,+BAA+B,GAAGxC,sBAAsB,CAClEW,MAAM,IAAM,MAAM;EACnBT,UAAU,CACR,4DAA2D,EAC5D;IACCY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE;EACV,CACD,CAAC;EACD,OAAOX,MAAM,CAAEI,MAAM,CAAEN,WAAY,CAAE,CAAC,CAACoC,WAAW,CAAC,CAAC;AACrD,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG1C,sBAAsB,CAAIW,MAAM,IAAM,MAAM;EAC3ET,UAAU,CAAG,6CAA4C,EAAE;IAC1DY,KAAK,EAAE,KAAK;IACZC,WAAW,EAAG;EACf,CAAE,CAAC;EACH,OAAOJ,MAAM,CAAEN,WAAY,CAAC,CAACqC,gBAAgB,CAAC,CAAC;AAChD,CAAE,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEf,KAAK,EAAG;EACzC,OAAOA,KAAK,CAACgB,aAAa;AAC3B;AAEA,SAASC,yBAAyBA,CAAElC,MAAM,EAAG;EAC5C,MAAMmC,aAAa,GAAGnC,MAAM,CAAEZ,aAAc,CAAC,CAAC0B,gBAAgB,CAC7D,UAAU,EACVjB,uBAAuB,EACvB;IAAEkB,QAAQ,EAAE,CAAC;EAAE,CAChB,CAAC;EAED,MAAM;IAAEqB,eAAe;IAAEC;EAAoB,CAAC,GAAGrC,MAAM,CAAEL,gBAAiB,CAAC;EAE3E,MAAM2C,SAAS,GAAGF,eAAe,CAAE,oBAAqB,CAAC;EACzD,MAAMG,MAAM,GAAGF,mBAAmB,CAAEC,SAAU,CAAC;EAC/C,OAAO,CAAEC,MAAM,EAAEJ,aAAa,CAAE;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,+BAA+B,GAAGnD,sBAAsB,CAClEW,MAAM,IACPV,cAAc,CACb,MAAM;EACLC,UAAU,CACR,8DAA6D,EAC9D;IACCY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE,KAAK;IACdH,WAAW,EAAG;EACf,CACD,CAAC;EAED,OAAON,6BAA6B,CACnC,GAAGoC,yBAAyB,CAAElC,MAAO,CACtC,CAAC;AACF,CAAC,EACD,MAAMkC,yBAAyB,CAAElC,MAAO,CACzC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMyC,aAAa,GAAGpD,sBAAsB,CAAIW,MAAM,IAAM,MAAM;EACxE,OAAOA,MAAM,CAAEP,gBAAiB,CAAC,CAACY,GAAG,CAAE,MAAM,EAAE,YAAa,CAAC;AAC9D,CAAE,CAAC;;AAEH;AACA;AACA;AACA,OAAO,SAASqC,wCAAwCA,CAAA,EAAG;EAC1DnD,UAAU,CACT,uEAAuE,EACvE;IACCY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE;EACV,CACD,CAAC;AACF;;AAEA;AACA;AACA;AACA,OAAO,SAASoC,4BAA4BA,CAAA,EAAG;EAC9CpD,UAAU,CAAE,2DAA2D,EAAE;IACxEY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE;EACV,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA,OAAO,SAASqC,kBAAkBA,CAAA,EAAG;EACpCrD,UAAU,CAAE,iDAAiD,EAAE;IAC9DY,KAAK,EAAE,KAAK;IACZI,OAAO,EAAE;EACV,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASsC,MAAMA,CAAE5B,KAAK,EAAG;EAC/B,OAAO,CAAC,CAAEA,KAAK,CAACI,UAAU,CAACK,OAAO,EAAEoB,MAAM;AAC3C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACrCxD,UAAU,CAAG,gDAA+C,EAAE;IAC7DY,KAAK,EAAE;EACR,CAAE,CAAC;EAEH,OAAO,KAAK;AACb","ignoreList":[]}
@@ -30,6 +30,9 @@
30
30
  /**
31
31
  * Fonts & basic variables.
32
32
  */
33
+ /**
34
+ * Typography
35
+ */
33
36
  /**
34
37
  * Grid System.
35
38
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
@@ -44,7 +47,10 @@
44
47
  * Dimensions.
45
48
  */
46
49
  /**
47
- * Editor widths.
50
+ * Mobile specific styles
51
+ */
52
+ /**
53
+ * Editor styles.
48
54
  */
49
55
  /**
50
56
  * Block & Editor UI.
@@ -68,6 +74,9 @@
68
74
  * Creates a fading overlay to signify that the content is longer
69
75
  * than the space allows.
70
76
  */
77
+ /**
78
+ * Typography
79
+ */
71
80
  /**
72
81
  * Breakpoint mixins
73
82
  */
@@ -357,7 +366,6 @@
357
366
  }
358
367
 
359
368
  .dataviews-filters__search-widget-listbox {
360
- max-height: 184px;
361
369
  padding: 4px;
362
370
  overflow: auto;
363
371
  }
@@ -577,11 +585,10 @@
577
585
  margin: 0;
578
586
  }
579
587
 
580
- .dataviews-view-config .components-popover__content {
588
+ .dataviews-view-config {
581
589
  width: 320px;
582
590
  /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
583
591
  container-type: inline-size;
584
- padding: 16px;
585
592
  font-size: 13px;
586
593
  line-height: 1.4;
587
594
  }
@@ -646,6 +653,15 @@
646
653
  top: unset;
647
654
  }
648
655
 
656
+ .dataforms-layouts-panel__field-dropdown .dataforms-combined-edit {
657
+ border: none;
658
+ padding: 0;
659
+ }
660
+
661
+ .dataforms-combined-edit__field {
662
+ flex: 1 1 auto;
663
+ }
664
+
649
665
  .dataviews-view-grid {
650
666
  margin-bottom: auto;
651
667
  grid-template-rows: max-content;
@@ -1275,13 +1291,16 @@ ul.dataviews-view-list {
1275
1291
  width: calc(100% - 16px);
1276
1292
  }
1277
1293
  .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
1278
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 8px 10px -6px rgba(0, 0, 0, 0.8);
1279
- transition: border-radius 0.4s;
1294
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
1295
+ transition: border-radius, box-shadow 0.4s;
1280
1296
  overflow: hidden;
1281
1297
  }
1282
1298
  .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
1283
1299
  border-radius: 8px;
1284
1300
  }
1301
+ .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
1302
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
1303
+ }
1285
1304
  }
1286
1305
  .edit-site-layout.is-full-canvas .edit-site-layout__canvas {
1287
1306
  top: 0;
@@ -1395,6 +1414,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1395
1414
  flex-grow: 1;
1396
1415
  margin: 0;
1397
1416
  overflow: hidden;
1417
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
1398
1418
  }
1399
1419
  @media (min-width: 782px) {
1400
1420
  .edit-site-layout__area {
@@ -1511,7 +1531,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1511
1531
  contain: content;
1512
1532
  }
1513
1533
 
1514
- @keyframes _dq5dx_slide-from-right {
1534
+ @keyframes _pxiuo_slide-from-right {
1515
1535
  from {
1516
1536
  transform: translateX(-50px);
1517
1537
  opacity: 0;
@@ -1521,7 +1541,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1521
1541
  opacity: 1;
1522
1542
  }
1523
1543
  }
1524
- @keyframes _dq5dx_slide-from-left {
1544
+ @keyframes _pxiuo_slide-from-left {
1525
1545
  from {
1526
1546
  transform: translateX(50px);
1527
1547
  opacity: 0;
@@ -1577,10 +1597,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1577
1597
  }
1578
1598
  }
1579
1599
  .edit-site-sidebar__screen-wrapper.slide-from-left {
1580
- animation-name: _dq5dx_slide-from-left;
1600
+ animation-name: _pxiuo_slide-from-left;
1581
1601
  }
1582
1602
  .edit-site-sidebar__screen-wrapper.slide-from-right {
1583
- animation-name: _dq5dx_slide-from-right;
1603
+ animation-name: _pxiuo_slide-from-right;
1584
1604
  }
1585
1605
 
1586
1606
  .edit-site-site-hub {
@@ -1702,8 +1722,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1702
1722
  .edit-site-editor-canvas-container__close-button {
1703
1723
  position: absolute;
1704
1724
  left: 8px;
1705
- top: 6px;
1706
- z-index: 1;
1725
+ top: 8px;
1726
+ z-index: 2;
1707
1727
  background: #fff;
1708
1728
  }
1709
1729
 
@@ -30,6 +30,9 @@
30
30
  /**
31
31
  * Fonts & basic variables.
32
32
  */
33
+ /**
34
+ * Typography
35
+ */
33
36
  /**
34
37
  * Grid System.
35
38
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
@@ -44,7 +47,10 @@
44
47
  * Dimensions.
45
48
  */
46
49
  /**
47
- * Editor widths.
50
+ * Mobile specific styles
51
+ */
52
+ /**
53
+ * Editor styles.
48
54
  */
49
55
  /**
50
56
  * Block & Editor UI.
@@ -68,6 +74,9 @@
68
74
  * Creates a fading overlay to signify that the content is longer
69
75
  * than the space allows.
70
76
  */
77
+ /**
78
+ * Typography
79
+ */
71
80
  /**
72
81
  * Breakpoint mixins
73
82
  */
@@ -357,7 +366,6 @@
357
366
  }
358
367
 
359
368
  .dataviews-filters__search-widget-listbox {
360
- max-height: 184px;
361
369
  padding: 4px;
362
370
  overflow: auto;
363
371
  }
@@ -577,11 +585,10 @@
577
585
  margin: 0;
578
586
  }
579
587
 
580
- .dataviews-view-config .components-popover__content {
588
+ .dataviews-view-config {
581
589
  width: 320px;
582
590
  /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
583
591
  container-type: inline-size;
584
- padding: 16px;
585
592
  font-size: 13px;
586
593
  line-height: 1.4;
587
594
  }
@@ -646,6 +653,15 @@
646
653
  top: unset;
647
654
  }
648
655
 
656
+ .dataforms-layouts-panel__field-dropdown .dataforms-combined-edit {
657
+ border: none;
658
+ padding: 0;
659
+ }
660
+
661
+ .dataforms-combined-edit__field {
662
+ flex: 1 1 auto;
663
+ }
664
+
649
665
  .dataviews-view-grid {
650
666
  margin-bottom: auto;
651
667
  grid-template-rows: max-content;
@@ -1275,13 +1291,16 @@ ul.dataviews-view-list {
1275
1291
  width: calc(100% - 16px);
1276
1292
  }
1277
1293
  .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
1278
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 8px 10px -6px rgba(0, 0, 0, 0.8);
1279
- transition: border-radius 0.4s;
1294
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
1295
+ transition: border-radius, box-shadow 0.4s;
1280
1296
  overflow: hidden;
1281
1297
  }
1282
1298
  .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
1283
1299
  border-radius: 8px;
1284
1300
  }
1301
+ .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
1302
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
1303
+ }
1285
1304
  }
1286
1305
  .edit-site-layout.is-full-canvas .edit-site-layout__canvas {
1287
1306
  top: 0;
@@ -1395,6 +1414,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1395
1414
  flex-grow: 1;
1396
1415
  margin: 0;
1397
1416
  overflow: hidden;
1417
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
1398
1418
  }
1399
1419
  @media (min-width: 782px) {
1400
1420
  .edit-site-layout__area {
@@ -1511,7 +1531,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1511
1531
  contain: content;
1512
1532
  }
1513
1533
 
1514
- @keyframes _dq5dx_slide-from-right {
1534
+ @keyframes _pxiuo_slide-from-right {
1515
1535
  from {
1516
1536
  transform: translateX(50px);
1517
1537
  opacity: 0;
@@ -1521,7 +1541,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1521
1541
  opacity: 1;
1522
1542
  }
1523
1543
  }
1524
- @keyframes _dq5dx_slide-from-left {
1544
+ @keyframes _pxiuo_slide-from-left {
1525
1545
  from {
1526
1546
  transform: translateX(-50px);
1527
1547
  opacity: 0;
@@ -1577,10 +1597,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1577
1597
  }
1578
1598
  }
1579
1599
  .edit-site-sidebar__screen-wrapper.slide-from-left {
1580
- animation-name: _dq5dx_slide-from-left;
1600
+ animation-name: _pxiuo_slide-from-left;
1581
1601
  }
1582
1602
  .edit-site-sidebar__screen-wrapper.slide-from-right {
1583
- animation-name: _dq5dx_slide-from-right;
1603
+ animation-name: _pxiuo_slide-from-right;
1584
1604
  }
1585
1605
 
1586
1606
  .edit-site-site-hub {
@@ -1702,8 +1722,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1702
1722
  .edit-site-editor-canvas-container__close-button {
1703
1723
  position: absolute;
1704
1724
  right: 8px;
1705
- top: 6px;
1706
- z-index: 1;
1725
+ top: 8px;
1726
+ z-index: 2;
1707
1727
  background: #fff;
1708
1728
  }
1709
1729