@opengeoweb/layer-select 9.0.0

package/src/lib/components/ServiceOptionsDialog/ServiceOptionsDialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { layerTypes } from '@opengeoweb/store';
+import { layerSelectTypes } from '../../store';
+interface ServiceOptionsDialogProps {
+    services: layerSelectTypes.ActiveServiceObjectEntities;
+    layerSelectRemoveService?: (serviceId: string, serviceUrl: string, serviceName: string) => void;
+    layerSelectReloadService?: (serviceUrl: string) => void;
+    selectedLayers: layerTypes.ReduxLayer[];
+    setServicePopupInfo?: (popupInfo: ServicePopupInfo) => void;
+    isLoading?: boolean;
+}
+export interface ServicePopupInfo {
+    isOpen: boolean;
+    serviceId?: string;
+    serviceUrl?: string;
+    variant?: layerSelectTypes.PopupVariant;
+}
+export declare const ServiceOptionsDialog: React.FC<ServiceOptionsDialogProps>;
+export {};

package/src/lib/components/ServiceOptionsDialog/ServiceOptionsDialog.spec.d.ts

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

package/src/lib/components/ServiceOptionsDialog/ServiceOptionsDialog.stories.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+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/src/lib/components/ServiceOptionsDialog/ServiceOptionsDialogConnect.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface ServiceOptionsDialogConnectProps {
+    mapId?: string;
+}
+export declare const getServiceSuccesUpdateMessage: (serviceName: string) => string;
+export declare const getServiceFailedUpdateMessage: (error: Error) => string;
+export declare const ServiceOptionsDialogConnect: React.FC<ServiceOptionsDialogConnectProps>;
+export {};

package/src/lib/components/ServiceOptionsDialog/ServiceOptionsDialogConnect.spec.d.ts

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

package/src/lib/components/ServicePopup/ServicePopup.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { serviceTypes } from '@opengeoweb/store';
+import { layerSelectTypes } from '../../store';
+export interface ServicePopupProps {
+    servicePopupVariant: layerSelectTypes.PopupVariant;
+    hideBackdrop?: boolean;
+    isOpen?: boolean;
+    closePopup?: () => void;
+    shouldDisableAutoFocus?: boolean;
+    serviceId?: string;
+    serviceUrl?: string;
+    serviceName?: string;
+    serviceAbstracts?: string;
+    services?: layerSelectTypes.ActiveServiceObjectEntities;
+    serviceSetLayers: (payload: serviceTypes.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";
+export declare const COPY_URL_MESSAGE = "Service URL copied to clipboard";
+export declare const getSuccesMessage: (serviceName: string) => string;
+export declare const ServicePopup: React.FC<ServicePopupProps>;

package/src/lib/components/ServicePopup/ServicePopup.spec.d.ts

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

package/src/lib/components/ServicePopup/ServicePopup.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ServicePopup").ServicePopupProps>;
+export default _default;
+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 ServicePopupShowDark: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ServicePopupWithInvalidUrl: () => JSX.Element;

package/src/lib/components/ServicePopup/ServicePopupConnect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ServicePopupConnect: React.FC;

package/src/lib/components/ServicePopup/ServicePopupConnect.spec.d.ts

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

package/src/lib/components/ServicePopup/ServicePopupConnect.stories.d.ts

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

package/src/lib/components/ServicePopup/ServicePopupDialogConnect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { layerSelectTypes } from '../../store';
+interface ServicePopupDialogConnectType {
+    isOpen: boolean;
+    serviceId?: string;
+    variant: layerSelectTypes.PopupVariant;
+    url?: string;
+    setServicePopupClosed: () => void;
+}
+export declare const ServicePopupDialogConnect: React.FC<ServicePopupDialogConnectType>;
+export {};

package/src/lib/components/ServicePopup/utils.d.ts

@@ -0,0 +1,11 @@
+import { serviceTypes } from '@opengeoweb/store';
+import { layerSelectTypes } from '../../store';
+export 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 VALIDATIONS_FIELD_REQUIRED = "This field is required";
+export declare const validateServiceName: (value: string, services: layerSelectTypes.ActiveServiceObjectEntities, ownServiceName?: string) => ValidationResult;
+export declare const validateServiceUrl: (value: string, services: layerSelectTypes.ActiveServiceObjectEntities) => ValidationResult;
+export declare const loadWMSService: (serviceUrl: string, forceReload?: boolean) => Promise<serviceTypes.SetLayersForServicePayload>;

package/src/lib/components/ServicePopup/utils.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './LayerInfo';
+export * from './LayerSelect';

package/src/lib/components/testUtils/TestThemeStoreProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ThemeProviderProps } from '@opengeoweb/theme';
+import { Store } from '@reduxjs/toolkit';
+export declare const TestThemeStoreProvider: React.FC<ThemeProviderProps & {
+    store: Store;
+}>;

package/src/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './store';

package/src/lib/store/config.d.ts

@@ -0,0 +1,4 @@
+import { Egg } from '@redux-eggs/core';
+import { Store } from '@reduxjs/toolkit';
+import { LayerSelectModuleState } from './types';
+export declare const layerSelectConfig: Egg<Store<LayerSelectModuleState>>;

package/src/lib/store/index.d.ts

@@ -0,0 +1,7 @@
+export { layerSelectActions, initialState as layerSelectInitialState, reducer as layerSelectReducer, } from './reducer';
+export * as layerSelectSelectors from './selectors';
+export { useAppSelector } from './selectors';
+export * as layerSelectTypes from './types';
+export * from './localStorage';
+export * from './config';
+export { isUserAddedService } from './utils';

package/src/lib/store/localStorage.d.ts

@@ -0,0 +1,3 @@
+import { UserAddedServices } from './types';
+export declare const getUserAddedServices: () => UserAddedServices;
+export declare const setUserAddedServices: (services: UserAddedServices) => void;

package/src/lib/store/localStorage.spec.d.ts

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

package/src/lib/store/reducer.d.ts

@@ -0,0 +1,28 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { uiTypes } from '@opengeoweb/store';
+import { EnableOnlyOneKeywordPayload, LayerSelectRemoveServicePayload, LayerSelectStoreType, SetActiveLayerInfoPayload, SetSearchFilterPayload, ToggleKeywordsPayload, Filter, ActiveServiceObject, ToggleServicePopupPayload, ServicePopupObject } from './types';
+export declare const layerSelectFilterAdapter: import("@reduxjs/toolkit").EntityAdapter<Filter>;
+export declare const layerSelectActiveServicesAdapter: import("@reduxjs/toolkit").EntityAdapter<ActiveServiceObject>;
+export declare const initialServicePopupState: ServicePopupObject;
+export declare const initialState: LayerSelectStoreType;
+export declare const reducer: import("redux").Reducer<import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, import("redux").AnyAction>;
+export declare const layerSelectActions: import("@reduxjs/toolkit").CaseReducerActions<{
+    setSearchFilter: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<SetSearchFilterPayload>) => void;
+    closeServicePopupOpen: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>) => void;
+    toggleServicePopup: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<ToggleServicePopupPayload>) => void;
+    layerSelectRemoveService: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<LayerSelectRemoveServicePayload>) => void;
+    enableActiveService: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<{
+        serviceId: string;
+    }>) => void;
+    enableAllActiveServices: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>) => void;
+    onlyThisServiceEnabled: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<{
+        serviceId: string;
+    }>) => void;
+    disableActiveService: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<{
+        serviceId: string;
+    }>) => void;
+    toggleFilter: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<ToggleKeywordsPayload>) => void;
+    enableOnlyOneFilter: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<EnableOnlyOneKeywordPayload>) => void;
+    setActiveLayerInfo: (draft: import("immer/dist/internal").WritableDraft<LayerSelectStoreType>, action: PayloadAction<SetActiveLayerInfoPayload>) => void;
+}, uiTypes.DialogTypes.LayerSelect>;
+export type LayerSelectActions = ReturnType<typeof layerSelectActions.setSearchFilter> | ReturnType<typeof layerSelectActions.layerSelectRemoveService> | ReturnType<typeof layerSelectActions.enableActiveService> | ReturnType<typeof layerSelectActions.disableActiveService> | ReturnType<typeof layerSelectActions.toggleFilter> | ReturnType<typeof layerSelectActions.enableOnlyOneFilter> | ReturnType<typeof layerSelectActions.setActiveLayerInfo>;

package/src/lib/store/reducer.spec.d.ts

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

package/src/lib/store/sagas.d.ts

@@ -0,0 +1,8 @@
+import { SagaIterator } from 'redux-saga';
+import { serviceActions, uiActions } from '@opengeoweb/store';
+import { layerSelectActions, LayerSelectActions } from './reducer';
+export declare function layerSelectCloseInfoDialogSaga({ type, payload, }: ReturnType<typeof uiActions.setToggleOpenDialog | typeof uiActions.setActiveMapIdForDialog | typeof layerSelectActions.disableActiveService | typeof layerSelectActions.toggleFilter | typeof layerSelectActions.setSearchFilter>): SagaIterator;
+export declare function layerSelectRemoveServiceSaga(capturedAction: LayerSelectActions): SagaIterator;
+export declare function addServiceToLocalStorageSaga({ payload, }: ReturnType<typeof serviceActions.serviceSetLayers>): void;
+export declare function removeServiceFromLocalStorageSaga({ payload, }: ReturnType<typeof serviceActions.mapStoreRemoveService>): void;
+export declare function rootSaga(): SagaIterator;

package/src/lib/store/sagas.spec.d.ts

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

package/src/lib/store/selectors.d.ts

@@ -0,0 +1,116 @@
+import { TypedUseSelectorHook } from 'react-redux';
+import { LayerSelectStoreType, ActiveLayerObject, ActiveServiceObjectEntities, ServicePopupObject, LayerSelectModuleState, RootState } from './types';
+export declare const useAppSelector: TypedUseSelectorHook<RootState>;
+/**
+ * Returns search filter string
+ *
+ * Example getSearchFilter(store);
+ * @param {object} store store: object - store object
+ * @returns {array} returnType: string
+ */
+export declare const getSearchFilter: ((state: LayerSelectModuleState) => string) & import("reselect").OutputSelectorFields<(args_0: LayerSelectStoreType) => string, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Returns active services array
+ *
+ * Example getActiveServices(store);
+ * @param {object} store store: object - store object
+ * @returns {ActiveServiceObjectEntities} returnType: ActiveServiceObjectEntitiesobject of active services
+ */
+export declare const getActiveServices: (store: LayerSelectModuleState) => ActiveServiceObjectEntities;
+export declare const getActiveServicesDictionary: (state: LayerSelectModuleState) => import("@reduxjs/toolkit").Dictionary<import("./types").ActiveServiceObject>, getActiveServiceById: (state: LayerSelectModuleState, id: import("@reduxjs/toolkit").EntityId) => import("./types").ActiveServiceObject | undefined;
+/**
+ * Returns all ids of enabled services
+ *
+ * Example getEnabledServiceIds(store);
+ * @param {object} store store: object - store object
+ * @returns {array} returnType: array of service ids that are enabled
+ */
+export declare const getEnabledServiceIds: ((state: LayerSelectModuleState) => string[]) & import("reselect").OutputSelectorFields<(args_0: LayerSelectStoreType) => string[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Returns all ids of checked keywords
+ *
+ * Example getCheckedKeywordIds(store);
+ * @param {object} store store: object - store object
+ * @returns {array} returnType: array of keyword ids that are checked
+ */
+export declare const getCheckedFilterIds: ((state: LayerSelectModuleState) => string[]) & import("reselect").OutputSelectorFields<(args_0: LayerSelectStoreType) => string[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Returns ids of all keywords
+ *
+ * Example getAllKeywordIds(store);
+ * @param {object} store store: object - store object
+ * @returns {array} returnType: array of all keyword ids
+ */
+export declare const getAllFilterIds: (store: LayerSelectModuleState) => string[];
+/**
+ * Returns all filters
+ *
+ * Example getAllFilters(store);
+ * @param {object} store store: object - store object
+ * @returns {array} returnType: array of all filters
+ */
+export declare const getAllFilters: (state: LayerSelectModuleState) => import("./types").Filter[];
+/**
+ * Returns if all keywords are checked
+ *
+ * Example isAllKeywordsChecked(store);
+ * @param {object} store store: object - store object
+ * @returns {array} returnType: boolean if all keywords are checked
+ */
+export declare const isAllFiltersChecked: ((state: LayerSelectModuleState) => boolean) & import("reselect").OutputSelectorFields<(args_0: LayerSelectStoreType) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Gets a KeywordObject by its id
+ *
+ * Example: keywordObject = getKeywordObjectById(store, 'keywordId')
+ * @param {object} store object from which the keyword state will be extracted
+ * @param {string} filterId Id of the keyword
+ * @returns {object} object containing keyword information (id, amount, amountVisible, checked)
+ */
+export declare const getFilterById: (state: LayerSelectModuleState, id: import("@reduxjs/toolkit").EntityId) => import("./types").Filter | undefined;
+/**
+ * Returns the active layer info
+ *
+ * Example getActiveLayerInfo(store);
+ * @param {object} store store: object - store object
+ * @returns {object} returnType: ActiveLayerObject
+ */
+export declare const getActiveLayerInfo: ((state: LayerSelectModuleState) => ActiveLayerObject) & import("reselect").OutputSelectorFields<(args_0: LayerSelectStoreType) => ActiveLayerObject, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Returns a filtered active layer object based on the given filter settings
+ * Example: layerSelectSelectors.getFilteredLayers(store, filteredSettings);
+ * @param {object} store store: object - object from which the service state will be extracted
+ * @returns {array} returnType: ActiveLayerObject - an array of all filtered activelayers
+ */
+export declare const getFilteredLayers: ((state: LayerSelectModuleState & import("@opengeoweb/store").CoreAppStore) => ActiveLayerObject[]) & import("reselect").OutputSelectorFields<(args_0: string[], args_1: import("dist/libs/store/src/store/mapStore/types").Services, args_2: string[], args_3: boolean, args_4: string) => ActiveLayerObject[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Returns service popup details
+ *
+ * Example getActiveServices(store, 'server-id');
+ * @param {object} store store: object - store object
+ * @returns {object} returnType: object of active service
+ */
+export declare const getServicePopupDetails: (store: LayerSelectModuleState) => ServicePopupObject;

package/src/lib/store/selectors.spec.d.ts

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

package/src/lib/store/types.d.ts

@@ -0,0 +1,89 @@
+import { CoreAppStore, serviceTypes } from '@opengeoweb/store';
+import { EntityState } from '@reduxjs/toolkit';
+export type RootState = CoreAppStore & LayerSelectModuleState;
+export type NoIdService = Omit<LayerSelectService, 'id'>;
+export interface UserAddedServices {
+    [url: string]: NoIdService;
+}
+export interface LayerSelectService {
+    name: string;
+    url: string;
+    id: string;
+    scope?: serviceTypes.ServiceScope;
+    abstract?: string;
+}
+export interface ActiveLayerObject extends serviceTypes.ServiceLayer {
+    serviceName: string;
+}
+export interface ActiveServiceObject {
+    serviceId?: string;
+    serviceName?: string;
+    serviceUrl?: string;
+    abstract?: string;
+    enabled?: boolean;
+    filterIds?: string[];
+    scope?: serviceTypes.ServiceScope;
+    isLoading?: boolean;
+    [key: string]: any;
+}
+export declare enum FilterType {
+    Keyword = "keywords",
+    Group = "groups"
+}
+export interface Filter {
+    id: string;
+    name: string;
+    amount?: number;
+    amountVisible?: number;
+    checked?: boolean;
+    type: FilterType;
+}
+export type ActiveServiceObjectEntities = Record<string, ActiveServiceObject>;
+export type Filters = EntityState<Filter>;
+export type ActiveServiceType = EntityState<ActiveServiceObject>;
+export interface FiltersType {
+    searchFilter: string;
+    activeServices: ActiveServiceType;
+    filters: Filters;
+}
+export type PopupVariant = 'edit' | 'add' | 'save' | 'show';
+export interface ServicePopupObject {
+    isOpen: boolean;
+    variant: PopupVariant;
+    url?: string;
+    serviceId?: string;
+}
+export interface LayerSelectStoreType {
+    filters: FiltersType;
+    allServicesEnabled: boolean;
+    activeLayerInfo: ActiveLayerObject;
+    servicePopup: ServicePopupObject;
+}
+export interface LayerSelectModuleState {
+    layerSelect?: LayerSelectStoreType;
+}
+export interface SetSearchFilterPayload {
+    filterText: string;
+}
+export interface SetAllServicesEnabledPayload {
+    allServicesEnabled: boolean;
+}
+export interface ToggleServicePopupPayload {
+    url?: string;
+    variant: PopupVariant;
+    serviceId?: string;
+    isOpen: boolean;
+}
+export interface LayerSelectRemoveServicePayload {
+    serviceId: string;
+    serviceUrl?: string;
+}
+export interface ToggleKeywordsPayload {
+    filterIds: string[];
+}
+export interface EnableOnlyOneKeywordPayload {
+    filterId: string;
+}
+export interface SetActiveLayerInfoPayload {
+    layer: ActiveLayerObject;
+}

package/src/lib/store/utils.d.ts

@@ -0,0 +1,7 @@
+import { EntityAdapter, Draft } from '@reduxjs/toolkit';
+import { serviceTypes } from '@opengeoweb/store';
+import { Filter, FilterType, LayerSelectStoreType } from './types';
+export declare const getFilterId: (filterType: FilterType, filterName: string) => string;
+export declare const produceFilters: (filterNames: string[], filterType: FilterType, draft: Draft<LayerSelectStoreType>, layerSelectFilterAdapter: EntityAdapter<Filter>) => void;
+export declare const filterLayersFromService: (serviceId: string, services: serviceTypes.Services, filterIds: string[], allFiltersActive: boolean, searchString: string) => serviceTypes.ServiceLayer[];
+export declare const isUserAddedService: (scope: serviceTypes.ServiceScope) => boolean;

package/src/lib/store/utils.spec.d.ts

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

package/src/lib/storyshots/Storyshots.spec.d.ts

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