back-testing-react 1.0.10 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "back-testing-react",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "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-payout-info/back-testing-payout-info.css

@@ -1,5 +1,7 @@
 .payout-info-container {
+    --container-offset:10px;
     padding:0;
+    height:calc(100% - var(--container-offset));
     font-family: system-ui, sans-serif;
 }
 
@@ -96,11 +98,12 @@
 }
 
 .payout-info-container .scroll-container{
-    height: calc(100vh - 2.5em - 15px - 15px - 40px);
+    
+    height: calc(100% - 2.5em - var(--container-offset));
     overflow-y:hidden;
     scrollbar-gutter: stable;
     position: relative;
-    top: 10px;
+    top: var(--container-offset);
 }
 
 .payout-info-container .scroll-container:hover{

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

@@ -24,7 +24,7 @@ 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_TRACK_LAYER } from "../back-testing-map/back-testing-map.types";
+import { TROPICAL_STORM_LAYER, TROPICAL_STORM_SOURCE, TROPICAL_STORM_TRACK_LAYER, TROPICAL_STORM_TRACK_SOURCE } from "../back-testing-map/back-testing-map.types";
 
   interface ExpandMoreProps extends IconButtonProps {
     expand: boolean;
@@ -123,7 +123,7 @@ function BackTestingPayoutInfo(props: BackTestingPayoutInfoProps){
 
     const unfocusStormTracks = () => {
       if(props.mapInstanceRef && props.mapInstanceRef.current){
-        const circleSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_LAYER)
+        const circleSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_SOURCE)
         if (circleSource){
           let features = (((circleSource as GeoJSONSource)._data as unknown) as FeatureCollection).features;
           let newData = features.map((feature) => {
@@ -146,7 +146,7 @@ function BackTestingPayoutInfo(props: BackTestingPayoutInfoProps){
           }) as Feature<Geometry, GeoJsonProperties>[]
           (circleSource as GeoJSONSource).setData({type: 'FeatureCollection', features: newData})
         }
-        const lineSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_TRACK_LAYER)
+        const lineSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_TRACK_SOURCE)
         if (lineSource){
           let features = (((lineSource as GeoJSONSource)._data as unknown) as FeatureCollection).features;
           let newData = features.map((feature) => {
@@ -169,7 +169,7 @@ function BackTestingPayoutInfo(props: BackTestingPayoutInfoProps){
 
     const toggleStormTrack = (storm: string, year:number, checked: boolean) => {
       if(props.mapInstanceRef && props.mapInstanceRef.current){
-        const circleSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_LAYER)
+        const circleSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_SOURCE)
         if (circleSource){
           let features = (((circleSource as GeoJSONSource)._data as unknown) as FeatureCollection).features;
           let newData = features.map((feature) => {
@@ -192,7 +192,7 @@ function BackTestingPayoutInfo(props: BackTestingPayoutInfoProps){
           }) as Feature<Geometry, GeoJsonProperties>[]
           (circleSource as GeoJSONSource).setData({type: 'FeatureCollection', features: newData})
         }
-        const lineSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_TRACK_LAYER)
+        const lineSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_TRACK_SOURCE)
         if (lineSource){
           let features = (((lineSource as GeoJSONSource)._data as unknown) as FeatureCollection).features;
           let newData = features.map((feature) => {
@@ -215,7 +215,7 @@ function BackTestingPayoutInfo(props: BackTestingPayoutInfoProps){
 
     const focusOnStormTrack = (storm: string, year:number) => {
       if(props.mapInstanceRef && props.mapInstanceRef.current){
-        const circleSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_LAYER)
+        const circleSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_SOURCE)
         if (circleSource){
           let features = (((circleSource as GeoJSONSource)._data as unknown) as FeatureCollection).features;
           let newData = features.map((feature) => {
@@ -238,7 +238,7 @@ function BackTestingPayoutInfo(props: BackTestingPayoutInfoProps){
           }) as Feature<Geometry, GeoJsonProperties>[]
           (circleSource as GeoJSONSource).setData({type: 'FeatureCollection', features: newData})
         }
-        const lineSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_TRACK_LAYER)
+        const lineSource = (props.mapInstanceRef.current as mapboxgl.Map).getSource(TROPICAL_STORM_TRACK_SOURCE)
         if (lineSource){
           let features = (((lineSource as GeoJSONSource)._data as unknown) as FeatureCollection).features;
           let newData = features.map((feature) => {

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 }}>
+        <Box sx={{ maxWidth: 400, height: 'calc(100% - 1em)' }}>
         {wizardStep !== PayoutWizardStepType.DISPLAY_PAYOUTS && <Stepper activeStep={activeStep} orientation="vertical">
                 {steps.map((step, index) => (
                 <Step key={step.label}>

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

@@ -10,8 +10,8 @@ const Template: StoryFn<typeof BackTestingWizard> = (args) => <div style={{width
 
 export const BackTestingWizardTest = Template.bind({});
 BackTestingWizardTest.args = {
-    mapAccessToken: "",
-    apiAccessToken: "",
+    mapAccessToken:"pk.eyJ1IjoiYWR1YnUwMDEiLCJhIjoiY20ydHlsaWtnMDhpazJpcHl4eXJ6aGlsaSJ9.lYnnDc62JXIV-1-im9NJfg",
+    apiAccessToken:"oIYWjLN76C1MAx8G10yWp9j1GnO2UDaB1PP0tber",
     env:'uat',
     selectedProxyPayoutOptionIndex:0,
     proxyPayoutOptions: [