@geode/opengeodeweb-front 10.31.0 → 10.32.0-rc.1

package/internal/stores/hybrid_viewer_highlight.js

@@ -1,114 +0,0 @@
-import { HOVER_DEBOUNCE_MS, HOVER_TIMEOUT_MS } from "./hybrid_viewer_constants";
-import { database } from "@ogw_internal/database/database.js";
-import { performHoverHighlight } from "./hybrid_viewer";
-
-function createClearHoverData(hoverTimeoutRef, hoverData, currentHoverId) {
-  return function clearHoverData() {
-    if (hoverTimeoutRef.value) {
-      clearTimeout(hoverTimeoutRef.value);
-      hoverTimeoutRef.value = undefined;
-    }
-    hoverData.value = undefined;
-    currentHoverId.value = undefined;
-  };
-}
-
-function createHoverHighlight(options) {
-  const {
-    genericRenderWindow,
-    is_hover_highlight,
-    viewerStore,
-    viewer_schemas,
-    hover_highlight_field_type,
-    hybridDb,
-    hoverData,
-    hoverPosition,
-    currentHoverId,
-    hoverTimeoutRef,
-    clearHoverData,
-  } = options;
-
-  return useDebounceFn((event) => {
-    const containerElement = genericRenderWindow.value?.getContainer();
-    let relativeMousePosition = { x: 0, y: 0 };
-    if (containerElement) {
-      const containerRect = containerElement.getBoundingClientRect();
-      relativeMousePosition = {
-        x: event.clientX - containerRect.left,
-        y: event.clientY - containerRect.top,
-      };
-    } else {
-      relativeMousePosition = { x: event.clientX, y: event.clientY };
-    }
-
-    performHoverHighlight(event, {
-      is_hover_highlight,
-      genericRenderWindow: genericRenderWindow.value,
-      viewerStore,
-      viewer_schemas,
-      hover_highlight_field_type,
-      hybridDb,
-      onResponse: async (response) => {
-        const isResponseValid =
-          response && response.id && response.picked_id !== undefined && response.picked_id !== -1;
-        if (!is_hover_highlight.value || !isResponseValid) {
-          clearHoverData();
-          return;
-        }
-
-        const hoverKey = `${response.id}_${response.field_type}_${response.picked_id}`;
-        if (currentHoverId.value === hoverKey) {
-          return;
-        }
-
-        if (hoverTimeoutRef.value) {
-          clearTimeout(hoverTimeoutRef.value);
-          hoverTimeoutRef.value = undefined;
-        }
-
-        hoverData.value = undefined;
-        currentHoverId.value = hoverKey;
-
-        let componentInfo = undefined;
-        let modelName = undefined;
-
-        const modelRecord = await database.data.get(response.id);
-        if (modelRecord) {
-          modelName = modelRecord.name;
-        }
-
-        if (response.geode_id) {
-          const component = await database.model_components
-            .where("[id+geode_id]")
-            .equals([response.id, response.geode_id])
-            .first();
-          if (component) {
-            componentInfo = {
-              name: component.name,
-              id: component.geode_id,
-              type: component.type,
-            };
-          }
-        }
-
-        const newHoverData = {
-          modelId: response.id,
-          modelName,
-          blockName: response.geode_id,
-          pickedId: response.picked_id,
-          fieldType: response.field_type,
-          component: componentInfo,
-          attributes: response.attributes || {},
-        };
-
-        hoverTimeoutRef.value = setTimeout(() => {
-          hoverPosition.value = relativeMousePosition;
-          hoverData.value = newHoverData;
-          hoverTimeoutRef.value = undefined;
-        }, HOVER_TIMEOUT_MS);
-      },
-    });
-  }, HOVER_DEBOUNCE_MS);
-}
-
-export { createClearHoverData, createHoverHighlight };