@opengeoweb/taf 2.2.0 → 2.4.0

package/lib/TafDemo.stories.d.ts

@@ -3,5 +3,5 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const TafDialogDemo: () => React.ReactElement;
-export declare const TafDialogDemoWithErrorOnAction: () => React.ReactElement;
+export declare const TafModuleLightTheme: () => React.ReactElement;
+export declare const TafModuleDarkTheme: () => React.ReactElement;

package/lib/components/IssuesPane/IssuesButton.d.ts

@@ -1,7 +1,13 @@
 import * as React from 'react';
+import { FieldError } from 'react-hook-form';
+interface CustomErrorField extends FieldError {
+    isChangeGroup: boolean;
+    row: number;
+}
+export declare const getCustomError: (error: FieldError) => CustomErrorField;
+export declare const filterDuplicateErrors: (errors: CustomErrorField[]) => CustomErrorField[];
 interface IssuesButtonProps {
-    togglePane: () => void;
-    sumOfErrors: number;
+    errors?: Record<string, FieldError>;
 }
 declare const IssuesButton: React.FC<IssuesButtonProps>;
 export default IssuesButton;

package/lib/components/IssuesPane/IssuesPane.d.ts

@@ -3,10 +3,15 @@ import { FieldError } from 'react-hook-form';
 export declare const capitalizeWord: ([firstLetter, ...restOfWord]: string) => string;
 export declare const humanizeErrorMessage: (nameAsString: string) => string;
 export declare const getErrorMessage: (error: FieldError, index: number) => string;
+export declare const MODAL_DIALOG_ELEMENT = "modal-dialog";
 interface IssuesPaneProps {
     isOpen: boolean;
     handleClose: () => void;
     errorList?: FieldError[];
+    startPosition?: {
+        top: number;
+        left?: number;
+    };
 }
 declare const IssuesPane: React.FC<IssuesPaneProps>;
 export default IssuesPane;

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

@@ -3,6 +3,15 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const NoIssues: () => React.ReactElement;
-export declare const OneIssue: () => React.ReactElement;
-export declare const MultipleIssues: () => React.ReactElement;
+export declare const NoIssues: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const OneIssue: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const MultipleIssues: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/Spinner/Spinner.d.ts

@@ -1,3 +1,4 @@
+import { CircularProgressProps } from '@mui/material';
 import React from 'react';
-declare const Spinner: React.FC;
+declare const Spinner: React.FC<CircularProgressProps>;
 export default Spinner;

package/lib/components/StatusIcon/StatusIcon.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TafStatus, TimeSlot } from '../../types';
+interface StatusIconProps {
+    timeSlot: TimeSlot;
+    status: TafStatus;
+}
+declare const StatusIcon: React.FC<StatusIconProps>;
+export default StatusIcon;

package/lib/components/TabPanel/TabPanel.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@mui/material';
+import React from 'react';
+interface TabPanelProps extends BoxProps {
+    index: number;
+    value: number;
+}
+declare const TabPanel: React.FC<TabPanelProps>;
+export default TabPanel;

package/lib/components/TabPanel/index.d.ts

@@ -0,0 +1 @@
+export { default as TabPanel } from './TabPanel';

package/lib/components/TafForm/TafForm.d.ts

@@ -1,28 +1,11 @@
 import React from 'react';
-import { BaseTaf, TafActions } from '../../types';
-export declare const emptyChangegroup: {
-    valid: string;
-    wind: string;
-    visibility: string;
-    weather: {
-        weather1: any;
-        weather2: any;
-        weather3: any;
-    };
-    cloud: {
-        cloud1: any;
-        cloud2: any;
-        cloud3: any;
-        cloud4: any;
-    };
-    change: any;
-    probability: any;
-};
+import { BaseTaf, TafActions, TafFromBackend } from '../../types';
 export interface TafFormProps {
     isDisabled: boolean;
     tafAction?: TafActions;
     staticTAC?: string;
-    onFormAction?: (action: TafActions, formValues?: BaseTaf) => void;
+    tafFromBackend: TafFromBackend;
+    onFormAction?: (action: TafActions, formValues?: BaseTaf) => Promise<boolean>;
 }
 declare const TafForm: React.FC<TafFormProps>;
 export default TafForm;

package/lib/components/TafForm/TafFormButtons/TafFormButtons.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
-import { FieldError } from 'react-hook-form';
-import { TafActions } from '../../../types';
-interface CustomErrorField extends FieldError {
-    isChangeGroup: boolean;
-    row: number;
-}
-export declare const getCustomError: (error: FieldError) => CustomErrorField;
-export declare const filterDuplicateErrors: (errors: CustomErrorField[]) => CustomErrorField[];
+import { TafActions, TafCanbe } from '../../../types';
 interface TafFormButtonsProps {
+    isFormDisabled?: boolean;
     tafAction?: TafActions;
-    onTafFormButtonPress: (action: any) => void;
+    canBe?: TafCanbe[];
+    onTafEditModeButtonPress: (action: TafActions) => void;
+    onTafViewModeButtonPress: (action: TafActions) => void;
 }
 declare const TafFormButtons: React.FC<TafFormButtonsProps>;
 export default TafFormButtons;

package/lib/components/TafForm/TafFormButtons/TafFormOptionsButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface TafFormOptionsButtonProps {
+    isChangeGroup: boolean;
+    addChangeGroupBelow: () => void;
+    addChangeGroupAbove: () => void;
+    removeChangeGroup: () => void;
+    clearRow: () => void;
+    index: number;
+}
+declare const TafFormOptionsButton: React.FC<TafFormOptionsButtonProps>;
+export default TafFormOptionsButton;

package/lib/components/TafForm/TafFormRow/types.d.ts

@@ -5,9 +5,10 @@ export interface TafFormRowProps extends GridProps {
     isChangeGroup?: boolean;
     disabled?: boolean;
     index?: number;
-    lastRow?: boolean;
     onRemoveChangeGroup?: (index: number) => void;
-    onAddChangeGroup?: (index: number) => void;
+    onAddChangeGroupBelow?: (index: number) => void;
+    onAddChangeGroupAbove?: (index: number) => void;
+    onClearRow?: (index: number) => void;
     field?: Partial<ArrayField>;
     dragHandle?: React.ReactElement;
 }

package/lib/components/TafForm/TafFormRow/{clouds.d.ts → validations/clouds.d.ts}

@@ -1,4 +1,4 @@
-import { Clouds } from '../../../types';
+import { Clouds } from '../../../../types';
 declare type CloudStrings = {
     cloud1: string;
     cloud2?: string;

package/lib/components/TafForm/TafFormRow/{validField.d.ts → validations/validField.d.ts}

@@ -1,4 +1,4 @@
-import { ChangeGroupFormData, Valid } from '../../../types';
+import { ChangeGroupFormData, Valid } from '../../../../types';
 export declare const FORMAT_DAYS_HOURS = "DDHH";
 export declare const FORMAT_DAYS_HOURS_MINUTES = "DDHHmm";
 export declare const formatValidToString: (valid: Valid) => string;

package/lib/components/TafForm/TafFormRow/{visibility.d.ts → validations/visibility.d.ts}

@@ -1,4 +1,4 @@
-import { Visibility } from '../../../types';
+import { Visibility } from '../../../../types';
 export declare const formatVisibilityToString: (value: Visibility | boolean) => string;
 export declare const parseVisibilityToObject: (value: string) => {
     visibility?: Visibility;

package/lib/components/TafForm/TafFormRow/{weather.d.ts → validations/weather.d.ts}

@@ -1,4 +1,4 @@
-import { Weather } from '../../../types';
+import { Weather } from '../../../../types';
 export declare const invalidWeatherMessage = "Invalid weather input, expected NSW or a valid weather code";
 export declare const invalidWeatherCodeMessage = "Invalid weather input, invalid weather code";
 export declare const invalidWeatherNSWMessage = "Invalid weather input, NSW is not allowed in the baseforecast and can only be used in the first weather group";

package/lib/components/TafForm/TafFormRow/{wind.d.ts → validations/wind.d.ts}

@@ -1,4 +1,4 @@
-import { Wind } from '../../../types';
+import { Wind } from '../../../../types';
 export declare const formatWindValues: (key: string, value: number | string) => string;
 export declare const formatWindToString: (value: Wind) => string;
 export declare const parseWindToObject: (value: string) => Wind;

package/lib/components/TafForm/TafFormWrapper.d.ts

@@ -1,14 +1,11 @@
 import React from 'react';
-import { Taf, TafActions, TafFormData, TafFromBackend } from '../../types';
-export declare const getMessageType: (taf: Taf, tafAction: TafActions) => string;
-export declare const getAmendedCorrectedTafTimes: (taf: Taf, tafAction: TafActions) => Taf;
-export declare const prepareTafValues: (_taf: Taf, tafAction: TafActions, addEmptyChangeGroup?: boolean) => TafFormData;
+import { Taf, TafActions, TafFormViewMode, TafFromBackend } from '../../types';
 export interface TafFormWrapperProps {
-    mode: string;
+    mode: TafFormViewMode;
     tafFromBackend: TafFromBackend;
     tafAction?: TafActions;
     TAC?: string;
-    onFormAction?: (action: TafActions, formValues?: Taf) => void;
+    onFormAction?: (action: TafActions, formValues?: Taf) => Promise<boolean>;
 }
 declare const TafFormWrapper: React.FC<TafFormWrapperProps>;
 export default TafFormWrapper;

package/lib/components/TafForm/TafFormWrapper.stories.d.ts

@@ -7,19 +7,39 @@ export declare const NewTafForm: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const NewTafFormDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
 export declare const EditTafForm: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const EditTafFormDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
 export declare const ViewTafForm: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const ViewTafFormDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
 export declare const EditTafFormWithMultipleSameStartDates: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const EditTafFormWithMultipleSameStartDatesDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
 export declare const EditTafFormWithFMOverlap: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const EditTafFormWithFMOverlapDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/TafForm/index.d.ts

@@ -1,2 +1 @@
 export { default as TafFormWrapper } from './TafFormWrapper';
-export { default as TafFormDialog } from './TafFormDialog/TafFormDialog';

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

@@ -1,5 +1,5 @@
 import Sortable from 'sortablejs';
-import { BaseForecast, BaseForecastFormData, ChangeGroup, ChangeGroupFormData, Taf, TafActions, TafFormData } from '../../types';
+import { BaseForecast, BaseForecastFormData, ChangeGroup, ChangeGroupFormData, Taf, TafActions, TafFormData, TafStatus } from '../../types';
 import { FieldNames } from './TafFormRow/types';
 export declare const formatIssueTime: (issueDate: string) => string;
 declare type BaseForecastOrChangeGroupFormData<T extends BaseForecast | ChangeGroup> = T extends ChangeGroup ? ChangeGroupFormData : BaseForecastFormData;
@@ -25,6 +25,29 @@ export declare const useDragOrder: (trigger: (name?: string | string[]) => Promi
     activeDraggingIndex: number;
 };
 export declare const getConfirmationDialogTitle: (action: TafActions) => string;
-export declare const getConfirmationDialogContent: (action: TafActions, isFormDirty?: boolean) => string;
+export declare const isTafAmendedCorrectedChanged: (isFormDirty: boolean, originalTaf: Taf, currentTaf: Taf) => boolean;
+export declare const getConfirmationDialogContent: (action: TafActions, isFormDirty: () => boolean) => string;
 export declare const getConfirmationDialogButtonLabel: (action: TafActions) => string;
+export declare const emptyChangegroup: {
+    valid: string;
+    wind: string;
+    visibility: string;
+    weather: {
+        weather1: any;
+        weather2: any;
+        weather3: any;
+    };
+    cloud: {
+        cloud1: any;
+        cloud2: any;
+        cloud3: any;
+        cloud4: any;
+    };
+    change: any;
+    probability: any;
+};
+export declare const getTafStatusLabel: (status: TafStatus) => string;
+export declare const getMessageType: (taf: Taf, tafAction: TafActions) => string;
+export declare const getAmendedCorrectedTafTimes: (taf: Taf, tafAction: TafActions) => Taf;
+export declare const prepareTafValues: (_taf: Taf, tafAction: TafActions, addEmptyChangeGroup?: boolean) => TafFormData;
 export {};

package/lib/components/TafHeader/TafHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TafHeaderProps {
+    title: string;
+}
+declare const TafHeader: React.FC<TafHeaderProps>;
+export default TafHeader;

package/lib/components/TafLayout/LocationTabs/LocationTabs.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TafFromBackend, TimeSlot } from '../../../types';
+interface LocationTabsProps {
+    tafList: TafFromBackend[];
+    timeSlot: TimeSlot;
+    activeIndex?: number;
+    onChangeTab?: (newTabIndex: number) => void;
+}
+declare const LocationTabs: React.FC<LocationTabsProps>;
+export default LocationTabs;

package/lib/components/TafLayout/LocationTabs/LocationTabs.stories.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TafLayoutLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const TafLayoutDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/TafLayout/LocationTabs/index.d.ts

@@ -0,0 +1 @@
+export { default as LocationTabs } from './LocationTabs';

package/lib/components/TafLayout/TacOverview/TacContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Taf } from '../../../types';
+interface TacContainerProps {
+    taf: Taf;
+    isActive?: boolean;
+}
+declare const TacContainer: React.FC<TacContainerProps>;
+export default TacContainer;

package/lib/components/TafLayout/TacOverview/TacOverview.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TafFromBackend } from '../../../types';
+interface TacOverviewProps {
+    upcomingTafs: TafFromBackend[];
+    currentTafs: TafFromBackend[];
+    expiredTafs: TafFromBackend[];
+    hideTitle?: boolean;
+    activeTaf?: TafFromBackend;
+}
+declare const TacOverview: React.FC<TacOverviewProps>;
+export default TacOverview;

package/lib/components/TafLayout/TacOverview/TacOverview.stories.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TacOverviewWithError: () => React.ReactElement;
+export declare const TacOverviewWithDifferentTAC: () => React.ReactElement;
+export declare const TacOverviewLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const TacOverviewDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/TafLayout/TacOverview/TacOverviewMobile.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TafFromBackend } from '../../../types';
+interface TacOverviewMobileProps {
+    upcomingTafs: TafFromBackend[];
+    currentTafs: TafFromBackend[];
+    expiredTafs: TafFromBackend[];
+    activeTaf?: TafFromBackend;
+    defaultOpen?: boolean;
+}
+declare const TacOverviewMobile: React.FC<TacOverviewMobileProps>;
+export default TacOverviewMobile;

package/lib/components/TafLayout/TacOverview/TacOverviewMobile.stories.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TacOverviewMobileLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+    };
+};
+export declare const TacOverviewMobileDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+    };
+};

package/lib/components/TafLayout/TacOverview/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TacOverview } from './TacOverview';
+export { default as TacOverviewMobile } from './TacOverviewMobile';

package/lib/components/TafLayout/TafLayout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TafFromBackend } from '../../types';
+interface TafLayoutProps {
+    tafList: TafFromBackend[];
+    onPostTaf: () => void;
+}
+declare const TafLayout: React.FC<TafLayoutProps>;
+export default TafLayout;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TafLayoutLightTheme: () => React.ReactElement;
+export declare const TafLayoutDarkTheme: () => React.ReactElement;

package/lib/components/TafLayout/TafPanel/TafPanel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TafFromBackend } from '../../../types';
+interface TafPanelProps {
+    tafFromBackend: TafFromBackend;
+    activeTafIndex: number;
+    index: number;
+    onPostTaf: () => void;
+}
+declare const TafPanel: React.FC<TafPanelProps>;
+export default TafPanel;

package/lib/components/TafLayout/TafPanel/TafPanel.spec.d.ts

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

package/lib/components/TafLayout/TafPanel/index.d.ts

@@ -0,0 +1 @@
+export { default as TafPanel } from './TafPanel';

package/lib/components/TafLayout/TopTabs/TopTabs.d.ts

@@ -0,0 +1,11 @@
+import { Moment } from 'moment';
+import React from 'react';
+import { TafFromBackend, TimeSlot } from '../../../types';
+interface TopTabsProps {
+    timeSlot: TimeSlot;
+    tafFromBackend: TafFromBackend;
+    onChangeTimeSlot?: (timeSlot: TimeSlot) => void;
+}
+export declare const formatBaseTime: (time: Moment) => string;
+declare const TopTabs: React.FC<TopTabsProps>;
+export default TopTabs;

package/lib/components/TafLayout/TopTabs/TopTabs.spec.d.ts

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

package/lib/components/TafLayout/TopTabs/TopTabs.stories.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TopTabsLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const TopTabsDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/TafLayout/TopTabs/index.d.ts

@@ -0,0 +1 @@
+export { default as TopTabs } from './TopTabs';

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

@@ -0,0 +1,18 @@
+import { Moment } from 'moment';
+import { TafConfigLocation, TafConfigLocations, TafFromBackend, TafStatus, TimeSlot } from '../../types';
+export declare const getLocationSetting: (location: string, locationSettings?: TafConfigLocations) => TafConfigLocation;
+export declare const sortTafsOnLocation: (tafList: TafFromBackend[], locationOrder?: string[]) => TafFromBackend[];
+export declare const getBaseTime: (baseTime: string, location: string) => {
+    currentBaseTime: Moment;
+    nextBaseTime: Moment;
+};
+export declare const getTafTimeSlot: (baseTime: string, location: string, status: TafStatus) => TimeSlot;
+export declare const sortTafTimeSlots: (tafList: TafFromBackend[]) => {
+    current: TafFromBackend[];
+    upcoming: TafFromBackend[];
+    expired: TafFromBackend[];
+};
+export declare const muiTabA11yProps: (index: number) => {
+    id: string;
+    'aria-controls': string;
+};

package/lib/components/TafLayout/utils.spec.d.ts

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

package/lib/components/TafModule/TafModule.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Wrapper: React.FC;
+export default Wrapper;

package/lib/components/TafModule/TafModule.spec.d.ts

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TafModuleLightThemeWithErrorOnAction: () => React.ReactElement;
+export declare const TafModuleLightThemeWithErrorOnLoadingList: () => React.ReactElement;
+export declare const TafModuleLightTheme: () => React.ReactElement;
+export declare const TafModuleDarkTheme: () => React.ReactElement;

package/lib/components/TafModule/index.d.ts

@@ -0,0 +1 @@
+export { default as TafModule } from './TafModule';

package/lib/types.d.ts

@@ -66,7 +66,7 @@ export interface BaseTaf {
     uuid: string;
     issueDate?: TafDate;
 }
-export declare type TafStatus = 'NEW' | 'DRAFT' | 'PUBLISHED' | 'CORRECTED' | 'AMENDED' | 'CANCELLED' | 'EXPIRED' | 'DRAFT_AMENDED' | 'DRAFT_CORRECTED';
+export declare type TafStatus = 'NEW' | 'DRAFT' | 'DRAFT_AMENDED' | 'DRAFT_CORRECTED' | 'PUBLISHED' | 'CORRECTED' | 'AMENDED' | 'CANCELLED' | 'EXPIRED';
 export declare type TafActions = 'NEW' | 'DRAFT' | 'DRAFT_AMEND' | 'DRAFT_CORRECT' | 'PUBLISH' | 'CANCEL' | 'CORRECT' | 'AMEND' | 'CLOSE' | 'DISCARD';
 export declare type TafCanbe = 'DRAFTED' | 'DISCARDED' | 'PUBLISHED' | 'CANCELLED' | 'AMENDED' | 'CORRECTED';
 export declare type TafType = 'NORMAL' | 'TEST' | 'EXERCISE';
@@ -127,3 +127,19 @@ export interface TafFromFrontEnd {
     taf: Taf;
     changeStatusTo: TafStatus;
 }
+/**
+ * TAF (json) settings (libs/taf/src/lib/utils/tafConfig.json)
+ */
+export declare type TafConfigLocation = {
+    validity_duration: number;
+    activity_period: number;
+    label: string;
+};
+export declare type TafConfigLocations = Record<string, TafConfigLocation>;
+export interface TafConfig {
+    location_indicator_mwo: string;
+    locations: TafConfigLocations;
+    locationOrder: string[];
+}
+export declare type TimeSlot = 'UPCOMING' | 'ACTIVE' | 'EXPIRED';
+export declare type TafFormViewMode = 'edit' | 'view';