Improve consistency between customizer preview and frontend for site …

…color variation control
pixelgrade · Jul 19, 2022 · d1b04d1 · d1b04d1
1 parent 9cf833b
commit d1b04d1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 18 deletions.
diff --git a/packages/color-signal/src/components/color-grades-control/index.js b/packages/color-signal/src/components/color-grades-control/index.js
@@ -5,23 +5,17 @@ import { useSupports } from "@novablocks/block-editor";
 
 import {
   addSiteVariationOffset,
-  getAbsoluteColorVariation,
   getSignalRelativeToVariation,
   getSourceIndexFromPaletteId,
   normalizeVariationValue,
 } from "../../utils";
 
-import {
-  getParentVariation,
-} from "../../editor/utils";
-
 const ColorGradesControl = ( props ) => {
 
   const {
     attributes,
     label,
     signal,
-    clientId,
     value,
     parentVariation,
     useReference,

diff --git a/packages/color-signal/src/components/with-color-signal-props/index.js b/packages/color-signal/src/components/with-color-signal-props/index.js
@@ -4,19 +4,9 @@ import { useMemoryState } from "@novablocks/block-editor";
 import { useSupports } from "@novablocks/block-editor";
 
 import {
-  getParentVariation,
   getUpdatedAttributes
 } from "../../editor/utils";
 
-import {
-  addSiteVariationOffset,
-  computeColorSignal,
-  getAbsoluteColorVariation,
-  getSignalRelativeToVariation,
-  getSourceIndexFromPaletteId,
-  removeSiteVariationOffset
-} from "../../utils";
-
 const withColorSignalProps = OriginalComponent => {
 
   return props => {

diff --git a/packages/color-signal/src/utils/index.js b/packages/color-signal/src/utils/index.js
@@ -26,10 +26,11 @@ export const mapPalettesToColorPalette = palette => {
 
 export const getSiteColorVariation = ( () => {
 
+  const api = window.parent?.wp?.customize || window.wp?.customize;
   let initialSiteVariation = window?.styleManager?.siteColorVariation || 1;
 
-  if ( wp?.customize ) {
-    wp.customize( 'sm_site_color_variation', setting => {
+  if ( api ) {
+    api( 'sm_site_color_variation', setting => {
       setting.bind( newValue => {
         initialSiteVariation = parseInt( newValue, 10 );
       } );