@opengeoweb/taf 2.4.0 → 2.6.0

package/lib/components/ComponentsLookUp/ComponentsLookUp.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { ApiUrls, Credentials } from '@opengeoweb/api';
+export declare const tafScreenPreset: {
+    id: string;
+    title: string;
+    views: {
+        byId: {
+            taf: {
+                title: string;
+                componentType: string;
+                initialProps: {};
+            };
+        };
+        allIds: string[];
+    };
+    syncGroups: any[];
+    mosaicNode: string;
+};
+declare type TafComponentType = 'TafModule';
+export interface ComponentsLookUpPayload {
+    componentType: TafComponentType;
+    id: string;
+    title?: string;
+    initialProps: Record<string, never>;
+}
+declare type ApiModuleProps = {
+    config: ApiUrls;
+    auth: Credentials;
+    onSetAuth: (credentias: Credentials) => void;
+    onPreventCloseView?: (shouldPreventClose: boolean) => void;
+};
+export declare const TafApiWrapper: React.FC<ApiModuleProps>;
+export declare const componentsLookUp: (payload: ComponentsLookUpPayload, { config, auth, onSetAuth }: ApiModuleProps, ConnectedModuleWrapper?: any) => React.ReactElement;
+export {};

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

@@ -0,0 +1 @@
+export * from './ComponentsLookUp';

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

@@ -1,13 +1,10 @@
 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[];
+import { IssuesPanePosition } from './types';
 interface IssuesButtonProps {
     errors?: Record<string, FieldError>;
+    isIssuesPaneOpen?: boolean;
+    setIsIssuesPaneOpen?: (isOpen: boolean, position?: IssuesPanePosition) => void;
 }
 declare const IssuesButton: React.FC<IssuesButtonProps>;
 export default IssuesButton;

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

@@ -1,17 +1,15 @@
 import * as React from 'react';
 import { FieldError } from 'react-hook-form';
+import { IssuesPaneProps, IssuesPanePosition } from './types';
 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;
-    };
-}
+export declare const useIssuesPane: () => {
+    isIssuesPaneOpen: boolean;
+    startPosition: IssuesPanePosition;
+    onToggleIssuesPane: (isOpen: boolean, newPosition: IssuesPanePosition) => void;
+    onCloseIssuesPane: () => void;
+};
 declare const IssuesPane: React.FC<IssuesPaneProps>;
 export default IssuesPane;

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IssuesPaneProps } from './types';
+declare const IssuesPaneWrapper: React.FC<IssuesPaneProps>;
+export default IssuesPaneWrapper;

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

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

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

@@ -0,0 +1,11 @@
+import { FieldError } from 'react-hook-form';
+export declare type IssuesPanePosition = {
+    left: number;
+    top: number;
+};
+export interface IssuesPaneProps {
+    errorList?: FieldError[];
+    isOpen: boolean;
+    handleClose: () => void;
+    startPosition?: IssuesPanePosition;
+}

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

@@ -0,0 +1,10 @@
+import { DeepMap, FieldError } from 'react-hook-form';
+interface CustomErrorField extends FieldError {
+    isChangeGroup: boolean;
+    row: number;
+}
+export declare const getCustomError: (error: FieldError) => CustomErrorField;
+export declare const getIssuesLabel: (sumOfErrors: number) => string;
+export declare const filterDuplicateErrors: (errors: CustomErrorField[]) => CustomErrorField[];
+export declare const getErrors: (errors: DeepMap<Record<string, unknown>, FieldError>) => CustomErrorField[];
+export {};

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

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

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { BaseTaf, TafActions, TafFromBackend } from '../../types';
+import { IssuesPanePosition } from '../IssuesPane/types';
 export interface TafFormProps {
-    isDisabled: boolean;
-    tafAction?: TafActions;
-    staticTAC?: string;
+    isDisabled?: boolean;
+    setIsDisabled?: (isDisabled: boolean) => void;
     tafFromBackend: TafFromBackend;
     onFormAction?: (action: TafActions, formValues?: BaseTaf) => Promise<boolean>;
+    isIssuesPaneOpen?: boolean;
+    setIsIssuesPaneOpen?: (isOpen: boolean, position?: IssuesPanePosition) => void;
 }
 declare const TafForm: React.FC<TafFormProps>;
 export default TafForm;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TafActions, TafCanbe } from '../../../types';
+export declare const tafActionToDraftAction: (tafAction: TafActions) => TafActions;
 interface TafFormButtonsProps {
     isFormDisabled?: boolean;
     tafAction?: TafActions;

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

@@ -1 +1 @@
-export { default as TafFormWrapper } from './TafFormWrapper';
+export { default as TafForm } from './TafForm';

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

@@ -1,6 +1,21 @@
 import Sortable from 'sortablejs';
 import { BaseForecast, BaseForecastFormData, ChangeGroup, ChangeGroupFormData, Taf, TafActions, TafFormData, TafStatus } from '../../types';
 import { FieldNames } from './TafFormRow/types';
+export declare const emptyBaseForecast: {
+    wind: string;
+    visibility: string;
+    weather: {
+        weather1: string;
+        weather2: string;
+        weather3: string;
+    };
+    cloud: {
+        cloud1: string;
+        cloud2: string;
+        cloud3: string;
+        cloud4: string;
+    };
+};
 export declare const formatIssueTime: (issueDate: string) => string;
 declare type BaseForecastOrChangeGroupFormData<T extends BaseForecast | ChangeGroup> = T extends ChangeGroup ? ChangeGroupFormData : BaseForecastFormData;
 export declare function formatFormValues<T extends BaseForecast | ChangeGroup>(row: T): BaseForecastOrChangeGroupFormData<T>;
@@ -12,9 +27,11 @@ export declare const getFieldNames: (isChangeGroup: boolean, index: number) => F
 export declare const TAC_MISSING_DATA = "Missing data: no TAC can be generated";
 export declare const TAC_NOT_AVAILABLE = "No TAC available";
 export declare const TAC_RETRIEVING_DATA = "Retrieving TAC";
+export declare const TAC_FAILED = "Failed to retrieve TAC";
+export declare const tacHasError: (tac: string) => boolean;
 export declare const useTACGenerator: (taf: Taf, requestTAC: (postTaf: unknown) => Promise<{
     data: string;
-}>, standardTAC?: string) => [string, (tafToPost: any) => void];
+}>) => [string, (tafToPost: any) => void];
 export declare type SortableField = {
     id: string;
     chosen: boolean;
@@ -50,4 +67,6 @@ 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 declare const getIsFormDefaultDisabled: (status: TafStatus) => boolean;
+export declare const fromStatusToAction: (tafStatus: TafStatus) => TafActions;
 export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ExportButtonProps {
+    onClick: any;
+    isHidden: boolean;
+}
+declare const ExportButton: React.FC<ExportButtonProps>;
+export default ExportButton;

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

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

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

@@ -3,6 +3,7 @@ import { Taf } from '../../../types';
 interface TacContainerProps {
     taf: Taf;
     isActive?: boolean;
+    isFormDisabled?: boolean;
 }
 declare const TacContainer: React.FC<TacContainerProps>;
 export default TacContainer;

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

@@ -6,6 +6,7 @@ interface TacOverviewProps {
     expiredTafs: TafFromBackend[];
     hideTitle?: boolean;
     activeTaf?: TafFromBackend;
+    isFormDisabled?: boolean;
 }
 declare const TacOverview: React.FC<TacOverviewProps>;
 export default TacOverview;

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

@@ -1,5 +1,10 @@
 import React from 'react';
 import { TafFromBackend } from '../../types';
+export declare const CONFIRM_DIALOG_OPTIONS: {
+    title: string;
+    description: string;
+    confirmLabel: string;
+};
 interface TafLayoutProps {
     tafList: TafFromBackend[];
     onPostTaf: () => void;

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

@@ -3,5 +3,13 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const TafLayoutLightTheme: () => React.ReactElement;
-export declare const TafLayoutDarkTheme: () => React.ReactElement;
+export declare const DemoTafLayoutLightTheme: () => React.ReactElement;
+export declare const DemoTafLayoutDarkTheme: () => React.ReactElement;
+export declare const TafLayoutLightSnap: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const TafLayoutDarkSnap: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -1,10 +1,31 @@
 import React from 'react';
-import { TafFromBackend } from '../../../types';
+import { AxiosError } from 'axios';
+import { TafFromBackend, TafActions, TafStatus, TafFromFrontEnd } from '../../../types';
+import { IssuesPanePosition } from '../../IssuesPane/types';
+export declare const fromActionToStatus: (tafAction: TafActions) => TafStatus;
+declare type TafError = {
+    type: 'CANCELLED' | 'SERVER';
+    title: string;
+    message?: string;
+    testId?: string;
+};
 interface TafPanelProps {
     tafFromBackend: TafFromBackend;
     activeTafIndex: number;
     index: number;
-    onPostTaf: () => void;
+    isLoading?: boolean;
+    postTaf?: (taf: TafFromFrontEnd) => Promise<void>;
+    isIssuesPaneOpen?: boolean;
+    setIsIssuesPaneOpen?: (isOpen: boolean, position?: IssuesPanePosition) => void;
+    isFormDisabled?: boolean;
+    setIsFormDisabled?: (isDisabled: boolean) => void;
+    error?: TafError;
 }
+export declare const usePostTafRequest: (request: (params?: unknown) => Promise<void>, errorParser?: (error: AxiosError, params: TafFromFrontEnd) => TafError) => {
+    isLoading: boolean;
+    error: TafError;
+    setError: (newError: AxiosError) => void;
+    doRequest: (params?: unknown) => Promise<void>;
+};
 declare const TafPanel: React.FC<TafPanelProps>;
 export default TafPanel;

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

@@ -1,4 +1,3 @@
-import { Moment } from 'moment';
 import React from 'react';
 import { TafFromBackend, TimeSlot } from '../../../types';
 interface TopTabsProps {
@@ -6,6 +5,5 @@ interface TopTabsProps {
     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/utils.d.ts

@@ -1,5 +1,5 @@
 import { Moment } from 'moment';
-import { TafConfigLocation, TafConfigLocations, TafFromBackend, TafStatus, TimeSlot } from '../../types';
+import { Taf, TafConfigLocation, TafConfigLocations, TafFormData, 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) => {
@@ -16,3 +16,4 @@ export declare const muiTabA11yProps: (index: number) => {
     id: string;
     'aria-controls': string;
 };
+export declare const prepareTafExportValues: (tafToCopy: Taf, currentTaf: TafFormData) => TafFormData;

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

@@ -1,3 +1,4 @@
 import * as React from 'react';
-declare const Wrapper: React.FC;
+import { TafModuleProviderProps } from './TafModuleProvider';
+declare const Wrapper: React.FC<TafModuleProviderProps>;
 export default Wrapper;

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

@@ -7,3 +7,4 @@ export declare const TafModuleLightThemeWithErrorOnAction: () => React.ReactElem
 export declare const TafModuleLightThemeWithErrorOnLoadingList: () => React.ReactElement;
 export declare const TafModuleLightTheme: () => React.ReactElement;
 export declare const TafModuleDarkTheme: () => React.ReactElement;
+export declare const TafModuleToolContainerExample: () => React.ReactElement;

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BaseTaf, TafActions } from '../../types';
+declare type ValidateFormPromise = () => Promise<void | BaseTaf>;
+interface TafModuleMethods {
+    onPreventCloseView?: (shouldPreventClose: boolean) => void;
+}
+interface TafModuleContextState {
+    onValidateForm: ValidateFormPromise;
+    registerValidateForm: (promiseToRegister: ValidateFormPromise) => void;
+    tafAction: TafActions;
+    setTafAction: (action: TafActions) => void;
+    isFormDirty: boolean;
+    setIsFormDirty: (isDirty: boolean) => void;
+}
+declare const TafModuleContext: React.Context<{
+    onValidateForm: any;
+    registerValidateForm: any;
+    tafAction: any;
+    setTafAction: any;
+    isFormDirty: any;
+    setIsFormDirty: any;
+}>;
+export declare const useTafModuleContext: () => Partial<TafModuleContextState>;
+export declare const useTafModuleState: ({ onPreventCloseView, }: TafModuleMethods) => TafModuleContextState;
+export interface TafModuleProviderProps extends TafModuleMethods {
+    children?: React.ReactNode;
+}
+export declare const TafModuleProvider: React.FC<TafModuleProviderProps>;
+export default TafModuleContext;

package/lib/components/TafWrapper/TafWrapper.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TafModuleProviderProps } from '../TafModule/TafModuleProvider';
+declare const TafWrapper: React.FC<TafModuleProviderProps>;
+export default TafWrapper;

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

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

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

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

package/lib/types.d.ts

@@ -142,4 +142,3 @@ export interface TafConfig {
     locationOrder: string[];
 }
 export declare type TimeSlot = 'UPCOMING' | 'ACTIVE' | 'EXPIRED';
-export declare type TafFormViewMode = 'edit' | 'view';

package/lib/utils/mockdata/fakeTafList.d.ts

@@ -6,14 +6,19 @@ export declare const fakeNewFixedTaf: TafFromBackend;
 export declare const fakeExpiredTaf: TafFromBackend;
 export declare const fakePublishedTaf: TafFromBackend;
 export declare const fakePublishedFixedTaf: TafFromBackend;
+export declare const fakePublishedTafWithoutChangeGroups: TafFromBackend;
+export declare const fakeCancelledTaf: TafFromBackend;
 export declare const fakeDraftTaf: TafFromBackend;
 export declare const fakeDraftFixedTaf: TafFromBackend;
 export declare const fakeDraftAmendmentTaf: TafFromBackend;
+export declare const fakeDraftCorrectedTaf: TafFromBackend;
 export declare const fakeDraftAmendmentFixedTaf: TafFromBackend;
 export declare const fakeAmendmentTaf: TafFromBackend;
+export declare const fakeCorrectedTaf: TafFromBackend;
 export declare const fakeAmendmentFixedTaf: TafFromBackend;
+export declare const fakeCancelledFixedTaf: TafFromBackend;
 export declare const fakeFixedTafList: TafFromBackend[];
 export declare const fakePublishedTafWithChangeGroups: TafFromBackend;
-export declare const fakePublishedTafWithSameDates: TafFromBackend;
-export declare const fakePublishedTafWithSameDatesFixed: TafFromBackend;
-export declare const fakeTafWithFM: TafFromBackend;
+export declare const fakeDraftTafWithSameDates: TafFromBackend;
+export declare const fakeDraftTafWithSameDatesFixed: TafFromBackend;
+export declare const fakeDraftTafWithFM: TafFromBackend;

package/lib/utils/testUtils.d.ts

@@ -9,6 +9,12 @@ export interface TestWrapperProps extends WrapperProps {
     createApiFunc?: () => void;
 }
 export declare const TestWrapper: React.FC<TestWrapperProps>;
+interface ApiTestWrapperProps extends WrapperProps {
+    postTaf?: unknown;
+    getTafList?: unknown;
+    getTAC?: unknown;
+}
+export declare const ApiTestWrapper: React.FC<ApiTestWrapperProps>;
 interface TestFormWrapperProps {
     children: React.ReactNode;
     options?: UseFormOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,22 +14,22 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "@mui/material": "^5.2.8",
-    "react-hook-form": "^6.12.1",
-    "@opengeoweb/shared": "2.4.0",
-    "@opengeoweb/theme": "2.4.0",
+    "@opengeoweb/api": "2.6.0",
+    "axios": "^0.25.0",
+    "@opengeoweb/shared": "2.6.0",
+    "@opengeoweb/theme": "2.6.0",
     "@mui/styles": "^5.2.3",
     "@mui/icons-material": "^5.2.5",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.4.0",
+    "@opengeoweb/form-fields": "2.6.0",
+    "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
     "@mui/lab": "^5.0.0-alpha.64",
-    "axios": "^0.25.0",
     "react-dom": "^17.0.2",
     "react-sortablejs": "^6.0.0",
-    "@opengeoweb/api": "2.4.0",
     "sortablejs": "^1.14.0"
   }
 }

package/lib/components/Providers/Providers.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface TAFThemeProviderProps {
-    children?: React.ReactNode;
-}
-/**
- * A Provider component which provides the GeoWeb theme
- * @param children
- * @returns
- */
-export declare const TAFThemeProvider: React.FC<TAFThemeProviderProps>;
-export {};

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

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