Add unique value generator

recalculate-style-by-bin-sizes/src/rendererUtils.ts

@@ -1,11 +1,14 @@
 import {
   createContinuousRenderer as createContinuousColorRenderer,
-  createAgeRenderer as createAgeColorRenderer
+  createAgeRenderer as createAgeColorRenderer,
 } from "@arcgis/core/smartMapping/renderers/color";
 import {
   createContinuousRenderer as createContinuousSizeRenderer,
-  createAgeRenderer as createAgeSizeRenderer
+  createAgeRenderer as createAgeSizeRenderer,
 } from "@arcgis/core/smartMapping/renderers/size";
+import {
+  createRenderer as createRelationshipRenderer,
+} from "@arcgis/core/smartMapping/renderers/relationship";
 
 import classBreaks from "@arcgis/core/smartMapping/statistics/classBreaks";
 
@@ -281,12 +284,8 @@ async function regenerateClassBreaksRenderer(params: RegenerateRendererParams) {
     featureReduction.renderer as __esri.ClassBreaksRenderer
   ).clone();
 
-  const {
-    field,
-    normalizationField,
-    valueExpression,
-    authoringInfo,
-  } = renderer;
+  const { field, normalizationField, valueExpression, authoringInfo } =
+    renderer;
 
   const styleType = authoringInfo?.type;
 
@@ -296,7 +295,8 @@ async function regenerateClassBreaksRenderer(params: RegenerateRendererParams) {
     return renderer;
   }
 
-  if(styleType === "univariate-color-size") {
+  if (styleType === "univariate-color-size") {
+    console.log("figure this out later");
     return renderer;
   }
 
@@ -309,7 +309,8 @@ async function regenerateClassBreaksRenderer(params: RegenerateRendererParams) {
     field,
     normalizationField,
     valueExpression,
-    classificationMethod: classificationMethod as __esri.classBreaksClassBreaksParams["classificationMethod"],
+    classificationMethod:
+      classificationMethod as __esri.classBreaksClassBreaksParams["classificationMethod"],
     standardDeviationInterval,
     numClasses,
     forBinning: true,
@@ -324,19 +325,37 @@ async function regenerateClassBreaksRenderer(params: RegenerateRendererParams) {
   return renderer;
 }
 
-function processParams(params: RegenerateRendererParams) {
+async function regenerateUniqueValueRenderer(params: RegenerateRendererParams) {
   const { layer, view } = params;
-
-  if (!layer || !view) {
-    throw new Error("Layer and view are required");
-  }
-
   const featureReduction =
     layer.featureReduction as __esri.FeatureReductionBinning;
 
-  if (!featureReduction) {
-    throw new Error("Feature reduction is required");
+  const renderer = (
+    featureReduction.renderer as __esri.UniqueValueRenderer
+  ).clone();
+
+  const { authoringInfo } = renderer;
+
+  const styleType = authoringInfo?.type;
+
+  if (styleType === "relationship"){
+    const { field1, field2, focus, numClasses } = authoringInfo;
+    const response = await createRelationshipRenderer({
+      layer,
+      view,
+      field1,
+      field2,
+      focus,
+      numClasses,
+      forBinning: true,
+    });
+    renderer.valueExpression = response.renderer.valueExpression;
   }
+
+  const newVisualVariables = await regenerateVisualVariables(params);
+  renderer.visualVariables = newVisualVariables;
+
+  return renderer;
 }
 
 async function regenerateSimpleRenderer(params: RegenerateRendererParams) {
@@ -348,10 +367,25 @@ async function regenerateSimpleRenderer(params: RegenerateRendererParams) {
   return renderer;
 }
 
+function processParams(params: RegenerateRendererParams) {
+  const { layer, view } = params;
+
+  if (!layer || !view) {
+    throw new Error("Layer and view are required");
+  }
+
+  const featureReduction =
+    layer.featureReduction as __esri.FeatureReductionBinning;
+
+  if (!featureReduction) {
+    throw new Error("Feature reduction is required");
+  }
+}
+
 const rendererTypeMap = {
   simple: regenerateSimpleRenderer,
   "class-breaks": regenerateClassBreaksRenderer,
-  "unique-value": null,
+  "unique-value": regenerateUniqueValueRenderer,
   "dot-density": null,
   "pie-chart": null,
 };