@geode/opengeodeweb-front 10.36.0 → 10.37.0

package/internal/stores/data_style/mesh/points/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 { useMeshPointsCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.points.visibility;
 
 export function useMeshPointsVisibilityStyle(): {
   meshPointsVisibility: (id: string) => boolean | undefined;
-  setMeshPointsVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+  setMeshPointsVisibility: (id: string, visibility: boolean) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPointsCommonStyle = useMeshPointsCommonStyle();
@@ -19,10 +19,7 @@ export function useMeshPointsVisibilityStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- visibility is defined as boolean in the data style schema.
     return meshPointsCommonStyle.meshPointsStyle(id).visibility as boolean | undefined;
   }
-  async function setMeshPointsVisibility(
-    id: string,
-    visibility: boolean | undefined,
-  ): Promise<unknown> {
+  async function setMeshPointsVisibility(id: string, visibility: boolean): Promise<unknown> {
     const params = { id, visibility };
     const result = await viewerStore.request(
       {
@@ -30,11 +27,8 @@ export function useMeshPointsVisibilityStyle(): {
         params,
       },
       {
-        response_function: async (response: unknown) => {
-          // oxlint-disable-next-line no-unsafe-type-assertion -- response shape is defined by the viewer schema.
-          const typedResponse = response as { id: string; visibility: boolean };
-          const mutateResult =
-            await meshPointsCommonStyle.mutateMeshPointsVisibility(typedResponse);
+        response_function: async (response) => {
+          const mutateResult = await meshPointsCommonStyle.mutateMeshPointsVisibility(response);
           return mutateResult;
         },
       },

package/internal/stores/data_style/mesh/polygons/color.ts

@@ -1,5 +1,6 @@
+import 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 { useMeshPolygonsCommonStyle } from "./common";
@@ -9,16 +10,17 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.polygons.color;
 
 export function useMeshPolygonsColorStyle(): {
-  meshPolygonsColor: (id: string) => unknown;
-  setMeshPolygonsColor: (id: string, color: unknown) => Promise<unknown>;
+  meshPolygonsColor: (id: string) => RGBAColor | undefined;
+  setMeshPolygonsColor: (id: string, color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
-  function meshPolygonsColor(id: string): unknown {
-    return meshPolygonsCommonStyle.meshPolygonsColoring(id).constant;
+  function meshPolygonsColor(id: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).constant as RGBAColor | undefined;
   }
-  async function setMeshPolygonsColor(id: string, color: unknown): Promise<unknown> {
+  async function setMeshPolygonsColor(id: string, color: RGBAColor): Promise<unknown> {
     const params = { id, color };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/polygons/index.ts

@@ -11,6 +11,7 @@ import { useMeshPolygonsColorStyle } from "./color";
 import { useMeshPolygonsCommonStyle } from "./common";
 import { useMeshPolygonsTexturesStyle } from "./textures";
 import { useMeshPolygonsVisibilityStyle } from "./visibility";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 // Local constants
 
@@ -61,17 +62,17 @@ async function setMeshPolygonsActiveColoring(
     coloring: { active: type },
   });
   if (type === "constant") {
-    const result = await deps.colorStyle.setMeshPolygonsColor(
-      id,
-      deps.colorStyle.meshPolygonsColor(id),
-    );
+    const result = await whenDefined(deps.colorStyle.meshPolygonsColor(id), async (value) => {
+      const applied = await deps.colorStyle.setMeshPolygonsColor(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "textures") {
-    const result = await deps.texturesStyle.setMeshPolygonsTextures(
-      id,
-      deps.texturesStyle.meshPolygonsTextures(id),
-    );
+    const result = await whenDefined(deps.texturesStyle.meshPolygonsTextures(id), async (value) => {
+      const applied = await deps.texturesStyle.setMeshPolygonsTextures(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "vertex") {
@@ -92,7 +93,10 @@ async function applyMeshPolygonsStyle(
   deps: MeshPolygonsActiveColoringDeps,
 ): Promise<unknown[]> {
   const result = await Promise.all([
-    visibilityStyle.setMeshPolygonsVisibility(id, visibilityStyle.meshPolygonsVisibility(id)),
+    whenDefined(visibilityStyle.meshPolygonsVisibility(id), async (value) => {
+      const applied = await visibilityStyle.setMeshPolygonsVisibility(id, value);
+      return applied;
+    }),
     setMeshPolygonsActiveColoring(id, activeColoringType, deps),
   ]);
   return result;

package/internal/stores/data_style/mesh/polygons/polygon.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 isMeshPolygonsPolygonAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshPolygonsPolygonAttributeValid(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
   );
 }
 
@@ -60,7 +63,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshPolygonsPolygonAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPolygonsPolygonAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshPolygonsPolygonAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshPolygonsPolygonAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshPolygonsPolygonAttributeRange: (
@@ -72,10 +75,10 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshPolygonsPolygonAttributeNoDataColor: (id: string) => unknown;
+  meshPolygonsPolygonAttributeNoDataColor: (id: string) => RGBAColor;
   setMeshPolygonsPolygonAttributeNoDataColor: (
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
@@ -149,7 +152,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshPolygonsPolygonStyle(id, {
       name,
@@ -161,7 +164,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshPolygonsPolygonAttributeSchemas.attribute;
     const params = {
       id,
@@ -245,7 +248,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
     });
     return applyPolygonAttribute(id);
   }
-  function meshPolygonsPolygonAttributeNoDataColor(id: string): unknown {
+  function meshPolygonsPolygonAttributeNoDataColor(id: string): RGBAColor {
     const name = meshPolygonsPolygonAttributeName(id);
     const item = meshPolygonsPolygonAttributeItem(id);
     const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name, item);
@@ -253,7 +256,7 @@ function useMeshPolygonsPolygonAttributeStyle(): {
   }
   async function setMeshPolygonsPolygonAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshPolygonsPolygonAttributeName(id);
     const item = meshPolygonsPolygonAttributeItem(id);

package/internal/stores/data_style/mesh/polygons/textures.ts

@@ -1,5 +1,7 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas, {
+  type MeshApplyTexturesParams,
+} from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshPolygonsCommonStyle } from "./common";
@@ -9,16 +11,25 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.apply_textures;
 
 export function useMeshPolygonsTexturesStyle(): {
-  meshPolygonsTextures: (id: string) => unknown;
-  setMeshPolygonsTextures: (id: string, textures: unknown) => Promise<unknown>;
+  meshPolygonsTextures: (id: string) => MeshApplyTexturesParams["textures"] | undefined;
+  setMeshPolygonsTextures: (
+    id: string,
+    textures: MeshApplyTexturesParams["textures"],
+  ) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
-  function meshPolygonsTextures(id: string): unknown {
-    return meshPolygonsCommonStyle.meshPolygonsColoring(id).textures;
+  function meshPolygonsTextures(id: string): MeshApplyTexturesParams["textures"] | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- textures shape is defined by the data style schema.
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).textures as
+      | MeshApplyTexturesParams["textures"]
+      | undefined;
   }
-  async function setMeshPolygonsTextures(id: string, textures: unknown): Promise<unknown> {
+  async function setMeshPolygonsTextures(
+    id: string,
+    textures: MeshApplyTexturesParams["textures"],
+  ): Promise<unknown> {
     const params = { id, textures };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/polygons/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 isMeshPolygonsVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshPolygonsVertexAttributeValid(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 UseMeshPolygonsVertexAttributeStyleReturn {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshPolygonsVertexAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPolygonsVertexAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshPolygonsVertexAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshPolygonsVertexAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshPolygonsVertexAttributeRange: (
@@ -71,10 +74,10 @@ interface UseMeshPolygonsVertexAttributeStyleReturn {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshPolygonsVertexAttributeNoDataColor: (id: string) => unknown;
+  meshPolygonsVertexAttributeNoDataColor: (id: string) => RGBAColor;
   setMeshPolygonsVertexAttributeNoDataColor: (
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 }
 
@@ -155,7 +158,7 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshPolygonsVertexStyle(id, {
       name,
@@ -167,7 +170,7 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshPolygonsVertexAttributeSchemas.attribute;
     const params = {
       id,
@@ -251,7 +254,7 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
     });
     return applyVertexAttribute(id);
   }
-  function meshPolygonsVertexAttributeNoDataColor(id: string): unknown {
+  function meshPolygonsVertexAttributeNoDataColor(id: string): RGBAColor {
     const name = meshPolygonsVertexAttributeName(id);
     const item = meshPolygonsVertexAttributeItem(id);
     const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name, item);
@@ -259,7 +262,7 @@ function useMeshPolygonsVertexAttributeStyle(): UseMeshPolygonsVertexAttributeSt
   }
   async function setMeshPolygonsVertexAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshPolygonsVertexAttributeName(id);
     const item = meshPolygonsVertexAttributeItem(id);

package/internal/stores/data_style/mesh/polygons/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 { useMeshPolygonsCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.mesh.polygons.visibility;
 
 export function useMeshPolygonsVisibilityStyle(): {
   meshPolygonsVisibility: (id: string) => boolean | undefined;
-  setMeshPolygonsVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+  setMeshPolygonsVisibility: (id: string, visibility: boolean) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
@@ -19,10 +19,7 @@ export function useMeshPolygonsVisibilityStyle(): {
     // oxlint-disable-next-line no-unsafe-type-assertion -- visibility is defined as boolean in the data style schema.
     return meshPolygonsCommonStyle.meshPolygonsStyle(id).visibility as boolean | undefined;
   }
-  async function setMeshPolygonsVisibility(
-    id: string,
-    visibility: boolean | undefined,
-  ): Promise<unknown> {
+  async function setMeshPolygonsVisibility(id: string, visibility: boolean): Promise<unknown> {
     const params = { id, visibility };
     const result = await viewerStore.request(
       {

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

@@ -1,5 +1,6 @@
+import 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 { useMeshPolyhedraCommonStyle } from "./common";
@@ -9,16 +10,17 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.color;
 
 export function useMeshPolyhedraColorStyle(): {
-  meshPolyhedraColor: (id: string) => unknown;
-  setMeshPolyhedraColor: (id: string, color: unknown) => Promise<unknown>;
+  meshPolyhedraColor: (id: string) => RGBAColor | undefined;
+  setMeshPolyhedraColor: (id: string, color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
-  function meshPolyhedraColor(id: string): unknown {
-    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).constant;
+  function meshPolyhedraColor(id: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).constant as RGBAColor | undefined;
   }
-  async function setMeshPolyhedraColor(id: string, color: unknown): Promise<unknown> {
+  async function setMeshPolyhedraColor(id: string, color: RGBAColor): Promise<unknown> {
     const params = { id, color };
     const result = await viewerStore.request(
       {

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

@@ -13,6 +13,7 @@ import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { useMeshPolyhedraColorStyle } from "./color";
 import { useMeshPolyhedraCommonStyle } from "./common";
 import { useMeshPolyhedraVisibilityStyle } from "./visibility";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 // Local constants
 
@@ -62,10 +63,10 @@ async function setMeshPolyhedraActiveColoring(
     coloring: { active: type },
   });
   if (type === "constant") {
-    const result = await deps.colorStyle.setMeshPolyhedraColor(
-      id,
-      deps.colorStyle.meshPolyhedraColor(id),
-    );
+    const result = await whenDefined(deps.colorStyle.meshPolyhedraColor(id), async (value) => {
+      const applied = await deps.colorStyle.setMeshPolyhedraColor(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "vertex") {
@@ -86,7 +87,10 @@ async function applyMeshPolyhedraStyle(
   deps: MeshPolyhedraActiveColoringDeps,
 ): Promise<unknown[]> {
   const result = await Promise.all([
-    visibilityStyle.setMeshPolyhedraVisibility(id, visibilityStyle.meshPolyhedraVisibility(id)),
+    whenDefined(visibilityStyle.meshPolyhedraVisibility(id), async (value) => {
+      const applied = await visibilityStyle.setMeshPolyhedraVisibility(id, value);
+      return applied;
+    }),
     setMeshPolyhedraActiveColoring(id, activeColoringType, deps),
   ]);
   return result;

package/internal/stores/data_style/mesh/polyhedra/polyhedron.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,27 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshPolyhedraPolyhedronAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshPolyhedraPolyhedronAttributeValid(
+  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
   );
 }
 
@@ -60,7 +65,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshPolyhedraPolyhedronAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshPolyhedraPolyhedronAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshPolyhedraPolyhedronAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshPolyhedraPolyhedronAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshPolyhedraPolyhedronAttributeRange: (
@@ -72,10 +77,10 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshPolyhedraPolyhedronAttributeNoDataColor: (id: string) => unknown;
+  meshPolyhedraPolyhedronAttributeNoDataColor: (id: string) => RGBAColor;
   setMeshPolyhedraPolyhedronAttributeNoDataColor: (
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
@@ -153,7 +158,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshPolyhedraPolyhedronStyle(id, {
       name,
@@ -165,7 +170,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshPolyhedraPolyhedronAttributeSchemas.attribute;
     const params = {
       id,
@@ -257,7 +262,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
     });
     return applyPolyhedronAttribute(id);
   }
-  function meshPolyhedraPolyhedronAttributeNoDataColor(id: string): unknown {
+  function meshPolyhedraPolyhedronAttributeNoDataColor(id: string): RGBAColor {
     const name = meshPolyhedraPolyhedronAttributeName(id);
     const item = meshPolyhedraPolyhedronAttributeItem(id);
     const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name, item);
@@ -265,7 +270,7 @@ function useMeshPolyhedraPolyhedronAttributeStyle(): {
   }
   async function setMeshPolyhedraPolyhedronAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshPolyhedraPolyhedronAttributeName(id);
     const item = meshPolyhedraPolyhedronAttributeItem(id);