@tedi-design-system/react 18.1.0-rc.2 → 18.1.0-rc.20

package/src/community/components/map-components/base-map-selection/base-map-selection.es.js

@@ -1,21 +1,80 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import y from "../../../../../external/classnames/index.es.js";
-import e from "./base-map-selection.module.scss.es.js";
-const h = (n) => {
-  const { title: l, content: o, selected: c, onSelect: t, type: i = "button", className: m, id: p, multiple: d } = n, r = (s) => {
-    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t == null || t());
-  }, b = y(
-    e["tedi-base-map-selection__wrapper"],
-    c && e["tedi-base-map-selection--selected"],
-    i && e[`tedi-base-map-selection--${i}`],
-    d && e["tedi-base-map-selection--multiple"],
-    m
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import B from "../../../../../external/classnames/index.es.js";
+import { useState as M } from "react";
+import { Button as C } from "../../../../tedi/components/buttons/button/button.es.js";
+import { Field as L } from "../../../../tedi/components/form/field/field.es.js";
+import { InputGroupBase as w } from "../../../../tedi/components/form/input-group/input-group.es.js";
+import { Slider as j } from "../../../../tedi/components/form/slider/slider.es.js";
+import { BaseMapOption as I } from "./base-map-option.es.js";
+import a from "./base-map-selection.module.scss.es.js";
+import { Popover as l } from "../../../../tedi/components/overlays/popover/popover.es.js";
+import { Input as O } from "../../../../tedi/components/form/input-group/components/input/input.es.js";
+import { Suffix as $ } from "../../../../tedi/components/form/input-group/components/suffix/suffix.es.js";
+const c = (r) => {
+  const n = Number(r);
+  return Number.isNaN(n) ? 0 : Math.min(100, Math.max(0, n));
+};
+function f(r) {
+  const {
+    title: n,
+    content: b,
+    children: y,
+    multiple: _ = !1,
+    showTransparency: N = !1,
+    transparency: m,
+    defaultTransparency: g,
+    onTransparencyChange: i,
+    transparencyLabel: s = "",
+    id: o
+  } = r, p = m !== void 0, [v, x] = M(
+    () => c(g ?? 0)
+  ), d = c(p ? m : v), u = (S) => {
+    const h = c(S);
+    p || x(h), i == null || i(h);
+  }, T = B(
+    a["tedi-base-map-selection__wrapper"],
+    a["tedi-base-map-selection__trigger"],
+    a["tedi-base-map-selection--button"],
+    _ && a["tedi-base-map-selection--multiple"]
   );
-  return /* @__PURE__ */ u("div", { role: "button", tabIndex: 0, onClick: t, onKeyDown: r, className: b, id: p, children: [
-    /* @__PURE__ */ a("div", { className: e["tedi-base-map-selection__content"], children: o }),
-    /* @__PURE__ */ a("div", { className: e["tedi-base-map-selection__title"], children: l })
+  return /* @__PURE__ */ t(l, { placement: "top-end", children: [
+    /* @__PURE__ */ e(l.Trigger, { children: /* @__PURE__ */ t(C, { noStyle: !0, id: o, className: T, children: [
+      /* @__PURE__ */ e("div", { className: a["tedi-base-map-selection__content"], "aria-hidden": !0, children: b }),
+      /* @__PURE__ */ e("div", { className: a["tedi-base-map-selection__title"], children: n })
+    ] }) }),
+    /* @__PURE__ */ t(l.Content, { width: "medium", children: [
+      /* @__PURE__ */ e("div", { className: a["tedi-base-map-selection__options"], children: y }),
+      N && /* @__PURE__ */ e("div", { className: a["tedi-base-map-selection__transparency"], children: /* @__PURE__ */ e(
+        j,
+        {
+          label: s,
+          "aria-label": s || "Transparency",
+          min: 0,
+          max: 100,
+          value: d,
+          onChange: u,
+          minLabel: "0%",
+          maxLabel: "100%",
+          addonRight: /* @__PURE__ */ e("div", { className: a["tedi-base-map-selection__transparency-field"], children: /* @__PURE__ */ t(w, { id: `${o}-transparency`, label: s || "Transparency", hideLabel: !0, children: [
+            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+              L,
+              {
+                type: "number",
+                id: `${o}-transparency`,
+                value: String(d),
+                onChange: u
+              }
+            ) }),
+            /* @__PURE__ */ e($, { children: "%" })
+          ] }) })
+        }
+      ) })
+    ] })
   ] });
-};
+}
+f.Option = I;
+f.displayName = "BaseMapSelection";
 export {
-  h as BaseMapSelection
+  I as BaseMapOption,
+  f as BaseMapSelection
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-base-map-selection__wrapper":"tedi-base-map-selection__wrapper-aae7464f","tedi-base-map-selection__content":"tedi-base-map-selection__content-3145448d","tedi-base-map-selection--historical":"tedi-base-map-selection--historical-159d3def","tedi-base-map-selection__title":"tedi-base-map-selection__title-d46b74ec","tedi-map-selection__title":"tedi-map-selection__title-20651d60","tedi-base-map-selection--selected":"tedi-base-map-selection--selected-914a0483","tedi-base-map-selection--button":"tedi-base-map-selection--button-0e9e36f4","tedi-base-map-selection--selection":"tedi-base-map-selection--selection-910cae90","tedi-base-map-selection--multiple":"tedi-base-map-selection--multiple-58cb365c"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-base-map-selection__wrapper":"tedi-base-map-selection__wrapper-aae7464f","tedi-base-map-selection--disabled":"tedi-base-map-selection--disabled-a957b2c8","tedi-base-map-selection__content":"tedi-base-map-selection__content-3145448d","tedi-base-map-selection__info":"tedi-base-map-selection__info-a5674a2d","tedi-base-map-selection__options":"tedi-base-map-selection__options-dce549ce","tedi-base-map-selection__transparency":"tedi-base-map-selection__transparency-d4be551d","tedi-base-map-selection__transparency-field":"tedi-base-map-selection__transparency-field-d8b5a065","tedi-base-map-selection--historical":"tedi-base-map-selection--historical-159d3def","tedi-base-map-selection__title":"tedi-base-map-selection__title-d46b74ec","tedi-base-map-selection--selected":"tedi-base-map-selection--selected-914a0483","tedi-base-map-selection--button":"tedi-base-map-selection--button-0e9e36f4","tedi-base-map-selection--selection":"tedi-base-map-selection--selection-910cae90","tedi-base-map-selection--multiple":"tedi-base-map-selection--multiple-58cb365c"};exports.default=e;

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

@@ -1,9 +1,13 @@
 const e = {
   "tedi-base-map-selection__wrapper": "tedi-base-map-selection__wrapper-aae7464f",
+  "tedi-base-map-selection--disabled": "tedi-base-map-selection--disabled-a957b2c8",
   "tedi-base-map-selection__content": "tedi-base-map-selection__content-3145448d",
+  "tedi-base-map-selection__info": "tedi-base-map-selection__info-a5674a2d",
+  "tedi-base-map-selection__options": "tedi-base-map-selection__options-dce549ce",
+  "tedi-base-map-selection__transparency": "tedi-base-map-selection__transparency-d4be551d",
+  "tedi-base-map-selection__transparency-field": "tedi-base-map-selection__transparency-field-d8b5a065",
   "tedi-base-map-selection--historical": "tedi-base-map-selection--historical-159d3def",
   "tedi-base-map-selection__title": "tedi-base-map-selection__title-d46b74ec",
-  "tedi-map-selection__title": "tedi-map-selection__title-20651d60",
   "tedi-base-map-selection--selected": "tedi-base-map-selection--selected-914a0483",
   "tedi-base-map-selection--button": "tedi-base-map-selection--button-0e9e36f4",
   "tedi-base-map-selection--selection": "tedi-base-map-selection--selection-910cae90",

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-button-group":"tedi-button-group-edc8779d","tedi-button-group--horizontal":"tedi-button-group--horizontal-fb80a2c6","tedi-button-group__item":"tedi-button-group__item-da4d0318","tedi-button-group__suffix":"tedi-button-group__suffix-e19ecebe","tedi-button-group__prefix":"tedi-button-group__prefix-c267ac4b","tedi-button-group--vertical":"tedi-button-group--vertical-eef4c53c","tedi-button-group--stretch":"tedi-button-group--stretch-b9680682"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-button-group":"tedi-button-group-edc8779d","tedi-button-group--horizontal":"tedi-button-group--horizontal-fb80a2c6","tedi-button-group__item":"tedi-button-group__item-da4d0318","tedi-button-group__suffix":"tedi-button-group__suffix-e19ecebe","tedi-button-group__prefix":"tedi-button-group__prefix-c267ac4b","tedi-button-group--vertical":"tedi-button-group--vertical-eef4c53c","tedi-button-group__item--active":"tedi-button-group__item--active-d02494ae","tedi-button-group--stretch":"tedi-button-group--stretch-b9680682"};exports.default=t;

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

@@ -5,6 +5,7 @@ const t = {
   "tedi-button-group__suffix": "tedi-button-group__suffix-e19ecebe",
   "tedi-button-group__prefix": "tedi-button-group__prefix-c267ac4b",
   "tedi-button-group--vertical": "tedi-button-group--vertical-eef4c53c",
+  "tedi-button-group__item--active": "tedi-button-group__item--active-d02494ae",
   "tedi-button-group--stretch": "tedi-button-group--stretch-b9680682"
 };
 export {

package/src/community/components/map-components/left-panel/left-panel-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../../tedi/components/buttons/button/button.cjs.js"),n=require("../../../../tedi/components/buttons/button-group/button-group.cjs.js"),u=require("../../../../tedi/components/notifications/alert/alert.cjs.js"),t=require("./left-panel.module.scss.cjs.js"),c=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),a=({showAlert:i=!0,show2D3DButtons:r=!0,children:l})=>e.jsxs("div",{className:t.default["tedi-left-panel__content-wrapper"],children:[i||r&&e.jsxs("div",{className:t.default["tedi-left-panel__content"],children:[i&&e.jsx(u.Alert,{className:t.default["tedi-left-panel__alert"],children:"Kõikide sisselülitatud kihtide kuvamiseks tuleb sisse suumida."}),e.jsx(c.VerticalSpacing,{size:.5,children:r&&e.jsxs(n.ButtonGroup,{type:"primary",stretch:!0,children:[e.jsx(s.Button,{id:"1",isActive:!0,iconLeft:"checked",children:"2D"}),e.jsx(s.Button,{id:"2",children:"3D"})]})})]}),l]});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),o=require("./left-panel.module.scss.cjs.js"),e=({className:t,children:n})=>l.jsx("div",{className:a.default(o.default["tedi-left-panel__content-wrapper"],t),children:n});e.displayName="LeftPanel.Content";exports.LeftPanelContent=e;exports.default=e;

package/src/community/components/map-components/left-panel/left-panel-content.d.ts

@@ -1,7 +1,12 @@
-import { JSX } from 'react';
-import { LeftPanelProps } from './left-panel';
-type LeftPanelContentProps = LeftPanelProps & {
-    children?: React.ReactNode;
+import { JSX, ReactNode } from 'react';
+export interface LeftPanelContentProps {
+    /** Additional class name applied to the content region. */
+    className?: string;
+    /** Main scrollable content of the panel. */
+    children?: ReactNode;
+}
+export declare const LeftPanelContent: {
+    ({ className, children }: LeftPanelContentProps): JSX.Element;
+    displayName: string;
 };
-declare const LeftPanelContent: ({ showAlert, show2D3DButtons, children, }: LeftPanelContentProps) => JSX.Element;
 export default LeftPanelContent;

package/src/community/components/map-components/left-panel/left-panel-content.es.js

@@ -1,23 +1,9 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Button as n } from "../../../../tedi/components/buttons/button/button.es.js";
-import { ButtonGroup as a } from "../../../../tedi/components/buttons/button-group/button-group.es.js";
-import { Alert as c } from "../../../../tedi/components/notifications/alert/alert.es.js";
-import i from "./left-panel.module.scss.es.js";
-import { VerticalSpacing as d } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-const _ = ({
-  showAlert: r = !0,
-  show2D3DButtons: l = !0,
-  children: s
-}) => /* @__PURE__ */ t("div", { className: i["tedi-left-panel__content-wrapper"], children: [
-  r || l && /* @__PURE__ */ t("div", { className: i["tedi-left-panel__content"], children: [
-    r && /* @__PURE__ */ e(c, { className: i["tedi-left-panel__alert"], children: "Kõikide sisselülitatud kihtide kuvamiseks tuleb sisse suumida." }),
-    /* @__PURE__ */ e(d, { size: 0.5, children: l && /* @__PURE__ */ t(a, { type: "primary", stretch: !0, children: [
-      /* @__PURE__ */ e(n, { id: "1", isActive: !0, iconLeft: "checked", children: "2D" }),
-      /* @__PURE__ */ e(n, { id: "2", children: "3D" })
-    ] }) })
-  ] }),
-  s
-] });
+import { jsx as a } from "react/jsx-runtime";
+import o from "../../../../../external/classnames/index.es.js";
+import s from "./left-panel.module.scss.es.js";
+const n = ({ className: e, children: t }) => /* @__PURE__ */ a("div", { className: o(s["tedi-left-panel__content-wrapper"], e), children: t });
+n.displayName = "LeftPanel.Content";
 export {
-  _ as default
+  n as LeftPanelContent,
+  n as default
 };

package/src/community/components/map-components/left-panel/left-panel-footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../tedi/components/base/typography/text/text.cjs.js"),s=require("../../../../tedi/components/navigation/link/link.cjs.js"),t=require("../../../../tedi/components/misc/separator/separator.cjs.js"),a=require("../../form/toggle/toggle.cjs.js"),o=require("./left-panel.module.scss.cjs.js"),i=require("../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../tedi/components/layout/grid/col.cjs.js"),n=()=>e.jsxs("div",{className:o.default["tedi-left-panel__footer"],children:[e.jsxs("div",{className:o.default["tedi-left-panel__footer__theme-switch"],children:[e.jsx(a.Toggle,{ariaLabel:"Toggle dark mode",label:e.jsx(l.Text,{children:"Tume režiim"})}),e.jsx(t.Separator,{color:"primary",spacing:1})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Tehniline tugi"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"kaardirakendus@maaruum.ee"})})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Telefon"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"6 650 600"})})]}),e.jsx(i.Row,{children:e.jsx(r.Col,{children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Maa- ja Ruumiamet. Kõik õigused kaitstud."})})})]});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),r=require("./left-panel.module.scss.cjs.js"),e=({className:t,children:l})=>o.jsx("div",{className:a.default(r.default["tedi-left-panel__footer"],t),children:l});e.displayName="LeftPanel.Footer";exports.LeftPanelFooter=e;exports.default=e;

package/src/community/components/map-components/left-panel/left-panel-footer.d.ts

@@ -1,2 +1,12 @@
-declare const LeftPanelFooter: () => import("react/jsx-runtime").JSX.Element;
+import { JSX, ReactNode } from 'react';
+export interface LeftPanelFooterProps {
+    /** Additional class name applied to the footer region. */
+    className?: string;
+    /** Content placed in the gray footer area. */
+    children?: ReactNode;
+}
+export declare const LeftPanelFooter: {
+    ({ className, children }: LeftPanelFooterProps): JSX.Element;
+    displayName: string;
+};
 export default LeftPanelFooter;

package/src/community/components/map-components/left-panel/left-panel-footer.es.js

@@ -1,26 +1,9 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Text as l } from "../../../../tedi/components/base/typography/text/text.es.js";
-import { Link as a } from "../../../../tedi/components/navigation/link/link.es.js";
-import { Separator as m } from "../../../../tedi/components/misc/separator/separator.es.js";
-import { Toggle as t } from "../../form/toggle/toggle.es.js";
-import d from "./left-panel.module.scss.es.js";
-import { Row as o } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as r } from "../../../../tedi/components/layout/grid/col.es.js";
-const k = () => /* @__PURE__ */ i("div", { className: d["tedi-left-panel__footer"], children: [
-  /* @__PURE__ */ i("div", { className: d["tedi-left-panel__footer__theme-switch"], children: [
-    /* @__PURE__ */ e(t, { ariaLabel: "Toggle dark mode", label: /* @__PURE__ */ e(l, { children: "Tume režiim" }) }),
-    /* @__PURE__ */ e(m, { color: "primary", spacing: 1 })
-  ] }),
-  /* @__PURE__ */ i(o, { children: [
-    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Tehniline tugi" }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { href: "#", size: "small", children: "kaardirakendus@maaruum.ee" }) })
-  ] }),
-  /* @__PURE__ */ i(o, { children: [
-    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Telefon" }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { href: "#", size: "small", children: "6 650 600" }) })
-  ] }),
-  /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Maa- ja Ruumiamet. Kõik õigused kaitstud." }) }) })
-] });
+import { jsx as t } from "react/jsx-runtime";
+import a from "../../../../../external/classnames/index.es.js";
+import s from "./left-panel.module.scss.es.js";
+const r = ({ className: e, children: o }) => /* @__PURE__ */ t("div", { className: a(s["tedi-left-panel__footer"], e), children: o });
+r.displayName = "LeftPanel.Footer";
 export {
-  k as default
+  r as LeftPanelFooter,
+  r as default
 };

package/src/community/components/map-components/left-panel/left-panel-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../../tedi/components/base/icon/icon.cjs.js"),o=require("../../../../tedi/components/buttons/button/button.cjs.js"),l=require("../../dropdown/dropdown.cjs.js"),n=require("./left-panel.module.scss.cjs.js"),r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:n.default["tedi-left-panel__header"],children:[e.jsx("img",{src:"logo.svg",alt:"logo",style:{filter:"brightness(0) saturate(100%) invert(100%)",height:"40px"}}),e.jsx(t.Icon,{name:"close",color:"white"})]}),e.jsxs("div",{className:n.default["tedi-left-panel__header-controls"],children:[e.jsx(o.Button,{onClick:()=>{console.log("Log in")},color:"inverted",iconLeft:"logout",visualType:"neutral",children:"Logi sisse"}),e.jsx(l.Dropdown,{button:{children:"EST",iconRight:"expand_more",visualType:"link",color:"inverted"},items:[{children:"EST",onClick:function(){}},{children:"ENG",isActive:!0,onClick:function(){}},{children:"RUS",onClick:function(){}}]})]})]});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),d=require("./left-panel.module.scss.cjs.js"),e=({className:t,children:a})=>l.jsx("div",{className:r.default(d.default["tedi-left-panel__header-controls"],t),children:a});e.displayName="LeftPanel.Header";exports.LeftPanelHeader=e;exports.default=e;

package/src/community/components/map-components/left-panel/left-panel-header.d.ts

@@ -1,2 +1,12 @@
-declare const LeftPanelHeader: () => import("react/jsx-runtime").JSX.Element;
+import { JSX, ReactNode } from 'react';
+export interface LeftPanelHeaderProps {
+    /** Additional class name applied to the header region. */
+    className?: string;
+    /** Content placed in the blue header area, under the icon. */
+    children?: ReactNode;
+}
+export declare const LeftPanelHeader: {
+    ({ className, children }: LeftPanelHeaderProps): JSX.Element;
+    displayName: string;
+};
 export default LeftPanelHeader;

package/src/community/components/map-components/left-panel/left-panel-header.es.js

@@ -1,64 +1,9 @@
-import { jsxs as i, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { Icon as r } from "../../../../tedi/components/base/icon/icon.es.js";
-import { Button as l } from "../../../../tedi/components/buttons/button/button.es.js";
-import { Dropdown as c } from "../../dropdown/dropdown.es.js";
-import t from "./left-panel.module.scss.es.js";
-const f = () => /* @__PURE__ */ i(n, { children: [
-  /* @__PURE__ */ i("div", { className: t["tedi-left-panel__header"], children: [
-    /* @__PURE__ */ e(
-      "img",
-      {
-        src: "logo.svg",
-        alt: "logo",
-        style: { filter: "brightness(0) saturate(100%) invert(100%)", height: "40px" }
-      }
-    ),
-    /* @__PURE__ */ e(r, { name: "close", color: "white" })
-  ] }),
-  /* @__PURE__ */ i("div", { className: t["tedi-left-panel__header-controls"], children: [
-    /* @__PURE__ */ e(
-      l,
-      {
-        onClick: () => {
-          console.log("Log in");
-        },
-        color: "inverted",
-        iconLeft: "logout",
-        visualType: "neutral",
-        children: "Logi sisse"
-      }
-    ),
-    /* @__PURE__ */ e(
-      c,
-      {
-        button: {
-          children: "EST",
-          iconRight: "expand_more",
-          visualType: "link",
-          color: "inverted"
-        },
-        items: [
-          {
-            children: "EST",
-            onClick: function() {
-            }
-          },
-          {
-            children: "ENG",
-            isActive: !0,
-            onClick: function() {
-            }
-          },
-          {
-            children: "RUS",
-            onClick: function() {
-            }
-          }
-        ]
-      }
-    )
-  ] })
-] });
+import { jsx as s } from "react/jsx-runtime";
+import t from "../../../../../external/classnames/index.es.js";
+import r from "./left-panel.module.scss.es.js";
+const l = ({ className: e, children: a }) => /* @__PURE__ */ s("div", { className: t(r["tedi-left-panel__header-controls"], e), children: a });
+l.displayName = "LeftPanel.Header";
 export {
-  f as default
+  l as LeftPanelHeader,
+  l as default
 };

package/src/community/components/map-components/left-panel/left-panel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../resizer/resizer.cjs.js"),l=require("./left-panel.module.scss.cjs.js"),n=require("./left-panel-content.cjs.js"),r=require("./left-panel-footer.cjs.js"),s=require("./left-panel-header.cjs.js"),a=t=>e.jsx(i.Resizer,{minWidth:350,initialWidth:350,maxWidth:600,children:e.jsxs("div",{className:l.default["tedi-left-panel"],children:[e.jsxs("div",{className:l.default["tedi-left-panel__actions"],children:[e.jsx(s.default,{}),e.jsx(n.default,{...t,children:t.children})]}),e.jsx(r.default,{})]})});exports.LeftPanel=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),l=require("react"),B=require("../../../../tedi/components/base/icon/icon.cjs.js"),M=require("../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),O=require("../../../../tedi/components/buttons/button/button.cjs.js"),V=require("../resizer/resizer.cjs.js"),n=require("./left-panel.module.scss.cjs.js"),y=require("./left-panel-content.cjs.js"),N=require("./left-panel-footer.cjs.js"),R=require("./left-panel-header.cjs.js"),W=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),m=(o,i)=>{let a=null;return l.Children.forEach(o,e=>{l.isValidElement(e)&&e.type===i&&(a=e)}),a},g=({className:o,icon:i,hideCloseButton:a=!1,hideOpenButton:e=!1,defaultOpen:v=!0,open:p,onOpenChange:c,resizable:_=!0,children:u,width:L=350,minWidth:F=350,maxWidth:H=600})=>{const{getLabel:f}=W.useLabels(),d=l.useId(),b=p!==void 0,[I,h]=l.useState(v),s=b?p:I,P=l.useRef(!1),q=l.useRef(null),x=r=>{P.current=!0,b||h(r),c==null||c(r)};if(l.useEffect(()=>{var r;P.current&&(P.current=!1,!s&&!e&&((r=q.current)==null||r.focus()))},[s,e]),!s&&e)return null;if(!s)return t.jsx(O.Button,{ref:q,"aria-label":f("leftPanelOpen"),"aria-controls":d,"aria-expanded":!1,noStyle:!0,onClick:()=>x(!0),className:n.default["tedi-left-panel__expander-button"],children:t.jsx(B.Icon,{name:"keyboard_double_arrow_right",color:"brand"})});const k=S.default(n.default["tedi-left-panel"],o),E=_?void 0:{width:L},j=m(u,R.LeftPanelHeader),T=m(u,y.LeftPanelContent),w=m(u,N.LeftPanelFooter),z=S.default(n.default["tedi-left-panel__header"],{[n.default["tedi-left-panel__header--rounded"]]:!j}),C=t.jsxs("aside",{id:d,"aria-label":f("leftPanel"),className:k,style:E,children:[t.jsxs("div",{className:n.default["tedi-left-panel__actions"],children:[t.jsxs("div",{className:z,children:[i,!a&&t.jsx(M.ClosingButton,{className:n.default["tedi-left-panel__close"],color:"white",onClick:()=>x(!1),title:f("leftPanelClose"),"aria-controls":d,"aria-expanded":!0})]}),j,T]}),w]});return _?t.jsx(V.Resizer,{minWidth:F,initialWidth:L,maxWidth:H,children:C}):C};g.displayName="LeftPanel";const A=Object.assign(g,{Header:R.LeftPanelHeader,Content:y.LeftPanelContent,Footer:N.LeftPanelFooter});exports.LeftPanel=A;

package/src/community/components/map-components/left-panel/left-panel.d.ts

@@ -1,8 +1,70 @@
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
+import { LeftPanelContentProps } from './left-panel-content';
+import { LeftPanelFooterProps } from './left-panel-footer';
+import { LeftPanelHeaderProps } from './left-panel-header';
+export type { LeftPanelContentProps, LeftPanelFooterProps, LeftPanelHeaderProps };
 export interface LeftPanelProps {
-    showAlert?: boolean;
-    show2D3DButtons?: boolean;
-    children?: React.ReactNode | React.ReactNode[];
+    /** Additional class name applied to the panel root. */
+    className?: string;
+    /** Icon shown on the left of the (blue) header. */
+    icon?: ReactNode;
+    /**
+     * Hide the close button that collapses the panel.
+     * @default false
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Hide the reopen button shown when collapsed.
+     * @default false
+     */
+    hideOpenButton?: boolean;
+    /**
+     * Uncontrolled initial open state. Ignored when `open` is provided.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /** Controlled open state. When set, the component does not manage its own state. */
+    open?: boolean;
+    /** Notified whenever the panel wants to open or close. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Allow the user to drag-resize the panel width.
+     * @default true
+     */
+    resizable?: boolean;
+    /** `LeftPanel.Header`, `LeftPanel.Content` and `LeftPanel.Footer`. */
+    children?: ReactNode;
+    /**
+     * Panel width in pixels. Initial width when resizable, fixed width otherwise.
+     * @default 350
+     */
+    width?: number;
+    /**
+     * Maximum resize width in pixels. Only applies when resizable.
+     * @default 600
+     */
+    maxWidth?: number;
+    /**
+     * Minimum resize width in pixels. Only applies when resizable.
+     * @default 350
+     */
+    minWidth?: number;
 }
-export declare const LeftPanel: (props: LeftPanelProps) => JSX.Element;
+export declare const LeftPanel: {
+    ({ className, icon, hideCloseButton, hideOpenButton, defaultOpen, open, onOpenChange, resizable, children, width, minWidth, maxWidth, }: LeftPanelProps): JSX.Element | null;
+    displayName: string;
+} & {
+    Header: {
+        ({ className, children }: LeftPanelHeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, children }: LeftPanelContentProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, children }: LeftPanelFooterProps): JSX.Element;
+        displayName: string;
+    };
+};
 export default LeftPanel;

package/src/community/components/map-components/left-panel/left-panel.es.js

@@ -1,16 +1,87 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Resizer as n } from "../resizer/resizer.es.js";
-import r from "./left-panel.module.scss.es.js";
-import l from "./left-panel-content.es.js";
-import o from "./left-panel-footer.es.js";
-import m from "./left-panel-header.es.js";
-const p = (t) => /* @__PURE__ */ e(n, { minWidth: 350, initialWidth: 350, maxWidth: 600, children: /* @__PURE__ */ i("div", { className: r["tedi-left-panel"], children: [
-  /* @__PURE__ */ i("div", { className: r["tedi-left-panel__actions"], children: [
-    /* @__PURE__ */ e(m, {}),
-    /* @__PURE__ */ e(l, { ...t, children: t.children })
-  ] }),
-  /* @__PURE__ */ e(o, {})
-] }) });
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import x from "../../../../../external/classnames/index.es.js";
+import { useId as z, useState as A, useRef as v, useEffect as B, Children as D, isValidElement as G } from "react";
+import { Icon as J } from "../../../../tedi/components/base/icon/icon.es.js";
+import { ClosingButton as K } from "../../../../tedi/components/buttons/closing-button/closing-button.es.js";
+import { Button as M } from "../../../../tedi/components/buttons/button/button.es.js";
+import { Resizer as O } from "../resizer/resizer.es.js";
+import t from "./left-panel.module.scss.es.js";
+import { LeftPanelContent as I } from "./left-panel-content.es.js";
+import { LeftPanelFooter as R } from "./left-panel-footer.es.js";
+import { LeftPanelHeader as h } from "./left-panel-header.es.js";
+import { useLabels as Q } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+const p = (n, s) => {
+  let o = null;
+  return D.forEach(n, (e) => {
+    G(e) && e.type === s && (o = e);
+  }), o;
+}, j = ({
+  className: n,
+  icon: s,
+  hideCloseButton: o = !1,
+  hideOpenButton: e = !1,
+  defaultOpen: k = !0,
+  open: _,
+  onOpenChange: i,
+  resizable: N = !0,
+  children: f,
+  width: P = 350,
+  minWidth: E = 350,
+  maxWidth: g = 600
+}) => {
+  const { getLabel: c } = Q(), d = z(), b = _ !== void 0, [F, H] = A(k), l = b ? _ : F, m = v(!1), L = v(null), y = (r) => {
+    m.current = !0, b || H(r), i == null || i(r);
+  };
+  if (B(() => {
+    var r;
+    m.current && (m.current = !1, !l && !e && ((r = L.current) == null || r.focus()));
+  }, [l, e]), !l && e)
+    return null;
+  if (!l)
+    return /* @__PURE__ */ a(
+      M,
+      {
+        ref: L,
+        "aria-label": c("leftPanelOpen"),
+        "aria-controls": d,
+        "aria-expanded": !1,
+        noStyle: !0,
+        onClick: () => y(!0),
+        className: t["tedi-left-panel__expander-button"],
+        children: /* @__PURE__ */ a(J, { name: "keyboard_double_arrow_right", color: "brand" })
+      }
+    );
+  const w = x(t["tedi-left-panel"], n), T = N ? void 0 : { width: P }, C = p(f, h), V = p(f, I), W = p(f, R), q = x(t["tedi-left-panel__header"], {
+    [t["tedi-left-panel__header--rounded"]]: !C
+  }), S = /* @__PURE__ */ u("aside", { id: d, "aria-label": c("leftPanel"), className: w, style: T, children: [
+    /* @__PURE__ */ u("div", { className: t["tedi-left-panel__actions"], children: [
+      /* @__PURE__ */ u("div", { className: q, children: [
+        s,
+        !o && /* @__PURE__ */ a(
+          K,
+          {
+            className: t["tedi-left-panel__close"],
+            color: "white",
+            onClick: () => y(!1),
+            title: c("leftPanelClose"),
+            "aria-controls": d,
+            "aria-expanded": !0
+          }
+        )
+      ] }),
+      C,
+      V
+    ] }),
+    W
+  ] });
+  return N ? /* @__PURE__ */ a(O, { minWidth: E, initialWidth: P, maxWidth: g, children: S }) : S;
+};
+j.displayName = "LeftPanel";
+const se = Object.assign(j, {
+  Header: h,
+  Content: I,
+  Footer: R
+});
 export {
-  p as LeftPanel
+  se as LeftPanel
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-left-panel":"tedi-left-panel-13d31e79","tedi-left-panel__alert":"tedi-left-panel__alert-ab0beebf","tedi-left-panel__header":"tedi-left-panel__header-c0424743","tedi-left-panel__content":"tedi-left-panel__content-a9f83f17","tedi-left-panel__footer":"tedi-left-panel__footer-673c7499","tedi-left-panel__footer__theme-switch":"tedi-left-panel__footer__theme-switch-f7e013a8","tedi-left-panel__header-controls":"tedi-left-panel__header-controls-4f3151da","tedi-left-panel__content-wrapper":"tedi-left-panel__content-wrapper-a8939393"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-left-panel":"tedi-left-panel-13d31e79","tedi-left-panel__header":"tedi-left-panel__header-c0424743","tedi-left-panel__close":"tedi-left-panel__close-79045a44","tedi-left-panel__footer":"tedi-left-panel__footer-673c7499","tedi-left-panel__header-controls":"tedi-left-panel__header-controls-4f3151da","tedi-left-panel__actions":"tedi-left-panel__actions-f90416f1","tedi-left-panel__content-wrapper":"tedi-left-panel__content-wrapper-a8939393","tedi-left-panel__expander-button":"tedi-left-panel__expander-button-8d65cded"};exports.default=e;

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

@@ -1,12 +1,12 @@
 const e = {
   "tedi-left-panel": "tedi-left-panel-13d31e79",
-  "tedi-left-panel__alert": "tedi-left-panel__alert-ab0beebf",
   "tedi-left-panel__header": "tedi-left-panel__header-c0424743",
-  "tedi-left-panel__content": "tedi-left-panel__content-a9f83f17",
+  "tedi-left-panel__close": "tedi-left-panel__close-79045a44",
   "tedi-left-panel__footer": "tedi-left-panel__footer-673c7499",
-  "tedi-left-panel__footer__theme-switch": "tedi-left-panel__footer__theme-switch-f7e013a8",
   "tedi-left-panel__header-controls": "tedi-left-panel__header-controls-4f3151da",
-  "tedi-left-panel__content-wrapper": "tedi-left-panel__content-wrapper-a8939393"
+  "tedi-left-panel__actions": "tedi-left-panel__actions-f90416f1",
+  "tedi-left-panel__content-wrapper": "tedi-left-panel__content-wrapper-a8939393",
+  "tedi-left-panel__expander-button": "tedi-left-panel__expander-button-8d65cded"
 };
 export {
   e as default

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

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

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

@@ -1,7 +1,12 @@
 import { JSX } from 'react';
 import { ButtonProps } from '../../../../tedi';
 import { MapDropdownItem } from '../map-dropdown/map-dropdown';
-export interface MapButtonProps extends Omit<ButtonProps, 'size'> {
+/**
+ * Button props that don't apply to MapButton because it renders `<Button noStyle>` with its own
+ * fixed styling. Omitted so the public API only advertises props that actually work here.
+ */
+type OmittedButtonProps = 'size' | 'icon' | 'iconLeft' | 'iconRight' | 'visualType' | 'color' | 'fullWidth' | 'showTooltip' | 'noStyle' | 'renderWrapperElement';
+export interface MapButtonProps extends Omit<ButtonProps, OmittedButtonProps> {
     /**
      * Size of the button. Can be:
      * - `'default'` – standard size.
@@ -9,8 +14,8 @@ export interface MapButtonProps extends Omit<ButtonProps, 'size'> {
      */
     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.
+     * Name of the icon to display above the label (e.g., Material Symbols name).
+     * Replaced by a spinner while `isLoading` is `true`.
      */
     icon?: string;
     /**