@secretstache/wordpress-gutenberg 0.4.0 → 0.4.2

package/src/styles/_link-control.scss

@@ -1,6 +1,61 @@
+// Backward compatibility
+// TODO: remove when the custom LinkControl will be removed
 .bc-url-input {
     input {
         width: 100%;
         border: 1px solid #949494;
     }
 }
+
+// if the LinkControl is placed inside the BaseControl
+.components-base-control {
+    .block-editor-link-control {
+        .block-editor-url-input {
+            margin-top: 0;
+        }
+
+        .block-editor-link-control__search-item {
+            padding-top: 0;
+        }
+    }
+}
+
+.block-editor-link-control {
+    min-width: 100%;
+    width: 100%;
+
+    .block-editor-url-input__input {
+        width: 100%;
+    }
+
+    .components-base-control {
+        margin-left: 0;
+        margin-right: 0;
+    }
+
+    .block-editor-link-control__search-enter {
+        right: 5px;
+    }
+
+    .components-spinner {
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    .block-editor-link-control__tools,
+    .block-editor-link-control__search-actions,
+    .block-editor-link-control__search-results,
+    .block-editor-link-control__search-item {
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+    .components-menu-item__item {
+        min-width: unset;
+    }
+
+    .components-button.block-editor-link-control__drawer-toggle {
+        box-shadow: none;
+        outline: none;
+    }
+}

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

@@ -1,10 +1,3 @@
-.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/styles/styles.scss

@@ -1,12 +1,85 @@
 .block-editor__container {
-    @import "editor-base";
-    @import "animation-file-renderer";
-    @import "icon-picker";
-    @import "image-wrapper";
-    @import "link-control";
-    @import "media-picker";
-    @import "sortable-select";
-    @import "responsive-spacing";
-    @import "new-child-btn";
-    @import "root-block-appender";
+    .editor-visual-editor {
+        z-index: 1;
+
+        &:not(.is-resizable) {
+            .editor-styles-wrapper::after {
+                display: none;
+            }
+        }
+
+        &.is-resizable {
+            // Hide then editing a pattern/reusable block
+            .root-block-appender {
+                display: none;
+            }
+
+            & + .edit-post-layout__metaboxes {
+                display: none;
+            }
+        }
+
+        .editor-styles-wrapper {
+            .edit-post-visual-editor__post-title-wrapper {
+                margin-top: 10px;
+                margin-bottom: 10px;
+
+                h1.editor-post-title {
+                    margin: 0;
+                    border-bottom: 1px dashed #ddd;
+                    padding-bottom: 10px;
+                    font-weight: normal;
+                    font-size: 30px;
+                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+                    text-align: center;
+                }
+            }
+
+            .is-root-container {
+                @import "root-block-appender";
+                @import "empty-block-appender";
+
+                margin-bottom: 0;
+                padding-bottom: 0;
+
+                &:has(.root-block-appender) {
+                    margin-bottom: 3rem;
+                    padding-bottom: 200px;
+                }
+
+                &.has-background {
+                    transition:
+                        background 1s,
+                        color 1s;
+                }
+
+                & > .block-list-appender.wp-block:only-child {
+                    p {
+                        margin-top: 0;
+                        margin-bottom: 0;
+                    }
+                }
+
+                & > .block-list-appender.wp-block:only-child,
+                & > p.wp-block:only-child {
+                    margin: 2rem 0;
+                }
+            }
+        }
+    }
+
+    .editor-sidebar {
+        @import "link-control";
+        @import "animation-file-renderer";
+        @import "icon-picker";
+        @import "image-wrapper";
+        @import "media-picker";
+        @import "sortable-select";
+        @import "responsive-spacing";
+        @import "new-child-btn";
+    }
+}
+
+.block-editor-inserter__quick-inserter-results .block-editor-block-types-list > [role=presentation] {
+    justify-content: center;
 }

package/src/utils/helpers.js

@@ -43,7 +43,6 @@ export const cleanSvgString = (svgString) => {
     return svgString;
 };
 
-
 const SVG_MIME_TYPE = 'image/svg+xml';
 
 export const getImage = async (mediaData) => {

package/src/utils/internal/helpers.js

@@ -0,0 +1,13 @@
+const warnedMessages = new Set();
+
+/**
+ * Logs a deprecation warning, ensuring each message is only logged once.
+ *
+ * @param {string} message - The deprecation warning message.
+ */
+export const deprecationWarning = (message) => {
+    if (!warnedMessages.has(message)) {
+        console.warn(message);
+        warnedMessages.add(message);
+    }
+}

package/src/hooks/useUpdateAttribute.js

@@ -1,4 +0,0 @@
-export const useUpdateAttribute = (setAttributes) => (attributeName, value) => {
-    setAttributes({ [attributeName]: value });
-};
-

package/src/styles/_editor-base.scss

@@ -1,56 +0,0 @@
-.editor-styles-wrapper {
-    .edit-post-visual-editor__post-title-wrapper {
-        margin-top: 10px !important;
-        margin-bottom: 10px !important;
-
-        h1.editor-post-title {
-            margin: 0;
-            border-bottom: 1px dashed #ddd;
-            padding-bottom: 10px;
-            font-weight: normal;
-            font-size: 30px !important;
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-            text-align: center;
-        }
-    }
-
-    .block-editor-block-list__layout.is-root-container {
-        margin-bottom: 3rem;
-        padding-bottom: 100px;
-
-        &.has-background {
-            transition:
-                background 1s,
-                color 1s;
-        }
-
-        & > .block-list-appender.wp-block:only-child {
-            p {
-                margin-top: 0;
-                margin-bottom: 0;
-            }
-        }
-
-        & > .block-list-appender.wp-block:only-child,
-        & > p.wp-block:only-child {
-            margin: 2rem 0;
-        }
-
-    }
-}
-
-.block-editor-block-types-list>[role=presentation] {
-    justify-content: center;
-}
-
-.components-base-control {
-    .block-editor-url-input {
-        input.block-editor-url-input__input {
-            width: 100%;
-        }
-    }
-}
-
-.components-range-control__mark-label {
-    margin-top: 7px !important;
-}