@opengeoweb/core 4.1.0 → 4.3.0

package/lib/components/CanvasComponent/CanvasComponent.d.ts

@@ -21,6 +21,7 @@ interface CanvasComponentProps {
     loop?: boolean;
     redrawInterval?: number;
     resizeCallback?: (newWidth: number) => void;
+    children?: React.ReactNode;
 }
 export default class CanvasComponent extends Component<CanvasComponentProps> {
     canvas: any;

package/lib/components/LayerManager/LayerManager.d.ts

@@ -20,5 +20,18 @@ interface LayerManagerProps {
     isLoading?: boolean;
     error?: string;
 }
+export declare const calculateStartSize: (minSize: {
+    width: number;
+    height: number;
+}, prefSize: {
+    width: number;
+    height: number;
+}, startPosition: {
+    top: number;
+    left: number;
+}) => {
+    width: number;
+    height: number;
+};
 declare const LayerManager: React.FC<LayerManagerProps>;
 export default LayerManager;

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResults.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { Source } from '../../../../store/ui/types';
-interface KeywordFilterResultsProps {
-    allKeywordIds: string[];
-    mapId: string;
+import { Filter } from '../../../../store/layerSelect/types';
+export declare const DIALOG_TITLE = "Groups & Keywords";
+export interface KeywordFilterResultsProps {
     bounds?: string;
-    showTitle?: boolean;
     onClose?: () => void;
     onMouseDown?: () => void;
     isOpen: boolean;
     order?: number;
     source?: Source;
+    filters: Filter[];
 }
 declare const KeywordFilterResults: React.FC<KeywordFilterResultsProps>;
 export default KeywordFilterResults;

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResults.stories.d.ts

@@ -6,8 +6,20 @@ export default _default;
 export declare const KeywordFilterResultsLight: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
 export declare const KeywordFilterResultsDark: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResultsConnect.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 interface KeywordFilterResultsConnectProps {
     bounds?: string;
-    showTitle?: boolean;
 }
 declare const KeywordFilterResultsConnect: React.FC<KeywordFilterResultsConnectProps>;
 export default KeywordFilterResultsConnect;

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResultsListItem.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { KeywordObject } from '../../../../store/layerSelect/types';
-interface FilterListItemProps {
-    keyword: KeywordObject;
-    toggleKeywords: (keywords: string[]) => void;
-    enableOnlyOneKeyword: (keyword: string) => void;
+import { Filter } from '../../../../store/layerSelect/types';
+export interface FilterListItemProps {
+    filter: Filter;
+    toggleFilter: (filterIds: string[]) => void;
+    enableOnlyOneFilter: (filterId: string) => void;
 }
 declare const FilterListItem: React.FC<FilterListItemProps>;
 export default FilterListItem;

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResultsListItemConnect.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-interface KeywordFilterResultsListItemConnectProps {
-    keyword: string;
+import { Filter } from '../../../../store/layerSelect/types';
+export interface KeywordFilterResultsListItemConnectProps {
+    filter: Filter;
 }
 declare const KeywordFilterResultsListItemConnect: React.FC<KeywordFilterResultsListItemConnectProps>;
 export default KeywordFilterResultsListItemConnect;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoButtonConnect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ServiceLayer } from '../../../../store/mapStore/types';
+import { Source } from '../../../../store/ui/types';
+interface LayerInfoButtonProps {
+    layer: ServiceLayer;
+    mapId: string;
+    serviceName: string;
+    source?: Source;
+}
+declare const LayerInfoButtonConnect: React.FC<LayerInfoButtonProps>;
+export default LayerInfoButtonConnect;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoDialog.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ActiveLayerObject } from '../../../../store/layerSelect/types';
+import { Source } from '../../../../store/ui/types';
+export interface LayerInfoDialogProps {
+    layer: ActiveLayerObject;
+    onClose: () => void;
+    isOpen: boolean;
+    onMouseDown?: () => void;
+    order?: number;
+    source?: Source;
+    dialogHeight?: number;
+}
+declare const LayerInfoDialog: React.FC<LayerInfoDialogProps>;
+export default LayerInfoDialog;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoDialog.stories.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const LayerInfoDialogLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const LayerInfoDialogDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoDialogConnect.d.ts

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

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoLegend.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Dimension } from '../../../../store/mapStore/types';
+export interface LayerInfoLegendProps {
+    title: string;
+    name: string;
+    dimensions: Dimension[];
+    legendURL: string;
+}
+declare const LayerInfoLegend: React.FC<LayerInfoLegendProps>;
+export default LayerInfoLegend;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoList.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type ListItem = {
+    label: string;
+    value: string;
+    icon: React.ReactElement;
+};
+export interface LayerInfoListProps {
+    label: string;
+    list: ListItem[];
+}
+declare const LayerInfoList: React.FC<LayerInfoListProps>;
+export default LayerInfoList;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoText.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface LayerInfoTextProps {
+    label: string;
+    value: string;
+}
+export declare const textStyle: {
+    lineHeight: string;
+    letterSpacing: string;
+};
+export declare const textStyleWithMargin: {
+    marginBottom: number;
+    lineHeight: string;
+    letterSpacing: string;
+};
+declare const LayerInfoText: React.FC<LayerInfoTextProps>;
+export default LayerInfoText;

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoUtils.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Dimension } from '../../../../store/mapStore/types';
+import { ActiveLayerObject } from '../../../../store/layerSelect/types';
+import { ListItem } from './LayerInfoList';
+export declare const getLayerStyles: (layer: ActiveLayerObject) => string;
+export declare const getDimensionValue: (name: string, dimensions: Dimension[]) => string;
+export declare const getLayerBbox: (layer: ActiveLayerObject) => string;
+export declare const getDimensionIcon: (name: string, dimensions: Dimension[]) => React.ReactElement;
+export declare const getDimensionLabel: (name: string) => string;
+export declare const getDimensionsList: (dimensions: Dimension[]) => ListItem[];

package/lib/components/LayerManager/LayerSelect/LayerInfo/LayerInfoUtils.spec.d.ts

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

package/lib/components/LayerManager/LayerSelect/LayerInfo/index.d.ts

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

package/lib/components/LayerManager/LayerSelect/LayerList/LayerList.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 import { ReduxLayer } from '../../../../store/mapStore/layers/types';
-import { Services } from '../../../../store/mapStore/service/types';
-interface LayerListProps {
+import { ActiveLayerObject } from '../../../../store/layerSelect/types';
+import { Services } from '../../../../store/mapStore/types';
+export interface LayerListProps {
     services: Services;
-    serviceIds: string[];
+    filteredLayers: ActiveLayerObject[];
     layerSelectHeight: number;
+    serviceListHeight: number;
+    layerSelectWidth: number;
     addLayer: ({ serviceUrl, layerName }: {
         serviceUrl: any;
         layerName: any;
@@ -13,10 +16,8 @@ interface LayerListProps {
         layerId: any;
         layerIndex: any;
     }) => void;
-    searchString: string;
     mapLayers: ReduxLayer[];
-    keywordIds: string[];
-    allKeywordsActive: boolean;
+    mapId: string;
 }
 declare const LayerList: React.FC<LayerListProps>;
 export default LayerList;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListConnect.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 interface LayerListConnectProps {
     mapId: string;
     layerSelectHeight: number;
+    serviceListHeight: number;
+    layerSelectWidth: number;
 }
 declare const LayerListConnect: React.FC<LayerListConnectProps>;
 export default LayerListConnect;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListDimensions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ListItem } from '../LayerInfo/LayerInfoList';
+interface LayerListDimensionsProps {
+    dimensions: ListItem[];
+}
+declare const LayerListDimensions: React.FC<LayerListDimensionsProps>;
+export default LayerListDimensions;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListRow.d.ts

@@ -4,7 +4,6 @@ interface LayerListRowProps {
     layer: ServiceLayer;
     layerIndex: number;
     service: ReduxService;
-    serviceUrl: string;
     addLayer: ({ serviceUrl, layerName }: {
         serviceUrl: any;
         layerName: any;
@@ -14,6 +13,8 @@ interface LayerListRowProps {
         layerIndex: any;
     }) => void;
     mapLayers: ReduxLayer[];
+    mapId: string;
+    layerSelectWidth: number;
 }
 declare const LayerListRow: React.FC<LayerListRowProps>;
 export default LayerListRow;

package/lib/components/LayerManager/LayerSelect/LayerList/LayerListUtils.d.ts

@@ -1,2 +1,2 @@
 import { ServiceLayer, Services } from '../../../../store/mapStore/service/types';
-export declare const filterLayersFromService: (serviceId: string, services: Services, keywordIds: string[], allKeywordsActive: boolean, searchString: string) => ServiceLayer[];
+export declare const filterLayersFromService: (serviceId: string, services: Services, filterIds: string[], allFiltersActive: boolean, searchString: string) => ServiceLayer[];

package/lib/components/LayerManager/LayerSelect/LayerSelect.d.ts

@@ -9,6 +9,10 @@ interface LayerSelectProps {
     isOpen: boolean;
     order?: number;
     source?: Source;
+    startSize?: {
+        width: number;
+        height: number;
+    };
 }
 declare const LayerSelect: React.FC<LayerSelectProps>;
 export default LayerSelect;

package/lib/components/LayerManager/LayerSelect/LayerSelect.stories.d.ts

@@ -19,3 +19,11 @@ export declare const LayerSelectDemoDarkTheme: {
         }[];
     };
 };
+export declare const LayerSelectDemoSmallLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const LayerSelectDemoSmallDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/LayerManager/LayerSelect/LayerSelectConnect.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
-import { Service } from '../../WMSLoader/services';
 interface LayerSelectConnectProps {
     bounds?: string;
     showTitle?: boolean;
-    preloadedServices?: Service[];
 }
 /**
  * LayerSelectConnect is a component that is opened from LayerManager

package/lib/components/LayerManager/LayerSelect/LayerSelectUtils.d.ts

@@ -1,4 +1,75 @@
-import { NoIdService, UserAddedServices } from '../../../utils/types';
-import { Service } from '../../WMSLoader/services';
-export declare const mergePresetsAndUserAddedServices: (presets: Service[], userAddedServices: UserAddedServices) => NoIdService[];
-export declare const isNoIdService: (param: unknown) => param is NoIdService;
+import { CSSProperties } from 'react';
+export declare const layerSelectColumnsLarge: {
+    column1: {
+        width: number;
+    };
+    column2: {
+        marginTop: string;
+        width: string;
+        height: string;
+        paddingLeft: string;
+    };
+    column3: {
+        height: string;
+    };
+    column4: {
+        height: string;
+    };
+    column5: {
+        height: string;
+        width: number;
+    };
+    column6: {
+        height: string;
+        width: string;
+    };
+    column7: {
+        height: string;
+        width: number;
+        marginRight: number;
+        marginLeft: number;
+    };
+    column8: {
+        width: string;
+    };
+    column9: {
+        width: string;
+    };
+};
+export declare const layerSelectColumnsSmall: {
+    column1: {
+        width: string;
+    };
+    column2: {
+        marginTop: string;
+        width: string;
+    };
+    column3: {
+        height: string;
+    };
+    column4: {
+        height: string;
+    };
+    column5: {
+        height: string;
+        width: string;
+    };
+    column6: {
+        height: string;
+        width: string;
+    };
+    column7: {
+        height: string;
+        width: number;
+        marginRight: number;
+        marginLeft: number;
+    };
+    column8: {
+        width: string;
+    };
+    column9: {
+        width: string;
+    };
+};
+export declare const widthToColumns: (width: number) => Record<string, CSSProperties>;
+export declare const widthToRowHeight: (width: number) => number;

package/lib/components/LayerManager/LayerSelect/SearchField/SearchFieldButtonContainer.d.ts

@@ -3,6 +3,7 @@ export declare const isURL: (string: string) => boolean;
 interface FieldButtonProps {
     localSearchString: string;
     onClickClear: () => void;
+    setPopupIsOpen: (value: boolean) => void;
 }
 declare const SearchFieldButtonContainer: React.FC<FieldButtonProps>;
 export default SearchFieldButtonContainer;

package/lib/components/LayerManager/LayerSelect/ServiceList/ServiceChipConnect.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { ActiveServiceObject } from '../../../../store/layerSelect/types';
-interface ServiceChipConnectProps {
+export interface ServiceChipConnectProps {
     all?: boolean;
     serviceId?: string;
     service?: ActiveServiceObject;
     isSelected?: boolean;
+    isAllSelected?: boolean;
     isDisabled?: boolean;
 }
 declare const ServiceChipConnect: React.FC<ServiceChipConnectProps>;

package/lib/components/LayerManager/LayerSelect/ServiceList/ServiceList.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ActiveServiceObject } from '../../../../store/layerSelect/types';
 interface ServiceListProps {
-    layerSelectWidth?: number;
     activeServices: Record<string, ActiveServiceObject>;
+    setHeight: (height: number) => void;
 }
 declare const ServiceList: React.FC<ServiceListProps>;
 export default ServiceList;

package/lib/components/LayerManager/LayerSelect/ServiceList/ServiceListConnect.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { ActiveServices } from '../../../../store/layerSelect/types';
 interface ServiceListConnectProps {
-    layerSelectWidth?: number;
+    setHeight: (height: number) => void;
 }
+export declare const sortByService: (serviceObj: ActiveServices) => ActiveServices;
 declare const ServiceListConnect: React.FC<ServiceListConnectProps>;
 export default ServiceListConnect;

package/lib/components/LayerManager/LayerSelect/ServiceOptionsButton/ServiceOptionsButton.d.ts

@@ -1,3 +1,6 @@
 import * as React from 'react';
-declare const ServiceOptionsButton: React.FC;
+interface ServiceOptionsButtonProps {
+    mapId: string;
+}
+declare const ServiceOptionsButton: React.FC<ServiceOptionsButtonProps>;
 export default ServiceOptionsButton;

package/lib/components/LayerManager/LayerSelect/ServiceOptionsDialog/ServiceOptionsDialog.d.ts

@@ -1,8 +1,18 @@
 import * as React from 'react';
-import { ActiveServiceObject } from '../../../../store/layerSelect/types';
+import { ActiveServices } from '../../../../store/layerSelect/types';
+import { PopupVariant } from '../ServicePopup/ServicePopup';
+import { ReduxLayer } from '../../../../store/mapStore/types';
 interface ServiceOptionsDialogProps {
-    services: Record<string, ActiveServiceObject>;
-    mapStoreRemoveService?: (serviceId: string, serviceUrl: string) => void;
+    services: ActiveServices;
+    layerSelectRemoveService?: (serviceId: string, serviceUrl: string) => void;
+    selectedLayers: ReduxLayer[];
+    setServicePopupInfo?: (popupInfo: ServicePopupInfo) => void;
+}
+export interface ServicePopupInfo {
+    isOpen: boolean;
+    serviceId?: string;
+    serviceUrl?: string;
+    popupVariant?: PopupVariant;
 }
 declare const ServiceOptionsDialog: React.FC<ServiceOptionsDialogProps>;
 export default ServiceOptionsDialog;

package/lib/components/LayerManager/LayerSelect/ServiceOptionsDialog/ServiceOptionsDialog.stories.d.ts

@@ -6,8 +6,20 @@ export default _default;
 export declare const ServiceOptionsDialogLight: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
 export declare const ServiceOptionsDialogDark: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/components/LayerManager/LayerSelect/ServiceOptionsDialog/ServiceOptionsDialogConnect.d.ts

@@ -1,3 +1,8 @@
 import * as React from 'react';
-declare const ServiceOptionsDialogConnect: React.FC;
+import { ServicePopupInfo } from './ServiceOptionsDialog';
+interface ServiceOptionsDialogConnectProps {
+    mapId?: string;
+    setServicePopupInfo?: (popupInfo: ServicePopupInfo) => void;
+}
+declare const ServiceOptionsDialogConnect: React.FC<ServiceOptionsDialogConnectProps>;
 export default ServiceOptionsDialogConnect;

package/lib/components/LayerManager/LayerSelect/ServicePopup/ServicePopup.d.ts

@@ -1,18 +1,24 @@
 import * as React from 'react';
 import { SetLayersForServicePayload } from '../../../../store/mapStore/types';
 import { ActiveServices } from '../../../../store/layerSelect/types';
-interface ServicePopupProps {
-    servicePopupVariant: 'edit' | 'add' | 'save';
+export declare type PopupVariant = 'edit' | 'add' | 'save' | 'show';
+export interface ServicePopupProps {
+    servicePopupVariant: PopupVariant;
     hideBackdrop?: boolean;
     isOpen?: boolean;
     closePopup?: () => void;
     serviceId?: string;
-    url?: string;
+    serviceUrl?: string;
+    serviceName?: string;
+    serviceAbstracts?: string;
     services?: ActiveServices;
     serviceSetLayers: (payload: SetLayersForServicePayload) => void;
+    showSnackbar?: (message: string) => void;
 }
 export declare const ADD_HEADING = "Add a new service";
 export declare const EDIT_HEADING = "Edit service";
 export declare const SAVE_HEADING = "Save service";
-declare const ServicePopup: React.FC<ServicePopupProps>;
-export default ServicePopup;
+export declare const COPY_URL_MESSAGE = "Service URL copied to clipboard";
+export declare const getSuccesMessage: (serviceName: string) => string;
+declare const ServicePopupWrapper: React.FC<ServicePopupProps>;
+export default ServicePopupWrapper;

package/lib/components/LayerManager/LayerSelect/ServicePopup/ServicePopup.stories.d.ts

@@ -1,13 +1,45 @@
 import * as React from 'react';
-declare const _default: {
-    title: string;
-};
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./ServicePopup").ServicePopupProps>>;
 export default _default;
-export declare const ServicePopupLight: {
-    (): React.ReactElement;
+export declare const ServicePopupAddLight: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ServicePopupAddDark: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ServicePopupShowLight: {
+    (): JSX.Element;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
-export declare const ServicePopupDark: {
-    (): React.ReactElement;
+export declare const ServicePopupShowDark: {
+    (): JSX.Element;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
+export declare const ServicePopupWithInvalidUrl: () => JSX.Element;

package/lib/components/LayerManager/LayerSelect/ServicePopup/ServicePopupConnect.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { PopupVariant } from './ServicePopup';
 interface ServicePopupConnectProps {
-    servicePopupVariant: 'edit' | 'add' | 'save';
+    servicePopupVariant: PopupVariant;
     hideBackdrop?: boolean;
     isOpen?: boolean;
     closePopup?: () => void;

package/lib/components/LayerManager/LayerSelect/ServicePopup/ServicePopupConnect.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ServicePopupConnectAdd: React.FC;
+export declare const ServicePopupConnectShow: React.FC;
+export declare const ServicePopupAddWithExistingServiceError: React.FC;
+export declare const ServicePopupEdit: React.FC;

package/lib/components/LayerManager/LayerSelect/ServicePopup/utils.d.ts

@@ -0,0 +1,8 @@
+import { ActiveServices } from '../../../../store/layerSelect/types';
+export declare type ValidationResult = string | boolean;
+export declare const VALIDATIONS_NAME_EXISTING = "This name already exists. Choose another name.";
+export declare const VALIDATIONS_SERVICE_EXISTING = "URL already exists.";
+export declare const VALIDATIONS_SERVICE_VALID_URL = "Not a valid URL.";
+export declare const VALIDATIONS_REQUEST_FAILED = "Download failed. Check the URL.";
+export declare const validateServiceName: (value: string, services: ActiveServices, ownServiceName?: string) => ValidationResult;
+export declare const validateServiceUrl: (value: string, services: ActiveServices) => ValidationResult;