@secretstache/wordpress-gutenberg 0.5.13 → 0.6.0

package/src/icons/index.jsx

@@ -0,0 +1,38 @@
+export const editIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
+    <path d="m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"></path>
+  </svg>
+);
+
+export const trashIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
+    <path fillRule="evenodd" clipRule="evenodd" d="M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"></path>
+  </svg>
+);
+
+export const pageIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
+    <path d="M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"></path>
+    <path d="M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"></path>
+  </svg>
+);
+
+export const plusIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
+    <path d="M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"></path>
+  </svg>
+);
+
+export const sidesBottomIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
+    <path d="m7.5 6h9v-1.5h-9zm0 13.5h9v-1.5h-9zm-3-3h1.5v-9h-1.5zm13.5-9v9h1.5v-9z" style={{ opacity: 0.25 }}></path>
+    <path d="m16.5 19.5h-9v-1.5h9z"></path>
+  </svg>
+);
+
+export const sidesTopIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
+    <path d="m7.5 6h9v-1.5h-9zm0 13.5h9v-1.5h-9zm-3-3h1.5v-9h-1.5zm13.5-9v9h1.5v-9z" style={{ opacity: 0.25 }}></path>
+    <path d="m16.5 6h-9v-1.5h9z"></path>
+  </svg>
+);

package/src/index.js

@@ -1,6 +1,4 @@
-export * from './components';
-export * from './hooks';
+export * from './components/index.js';
+export * from './hooks/index.js';
 
-export * from './utils';
-
-import './styles/styles.scss';
+export * from './utils/index.js';

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

@@ -1,8 +1,11 @@
 .empty-block-appender {
     --button-color: #192f5f;
-    --button-border: var(--button-color);
-    --button-hover-color: var(--wp-admin-theme-color);
-    --button-hover-border: var(--wp-admin-theme-color);
+    --button-color-hover: var(--wp-admin-theme-color);
+    --button-border: #192f5f;
+    --button-border-hover: var(--wp-admin-theme-color);
+    --button-background: transparent;
+    --button-background-hover: transparent;
+    --text-color: #192f5f;
     --tr: .3s;
 
     display: flex;
@@ -11,14 +14,27 @@
     justify-content: center;
     padding: 32px;
 
+    &--light {
+        --button-color: #fff;
+        --button-color-hover: #192f5f;
+        --button-border: #fff;
+        --button-border-hover: #fff;
+        --button-background: transparent;
+        --button-background-hover: #fff;
+        --text-color: #fff;
+    }
+
     &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
         text-align: center;
     }
 
     &__icon {
         width: 48px;
         height:48px;
-        color: var(--button-color);
+        color: var(--text-color);
         margin-bottom: 16px;
     }
 
@@ -26,14 +42,14 @@
         font-size: 32px;
         font-weight: 600;
         line-height: 110%;
-        color: var(--button-color);
+        color: var(--text-color);
         margin-bottom: 0.5rem;
     }
 
     &__text {
         font-size: 1rem;
         font-weight: 400;
-        color: var(--button-color);
+        color: var(--text-color);
         margin-bottom: 1.5rem;
     }
 
@@ -49,7 +65,7 @@
             border: 2px solid var(--button-border) !important;
             box-shadow: none;
             border-radius: 10px;
-            background: transparent !important;
+            background: var(--button-background) !important;
             padding: 12px 24px;
             min-height: 50px;
             min-width: 200px;
@@ -59,10 +75,11 @@
 
             &:hover,
             &:focus {
-                color: var(--button-hover-color);
-                border-color: var(--button-hover-border) !important;
+                color: var(--button-color-hover) !important;
+                border-color: var(--button-border-hover) !important;
                 outline: none !important;
                 box-shadow: none !important;
+                background: var(--button-background-hover) !important;
             }
 
             &::before,

package/src/styles/editor-canvas.scss

@@ -0,0 +1,59 @@
+.editor-styles-wrapper {
+    // Hide default appender clickable area
+    &::after {
+        display: none;
+    }
+
+    .editor-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;
+            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 {
+        @import "root-block-appender";
+        @import "empty-block-appender";
+        @import "new-child-btn";
+        @import "image-wrapper";
+
+        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;
+        }
+
+        .components-notice {
+            color: #000;
+        }
+    }
+}

package/src/styles/editor-ui.scss

@@ -0,0 +1,28 @@
+.editor-sidebar {
+    @import "link-control";
+    @import "animation-file-renderer";
+    @import "icon-picker";
+    @import "media-picker";
+    @import "sortable-select";
+    @import "responsive-spacing";
+    @import "image-wrapper";
+}
+
+.editor-visual-editor {
+    z-index: 1;
+
+    // Hide metaboxes in Pattern editor
+    &.is-resizable {
+        & + .edit-post-layout__metaboxes {
+            display: none;
+        }
+    }
+}
+
+.block-editor-block-types-list > [role=presentation] {
+    justify-content: center;
+}
+
+.block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
+    display: none;
+}

package/src/styles/styles.scss

@@ -16,7 +16,7 @@
 .editor-visual-editor {
     z-index: 1;
 
-    // Pattern editor
+    // Hide metaboxes in Pattern editor
     &.is-resizable {
         & + .edit-post-layout__metaboxes {
             display: none;

package/src/utils/filters.jsx

@@ -0,0 +1,40 @@
+import { createHigherOrderComponent } from '@wordpress/compose';
+import { dispatch, select, useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
+import { addFilter } from '@wordpress/hooks';
+
+export const addInnerBlocksCleanupFilter = (blockName) => {
+    // eslint-disable-next-line
+    const withInnerBlocksCleanup = createHigherOrderComponent((BlockEdit) => (props) => {
+        const { clientId, attributes, name } = props;
+
+        if (name !== blockName) {
+            return <BlockEdit {...props} />;
+        }
+
+        const innerBlocks = useSelect(
+            (select) => select('core/block-editor').getBlock(clientId)?.innerBlocks || [],
+            []
+        );
+
+        useEffect(() => {
+            if (
+                attributes.dataSource !== 'none' &&
+                innerBlocks.length > 0
+            ) {
+                dispatch('core/block-editor').updateBlock(clientId, {
+                    ...select('core/block-editor').getBlock(clientId),
+                    innerBlocks: [],
+                });
+            }
+        }, [ attributes.dataSource, clientId, innerBlocks.length ]);
+
+        return <BlockEdit {...props} />;
+    }, 'withInnerBlocksCleanup');
+
+    addFilter(
+        'editor.BlockEdit',
+        'ssm/with-inner-blocks-cleanup',
+        withInnerBlocksCleanup
+    );
+};

package/src/utils/helpers.js

@@ -11,18 +11,33 @@ import { getBlockType, registerBlockType, unregisterBlockType } from '@wordpress
  * @param {string} inputValue - Search term to filter posts
  * @param {string} postType - WordPress post type to query
  * @param {Function|null} [mapper=null] - Optional function to transform API response items
+ * @param {Object} [extraParams={}] - Additional query parameters
  * @returns {Promise<Array<{value: number, label: string}>>} Array of select options
  */
-export const loadSelectOptions = async (inputValue, postType, mapper = null) => {
+export const loadSelectOptions = async (inputValue, postType, mapper = null, extraParams = {}) => {
+     const defaultParams = {
+        per_page: -1,
+        status: 'publish',
+        orderby: 'title',
+        order: 'asc'
+    };
+
+    const queryParams = { ...defaultParams, ...extraParams };
+
+    if (inputValue && inputValue.trim()) {
+        queryParams.search = inputValue;
+    }
+
+    const queryString = new URLSearchParams(queryParams).toString();
+
     const response = await apiFetch({
-        path: `/wp/v2/${postType}?search=${encodeURIComponent(inputValue)}`,
+        path: `/wp/v2/${postType}?${queryString}`,
     });
 
     if (mapper) {
         return response?.map(mapper);
     } else {
         return response?.map((post) => {
-            // Create a temporary DOM element to decode HTML entities
             const tempElement = document.createElement('div');
             tempElement.innerHTML = post?.title?.rendered;
 

package/src/utils/index.js

@@ -4,3 +4,4 @@ export * from './rootContainer/index.js';
 export * from './attributes.js';
 export * from './constants.js';
 export * from './helpers.js';
+export * from './filters.jsx';

package/build/styles.css

@@ -1,291 +0,0 @@
-.editor-visual-editor__post-title-wrapper {
-  margin-top: 10px !important;
-  margin-bottom: 10px !important; }
-  .editor-visual-editor__post-title-wrapper 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; }
-
-.editor-visual-editor {
-  z-index: 1; }
-  .editor-visual-editor.is-resizable + .edit-post-layout__metaboxes {
-    display: none; }
-  .editor-visual-editor:not(.is-resizable) .editor-styles-wrapper::after {
-    display: none; }
-
-.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
-  margin-bottom: 0;
-  padding-bottom: 0; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender {
-    position: absolute;
-    bottom: 30px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: calc(100% - var(--content-padding) * 2); }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender::after {
-      content: attr(data-tooltip);
-      position: absolute;
-      left: 50%;
-      bottom: -30px;
-      transform: translateX(-50%);
-      z-index: 1;
-      visibility: hidden;
-      opacity: 0;
-      transition: opacity 0.3s;
-      width: max-content;
-      max-width: 200px;
-      white-space: nowrap;
-      background: #000;
-      border-radius: 2px;
-      color: #f0f0f0;
-      font-size: 12px;
-      line-height: 1.4;
-      padding: 4px 8px;
-      text-align: center;
-      font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender:hover::after {
-      visibility: visible;
-      opacity: 1; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender ~ .block-list-appender.wp-block {
-      display: none; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender {
-    --button-color: #192f5f;
-    --button-border: var(--button-color);
-    --button-hover-color: var(--wp-admin-theme-color);
-    --button-hover-border: var(--wp-admin-theme-color);
-    --tr: .3s;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 32px; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__content {
-      text-align: center; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__icon {
-      width: 48px;
-      height: 48px;
-      color: var(--button-color);
-      margin-bottom: 16px; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__title {
-      font-size: 32px;
-      font-weight: 600;
-      line-height: 110%;
-      color: var(--button-color);
-      margin-bottom: 0.5rem; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__text {
-      font-size: 1rem;
-      font-weight: 400;
-      color: var(--button-color);
-      margin-bottom: 1.5rem; }
-    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender {
-      display: inline-flex;
-      justify-content: center;
-      align-items: center;
-      transition: color var(--tr), border-color var(--tr);
-      cursor: pointer;
-      border: 2px solid var(--button-border) !important;
-      box-shadow: none;
-      border-radius: 10px;
-      background: transparent !important;
-      padding: 12px 24px;
-      min-height: 50px;
-      min-width: 200px;
-      color: var(--button-color);
-      font-weight: 600;
-      font-size: 22px; }
-      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender:hover, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender:focus {
-        color: var(--button-hover-color);
-        border-color: var(--button-hover-border) !important;
-        outline: none !important;
-        box-shadow: none !important; }
-      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender::before, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender::after {
-        display: none !important; }
-      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender .block-editor-button-block-appender__content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 24px;
-        height: 24px; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-add-new-child-btn {
-    display: flex;
-    margin: 20px auto !important;
-    align-items: center;
-    flex-direction: column;
-    height: 50px;
-    justify-content: center;
-    width: 100%;
-    user-select: text;
-    font-family: inherit;
-    font-size: 100%;
-    padding: 12px !important;
-    box-shadow: inset 0 0 0 1px #1e1e1e;
-    color: #1e1e1e; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container:has(.root-block-appender) {
-    margin-bottom: 3rem;
-    padding-bottom: 200px; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container.has-background {
-    transition: background 1s, color 1s; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child p {
-    margin-top: 0;
-    margin-bottom: 0; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child,
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > p.wp-block:only-child {
-    margin: 2rem 0; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .components-notice {
-    color: #000; }
-
-.editor-sidebar .bc-url-input {
-  min-width: 100%; }
-  .editor-sidebar .bc-url-input input {
-    width: 100%;
-    border: 1px solid #949494; }
-  .editor-sidebar .bc-url-input__suggestions {
-    max-width: 245px; }
-
-.editor-sidebar .components-base-control .block-editor-link-control .block-editor-url-input {
-  margin-top: 0; }
-
-.editor-sidebar .components-base-control .block-editor-link-control .block-editor-link-control__search-item {
-  padding-top: 0; }
-
-.editor-sidebar .block-editor-link-control {
-  min-width: 100%;
-  width: 100%; }
-  .editor-sidebar .block-editor-link-control .block-editor-url-input {
-    min-width: 100%; }
-  .editor-sidebar .block-editor-link-control .block-editor-url-input__input {
-    width: 100%; }
-  .editor-sidebar .block-editor-link-control .components-base-control {
-    margin-left: 0;
-    margin-right: 0; }
-  .editor-sidebar .block-editor-link-control .block-editor-link-control__search-enter {
-    right: 5px; }
-  .editor-sidebar .block-editor-link-control .components-spinner {
-    top: 50%;
-    transform: translateY(-50%); }
-  .editor-sidebar .block-editor-link-control .block-editor-link-control__tools,
-  .editor-sidebar .block-editor-link-control .block-editor-link-control__search-actions,
-  .editor-sidebar .block-editor-link-control .block-editor-link-control__search-results,
-  .editor-sidebar .block-editor-link-control .block-editor-link-control__search-item {
-    padding-left: 0;
-    padding-right: 0; }
-  .editor-sidebar .block-editor-link-control .components-menu-item__item {
-    min-width: unset; }
-  .editor-sidebar .block-editor-link-control .components-button.block-editor-link-control__drawer-toggle {
-    box-shadow: none;
-    outline: none; }
-
-.editor-sidebar .bc-animation-block-json-file {
-  display: flex;
-  align-items: center;
-  cursor: pointer; }
-
-.editor-sidebar .bc-remove-btn {
-  margin-top: 15px;
-  margin-bottom: 15px;
-  display: flex; }
-
-.editor-sidebar .svg-container {
-  width: 100%;
-  height: auto; }
-
-.editor-sidebar .bc-selected-media-wrapper {
-  max-width: 200px;
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.3); }
-
-.editor-sidebar .bc-selected-media {
-  display: block;
-  width: 100%; }
-  .editor-sidebar .bc-selected-media--image {
-    max-height: 300px; }
-
-.editor-sidebar .bc-select-btn,
-.editor-sidebar .bc-remove-btn {
-  margin-top: 15px;
-  margin-bottom: 15px;
-  display: flex; }
-
-.editor-sidebar .react-select__input {
-  box-shadow: none !important; }
-
-.editor-sidebar .bc-responsive-spacing-tab:last-child {
-  margin-bottom: 2rem; }
-
-.editor-sidebar .bc-spacing-control-wrapper {
-  margin-bottom: 35px; }
-
-.editor-sidebar .bc-spacing-range-control {
-  padding: 0 6px; }
-  .editor-sidebar .bc-spacing-range-control .components-base-control__label {
-    margin-left: -9px; }
-  .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper {
-    margin-bottom: 0; }
-    .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper .components-range-control__marks .components-range-control__mark-label {
-      left: 8px !important;
-      margin-top: 7px !important; }
-  .editor-sidebar .bc-spacing-range-control .components-base-control__help {
-    margin-left: -11px; }
-
-.editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper,
-.editor-sidebar .bc-image-wrapper {
-  position: relative;
-  height: auto;
-  align-self: start; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions,
-  .editor-sidebar .bc-image-wrapper__actions {
-    display: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    flex-wrap: nowrap;
-    justify-content: center;
-    align-items: center;
-    gap: 20px;
-    padding: 5px 15px;
-    z-index: 20; }
-    @media screen and (max-width: 768px) {
-      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions,
-      .editor-sidebar .bc-image-wrapper__actions {
-        gap: 15px; } }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn,
-  .editor-sidebar .bc-image-wrapper__btn {
-    font-size: 14px !important;
-    backdrop-filter: blur(16px) saturate(180%);
-    background: rgba(255, 255, 255, 0.75);
-    flex-grow: 1;
-    justify-content: center;
-    max-width: 130px; }
-    @media screen and (max-width: 768px) {
-      .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn,
-      .editor-sidebar .bc-image-wrapper__btn {
-        padding: 5px; } }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__overlay,
-  .editor-sidebar .bc-image-wrapper__overlay {
-    display: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 10;
-    background: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(3px); }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions,
-  .editor-sidebar .bc-image-wrapper:hover .bc-image-wrapper__actions {
-    display: flex; }
-  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay,
-  .editor-sidebar .bc-image-wrapper:hover .bc-image-wrapper__overlay {
-    display: block; }
-
-.block-editor-block-types-list > [role=presentation] {
-  justify-content: center; }
-
-.block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
-  display: none; }

package/src/components/DataQueryControls.js

@@ -1,53 +0,0 @@
-import { RadioControl } from '@wordpress/components';
-
-// TODO: 1. add support of curated posts, categories
-// TODO: 2. consider merging with the useDataQuery hook
-// TODO: 3. can't pass disabled prop to RadioControl
-export const DataQueryControls = (props) => {
-    const {
-        dataSourceLabel = 'Data Source',
-        dataSource,
-        onDataSourceChange,
-
-        queryTypeLabel = 'Query',
-        queryType,
-        onQueryTypeChange,
-
-        settings,
-    } = props;
-
-    const sourcesList = settings
-        .filter((source) => source?.value && source?.label)
-        .map((source) => ({ label: source.label, value: source.value }));
-
-    const queriesList = settings.find((source) => source.value === dataSource)?.queries || [];
-
-    const hasSources = sourcesList && sourcesList?.length > 0;
-    const hasQueries = queriesList && queriesList?.length > 0;
-
-    return (
-        <>
-            {
-                hasSources && (
-                    <RadioControl
-                        label={dataSourceLabel}
-                        selected={dataSource}
-                        options={sourcesList}
-                        onChange={onDataSourceChange}
-                    />
-                )
-            }
-
-            {
-                hasQueries && (
-                    <RadioControl
-                        label={queryTypeLabel}
-                        selected={queryType}
-                        options={queriesList}
-                        onChange={onQueryTypeChange}
-                    />
-                )
-            }
-        </>
-    )
-}

package/src/hooks/useColorChange.js

@@ -1,22 +0,0 @@
-import { deprecationWarning } from '../utils/internal/helpers.js';
-
-/**
- * @deprecated since 0.5.3
- */
-export const useColorChange = (colors, setAttributes) => (colorValue, property) => {
-    deprecationWarning('Warning: useColorChange is deprecated since version 0.5.3 and will be removed in future versions.');
-
-    const selectedColor = colors.find(color => color.color === colorValue);
-
-    setAttributes({
-        [property]: selectedColor
-            ? {
-                value: colorValue,
-                slug: selectedColor.slug,
-            }
-            : {
-                value: '',
-                slug: '',
-            },
-    });
-};