@mapsight/ui 7.0.0

package/README.md

@@ -0,0 +1,3 @@
+# Mapsight ui
+
+React based web gis framework based on `@mapsight/core`.

package/dist/components/app.d.ts

@@ -0,0 +1,6 @@
+export default App;
+/**
+ * @returns {import('react').ReactElement} element
+ */
+declare function App(): import("react").ReactElement;
+//# sourceMappingURL=app.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/js/components/app.jsx"],"names":[],"mappings":";AAuEA;;GAEG;AACH,wBAFa,OAAO,OAAO,EAAE,YAAY,CAkKxC"}

package/dist/components/app.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { useSelector } from "react-redux";
+import { createSelector } from "reselect";
+import { isViewFullscreen, isViewMapOnly, isViewMobile, layerSwitcherConfigExternalSelector, layerSwitcherShowExternalSelector, listUiOptionDetailsSelector, listVisible, mapAndListVisible, mapVisible, pageTitleShowSelector, tagSwitcherShowSelector, timeFilterVisible, viewSelector, } from "../store/selectors.js";
+import FeatureList from "./feature-list";
+import { useContextComponentWithFallback } from "../helpers/components";
+import VisibilityWrapper from "./helping/visibility-wrapper";
+import LayerSwitcher from "./layer-switcher";
+import AdditionalContainer from "./layout/additional-container";
+import AdditionalContent from "./layout/additional-container/content";
+import Marginal from "./layout/additional-container/marginal";
+import MainContainer from "./layout/main-container";
+import MapRow from "./layout/map-row";
+import TitleBar from "./layout/title-bar";
+// Layout
+import AppWrapper from "./layout/wrapper";
+import MainPanel from "./main-panel";
+import MainPanelContainer from "./main-panel/container";
+import { MainPanelContextProvider } from "./main-panel/context";
+import MainPanelListToggleButton from "./main-panel/list-toggle-button";
+// Components
+import Map from "./map";
+import MapOverlay from "./map-overlay";
+import MapOverlayArea from "./map-overlay/area";
+import Attribution from "./map-overlay/attribution";
+import InfoOverlayLeft from "./map-overlay/info-overlay-left";
+import InfoOverlayModal from "./map-overlay/info-overlay-modal";
+import InfoOverlayRight from "./map-overlay/info-overlay-right";
+import LayerSwitcherOverlay from "./map-overlay/layer-switcher-overlay";
+import Legend from "./map-overlay/legend";
+import Logo from "./map-overlay/logo";
+import RegionSelector from "./map-overlay/region-selector";
+import SearchOverlay from "./map-overlay/search-overlay";
+import UserGeoLocationButton from "./map-overlay/user-geo-location-button";
+import ZoomButtons from "./map-overlay/zoom-buttons";
+import MapSyncedInterlay from "./map-synced-interlay";
+import MapWrapper from "./map-wrapper";
+import TagSwitcher from "./tag-switcher";
+import TimeFilter from "./time-filter";
+import DesktopViewToggleButton from "./view-toggle-button/desktop-button";
+import MobileViewToggleButton from "./view-toggle-button/mobile-button";
+import ViewportViewToggleButton from "./view-toggle-button/viewport-button";
+const marginalLeftSelector = createSelector([layerSwitcherShowExternalSelector, tagSwitcherShowSelector], (layerSwitcherShowExternal, tagSwitcherShow) => {
+    return layerSwitcherShowExternal || tagSwitcherShow;
+});
+/**
+ * @returns {import('react').ReactElement} element
+ */
+function App() {
+    const view = useSelector(viewSelector);
+    const isMobile = isViewMobile(view);
+    const isFullscreen = isViewFullscreen(view);
+    const isMapOnly = isViewMapOnly(view);
+    const showAdditional = !isFullscreen && !isMapOnly;
+    const showDetailsInList = useSelector(listUiOptionDetailsSelector);
+    const showListInMapRow = useSelector(listVisible) && !showDetailsInList && isFullscreen;
+    const mapOverlayStart = useContextComponentWithFallback("MapOverlayStart");
+    const mapOverlayTopLeft = useContextComponentWithFallback("MapOverlayTopLeft");
+    const mapOverlayBottomLeft = useContextComponentWithFallback("MapOverlayBottomLeft");
+    const mapOverlayTopRight = useContextComponentWithFallback("MapOverlayTopRight");
+    const mapOverlayBottomRight = useContextComponentWithFallback("MapOverlayBottomRight");
+    const mapOverlayEnd = useContextComponentWithFallback("MapOverlayEnd");
+    const mapOverlayModal = useContextComponentWithFallback("MapOverlayModal");
+    return (_jsxs(AppWrapper, { children: [_jsxs(MainContainer, { children: [_jsx(VisibilityWrapper, { visibleSelector: pageTitleShowSelector, children: _jsx(TitleBar, {}) }), _jsx(VisibilityWrapper, { visibleSelector: mapVisible, children: _jsxs(MapRow, { children: [!isMobile && (_jsx(MainPanelContextProvider, { collapsible: showListInMapRow, showSelectionInfo: !showDetailsInList, showList: showListInMapRow, panelPosition: "left", children: _jsxs(MainPanelContainer, { children: [_jsx(MainPanelListToggleButton, {}), _jsx(MainPanel, {})] }) })), _jsxs(MapWrapper, { children: [_jsx(Map, {}), _jsx(MapSyncedInterlay, {}), _jsxs(MapOverlay, { children: [mapOverlayStart(), _jsx(MapOverlayArea, { position: "top-left", children: mapOverlayTopLeft(_jsxs(Fragment, { children: [_jsx(SearchOverlay, {}), _jsx(RegionSelector, {})] })) }), _jsx(MapOverlayArea, { position: "bottom-left", children: mapOverlayBottomLeft(_jsx(Fragment, { children: _jsx(InfoOverlayLeft, {}) })) }), _jsx(MapOverlayArea, { position: "top-right", children: mapOverlayTopRight(_jsxs(Fragment, { children: [_jsx(LayerSwitcherOverlay, {}), _jsx(DesktopViewToggleButton, {})] })) }), _jsx(MapOverlayArea, { position: "bottom-right", children: mapOverlayBottomRight(_jsxs(Fragment, { children: [_jsx(ZoomButtons, {}), _jsx(UserGeoLocationButton, {}), _jsx(MobileViewToggleButton, {}), _jsx(InfoOverlayRight, {})] })) }), mapOverlayEnd(), _jsx(InfoOverlayModal, { children: mapOverlayModal(_jsxs(Fragment, { children: [isMobile && _jsx(Attribution, {}), _jsx(Legend, {}), _jsx(Logo, {})] })) })] })] })] }) }), isMapOnly && (_jsx(MainPanelContextProvider, { panelPosition: "below", showSelectionInfo: true, children: _jsx(MainPanelContainer, { children: _jsx(MainPanel, {}) }) }))] }), showAdditional && (_jsxs(AdditionalContainer, { children: [_jsx(VisibilityWrapper, { visibleSelector: marginalLeftSelector, children: _jsxs(Marginal, { position: "left", children: [_jsx(VisibilityWrapper, { visibleSelector: layerSwitcherConfigExternalSelector, children: _jsx(LayerSwitcher, { configSelector: layerSwitcherConfigExternalSelector }) }), _jsx(VisibilityWrapper, { visibleSelector: tagSwitcherShowSelector, children: _jsx(TagSwitcher, {}) })] }) }), _jsx(AdditionalContent, { children: _jsx(VisibilityWrapper, { visibleSelector: listVisible, children: _jsx(FeatureList, { enableKeyboardControl: true }) }) }), _jsx(VisibilityWrapper, { visibleSelector: timeFilterVisible, children: _jsx(Marginal, { position: "right", children: _jsx(TimeFilter, {}) }) })] })), _jsx(VisibilityWrapper, { visibleSelector: mapAndListVisible, children: _jsx(ViewportViewToggleButton, {}) })] }));
+}
+export default App;
+//# sourceMappingURL=app.js.map

package/dist/components/app.js.map

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

package/dist/components/close-overlay-button.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef, FC, MouseEvent } from "react";
+export type Props = {
+    label?: string;
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+} & ComponentPropsWithoutRef<"button">;
+declare const CloseOverlayButton: FC<Props>;
+export default CloseOverlayButton;
+//# sourceMappingURL=close-overlay-button.d.ts.map

package/dist/components/close-overlay-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-overlay-button.d.ts","sourceRoot":"","sources":["../../src/js/components/close-overlay-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAE,EAAE,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,KAAK,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACzD,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAejC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/close-overlay-button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { translate } from "../helpers/i18n";
+const CloseOverlayButton = ({ label = translate("close"), onClose, ...attributes }) => {
+    return (_jsx("button", { className: "ms3-dialog-close-button", type: "button", onClick: onClose, ...attributes, children: _jsx("span", { className: "ms3-visuallyhidden", children: label }) }));
+};
+export default CloseOverlayButton;
+//# sourceMappingURL=close-overlay-button.js.map

package/dist/components/close-overlay-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-overlay-button.js","sourceRoot":"","sources":["../../src/js/components/close-overlay-button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAO1C,MAAM,kBAAkB,GAAc,CAAC,EACtC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,EAC1B,OAAO,EACP,GAAG,UAAU,EACb,EAAE,EAAE;IACJ,OAAO,CACN,iBACC,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,KACZ,UAAU,YAEd,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAQ,GAC3C,CACT,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/feature-details-content/feature-details-content-inner.d.ts

@@ -0,0 +1,18 @@
+import type { PropsWithChildren } from "react";
+import type { MapsightUiFeature } from "../../types";
+export type Props = PropsWithChildren<{
+    feature: MapsightUiFeature;
+    url?: string;
+    hasError: boolean;
+    html?: string;
+    handleContentChange?: (element: HTMLElement | null) => void;
+}>;
+declare function FeatureDetailsContentInner({ feature, url, hasError, html, handleContentChange, }: Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+declare const _default: import("react").MemoExoticComponent<typeof FeatureDetailsContentInner>;
+export default _default;
+declare module "../../helpers/components" {
+    interface ComponentProps {
+        FeatureDetailsContent: Props;
+    }
+}
+//# sourceMappingURL=feature-details-content-inner.d.ts.map

package/dist/components/feature-details-content/feature-details-content-inner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-details-content-inner.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/feature-details-content-inner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAMxD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAEnD,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC;IACrC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D,CAAC,CAAC;AAEH,iBAAS,0BAA0B,CAAC,EACnC,OAAO,EACP,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,mBAAmB,GACnB,EAAE,KAAK,qGAqFP;;AAED,wBAAgD;AAEhD,OAAO,QAAQ,0BAA0B,CAAC;IACzC,UAAU,cAAc;QACvB,qBAAqB,EAAE,KAAK,CAAC;KAC7B;CACD"}

package/dist/components/feature-details-content/feature-details-content-inner.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useContext, useEffect, useRef } from "react";
+import { ComponentsContext } from "../../helpers/components";
+import getFeatureProperty from "../../helpers/get-feature-property";
+import { translate } from "../../helpers/i18n";
+function FeatureDetailsContentInner({ feature, url, hasError, html, handleContentChange, }) {
+    const comps = useContext(ComponentsContext);
+    // NOTE(PG): using useCallback in addition to useRef alone so we actually get called when node changes
+    const containerRef = useRef(null);
+    const containerRefSetter = useCallback((element) => {
+        containerRef.current = element;
+        if (element && handleContentChange) {
+            handleContentChange(element);
+        }
+    }, [handleContentChange]);
+    const desc = getFeatureProperty(feature, "description");
+    // NOTE(PG): Using useEffect to detect content changes (here: props), maybe we could move this up into the parent comp?
+    useEffect(() => {
+        handleContentChange?.(containerRef.current);
+    }, [handleContentChange, html, hasError, desc]);
+    let content = null;
+    if (url) {
+        if (html) {
+            // success
+            content = (_jsx("div", { className: "ms3-feature-details-content ms3-feature-details-content--html", dangerouslySetInnerHTML: { __html: html }, ref: containerRefSetter }));
+        }
+        else if (hasError) {
+            // error
+            content = (_jsxs("div", { className: "ms3-feature-details-content ms3-feature-details-content--error", ref: containerRefSetter, children: [translate("ui.feature-details.content-inner.error"), _jsx("br", {}), _jsx("a", { href: url, children: translate("ui.feature-details.content-inner.gotoPage") })] }));
+        }
+        else {
+            // loading
+            content = (_jsx("div", { className: "ms3-feature-details-content ms3-feature-details-content--loading", ref: containerRefSetter, children: translate("ui.feature-details.content-inner.loading") }));
+        }
+    }
+    else {
+        if (desc) {
+            content = (_jsx("div", { className: "ms3-feature-details-content ms3-feature-details-content--description", dangerouslySetInnerHTML: { __html: desc }, ref: containerRefSetter }));
+        }
+    }
+    if (comps.FeatureDetailsContent) {
+        content = (_jsx(comps.FeatureDetailsContent, { feature: feature, url: url, hasError: hasError, html: html, children: content }));
+    }
+    return content;
+}
+export default memo(FeatureDetailsContentInner);
+//# sourceMappingURL=feature-details-content-inner.js.map

package/dist/components/feature-details-content/feature-details-content-inner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-details-content-inner.js","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/feature-details-content-inner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAW7C,SAAS,0BAA0B,CAAC,EACnC,OAAO,EACP,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,mBAAmB,GACZ;IACP,MAAM,KAAK,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE5C,sGAAsG;IACtG,MAAM,YAAY,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG,WAAW,CACrC,CAAC,OAA2B,EAAE,EAAE;QAC/B,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;QAC/B,IAAI,OAAO,IAAI,mBAAmB,EAAE,CAAC;YACpC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC,EACD,CAAC,mBAAmB,CAAC,CACrB,CAAC;IAEF,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAExD,uHAAuH;IACvH,SAAS,CAAC,GAAG,EAAE;QACd,mBAAmB,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhD,IAAI,OAAO,GAAc,IAAI,CAAC;IAC9B,IAAI,GAAG,EAAE,CAAC;QACT,IAAI,IAAI,EAAE,CAAC;YACV,UAAU;YACV,OAAO,GAAG,CACT,cACC,SAAS,EAAC,+DAA+D,EACzE,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,EACvC,GAAG,EAAE,kBAAkB,GACtB,CACF,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,EAAE,CAAC;YACrB,QAAQ;YACR,OAAO,GAAG,CACT,eACC,SAAS,EAAC,gEAAgE,EAC1E,GAAG,EAAE,kBAAkB,aAEtB,SAAS,CAAC,wCAAwC,CAAC,EACpD,cAAM,EAEN,YAAG,IAAI,EAAE,GAAG,YACV,SAAS,CAAC,2CAA2C,CAAC,GACpD,IACC,CACN,CAAC;QACH,CAAC;aAAM,CAAC;YACP,UAAU;YACV,OAAO,GAAG,CACT,cACC,SAAS,EAAC,kEAAkE,EAC5E,GAAG,EAAE,kBAAkB,YAEtB,SAAS,CAAC,0CAA0C,CAAC,GACjD,CACN,CAAC;QACH,CAAC;IACF,CAAC;SAAM,CAAC;QACP,IAAI,IAAI,EAAE,CAAC;YACV,OAAO,GAAG,CACT,cACC,SAAS,EAAC,sEAAsE,EAChF,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,EACvC,GAAG,EAAE,kBAAkB,GACtB,CACF,CAAC;QACH,CAAC;IACF,CAAC;IAED,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACjC,OAAO,GAAG,CACT,KAAC,KAAK,CAAC,qBAAqB,IAC3B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,YAET,OAAO,GACqB,CAC9B,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,eAAe,IAAI,CAAC,0BAA0B,CAAC,CAAC"}

package/dist/components/feature-details-content/feature-details-content.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("react").MemoExoticComponent<typeof FeatureDetailsContent>;
+export default _default;
+declare function FeatureDetailsContent({ feature, html, hasError, isEmbeddedMap }: {
+    feature: any;
+    html: any;
+    hasError: any;
+    isEmbeddedMap: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-details-content.d.ts.map

package/dist/components/feature-details-content/feature-details-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-details-content.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/feature-details-content.jsx"],"names":[],"mappings":";;AA6BA;;;;;4CAyJC"}

package/dist/components/feature-details-content/feature-details-content.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { selectExclusively } from "@mapsight/core/lib/feature-selections/actions";
+import { memo, useCallback, useEffect, useReducer, useRef, useState, } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { VIEW_MAP_ONLY, VIEW_MOBILE } from "../../config/constants/app";
+import { FEATURE_SELECTIONS } from "../../config/constants/controllers";
+import { FEATURE_SELECTION_SELECT } from "../../config/feature/selections";
+import getFeatureProperty from "../../helpers/get-feature-property";
+import { setView } from "../../store/actions.js";
+import { viewSelector } from "../../store/selectors.js";
+import { APP_EVENT_PARTIAL_CONTENT_CHANGED, useAppChannelDispatchEvent, } from "../helping/app-channel";
+import FeatureDetailsContentInner from "./feature-details-content-inner";
+import ShareFeatureLinkModal from "./share-feature-link-modal";
+function FeatureDetailsContent({ feature, html, hasError, isEmbeddedMap }) {
+    const dispatch = useDispatch();
+    const view = useSelector(viewSelector);
+    /** @type {React.Ref<Element>} containerElemRef */
+    const contentContainerElemRef = useRef();
+    const [partialContentCounter, dispatchPartialContentCounter] = useReducer((i) => i + 1, 0);
+    const [showShareLinkDialog, setShowShareLinkDialog] = useState(false);
+    /** @param {MouseEvent} e event */
+    const onShareButtonClick = useCallback((e) => {
+        e.preventDefault();
+        if (e.target.getAttribute("href")) {
+            setShowShareLinkDialog(true);
+        }
+    }, []);
+    /** @param {MouseEvent} e event */
+    const onMapButtonClick = useCallback((e) => {
+        e.preventDefault();
+        if (view === VIEW_MOBILE && !isEmbeddedMap) {
+            dispatch(setView(VIEW_MAP_ONLY));
+        }
+        const featureId = e.target.getAttribute("data-ms3-feature");
+        if (featureId) {
+            dispatch(selectExclusively(FEATURE_SELECTIONS, FEATURE_SELECTION_SELECT, featureId));
+        }
+    }, [dispatch, isEmbeddedMap, view]);
+    /**  @param {MouseEvent} _e event */
+    const onPrintButtonClick = useCallback((_e) => {
+        const doc = window.document.documentElement;
+        doc.classList.add("ms3--print-feature-selection-info-only");
+        window.addEventListener("afterprint", () => {
+            doc.classList.remove("ms3--print-feature-selection-info-only");
+        }, { once: true });
+    }, []);
+    // binds click handlers to links in containerElem by querying the Dom
+    // NOTE(PG): We cannot use React JSX event listeners as we need to support external HTML
+    useEffect(function handlePartialContentChange() {
+        const contentContainerElem = contentContainerElemRef.current;
+        if (!contentContainerElem) {
+            return undefined;
+        }
+        // links/buttons
+        const shareLinks = contentContainerElem.querySelectorAll(".js-ms3-feature-link--share");
+        shareLinks.forEach((buttonElement) => {
+            buttonElement.addEventListener("click", onShareButtonClick);
+        });
+        const showOnMapLinks = contentContainerElem.querySelectorAll(".js-ms3-feature-link--map");
+        showOnMapLinks.forEach((buttonElement) => {
+            buttonElement.addEventListener("click", onMapButtonClick);
+        });
+        const printLinks = contentContainerElem.querySelectorAll(".js-ms3-feature-link--print");
+        printLinks.forEach((buttonElement) => {
+            buttonElement.addEventListener("click", onPrintButtonClick);
+        });
+        return () => {
+            shareLinks.forEach((buttonElement) => {
+                buttonElement.removeEventListener("click", onShareButtonClick);
+            });
+            showOnMapLinks.forEach((buttonElement) => {
+                buttonElement.removeEventListener("click", onMapButtonClick);
+            });
+            printLinks.forEach((buttonElement) => {
+                buttonElement.removeEventListener("click", onPrintButtonClick);
+            });
+        };
+    }, [
+        partialContentCounter,
+        onShareButtonClick,
+        onMapButtonClick,
+        onPrintButtonClick,
+    ]);
+    const dispatchAppChannelEvent = useAppChannelDispatchEvent();
+    /**
+     * @param {Element} nextContentContainerElem container
+     */
+    const handleContentChange = useCallback((nextContentContainerElem) => {
+        dispatchAppChannelEvent(new CustomEvent(APP_EVENT_PARTIAL_CONTENT_CHANGED));
+        contentContainerElemRef.current = nextContentContainerElem;
+        dispatchPartialContentCounter({});
+    }, [dispatchAppChannelEvent]);
+    const closeShareLinkDialog = useCallback(() => {
+        setShowShareLinkDialog(false);
+    }, [setShowShareLinkDialog]);
+    return (_jsxs("div", { children: [_jsx(FeatureDetailsContentInner, { feature: feature, url: getFeatureProperty(feature, "detailsUrl"), html: html, hasError: hasError, handleContentChange: handleContentChange }), _jsx(ShareFeatureLinkModal, { feature: feature, isOpen: showShareLinkDialog, onRequestClose: closeShareLinkDialog })] }));
+}
+export default memo(FeatureDetailsContent);
+//# sourceMappingURL=feature-details-content.js.map

package/dist/components/feature-details-content/feature-details-content.js.map

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

package/dist/components/feature-details-content/index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ feature, html, hasError, isEmbeddedMap }: {
+    feature: any;
+    html: any;
+    hasError: any;
+    isEmbeddedMap: 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;
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feature-details-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/index.js"],"names":[],"mappings":""}

package/dist/components/feature-details-content/index.js

@@ -0,0 +1,11 @@
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { featureDetailsHasErrorSelector, featureDetailsHtmlSelector, isEmbeddedMapSelector, viewSelector, } from "../../store/selectors.js";
+import FeatureDetailsContent from "./feature-details-content";
+export default connect(createStructuredSelector({
+    view: viewSelector,
+    isEmbeddedMap: isEmbeddedMapSelector,
+    hasError: featureDetailsHasErrorSelector,
+    html: featureDetailsHtmlSelector,
+}))(FeatureDetailsContent);
+//# sourceMappingURL=index.js.map

package/dist/components/feature-details-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAElD,OAAO,EACN,8BAA8B,EAC9B,0BAA0B,EAC1B,qBAAqB,EACrB,YAAY,GACZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,qBAAqB,MAAM,2BAA2B,CAAC;AAE9D,eAAe,OAAO,CACrB,wBAAwB,CAAC;IACxB,IAAI,EAAE,YAAY;IAClB,aAAa,EAAE,qBAAqB;IACpC,QAAQ,EAAE,8BAA8B;IACxC,IAAI,EAAE,0BAA0B;CAChC,CAAC,CACF,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/components/feature-details-content/share-feature-link-modal.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("react").MemoExoticComponent<typeof ShareFeatureLinkModal>;
+export default _default;
+declare function ShareFeatureLinkModal({ isOpen, onRequestClose, feature }: {
+    isOpen: any;
+    onRequestClose: any;
+    feature: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=share-feature-link-modal.d.ts.map

package/dist/components/feature-details-content/share-feature-link-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-feature-link-modal.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/share-feature-link-modal.jsx"],"names":[],"mappings":";;AAYA;;;;4CAyCC"}

package/dist/components/feature-details-content/share-feature-link-modal.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import ReactModal from "react-modal";
+import getFeatureProperty from "../../helpers/get-feature-property";
+import { translate } from "../../helpers/i18n";
+const selectInputContent = (e) => e.target.setSelectionRange(0, e.target.value.length);
+/* NOTE: we use a wrapping label around the input element which is fine a11y as well. */
+function ShareFeatureLinkModal({ isOpen, onRequestClose, feature }) {
+    return (_jsx(ReactModal, { isOpen: isOpen, 
+        // contentLabel="onRequestClose Example" // aria-label="" on .ms3-modal
+        onRequestClose: onRequestClose, className: "ms3-modal", overlayClassName: "ms3-app-overlay", shouldCloseOnOverlayClick: true, children: _jsxs("div", { className: "ms3-modal__inner", children: [_jsxs("div", { className: "ms3-share-link", children: [_jsx("h3", { className: "ms3-share-link__head", children: translate("ui.feature-details.share-link.head") }), _jsxs("label", { className: "ms3-share-link__label", children: [translate("ui.feature-details.share-link.place"), _jsx("br", {}), _jsx("input", { className: "ms3-share-link__input", value: getFeatureProperty(feature, "permanentLink"), onClick: selectInputContent, readOnly: true })] })] }), _jsx("button", { className: "ms3-dialog-close-button", type: "button", onClick: onRequestClose, children: _jsx("span", { className: "ms3-visuallyhidden", children: translate("ui.feature-details.share-link.close") }) })] }) }));
+}
+export default memo(ShareFeatureLinkModal);
+//# sourceMappingURL=share-feature-link-modal.js.map

package/dist/components/feature-details-content/share-feature-link-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-feature-link-modal.js","sourceRoot":"","sources":["../../../src/js/components/feature-details-content/share-feature-link-modal.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAC3B,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE,CAChC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAItD,wFAAwF;AACxF,SAAS,qBAAqB,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAC;IAC/D,OAAO,CACN,KAAC,UAAU,IACV,MAAM,EAAE,MAAM;QACd,uEAAuE;QACvE,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,WAAW,EACrB,gBAAgB,EAAC,iBAAiB,EAClC,yBAAyB,EAAE,IAAI,YAE/B,eAAK,SAAS,EAAC,kBAAkB,aAChC,eAAK,SAAS,EAAC,gBAAgB,aAC9B,aAAI,SAAS,EAAC,sBAAsB,YAClC,SAAS,CAAC,oCAAoC,CAAC,GAC5C,EAEL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,SAAS,CAAC,qCAAqC,CAAC,EACjD,cAAM,EAEN,gBACC,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAE,eAAe,CAAC,EACnD,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,IAAI,GACb,IACK,IACH,EAEN,iBACC,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,YAEvB,eAAM,SAAS,EAAC,oBAAoB,YAClC,SAAS,CAAC,qCAAqC,CAAC,GAC3C,GACC,IACJ,GACM,CACb,CAAC;AACH,CAAC;AAED,eAAe,IAAI,CAAC,qBAAqB,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list/content.jsx"],"names":[],"mappings":";AAIA,2GAmCE"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import FeatureListEmptyMessage from "./empty-message";
+const FeatureListContent = memo(forwardRef(function FeatureListContent(props, ref) {
+    const { status, children, showFeatureListInfo: _showFeatureListInfo, as: T = "div", emptyAs, featureSourceId, ...attributes } = props;
+    let content = children;
+    if (!content) {
+        const hasSource = featureSourceId !== null &&
+            featureSourceId !== undefined &&
+            featureSourceId !== "";
+        content = (_jsx(FeatureListEmptyMessage, { as: emptyAs, hasSource: hasSource }));
+    }
+    const statusClass = status ? " ms3-list--status-" + status : "";
+    return (_jsx(T, { ref: ref, className: `[ ms3-list ms3-list--features ${statusClass} ] ${attributes.className || ""}`, ...attributes, children: content }));
+}));
+export default FeatureListContent;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/js/components/feature-list/content.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,OAAO,CAAC;AAEvC,OAAO,uBAAuB,MAAM,iBAAiB,CAAC;AAEtD,MAAM,kBAAkB,GAAG,IAAI,CAC9B,UAAU,CAAC,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IAChD,MAAM,EACL,MAAM,EACN,QAAQ,EACR,mBAAmB,EAAE,oBAAoB,EACzC,EAAE,EAAE,CAAC,GAAG,KAAK,EACb,OAAO,EACP,eAAe,EACf,GAAG,UAAU,EACb,GAAG,KAAK,CAAC;IACV,IAAI,OAAO,GAAG,QAAQ,CAAC;IACvB,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,SAAS,GACd,eAAe,KAAK,IAAI;YACxB,eAAe,KAAK,SAAS;YAC7B,eAAe,KAAK,EAAE,CAAC;QACxB,OAAO,GAAG,CACT,KAAC,uBAAuB,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAC9D,CAAC;IACH,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAoB,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,OAAO,CACN,KAAC,CAAC,IACD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iCAAiC,WAAW,MACtD,UAAU,CAAC,SAAS,IAAI,EACzB,EAAE,KACE,UAAU,YAEb,OAAO,GACL,CACJ,CAAC;AACH,CAAC,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { PropsWithChildren } from "react";
+import type { FullUiState, MapsightUiFeatureId, SelectFeatureActionOptions } from "../../types";
+import type { FeatureListStateProps } from "./hooks/useFeatureListState";
+export type FeatureListContextValue = {
+    state: Omit<FeatureListStateProps, "listUiOptions">;
+    listUiOptions: Partial<FullUiState["list"]>;
+    enableKeyboardControl: boolean;
+    showFeatureListInfo: boolean;
+    selectFeature: (featureId: MapsightUiFeatureId, options: SelectFeatureActionOptions) => void;
+    deselectFeature: (featureId: MapsightUiFeatureId, options: SelectFeatureActionOptions) => void;
+};
+export declare const FeatureListContextProvider: ({ value, children, }: PropsWithChildren<{
+    value: FeatureListContextValue;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const useFeatureListContext: () => FeatureListContextValue;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EACX,WAAW,EACX,mBAAmB,EACnB,0BAA0B,EAC1B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,6BAA6B,CAAC;AAEvE,MAAM,MAAM,uBAAuB,GAAG;IACrC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;IACpD,aAAa,EAAE,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5C,qBAAqB,EAAE,OAAO,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,CACd,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,0BAA0B,KAC/B,IAAI,CAAC;IACV,eAAe,EAAE,CAChB,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,0BAA0B,KAC/B,IAAI,CAAC;CACV,CAAC;AAKF,eAAO,MAAM,0BAA0B,GAAI,sBAGxC,iBAAiB,CAAC;IACpB,KAAK,EAAE,uBAAuB,CAAC;CAC/B,CAAC,4CAID,CAAC;AAEF,eAAO,MAAM,qBAAqB,+BAOjC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const FeatureListContext = createContext(null);
+FeatureListContext.displayName = "FeatureListContext";
+export const FeatureListContextProvider = ({ value, children, }) => (_jsx(FeatureListContext.Provider, { value: value, children: children }));
+export const useFeatureListContext = () => {
+    const value = useContext(FeatureListContext);
+    if (value === null) {
+        throw new Error("FeatureListContext is not provided");
+    }
+    return value;
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/js/components/feature-list/context.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAwBhD,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAC/E,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAC1C,KAAK,EACL,QAAQ,GAGP,EAAE,EAAE,CAAC,CACN,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACzC,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC7C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,KAAK,CAAC;AACd,CAAC,CAAC"}

package/dist/components/feature-list/empty-message.d.ts

@@ -0,0 +1,7 @@
+export default FeatureListEmptyMessage;
+declare function FeatureListEmptyMessage({ hasSource, as: T, ...attributes }: {
+    [x: string]: any;
+    hasSource: any;
+    as?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty-message.d.ts.map

package/dist/components/feature-list/empty-message.d.ts.map

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

package/dist/components/feature-list/empty-message.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { translate } from "../../helpers/i18n";
+function FeatureListEmptyMessage({ hasSource, as: T = "div", ...attributes }) {
+    const emptyMessage = hasSource
+        ? translate("ui.feature-list.content.noEntries")
+        : translate("ui.feature-list.content.noListSelected");
+    return (_jsx(T, { className: "ms3-list__empty", ...attributes, children: emptyMessage }));
+}
+export default FeatureListEmptyMessage;
+//# sourceMappingURL=empty-message.js.map

package/dist/components/feature-list/empty-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-message.js","sourceRoot":"","sources":["../../../src/js/components/feature-list/empty-message.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,SAAS,uBAAuB,CAAC,EAAC,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,UAAU,EAAC;IACzE,MAAM,YAAY,GAAG,SAAS;QAC7B,CAAC,CAAC,SAAS,CAAC,mCAAmC,CAAC;QAChD,CAAC,CAAC,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAEvD,OAAO,CACN,KAAC,CAAC,IAAC,SAAS,EAAC,iBAAiB,KAAK,UAAU,YAC3C,YAAY,GACV,CACJ,CAAC;AACH,CAAC;AAED,eAAe,uBAAuB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list/filter.jsx"],"names":[],"mappings":";;AASA,0EAuBC"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import useDebounce from "../../hooks/useDebounce";
+import { filterListQuery } from "../../store/actions.js";
+import { listQuerySelector } from "../../store/selectors.js";
+import FeaturesQueryInput from "./query-input";
+function FeatureFilter() {
+    const dispatch = useDispatch();
+    const [input, setInput] = useState(useSelector(listQuerySelector));
+    const debouncedInput = useDebounce(input, 200);
+    useEffect(() => {
+        if (debouncedInput !== "") {
+            dispatch(filterListQuery(debouncedInput));
+        }
+    }, [dispatch, debouncedInput]);
+    // needed to "override" debounce if the value is ""
+    useEffect(() => {
+        if (input === "") {
+            dispatch(filterListQuery(""));
+        }
+    }, [dispatch, input]);
+    return (_jsx("div", { className: "ms3-list__filter-box", children: _jsx(FeaturesQueryInput, { query: input, onChange: setInput }) }));
+}
+export default memo(FeatureFilter);
+//# sourceMappingURL=filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../src/js/components/feature-list/filter.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,kBAAkB,MAAM,eAAe,CAAC;AAE/C,SAAS,aAAa;IACrB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,cAAc,KAAK,EAAE,EAAE,CAAC;YAC3B,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;QAC3C,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,mDAAmD;IACnD,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YAClB,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/B,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,cAAK,SAAS,EAAC,sBAAsB,YACpC,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACnD,CACN,CAAC;AACH,CAAC;AAED,eAAe,IAAI,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+export default FeatureListFooter;
+declare function FeatureListFooter({ as: T, ...attributes }: {
+    [x: string]: any;
+    as?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function FeatureListFooter({ as: T = "div", ...attributes }) {
+    return _jsx(T, { className: "ms3-list-footer", ...attributes });
+}
+export default FeatureListFooter;
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/js/components/feature-list/footer.jsx"],"names":[],"mappings":";AAAA,SAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,UAAU,EAAC;IACxD,OAAO,KAAC,CAAC,IAAC,SAAS,EAAC,iBAAiB,KAAK,UAAU,GAAI,CAAC;AAC1D,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/feature-list/grouped-content.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("react").NamedExoticComponent<Omit<{
+    [x: string]: any;
+    as?: string | undefined;
+    groupAs?: null | undefined;
+    itemAs: any;
+}, "ref"> & import("react").RefAttributes<any>>;
+export default _default;
+//# sourceMappingURL=grouped-content.d.ts.map

package/dist/components/feature-list/grouped-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-content.d.ts","sourceRoot":"","sources":["../../../src/js/components/feature-list/grouped-content.jsx"],"names":[],"mappings":""}