@opengeoweb/taf 2.1.4 → 2.3.0

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseTaf, TafActions } from '../../types';
+import { BaseTaf, TafActions, TafFromBackend } from '../../types';
 export declare const emptyChangegroup: {
     valid: string;
     wind: string;
@@ -22,6 +22,7 @@ export interface TafFormProps {
     isDisabled: boolean;
     tafAction?: TafActions;
     staticTAC?: string;
+    tafFromBackend: TafFromBackend;
     onFormAction?: (action: TafActions, formValues?: BaseTaf) => void;
 }
 declare const TafForm: React.FC<TafFormProps>;

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/TafFormButtons/TafFormOptionsButton.spec.d.ts

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

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/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/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,8 @@ 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 getTafStatusLabel: (status: TafStatus) => string;
 export {};

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.spec.d.ts

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

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/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/TafLayout/StatusIcon.spec.d.ts

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

package/lib/components/TafLayout/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/TafLayout/TabPanel/TabPanel.spec.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TafStatus, TimeSlot } from '../../../types';
+interface TacContainerProps {
+    timeSlot: TimeSlot;
+    status: TafStatus;
+    location: string;
+}
+declare const TacContainer: React.FC<TacContainerProps>;
+export default TacContainer;

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

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

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

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

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

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

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

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

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

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

package/lib/components/TafLayout/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/TafHeader.spec.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TafFromBackend } from '../../types';
+interface TafLayoutProps {
+    tafList: TafFromBackend[];
+}
+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/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/TafList/TafListAccordion.d.ts

@@ -5,7 +5,7 @@ interface TafListAccordionProps {
     tafListItem: TafFromBackend;
     listType: ListState;
     errorCancelTaf?: string[];
-    onClickTafActionButton: (tafUuid: string, action: TafActions) => void;
+    onClickTafActionButton: (action: TafActions, tafUuid: string) => void;
 }
 declare const TafListAccordion: React.FC<TafListAccordionProps>;
 export default TafListAccordion;

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

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

package/lib/types.d.ts

@@ -127,3 +127,18 @@ 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';

package/lib/utils/testUtils.d.ts

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import { UseFormOptions } from 'react-hook-form';
+import { Theme } from '@mui/material';
 export declare const getActiveStartEndValidSlot: () => {
     start: string;
     end: string;
 };
 interface WrapperProps {
     children: React.ReactNode;
+    theme?: Theme;
 }
 interface TestWrapperProps extends WrapperProps {
     createApiFunc?: () => void;
@@ -14,7 +16,13 @@ export declare const TestWrapper: React.FC<TestWrapperProps>;
 interface TestFormWrapperProps {
     children: React.ReactNode;
     options?: UseFormOptions;
+    theme?: Theme;
 }
 export declare const TestFormWrapper: React.FC<TestFormWrapperProps>;
 export declare const StoryWrapper: React.FC<WrapperProps>;
+interface ThemeWrapperProps {
+    theme?: Theme;
+    children: React.ReactNode;
+}
+export declare const StoryWrapperWithTheme: React.FC<ThemeWrapperProps>;
 export {};

package/package.json

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

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

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