@opengeoweb/taf 1.1.3 → 1.2.2

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => Record<"issuesPane" | "paneHeader" | "paneTitle" | "paneContent" | "image", string>;
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"issuesPane" | "paneHeader" | "paneTitle" | "paneContent" | "image">;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => Record<"textFieldGridItem" | "textFieldInput" | "textFieldLabel" | "textFieldLabelShrink" | "formRow" | "tacTitle" | "tacText" | "tacLine" | "addButton" | "lifecycleButtons" | "actionButton" | "lastButton" | "backdrop", string>;
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"textFieldGridItem" | "textFieldInput" | "textFieldLabel" | "textFieldLabelShrink" | "formRow" | "tacTitle" | "tacText" | "tacLine" | "addButton" | "lifecycleButtons" | "actionButton" | "lastButton" | "backdrop">;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"dragHandle">;
+interface DragHandleProps {
+    isSorting?: boolean;
+    isDisabled?: boolean;
+}
+declare const DragHandle: React.FC<DragHandleProps>;
+export default DragHandle;

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

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

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

@@ -1,12 +1,4 @@
 import React from 'react';
-import { ArrayField } from 'react-hook-form';
-interface TafFormRowProps {
-    isChangeGroup?: boolean;
-    disabled?: boolean;
-    index?: number;
-    lastRow?: boolean;
-    onRemoveChangeGroup?: (index: number) => void;
-    field?: Partial<ArrayField>;
-}
+import { TafFormRowProps } from './types';
 declare const TafFormRow: React.FC<TafFormRowProps>;
 export default TafFormRow;

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

@@ -1,2 +1,4 @@
 export declare const invalidChangeMessage = "Invalid Change input, only BECMG, TEMPO or FM are allowed";
+export declare const invalidChangeProbCombinationMessage = "A probability is only allowed in combination with TEMPO";
 export declare const validateChangeField: (value: string) => boolean | string;
+export declare const validateChangeFieldInterField: (value: string, valueProb: string) => boolean | string;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { GridProps } from '@material-ui/core';
+import { ArrayField } from 'react-hook-form';
+export interface TafFormRowProps extends GridProps {
+    isChangeGroup?: boolean;
+    disabled?: boolean;
+    index?: number;
+    lastRow?: boolean;
+    onRemoveChangeGroup?: (index: number) => void;
+    field?: Partial<ArrayField>;
+    dragHandle?: React.ReactElement;
+}
+export interface FieldNames {
+    messageType?: string;
+    location?: string;
+    issueDate?: string;
+    probability?: string;
+    change?: string;
+    valid: string;
+    wind: string;
+    visibility: string;
+    weather1: string;
+    weather2: string;
+    weather3: string;
+    cloud1: string;
+    cloud2: string;
+    cloud3: string;
+    cloud4: string;
+}

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

@@ -8,4 +8,6 @@ export declare const invalidValidityStartTimeMessage = "Invalid validity start t
 export declare const invalidValidityPeriodMessage = "Invalid validity period, validity end time has to be after validity start time";
 export declare const invalidValidityEndTimeMessage = "Invalid validity end time, change group validity must lie within the TAF validity period";
 export declare const invalidValidityLengthMessage = "Invalid validity period, expected either DDHH/DDHH or DDHHmm";
+export declare const invalidChangeValidInterFieldMessage = "Invalid validity period, expected DDHH/DDHH for BECMG and TEMPO or DDHHmm for FM";
 export declare const validateValidField: (value: string, tafStart: string, tafEnd: string) => boolean | string;
+export declare const validateValidChangeGroupInterField: (value: string, valueChange: string) => boolean | string;

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

@@ -1,11 +1,26 @@
+import Sortable from 'sortablejs';
+import { ArrayField } from 'react-hook-form';
 import { BaseForecast, ChangeGroup, Taf, TafActions } from '../../types';
+import { FieldNames } from './TafFormRow/types';
 export declare const formatIssueTime: (issueDate: string) => string;
 export declare function formatFormValues<T>(row: T): T;
 export declare const parseFormValues: (row: any, tafStart: string, tafEnd: string) => BaseForecast | ChangeGroup;
 export declare const convertTafValuesToObject: (formData: any) => Taf;
+export declare const noTAC = "Missing data: no TAC can be generated";
+export declare const getFieldNames: (isChangeGroup: boolean, index: number) => FieldNames;
 export declare const useTACGenerator: (taf: Taf, requestTAC: (postTaf: unknown) => Promise<{
     data: string;
 }>, standardTAC?: string) => [string, (tafToPost: any) => void];
+export declare const getRange: (min: number, max: number) => number[];
+export declare type SortableField = {
+    id: string;
+    chosen: boolean;
+};
+export declare const useDragOrder: (trigger: (name?: string | string[]) => Promise<boolean>, move: (oldIndex: number, newIndex: number) => void, fields: Partial<ArrayField<Record<string, unknown>, 'id'>>[]) => {
+    onChangeOrder: (event: Sortable.SortableEvent) => void;
+    sortedFields: SortableField[];
+    setSortedFields: (fields: SortableField[]) => void;
+};
 export declare const getConfirmationDialogTitle: (action: TafActions) => string;
 export declare const getConfirmationDialogContent: (action: TafActions) => string;
 export declare const getConfirmationDialogButtonLabel: (action: TafActions) => string;

package/lib/components/TafList/TafList.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { TafFromBackend } from '../../types';
+import { TafActions, TafFromBackend } from '../../types';
 interface TafListProps {
     tafList: TafFromBackend[];
     isLoading: boolean;
     error: Error;
     errorCancelTaf?: string[];
-    onClickTafActionButton: (tafUuid: string, action: string) => void;
+    onClickTafActionButton: (tafUuid: string, action: TafActions) => void;
 }
 declare const TafList: React.FC<TafListProps>;
 export default TafList;

package/lib/components/TafList/TafListAccordion.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { TafFromBackend } from '../../types';
+import { TafActions, TafFromBackend } from '../../types';
 import { ListState } from './TafListRow';
 interface TafListAccordionProps {
     tafListItem: TafFromBackend;
     listType: ListState;
     errorCancelTaf?: string[];
-    onClickTafActionButton: (tafUuid: string, action: string) => void;
+    onClickTafActionButton: (tafUuid: string, action: TafActions) => void;
 }
 declare const TafListAccordion: React.FC<TafListAccordionProps>;
 export default TafListAccordion;

package/lib/components/TafList/TafListButtons.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { TafCanbe } from '../../types';
+import { TafActions, TafCanbe } from '../../types';
 interface TafListButtonsProps {
     uuid: string;
     canBe: TafCanbe[];
-    onClickTafActionButton: (tafUuid: string, action: string) => void;
+    onClickTafActionButton: (tafUuid: string, action: TafActions) => void;
 }
 declare const TafListButtons: React.FC<TafListButtonsProps>;
 export default TafListButtons;

package/lib/components/TafList/TafListSection.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { TafFromBackend } from '../../types';
+import { TafActions, TafFromBackend } from '../../types';
 import { ListState } from './TafListRow';
 interface TafListSectionProps {
     tafList: TafFromBackend[];
     title: string;
     listType: ListState;
     errorCancelTaf?: string[];
-    onClickTafActionButton: (tafUuid: string, action: string) => void;
+    onClickTafActionButton: (tafUuid: string, action: TafActions) => void;
 }
 declare const TafListSection: React.FC<TafListSectionProps>;
 export default TafListSection;

package/lib/types.d.ts

@@ -65,7 +65,7 @@ export interface BaseTaf {
     issueDate?: TafDate;
 }
 export declare type TafStatus = 'NEW' | 'DRAFT' | 'PUBLISHED' | 'CORRECTED' | 'AMENDED' | 'CANCELLED' | 'EXPIRED' | 'DRAFT_AMENDED' | 'DRAFT_CORRECTED';
-export declare type TafActions = 'DRAFT' | 'DRAFT_AMENDED' | 'DRAFT_CORRECTED' | 'PUBLISHED' | 'CANCELLED' | 'CORRECTED' | 'AMENDED' | 'CLOSED' | 'DISCARDED';
+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 interface Taf extends BaseTaf {
     status: TafStatus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "1.1.3",
+  "version": "1.2.2",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,18 +14,22 @@
   "peerDependencies": {
     "react": "16.14.0",
     "@material-ui/core": "^4.11.0",
-    "@opengeoweb/theme": "1.1.3",
-    "@material-ui/icons": "^4.9.1",
+    "@opengeoweb/theme": "1.2.2",
     "@material-ui/lab": "^4.0.0-alpha.56",
+    "@material-ui/icons": "^4.9.1",
     "react-hook-form": "^6.12.1",
-    "@opengeoweb/form-fields": "1.1.3",
+    "react-sortablejs": "^6.0.0",
+    "@opengeoweb/form-fields": "1.2.2",
     "@material-ui/pickers": "^3.2.10",
     "@date-io/moment": "^1.3.13",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
     "lodash": "^4.17.20",
-    "@opengeoweb/api": "1.1.3",
+    "@opengeoweb/api": "1.2.2",
     "axios": "^0.21.0",
-    "@opengeoweb/shared": "1.1.3"
+    "@opengeoweb/shared": "1.2.2",
+    "react-draggable": "^4.4.3",
+    "re-resizable": "^6.9.0",
+    "sortablejs": "^1.14.0"
   }
 }