back-testing-react 1.0.13 → 1.0.14

package/dist/index.d.ts

@@ -38,7 +38,6 @@ interface StormPayout {
         LOCATION: Point;
     }[];
 }
-
 interface Payout {
     category: number;
     payout: number;
@@ -113,8 +112,9 @@ interface BackTestingWizardProps {
         key: string;
         value: Payout[];
     }[];
+    onStormPayoutsCalculated: (e: StormPayout[]) => void;
 }
 
 declare function BackTestingWizard(props: BackTestingWizardProps): react_jsx_runtime.JSX.Element;
 
-export { BackTestingCatLegend, BackTestingMap, BackTestingStormLegend, BackTestingWizard };
+export { BackTestingMap as AnemometerRequest, BackTestingCatLegend, BackTestingMap, BackTestingStormLegend, BackTestingWizard, BackTestingMap as CIACRequest, BackTestingMap as PayoutRequest, BackTestingMap as ProxyRequest, BackTestingMap as StormPayout };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "back-testing-react",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Parametric back testing application developed by NormanMax Insurance Solutions",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/back-testing-map/back-testing-map.service.ts

@@ -1,5 +1,4 @@
-import { Point } from "geojson";
-import { PayoutRequest } from "./back-testing-map.types";
+import { PayoutRequest, PayoutResponse } from "./back-testing-map.types";
 
 const DEV_API_ROOT_URI='https://api-dev.nms3939.com'
 const UAT_API_ROOT_URI='https://api-uat.nms3939.com'
@@ -21,48 +20,6 @@ export class AppConfig {
     }
 }
 
-export interface StormPayout {
-    name: string;
-    year: number;
-    maxRecovery: number;
-    maxRecoveryAmount: number;
-    proxy:{
-      name?: string;
-      year?: number;
-      category?: number;
-      windspeedMPH?: number;
-      proxyPayout: number;
-    },
-    anemometer:{
-      name?: string;
-      year?: number;
-      category?: number;
-      windspeedMPH?: number;
-      anemometerPayout: number;
-    },
-    ciac:{
-      name?: string;
-      year?: number;
-      category?: number;
-      windspeedMPH?: number;
-      ciacPayout: number;
-    }
-    color?: string;
-    stormTrack:{
-      NAME: string;
-      SEASON: number;
-      ISO_TIME: string,
-      USA_WIND: number;
-      USA_SSHS: number;
-      LOCATION: Point
-    }[]
-}
-
-export interface PayoutResponse {
-    status: number;
-    payouts: StormPayout[];
-}
-
 export const fetchPayouts = async (request: PayoutRequest, apiKey: string, env: 'dev' | 'uat' | 'prod') => {
     const rootURI = selectRootURI(env);
     const url = rootURI + AppConfig.endpoints.backTesting.payouts;

package/src/components/back-testing-map/back-testing-map.tsx

@@ -1,4 +1,4 @@
-import { BackTestingActions, BackTestingMapProps, Payout, CIAC_LAYER, CIAC_SOURCE, Constants, DEFAULT_MAP_COORDINATE, DEFAULT_MAP_ZOOM, generateCATColor, MapView, TROPICAL_STORM_LAYER, TROPICAL_STORM_SOURCE, TROPICAL_STORM_TRACK_LAYER, TROPICAL_STORM_TRACK_SOURCE, generateCIACRequest, generateProxyRequest, generateAnemometerRequest, PayoutRequest, randomColor } from "./back-testing-map.types";
+import { BackTestingActions, StormPayout, BackTestingMapProps, Payout, CIAC_LAYER, CIAC_SOURCE, Constants, DEFAULT_MAP_COORDINATE, DEFAULT_MAP_ZOOM, generateCATColor, MapView, TROPICAL_STORM_LAYER, TROPICAL_STORM_SOURCE, TROPICAL_STORM_TRACK_LAYER, TROPICAL_STORM_TRACK_SOURCE, generateCIACRequest, generateProxyRequest, generateAnemometerRequest, PayoutRequest, randomColor } from "./back-testing-map.types";
 import { GeoJsonProperties, Feature, Polygon, Geometry, LineString, Point, FeatureCollection } from "geojson";
 import "mapbox-gl/dist/mapbox-gl.css";
 import "./back-testing-map.css"
@@ -8,7 +8,7 @@ import { LngLatLike } from "@mapbox/search-js-core";
 import * as turf from "@turf/turf";
 
 import React, { forwardRef, useImperativeHandle } from "react";
-import { fetchPayouts, StormPayout } from "./back-testing-map.service";
+import { fetchPayouts } from "./back-testing-map.service";
 import { BackTestingCatLegend } from "../back-testing-cat-legend";
 import { BackTestingStormLegend } from "../back-testing-storm-legend";
 import { ToggleButton, ToggleButtonGroup } from "@mui/material";
@@ -380,7 +380,7 @@ const BackTestingMap = forwardRef<BackTestingActions, BackTestingMapProps>((prop
                     MapView.STORMS + "5false",["get","color"],
                     Constants.COLOR_MUTED
                   ],
-                'circle-radius': 10,
+                'circle-radius': 7,
               },
             });
 

package/src/components/back-testing-map/back-testing-map.types.ts

@@ -1,6 +1,48 @@
-import mapboxgl from 'mapbox-gl';
 import { LngLatLike } from "@mapbox/search-js-core"
-import { StormPayout } from './back-testing-map.service';
+import { Point } from "geojson";
+
+
+export interface StormPayout {
+    name: string;
+    year: number;
+    maxRecovery: number;
+    maxRecoveryAmount: number;
+    proxy:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      proxyPayout: number;
+    },
+    anemometer:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      anemometerPayout: number;
+    },
+    ciac:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      ciacPayout: number;
+    }
+    color?: string;
+    stormTrack:{
+      NAME: string;
+      SEASON: number;
+      ISO_TIME: string,
+      USA_WIND: number;
+      USA_SSHS: number;
+      LOCATION: Point
+    }[]
+}
+
+export interface PayoutResponse {
+    status: number;
+    payouts: StormPayout[];
+}
 
 export interface Payout {
     category: number,

package/src/components/back-testing-map/index.ts

@@ -1,3 +1,8 @@
 import BackTestingMap from './back-testing-map';
+import StormPayout from './back-testing-map';
+import ProxyRequest from './back-testing-map';
+import AnemometerRequest from './back-testing-map';
+import CIACRequest from './back-testing-map';
+import PayoutRequest from './back-testing-map';
 
-export {BackTestingMap}
+export {BackTestingMap,ProxyRequest,AnemometerRequest,CIACRequest,StormPayout,PayoutRequest}

package/src/components/back-testing-payout-info/back-testing-payout-info.tsx

@@ -23,8 +23,7 @@ import { GeoJSONSource } from "mapbox-gl";
 import { Geometry, GeoJsonProperties, Feature, FeatureCollection } from "geojson";
 import { RadioButtonChecked, RadioButtonUncheckedOutlined } from "@mui/icons-material";
 import { BackTestingPayoutInfoProps } from "./back-testing-payout-info.types";
-import { StormPayout } from "../back-testing-map/back-testing-map.service";
-import { TROPICAL_STORM_LAYER, TROPICAL_STORM_SOURCE, TROPICAL_STORM_TRACK_LAYER, TROPICAL_STORM_TRACK_SOURCE } from "../back-testing-map/back-testing-map.types";
+import { TROPICAL_STORM_SOURCE, TROPICAL_STORM_TRACK_SOURCE } from "../back-testing-map/back-testing-map.types";
 
   interface ExpandMoreProps extends IconButtonProps {
     expand: boolean;

package/src/components/back-testing-payout-info/back-testing-payout-info.types.ts

@@ -1,4 +1,4 @@
-import { StormPayout } from "../back-testing-map/back-testing-map.service"
+import { StormPayout } from "../back-testing-map/back-testing-map.types"
 
 export interface BackTestingPayoutInfoProps {
     mapInstanceRef : React.MutableRefObject<any>

package/src/components/back-testing-stepper/back-testing-stepper.css

@@ -6,6 +6,26 @@
     height: calc(100% - 40px);
 }
 
+.stepper-container .header{
+    margin: 15px;
+}
+
+.stepper-container ::-webkit-scrollbar{
+    width: 10px;
+}
+
+.stepper-container ::-webkit-scrollbar-track {
+    background: #f1f1f1;
+}
+
+.stepper-container ::-webkit-scrollbar-thumb {
+    background: #a1a1a1;
+}
+
+.stepper-container ::-webkit-scrollbar-thumb:hover {
+    background: #868686; 
+}
+
 .stepper-container .MuiStepConnector-line.MuiStepConnector-lineVertical {
     margin-left:8px;
 }

package/src/components/back-testing-stepper/back-testing-stepper.tsx

@@ -264,7 +264,7 @@ const BackTestingStepper = (props: BackTestingStepperProps) => {
 
     return(
         <div className="stepper-container">
-        <Box sx={{ maxWidth: 400, height: 'calc(100% - 1em)' }}>
+        <Box sx={{ maxWidth: 400, height: wizardStep === PayoutWizardStepType.DISPLAY_PAYOUTS ? 'calc(100% - 1em)': '100%', overflowY: wizardStep === PayoutWizardStepType.DISPLAY_PAYOUTS ? '': 'auto'}}>
         {wizardStep !== PayoutWizardStepType.DISPLAY_PAYOUTS && <Stepper activeStep={activeStep} orientation="vertical">
                 {steps.map((step, index) => (
                 <Step key={step.label}>

package/src/components/back-testing-stepper/back-testing-stepper.types.ts

@@ -1,4 +1,4 @@
-import { StormPayout } from "../back-testing-map/back-testing-map.service";
+import { StormPayout } from "../back-testing-map/back-testing-map.types";
 import { Payout, PayoutRequest } from "../back-testing-map/back-testing-map.types"
 import { PayoutWizardStepType, RadioChoice, WizardStep } from "./steps/step.types"
 

package/src/components/back-testing-storm-legend/back-testing-storm-legend.stories.tsx

@@ -1,6 +1,6 @@
 import { StoryFn, Meta } from "@storybook/react";
 import BackTestingStormLegend from "./back-testing-storm-legend";
-import { StormPayout } from "../back-testing-map/back-testing-map.service";
+import { StormPayout } from "../back-testing-map/back-testing-map.types";
 
 export default {
   title: "ReactComponentLibrary/BackTestingStormLegend",

package/src/components/back-testing-storm-legend/back-testing-storm-legend.tsx

@@ -1,5 +1,5 @@
 import { Box, Card, CardContent, Typography } from "@mui/material";
-import { StormPayout } from "../back-testing-map/back-testing-map.service";
+import { StormPayout } from "../back-testing-map/back-testing-map.types";
 import { BackTestingStormLegendProps } from "./back-testing-storm-legend.types";
 import './back-testing-storm-legend.css'
 

package/src/components/back-testing-storm-legend/back-testing-storm-legend.types.ts

@@ -1,4 +1,4 @@
-import { StormPayout } from "../back-testing-map/back-testing-map.service";
+import { StormPayout } from "../back-testing-map/back-testing-map.types";
 
 export interface BackTestingStormLegendProps {
     className?: string,

package/src/components/back-testing-wizard/back-testing-wizard.tsx

@@ -5,7 +5,7 @@ import { BackTestingMap } from "../back-testing-map";
 import { generateInitialPayoutRequest, PayoutRequest } from "../back-testing-map/back-testing-map.types";
 import BackTestingStepper from "../back-testing-stepper/back-testing-stepper";
 import { BackTestingWizardProps } from "./back-testing-wizard.types";
-import { StormPayout } from "../back-testing-map/back-testing-map.service";
+import { StormPayout } from "../back-testing-map/back-testing-map.types";
 import { PayoutWizardStepType, RadioChoice } from "../back-testing-stepper/steps/step.types";
 
 function BackTestingWizard(props: BackTestingWizardProps){

package/src/components/back-testing-wizard/back-testing-wizard.types.ts

@@ -1,4 +1,4 @@
-import { Payout } from "../back-testing-map/back-testing-map.types";
+import { Payout, StormPayout } from "../back-testing-map/back-testing-map.types";
 
 export interface BackTestingWizardProps {
     apiAccessToken:string,
@@ -10,4 +10,5 @@ export interface BackTestingWizardProps {
     anemometerPayoutOptions: {key:string,value: Payout[]}[],
     selectedCIACPayoutOptionIndex:number;
     ciacPayoutOptions: {key:string,value: Payout[]}[],
+    onStormPayoutsCalculated: (e:StormPayout[]) => void
 }