@opengeoweb/sigmet-airmet 4.2.0 → 4.4.0

package/lib/AirmetDemo.stories.d.ts

@@ -12,3 +12,4 @@ export declare const AirmetDialogDemo: {
         }[];
     };
 };
+export declare const AirmetDialogDemoDark: () => React.ReactElement;

package/lib/SigmetDemo.stories.d.ts

@@ -12,3 +12,4 @@ export declare const SigmetDialogDemo: {
         }[];
     };
 };
+export declare const SigmetDialogDemoDark: () => React.ReactElement;

package/lib/components/ContentDialog/ContentDialog.stories.d.ts

@@ -4,4 +4,83 @@ declare const _default: {
 };
 export default _default;
 export declare const ContentDialogDemo: () => React.ReactElement;
-export declare const OpenDialogDemo: () => React.ReactElement;
+export declare const NewDialogDemoLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const NewDialogDemoDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ViewDialogDemoLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ViewDialogDemoDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ExpiredDialogDemoLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ExpiredDialogDemoDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const EditDialogDemoLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const EditDialogDemoDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

package/lib/components/ProductForms/AirmetForm/AirmetForm.stories.d.ts

@@ -3,19 +3,94 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const NewAirmet: {
+export declare const NewAirmetLightTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const EditAirmet: {
+export declare const NewAirmetDarkTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const ViewAirmet: {
+export declare const ErrorAirmetLightTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const CancelledAirmet: {
+export declare const ErrorAirmetDarkTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
+export declare const EditAirmetLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const EditAirmetDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ViewAirmetLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ViewAirmetDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const CancelAirmetLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const CancelAirmetDarkTheme: () => React.ReactElement;

package/lib/components/ProductForms/ProductForm.styles.d.ts

@@ -1,18 +1,16 @@
 export declare const styles: {
-    productForm: {
-        overflowY: string;
-        overflowX: string;
-        height: string;
-        width: string;
-    };
     label: {
-        paddingTop: string;
+        fontSize: string;
+        marginTop: number;
+        textAlign: string;
     };
     body: {
         paddingTop: string;
     };
     containerItem: {
-        paddingTop: string;
+        ' .MuiTypography-subtitle1': {
+            marginTop: number;
+        };
     };
     volcanicField: {
         marginBottom: number;
@@ -40,6 +38,21 @@ export declare const styles: {
         opacity: string;
     };
     drawSection: {
-        padding: string;
+        '+ .MuiGrid-item': {
+            paddingTop: number;
+        };
+        ' .MuiTypography-subtitle1': {
+            marginTop: number;
+        };
+    };
+    helperText: {
+        ' .MuiFormHelperText-root': {
+            position: string;
+            top: number;
+            '&.Mui-error': {
+                top: string;
+                position: string;
+            };
+        };
     };
 };

package/lib/components/ProductForms/ProductFormDialog.Sigmet.stories.d.ts

@@ -6,6 +6,7 @@ export default _default;
 export declare const NewSigmet: () => React.ReactElement;
 export declare const EditSigmet: () => React.ReactElement;
 export declare const ViewSigmet: () => React.ReactElement;
+export declare const ViewSigmetDark: () => React.ReactElement;
 export declare const ViewVolcanicSigmet: () => React.ReactElement;
 export declare const ViewEmptyOptionalFieldsSigmet: () => React.ReactElement;
 export declare const CancelledSigmet: () => React.ReactElement;

package/lib/components/ProductForms/ProductFormFields/Change.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-interface ChangeProps {
-    isDisabled: boolean;
-    isReadOnly: boolean;
-}
-declare const Change: React.FC<ChangeProps>;
+import { FormFieldProps } from '../../../types';
+declare const Change: React.FC<FormFieldProps>;
 export default Change;

package/lib/components/ProductForms/ProductFormFields/CloudLevels.d.ts

@@ -1,13 +1,9 @@
 import React from 'react';
+import { FormFieldProps } from '../../../types';
 export declare const invalidStepsForFeetUnitMessage = "A level must be rounded to the nearest 100 ft";
 export declare const invalidStepsForMetersUnitBelow2970Message = "A level must be rounded to the nearest 30 m";
 export declare const invalidStepsForMetersUnitAbove2970Message = "A level must be rounded to the nearest 300 m";
 export declare const invalidUnitMessage = "Level unit not defined";
 export declare const validateRoundedStep: (value: string, unit: string) => boolean | string;
-interface CloudLevelsProps {
-    isDisabled: boolean;
-    isReadOnly: boolean;
-    onChange?: () => void;
-}
-declare const CloudLevels: React.FC<CloudLevelsProps>;
+declare const CloudLevels: React.FC<FormFieldProps>;
 export default CloudLevels;

package/lib/components/ProductForms/ProductFormFields/IssuedAt.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IssuedAtProps {
+    date: string;
+    isReadOnly?: boolean;
+}
+declare const IssuedAt: React.FC<IssuedAtProps>;
+export default IssuedAt;

package/lib/components/ProductForms/ProductFormFields/IssuedAt.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/ProductForms/ProductFormFields/Levels.d.ts

@@ -1,15 +1,9 @@
 import React from 'react';
-import { ProductType } from '../../../types';
+import { FormFieldProps } from '../../../types';
 export declare const invalidLevelsTill4900FTStepsMessage = "Levels must be rounded to the nearest 100ft";
 export declare const invalidLevelsFrom50FLStepsMessage = "Levels must be rounded to the nearest 5";
 export declare const validateLevels: (value: string, unit: string) => boolean | string;
 export declare const invalidLevelUnitCombinationMessage = "Invalid unit combination";
 export declare const validateLevelUnitCombinations: (levelUnit: string, lowerLevelUnit: string) => boolean | string;
-interface LevelsProps {
-    isDisabled: boolean;
-    isReadOnly: boolean;
-    onChange?: () => void;
-    productType: ProductType;
-}
-declare const Levels: React.FC<LevelsProps>;
+declare const Levels: React.FC<FormFieldProps>;
 export default Levels;

package/lib/components/ProductForms/ProductFormFields/ObservationForecast.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-interface ObservationForecastProps {
-    isDisabled: boolean;
-    isReadOnly: boolean;
-}
-declare const ObservationForecast: React.FC<ObservationForecastProps>;
+import { FormFieldProps } from '../../../types';
+declare const ObservationForecast: React.FC<FormFieldProps>;
 export default ObservationForecast;

package/lib/components/ProductForms/ProductFormFields/ObservationForecastTime.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
+import { FormFieldProps } from '../../../types';
 export declare const ForecastTimeValidation = "Forecast time should lie between the valid start and valid end time";
-interface ObservationForecastTimeProps {
-    isDisabled: boolean;
-    isReadOnly: boolean;
+interface ObservationForecastTimeProps extends FormFieldProps {
     helperText: string;
-    onChange?: () => void;
 }
 declare const ObservationForecastTime: React.FC<ObservationForecastTimeProps>;
 export default ObservationForecastTime;

package/lib/components/ProductForms/ProductFormFields/Phenomenon.d.ts

@@ -1,9 +1,4 @@
 import React from 'react';
-import { ProductType } from '../../../types';
-interface PhenomenonProps {
-    productType: ProductType;
-    isDisabled: boolean;
-    onChange?: () => void;
-}
-declare const Phenomenon: React.FC<PhenomenonProps>;
+import { FormFieldProps } from '../../../types';
+declare const Phenomenon: React.FC<FormFieldProps>;
 export default Phenomenon;

package/lib/components/ProductForms/ProductFormFields/ProductFormFieldLayout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridProps } from '@mui/material';
+interface ProductFormFieldLayoutProps extends GridProps {
+    title?: string;
+    children: React.ReactNode;
+}
+declare const ProductFormFieldLayout: React.FC<ProductFormFieldLayoutProps>;
+export default ProductFormFieldLayout;

package/lib/components/ProductForms/ProductFormFields/ProductFormFieldLayout.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/ProductForms/ProductFormFields/Progress.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MapDrawMode, StartOrEndDrawing, SetMapDrawModes, MapGeoJSONS, ProductType } from '../../../types';
+import { MapDrawMode, StartOrEndDrawing, SetMapDrawModes, MapGeoJSONS, FormFieldProps } from '../../../types';
 export declare const movementStepValMessageKT = "Speed should be rounded to the nearest 5kt";
 export declare const movementStepValMessageKMH = "Speed should be rounded to the nearest 10kmh";
 export declare const noIntersectionMessage = "The end position needs to be (partly) inside the FIR";
@@ -7,14 +7,10 @@ export declare const maximum6PointsMessage = "The end position drawing allows a
 export declare const validateMovementSteps: (value: string, unit: string) => boolean | string;
 export declare const getMaxMovementSpeedValue: (unit: string) => number;
 export declare const getMinMovementSpeedValue: (unit: string) => number;
-interface ProgressProps {
-    productType: ProductType;
+interface ProgressProps extends FormFieldProps {
     drawMode?: SetMapDrawModes;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
     geoJSONs?: MapGeoJSONS;
     setDrawModeType?: (mapDrawMode: MapDrawMode, startOrEnd: StartOrEndDrawing) => void;
-    onChange?: () => void;
 }
 declare const Progress: React.FC<ProgressProps>;
 export default Progress;

package/lib/components/ProductForms/ProductFormFields/SelectFIR.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
-import { ProductType } from '../../../types';
-interface SelectFIRProps {
-    productType: ProductType;
-    isDisabled: boolean;
-}
-declare const SelectFIR: React.FC<SelectFIRProps>;
+import { FormFieldProps } from '../../../types';
+declare const SelectFIR: React.FC<FormFieldProps>;
 export default SelectFIR;

package/lib/components/ProductForms/ProductFormFields/SurfaceVisibility.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
+import { FormFieldProps } from '../../../types';
 export declare const invalidSurfaceVisibilityTill750StepsMessage = "A visibility below 750m must be rounded to the nearest 50m";
 export declare const invalidSurfaceVisibilityFrom750StepsMessage = "A visibility above 750m must be rounded to the nearest 100m";
 export declare const validateSurfaceVisibility: (value: string) => boolean | string;
-interface SurfaceVisibilityProps {
-    isDisabled: boolean;
-    onChange: () => void;
-}
-declare const SurfaceVisibility: React.FC<SurfaceVisibilityProps>;
+declare const SurfaceVisibility: React.FC<FormFieldProps>;
 export default SurfaceVisibility;

package/lib/components/ProductForms/ProductFormFields/SurfaceWind.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
+import { FormFieldProps } from '../../../types';
 export declare const invalidSurfaceWindDirectionStepsMessage = "Direction must be rounded to the nearest 10 deg.";
 export declare const validateSurfaceWindDirection: (value: string) => boolean | string;
-interface SurfaceWindProps {
-    isDisabled: boolean;
-    onChange: () => void;
-}
-declare const SurfaceWind: React.FC<SurfaceWindProps>;
+declare const SurfaceWind: React.FC<FormFieldProps>;
 export default SurfaceWind;

package/lib/components/ProductForms/ProductFormFields/Tac.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TacProps {
+    tac: string;
+    children: React.ReactNode;
+}
+declare const Tac: React.FC<TacProps>;
+export default Tac;

package/lib/components/ProductForms/ProductFormFields/Tac.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/ProductForms/ProductFormFields/Type.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-interface TypeProps {
-    isReadOnly: boolean;
-    isDisabled: boolean;
-}
-declare const Type: React.FC<TypeProps>;
+import { FormFieldProps } from '../../../types';
+declare const Type: React.FC<FormFieldProps>;
 export default Type;

package/lib/components/ProductForms/ProductFormFields/ValidFrom.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-import { ProductType } from '../../../types';
+import { FormFieldProps } from '../../../types';
 export declare const VALID_FROM_TIME_DELAY_IN_MINUTES = 30;
-interface ValidFromProps {
-    productType: ProductType;
-    isDisabled: boolean;
-    onChange?: () => void;
-}
-declare const ValidFrom: React.FC<ValidFromProps>;
+export declare const VALID_FROM_ERROR_BEFORE_CURRENT = "Valid from time cannot be before current time";
+export declare const getValidFromXHoursBeforeMessage: (hours: number) => string;
+declare const ValidFrom: React.FC<FormFieldProps>;
 export default ValidFrom;

package/lib/components/ProductForms/ProductFormFields/ValidUntil.d.ts

@@ -1,12 +1,7 @@
 import React from 'react';
-import { ProductType } from '../../../types';
-interface ValidUntilProps {
-    productType: ProductType;
-    isDisabled: boolean;
-    onChange?: () => void;
-}
+import { FormFieldProps, ProductType } from '../../../types';
 export declare const DEFAULT_VALID_TIME_SIGMET = 3;
 export declare const DEFAULT_VALID_TIME_AIRMET = 1;
 export declare const getDefaultHoursValid: (productType: ProductType) => number;
-declare const ValidUntil: React.FC<ValidUntilProps>;
+declare const ValidUntil: React.FC<FormFieldProps>;
 export default ValidUntil;

package/lib/components/ProductForms/ProductFormFields/VolcanicFields.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-interface VolcanicFieldsProps {
-    isDisabled: boolean;
-    isReadOnly: boolean;
+import { FormFieldProps } from '../../../types';
+interface VolcanicFieldsProps extends FormFieldProps {
     helperText: string;
 }
 declare const VolcanicFields: React.FC<VolcanicFieldsProps>;

package/lib/components/ProductForms/ProductFormLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MapViewGeoJsonProps } from '../MapViewGeoJson/MapViewGeoJson';
+interface ProducFormLayoutProps extends MapViewGeoJsonProps {
+    children: React.ReactNode;
+}
+declare const ProductFormLayout: React.FC<ProducFormLayoutProps>;
+export default ProductFormLayout;

package/lib/components/ProductForms/SigmetForm/SigmetForm.stories.d.ts

@@ -3,19 +3,103 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const NewSigmet: {
+export declare const NewSigmetLightTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const EditSigmet: {
+export declare const NewSigmetDarkTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const ViewSigmet: {
+export declare const ErrorSigmetLightTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const CancelVASigmet: {
+export declare const ErrorSigmetDarkTheme: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const EditSigmetLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const EditSigmetDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ViewSigmetLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ViewSigmetDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const CancelVASigmetLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const CancelVASigmetDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/components/ProductForms/utils.d.ts

@@ -38,4 +38,5 @@ export declare const getConfirmationDialogCancelLabel: (action: ProductActions)
 export declare const getProductIssueDate: (initialProduct: Sigmet | Airmet, initialCancelProduct: CancelSigmet | CancelAirmet) => string;
 export declare const getAllowedUnits: (selectedFIR: string, allowedUnits: FirAllowedUnits, config_type: string, unitType: Record<string, string>) => Record<string, string>;
 export declare const rewindGeometry: (geoJSON: FeatureCollection) => FeatureCollection;
+export declare const getFieldLabel: (title: string, isDisabled: boolean, action?: string) => string;
 export {};

package/lib/components/ProductList/ProductList.stories.d.ts

@@ -7,9 +7,41 @@ export declare const SigmetListDemo: () => React.ReactElement;
 export declare const SigmetListDemoSnapshot: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const SigmetListDemoSnapshotDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
 export declare const AirmetListDemo: () => React.ReactElement;
 export declare const AirmetListDemoSnapshot: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const AirmetListDemoSnapshotDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/types.d.ts

@@ -325,6 +325,12 @@ export interface GeoJSONTemplate {
     FIR: MapGeoJSONS;
 }
 export declare type FormMode = 'new' | 'edit' | 'view';
+export interface FormFieldProps {
+    productType?: ProductType;
+    onChange?: () => void;
+    isDisabled: boolean;
+    isReadOnly?: boolean;
+}
 export interface AllowedUnits {
     unit_type: string;
     allowed_units: string[];