@tedi-design-system/react 14.0.0-rc.1

package/src/community/components/map-components/map-accordion/map-accordion.d.ts

@@ -0,0 +1,68 @@
+import React, { JSX } from 'react';
+export interface MapAccordionProps {
+    /**
+     * Accordion children – typically a list of AccordionItem components.
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional custom class name for additional styling.
+     */
+    className?: string;
+    /**
+     * Controlled prop to define which item IDs are open.
+     * Use in combination with `onToggleItem` to manage state externally.
+     */
+    openItem?: string[];
+    /**
+     * Handler called when an accordion item is toggled.
+     * Receives the toggled item's ID.
+     */
+    onToggleItem?: (id: string) => void;
+    /**
+     * List of item IDs that should be open by default.
+     * Used for uncontrolled behavior (default state only).
+     * @default []
+     */
+    defaultOpenItem?: string[];
+    /**
+     * If `true`, enables expander mode – typically used to show/hide the entire panel.
+     */
+    expanderMode?: boolean;
+    /**
+     * Title shown for the expander when `expanderMode` is enabled.
+     */
+    expanderTitle?: string;
+    /**
+     * Optional render function for a custom close button per item.
+     * Receives the item's ID and returns a ReactNode to render.
+     */
+    renderCloseButton?: (id: string) => React.ReactNode;
+}
+export interface IMapAccordionContext {
+    /**
+     * Function to check if a given item ID is open.
+     */
+    isOpen: (id: string) => boolean;
+    /**
+     * Function to toggle an item open/closed.
+     */
+    onToggle: (id: string) => void;
+    /**
+     * Optional render function for a custom close button per item.
+     */
+    renderCloseButton?: (id: string) => React.ReactNode;
+}
+export declare const MapAccordionContext: React.Context<IMapAccordionContext>;
+export declare const MapAccordionComponent: {
+    (props: MapAccordionProps): JSX.Element;
+    displayName: string;
+};
+export declare const MapAccordion: {
+    (props: MapAccordionProps): JSX.Element;
+    displayName: string;
+} & {
+    Item: (props: import("./map-accordion-item").MapAccordionItemProps) => JSX.Element;
+    Content: (props: import("./map-accordion-item-content").MapAccordionItemContentProps) => JSX.Element;
+    Header: (props: import("./map-accordion-item-header").MapAccordionItemHeaderProps) => JSX.Element;
+};
+export default MapAccordion;

package/src/community/components/map-components/map-accordion/map-accordion.es.js

@@ -0,0 +1,66 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import j from "../../../../../external/classnames/index.es.js";
+import t from "react";
+import { Icon as k } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Button as v } from "../../../../tedi/components/buttons/button/button.es.js";
+import a from "./map-accordion.module.scss.es.js";
+import { MapAccordionItem as p } from "./map-accordion-item.es.js";
+import { MapAccordionItemContent as w } from "./map-accordion-item-content.es.js";
+import { MapAccordionItemHeader as S } from "./map-accordion-item-header.es.js";
+const B = t.createContext({
+  isOpen: () => !0,
+  onToggle: () => null
+}), u = (i) => {
+  const {
+    children: l,
+    className: f,
+    openItem: o,
+    onToggleItem: n,
+    renderCloseButton: _,
+    defaultOpenItem: I = [],
+    expanderMode: c,
+    expanderTitle: C
+  } = i, g = o || I, [h, y] = t.useState(g), [s, x] = t.useState(!1), A = (e = i.openItem) => !!n && typeof e < "u", b = (e) => {
+    if (n)
+      return n(e);
+    A(o) || y((d) => d.includes(e) ? d.filter((T) => T !== e) : [...d, e]);
+  }, M = () => n && typeof o < "u" ? o : h, N = (e) => M().includes(e), O = t.Children.toArray(l).filter(
+    (e) => t.isValidElement(e) && e.type === p
+  ).length;
+  return /* @__PURE__ */ r(B.Provider, { value: { isOpen: N, onToggle: b, renderCloseButton: _ }, children: /* @__PURE__ */ m("div", { className: j(a["tedi-map-accordion"], f), children: [
+    c && s ? /* @__PURE__ */ r("div", { className: a["tedi-map-accordion__collapsed"], children: /* @__PURE__ */ m("div", { className: a["tedi-map-accordion__collapsed-header"], children: [
+      C,
+      " (",
+      O,
+      ")"
+    ] }) }) : l,
+    c && /* @__PURE__ */ r(
+      v,
+      {
+        fullWidth: !0,
+        noStyle: !0,
+        onClick: () => x(!s),
+        className: a["tedi-map-accordion__expander-button"],
+        children: /* @__PURE__ */ r(
+          k,
+          {
+            name: c && s ? "keyboard_double_arrow_down" : "keyboard_double_arrow_up",
+            color: "brand"
+          }
+        )
+      }
+    )
+  ] }) });
+};
+u.displayName = "Accordion";
+const F = Object.assign(u, {
+  Item: p,
+  Content: w,
+  Header: S
+});
+export {
+  F as MapAccordion,
+  u as MapAccordionComponent,
+  B as MapAccordionContext,
+  F as default
+};

package/src/community/components/map-components/map-accordion/map-accordion.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-map-accordion__item-wrapping-heading":"tedi-map-accordion__item-wrapping-heading-f98003bc","tedi-map-accordion__item-header":"tedi-map-accordion__item-header-2694fde9","tedi-map-accordion__item--disabled":"tedi-map-accordion__item--disabled-cf36a41f","tedi-map-accordion__item-header-primary":"tedi-map-accordion__item-header-primary-d6910359","tedi-map-accordion__item--open":"tedi-map-accordion__item--open-b97fa52a","tedi-map-accordion__item-header-secondary":"tedi-map-accordion__item-header-secondary-ad620a1e","tedi-map-accordion__item-toggler":"tedi-map-accordion__item-toggler-3454e13f","tedi-map-accordion__item-header-separator":"tedi-map-accordion__item-header-separator-f1d58030","tedi-map-accordion__item":"tedi-map-accordion__item-8b54b1bf","tedi-map-accordion__item-header-title":"tedi-map-accordion__item-header-title-1671ed3a","tedi-map-accordion__item-header-content":"tedi-map-accordion__item-header-content-fecf8ee1","tedi-map-accordion__item-content":"tedi-map-accordion__item-content-47c3a175","tedi-map-accordion__collapsed":"tedi-map-accordion__collapsed-bdd07065","tedi-map-accordion__collapsed-header":"tedi-map-accordion__collapsed-header-cf61e72b","tedi-map-accordion__expander-button":"tedi-map-accordion__expander-button-9c2c9b0e","tedi-map-accordion__item-header-actions":"tedi-map-accordion__item-header-actions-d43f5eed"};exports.default=e;

package/src/community/components/map-components/map-accordion/map-accordion.module.scss.es.js

@@ -0,0 +1,21 @@
+const e = {
+  "tedi-map-accordion__item-wrapping-heading": "tedi-map-accordion__item-wrapping-heading-f98003bc",
+  "tedi-map-accordion__item-header": "tedi-map-accordion__item-header-2694fde9",
+  "tedi-map-accordion__item--disabled": "tedi-map-accordion__item--disabled-cf36a41f",
+  "tedi-map-accordion__item-header-primary": "tedi-map-accordion__item-header-primary-d6910359",
+  "tedi-map-accordion__item--open": "tedi-map-accordion__item--open-b97fa52a",
+  "tedi-map-accordion__item-header-secondary": "tedi-map-accordion__item-header-secondary-ad620a1e",
+  "tedi-map-accordion__item-toggler": "tedi-map-accordion__item-toggler-3454e13f",
+  "tedi-map-accordion__item-header-separator": "tedi-map-accordion__item-header-separator-f1d58030",
+  "tedi-map-accordion__item": "tedi-map-accordion__item-8b54b1bf",
+  "tedi-map-accordion__item-header-title": "tedi-map-accordion__item-header-title-1671ed3a",
+  "tedi-map-accordion__item-header-content": "tedi-map-accordion__item-header-content-fecf8ee1",
+  "tedi-map-accordion__item-content": "tedi-map-accordion__item-content-47c3a175",
+  "tedi-map-accordion__collapsed": "tedi-map-accordion__collapsed-bdd07065",
+  "tedi-map-accordion__collapsed-header": "tedi-map-accordion__collapsed-header-cf61e72b",
+  "tedi-map-accordion__expander-button": "tedi-map-accordion__expander-button-9c2c9b0e",
+  "tedi-map-accordion__item-header-actions": "tedi-map-accordion__item-header-actions-d43f5eed"
+};
+export {
+  e as default
+};

package/src/community/components/map-components/map-button/map-button.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),T=require("../../../../tedi/components/base/icon/icon.cjs.js"),_=require("../../../../tedi/components/buttons/button/button.cjs.js"),l=require("../map-dropdown/map-dropdown.cjs.js"),e=require("./map-button.module.scss.cjs.js"),r=require("../../../../tedi/components/overlays/tooltip/tooltip.cjs.js"),m=b=>{const{size:n="default",icon:a,selected:f=!1,className:h,children:d,hideLabel:c=!1,tooltipContent:u=d,dropdownItems:o,...x}=b,[j,g]=C.useState(!1),q=f||j,w=p.default(e.default["tedi-map-button"],e.default[`tedi-map-button--${n}`],q&&e.default["tedi-map-button--selected"],o&&e.default["tedi-map-button--dropdown"],h),D=t.jsxs(t.Fragment,{children:[a&&t.jsx(T.Icon,{name:a,className:e.default["tedi-map-button__icon"],size:n==="small"?24:18}),!c&&t.jsx("div",{className:p.default(e.default["tedi-map-button__text"]),children:d})]}),s=t.jsx(_.Button,{noStyle:!0,className:w,size:n,...x,children:D}),M=c&&u?t.jsxs(r.Tooltip,{placement:"right",children:[t.jsx(r.Tooltip.Trigger,{children:s}),t.jsx(r.Tooltip.Content,{children:u})]}):s;return o?t.jsxs(l.MapDropdown,{onOpenChange:g,placement:"right-start",children:[t.jsx(l.MapDropdown.Trigger,{children:s}),t.jsx(l.MapDropdown.Content,{items:o.map(i=>({children:i.children,onClick:i.onClick,isDisabled:i.isDisabled}))})]}):M};exports.MapButton=m;exports.default=m;

package/src/community/components/map-components/map-button/map-button.d.ts

@@ -0,0 +1,38 @@
+import { JSX } from 'react';
+import { ButtonProps } from '../../../../tedi';
+import { MapDropdownItem } from '../map-dropdown/map-dropdown';
+export interface MapButtonProps extends Omit<ButtonProps, 'size'> {
+    /**
+     * Size of the button. Can be:
+     * - `'default'` – standard size.
+     * - `'small'` – smaller button for compact UIs.
+     */
+    size?: 'default' | 'small';
+    /**
+     * Name of the icon to display inside the button (e.g., Material Symbols name).
+     * If set, the icon appears alongside or instead of the label.
+     */
+    icon?: string;
+    /**
+     * Whether the button is in a selected state.
+     * Useful for toggles or filter-style buttons.
+     */
+    selected?: boolean;
+    /**
+     * If `true`, hides the label visually (icon-only button).
+     * Label may still be available to screen readers.
+     */
+    hideLabel?: boolean;
+    /**
+     * Content to show in a tooltip on hover or focus.
+     * Can be a string or a React element for custom tooltips.
+     */
+    tooltipContent?: string | React.ReactNode;
+    /**
+     * Optional dropdown menu items.
+     * When provided, the button can toggle a dropdown menu.
+     */
+    dropdownItems?: MapDropdownItem[];
+}
+export declare const MapButton: (props: MapButtonProps) => JSX.Element;
+export default MapButton;

package/src/community/components/map-components/map-button/map-button.es.js

@@ -0,0 +1,50 @@
+import { jsxs as s, Fragment as T, jsx as t } from "react/jsx-runtime";
+import u from "../../../../../external/classnames/index.es.js";
+import { useState as _ } from "react";
+import { Icon as I } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Button as M } from "../../../../tedi/components/buttons/button/button.es.js";
+import { MapDropdown as l } from "../map-dropdown/map-dropdown.es.js";
+import e from "./map-button.module.scss.es.js";
+import { Tooltip as a } from "../../../../tedi/components/overlays/tooltip/tooltip.es.js";
+const F = (h) => {
+  const {
+    size: o = "default",
+    icon: m,
+    selected: f = !1,
+    className: b,
+    children: c,
+    hideLabel: d = !1,
+    tooltipContent: p = c,
+    dropdownItems: n,
+    ...g
+  } = h, [C, w] = _(!1), D = f || C, N = u(
+    e["tedi-map-button"],
+    e[`tedi-map-button--${o}`],
+    D && e["tedi-map-button--selected"],
+    n && e["tedi-map-button--dropdown"],
+    b
+  ), x = /* @__PURE__ */ s(T, { children: [
+    m && /* @__PURE__ */ t(I, { name: m, className: e["tedi-map-button__icon"], size: o === "small" ? 24 : 18 }),
+    !d && /* @__PURE__ */ t("div", { className: u(e["tedi-map-button__text"]), children: c })
+  ] }), i = /* @__PURE__ */ t(M, { noStyle: !0, className: N, size: o, ...g, children: x }), B = d && p ? /* @__PURE__ */ s(a, { placement: "right", children: [
+    /* @__PURE__ */ t(a.Trigger, { children: i }),
+    /* @__PURE__ */ t(a.Content, { children: p })
+  ] }) : i;
+  return n ? /* @__PURE__ */ s(l, { onOpenChange: w, placement: "right-start", children: [
+    /* @__PURE__ */ t(l.Trigger, { children: i }),
+    /* @__PURE__ */ t(
+      l.Content,
+      {
+        items: n.map((r) => ({
+          children: r.children,
+          onClick: r.onClick,
+          isDisabled: r.isDisabled
+        }))
+      }
+    )
+  ] }) : B;
+};
+export {
+  F as MapButton,
+  F as default
+};

package/src/community/components/map-components/map-button/map-button.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-map-button":"tedi-map-button-ff336c6a","tedi-map-button__icon":"tedi-map-button__icon-f9ff78eb","tedi-map-button__text":"tedi-map-button__text-7f6a075e","tedi-map-button--default":"tedi-map-button--default-e1b335b5","tedi-map-button--small":"tedi-map-button--small-75882e8f","tedi-map-button--selected":"tedi-map-button--selected-9473bbd6","tedi-map-button--dropdown":"tedi-map-button--dropdown-ca6f4f3b"};exports.default=t;

package/src/community/components/map-components/map-button/map-button.module.scss.es.js

@@ -0,0 +1,12 @@
+const t = {
+  "tedi-map-button": "tedi-map-button-ff336c6a",
+  "tedi-map-button__icon": "tedi-map-button__icon-f9ff78eb",
+  "tedi-map-button__text": "tedi-map-button__text-7f6a075e",
+  "tedi-map-button--default": "tedi-map-button--default-e1b335b5",
+  "tedi-map-button--small": "tedi-map-button--small-75882e8f",
+  "tedi-map-button--selected": "tedi-map-button--selected-9473bbd6",
+  "tedi-map-button--dropdown": "tedi-map-button--dropdown-ca6f4f3b"
+};
+export {
+  t as default
+};

package/src/community/components/map-components/map-dropdown/map-dropdown.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),j=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),l=require("./map-dropdown.module.scss.cjs.js"),te=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),ne=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),q=({children:a})=>a,E=({items:a,children:x})=>null,p=a=>{const{children:x,onItemClick:f,closeMenuOnClick:N=!0,onOpenChange:g,placement:R="bottom-start",layout:I="column",isOpen:m,sameWidth:O=!1,className:A}=a,{initialFocus:S=-1,modal:b=!1,...y}=a.focusManager??{},{getLabel:T}=ne.useLabels(),{visuallyHiddenDismiss:L=b?T("close"):!1}=y??{},U=o.useFloatingNodeId(),M=r.useRef([]),[W,w]=r.useState(!1),v=m!==void 0?m:W,[_,K]=r.useState(null);let u=[],P=null,i=null;if(r.Children.forEach(x,e=>{if(r.isValidElement(e)){if(e.type===q)i=e.props.children;else if(e.type===E){const n=e.props,{items:t,children:c}=n;Array.isArray(t)&&t.every(h=>typeof h=="object"&&h!==null&&"children"in h)?u=t:c&&(P=c)}}}),!i)throw new Error("Dropdown must have a Dropdown.Trigger child");const k={name:"sameWidth",fn:({rects:e,elements:n})=>{const t=e.reference.width;return n.floating.style.width=`${t}px`,{data:{width:t}}}},{x:B,y:H,strategy:V,refs:F,placement:$,context:d}=o.useFloating({placement:R,nodeId:U,open:v,onOpenChange:e=>{m===void 0&&w(e),g==null||g(e)},middleware:[...O?[k]:[],D.flip(),D.shift(),D.offset(5)],whileElementsMounted:te.autoUpdate}),z=u.findIndex(e=>e.isActive),{getReferenceProps:G,getFloatingProps:J,getItemProps:Q}=o.useInteractions([o.useClick(d),o.useListNavigation(d,{listRef:M,activeIndex:_,selectedIndex:z,onNavigate:K,loop:!0}),o.useRole(d,{role:"listbox"}),o.useDismiss(d,{outsidePress:e=>!(e.target instanceof Element&&e.target.closest("[data-floating-ui-portal]")),escapeKey:!1,referencePress:!1})]),X=()=>v?s.jsx(o.FloatingFocusManager,{context:d,initialFocus:S,visuallyHiddenDismiss:L,modal:b,...y,children:s.jsx("div",{...J({ref:F.setFloating,style:{position:V,left:B??0,top:H??0},className:j.default(l.default["tedi-map-dropdown"],{[l.default["tedi-map-dropdown--row"]]:I==="row",[l.default["tedi-map-dropdown--column"]]:I==="column"},A),onKeyDown(n){n.key==="Tab"&&w(!1)}}),"data-placement":$,children:u.length>0?u.map((n,t)=>Z(n,t)):P})}):null,Y=e=>j.default(l.default["tedi-map-dropdown__item"],{[l.default["tedi-map-dropdown__item--active"]]:e.isActive,[l.default["tedi-map-dropdown__item--disabled"]]:e.isDisabled}),C=(e,n,t)=>{var c;f==null||f(e,n,t),(c=e==null?void 0:e.onClick)==null||c.call(e,t),N&&w(!1)},Z=(e,n)=>s.jsx("button",{...Q({disabled:e.isDisabled,tabIndex:_===n?0:-1,role:"option",className:Y(e),onClick:t=>C(e,n,t),onKeyDown(t){t.key==="Enter"&&C(e,n,t)},ref(t){M.current[n]=t}}),children:e.children},n),ee=i?r.cloneElement(i,{...G({ref:F.setReference,tabIndex:0,...i.props})}):null;return s.jsxs(s.Fragment,{children:[ee,s.jsx(o.FloatingPortal,{children:X()})]})};p.Trigger=q;p.Content=E;exports.MapDropdown=p;exports.default=p;

package/src/community/components/map-components/map-dropdown/map-dropdown.d.ts

@@ -0,0 +1,61 @@
+import { FloatingFocusManager, Placement } from '@floating-ui/react';
+import React from 'react';
+export type MapDropdownItem = {
+    /**
+     * Content of the item
+     */
+    children: React.ReactNode;
+    /**
+     * Callback when item is clicked
+     */
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    /**
+     * Is item active
+     */
+    isActive?: boolean;
+    /**
+     * Is item disabled
+     */
+    isDisabled?: boolean;
+};
+export type MapDropdownProps = {
+    /**
+     * Dropdown items
+     */
+    children: React.ReactNode;
+    /**
+     * Callback when one of the items is clicked
+     */
+    onItemClick?: (item: MapDropdownItem, index: number, e: React.MouseEvent | React.KeyboardEvent) => void;
+    /**
+     * Close menu when item is clicked.
+     * @default true
+     */
+    closeMenuOnClick?: boolean;
+    /**
+     * Props passed to FloatingFocusManager
+     */
+    focusManager?: Omit<React.ComponentProps<typeof FloatingFocusManager>, 'context' | 'children'>;
+    onOpenChange?: (isOpen: boolean) => void;
+    className?: string;
+    placement?: Placement;
+    layout?: 'column' | 'row';
+    /**
+     * Controlled open state
+     */
+    isOpen?: boolean;
+    sameWidth?: boolean;
+};
+type MapDropdownTriggerProps = {
+    children: React.ReactElement;
+};
+export type MapDropdownContentProps = {
+    items?: MapDropdownItem[];
+    children?: React.ReactNode;
+};
+export declare const MapDropdown: {
+    (props: MapDropdownProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children }: MapDropdownTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    Content: ({ items, children }: MapDropdownContentProps) => null;
+};
+export default MapDropdown;

package/src/community/components/map-components/map-dropdown/map-dropdown.es.js

@@ -0,0 +1,145 @@
+import { jsxs as Z, Fragment as ee, jsx as c } from "react/jsx-runtime";
+import { useFloatingNodeId as te, useFloating as ne, useInteractions as oe, useClick as se, useListNavigation as re, useRole as le, useDismiss as ie, FloatingPortal as ae, FloatingFocusManager as de } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import P from "../../../../../external/classnames/index.es.js";
+import a, { cloneElement as ce } from "react";
+import o from "./map-dropdown.module.scss.es.js";
+import { autoUpdate as pe } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { flip as fe, shift as ue, offset as me } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useLabels as ge } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (s) => {
+  const {
+    children: w,
+    onItemClick: p,
+    closeMenuOnClick: _ = !0,
+    onOpenChange: f,
+    placement: R = "bottom-start",
+    layout: h = "column",
+    isOpen: u,
+    sameWidth: O = !1,
+    className: A
+  } = s, { initialFocus: T = -1, modal: I = !1, ...D } = s.focusManager ?? {}, { getLabel: W } = ge(), { visuallyHiddenDismiss: j = I ? W("close") : !1 } = D ?? {}, K = te(), x = a.useRef([]), [L, m] = a.useState(!1), y = u !== void 0 ? u : L, [b, S] = a.useState(null);
+  let d = [], v = null, r = null;
+  if (a.Children.forEach(w, (e) => {
+    if (a.isValidElement(e)) {
+      if (e.type === C)
+        r = e.props.children;
+      else if (e.type === N) {
+        const n = e.props, { items: t, children: i } = n;
+        Array.isArray(t) && t.every(
+          (g) => typeof g == "object" && g !== null && "children" in g
+        ) ? d = t : i && (v = i);
+      }
+    }
+  }), !r)
+    throw new Error("Dropdown must have a Dropdown.Trigger child");
+  const k = {
+    name: "sameWidth",
+    fn: ({ rects: e, elements: n }) => {
+      const t = e.reference.width;
+      return n.floating.style.width = `${t}px`, {
+        data: { width: t }
+      };
+    }
+  }, { x: B, y: H, strategy: U, refs: M, placement: V, context: l } = ne({
+    placement: R,
+    nodeId: K,
+    open: y,
+    onOpenChange: (e) => {
+      u === void 0 && m(e), f == null || f(e);
+    },
+    middleware: [...O ? [k] : [], fe(), ue(), me(5)],
+    whileElementsMounted: pe
+  }), $ = d.findIndex((e) => e.isActive), { getReferenceProps: q, getFloatingProps: z, getItemProps: G } = oe([
+    se(l),
+    re(l, {
+      listRef: x,
+      activeIndex: b,
+      selectedIndex: $,
+      onNavigate: S,
+      loop: !0
+    }),
+    le(l, { role: "listbox" }),
+    ie(l, {
+      outsidePress: (e) => !(e.target instanceof Element && e.target.closest("[data-floating-ui-portal]")),
+      escapeKey: !1,
+      referencePress: !1
+    })
+  ]), J = () => y ? /* @__PURE__ */ c(
+    de,
+    {
+      context: l,
+      initialFocus: T,
+      visuallyHiddenDismiss: j,
+      modal: I,
+      ...D,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          ...z({
+            ref: M.setFloating,
+            style: {
+              position: U,
+              left: B ?? 0,
+              top: H ?? 0
+            },
+            className: P(
+              o["tedi-map-dropdown"],
+              {
+                [o["tedi-map-dropdown--row"]]: h === "row",
+                [o["tedi-map-dropdown--column"]]: h === "column"
+              },
+              A
+            ),
+            onKeyDown(n) {
+              n.key === "Tab" && m(!1);
+            }
+          }),
+          "data-placement": V,
+          children: d.length > 0 ? d.map((n, t) => X(n, t)) : v
+        }
+      )
+    }
+  ) : null, Q = (e) => P(o["tedi-map-dropdown__item"], {
+    [o["tedi-map-dropdown__item--active"]]: e.isActive,
+    [o["tedi-map-dropdown__item--disabled"]]: e.isDisabled
+  }), F = (e, n, t) => {
+    var i;
+    p == null || p(e, n, t), (i = e == null ? void 0 : e.onClick) == null || i.call(e, t), _ && m(!1);
+  }, X = (e, n) => /* @__PURE__ */ c(
+    "button",
+    {
+      ...G({
+        disabled: e.isDisabled,
+        tabIndex: b === n ? 0 : -1,
+        role: "option",
+        className: Q(e),
+        onClick: (t) => F(e, n, t),
+        onKeyDown(t) {
+          t.key === "Enter" && F(e, n, t);
+        },
+        ref(t) {
+          x.current[n] = t;
+        }
+      }),
+      children: e.children
+    },
+    n
+  ), Y = r ? ce(r, {
+    ...q({
+      ref: M.setReference,
+      tabIndex: 0,
+      // @ts-expect-error: 'rest' props do not fully match Anchor's expected props, but they are validated elsewhere
+      ...r.props
+    })
+  }) : null;
+  return /* @__PURE__ */ Z(ee, { children: [
+    Y,
+    /* @__PURE__ */ c(ae, { children: J() })
+  ] });
+};
+E.Trigger = C;
+E.Content = N;
+export {
+  E as MapDropdown,
+  E as default
+};

package/src/community/components/map-components/map-dropdown/map-dropdown.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d={"tedi-map-dropdown":"tedi-map-dropdown-f4aa3034","tedi-map-dropdown--column":"tedi-map-dropdown--column-a9df3416","tedi-map-dropdown--row":"tedi-map-dropdown--row-b5d262d8","tedi-map-dropdown__item":"tedi-map-dropdown__item-eff758a3","tedi-map-dropdown__item--active":"tedi-map-dropdown__item--active-79042e9c","tedi-map-dropdown__item--disabled":"tedi-map-dropdown__item--disabled-1cde6420"};exports.default=d;

package/src/community/components/map-components/map-dropdown/map-dropdown.module.scss.es.js

@@ -0,0 +1,11 @@
+const d = {
+  "tedi-map-dropdown": "tedi-map-dropdown-f4aa3034",
+  "tedi-map-dropdown--column": "tedi-map-dropdown--column-a9df3416",
+  "tedi-map-dropdown--row": "tedi-map-dropdown--row-b5d262d8",
+  "tedi-map-dropdown__item": "tedi-map-dropdown__item-eff758a3",
+  "tedi-map-dropdown__item--active": "tedi-map-dropdown__item--active-79042e9c",
+  "tedi-map-dropdown__item--disabled": "tedi-map-dropdown__item--disabled-1cde6420"
+};
+export {
+  d as default
+};

package/src/community/components/map-components/map-info/map-info.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),f=require("../../../../tedi/components/base/icon/icon.cjs.js"),t=require("./map-info.module.scss.cjs.js"),r=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),i=a=>{const{children:l,popover:e}=a,[n,p]=u.useState(!1),c=d.default([t.default["tedi-map-info__wrapper"],n&&t.default["tedi-map-info--open"]],e&&t.default["tedi-map-info--has-popover"]),s=o.jsxs("div",{className:c,children:[e&&o.jsx(f.Icon,{size:18,name:n?"expand_less":"expand_more",className:t.default["tedi-map-info__toggler"]}),l]});return e?o.jsxs(r.Popover,{open:n,onToggle:()=>p(!n),children:[o.jsx(r.Popover.Trigger,{children:s}),o.jsx(r.Popover.Content,{...e,children:e==null?void 0:e.children})]}):s};exports.MapInfo=i;exports.default=i;

package/src/community/components/map-components/map-info/map-info.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PopoverContentProps } from '../../../../tedi';
+export interface MapInfoProps {
+    /**
+     * Optional configuration for rendering info content inside a popover.
+     */
+    popover?: PopoverContentProps;
+    /**
+     * The info content to display. Can be a single React node or an array of nodes.
+     */
+    children: React.ReactNode | React.ReactNode[];
+}
+export declare const MapInfo: (props: MapInfoProps) => JSX.Element;
+export default MapInfo;

package/src/community/components/map-components/map-info/map-info.es.js

@@ -0,0 +1,23 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import c from "../../../../../external/classnames/index.es.js";
+import { useState as d } from "react";
+import { Icon as f } from "../../../../tedi/components/base/icon/icon.es.js";
+import r from "./map-info.module.scss.es.js";
+import { Popover as t } from "../../../../tedi/components/overlays/popover/popover.es.js";
+const C = (a) => {
+  const { children: m, popover: e } = a, [o, p] = d(!1), l = c(
+    [r["tedi-map-info__wrapper"], o && r["tedi-map-info--open"]],
+    e && r["tedi-map-info--has-popover"]
+  ), s = /* @__PURE__ */ i("div", { className: l, children: [
+    e && /* @__PURE__ */ n(f, { size: 18, name: o ? "expand_less" : "expand_more", className: r["tedi-map-info__toggler"] }),
+    m
+  ] });
+  return e ? /* @__PURE__ */ i(t, { open: o, onToggle: () => p(!o), children: [
+    /* @__PURE__ */ n(t.Trigger, { children: s }),
+    /* @__PURE__ */ n(t.Content, { ...e, children: e == null ? void 0 : e.children })
+  ] }) : s;
+};
+export {
+  C as MapInfo,
+  C as default
+};

package/src/community/components/map-components/map-info/map-info.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-map-info__wrapper":"tedi-map-info__wrapper-c0dbb1d6","tedi-map-info--has-popover":"tedi-map-info--has-popover-e48e68e7","tedi-map-info--open":"tedi-map-info--open-709a5c51","tedi-map-info__toggler":"tedi-map-info__toggler-1e3ec268"};exports.default=e;

package/src/community/components/map-components/map-info/map-info.module.scss.es.js

@@ -0,0 +1,9 @@
+const e = {
+  "tedi-map-info__wrapper": "tedi-map-info__wrapper-c0dbb1d6",
+  "tedi-map-info--has-popover": "tedi-map-info--has-popover-e48e68e7",
+  "tedi-map-info--open": "tedi-map-info--open-709a5c51",
+  "tedi-map-info__toggler": "tedi-map-info__toggler-1e3ec268"
+};
+export {
+  e as default
+};

package/src/community/components/map-components/map-layer/map-layer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),g=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),v=require("../../../../tedi/components/form/checkbox/checkbox.cjs.js"),w=require("../map-select/map-select.cjs.js"),n=require("./map-layer.module.scss.cjs.js"),j=m=>{const{items:d,selectAllLabel:k="Kõik kihid"}=m,[u,h]=r.useState({}),[_,f]=r.useState({}),[C,S]=r.useState(!1);r.useEffect(()=>{const e={},a={},t=i=>{for(const l of i)l.type==="checkbox"&&(e[l.id]=l.defaultChecked??!1),l.type==="select"&&l.defaultValue&&(a[l.id]=l.defaultValue),l.children&&t(l.children)};t(d),h(e),f(a)},[d]),r.useEffect(()=>{const e=Object.values(u),a=e.length,t=e.filter(Boolean).length;S(t>0&&t<a)},[u]);const q=(e,a)=>{if(h(t=>({...t,[e]:a})),!a){const t=i=>{for(const l of i)if(l.id===e&&l.children)for(const s of l.children)s.type==="select"&&f(o=>({...o,[s.id]:void 0})),s.type==="checkbox"&&h(o=>({...o,[s.id]:!1})),s.children&&t([s]);else l.children&&t(l.children)};t(d)}},N=e=>{const a={},t=i=>{for(const l of i)l.type==="checkbox"&&(a[l.id]=e),l.children&&t(l.children)};t(d),h(a),e||f({})},x=(e,a=0)=>{var i,l;const t=u[e.id]??!1;return c.jsxs("div",{className:b.default(n.default["tedi-map-layer__item"],n.default[`tedi-map-layer__level-${a}`]),children:[c.jsxs("div",{className:n.default["tedi-map-layer__row"],children:[e.type==="checkbox"&&c.jsx(v.Checkbox,{id:e.id,label:e.label,name:e.id,checked:t,onChange:(s,o)=>q(e.id,o),value:""}),e.type==="select"&&c.jsx(w.MapSelect,{id:e.id,label:e.label,options:e.options??[],value:_[e.id],onChange:s=>f(o=>({...o,[e.id]:s}))}),e.type==="checkbox"&&c.jsxs("div",{className:n.default["tedi-map-layer__actions"],children:[c.jsx(p.Button,{visualType:"link",icon:"download",children:"Download"}),c.jsx(p.Button,{visualType:"link",icon:"edit",children:"Edit"}),c.jsx(p.Button,{visualType:"link",icon:"info",children:"Info"}),c.jsx(p.Button,{visualType:"link",icon:"more_horiz",children:"Show more actions"})]})]}),e.type==="label"&&c.jsxs("div",{className:n.default["tedi-map-layer__item"],children:[c.jsx("div",{className:n.default["tedi-map-layer__label"],children:e.label}),(i=e.children)==null?void 0:i.map(s=>x(s,a+1))]},e.id),(l=e.children)==null?void 0:l.map(s=>x(s,a+1))]},e.id)},y=e=>e.some(a=>a.type==="checkbox"?!0:a.children?y(a.children):!1);return c.jsxs("div",{className:n.default["tedi-map-layer"],children:[c.jsx("div",{className:n.default["tedi-map-layer__select-all"],children:y(d)?c.jsx(v.Checkbox,{id:"select-all",label:k,name:"select-all",value:"all",checked:Object.values(u).every(Boolean),indeterminate:C,onChange:(e,a)=>N(a)}):c.jsx(g.Text,{color:"primary",modifiers:["bold"],children:k})}),c.jsx("div",{className:b.default(n.default["tedi-map-layer"],!y(d)&&n.default["tedi-map-layer--no-checkboxes"]),children:d.map(e=>x(e,1))})]})};exports.MapLayer=j;exports.default=j;

package/src/community/components/map-components/map-layer/map-layer.d.ts

@@ -0,0 +1,37 @@
+import { CheckboxProps, SelectProps } from '../../../../tedi';
+type BaseLayerOption = {
+    /**
+     * Unique identifier used as the `id` for the input element.
+     */
+    id: string;
+    /**
+     * Text label displayed next to the checkbox or select component.
+     */
+    label: string;
+    /**
+     * Optional nested layer options, used to build a tree-like structure.
+     */
+    children?: LayerOption[];
+};
+export type CheckboxLayerOption = BaseLayerOption & Omit<CheckboxProps, 'id' | 'label' | 'children'> & {
+    type: 'checkbox';
+};
+export type SelectLayerOption = BaseLayerOption & Omit<SelectProps, 'id' | 'label' | 'children'> & {
+    type: 'select';
+};
+export type LabelLayerOption = BaseLayerOption & {
+    type: 'label';
+};
+export type LayerOption = CheckboxLayerOption | SelectLayerOption | LabelLayerOption;
+export type MapLayerProps = {
+    /**
+     * List of layer options to display, which can be nested to form a hierarchy.
+     */
+    items: LayerOption[];
+    /**
+     * Optional label text for the "Select All" master checkbox.
+     */
+    selectAllLabel?: string;
+};
+export declare const MapLayer: (props: MapLayerProps) => JSX.Element;
+export default MapLayer;