@mapsight/ui 7.0.0

package/dist/components/feature-selection-info/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAQnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC5C,OAAO,EACP,qBAAqB,GACrB,EAAE;IACF,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC;CAC/B,kDAwDA"}

package/dist/components/feature-selection-info/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { FocusTrap } from "focus-trap-react";
+import { removeFrom } from "@mapsight/core/lib/base/actions";
+import { FEATURE_SELECTIONS } from "../../config/constants/controllers";
+import { FEATURE_SELECTION_SELECT } from "../../config/feature/selections";
+import { featureSelectionInfoStickyHeaderSelector } from "../../store/selectors";
+import FeatureDetailsContent from "../feature-details-content";
+import CloseButton from "./close-button";
+import Header from "./header";
+import WithStickyHeader from "./with-sticky-header";
+import WithoutStickyHeader from "./without-sticky-header";
+import Wrapper from "./wrapper";
+export default function FeatureSelectionInfo({ feature, enableKeyboardControl, }) {
+    const dispatch = useDispatch();
+    const hasStickyHeader = useSelector(featureSelectionInfoStickyHeaderSelector);
+    const renderWrapper = useCallback((attrs) => (_jsx(Wrapper, { feature: feature, enableKeyboardControl: enableKeyboardControl, ...attrs })), [enableKeyboardControl, feature]);
+    const removeSelection = useCallback(() => {
+        dispatch(removeFrom([FEATURE_SELECTIONS, FEATURE_SELECTION_SELECT, "features"], feature?.id));
+    }, [dispatch, feature?.id]);
+    if (!feature) {
+        return null;
+    }
+    const T = hasStickyHeader ? WithStickyHeader : WithoutStickyHeader;
+    return (_jsx(FocusTrap, { active: enableKeyboardControl, focusTrapOptions: {
+            clickOutsideDeactivates: true,
+            onDeactivate: removeSelection,
+        }, children: _jsx(T, { feature: feature, close: _jsx(CloseButton, { feature: feature, enableKeyboardControl: enableKeyboardControl }), header: _jsx(Header, { feature: feature }), content: _jsx("div", { className: "ms3-feature-selection-info__content", children: _jsx(FeatureDetailsContent, { feature: feature }) }), renderWrapper: renderWrapper }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/feature-selection-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAClC,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,aAAa,CAAC;AAErD,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAC,wBAAwB,EAAC,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAC,wCAAwC,EAAC,MAAM,uBAAuB,CAAC;AAE/E,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC5C,OAAO,EACP,qBAAqB,GAIrB;IACA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,WAAW,CAClC,wCAAwC,CACxC,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,CAChC,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAC,OAAO,IACP,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,KACxC,KAAK,GACR,CACF,EACD,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAChC,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,QAAQ,CACP,UAAU,CACT,CAAC,kBAAkB,EAAE,wBAAwB,EAAE,UAAU,CAAC,EAC1D,OAAO,EAAE,EAAE,CACX,CACD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACnE,OAAO,CACN,KAAC,SAAS,IACT,MAAM,EAAE,qBAAqB,EAC7B,gBAAgB,EAAE;YACjB,uBAAuB,EAAE,IAAI;YAC7B,YAAY,EAAE,eAAe;SAC7B,YAED,KAAC,CAAC,IACD,OAAO,EAAE,OAAO,EAChB,KAAK,EACJ,KAAC,WAAW,IACX,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,GAC3C,EAEH,MAAM,EAAE,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,GAAI,EACpC,OAAO,EACN,cAAK,SAAS,EAAC,qCAAqC,YACnD,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,GAAI,GACtC,EAEP,aAAa,EAAE,aAAa,GAC3B,GACS,CACZ,CAAC;AACH,CAAC"}

package/dist/components/feature-selection-info/with-sticky-header.d.ts

@@ -0,0 +1,9 @@
+export default WithStickyHeader;
+declare function WithStickyHeader({ header, content, feature, close, renderWrapper }: {
+    header: any;
+    content: any;
+    feature: any;
+    close: any;
+    renderWrapper: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=with-sticky-header.d.ts.map

package/dist/components/feature-selection-info/with-sticky-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-sticky-header.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/with-sticky-header.jsx"],"names":[],"mappings":";AASA;;;;;;4CAiDC"}

package/dist/components/feature-selection-info/with-sticky-header.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelector } from "react-redux";
+import useStickyHeader from "../../hooks/useStickyHeader";
+import { featureSelectionInfoStuckHeaderHeightSelector } from "../../store/selectors.js";
+import Container from "./container";
+const stopEventPropagation = (e) => e.stopPropagation();
+function WithStickyHeader({ header, content, feature, close, renderWrapper }) {
+    const stuckHeaderHeight = useSelector(featureSelectionInfoStuckHeaderHeightSelector);
+    const { isHeaderStuck, stickyHeaderRef, stickyScrollAreaRef, onScroll } = useStickyHeader({
+        stuckHeaderSize: stuckHeaderHeight,
+        resetDeps: [feature.id],
+    });
+    const stuckClass = (prefix) => prefix + " " + (isHeaderStuck ? prefix + "--stuck" : "");
+    const stuckHeaderClasses = `ms3-sticky-header__header ${isHeaderStuck
+        ? "ms3-sticky-header__header--stuck"
+        : "ms3-sticky-header__header--stuck-placeholder"}`;
+    const stickyHeaderClasses = `ms3-sticky-header__header ${isHeaderStuck
+        ? "ms3-sticky-header__header--sticky-placeholder"
+        : "ms3-sticky-header__header--sticky"}`;
+    return (_jsxs(Container, { className: stuckClass("ms3-sticky-header__container"), children: [_jsx("div", { "aria-hidden": "true", className: stuckHeaderClasses, children: header }), renderWrapper({
+                ref: stickyScrollAreaRef,
+                className: stuckClass("ms3-sticky-header__scroll-area"),
+                onTouchMove: stopEventPropagation,
+                onScroll: onScroll,
+                children: (_jsxs(_Fragment, { children: [close, _jsx("div", { className: stickyHeaderClasses, ref: stickyHeaderRef, children: header }), content] })),
+            })] }));
+}
+export default WithStickyHeader;
+//# sourceMappingURL=with-sticky-header.js.map

package/dist/components/feature-selection-info/with-sticky-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-sticky-header.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/with-sticky-header.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAC,6CAA6C,EAAC,MAAM,0BAA0B,CAAC;AAEvF,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;AAExD,SAAS,gBAAgB,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAC;IACzE,MAAM,iBAAiB,GAAG,WAAW,CACpC,6CAA6C,CAC7C,CAAC;IACF,MAAM,EAAC,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,QAAQ,EAAC,GACpE,eAAe,CAAC;QACf,eAAe,EAAE,iBAAiB;QAClC,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KACvB,CAAC,CAAC;IAEJ,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,EAAE,CAC7B,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,kBAAkB,GAAG,6BAC1B,aAAa;QACZ,CAAC,CAAC,kCAAkC;QACpC,CAAC,CAAC,8CACJ,EAAE,CAAC;IACH,MAAM,mBAAmB,GAAG,6BAC3B,aAAa;QACZ,CAAC,CAAC,+CAA+C;QACjD,CAAC,CAAC,mCACJ,EAAE,CAAC;IAEH,OAAO,CACN,MAAC,SAAS,IAAC,SAAS,EAAE,UAAU,CAAC,8BAA8B,CAAC,aAC/D,6BAAiB,MAAM,EAAC,SAAS,EAAE,kBAAkB,YACnD,MAAM,GACF,EAEL,aAAa,CAAC;gBACd,GAAG,EAAE,mBAAmB;gBACxB,SAAS,EAAE,UAAU,CAAC,gCAAgC,CAAC;gBACvD,WAAW,EAAE,oBAAoB;gBACjC,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,CACT,8BACE,KAAK,EACN,cACC,SAAS,EAAE,mBAAmB,EAC9B,GAAG,EAAE,eAAe,YAEnB,MAAM,GACF,EACL,OAAO,IACN,CACH;aACD,CAAC,IACS,CACZ,CAAC;AACH,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/feature-selection-info/without-sticky-header.d.ts

@@ -0,0 +1,8 @@
+export default WithoutStickyHeader;
+declare function WithoutStickyHeader({ renderWrapper, header, content, close }: {
+    renderWrapper: any;
+    header: any;
+    content: any;
+    close: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=without-sticky-header.d.ts.map

package/dist/components/feature-selection-info/without-sticky-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"without-sticky-header.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/without-sticky-header.jsx"],"names":[],"mappings":";AAEA;;;;;4CAcC"}

package/dist/components/feature-selection-info/without-sticky-header.js

@@ -0,0 +1,9 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Container from "./container";
+function WithoutStickyHeader({ renderWrapper, header, content, close }) {
+    return (_jsx(Container, { children: renderWrapper({
+            children: (_jsxs(_Fragment, { children: [close, header, content] })),
+        }) }));
+}
+export default WithoutStickyHeader;
+//# sourceMappingURL=without-sticky-header.js.map

package/dist/components/feature-selection-info/without-sticky-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"without-sticky-header.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/without-sticky-header.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,SAAS,mBAAmB,CAAC,EAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC;IACnE,OAAO,CACN,KAAC,SAAS,cACR,aAAa,CAAC;YACd,QAAQ,EAAE,CACT,8BACE,KAAK,EACL,MAAM,EACN,OAAO,IACN,CACH;SACD,CAAC,GACS,CACZ,CAAC;AACH,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/feature-selection-info/wrapper.d.ts

@@ -0,0 +1,3 @@
+export default Wrapper;
+declare const Wrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/components/feature-selection-info/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/wrapper.jsx"],"names":[],"mappings":";AAwBA,qGAgBG"}

package/dist/components/feature-selection-info/wrapper.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef } from "react";
+import usePrevious from "../../hooks/usePrevious";
+function useAutofocus(enabled, ref, feature) {
+    const previousFeature = usePrevious(feature);
+    const previousRef = usePrevious(ref.current);
+    useEffect(() => {
+        if (!enabled || !feature || !ref.current) {
+            return;
+        }
+        // Autofocus on mount or if feature is selected
+        if (feature &&
+            (ref.current !== previousRef || feature !== previousFeature)) {
+            //ref.current.scrollIntoView({block: 'start', behavior: 'smooth'});
+            ref.current.focus({ preventScroll: true });
+        }
+    }, [enabled, feature, previousFeature, previousRef, ref]);
+}
+const Wrapper = forwardRef(function Wrapper({ enableKeyboardControl, feature, className = "", ...attrs }, forwardedRef) {
+    const ownRef = useRef();
+    const ref = forwardedRef || ownRef;
+    useAutofocus(enableKeyboardControl, ref, feature);
+    return (_jsx("div", { ref: ref, className: `ms3-feature-selection-info__wrapper ms3-scroll-target ${className}`, tabIndex: enableKeyboardControl ? -1 : undefined, ...attrs }));
+});
+export default Wrapper;
+//# sourceMappingURL=wrapper.js.map

package/dist/components/feature-selection-info/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/wrapper.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAElD,SAAS,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO;IAC1C,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YAC1C,OAAO;QACR,CAAC;QAED,+CAA+C;QAC/C,IACC,OAAO;YACP,CAAC,GAAG,CAAC,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,eAAe,CAAC,EAC3D,CAAC;YACF,mEAAmE;YACnE,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC,CAAC;QAC1C,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAC1C,EAAC,qBAAqB,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAC,EAC1D,YAAY;IAEZ,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,MAAM,GAAG,GAAG,YAAY,IAAI,MAAM,CAAC;IACnC,YAAY,CAAC,qBAAqB,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,yDAAyD,SAAS,EAAE,EAC/E,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC5C,KAAK,GACR,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/components/helping/app-channel.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+import type { AppChannelListenerDefinition } from "../../types";
+export declare const APP_EVENT_PARTIAL_CONTENT_CHANGED = "partialContentChanged";
+export declare const APP_EVENT_FOCUS_MAP = "focusMap";
+export declare const APP_EVENT_FOCUS_FEATURE_LIST = "focusFeatureList";
+export declare const APP_EVENT_SCROLL_TO_MAP = "scrollToMap";
+export declare const APP_EVENT_SCROLL_TO_FEATURE_LIST = "scrollToFeatureList";
+export declare function AppChannelProvider({ children, listeners, }: {
+    children?: ReactNode;
+    listeners?: AppChannelListenerDefinition[];
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * @returns {(Event) => void} dispatch function for the app channel
+ */
+export declare function useAppChannelDispatchEvent(): (event: any) => void;
+/**
+ * Adds and removes event listener to the app channel
+ *
+ * @param {string} event event name
+ * @param {EventListener} eventListener event listener
+ */
+export declare function useAppChannelEventListener(event: any, eventListener: any): void;
+//# sourceMappingURL=app-channel.d.ts.map

package/dist/components/helping/app-channel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-channel.d.ts","sourceRoot":"","sources":["../../../src/js/components/helping/app-channel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,4BAA4B,EAAC,MAAM,aAAa,CAAC;AAQ9D,eAAO,MAAM,iCAAiC,0BAA0B,CAAC;AACzE,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAC9C,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAC/D,eAAO,MAAM,uBAAuB,gBAAgB,CAAC;AACrD,eAAO,MAAM,gCAAgC,wBAAwB,CAAC;AAStE,wBAAgB,kBAAkB,CAAC,EAClC,QAAQ,EACR,SAAc,GACd,EAAE;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,4BAA4B,EAAE,CAAC;CAC3C,2CAoBA;AAWD;;GAEG;AACH,wBAAgB,0BAA0B,yBAUzC;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,KAAA,EAAE,aAAa,KAAA,QAU9D"}

package/dist/components/helping/app-channel.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, } from "react";
+/**
+ * App-wide event channel
+ */
+const AppChannelContext = createContext(null);
+AppChannelContext.displayName = "AppChannelContext";
+export const APP_EVENT_PARTIAL_CONTENT_CHANGED = "partialContentChanged";
+export const APP_EVENT_FOCUS_MAP = "focusMap";
+export const APP_EVENT_FOCUS_FEATURE_LIST = "focusFeatureList";
+export const APP_EVENT_SCROLL_TO_MAP = "scrollToMap";
+export const APP_EVENT_SCROLL_TO_FEATURE_LIST = "scrollToFeatureList";
+/**
+ * @returns {EventTarget} app channel
+ */
+function createAppChannel() {
+    return new EventTarget();
+}
+export function AppChannelProvider({ children, listeners = [], }) {
+    const appChannel = useMemo(() => createAppChannel(), []);
+    useEffect(() => {
+        listeners.forEach(([eventName, eventListener]) => {
+            appChannel.addEventListener(eventName, eventListener);
+        });
+        return () => {
+            listeners.forEach(([eventName, eventListener]) => {
+                appChannel.removeEventListener(eventName, eventListener);
+            });
+        };
+    }, [appChannel, listeners]);
+    return (_jsx(AppChannelContext.Provider, { value: appChannel, children: children }));
+}
+/**
+ * App-wide event channel
+ *
+ * @returns {EventTarget} app channel
+ */
+function useAppChannel() {
+    return useContext(AppChannelContext);
+}
+/**
+ * @returns {(Event) => void} dispatch function for the app channel
+ */
+export function useAppChannelDispatchEvent() {
+    const appChannel = useAppChannel();
+    return useCallback((event) => {
+        console.info("@mapsight/ui: app channel event", event.type, event);
+        appChannel?.dispatchEvent(event);
+    }, [appChannel]);
+}
+/**
+ * Adds and removes event listener to the app channel
+ *
+ * @param {string} event event name
+ * @param {EventListener} eventListener event listener
+ */
+export function useAppChannelEventListener(event, eventListener) {
+    const appChannel = useAppChannel();
+    useEffect(() => {
+        appChannel?.addEventListener(event, eventListener);
+        return () => {
+            appChannel?.removeEventListener(event, eventListener);
+        };
+    }, [appChannel, event, eventListener]);
+}
+//# sourceMappingURL=app-channel.js.map

package/dist/components/helping/app-channel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-channel.js","sourceRoot":"","sources":["../../../src/js/components/helping/app-channel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEN,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,GACP,MAAM,OAAO,CAAC;AAIf;;GAEG;AACH,MAAM,iBAAiB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAClE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,iCAAiC,GAAG,uBAAuB,CAAC;AACzE,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;AAC9C,MAAM,CAAC,MAAM,4BAA4B,GAAG,kBAAkB,CAAC;AAC/D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,qBAAqB,CAAC;AAEtE;;GAEG;AACH,SAAS,gBAAgB;IACxB,OAAO,IAAI,WAAW,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAClC,QAAQ,EACR,SAAS,GAAG,EAAE,GAId;IACA,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,EAAE,EAAE;YAChD,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,EAAE,EAAE;gBAChD,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC3C,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa;IACrB,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACzC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,WAAW,CACjB,CAAC,KAAK,EAAE,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,iCAAiC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnE,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,UAAU,CAAC,CACZ,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B,CAAC,KAAK,EAAE,aAAa;IAC9D,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,EAAE,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAEnD,OAAO,GAAG,EAAE;YACX,UAAU,EAAE,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;AACxC,CAAC"}

package/dist/components/helping/app-context.d.ts

@@ -0,0 +1,11 @@
+import type { Store } from "redux";
+import type { MapsightUiComponents } from "../../helpers/components";
+import type { AppChannelListenerDefinition } from "../../types";
+declare function AppContext({ store, components, appChannelListeners, children, }: {
+    store: Store;
+    components?: MapsightUiComponents;
+    appChannelListeners?: AppChannelListenerDefinition[];
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default AppContext;
+//# sourceMappingURL=app-context.d.ts.map

package/dist/components/helping/app-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-context.d.ts","sourceRoot":"","sources":["../../../src/js/components/helping/app-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAEnE,OAAO,KAAK,EAAC,4BAA4B,EAAC,MAAM,aAAa,CAAC;AAG9D,iBAAS,UAAU,CAAC,EACnB,KAAK,EACL,UAAe,EACf,mBAAwB,EACxB,QAAQ,GACR,EAAE;IACF,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,mBAAmB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAUA;AAED,eAAe,UAAU,CAAC"}

package/dist/components/helping/app-context.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Provider as ReduxProvider } from "react-redux";
+import { ComponentsContext } from "../../helpers/components";
+import { AppChannelProvider } from "./app-channel";
+function AppContext({ store, components = {}, appChannelListeners = [], children, }) {
+    return (_jsx(ReduxProvider, { store: store, children: _jsx(AppChannelProvider, { listeners: appChannelListeners, children: _jsx(ComponentsContext.Provider, { value: components, children: children }) }) }));
+}
+export default AppContext;
+//# sourceMappingURL=app-context.js.map

package/dist/components/helping/app-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-context.js","sourceRoot":"","sources":["../../../src/js/components/helping/app-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,IAAI,aAAa,EAAC,MAAM,aAAa,CAAC;AAKtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,SAAS,UAAU,CAAC,EACnB,KAAK,EACL,UAAU,GAAG,EAAE,EACf,mBAAmB,GAAG,EAAE,EACxB,QAAQ,GAMR;IACA,OAAO,CACN,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAC1B,KAAC,kBAAkB,IAAC,SAAS,EAAE,mBAAmB,YACjD,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC3C,QAAQ,GACmB,GACT,GACN,CAChB,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/components/helping/visibility-wrapper.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("react").MemoExoticComponent<typeof VisibilityWrapper>;
+export default _default;
+/**
+ * VisibilityWrapper
+ *
+ * @param {{
+ *   visibleSelector: (state: any) => boolean,
+ *   children: React.ReactNode
+ * }} props props
+ * @returns {React.ReactElement | null} element
+ */
+declare function VisibilityWrapper({ children, visibleSelector }: {
+    visibleSelector: (state: any) => boolean;
+    children: React.ReactNode;
+}): React.ReactElement | null;
+//# sourceMappingURL=visibility-wrapper.d.ts.map

package/dist/components/helping/visibility-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-wrapper.d.ts","sourceRoot":"","sources":["../../../src/js/components/helping/visibility-wrapper.jsx"],"names":[],"mappings":";;AAGA;;;;;;;;GAQG;AACH,kEANW;IACN,eAAe,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACS,KAAK,CAAC,YAAY,GAAG,IAAI,CAUrC"}

package/dist/components/helping/visibility-wrapper.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, memo } from "react";
+import { useSelector } from "react-redux";
+/**
+ * VisibilityWrapper
+ *
+ * @param {{
+ *   visibleSelector: (state: any) => boolean,
+ *   children: React.ReactNode
+ * }} props props
+ * @returns {React.ReactElement | null} element
+ */
+function VisibilityWrapper({ children, visibleSelector }) {
+    const visible = useSelector(visibleSelector);
+    if (visible) {
+        // we're using `Fragment` here to convert `ReactNode` to a `ReactElement`
+        return _jsx(Fragment, { children: children });
+    }
+    return null;
+}
+export default memo(VisibilityWrapper);
+//# sourceMappingURL=visibility-wrapper.js.map

package/dist/components/helping/visibility-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-wrapper.js","sourceRoot":"","sources":["../../../src/js/components/helping/visibility-wrapper.jsx"],"names":[],"mappings":";AAAA,OAAQ,EAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAExC;;;;;;;;GAQG;AACH,SAAS,iBAAiB,CAAC,EAAC,QAAQ,EAAE,eAAe,EAAC;IACrD,MAAM,OAAO,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,IAAI,OAAO,EAAE,CAAC;QACb,yEAAyE;QACzE,OAAO,KAAC,QAAQ,cAAE,QAAQ,GAAY,CAAC;IACxC,CAAC;IAED,OAAO,IAAI,CAAC;AACb,CAAC;AAED,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/components/instance.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from "react";
+import type { State } from "@mapsight/core/types";
+import type { MapsightStyleFunction } from "@mapsight/lib-ol/style/styleFunction";
+import type { CreateOptions } from "../types";
+declare function MapsightUi({ children, styleFunction, baseMapsightConfig, createOptions, }: PropsWithChildren<{
+    styleFunction: MapsightStyleFunction;
+    baseMapsightConfig: Partial<State>;
+    createOptions: CreateOptions;
+}>): import("react/jsx-runtime").JSX.Element;
+export default MapsightUi;
+//# sourceMappingURL=instance.d.ts.map

package/dist/components/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../src/js/components/instance.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAgB,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAE/D,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAGhF,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAG5C,iBAAS,UAAU,CAAC,EACnB,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,aAAa,GACb,EAAE,iBAAiB,CAAC;IACpB,aAAa,EAAE,qBAAqB,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,aAAa,EAAE,aAAa,CAAC;CAC7B,CAAC,2CAuBD;AAED,eAAe,UAAU,CAAC"}

package/dist/components/instance.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { create } from "../index";
+import AppContext from "./helping/app-context";
+function MapsightUi({ children, styleFunction, baseMapsightConfig, createOptions, }) {
+    const context = useMemo(() => create(null, // FIXME allow passing null?!
+    styleFunction, baseMapsightConfig, createOptions), [baseMapsightConfig, createOptions, styleFunction]);
+    const { components = {}, appChannelListeners = [] } = createOptions;
+    const { store } = context;
+    return (_jsx(AppContext, { components: components, store: store, appChannelListeners: appChannelListeners, children: children }));
+}
+export default MapsightUi;
+//# sourceMappingURL=instance.js.map

package/dist/components/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sourceRoot":"","sources":["../../src/js/components/instance.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAM9B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAE/C,SAAS,UAAU,CAAC,EACnB,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,aAAa,GAKZ;IACD,MAAM,OAAO,GAAG,OAAO,CACtB,GAAG,EAAE,CACJ,MAAM,CACL,IAAI,EAAE,6BAA6B;IACnC,aAAa,EACb,kBAAkB,EAClB,aAAa,CACb,EACF,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,CAAC,CAClD,CAAC;IACF,MAAM,EAAC,UAAU,GAAG,EAAE,EAAE,mBAAmB,GAAG,EAAE,EAAC,GAAG,aAAa,CAAC;IAClE,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO,CAAC;IAExB,OAAO,CACN,KAAC,UAAU,IACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAsB,EAC7B,mBAAmB,EAAE,mBAAmB,YAEvC,QAAQ,GACG,CACb,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/components/layer-switcher/GroupedLayerSwitcher.d.ts

@@ -0,0 +1,5 @@
+export default GroupedLayerSwitcher;
+declare const GroupedLayerSwitcher: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>, {
+    [x: string]: any;
+}>;
+//# sourceMappingURL=GroupedLayerSwitcher.d.ts.map

package/dist/components/layer-switcher/GroupedLayerSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedLayerSwitcher.d.ts","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/GroupedLayerSwitcher.js"],"names":[],"mappings":";AA4BA;;GAgBmB"}

package/dist/components/layer-switcher/GroupedLayerSwitcher.js

@@ -0,0 +1,27 @@
+import { connect, shallowEqual } from "react-redux";
+import { createSelector } from "reselect";
+import { MAP } from "../../config/constants/controllers";
+import GroupedSwitcher from "../switcher/GroupedSwitcher";
+function getGroupedIdsForIds(ids, layersState) {
+    const groupedLayerIds = {};
+    const withoutGroupLayerIds = [];
+    ids.forEach((layerId) => {
+        const group = layersState[layerId].metaData.group;
+        if (!group) {
+            withoutGroupLayerIds.push(layerId);
+            return;
+        }
+        groupedLayerIds[group] = groupedLayerIds[group] || [];
+        groupedLayerIds[group].push(layerId);
+    });
+    return {
+        ungroupedIds: withoutGroupLayerIds,
+        groupedIds: groupedLayerIds,
+    };
+}
+const GroupedLayerSwitcher = connect(createSelector((state, { layerIdsSelector }) => layerIdsSelector(state[MAP]), (state) => state[MAP].layers, getGroupedIdsForIds), null, (stateProps, dispatchProps, { layerIdsSelector: _layerIdsSelector, ...ownProps }) => ({
+    ...ownProps,
+    ...stateProps,
+}), { areStatesEqual: shallowEqual })(GroupedSwitcher);
+export default GroupedLayerSwitcher;
+//# sourceMappingURL=GroupedLayerSwitcher.js.map

package/dist/components/layer-switcher/GroupedLayerSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedLayerSwitcher.js","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/GroupedLayerSwitcher.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAExC,OAAO,EAAC,GAAG,EAAC,MAAM,oCAAoC,CAAC;AACvD,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,SAAS,mBAAmB,CAAC,GAAG,EAAE,WAAW;IAC5C,MAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,MAAM,oBAAoB,GAAG,EAAE,CAAC;IAChC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;QAElD,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,OAAO;QACR,CAAC;QAED,eAAe,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACtD,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,OAAO;QACN,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,eAAe;KAC3B,CAAC;AACH,CAAC;AAED,MAAM,oBAAoB,GAAG,OAAO,CACnC,cAAc,CACb,CAAC,KAAK,EAAE,EAAC,gBAAgB,EAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAC3D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAC5B,mBAAmB,CACnB,EACD,IAAI,EACJ,CACC,UAAU,EACV,aAAa,EACb,EAAC,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,QAAQ,EAAC,EACjD,EAAE,CAAC,CAAC;IACL,GAAG,QAAQ;IACX,GAAG,UAAU;CACb,CAAC,EACF,EAAC,cAAc,EAAE,YAAY,EAAC,CAC9B,CAAC,eAAe,CAAC,CAAC;AAEnB,eAAe,oBAAoB,CAAC"}

package/dist/components/layer-switcher/LayerSwitcher.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>, {
+    [x: string]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: number]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: symbol]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    layerIdsSelector: any;
+    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
+    store?: import("redux").Store | undefined;
+} | {
+    [x: string]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: number]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: symbol]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    layerIdsSelector: any;
+    store?: import("redux").Store | undefined;
+}>;
+export default _default;
+//# sourceMappingURL=LayerSwitcher.d.ts.map

package/dist/components/layer-switcher/LayerSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerSwitcher.d.ts","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/LayerSwitcher.js"],"names":[],"mappings":""}

package/dist/components/layer-switcher/LayerSwitcher.js

@@ -0,0 +1,14 @@
+import { connect } from "react-redux";
+import { MAP } from "../../config/constants/controllers";
+import Switcher from "../switcher/Switcher";
+const selector = (state, { layerIdsSelector }) => ({
+    ids: layerIdsSelector(state[MAP]),
+});
+export default connect(selector, null, (stateProps, dispatchProps, { 
+// Need to list the selectors here so they do not get passed as attribute props to the element but get filtered:
+layerIdsSelector: _layerIdsSelector, ...attributes }) => ({
+    // We do not want to pass dispatch to the switcher, so we explicitly do not map it!
+    ...stateProps,
+    ...attributes,
+}))(Switcher);
+//# sourceMappingURL=LayerSwitcher.js.map

package/dist/components/layer-switcher/LayerSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerSwitcher.js","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/LayerSwitcher.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAC,GAAG,EAAC,MAAM,oCAAoC,CAAC;AACvD,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAC,gBAAgB,EAAC,EAAE,EAAE,CAAC,CAAC;IAChD,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;CACjC,CAAC,CAAC;AAEH,eAAe,OAAO,CACrB,QAAQ,EACR,IAAI,EACJ,CACC,UAAU,EACV,aAAa,EACb;AACC,gHAAgH;AAChH,gBAAgB,EAAE,iBAAiB,EAEnC,GAAG,UAAU,EACb,EACA,EAAE,CAAC,CAAC;IACL,mFAAmF;IACnF,GAAG,UAAU;IACb,GAAG,UAAU;CACb,CAAC,CACF,CAAC,QAAQ,CAAC,CAAC"}

package/dist/components/layer-switcher/LayerSwitcherEntry.d.ts

@@ -0,0 +1,14 @@
+export default LayerSwitcherEntry;
+declare const LayerSwitcherEntry: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>, {
+    [x: string]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: number]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: symbol]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
+    store?: import("redux").Store | undefined;
+} | {
+    [x: string]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: number]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    [x: symbol]: JSX.LibraryManagedAttributes<C, import("react-redux").GetProps<C>>;
+    store?: import("redux").Store | undefined;
+}>;
+//# sourceMappingURL=LayerSwitcherEntry.d.ts.map

package/dist/components/layer-switcher/LayerSwitcherEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerSwitcherEntry.d.ts","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/LayerSwitcherEntry.js"],"names":[],"mappings":";AA2DA;;;;;;;;;;;GAsEiB"}

package/dist/components/layer-switcher/LayerSwitcherEntry.js

@@ -0,0 +1,80 @@
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { set as makeSetAction } from "@mapsight/core/lib/base/actions";
+import { getFeatureSourceStatus } from "@mapsight/core/lib/feature-sources/selectors";
+import { setLayerVisibility } from "@mapsight/core/lib/map/actions";
+import getPath from "@mapsight/lib-js/object/getPath";
+import { MAP } from "../../config/constants/controllers";
+import SwitcherEntry from "../switcher/SwitcherEntry";
+function getActiveProps({ setFeatureSourceIdPath, currentlySetFeatureSourceId, featureSourceId, dispatch, layerId, visibility, locked, }) {
+    if (setFeatureSourceIdPath) {
+        const isCurrentFeatureSource = currentlySetFeatureSourceId === featureSourceId;
+        // this will match in intermediate state; use batching?
+        //if (!visibility && isFeatureSourceCurrent) {
+        //	throw new Error('illegal state');
+        //}
+        return {
+            activeCheckbox: !!visibility,
+            activeText: isCurrentFeatureSource,
+            toggleActiveCheckbox: function toggleActiveCheckbox() {
+                dispatch(setLayerVisibility(MAP, layerId, !visibility));
+                if (isCurrentFeatureSource) {
+                    dispatch(makeSetAction(setFeatureSourceIdPath, undefined));
+                }
+            },
+            toggleActiveText: function toggleActiveText() {
+                dispatch(makeSetAction(setFeatureSourceIdPath, featureSourceId));
+                dispatch(setLayerVisibility(MAP, layerId, true));
+            },
+        };
+    }
+    return {
+        active: !!visibility,
+        toggleActive: function toggleActive() {
+            if (!locked) {
+                dispatch(setLayerVisibility(MAP, layerId, !visibility));
+            }
+        },
+    };
+}
+const LayerSwitcherEntry = connect(
+// mapStateToProps:
+(state, { titleSelector, lockedSelector, layerVisibilitySelector, featureSourceSelector, featureSourceIdSelector, setFeatureSourceIdPath, }) => createStructuredSelector({
+    title: (myState) => titleSelector(myState[MAP]),
+    locked: (myState) => lockedSelector(myState[MAP]),
+    visibility: (myState) => layerVisibilitySelector(myState[MAP]),
+    featureSource: (myState) => featureSourceSelector(myState[MAP], myState),
+    featureSourceId: (myState) => featureSourceIdSelector(myState[MAP], myState),
+    currentlySetFeatureSourceId: (myState) => Array.isArray(setFeatureSourceIdPath) &&
+        getPath(myState, setFeatureSourceIdPath),
+}), 
+// mapDispatchToProps:
+null, 
+// mergeProps:
+(
+// state props
+{ visibility, title, locked, featureSource, featureSourceId, currentlySetFeatureSourceId, }, 
+// dispatch props
+{ dispatch }, 
+// own props
+{ 
+// used for active props:
+layerId, setFeatureSourceIdPath, 
+// Need to list the selectors here so they do not get passed as attribute props to the element but get filtered:
+lockedSelector: _lockedSelector, titleSelector: _titleSelector, layerVisibilitySelector: _layerVisibilitySelector, featureSourceSelector: _featureSourceSelector, featureSourceIdSelector: _featureSourceIdSelector, ...attributes }) => ({
+    title: title,
+    status: getFeatureSourceStatus(featureSource),
+    locked: locked,
+    ...getActiveProps({
+        visibility: visibility,
+        featureSourceId: featureSourceId,
+        currentlySetFeatureSourceId: currentlySetFeatureSourceId,
+        locked: locked,
+        dispatch: dispatch,
+        layerId: layerId,
+        setFeatureSourceIdPath: setFeatureSourceIdPath,
+    }),
+    ...attributes,
+}))(SwitcherEntry);
+export default LayerSwitcherEntry;
+//# sourceMappingURL=LayerSwitcherEntry.js.map

package/dist/components/layer-switcher/LayerSwitcherEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerSwitcherEntry.js","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/LayerSwitcherEntry.js"],"names":[],"mappings":"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"}

package/dist/components/layer-switcher/LayerSwticherContainer.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").MemoExoticComponent<typeof LayerSwitcherContainer>;
+export default _default;
+declare function LayerSwitcherContainer(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayerSwticherContainer.d.ts.map

package/dist/components/layer-switcher/LayerSwticherContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerSwticherContainer.d.ts","sourceRoot":"","sources":["../../../src/js/components/layer-switcher/LayerSwticherContainer.jsx"],"names":[],"mappings":";;AAoBA,6FAyDC"}

package/dist/components/layer-switcher/LayerSwticherContainer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { layerIdsIntegratedSwitcherSelector, makeFeatureSourceFromLayerIdSelector, makeFeatureSourceIdFromLayerIdSelector, makeLayerLockedInLayerSwitcherSelector, makeLayerTitleSelector, makeLayerVisibleSelector, } from "@mapsight/core/lib/map/selectors";
+import { memo, useCallback } from "react";
+import { translate } from "../../helpers/i18n";
+import GroupedLayerSwitcher from "./GroupedLayerSwitcher";
+import LayerSwitcher from "./LayerSwitcher";
+import LayerSwitcherEntry from "./LayerSwitcherEntry";
+// TODO das berechnen der LayerListen (abhängig von grouped und layerIdSelector) in einen Selector packen,
+//  damit diese Berechnung nur bei Änderungen am store berechnet neu wird
+// TODO für das visible eine eigenes connect, damit der Tree nicht dauernd neu berechnet wird
+function LayerSwitcherContainer(props) {
+    const { as: T = "div", baseClassName = "ms3-layer-switcher-container", // TODO: Use generic class name
+    onClose, layerIdsSelector = layerIdsIntegratedSwitcherSelector, setFeatureSourceIdPath, grouped = false, ...attributes } = props;
+    const renderLayerEntry = useCallback((id) => (_jsx(LayerSwitcherEntry, { layerId: id, titleSelector: makeLayerTitleSelector(id), lockedSelector: makeLayerLockedInLayerSwitcherSelector(id), layerVisibilitySelector: makeLayerVisibleSelector(id), featureSourceSelector: makeFeatureSourceFromLayerIdSelector(id), featureSourceIdSelector: makeFeatureSourceIdFromLayerIdSelector(id), setFeatureSourceIdPath: setFeatureSourceIdPath }, id)), [setFeatureSourceIdPath]);
+    const Switcher = grouped ? GroupedLayerSwitcher : LayerSwitcher;
+    return (_jsxs(T, { className: `${baseClassName} ${baseClassName}--${grouped ? "grouped" : "ungrouped"}`, children: [_jsx(Switcher, { layerIdsSelector: layerIdsSelector, renderEntry: renderLayerEntry, ...attributes }), onClose && (_jsx("button", { className: "ms3-layer-switcher__close-button [ ms3-dialog-close-button ]", type: "button", onClick: onClose, children: _jsx("span", { className: "ms3-visuallyhidden", children: translate("ui.map-overlay.layer-switcher.closeLayers") }) }))] }));
+}
+export default memo(LayerSwitcherContainer);
+//# sourceMappingURL=LayerSwticherContainer.js.map