@geode/opengeodeweb-front 10.36.0 → 10.37.0

package/internal/stores/data_style/mesh/polyhedra/vertex.ts

@@ -1,6 +1,6 @@
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -15,7 +15,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -30,22 +30,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshPolyhedraVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshPolyhedraVertexAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -59,7 +62,7 @@ interface UseMeshPolyhedraVertexAttributeStyleReturn {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshPolyhedraVertexAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPolyhedraVertexAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshPolyhedraVertexAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshPolyhedraVertexAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshPolyhedraVertexAttributeRange: (
@@ -71,10 +74,10 @@ interface UseMeshPolyhedraVertexAttributeStyleReturn {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshPolyhedraVertexAttributeNoDataColor: (id: string) => unknown;
+  meshPolyhedraVertexAttributeNoDataColor: (id: string) => RGBAColor;
   setMeshPolyhedraVertexAttributeNoDataColor: (
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 }
 
@@ -155,7 +158,7 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshPolyhedraVertexStyle(id, {
       name,
@@ -167,7 +170,7 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshPolyhedraVertexAttributeSchemas.attribute;
     const params = {
       id,
@@ -251,7 +254,7 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
     });
     return applyVertexAttribute(id);
   }
-  function meshPolyhedraVertexAttributeNoDataColor(id: string): unknown {
+  function meshPolyhedraVertexAttributeNoDataColor(id: string): RGBAColor {
     const name = meshPolyhedraVertexAttributeName(id);
     const item = meshPolyhedraVertexAttributeItem(id);
     const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name, item);
@@ -259,7 +262,7 @@ function useMeshPolyhedraVertexAttributeStyle(): UseMeshPolyhedraVertexAttribute
   }
   async function setMeshPolyhedraVertexAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshPolyhedraVertexAttributeName(id);
     const item = meshPolyhedraVertexAttributeItem(id);

package/internal/stores/data_style/mesh/polyhedra/visibility.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshPolyhedraCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.visibility;
 
 export function useMeshPolyhedraVisibilityStyle(): {
   meshPolyhedraVisibility: (id: string) => boolean | undefined;
-  setMeshPolyhedraVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+  setMeshPolyhedraVisibility: (id: string, visibility: boolean) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
@@ -19,10 +19,7 @@ export function useMeshPolyhedraVisibilityStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- visibility is defined as boolean in the data style schema.
     return meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility as boolean | undefined;
   }
-  async function setMeshPolyhedraVisibility(
-    id: string,
-    visibility: boolean | undefined,
-  ): Promise<unknown> {
+  async function setMeshPolyhedraVisibility(id: string, visibility: boolean): Promise<unknown> {
     const params = { id, visibility };
     const result = await viewerStore.request(
       {

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

@@ -3,21 +3,22 @@ import {
   useModelBlocksPolyhedronAttribute,
 } from "./polyhedron";
 import { isModelBlocksVertexAttributeValid, useModelBlocksVertexAttribute } from "./vertex";
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { useDataStore } from "@ogw_front/stores/data";
 import { useModelBlocksCommonStyle } from "./common";
 import { useModelCommonStyle } from "@ogw_internal/stores/data_style/model/common";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.blocks.color;
 
 export function useModelBlocksColor(): {
   modelBlockColoring: (id: string, block_id?: string) => StyleValues;
-  modelBlockColor: (id: string, block_id?: string) => unknown;
+  modelBlockColor: (id: string, block_id?: string) => RGBAColor | undefined;
   setModelBlocksColor: (
     modelId: string,
     blocks_ids: string[],
-    color: unknown,
+    color: RGBAColor | undefined,
     activeColoring?: string,
     collectionId?: string,
   ) => Promise<unknown>;
@@ -40,14 +41,15 @@ export function useModelBlocksColor(): {
     return modelBlocksCommonStyle.modelBlockStyle(id, block_id).coloring as StyleValues;
   }
 
-  function modelBlockColor(id: string, block_id?: string): unknown {
-    return modelBlockColoring(id, block_id).constant;
+  function modelBlockColor(id: string, block_id?: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return modelBlockColoring(id, block_id).constant as RGBAColor | undefined;
   }
 
   async function setModelBlocksColor(
     modelId: string,
     blocks_ids: string[],
-    color: unknown,
+    color: RGBAColor | undefined,
     activeColoring = "constant",
     collectionId?: string,
   ): Promise<unknown> {

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

@@ -3,22 +3,23 @@ import {
   useModelBlocksPolyhedronAttribute,
 } from "./polyhedron";
 import { isModelBlocksVertexAttributeValid, useModelBlocksVertexAttribute } from "./vertex";
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 import { useDataStore } from "@ogw_front/stores/data";
 import { useModelBlocksColor } from "./color";
 import { useModelBlocksCommonStyle } from "./common";
 import { useModelBlocksVisibility } from "./visibility";
 
 interface ColorGroup {
-  color: unknown;
+  color: RGBAColor | undefined;
   blocks_ids: string[];
 }
 
 interface AttributeGroup {
-  name: string | undefined;
-  item: number | undefined;
-  minimum: number | undefined;
-  maximum: number | undefined;
-  colorMap: string | undefined;
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
   blocks_ids: string[];
 }
 
@@ -123,14 +124,7 @@ export function useModelBlocksStyle(): UseModelBlocksStyleReturn {
             continue;
           }
           const key = `${name}_${item}_${colorMap}_${minimum}_${maximum}`;
-          vertexGroups[key] ??= {
-            name,
-            item,
-            minimum,
-            maximum,
-            colorMap,
-            blocks_ids: [],
-          };
+          vertexGroups[key] ??= { ...attribute, blocks_ids: [] };
           vertexGroups[key].blocks_ids.push(block_id);
         }
         coloringPromises.push(
@@ -173,14 +167,7 @@ export function useModelBlocksStyle(): UseModelBlocksStyleReturn {
             continue;
           }
           const key = `${name}_${item}_${colorMap}_${minimum}_${maximum}`;
-          polyhedronGroups[key] ??= {
-            name,
-            item,
-            minimum,
-            maximum,
-            colorMap,
-            blocks_ids: [],
-          };
+          polyhedronGroups[key] ??= { ...attribute, blocks_ids: [] };
           polyhedronGroups[key].blocks_ids.push(block_id);
         }
         coloringPromises.push(

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

@@ -1,7 +1,7 @@
 // oxlint-disable eslint/max-lines
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -17,7 +17,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -32,22 +32,27 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isModelBlocksPolyhedronAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isModelBlocksPolyhedronAttributeValid(
+  input: AttributeInput,
+): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -68,7 +73,7 @@ interface UseModelBlocksPolyhedronAttributeReturn {
   setModelBlocksPolyhedronAttribute: (
     modelId: string,
     blockIds: string[],
-    input: AttributeInput,
+    input: ValidAttributeInput,
   ) => Promise<unknown>;
   setModelBlocksPolyhedronAttributeName: (
     modelId: string,
@@ -91,11 +96,11 @@ interface UseModelBlocksPolyhedronAttributeReturn {
     blockIds: string[],
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  modelBlocksPolyhedronAttributeNoDataColor: (modelId: string, blockId?: string) => unknown;
+  modelBlocksPolyhedronAttributeNoDataColor: (modelId: string, blockId?: string) => RGBAColor;
   setModelBlocksPolyhedronAttributeNoDataColor: (
     modelId: string,
     blockIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 }
 
@@ -220,7 +225,7 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateModelBlocksPolyhedronStyle(modelId, blockIds, {
       name,
@@ -232,7 +237,7 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, blockIds);
     const params = {
       id: modelId,
@@ -320,7 +325,7 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
     });
     return applyPolyhedronAttribute(modelId, blockIds);
   }
-  function modelBlocksPolyhedronAttributeNoDataColor(modelId: string, blockId?: string): unknown {
+  function modelBlocksPolyhedronAttributeNoDataColor(modelId: string, blockId?: string): RGBAColor {
     const name = modelBlocksPolyhedronAttributeName(modelId, blockId);
     const item = modelBlocksPolyhedronAttributeItem(modelId, blockId);
     const storedConfig = modelBlocksPolyhedronAttributeStoredConfig(modelId, blockId, name, item);
@@ -329,7 +334,7 @@ function useModelBlocksPolyhedronAttribute(): UseModelBlocksPolyhedronAttributeR
   async function setModelBlocksPolyhedronAttributeNoDataColor(
     modelId: string,
     blockIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = modelBlocksPolyhedronAttributeName(modelId, blockIds[0]);
     const item = modelBlocksPolyhedronAttributeItem(modelId, blockIds[0]);

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

@@ -1,7 +1,7 @@
 // oxlint-disable eslint/max-lines
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -16,7 +16,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -31,22 +31,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isModelBlocksVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isModelBlocksVertexAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -67,7 +70,7 @@ interface UseModelBlocksVertexAttributeReturn {
   setModelBlocksVertexAttribute: (
     modelId: string,
     blockIds: string[],
-    input: AttributeInput,
+    input: ValidAttributeInput,
   ) => Promise<unknown>;
   setModelBlocksVertexAttributeName: (
     modelId: string,
@@ -90,11 +93,11 @@ interface UseModelBlocksVertexAttributeReturn {
     blockIds: string[],
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  modelBlocksVertexAttributeNoDataColor: (modelId: string, blockId?: string) => unknown;
+  modelBlocksVertexAttributeNoDataColor: (modelId: string, blockId?: string) => RGBAColor;
   setModelBlocksVertexAttributeNoDataColor: (
     modelId: string,
     blockIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 }
 
@@ -216,7 +219,7 @@ function useModelBlocksVertexAttribute(): UseModelBlocksVertexAttributeReturn {
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateModelBlocksVertexStyle(modelId, blockIds, {
       name,
@@ -228,7 +231,7 @@ function useModelBlocksVertexAttribute(): UseModelBlocksVertexAttributeReturn {
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const block_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, blockIds);
     const params = {
       id: modelId,
@@ -311,7 +314,7 @@ function useModelBlocksVertexAttribute(): UseModelBlocksVertexAttributeReturn {
     });
     return applyVertexAttribute(modelId, blockIds);
   }
-  function modelBlocksVertexAttributeNoDataColor(modelId: string, blockId?: string): unknown {
+  function modelBlocksVertexAttributeNoDataColor(modelId: string, blockId?: string): RGBAColor {
     const name = modelBlocksVertexAttributeName(modelId, blockId);
     const item = modelBlocksVertexAttributeItem(modelId, blockId);
     const storedConfig = modelBlocksVertexAttributeStoredConfig(modelId, blockId, name, item);
@@ -320,7 +323,7 @@ function useModelBlocksVertexAttribute(): UseModelBlocksVertexAttributeReturn {
   async function setModelBlocksVertexAttributeNoDataColor(
     modelId: string,
     blockIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = modelBlocksVertexAttributeName(modelId, blockIds[0]);
     const item = modelBlocksVertexAttributeItem(modelId, blockIds[0]);

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

@@ -1,6 +1,6 @@
 import { useModelBlocksCommonStyle } from "./common";
 import { useModelCommonStyle } from "@ogw_internal/stores/data_style/model/common";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.blocks.visibility;
 
@@ -8,7 +8,7 @@ export function useModelBlocksVisibility(): {
   setModelBlocksVisibility: (
     modelId: string,
     blocks_ids: string[],
-    visibility: boolean | undefined,
+    visibility: boolean,
   ) => Promise<unknown>;
   modelBlockVisibility: (id: string, block_id?: string) => unknown;
 } {
@@ -22,7 +22,7 @@ export function useModelBlocksVisibility(): {
   async function setModelBlocksVisibility(
     modelId: string,
     blocks_ids: string[],
-    visibility: boolean | undefined,
+    visibility: boolean,
   ): Promise<unknown> {
     const result = await modelCommonStyle.setModelTypeVisibility(
       modelId,

package/internal/stores/data_style/model/color.ts

@@ -1,3 +1,4 @@
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // oxlint-disable eslint/max-lines
 import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { dispatchToComponentTypes } from "./visibility";
@@ -47,14 +48,14 @@ function attributeFn<Signature>(method: unknown): Signature {
 
 // oxlint-disable-next-line max-lines-per-function
 function useModelColorStyle(componentStyleFunctions: ComponentStyleFunctions): {
-  getModelColor: (modelId: string) => unknown;
+  getModelColor: (modelId: string) => RGBAColor | undefined;
   getModelActiveColoring: (modelId: string) => unknown;
   getModelComponentColor: (modelId: string, componentId: string) => unknown;
   getModelComponentEffectiveColor: (modelId: string, componentId: string, type: string) => unknown;
   getModelComponentActiveColoring: (modelId: string, componentId: string) => unknown;
   modelComponentTypeColor: (modelId: string, type: string) => unknown;
   getModelComponentTypeActiveColoring: (modelId: string, type: string) => unknown;
-  setModelComponentTypeColor: (modelId: string, type: string, color: unknown) => Promise<void>;
+  setModelComponentTypeColor: (modelId: string, type: string, color: RGBAColor) => Promise<void>;
   setModelComponentTypeActiveColoring: (
     modelId: string,
     type: string,
@@ -68,7 +69,7 @@ function useModelColorStyle(componentStyleFunctions: ComponentStyleFunctions): {
   setModelComponentsColor: (
     modelId: string,
     componentIds: string[],
-    color: unknown,
+    color: RGBAColor | undefined,
     activeColoring?: string,
   ) => Promise<unknown[]>;
 } {
@@ -205,7 +206,7 @@ function useModelColorStyle(componentStyleFunctions: ComponentStyleFunctions): {
   async function setModelComponentsColor(
     modelId: string,
     componentIds: string[],
-    color: unknown,
+    color: RGBAColor | undefined,
     activeColoring = "constant",
   ): Promise<unknown[]> {
     await modelCommonStyle.mutateComponentStyles(modelId, componentIds, {
@@ -228,7 +229,7 @@ function useModelColorStyle(componentStyleFunctions: ComponentStyleFunctions): {
   async function setModelComponentTypeColor(
     modelId: string,
     type: string,
-    color: unknown,
+    color: RGBAColor,
   ): Promise<void> {
     await modelCommonStyle.mutateModelComponentTypeStyle(modelId, type, {
       coloring: {
@@ -323,9 +324,11 @@ function useModelColorStyle(componentStyleFunctions: ComponentStyleFunctions): {
       }
     }
   }
-  function getModelColor(modelId: string): unknown {
+  function getModelColor(modelId: string): RGBAColor | undefined {
     // oxlint-disable-next-line no-unsafe-type-assertion -- coloring shape is defined by the data style schema.
-    return (dataStyleState.getStyle(modelId).coloring as StyleValues).constant;
+    return (dataStyleState.getStyle(modelId).coloring as StyleValues).constant as
+      | RGBAColor
+      | undefined;
   }
   function getModelActiveColoring(modelId: string): unknown {
     // oxlint-disable-next-line no-unsafe-type-assertion -- coloring shape is defined by the data style schema.