@mapsight/ui 7.0.0

package/dist/components/feature-list-item/hooks/useFeatureListItemScrollAndFocus.js

@@ -0,0 +1,40 @@
+import { useEffect } from "react";
+import usePrevious from "../../../hooks/usePrevious";
+export default function useFeatureListItemScrollAndFocus(ref, showDetails, isPreselectedOnly, { scrollOnSelection, scrollOnPreselection, enableKeyboardControl }) {
+    const lastShowDetails = usePrevious(showDetails);
+    const lastIsPreselectedOnly = usePrevious(isPreselectedOnly);
+    useEffect(() => {
+        if (typeof window === "undefined" || ref.current === null) {
+            return;
+        }
+        /*
+         * There are two cases where we want to scroll to the item
+         * 1. On selection, if enabled and if details are expanded
+         * 2. On preselection, if enabled and only if not already selected
+         *
+         * Case 2 may occur if the project code preselects the feature without also
+         * immediately selecting it. In that case we may also want to focus the
+         * item, if enabled.
+         */
+        let shouldScroll = false;
+        if (scrollOnSelection && showDetails && !lastShowDetails) {
+            // case 1: scroll on selection with details
+            shouldScroll = true;
+        }
+        else if (scrollOnPreselection &&
+            isPreselectedOnly &&
+            !lastIsPreselectedOnly) {
+            // case 2: scroll on preselection
+            shouldScroll = true;
+        }
+        if (shouldScroll) {
+            console.log("list item scroll");
+            ref.current.scrollIntoView({ block: "start", behavior: "smooth" });
+            if (enableKeyboardControl) {
+                console.log("list item focus");
+                ref.current.focus({ preventScroll: true });
+            }
+        }
+    });
+}
+//# sourceMappingURL=useFeatureListItemScrollAndFocus.js.map

package/dist/components/feature-list-item/hooks/useFeatureListItemScrollAndFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureListItemScrollAndFocus.js","sourceRoot":"","sources":["../../../../src/js/components/feature-list-item/hooks/useFeatureListItemScrollAndFocus.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACvD,GAAG,EACH,WAAW,EACX,iBAAiB,EACjB,EAAC,iBAAiB,EAAE,oBAAoB,EAAE,qBAAqB,EAAC;IAEhE,MAAM,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IACjD,MAAM,qBAAqB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC3D,OAAO;QACR,CAAC;QAED;;;;;;;;WAQG;QACH,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,IAAI,iBAAiB,IAAI,WAAW,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1D,2CAA2C;YAC3C,YAAY,GAAG,IAAI,CAAC;QACrB,CAAC;aAAM,IACN,oBAAoB;YACpB,iBAAiB;YACjB,CAAC,qBAAqB,EACrB,CAAC;YACF,iCAAiC;YACjC,YAAY,GAAG,IAAI,CAAC;QACrB,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAChC,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;YAEjE,IAAI,qBAAqB,EAAE,CAAC;gBAC3B,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;gBAC/B,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC,CAAC;YAC1C,CAAC;QACF,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/dist/components/feature-list-item/hooks/useFeatureListItemState.d.ts

@@ -0,0 +1,16 @@
+import type { MapsightUiFeature } from "../../../types";
+export default function useFeatureListItemState(feature: MapsightUiFeature): {
+    selectOnClick: boolean | "mainAndIcon" | undefined;
+    deselectOnClick: boolean | undefined;
+    highlightOnMouse: boolean | undefined;
+    view: import("../../../config/constants/app").View;
+    isMobile: boolean;
+    hidden: boolean | undefined;
+    hasSelection: boolean;
+    isSelected: boolean;
+    isHighlighted: boolean | undefined;
+    isPreselected: boolean | undefined;
+    showDetails: boolean | undefined;
+    scrollOnSelection: boolean;
+};
+//# sourceMappingURL=useFeatureListItemState.d.ts.map

package/dist/components/feature-list-item/hooks/useFeatureListItemState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureListItemState.d.ts","sourceRoot":"","sources":["../../../../src/js/components/feature-list-item/hooks/useFeatureListItemState.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAGtD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,OAAO,EAAE,iBAAiB;;;;;;;;;;;;;EAiEzE"}

package/dist/components/feature-list-item/hooks/useFeatureListItemState.js

@@ -0,0 +1,44 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import { getFilteredFeatures } from "@mapsight/core/lib/feature-selections/selectors";
+import { isViewMobile, viewSelector } from "../../../store/selectors";
+import { useFeatureListContext } from "../../feature-list/context";
+export default function useFeatureListItemState(feature) {
+    const view = useSelector(viewSelector);
+    const isMobile = isViewMobile(view);
+    const { listUiOptions: { selectionBehavior, showSelectedOnly, detailsInList, selectOnClick, deselectOnClick, highlightOnMouse, }, state: { selectSelection, preselectSelection, highlightSelection }, } = useFeatureListContext();
+    const selectSelectionFeatures = useMemo(() => getFilteredFeatures(selectSelection) || [], [selectSelection]);
+    const hasSelection = selectSelectionFeatures?.length > 0;
+    const isSelected = useMemo(() => selectSelectionFeatures.includes(feature.id), [feature.id, selectSelectionFeatures]);
+    const isPreselected = useMemo(() => getFilteredFeatures(preselectSelection)?.includes(feature.id), [feature.id, preselectSelection]);
+    const isHighlighted = useMemo(() => getFilteredFeatures(highlightSelection)?.includes(feature.id), [feature.id, highlightSelection]);
+    return useMemo(() => ({
+        selectOnClick: selectOnClick,
+        deselectOnClick: deselectOnClick,
+        highlightOnMouse: highlightOnMouse,
+        view: view,
+        isMobile: isMobile,
+        hidden: showSelectedOnly && hasSelection && !isSelected,
+        hasSelection: hasSelection,
+        isSelected: isSelected,
+        isHighlighted: isHighlighted,
+        isPreselected: isPreselected,
+        showDetails: isSelected && (isMobile || detailsInList),
+        scrollOnSelection: selectionBehavior?.[view] === "expandInList" &&
+            !showSelectedOnly,
+    }), [
+        deselectOnClick,
+        detailsInList,
+        hasSelection,
+        highlightOnMouse,
+        isHighlighted,
+        isMobile,
+        isPreselected,
+        isSelected,
+        selectOnClick,
+        showSelectedOnly,
+        selectionBehavior,
+        view,
+    ]);
+}
+//# sourceMappingURL=useFeatureListItemState.js.map

package/dist/components/feature-list-item/hooks/useFeatureListItemState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureListItemState.js","sourceRoot":"","sources":["../../../../src/js/components/feature-list-item/hooks/useFeatureListItemState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAExC,OAAO,EAAC,mBAAmB,EAAC,MAAM,iDAAiD,CAAC;AAEpF,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,OAA0B;IACzE,MAAM,IAAI,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,EACL,aAAa,EAAE,EACd,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,eAAe,EACf,gBAAgB,GAChB,EACD,KAAK,EAAE,EAAC,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,GAChE,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,uBAAuB,GAAG,OAAO,CACtC,GAAG,EAAE,CAAC,mBAAmB,CAAC,eAAe,CAAC,IAAI,EAAE,EAChD,CAAC,eAAe,CAAC,CACjB,CAAC;IACF,MAAM,YAAY,GAAG,uBAAuB,EAAE,MAAM,GAAG,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,uBAAuB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAClD,CAAC,OAAO,CAAC,EAAE,EAAE,uBAAuB,CAAC,CACrC,CAAC;IACF,MAAM,aAAa,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EACnE,CAAC,OAAO,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAChC,CAAC;IACF,MAAM,aAAa,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EACnE,CAAC,OAAO,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAChC,CAAC;IAEF,OAAO,OAAO,CACb,GAAG,EAAE,CAAC,CAAC;QACN,aAAa,EAAE,aAAa;QAC5B,eAAe,EAAE,eAAe;QAChC,gBAAgB,EAAE,gBAAgB;QAClC,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,gBAAgB,IAAI,YAAY,IAAI,CAAC,UAAU;QACvD,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,UAAU;QACtB,aAAa,EAAE,aAAa;QAC5B,aAAa,EAAE,aAAa;QAC5B,WAAW,EAAE,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC;QACtD,iBAAiB,EAChB,iBAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,cAAc;YAC5C,CAAC,gBAAgB;KAClB,CAAC,EACF;QACC,eAAe;QACf,aAAa;QACb,YAAY;QACZ,gBAAgB;QAChB,aAAa;QACb,QAAQ;QACR,aAAa;QACb,UAAU;QACV,aAAa;QACb,gBAAgB;QAChB,iBAAiB;QACjB,IAAI;KACJ,CACD,CAAC;AACH,CAAC"}

package/dist/components/feature-list-item/icon.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("react").MemoExoticComponent<typeof FeatureListIcon>;
+export default _default;
+declare function FeatureListIcon({ selectable, mapsightIconId, as: T, ...attributes }: {
+    [x: string]: any;
+    selectable: any;
+    mapsightIconId: any;
+    as: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/feature-list-item/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list-item/icon.jsx"],"names":[],"mappings":";;AAmBA;;;;;4CAaC"}

package/dist/components/feature-list-item/icon.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { siteConfig } from "../../config";
+function MapsightIcon({ id }) {
+    if (!id) {
+        return null;
+    }
+    // TODO make these paths configurable
+    const iconFileName = `${id}-plain.png`;
+    const iconSrc1x = `${siteConfig.imagesUrl}mapsight-icons/${iconFileName}`;
+    const iconSrcSet = `${siteConfig.imagesUrl}mapsight-icons/${iconFileName} 1x, ` +
+        `${siteConfig.imagesUrl}mapsight-icons-2x/${iconFileName} 2x`;
+    return _jsx("img", { src: iconSrc1x, srcSet: iconSrcSet, alt: "" });
+}
+function FeatureListIcon({ selectable, mapsightIconId, as: T, ...attributes }) {
+    let className = `ms3-list__icon ms3-list__icon--id-${mapsightIconId || "-"}`;
+    if (selectable) {
+        className += " ms3-list__icon--selectable";
+    }
+    return (_jsx(T, { className: className, "aria-hidden": true, ...attributes, children: _jsx(MapsightIcon, { id: mapsightIconId }) }));
+}
+export default memo(FeatureListIcon);
+//# sourceMappingURL=icon.js.map

package/dist/components/feature-list-item/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/js/components/feature-list-item/icon.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,SAAS,YAAY,CAAC,EAAC,EAAE,EAAC;IACzB,IAAI,CAAC,EAAE,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IACb,CAAC;IAED,qCAAqC;IACrC,MAAM,YAAY,GAAG,GAAG,EAAE,YAAY,CAAC;IACvC,MAAM,SAAS,GAAG,GAAG,UAAU,CAAC,SAAS,kBAAkB,YAAY,EAAE,CAAC;IAC1E,MAAM,UAAU,GACf,GAAG,UAAU,CAAC,SAAS,kBAAkB,YAAY,OAAO;QAC5D,GAAG,UAAU,CAAC,SAAS,qBAAqB,YAAY,KAAK,CAAC;IAE/D,OAAO,cAAK,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAC,EAAE,GAAG,CAAC;AAC3D,CAAC;AAED,SAAS,eAAe,CAAC,EAAC,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,UAAU,EAAC;IAC1E,IAAI,SAAS,GAAG,qCACf,cAAc,IAAI,GACnB,EAAE,CAAC;IACH,IAAI,UAAU,EAAE,CAAC;QAChB,SAAS,IAAI,6BAA6B,CAAC;IAC5C,CAAC;IAED,OAAO,CACN,KAAC,CAAC,IAAC,SAAS,EAAE,SAAS,iBAAe,IAAI,KAAM,UAAU,YACzD,KAAC,YAAY,IAAC,EAAE,EAAE,cAAc,GAAI,GACjC,CACJ,CAAC;AACH,CAAC;AAED,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC"}

package/dist/components/feature-list-item/index.d.ts

@@ -0,0 +1,14 @@
+export default FeatureListItem;
+declare function FeatureListItem({ as: T, partAs: PartT, headAs: HeadT, contentAs: ContentT, showFeatureListInfo, feature, selectFeature, deselectFeatures, enableKeyboardControl, }: {
+    as?: string | undefined;
+    partAs?: string | undefined;
+    headAs?: typeof FeatureListItemHead | undefined;
+    contentAs?: import("react").ExoticComponent<import("react").FragmentProps> | undefined;
+    showFeatureListInfo: any;
+    feature: any;
+    selectFeature: any;
+    deselectFeatures: any;
+    enableKeyboardControl: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+import FeatureListItemHead from "./head";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feature-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list-item/index.jsx"],"names":[],"mappings":";AAiBA;;;;;;;;;;mDAoJC;gCAhK+B,QAAQ"}

package/dist/components/feature-list-item/index.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useRef } from "react";
+import getFeatureProperty from "../../helpers/get-feature-property";
+import FeatureDetailsContent from "../feature-details-content";
+import FeatureListItemHead from "./head";
+import useFeatureListItemScrollAndFocus from "./hooks/useFeatureListItemScrollAndFocus";
+import useFeatureListItemState from "./hooks/useFeatureListItemState";
+import FeatureListIcon from "./icon";
+function getMainContentForFeature(feature) {
+    const listName = getFeatureProperty(feature, "listName");
+    const name = getFeatureProperty(feature, "name");
+    return listName || name;
+}
+function FeatureListItem({ as: T = "div", partAs: PartT = "span", headAs: HeadT = FeatureListItemHead, contentAs: ContentT = Fragment, showFeatureListInfo, feature, selectFeature, deselectFeatures, enableKeyboardControl, }) {
+    const { selectOnClick, deselectOnClick, highlightOnMouse, hidden, isSelected, isPreselected, isHighlighted, showDetails, scrollOnSelection, scrollOnPreselection, } = useFeatureListItemState(feature);
+    /** @type {React.MutableRefObject<HTMLElement | null>} */
+    const ref = useRef(null);
+    useFeatureListItemScrollAndFocus(ref, showDetails, isPreselected && !isSelected, {
+        scrollOnSelection: scrollOnSelection,
+        scrollOnPreselection: scrollOnPreselection,
+        enableKeyboardControl: enableKeyboardControl,
+    });
+    if (hidden) {
+        return null;
+    }
+    // if render type is not a native element but presumably a React component,
+    // pass some extra props to be used by said component
+    const isWrapperComponent = typeof T !== "string";
+    const wrapperProps = {
+        ...(isWrapperComponent
+            ? {
+            /* TODO: Which props? */
+            }
+            : null),
+        ref: ref,
+        className: "ms3-list__item " +
+            (isSelected ? " ms3-list__item--selected" : "") +
+            (isPreselected ? " ms3-list__item--preselected" : "") +
+            (isHighlighted ? " ms3-list__item--highlight" : "") +
+            (showDetails ? " ms3-list__item--has-details" : "") +
+            (showFeatureListInfo ? " ms3-list__item--has-info" : "") +
+            (ref.current?.className.includes("focus-visible")
+                ? " focus-visible"
+                : ""),
+    };
+    let info = null;
+    if (showFeatureListInfo) {
+        info = (_jsx(PartT, { className: "ms3-list__info", dangerouslySetInnerHTML: {
+                __html: getFeatureProperty(feature, "listInformation"),
+            } }));
+    }
+    const showInfoInHead = selectOnClick === true;
+    let head;
+    let headHtml;
+    if (HeadT) {
+        // NOTE(PG): Legacy code to support list HTML from the source. Should
+        //            probably be deprecated and replaced by a custom component
+        headHtml = getFeatureProperty(feature, "overrideListHtml");
+        if (!headHtml) {
+            head = (_jsxs(Fragment, { children: [_jsx(FeatureListIcon, { as: "span", mapsightIconId: getFeatureProperty(feature, "mapsightIconId") }), _jsx(PartT, { className: `ms3-list__main${selectOnClick || deselectOnClick
+                            ? " ms3-list__main--selectable"
+                            : ""}`, children: getMainContentForFeature(feature) }), showInfoInHead && info] }));
+        }
+    }
+    let details = null;
+    if (showDetails) {
+        details = (_jsx(PartT, { className: "ms3-list__details", children: _jsx(FeatureDetailsContent, { feature: feature }) }));
+    }
+    return (_jsxs(T, { ...wrapperProps, children: [HeadT && (_jsx(HeadT, { feature: feature, isSelected: isSelected, isHighlighted: isHighlighted, highlightOnMouse: highlightOnMouse, selectOnClick: selectOnClick, deselectOnClick: deselectOnClick, selectFeature: selectFeature, deselectFeatures: deselectFeatures, dangerouslySetInnerHTML: headHtml ? { __html: headHtml } : undefined, className: "ms3-list__item__head", children: head })), ContentT && (_jsxs(ContentT, { children: [!showInfoInHead && info, details] }))] }));
+}
+export default FeatureListItem;
+//# sourceMappingURL=index.js.map

package/dist/components/feature-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/js/components/feature-list-item/index.jsx"],"names":[],"mappings":"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"}

package/dist/components/feature-list-sorting/feature-list-sorting.d.ts

@@ -0,0 +1,22 @@
+export type MapsightUiPlace = {
+    title: string;
+    x: number;
+    y: number;
+    z?: number;
+};
+export type MapsightUiPlaceGroup = {
+    type: "group";
+    title: string;
+    entries: MapsightUiPlacesData;
+};
+export type MapsightUiPlacesData = Record<string, MapsightUiPlace | MapsightUiPlaceGroup>;
+declare function FeatureSorter({ places, sorting, geolocationStatus, onChange, requestGeolocation, }: {
+    places: MapsightUiPlacesData;
+    sorting: string;
+    geolocationStatus: string;
+    onChange: (value: string) => void;
+    requestGeolocation: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof FeatureSorter>;
+export default _default;
+//# sourceMappingURL=feature-list-sorting.d.ts.map

package/dist/components/feature-list-sorting/feature-list-sorting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-list-sorting.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list-sorting/feature-list-sorting.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,eAAe,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAChF,MAAM,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CACxC,MAAM,EACN,eAAe,GAAG,oBAAoB,CACtC,CAAC;AAgCF,iBAAS,aAAa,CAAC,EACtB,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,GAClB,EAAE;IACF,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAC/B,2CA8EA;;AAED,wBAAmC"}

package/dist/components/feature-list-sorting/feature-list-sorting.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useState } from "react";
+import { FocusTrap } from "focus-trap-react";
+import { hasGeolocationSupport } from "@mapsight/core/lib/helpers";
+import { translate } from "../../helpers/i18n";
+import StatusIndicator from "./status-indicator";
+/**
+ * @param places places
+ * @param keyPath key path
+ * @returns option elements
+ */
+function renderOptions(places, keyPath = []) {
+    return Object.entries(places).map(([key, place]) => {
+        const keyArr = [...keyPath, key];
+        const keyStr = keyArr.join(",");
+        if ("type" in place && place.type === "group") {
+            return (_jsx("optgroup", { label: place.title, children: renderOptions(place.entries, keyArr) }, keyStr));
+        }
+        else {
+            return (_jsx("option", { value: keyStr, children: place.title }, keyStr));
+        }
+    });
+}
+/* NOTICE: using onChange instead of onBlur as the change occurs just below this input and should be clear */
+function FeatureSorter({ places, sorting, geolocationStatus, onChange, requestGeolocation, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const handleClose = useCallback(() => setIsOpen(false), []);
+    const toggleOpen = useCallback(() => setIsOpen((prev) => !prev), []);
+    const onSelectChange = useCallback((e) => {
+        const newValue = e.target.value;
+        if (newValue === "geolocation") {
+            requestGeolocation();
+        }
+        onChange(newValue);
+    }, [onChange, requestGeolocation]);
+    return (_jsxs("div", { className: `ms3-features-sorting ms3-features-sorting--${isOpen ? "active" : "inactive"}`, children: [_jsx("button", { type: "button", className: "ms3-filter-button " +
+                    (isOpen
+                        ? " ms3-filter-button--icon-sort-active"
+                        : " ms3-filter-button--icon-sort"), onClick: toggleOpen, title: translate("ui.feature-list.sorting.announcements"), children: _jsx("i", { children: isOpen ? translate("close") : translate("open") }) }), _jsx("div", { children: isOpen && (_jsx(FocusTrap, { focusTrapOptions: {
+                        clickOutsideDeactivates: true,
+                        onDeactivate: handleClose,
+                    }, children: _jsxs("div", { className: "ms3-features-sorting__panel", children: [translate("ui.feature-list.sorting.byDistance"), _jsxs("select", { value: sorting || "", onChange: onSelectChange, children: [_jsx("option", { value: "", children: translate("ui.feature-list.sorting.choose") }), hasGeolocationSupport && (_jsx("option", { value: "geolocation", children: translate("ui.feature-list.sorting.own") })), renderOptions(places)] }), _jsx(StatusIndicator, { status: geolocationStatus })] }) })) })] }));
+}
+export default memo(FeatureSorter);
+//# sourceMappingURL=feature-list-sorting.js.map

package/dist/components/feature-list-sorting/feature-list-sorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-list-sorting.js","sourceRoot":"","sources":["../../../src/js/components/feature-list-sorting/feature-list-sorting.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAElD,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAajD;;;;GAIG;AACH,SAAS,aAAa,CACrB,MAA4B,EAC5B,UAAyB,EAAE;IAE3B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEhC,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC/C,OAAO,CACN,mBAAU,KAAK,EAAE,KAAK,CAAC,KAAK,YAC1B,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,IADH,MAAM,CAE9B,CACX,CAAC;QACH,CAAC;aAAM,CAAC;YACP,OAAO,CACN,iBAAQ,KAAK,EAAE,MAAM,YACnB,KAAK,CAAC,KAAK,IADe,MAAM,CAEzB,CACT,CAAC;QACH,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,6GAA6G;AAC7G,SAAS,aAAa,CAAC,EACtB,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,GAOlB;IACA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,WAAW,CACjC,CAAC,CAAiC,EAAE,EAAE;QACrC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAEhC,IAAI,QAAQ,KAAK,aAAa,EAAE,CAAC;YAChC,kBAAkB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC9B,CAAC;IAEF,OAAO,CACN,eACC,SAAS,EAAE,8CACV,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UACrB,EAAE,aAEF,iBACC,IAAI,EAAC,QAAQ,EACb,SAAS,EACR,oBAAoB;oBACpB,CAAC,MAAM;wBACN,CAAC,CAAC,sCAAsC;wBACxC,CAAC,CAAC,+BAA+B,CAAC,EAEpC,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC,YAEzD,sBAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,GAAK,GAChD,EAET,wBACE,MAAM,IAAI,CACV,KAAC,SAAS,IACT,gBAAgB,EAAE;wBACjB,uBAAuB,EAAE,IAAI;wBAC7B,YAAY,EAAE,WAAW;qBACzB,YAED,eAAK,SAAS,EAAC,6BAA6B,aAC1C,SAAS,CAAC,oCAAoC,CAAC,EAEhD,kBACC,KAAK,EAAE,OAAO,IAAI,EAAE,EACpB,QAAQ,EAAE,cAAc,aAExB,iBAAQ,KAAK,EAAC,EAAE,YACd,SAAS,CACT,gCAAgC,CAChC,GACO,EAER,qBAAqB,IAAI,CACzB,iBAAQ,KAAK,EAAC,aAAa,YACzB,SAAS,CACT,6BAA6B,CAC7B,GACO,CACT,EAEA,aAAa,CAAC,MAAM,CAAC,IACd,EAET,KAAC,eAAe,IAAC,MAAM,EAAE,iBAAiB,GAAI,IACzC,GACK,CACZ,GACI,IACD,CACN,CAAC;AACH,CAAC;AAED,eAAe,IAAI,CAAC,aAAa,CAAC,CAAC"}

package/dist/components/feature-list-sorting/index.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<import("react-redux").Matching<{
+    sorting: string | undefined;
+    places: import("./feature-list-sorting").MapsightUiPlacesData;
+    geolocationStatus: "error" | "loading" | null;
+} & {
+    onChange: typeof sortList;
+    requestGeolocation: typeof getGeolocation;
+}, {
+    places: import("./feature-list-sorting").MapsightUiPlacesData;
+    sorting: string;
+    geolocationStatus: string;
+    onChange: (value: string) => void;
+    requestGeolocation: () => void;
+}>>, {
+    [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;
+}>;
+export default _default;
+import { sortList } from "../../store/actions.ts";
+import { getGeolocation } from "@mapsight/core/lib/user-geolocation/actions";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feature-list-sorting/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list-sorting/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;yBAQuB,wBAAwB;+BAJlB,6CAA6C"}

package/dist/components/feature-list-sorting/index.js

@@ -0,0 +1,19 @@
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { getGeolocation } from "@mapsight/core/lib/user-geolocation/actions";
+import { geolocationStatusSelector } from "@mapsight/core/lib/user-geolocation/selectors";
+import { USER_GEOLOCATION } from "../../config/constants/controllers";
+import { sortList } from "../../store/actions.js";
+import { listSortingSelector, placesSelector } from "../../store/selectors.js";
+import FeatureSorter from "./feature-list-sorting";
+export default connect(createStructuredSelector({
+    sorting: listSortingSelector,
+    places: placesSelector,
+    geolocationStatus: (state) => geolocationStatusSelector(state[USER_GEOLOCATION]),
+}), 
+// dispatch map:
+{
+    onChange: sortList,
+    requestGeolocation: getGeolocation,
+})(FeatureSorter);
+//# sourceMappingURL=index.js.map

package/dist/components/feature-list-sorting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/js/components/feature-list-sorting/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAC,yBAAyB,EAAC,MAAM,+CAA+C,CAAC;AAExF,OAAO,EAAC,gBAAgB,EAAC,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAE,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAC7E,OAAO,aAAa,MAAM,wBAAwB,CAAC;AAEnD,eAAe,OAAO,CACrB,wBAAwB,CAAC;IACxB,OAAO,EAAE,mBAAmB;IAC5B,MAAM,EAAE,cAAc;IACtB,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAC5B,yBAAyB,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AACF,gBAAgB;AAChB;IACC,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,cAAc;CAClC,CACD,CAAC,aAAa,CAAC,CAAC"}

package/dist/components/feature-list-sorting/status-indicator.d.ts

@@ -0,0 +1,4 @@
+export default function StatusIndicator({ status }: {
+    status: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=status-indicator.d.ts.map

package/dist/components/feature-list-sorting/status-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list-sorting/status-indicator.jsx"],"names":[],"mappings":"AAAA;;4CASC"}

package/dist/components/feature-list-sorting/status-indicator.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function StatusIndicator({ status }) {
+    return (_jsx("div", { className: "ms3-status-indicator" +
+            (status ? " ms3-status-indicator--" + status : "") }));
+}
+//# sourceMappingURL=status-indicator.js.map

package/dist/components/feature-list-sorting/status-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.js","sourceRoot":"","sources":["../../../src/js/components/feature-list-sorting/status-indicator.jsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAC,MAAM,EAAC;IAC/C,OAAO,CACN,cACC,SAAS,EACR,sBAAsB;YACtB,CAAC,MAAM,CAAC,CAAC,CAAC,yBAAyB,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,GAElD,CACF,CAAC;AACH,CAAC"}

package/dist/components/feature-select-button.d.ts

@@ -0,0 +1,12 @@
+export default FeatureSelectButton;
+declare function FeatureSelectButton({ featureId, onSelect, onDeselect, permanentLink, isSelected, selectOnClick, deselectOnClick, ...attributes }: {
+    [x: string]: any;
+    featureId: any;
+    onSelect?: null | undefined;
+    onDeselect?: null | undefined;
+    permanentLink?: undefined;
+    isSelected?: boolean | undefined;
+    selectOnClick?: boolean | undefined;
+    deselectOnClick?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-select-button.d.ts.map

package/dist/components/feature-select-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-select-button.d.ts","sourceRoot":"","sources":["../../src/js/components/feature-select-button.jsx"],"names":[],"mappings":";AAEA;;;;;;;;;4CAiEC"}

package/dist/components/feature-select-button.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+function FeatureSelectButton({ featureId, onSelect = null, onDeselect = null, permanentLink = undefined, isSelected = false, selectOnClick = true, deselectOnClick = true, ...attributes }) {
+    const handleClick = useCallback((e) => {
+        if (permanentLink) {
+            if (e.which === 2 || e.metaKey) {
+                // Continue as normal for external links and cmd clicks etc
+                return;
+            }
+            e.preventDefault();
+        }
+        if (isSelected && deselectOnClick) {
+            if (onDeselect) {
+                onDeselect(featureId);
+            }
+        }
+        else if (selectOnClick && onSelect) {
+            onSelect(featureId, { keyboard: false });
+        }
+    }, [
+        permanentLink,
+        isSelected,
+        deselectOnClick,
+        selectOnClick,
+        onDeselect,
+        featureId,
+        onSelect,
+    ]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            if (selectOnClick && onSelect) {
+                onSelect(featureId, { keyboard: true });
+            }
+        }
+    }, [selectOnClick, onSelect, featureId]);
+    Object.assign(attributes, {
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+    });
+    if (permanentLink) {
+        return (_jsx("a", { href: permanentLink, role: "button", ...attributes }));
+    }
+    return _jsx("button", { type: "button", ...attributes });
+}
+export default FeatureSelectButton;
+//# sourceMappingURL=feature-select-button.js.map

package/dist/components/feature-select-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-select-button.js","sourceRoot":"","sources":["../../src/js/components/feature-select-button.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,SAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,SAAS,EACzB,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,IAAI,EACtB,GAAG,UAAU,EACb;IACA,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACL,IAAI,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;gBAChC,2DAA2D;gBAC3D,OAAO;YACR,CAAC;YACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;QAED,IAAI,UAAU,IAAI,eAAe,EAAE,CAAC;YACnC,IAAI,UAAU,EAAE,CAAC;gBAChB,UAAU,CAAC,SAAS,CAAC,CAAC;YACvB,CAAC;QACF,CAAC;aAAM,IAAI,aAAa,IAAI,QAAQ,EAAE,CAAC;YACtC,QAAQ,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;QACxC,CAAC;IACF,CAAC,EACD;QACC,aAAa;QACb,UAAU;QACV,eAAe;QACf,aAAa;QACb,UAAU;QACV,SAAS;QACT,QAAQ;KACR,CACD,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAChC,CAAC,CAAC,EAAE,EAAE;QACL,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,aAAa,IAAI,QAAQ,EAAE,CAAC;gBAC/B,QAAQ,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CACpC,CAAC;IAEF,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;QACzB,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,IAAI,aAAa,EAAE,CAAC;QACnB,OAAO,CAEN,YAAG,IAAI,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,KAAK,UAAU,GAAI,CACxD,CAAC;IACH,CAAC;IAED,OAAO,iBAAQ,IAAI,EAAC,QAAQ,KAAK,UAAU,GAAI,CAAC;AACjD,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/feature-selection-info/close-button.d.ts

@@ -0,0 +1,8 @@
+export default CloseButton;
+declare function CloseButton({ feature, enableKeyboardControl, className, ...attrs }: {
+    [x: string]: any;
+    feature: any;
+    enableKeyboardControl: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=close-button.d.ts.map

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

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

package/dist/components/feature-selection-info/close-button.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { removeFrom } from "@mapsight/core/lib/base/actions";
+import { useCallback } from "react";
+import { useDispatch } from "react-redux";
+import { FEATURE_SELECTIONS } from "../../config/constants/controllers";
+import { FEATURE_SELECTION_SELECT } from "../../config/feature/selections";
+import { translate } from "../../helpers/i18n";
+import { APP_EVENT_FOCUS_FEATURE_LIST, useAppChannelDispatchEvent, } from "../helping/app-channel";
+function CloseButton({ feature, enableKeyboardControl, className = "", ...attrs }) {
+    const dispatch = useDispatch();
+    const removeSelection = useCallback(() => {
+        console.log("click close fSI");
+        dispatch(removeFrom([FEATURE_SELECTIONS, FEATURE_SELECTION_SELECT, "features"], feature?.id));
+    }, [dispatch, feature?.id]);
+    const appChannelDispatch = useAppChannelDispatchEvent();
+    const handleCloseByKeyboard = useCallback(
+    /** @param {KeyboardEvent} ev ev */ (ev) => {
+        if (enableKeyboardControl) {
+            console.log("keyboard close fSI");
+            if (ev.key === "Enter" ||
+                ev.key === "Spacebar" ||
+                ev.key === " ") {
+                appChannelDispatch(new Event(APP_EVENT_FOCUS_FEATURE_LIST));
+            }
+        }
+    }, [enableKeyboardControl, appChannelDispatch]);
+    return (_jsx("button", { type: "button", className: `ms3-button ms3-feature-selection-info__close-button ${className}`, onClick: removeSelection, onKeyDown: handleCloseByKeyboard, ...attrs, children: _jsx("span", { className: "ms3-visuallyhidden", children: translate("ui.feature-selection-info.close") }) }));
+}
+export default CloseButton;
+//# sourceMappingURL=close-button.js.map

package/dist/components/feature-selection-info/close-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/close-button.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAC,wBAAwB,EAAC,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EACN,4BAA4B,EAC5B,0BAA0B,GAC1B,MAAM,wBAAwB,CAAC;AAEhC,SAAS,WAAW,CAAC,EACpB,OAAO,EACP,qBAAqB,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACR;IACA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAC/B,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,MAAM,kBAAkB,GAAG,0BAA0B,EAAE,CAAC;IACxD,MAAM,qBAAqB,GAAG,WAAW;IACxC,mCAAmC,CAAC,CAAC,EAAE,EAAE,EAAE;QAC1C,IAAI,qBAAqB,EAAE,CAAC;YAC3B,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;YAClC,IACC,EAAE,CAAC,GAAG,KAAK,OAAO;gBAClB,EAAE,CAAC,GAAG,KAAK,UAAU;gBACrB,EAAE,CAAC,GAAG,KAAK,GAAG,EACb,CAAC;gBACF,kBAAkB,CAAC,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC;YAC7D,CAAC;QACF,CAAC;IACF,CAAC,EACD,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAC3C,CAAC;IAEF,OAAO,CACN,iBACC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,uDAAuD,SAAS,EAAE,EAC7E,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,qBAAqB,KAG5B,KAAK,YAET,eAAM,SAAS,EAAC,oBAAoB,YAClC,SAAS,CAAC,iCAAiC,CAAC,GACvC,GACC,CACT,CAAC;AACH,CAAC;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,7 @@
+export default Container;
+declare function Container({ children, className, ...attrs }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=container.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function Container({ children, className = "", ...attrs }) {
+    return (_jsx("div", { className: `ms3-feature-selection-info ${className}`, ...attrs, children: children }));
+}
+export default Container;
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/container.jsx"],"names":[],"mappings":";AAAA,SAAS,SAAS,CAAC,EAAC,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAC;IACtD,OAAO,CACN,cAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,KAAM,KAAK,YAClE,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { MapsightUiFeature } from "../../types";
+export type Props = {
+    feature: MapsightUiFeature;
+};
+declare const Header: import("react").MemoExoticComponent<({ feature }: Props) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").ComponentType<Props>;
+export default _default;
+export { Header as NonReplaceableHeader };
+declare module "../../helpers/components" {
+    interface ComponentProps {
+        FeatureSelectionInfoHeader: Props;
+    }
+}
+//# sourceMappingURL=header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAEnD,MAAM,MAAM,KAAK,GAAG;IACnB,OAAO,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,MAAM,oDAAuD,KAAK,6CAOtE,CAAC;;AAEH,wBAA8E;AAC9E,OAAO,EAAC,MAAM,IAAI,oBAAoB,EAAC,CAAC;AAExC,OAAO,QAAQ,0BAA0B,CAAC;IACzC,UAAU,cAAc;QACvB,0BAA0B,EAAE,KAAK,CAAC;KAClC;CACD"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { makeReplaceableComponent } from "../../helpers/components";
+import getFeatureProperty from "../../helpers/get-feature-property";
+const Header = memo(function FeatureSelectionInfoHeader({ feature }) {
+    const name = getFeatureProperty(feature, "name");
+    return (_jsx("header", { className: "ms3-feature-selection-info__header", children: _jsx("h3", { className: "ms3-feature-selection-info__headline", children: name }) }));
+});
+export default makeReplaceableComponent("FeatureSelectionInfoHeader", Header);
+export { Header as NonReplaceableHeader };
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/js/components/feature-selection-info/header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAClE,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAOpE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,0BAA0B,CAAC,EAAC,OAAO,EAAQ;IACvE,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAW,CAAC;IAC3D,OAAO,CACN,iBAAQ,SAAS,EAAC,oCAAoC,YACrD,aAAI,SAAS,EAAC,sCAAsC,YAAE,IAAI,GAAM,GACxD,CACT,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,wBAAwB,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;AAC9E,OAAO,EAAC,MAAM,IAAI,oBAAoB,EAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { MapsightUiFeature } from "../../types";
+export default function FeatureSelectionInfo({ feature, enableKeyboardControl, }: {
+    feature: MapsightUiFeature | null;
+    enableKeyboardControl: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map