@geode/opengeodeweb-front 10.34.0-rc.8 → 10.34.0

package/internal/stores/data_style/model/blocks/polyhedron.ts

@@ -1,3 +1,4 @@
+// oxlint-disable eslint/max-lines
 import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
@@ -50,12 +51,61 @@ function isModelBlocksPolyhedronAttributeValid({
   );
 }
 
+interface UseModelBlocksPolyhedronAttributeReturn {
+  modelBlocksPolyhedronAttributeName: (modelId: string, blockId?: string) => string | undefined;
+  modelBlocksPolyhedronAttributeItem: (modelId: string, blockId?: string) => number;
+  modelBlocksPolyhedronAttributeRange: (
+    modelId: string,
+    blockId?: string,
+  ) => [number | undefined, number | undefined];
+  modelBlocksPolyhedronAttributeColorMap: (modelId: string, blockId?: string) => string | undefined;
+  modelBlocksPolyhedronAttributeStoredConfig: (
+    modelId: string,
+    blockId: string | undefined,
+    name: string | undefined,
+    item: number | undefined,
+  ) => AttributeStoredConfig;
+  setModelBlocksPolyhedronAttribute: (
+    modelId: string,
+    blockIds: string[],
+    input: AttributeInput,
+  ) => Promise<unknown>;
+  setModelBlocksPolyhedronAttributeName: (
+    modelId: string,
+    blockIds: string[],
+    name: string,
+  ) => Promise<unknown>;
+  setModelBlocksPolyhedronAttributeItem: (
+    modelId: string,
+    blockIds: string[],
+    item: number,
+  ) => Promise<unknown>;
+  setModelBlocksPolyhedronAttributeRange: (
+    modelId: string,
+    blockIds: string[],
+    minimum: number,
+    maximum: number,
+  ) => Promise<unknown>;
+  setModelBlocksPolyhedronAttributeColorMap: (
+    modelId: string,
+    blockIds: string[],
+    colorMap: string | undefined,
+  ) => Promise<unknown>;
+  modelBlocksPolyhedronAttributeNoDataColor: (modelId: string, blockId?: string) => unknown;
+  setModelBlocksPolyhedronAttributeNoDataColor: (
+    modelId: string,
+    blockIds: string[],
+    no_data_color: unknown,
+  ) => Promise<unknown>;
+}
+
 // oxlint-disable-next-line max-lines-per-function
-function useModelBlocksPolyhedronAttribute() {
+function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeReturn {
   const dataStore = useDataStore();
   const modelBlocksCommonStyle = useModelBlocksCommonStyle();
   const viewerStore = useViewerStore();
   function modelBlocksPolyhedronAttribute(modelId: string, blockId?: string): AttributeState {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.polyhedron shape is defined by the data style schema.
     return modelBlocksCommonStyle.modelBlockColoring(modelId, blockId).polyhedron as AttributeState;
   }
   function modelBlocksPolyhedronAttributeStoredConfig(
@@ -65,14 +115,10 @@ function useModelBlocksPolyhedronAttribute() {
     item: number | undefined,
   ): AttributeStoredConfig {
     const { storedConfigs } = modelBlocksPolyhedronAttribute(modelId, blockId);
-    if (
-      storedConfigs &&
-      name !== undefined &&
-      name in storedConfigs &&
-      item !== undefined &&
-      item in storedConfigs[name]!
-    ) {
-      return storedConfigs[name]![item]!;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    const itemConfig = item === undefined ? undefined : nameConfig?.[item];
+    if (itemConfig !== undefined) {
+      return itemConfig;
     }
     return {
       minimum: undefined,
@@ -81,32 +127,41 @@ function useModelBlocksPolyhedronAttribute() {
       no_data_color: DEFAULT_NO_DATA_COLOR,
     };
   }
-  function mutateModelBlocksPolyhedronStyle(
+  async function mutateModelBlocksPolyhedronStyle(
     modelId: string,
     blockIds: string[],
     values: Record<string, unknown>,
-  ) {
-    if (blockIds.length > 1) {
-      modelBlocksCommonStyle.mutateModelBlocksTypeColoring(modelId, {
+  ): Promise<void> {
+    const tasks: Promise<void>[] = [
+      modelBlocksCommonStyle.mutateModelBlocksColoring(modelId, blockIds, {
         polyhedron: values,
-      });
+      }),
+    ];
+    const totalBlockIds = await dataStore.getBlocksGeodeIds(modelId);
+    if (blockIds.length === totalBlockIds.length) {
+      tasks.push(
+        modelBlocksCommonStyle.mutateModelBlocksTypeColoring(modelId, {
+          polyhedron: values,
+        }),
+      );
     }
-    return modelBlocksCommonStyle.mutateModelBlocksColoring(modelId, blockIds, {
-      polyhedron: values,
-    });
+    await Promise.all(tasks);
   }
-  function setModelBlocksPolyhedronAttributeStoredConfig(
+  async function setModelBlocksPolyhedronAttributeStoredConfig(
     modelId: string,
     blockIds: string[],
     name: string | undefined,
     item: number | undefined,
     config: Partial<AttributeStoredConfig>,
-  ) {
-    return mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
+  ): Promise<void> {
+    if (name === undefined || item === undefined) {
+      return;
+    }
+    await mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
       storedConfigs: {
-        [name as string]: {
+        [name]: {
           lastItem: item,
-          [item as number]: config,
+          [item]: config,
         },
       },
     });
@@ -123,8 +178,9 @@ function useModelBlocksPolyhedronAttribute() {
     name: string | undefined,
   ): number {
     const { storedConfigs } = modelBlocksPolyhedronAttribute(modelId, blockId);
-    if (storedConfigs && name !== undefined && name in storedConfigs) {
-      return storedConfigs[name]!.lastItem;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    if (nameConfig !== undefined) {
+      return nameConfig.lastItem;
     }
     return 0;
   }
@@ -165,18 +221,18 @@ function useModelBlocksPolyhedronAttribute() {
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
     }: AttributeInput,
-  ) {
-    mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
+  ): Promise<unknown> {
+    await mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
       name,
       item,
     });
-    setModelBlocksPolyhedronAttributeStoredConfig(modelId, blockIds, name, item, {
+    await setModelBlocksPolyhedronAttributeStoredConfig(modelId, blockIds, name, item, {
       minimum,
       maximum,
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap as string);
+    const points = getRGBPointsFromPreset(colorMap ?? "");
     const viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, blockIds);
     const params = {
       id: modelId,
@@ -193,7 +249,7 @@ function useModelBlocksPolyhedronAttribute() {
       params,
     });
   }
-  function applyPolyhedronAttribute(modelId: string, blockIds: string[]) {
+  async function applyPolyhedronAttribute(modelId: string, blockIds: string[]): Promise<unknown> {
     const name = modelBlocksPolyhedronAttributeName(modelId, blockIds[0]);
     const item = modelBlocksPolyhedronAttributeItem(modelId, blockIds[0]);
     const storedConfig = modelBlocksPolyhedronAttributeStoredConfig(
@@ -211,54 +267,55 @@ function useModelBlocksPolyhedronAttribute() {
       no_data_color: storedConfig.no_data_color,
     };
     if (isModelBlocksPolyhedronAttributeValid(attribute)) {
-      return setModelBlocksPolyhedronAttribute(modelId, blockIds, attribute);
+      const result = await setModelBlocksPolyhedronAttribute(modelId, blockIds, attribute);
+      return result;
     }
-    return Promise.resolve();
+    return undefined;
   }
-  function setModelBlocksPolyhedronAttributeName(
+  async function setModelBlocksPolyhedronAttributeName(
     modelId: string,
     blockIds: string[],
     name: string,
-  ) {
+  ): Promise<unknown> {
     const item = modelBlocksPolyhedronAttributeLastItem(modelId, blockIds[0], name);
-    mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
+    await mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
       name,
       item,
     });
     return applyPolyhedronAttribute(modelId, blockIds);
   }
-  function setModelBlocksPolyhedronAttributeItem(
+  async function setModelBlocksPolyhedronAttributeItem(
     modelId: string,
     blockIds: string[],
     item: number,
-  ) {
-    mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
+  ): Promise<unknown> {
+    await mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
       item,
     });
     return applyPolyhedronAttribute(modelId, blockIds);
   }
-  function setModelBlocksPolyhedronAttributeRange(
+  async function setModelBlocksPolyhedronAttributeRange(
     modelId: string,
     blockIds: string[],
     minimum: number,
     maximum: number,
-  ) {
+  ): Promise<unknown> {
     const name = modelBlocksPolyhedronAttributeName(modelId, blockIds[0]);
     const item = modelBlocksPolyhedronAttributeItem(modelId, blockIds[0]);
-    setModelBlocksPolyhedronAttributeStoredConfig(modelId, blockIds, name, item, {
+    await setModelBlocksPolyhedronAttributeStoredConfig(modelId, blockIds, name, item, {
       minimum,
       maximum,
     });
     return applyPolyhedronAttribute(modelId, blockIds);
   }
-  function setModelBlocksPolyhedronAttributeColorMap(
+  async function setModelBlocksPolyhedronAttributeColorMap(
     modelId: string,
     blockIds: string[],
     colorMap: string | undefined,
-  ) {
+  ): Promise<unknown> {
     const name = modelBlocksPolyhedronAttributeName(modelId, blockIds[0]);
     const item = modelBlocksPolyhedronAttributeItem(modelId, blockIds[0]);
-    setModelBlocksPolyhedronAttributeStoredConfig(modelId, blockIds, name, item, {
+    await setModelBlocksPolyhedronAttributeStoredConfig(modelId, blockIds, name, item, {
       colorMap,
     });
     return applyPolyhedronAttribute(modelId, blockIds);
@@ -273,7 +330,7 @@ function useModelBlocksPolyhedronAttribute() {
     modelId: string,
     blockIds: string[],
     no_data_color: unknown,
-  ) {
+  ): Promise<unknown> {
     const name = modelBlocksPolyhedronAttributeName(modelId, blockIds[0]);
     const item = modelBlocksPolyhedronAttributeItem(modelId, blockIds[0]);
     const storedConfig = modelBlocksPolyhedronAttributeStoredConfig(

package/internal/stores/data_style/model/blocks/vertex.ts

@@ -1,3 +1,4 @@
+// oxlint-disable eslint/max-lines
 import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
@@ -49,12 +50,61 @@ function isModelBlocksVertexAttributeValid({
   );
 }
 
+interface UseModelBlocksVertexAttributeReturn {
+  modelBlocksVertexAttributeName: (modelId: string, blockId?: string) => string | undefined;
+  modelBlocksVertexAttributeItem: (modelId: string, blockId?: string) => number;
+  modelBlocksVertexAttributeRange: (
+    modelId: string,
+    blockId?: string,
+  ) => [number | undefined, number | undefined];
+  modelBlocksVertexAttributeColorMap: (modelId: string, blockId?: string) => string | undefined;
+  modelBlocksVertexAttributeStoredConfig: (
+    modelId: string,
+    blockId: string | undefined,
+    name: string | undefined,
+    item: number | undefined,
+  ) => AttributeStoredConfig;
+  setModelBlocksVertexAttribute: (
+    modelId: string,
+    blockIds: string[],
+    input: AttributeInput,
+  ) => Promise<unknown>;
+  setModelBlocksVertexAttributeName: (
+    modelId: string,
+    blockIds: string[],
+    name: string,
+  ) => Promise<unknown>;
+  setModelBlocksVertexAttributeItem: (
+    modelId: string,
+    blockIds: string[],
+    item: number,
+  ) => Promise<unknown>;
+  setModelBlocksVertexAttributeRange: (
+    modelId: string,
+    blockIds: string[],
+    minimum: number,
+    maximum: number,
+  ) => Promise<unknown>;
+  setModelBlocksVertexAttributeColorMap: (
+    modelId: string,
+    blockIds: string[],
+    colorMap: string | undefined,
+  ) => Promise<unknown>;
+  modelBlocksVertexAttributeNoDataColor: (modelId: string, blockId?: string) => unknown;
+  setModelBlocksVertexAttributeNoDataColor: (
+    modelId: string,
+    blockIds: string[],
+    no_data_color: unknown,
+  ) => Promise<unknown>;
+}
+
 // oxlint-disable-next-line max-lines-per-function
-function useModelBlocksVertexAttribute() {
+function useModelBlocksVertexAttribute(): UseModelBlocksVertexAttributeReturn {
   const dataStore = useDataStore();
   const modelBlocksCommonStyle = useModelBlocksCommonStyle();
   const viewerStore = useViewerStore();
   function modelBlocksVertexAttribute(modelId: string, blockId?: string): AttributeState {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.vertex shape is defined by the data style schema.
     return modelBlocksCommonStyle.modelBlockColoring(modelId, blockId).vertex as AttributeState;
   }
   function modelBlocksVertexAttributeStoredConfig(
@@ -64,14 +114,10 @@ function useModelBlocksVertexAttribute() {
     item: number | undefined,
   ): AttributeStoredConfig {
     const { storedConfigs } = modelBlocksVertexAttribute(modelId, blockId);
-    if (
-      storedConfigs &&
-      name !== undefined &&
-      name in storedConfigs &&
-      item !== undefined &&
-      item in storedConfigs[name]!
-    ) {
-      return storedConfigs[name]![item]!;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    const itemConfig = item === undefined ? undefined : nameConfig?.[item];
+    if (itemConfig !== undefined) {
+      return itemConfig;
     }
     return {
       minimum: undefined,
@@ -80,32 +126,41 @@ function useModelBlocksVertexAttribute() {
       no_data_color: DEFAULT_NO_DATA_COLOR,
     };
   }
-  function mutateModelBlocksVertexStyle(
+  async function mutateModelBlocksVertexStyle(
     modelId: string,
     blockIds: string[],
     values: Record<string, unknown>,
-  ) {
-    if (blockIds.length > 1) {
-      modelBlocksCommonStyle.mutateModelBlocksTypeColoring(modelId, {
+  ): Promise<void> {
+    const tasks: Promise<void>[] = [
+      modelBlocksCommonStyle.mutateModelBlocksColoring(modelId, blockIds, {
         vertex: values,
-      });
+      }),
+    ];
+    const totalBlockIds = await dataStore.getBlocksGeodeIds(modelId);
+    if (blockIds.length === totalBlockIds.length) {
+      tasks.push(
+        modelBlocksCommonStyle.mutateModelBlocksTypeColoring(modelId, {
+          vertex: values,
+        }),
+      );
     }
-    return modelBlocksCommonStyle.mutateModelBlocksColoring(modelId, blockIds, {
-      vertex: values,
-    });
+    await Promise.all(tasks);
   }
-  function setModelBlocksVertexAttributeStoredConfig(
+  async function setModelBlocksVertexAttributeStoredConfig(
     modelId: string,
     blockIds: string[],
     name: string | undefined,
     item: number | undefined,
     config: Partial<AttributeStoredConfig>,
-  ) {
-    return mutateModelBlocksVertexStyle(modelId, blockIds, {
+  ): Promise<void> {
+    if (name === undefined || item === undefined) {
+      return;
+    }
+    await mutateModelBlocksVertexStyle(modelId, blockIds, {
       storedConfigs: {
-        [name as string]: {
+        [name]: {
           lastItem: item,
-          [item as number]: config,
+          [item]: config,
         },
       },
     });
@@ -119,8 +174,9 @@ function useModelBlocksVertexAttribute() {
     name: string | undefined,
   ): number {
     const { storedConfigs } = modelBlocksVertexAttribute(modelId, blockId);
-    if (storedConfigs && name !== undefined && name in storedConfigs) {
-      return storedConfigs[name]!.lastItem;
+    const nameConfig = name === undefined ? undefined : storedConfigs?.[name];
+    if (nameConfig !== undefined) {
+      return nameConfig.lastItem;
     }
     return 0;
   }
@@ -161,18 +217,18 @@ function useModelBlocksVertexAttribute() {
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
     }: AttributeInput,
-  ) {
-    mutateModelBlocksVertexStyle(modelId, blockIds, {
+  ): Promise<unknown> {
+    await mutateModelBlocksVertexStyle(modelId, blockIds, {
       name,
       item,
     });
-    setModelBlocksVertexAttributeStoredConfig(modelId, blockIds, name, item, {
+    await setModelBlocksVertexAttributeStoredConfig(modelId, blockIds, name, item, {
       minimum,
       maximum,
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap as string);
+    const points = getRGBPointsFromPreset(colorMap ?? "");
     const block_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, blockIds);
     const params = {
       id: modelId,
@@ -189,7 +245,7 @@ function useModelBlocksVertexAttribute() {
       params,
     });
   }
-  function applyVertexAttribute(modelId: string, blockIds: string[]) {
+  async function applyVertexAttribute(modelId: string, blockIds: string[]): Promise<unknown> {
     const name = modelBlocksVertexAttributeName(modelId, blockIds[0]);
     const item = modelBlocksVertexAttributeItem(modelId, blockIds[0]);
     const storedConfig = modelBlocksVertexAttributeStoredConfig(modelId, blockIds[0], name, item);
@@ -202,46 +258,55 @@ function useModelBlocksVertexAttribute() {
       no_data_color: storedConfig.no_data_color,
     };
     if (isModelBlocksVertexAttributeValid(attribute)) {
-      return setModelBlocksVertexAttribute(modelId, blockIds, attribute);
+      const result = await setModelBlocksVertexAttribute(modelId, blockIds, attribute);
+      return result;
     }
-    return Promise.resolve();
+    return undefined;
   }
-  function setModelBlocksVertexAttributeName(modelId: string, blockIds: string[], name: string) {
+  async function setModelBlocksVertexAttributeName(
+    modelId: string,
+    blockIds: string[],
+    name: string,
+  ): Promise<unknown> {
     const item = modelBlocksVertexAttributeLastItem(modelId, blockIds[0], name);
-    mutateModelBlocksVertexStyle(modelId, blockIds, {
+    await mutateModelBlocksVertexStyle(modelId, blockIds, {
       name,
       item,
     });
     return applyVertexAttribute(modelId, blockIds);
   }
-  function setModelBlocksVertexAttributeItem(modelId: string, blockIds: string[], item: number) {
-    mutateModelBlocksVertexStyle(modelId, blockIds, {
+  async function setModelBlocksVertexAttributeItem(
+    modelId: string,
+    blockIds: string[],
+    item: number,
+  ): Promise<unknown> {
+    await mutateModelBlocksVertexStyle(modelId, blockIds, {
       item,
     });
     return applyVertexAttribute(modelId, blockIds);
   }
-  function setModelBlocksVertexAttributeRange(
+  async function setModelBlocksVertexAttributeRange(
     modelId: string,
     blockIds: string[],
     minimum: number,
     maximum: number,
-  ) {
+  ): Promise<unknown> {
     const name = modelBlocksVertexAttributeName(modelId, blockIds[0]);
     const item = modelBlocksVertexAttributeItem(modelId, blockIds[0]);
-    setModelBlocksVertexAttributeStoredConfig(modelId, blockIds, name, item, {
+    await setModelBlocksVertexAttributeStoredConfig(modelId, blockIds, name, item, {
       minimum,
       maximum,
     });
     return applyVertexAttribute(modelId, blockIds);
   }
-  function setModelBlocksVertexAttributeColorMap(
+  async function setModelBlocksVertexAttributeColorMap(
     modelId: string,
     blockIds: string[],
     colorMap: string | undefined,
-  ) {
+  ): Promise<unknown> {
     const name = modelBlocksVertexAttributeName(modelId, blockIds[0]);
     const item = modelBlocksVertexAttributeItem(modelId, blockIds[0]);
-    setModelBlocksVertexAttributeStoredConfig(modelId, blockIds, name, item, {
+    await setModelBlocksVertexAttributeStoredConfig(modelId, blockIds, name, item, {
       colorMap,
     });
     return applyVertexAttribute(modelId, blockIds);
@@ -256,7 +321,7 @@ function useModelBlocksVertexAttribute() {
     modelId: string,
     blockIds: string[],
     no_data_color: unknown,
-  ) {
+  ): Promise<unknown> {
     const name = modelBlocksVertexAttributeName(modelId, blockIds[0]);
     const item = modelBlocksVertexAttributeItem(modelId, blockIds[0]);
     const storedConfig = modelBlocksVertexAttributeStoredConfig(modelId, blockIds[0], name, item);

package/internal/stores/data_style/model/blocks/visibility.ts

@@ -4,7 +4,14 @@ import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schem
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.blocks.visibility;
 
-export function useModelBlocksVisibility() {
+export function useModelBlocksVisibility(): {
+  setModelBlocksVisibility: (
+    modelId: string,
+    blocks_ids: string[],
+    visibility: boolean | undefined,
+  ) => Promise<unknown>;
+  modelBlockVisibility: (id: string, block_id?: string) => unknown;
+} {
   const modelCommonStyle = useModelCommonStyle();
   const modelBlocksCommonStyle = useModelBlocksCommonStyle();
 
@@ -12,12 +19,18 @@ export function useModelBlocksVisibility() {
     return modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility;
   }
 
-  function setModelBlocksVisibility(
+  async function setModelBlocksVisibility(
     modelId: string,
     blocks_ids: string[],
     visibility: boolean | undefined,
-  ) {
-    return modelCommonStyle.setModelTypeVisibility(modelId, blocks_ids, visibility, schema);
+  ): Promise<unknown> {
+    const result = await modelCommonStyle.setModelTypeVisibility(
+      modelId,
+      blocks_ids,
+      visibility,
+      schema,
+    );
+    return result;
   }
 
   return { setModelBlocksVisibility, modelBlockVisibility };