@opengeoweb/layer-select 9.0.0

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@opengeoweb/layer-select",
+  "version": "9.0.0",
+  "description": "GeoWeb layer select library for the opengeoweb project",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
+  },
+  "module": "./index.esm.js",
+  "type": "module",
+  "main": "./index.esm.js"
+}

package/src/index.d.ts

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

package/src/lib/components/KeywordFilterButton/KeywordFilterButtonConnect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { uiTypes } from '@opengeoweb/store';
+interface KeywordFilterButtonConnectProps {
+    mapId: string;
+    source?: uiTypes.Source;
+    isMultiMap?: boolean;
+}
+export declare const KeywordFilterButtonConnect: React.FC<KeywordFilterButtonConnectProps>;
+export {};

package/src/lib/components/KeywordFilterButton/KeywordFilterButtonConnect.spec.d.ts

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface KeywordFilterResultsConnectProps {
+    mapId?: string;
+    bounds?: string;
+    isMultiMap?: boolean;
+}
+export declare const KeywordFilterResultsConnect: React.FC<KeywordFilterResultsConnectProps>;
+export {};

package/src/lib/components/KeywordFilterResults/KeywordFilterResultsListItem.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { layerSelectTypes } from '../../store';
+export interface FilterListItemProps {
+    filter: layerSelectTypes.Filter;
+    toggleFilter: (filterIds: string[]) => void;
+    enableOnlyOneFilter: (filterId: string) => void;
+}
+export declare const FilterListItem: React.FC<FilterListItemProps>;

package/src/lib/components/KeywordFilterResults/KeywordFilterResultsListItem.spec.d.ts

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

package/src/lib/components/KeywordFilterResults/KeywordFilterResultsListItemConnect.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { layerSelectTypes } from '../../store';
+export interface KeywordFilterResultsListItemConnectProps {
+    filter: layerSelectTypes.Filter;
+}
+export declare const KeywordFilterResultsListItemConnect: React.FC<KeywordFilterResultsListItemConnectProps>;

package/src/lib/components/KeywordFilterResults/KeywordFilterResultsListItemConnect.spec.d.ts

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

package/src/lib/components/KeywordFilterResults/KeywordFilterSelectAllSwitchConnect.d.ts

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

package/src/lib/components/KeywordFilterResults/KeywordFilterSelectAllSwitchConnect.spec.d.ts

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

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

@@ -0,0 +1,5 @@
+export * from './KeywordFilterResults';
+export * from './KeywordFilterResultsConnect';
+export * from './KeywordFilterResultsListItem';
+export * from './KeywordFilterResultsListItemConnect';
+export * from './KeywordFilterSelectAllSwitchConnect';

package/src/lib/components/KeywordFilterResults/keywordFilterResultsConnect.spec.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface LayerInfoButtonProps {
+    isOpenInStore?: boolean;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const LayerInfoButton: React.FC<LayerInfoButtonProps>;
+export {};

package/src/lib/components/LayerInfo/LayerInfoButton.spec.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoButtonConnect.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { uiTypes, serviceTypes } from '@opengeoweb/store';
+interface LayerInfoButtonProps {
+    layer: serviceTypes.ServiceLayer;
+    mapId: string;
+    serviceName: string;
+    source?: uiTypes.Source;
+}
+export declare const LayerInfoButtonConnect: React.FC<LayerInfoButtonProps>;
+export {};

package/src/lib/components/LayerInfo/LayerInfoButtonConnect.spec.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoDialog.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoDialog.spec.d.ts

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

package/src/lib/components/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/src/lib/components/LayerInfo/LayerInfoDialogConnect.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoLegend.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoLegend.spec.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoList.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoText.d.ts

@@ -0,0 +1,15 @@
+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;
+};
+export declare const LayerInfoText: React.FC<LayerInfoTextProps>;

package/src/lib/components/LayerInfo/LayerInfoUtils.d.ts

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

package/src/lib/components/LayerInfo/LayerInfoUtils.spec.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './LayerInfoButtonConnect';
+export * from './LayerInfoDialog';
+export * from './LayerInfoButton';

package/src/lib/components/LayerList/LayerAddRemoveButton.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { layerTypes } from '@opengeoweb/store';
+interface AddLayerParams {
+    serviceUrl: string;
+    layerName: string;
+}
+interface DeleteLayerParams {
+    layerId: string;
+    layerIndex: number;
+}
+interface LayerAddRemoveButtonProps {
+    layer: layerTypes.ReduxLayer;
+    layerIndex: number;
+    serviceUrl: string;
+    addLayer: ({ serviceUrl, layerName }: AddLayerParams) => void;
+    deleteLayer: ({ layerId, layerIndex }: DeleteLayerParams) => void;
+    mapLayers: layerTypes.ReduxLayer[];
+}
+export declare const LayerAddRemoveButton: React.FC<LayerAddRemoveButtonProps>;
+export {};

package/src/lib/components/LayerList/LayerAddRemoveButton.spec.d.ts

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { layerTypes, serviceTypes } from '@opengeoweb/store';
+import { layerSelectTypes } from '../../store';
+interface AddLayerParams {
+    serviceUrl: string;
+    layerName: string;
+}
+export interface DeleteLayerParams {
+    layerId: string;
+    layerIndex: number;
+}
+export interface LayerListProps {
+    services: serviceTypes.Services;
+    filteredLayers: layerSelectTypes.ActiveLayerObject[];
+    layerSelectHeight: number;
+    serviceListHeight: number;
+    layerSelectWidth: number;
+    addLayer: ({ serviceUrl, layerName }: AddLayerParams) => void;
+    deleteLayer: ({ layerId, layerIndex }: DeleteLayerParams) => void;
+    mapLayers: layerTypes.ReduxLayer[];
+    mapId: string;
+    searchFilter: string;
+}
+export declare const LayerList: React.FC<LayerListProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import { layerSelectTypes } from '../../store';
+export declare const defaultReduxActiveLayers: layerSelectTypes.ActiveLayerObject[];
+export declare const defaultReduxActiveLayersWithoutOptionalVariables: layerSelectTypes.ActiveLayerObject[];

package/src/lib/components/LayerList/LayerListConnect.d.ts

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

package/src/lib/components/LayerList/LayerListConnect.spec.d.ts

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

package/src/lib/components/LayerList/LayerListDimensions.d.ts

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

package/src/lib/components/LayerList/LayerListRow.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { layerTypes, serviceTypes } from '@opengeoweb/store';
+interface AddLayerParams {
+    serviceUrl: string;
+    layerName: string;
+}
+interface DeleteLayerParams {
+    layerId: string;
+    layerIndex: number;
+}
+interface LayerListRowProps {
+    layer: serviceTypes.ServiceLayer;
+    layerIndex: number;
+    service: serviceTypes.ReduxService;
+    addLayer: ({ serviceUrl, layerName }: AddLayerParams) => void;
+    deleteLayer: ({ layerId, layerIndex }: DeleteLayerParams) => void;
+    mapLayers: layerTypes.ReduxLayer[];
+    mapId: string;
+    layerSelectWidth: number;
+    searchFilter: string;
+}
+export declare const LayerListRow: React.FC<LayerListRowProps>;
+export {};

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { uiTypes } from '@opengeoweb/store';
+interface Size {
+    width: number;
+    height: number;
+}
+interface LayerSelectProps {
+    mapId: string;
+    bounds?: string;
+    showTitle?: boolean;
+    onClose?: () => void;
+    onMouseDown?: (event: MouseEvent) => void;
+    isOpen: boolean;
+    order?: number;
+    source?: uiTypes.Source;
+    startSize?: Size;
+    isMultiMap?: boolean;
+}
+export declare const LayerSelect: React.FC<LayerSelectProps>;
+export {};

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

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

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

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

package/src/lib/components/LayerSelect/LayerSelectButtonConnect.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { uiTypes } from '@opengeoweb/store';
+interface LayerSelectButtonConnectProps {
+    mapId: string;
+    source?: uiTypes.Source;
+    tooltipTitle?: string;
+    icon?: React.ReactNode;
+    isMultiMap?: boolean;
+}
+export declare const LayerSelectButtonConnect: React.FC<LayerSelectButtonConnectProps>;
+export {};

package/src/lib/components/LayerSelect/LayerSelectButtonConnect.spec.d.ts

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface LayerSelectConnectProps {
+    mapId?: string;
+    bounds?: string;
+    showTitle?: boolean;
+    isMultiMap?: boolean;
+}
+/**
+ * LayerSelectConnect is a component that is opened from LayerManager
+ * It's used to add Services and Layers to the application
+ * It doesn't expect any props, its subcomponents only read and write to redux store
+ *
+ * ``` <LayerSelectConnect />```
+ */
+export declare const LayerSelectConnect: React.FC<LayerSelectConnectProps>;
+export {};

package/src/lib/components/LayerSelect/LayerSelectConnect.spec.d.ts

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

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

@@ -0,0 +1,77 @@
+import { CSSProperties } from 'react';
+import { layerSelectTypes } from '../../store';
+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;
+export declare const sortByService: (serviceObj: layerSelectTypes.ActiveServiceObjectEntities) => layerSelectTypes.ActiveServiceObjectEntities;

package/src/lib/components/LayerSelect/LayerSelectUtils.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './LayerSelectButtonConnect';
+export * from './LayerSelectConnect';

package/src/lib/components/SearchField/SearchFieldConnect.d.ts

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

package/src/lib/components/SearchField/SearchFieldConnect.spec.d.ts

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

package/src/lib/components/ServiceList/ServiceChip.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { layerSelectTypes } from '../../store';
+interface ServiceChipProps {
+    all?: boolean;
+    service?: layerSelectTypes.ActiveServiceObject;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    toggleChip?: (service: string) => void;
+}
+export declare const ServiceChip: React.FC<ServiceChipProps>;
+export {};

package/src/lib/components/ServiceList/ServiceChip.spec.d.ts

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

package/src/lib/components/ServiceList/ServiceChipConnect.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { layerSelectTypes } from '../../store';
+export interface ServiceChipConnectProps {
+    service: layerSelectTypes.ActiveServiceObject;
+    isAllSelected: boolean;
+}
+export declare const ServiceChipConnect: React.FC<ServiceChipConnectProps>;
+export declare const AllChipConnect: React.FC<{
+    isAllSelected: boolean;
+}>;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { layerSelectTypes } from '../../store';
+interface ServiceListProps {
+    activeServicesById: layerSelectTypes.ActiveServiceObjectEntities;
+    setHeight: (height: number) => void;
+}
+export declare const ServiceList: React.FC<ServiceListProps>;
+export {};

package/src/lib/components/ServiceList/ServiceListConnect.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface ServiceListConnectProps {
+    setHeight: (height: number) => void;
+}
+export declare const ServiceListConnect: React.FC<ServiceListConnectProps>;
+export {};

package/src/lib/components/ServiceList/ServiceListConnect.spec.d.ts

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ServiceOptionsButtonLight: () => React.ReactElement;
+export declare const ServiceOptionsButtonDark: () => React.ReactElement;