@secretstache/wordpress-gutenberg 0.3.14 → 0.3.16

package/build/styles.css

@@ -146,6 +146,9 @@
   box-shadow: inset 0 0 0 1px #1e1e1e;
   color: #1e1e1e; }
 
+.block-editor__container .editor-visual-editor.is-resizable .root-block-appender {
+  display: none; }
+
 .block-editor__container .root-block-appender {
   position: absolute;
   bottom: 30px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secretstache/wordpress-gutenberg",
-  "version": "0.3.14",
+  "version": "0.3.16",
   "description": "",
   "author": "Secret Stache",
   "license": "GPL-2.0-or-later",

package/src/components/ColorPaletteControl.js

@@ -1,5 +1,5 @@
 import { BaseControl, ColorPalette } from '@wordpress/components';
-import { useThemeColors, useColorChange } from '../hooks';
+import { useThemeColors, useColorChange } from '../hooks/index.js';
 
 export const ColorPaletteControl = ({
     label = 'Color',

package/src/components/PreviewControl.js

@@ -0,0 +1,23 @@
+import { ToggleControl } from '@wordpress/components';
+
+const defaultLabel = 'Enable Preview';
+const defaultHelp = 'Please check this option to see how the block will actually look and behave on the frontend.';
+
+export const PreviewControl = (props) => {
+    const {
+        checked,
+        onChange,
+        help = defaultHelp,
+        label = defaultLabel,
+    } = props;
+
+    return (
+        <ToggleControl
+            checked={checked}
+            onChange={onChange}
+            label={label}
+            help={help}
+            {...props}
+        />
+    );
+};

package/src/components/index.js

@@ -11,3 +11,4 @@ export { ResourcesWrapper } from './ResourcesWrapper.js'
 export { DividersControl } from './DividersControl.js'
 export { MediaTypeControl } from './MediaTypeControl.js'
 export { InsertBlockToolbar } from './InsertBlockToolbar.js'
+export { PreviewControl } from './PreviewControl.js'

package/src/hooks/usePreviewControl.js

@@ -1,8 +1,5 @@
-import { useCallback, useMemo, useState } from '@wordpress/element';
-import { ToggleControl } from '@wordpress/components';
-
-const defaultLabel = 'Enable Preview';
-const defaultHelpText = 'Please check this option to see how the block will actually look and behave on the frontend.';
+import { useCallback, useState } from '@wordpress/element';
+import { PreviewControl } from '../components/PreviewControl.js';
 
 export const usePreviewControl = () => {
     const [ isPreview, setIsPreview ] = useState(false);
@@ -11,21 +8,17 @@ export const usePreviewControl = () => {
         setIsPreview(prev => !prev);
     }, []);
 
-    const PreviewControl = useMemo(() => {
-        return ({ label = defaultLabel, helpText = defaultHelpText, ...props }) => (
-            <ToggleControl
-                label={label}
-                help={helpText}
-                checked={isPreview}
-                onChange={onChange}
-                {...props}
-            />
-        );
-    });
+    const control = (props) => (
+        <PreviewControl
+            checked={isPreview}
+            onChange={onChange}
+            {...props}
+        />
+    );
 
     return {
         isPreview,
         setIsPreview,
-        PreviewControl,
+        PreviewControl: control,
     };
 };

package/src/styles/_root-block-appender.scss

@@ -1,3 +1,10 @@
+.editor-visual-editor.is-resizable {
+    // Hide then editing a pattern/reusable block
+    .root-block-appender {
+        display: none;
+    }
+}
+
 .root-block-appender {
     position: absolute;
     bottom: 30px;

package/src/utils/rootBlock/setRootBlock.js

@@ -17,16 +17,19 @@ export const setRootBlock = (rootBlockName, initAppender = true, appenderTooltip
         'blocks.registerBlockType',
         'ssm/with-root-block',
         (settings, name) => {
-            // Override the inserter support for blocks that are not the rootBlockName
-            if (name !== rootBlockName && !settings.ancestor) {
+            const isRootBlock = name === rootBlockName;
+            const isBaseBlock = name === 'core/block';
+            const hasAncestor = !!settings?.ancestor;
+
+            if (!isRootBlock && !isBaseBlock && !hasAncestor) {
                 settings.ancestor = [rootBlockName];
             }
 
             return settings;
-        }
+        },
     );
 
     if (initAppender) {
         initRootBlockAppender(rootBlockName, appenderTooltipText);
     }
-}
+};