@developer_tribe/react-builder 1.0.6 → 1.0.7

package/src/hooks/useMobileEditorPanels.ts

@@ -1,56 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-
-export type MobileEditorPanel = 'builder' | 'attributes';
-
-export type UseMobileEditorPanelsOptions = {
-  breakpoint?: number;
-};
-
-export function useMobileEditorPanels(
-  options: UseMobileEditorPanelsOptions = {},
-) {
-  const { breakpoint = 1000 } = options;
-
-  const [mobilePanel, setMobilePanel] = useState<MobileEditorPanel | null>(
-    null,
-  );
-  const [isMobile, setIsMobile] = useState<boolean>(() => {
-    if (typeof window === 'undefined') return false;
-    return window.innerWidth <= breakpoint;
-  });
-
-  useEffect(() => {
-    function handleResize() {
-      setIsMobile(window.innerWidth <= breakpoint);
-    }
-
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, [breakpoint]);
-
-  // Reset active panel when switching between mobile/desktop layouts
-  useEffect(() => {
-    setMobilePanel(null);
-  }, [isMobile]);
-
-  const toggleMobilePanel = useCallback((panel: MobileEditorPanel) => {
-    setMobilePanel((prev) => (prev === panel ? null : panel));
-  }, []);
-
-  const closeMobilePanels = useCallback(() => {
-    setMobilePanel(null);
-  }, []);
-
-  const leftPanelIsOpen = !isMobile || mobilePanel === 'builder';
-  const attributesPanelIsOpen = !isMobile || mobilePanel === 'attributes';
-
-  return {
-    isMobile,
-    mobilePanel,
-    toggleMobilePanel,
-    closeMobilePanels,
-    leftPanelIsOpen,
-    attributesPanelIsOpen,
-  };
-}

package/src/hooks/useSyncProjectPageStore.ts

@@ -1,40 +0,0 @@
-import { useEffect } from 'react';
-import type { AppConfig } from '../types/PreviewConfig';
-import type { ProjectColors } from '../types/Project';
-import { logger } from '../utils/logger';
-
-export type UseSyncProjectPageStoreArgs = {
-  appConfig: AppConfig;
-  name: string;
-  projectColors: ProjectColors | undefined;
-  setAppConfig: (appConfig: AppConfig) => void;
-  setProjectName: (name: string) => void;
-  setProjectColors: (colors: ProjectColors | undefined) => void;
-};
-
-/**
- * Syncs ProjectPage props into the render store.
- * Kept as a small hook to keep ProjectPage UI-focused.
- */
-export function useSyncProjectPageStore({
-  appConfig,
-  name,
-  projectColors,
-  setAppConfig,
-  setProjectName,
-  setProjectColors,
-}: UseSyncProjectPageStoreArgs) {
-  useEffect(() => {
-    setAppConfig(appConfig);
-    logger.verbose('ProjectPage', 'appConfig applied', appConfig);
-  }, [appConfig, setAppConfig]);
-
-  useEffect(() => {
-    setProjectName(name);
-  }, [name, setProjectName]);
-
-  useEffect(() => {
-    setProjectColors(projectColors);
-    return () => setProjectColors(undefined);
-  }, [projectColors, setProjectColors]);
-}