@tedi-design-system/react 17.1.0-rc.4 → 17.1.0-rc.6

package/src/community/components/layout/sidenav/sidenav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),h=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../../tedi/components/base/icon/icon.cjs.js"),L=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),B=require("../../anchor/anchor.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:x,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,..._}=n,p=q.default(["mobile","tablet"]),{menuOpen:b,context:g,getFloatingProps:f,floating:y,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=h.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(P.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",..._,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((E,M)=>d.createElement(k,{as:r,...E,key:M}))})})});return p?b?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:g,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:y,children:j})})}):null:j},k=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:x,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:_}=d.useContext(C.LayoutContext),p=q.default(["mobile","tablet"]),b=h.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),g=d.useId(),f=e=>{const o={className:h.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e,color:"inherit"}:{...o,...e,className:h.default(o.className,e==null?void 0:e.className),background:void 0};return t.jsx(T.Icon,{...N})},y=e=>{c==null||c(e),e.stopPropagation(),typeof _=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:b,role:"presentation",children:x?t.jsx(L.Collapse,{id:g,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:x.map((e,s)=>d.createElement(k,{as:u,...e,key:s}))})}):t.jsxs(B.Anchor,{...m,as:u,onClick:y,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),h=require("../../../../../external/classnames/index.cjs.js"),M=require("../../../../tedi/components/base/icon/icon.cjs.js"),T=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),B=require("../../anchor/anchor.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:x,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,..._}=n,p=q.useLayout(["mobile","tablet"]),{menuOpen:y,context:b,getFloatingProps:f,floating:g,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=h.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(P.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",..._,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((E,L)=>d.createElement(k,{as:r,...E,key:L}))})})});return p?y?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:b,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:g,children:j})})}):null:j},k=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:x,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:_}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=h.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:h.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e,color:"inherit"}:{...o,...e,className:h.default(o.className,e==null?void 0:e.className),background:void 0};return t.jsx(M.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof _=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:x?t.jsx(T.Collapse,{id:b,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:x.map((e,s)=>d.createElement(k,{as:u,...e,key:s}))})}):t.jsxs(B.Anchor,{...m,as:u,onClick:g,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;

package/src/community/components/layout/sidenav/sidenav.es.js

@@ -5,7 +5,7 @@ import v from "../../../../../external/classnames/index.es.js";
 import { Icon as P } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Collapse as A } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
 import { Print as j } from "../../../../tedi/components/misc/print/print.es.js";
-import k from "../../../helpers/hooks/use-layout.es.js";
+import { useLayout as k } from "../../../helpers/hooks/use-layout.es.js";
 import { Anchor as H } from "../../anchor/anchor.es.js";
 import { LayoutContext as E } from "../layout-context.es.js";
 import a from "./sidenav.module.scss.es.js";

package/src/community/components/layout/sidenav/utility.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../helpers/hooks/use-layout.cjs.js"),d=(e,t)=>{const{breakToBottomContent:r,breakToHeader:u}=t||{breakToBottomContent:[],breakToHeader:[]},o=a.default(r||[])&&e==="public",n=a.default(u||[])&&e==="public";return{shouldBreakToBottomContent:o,shouldBreakToHeader:n,hasSidenav:!!t&&!(e==="public"&&(o||n))}};exports.useSidenavRendered=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../helpers/hooks/use-layout.cjs.js"),s=(e,o)=>{const{breakToBottomContent:u,breakToHeader:r}=o||{breakToBottomContent:[],breakToHeader:[]},t=a.useLayout(u||[])&&e==="public",n=a.useLayout(r||[])&&e==="public";return{shouldBreakToBottomContent:t,shouldBreakToHeader:n,hasSidenav:!!o&&!(e==="public"&&(t||n))}};exports.useSidenavRendered=s;

package/src/community/components/layout/sidenav/utility.es.js

@@ -1,4 +1,4 @@
-import a from "../../../helpers/hooks/use-layout.es.js";
+import { useLayout as a } from "../../../helpers/hooks/use-layout.es.js";
 const d = (o, t) => {
   const { breakToBottomContent: r, breakToHeader: s } = t || { breakToBottomContent: [], breakToHeader: [] }, e = a(r || []) && o === "public", n = a(s || []) && o === "public";
   return { shouldBreakToBottomContent: e, shouldBreakToHeader: n, hasSidenav: !!t && !(o === "public" && (e || n)) };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),e=require("./base-map-selection.module.scss.cjs.js"),f=n=>{const{title:i,content:c,selected:o,onSelect:t,type:s="button",className:d,id:u,multiple:r}=n,p=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),t==null||t())},m=b.default(e.default["tedi-base-map-selection__wrapper"],o&&e.default["tedi-base-map-selection--selected"],s&&e.default[`tedi-base-map-selection--${s}`],r&&e.default["tedi-base-map-selection--multiple"],d);return l.jsxs("div",{role:"button",tabIndex:0,onClick:t,onKeyDown:p,className:m,id:u,children:[l.jsx("div",{className:e.default["tedi-base-map-selection__content"],children:c}),l.jsx("div",{className:e.default["tedi-base-map-selection__title"],children:i})]})};exports.BaseMapSelection=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),e=require("./base-map-selection.module.scss.cjs.js"),i=n=>{const{title:o,content:c,selected:d,onSelect:t,type:s="button",className:u,id:r,multiple:p}=n,m=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),t==null||t())},b=f.default(e.default["tedi-base-map-selection__wrapper"],d&&e.default["tedi-base-map-selection--selected"],s&&e.default[`tedi-base-map-selection--${s}`],p&&e.default["tedi-base-map-selection--multiple"],u);return l.jsxs("div",{role:"button",tabIndex:0,onClick:t,onKeyDown:m,className:b,id:r,children:[l.jsx("div",{className:e.default["tedi-base-map-selection__content"],children:c}),l.jsx("div",{className:e.default["tedi-base-map-selection__title"],children:o})]})};exports.BaseMapSelection=i;exports.default=i;

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

@@ -1,21 +1,22 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import y from "../../../../../external/classnames/index.es.js";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import f 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) => {
+const h = (l) => {
+  const { title: n, content: o, selected: c, onSelect: t, type: a = "button", className: m, id: d, multiple: p } = l, r = (s) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t == null || t());
-  }, b = y(
+  }, b = f(
     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"],
+    a && e[`tedi-base-map-selection--${a}`],
+    p && e["tedi-base-map-selection--multiple"],
     m
   );
-  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__ */ u("div", { role: "button", tabIndex: 0, onClick: t, onKeyDown: r, className: b, id: d, children: [
+    /* @__PURE__ */ i("div", { className: e["tedi-base-map-selection__content"], children: o }),
+    /* @__PURE__ */ i("div", { className: e["tedi-base-map-selection__title"], children: n })
   ] });
 };
 export {
-  h as BaseMapSelection
+  h as BaseMapSelection,
+  h as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),j=require("../map-button/map-button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),N=p=>{const{children:c,className:f,direction:m="horizontal",onSelectionChange:s,stretch:b=!1,ariaLabel:x,prefix:a,suffix:d,prefixClassName:_,suffixClassName:g}=p;return r.jsxs("div",{className:i.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${m}`],{[e.default["tedi-button-group--stretch"]]:b},f),role:"group","aria-label":x,children:[a&&r.jsx("div",{className:i.default(e.default["tedi-button-group__prefix"],_),children:r.jsx("span",{children:a})}),o.Children.map(c,u=>{if(o.isValidElement(u)&&u.type===j.MapButton){const t=u;return o.cloneElement(t,{className:i.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled}),onClick:h=>{var l,n;t.props.disabled||((n=(l=t.props).onClick)==null||n.call(l,h),s==null||s(t.props.id))}})}return u}),d&&r.jsx("div",{className:i.default(e.default["tedi-button-group__suffix"],g),children:r.jsx("span",{children:d})})]})};exports.ButtonGroup=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),v=require("../map-button/map-button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),p=c=>{const{children:f,className:m,direction:b="horizontal",onSelectionChange:s,stretch:x=!1,ariaLabel:_,prefix:a,suffix:l,prefixClassName:g,suffixClassName:h}=c;return u.jsxs("div",{className:i.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${b}`],{[e.default["tedi-button-group--stretch"]]:x},m),role:"group","aria-label":_,children:[a&&u.jsx("div",{className:i.default(e.default["tedi-button-group__prefix"],g),children:u.jsx("span",{children:a})}),o.Children.map(f,r=>{if(o.isValidElement(r)&&r.type===v.MapButton){const t=r;return o.cloneElement(t,{className:i.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled}),onClick:j=>{var d,n;t.props.disabled||((n=(d=t.props).onClick)==null||n.call(d,j),s==null||s(t.props.id))}})}return r}),l&&u.jsx("div",{className:i.default(e.default["tedi-button-group__suffix"],h),children:u.jsx("span",{children:l})})]})};exports.ButtonGroup=p;exports.default=p;

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

@@ -40,8 +40,8 @@ const A = (d) => {
                 [t["tedi-button-group__item--disabled"]]: e.props.disabled
               }),
               onClick: (g) => {
-                var n, l;
-                e.props.disabled || ((l = (n = e.props).onClick) == null || l.call(n, g), s == null || s(e.props.id));
+                var l, n;
+                e.props.disabled || ((n = (l = e.props).onClick) == null || n.call(l, g), s == null || s(e.props.id));
               }
             });
           }
@@ -53,5 +53,6 @@ const A = (d) => {
   );
 };
 export {
-  A as ButtonGroup
+  A as ButtonGroup,
+  A as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),d=require("../../../../tedi/components/buttons/floating-button/floating-button.cjs.js"),e=require("./carousel.module.scss.cjs.js"),y=u=>{const{itemCountShown:l,children:_,className:f}=u,[s,n]=c.useState(0),o=c.Children.toArray(_),r=o.length,m=()=>{s+l<r&&n(a=>a+1)},x=()=>{s>0&&n(a=>a-1)},v=`translateX(-${100/l*s}%)`;return t.jsxs("div",{className:`${e.default["tedi-carousel__wrapper"]} ${f??""}`,children:[t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__prev"]),onClick:x,visualType:"secondary",disabled:s===0,icon:"west",children:"Prev"}),t.jsx("div",{className:e.default["tedi-carousel__viewport"],children:t.jsx("div",{className:e.default["tedi-carousel__carousel-track"],style:{transform:v},children:o.map((a,h)=>t.jsx("div",{className:e.default["tedi-carousel__item"],style:{flex:`0 0 ${100/l}%`},children:a},h))})}),t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__next"]),onClick:m,visualType:"secondary",disabled:s+l>=r,icon:"east",children:"Next"})]})};exports.Carousel=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),d=require("../../../../tedi/components/buttons/floating-button/floating-button.cjs.js"),e=require("./carousel.module.scss.cjs.js"),u=_=>{const{itemCountShown:l,children:f,className:m}=_,[s,n]=c.useState(0),o=c.Children.toArray(f),r=o.length,v=()=>{s+l<r&&n(a=>a+1)},x=()=>{s>0&&n(a=>a-1)},h=`translateX(-${100/l*s}%)`;return t.jsxs("div",{className:`${e.default["tedi-carousel__wrapper"]} ${m??""}`,children:[t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__prev"]),onClick:x,visualType:"secondary",disabled:s===0,icon:"west",children:"Prev"}),t.jsx("div",{className:e.default["tedi-carousel__viewport"],children:t.jsx("div",{className:e.default["tedi-carousel__carousel-track"],style:{transform:h},children:o.map((a,N)=>t.jsx("div",{className:e.default["tedi-carousel__item"],style:{flex:`0 0 ${100/l}%`},children:a},N))})}),t.jsx(d.FloatingButton,{className:i.default(e.default["tedi-carousel__navigation-button"],e.default["tedi-carousel__next"]),onClick:v,visualType:"secondary",disabled:s+l>=r,icon:"east",children:"Next"})]})};exports.Carousel=u;exports.default=u;

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

@@ -4,11 +4,11 @@ import N, { useState as x } from "react";
 import { FloatingButton as n } from "../../../../tedi/components/buttons/floating-button/floating-button.es.js";
 import e from "./carousel.module.scss.es.js";
 const $ = (d) => {
-  const { itemCountShown: o, children: m, className: u } = d, [t, l] = x(0), r = N.Children.toArray(m), i = r.length, _ = () => {
-    t + o < i && l((s) => s + 1);
+  const { itemCountShown: l, children: m, className: u } = d, [t, o] = x(0), r = N.Children.toArray(m), i = r.length, _ = () => {
+    t + l < i && o((s) => s + 1);
   }, p = () => {
-    t > 0 && l((s) => s - 1);
-  }, h = `translateX(-${100 / o * t}%)`;
+    t > 0 && o((s) => s - 1);
+  }, h = `translateX(-${100 / l * t}%)`;
   return /* @__PURE__ */ f("div", { className: `${e["tedi-carousel__wrapper"]} ${u ?? ""}`, children: [
     /* @__PURE__ */ a(
       n,
@@ -21,14 +21,14 @@ const $ = (d) => {
         children: "Prev"
       }
     ),
-    /* @__PURE__ */ a("div", { className: e["tedi-carousel__viewport"], children: /* @__PURE__ */ a("div", { className: e["tedi-carousel__carousel-track"], style: { transform: h }, children: r.map((s, v) => /* @__PURE__ */ a("div", { className: e["tedi-carousel__item"], style: { flex: `0 0 ${100 / o}%` }, children: s }, v)) }) }),
+    /* @__PURE__ */ a("div", { className: e["tedi-carousel__viewport"], children: /* @__PURE__ */ a("div", { className: e["tedi-carousel__carousel-track"], style: { transform: h }, children: r.map((s, v) => /* @__PURE__ */ a("div", { className: e["tedi-carousel__item"], style: { flex: `0 0 ${100 / l}%` }, children: s }, v)) }) }),
     /* @__PURE__ */ a(
       n,
       {
         className: c(e["tedi-carousel__navigation-button"], e["tedi-carousel__next"]),
         onClick: _,
         visualType: "secondary",
-        disabled: t + o >= i,
+        disabled: t + l >= i,
         icon: "east",
         children: "Next"
       }
@@ -36,5 +36,6 @@ const $ = (d) => {
   ] });
 };
 export {
-  $ as Carousel
+  $ as Carousel,
+  $ as default
 };

package/src/community/components/map-components/color-and-icon-picker/color-and-icon-picker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),n=require("../../../../tedi/components/base/icon/icon.cjs.js"),b=require("../../../../tedi/components/content/label/label.cjs.js"),h=require("../../../../tedi/components/buttons/button/button.cjs.js"),s=require("../map-dropdown/map-dropdown.cjs.js"),a=require("./color-and-icon-picker.module.scss.cjs.js"),w=v=>{const{options:r,selectedValue:o,onSelect:t,type:c,label:m,name:i,layout:u="row",showLabels:_=!1,showInline:f=!1}=v,p=r.find(e=>e.value===o)||r[0],k=e=>l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual--selected"],{[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none"}),style:c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon})}),x=e=>l.jsx("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],role:"option","aria-selected":e.value===o,children:l.jsx(l.Fragment,{children:_?l.jsxs("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],children:[c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]}),e.label??e.value]}):l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,color:"secondary"})})})}),j=r.map(e=>({children:x(e),onClick:()=>t(e.value),isActive:e.value===o}));return l.jsxs(l.Fragment,{children:[l.jsx(b.Label,{htmlFor:i,...m}),f?l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__wrapper"],a.default["tedi-color-and-icon-picker__inline"],a.default[`tedi-color-and-icon-picker__layout--${u}`]),role:"listbox","aria-labelledby":i,children:r.map(e=>l.jsx("button",{type:"button",className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},onClick:()=>t(e.value),"aria-selected":e.value===o,role:"option",children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]})},e.value))}):l.jsxs(s.MapDropdown,{className:_?"":a.default["tedi-color-and-icon-picker__wrapper"],layout:u,children:[l.jsx(s.MapDropdown.Trigger,{children:l.jsxs(h.Button,{className:a.default["tedi-color-and-icon-picker"],"aria-haspopup":"listbox","aria-expanded":"false",noStyle:!0,children:[k(p),l.jsx(n.Icon,{name:"arrow_drop_down"})]})}),l.jsx(s.MapDropdown.Content,{items:j})]}),i&&l.jsx("input",{type:"hidden",name:i,value:o})]})};exports.ColorAndIconPicker=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),n=require("../../../../tedi/components/base/icon/icon.cjs.js"),h=require("../../../../tedi/components/content/label/label.cjs.js"),w=require("../../../../tedi/components/buttons/button/button.cjs.js"),s=require("../map-dropdown/map-dropdown.cjs.js"),a=require("./color-and-icon-picker.module.scss.cjs.js"),v=f=>{const{options:r,selectedValue:o,onSelect:t,type:c,label:m,name:i,layout:u="row",showLabels:_=!1,showInline:p=!1}=f,k=r.find(e=>e.value===o)||r[0],x=e=>l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual--selected"],{[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none"}),style:c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon})}),j=e=>l.jsx("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],role:"option","aria-selected":e.value===o,children:l.jsx(l.Fragment,{children:_?l.jsxs("div",{className:a.default["tedi-color-and-icon-picker__dropdown-item"],children:[c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]}),e.label??e.value]}):l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,color:"secondary"})})})}),b=r.map(e=>({children:j(e),onClick:()=>t(e.value),isActive:e.value===o}));return l.jsxs(l.Fragment,{children:[l.jsx(h.Label,{htmlFor:i,...m}),p?l.jsx("div",{className:d.default(a.default["tedi-color-and-icon-picker__wrapper"],a.default["tedi-color-and-icon-picker__inline"],a.default[`tedi-color-and-icon-picker__layout--${u}`]),role:"listbox","aria-labelledby":i,children:r.map(e=>l.jsx("button",{type:"button",className:d.default(a.default["tedi-color-and-icon-picker__visual"],{[a.default["tedi-color-and-icon-picker__visual--active"]]:e.value===o,[a.default["tedi-color-and-icon-picker__visual--none"]]:e.value==="none",[a.default[`tedi-color-and-icon-picker__visual--${c}`]]:c}),style:e.value!=="none"&&c==="color"?{backgroundColor:e.color}:{},onClick:()=>t(e.value),"aria-selected":e.value===o,role:"option",children:c==="icon"&&e.icon&&l.jsx(n.Icon,{name:e.icon,className:a.default["tedi-visual-option__icon"]})},e.value))}):l.jsxs(s.MapDropdown,{className:_?"":a.default["tedi-color-and-icon-picker__wrapper"],layout:u,children:[l.jsx(s.MapDropdown.Trigger,{children:l.jsxs(w.Button,{className:a.default["tedi-color-and-icon-picker"],"aria-haspopup":"listbox","aria-expanded":"false",noStyle:!0,children:[x(k),l.jsx(n.Icon,{name:"arrow_drop_down"})]})}),l.jsx(s.MapDropdown.Content,{items:b})]}),i&&l.jsx("input",{type:"hidden",name:i,value:o})]})};exports.ColorAndIconPicker=v;exports.default=v;

package/src/community/components/map-components/color-and-icon-picker/color-and-icon-picker.es.js

@@ -1,6 +1,6 @@
 import { jsxs as d, Fragment as v, jsx as o } from "react/jsx-runtime";
 import s from "../../../../../external/classnames/index.es.js";
-import { Icon as a } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Icon as i } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Label as N } from "../../../../tedi/components/content/label/label.es.js";
 import { Button as C } from "../../../../tedi/components/buttons/button/button.es.js";
 import { MapDropdown as t } from "../map-dropdown/map-dropdown.es.js";
@@ -8,7 +8,7 @@ import c from "./color-and-icon-picker.module.scss.es.js";
 const A = (p) => {
   const {
     options: r,
-    selectedValue: i,
+    selectedValue: a,
     onSelect: u,
     type: l,
     label: k,
@@ -16,41 +16,41 @@ const A = (p) => {
     layout: m = "row",
     showLabels: _ = !1,
     showInline: h = !1
-  } = p, b = r.find((e) => e.value === i) || r[0], w = (e) => /* @__PURE__ */ o(
+  } = p, b = r.find((e) => e.value === a) || r[0], f = (e) => /* @__PURE__ */ o(
     "div",
     {
       className: s(c["tedi-color-and-icon-picker__visual--selected"], {
         [c["tedi-color-and-icon-picker__visual--none"]]: e.value === "none"
       }),
       style: l === "color" ? { backgroundColor: e.color } : {},
-      children: l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon })
+      children: l === "icon" && e.icon && /* @__PURE__ */ o(i, { name: e.icon })
     }
-  ), y = (e) => /* @__PURE__ */ o(
+  ), w = (e) => /* @__PURE__ */ o(
     "div",
     {
       className: c["tedi-color-and-icon-picker__dropdown-item"],
       role: "option",
-      "aria-selected": e.value === i,
+      "aria-selected": e.value === a,
       children: /* @__PURE__ */ o(v, { children: _ ? /* @__PURE__ */ d("div", { className: c["tedi-color-and-icon-picker__dropdown-item"], children: [
-        l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon, className: c["tedi-visual-option__icon"] }),
+        l === "icon" && e.icon && /* @__PURE__ */ o(i, { name: e.icon, className: c["tedi-visual-option__icon"] }),
         e.label ?? e.value
       ] }) : /* @__PURE__ */ o(
         "div",
         {
           className: s(c["tedi-color-and-icon-picker__visual"], {
-            [c["tedi-color-and-icon-picker__visual--active"]]: e.value === i,
+            [c["tedi-color-and-icon-picker__visual--active"]]: e.value === a,
             [c["tedi-color-and-icon-picker__visual--none"]]: e.value === "none",
             [c[`tedi-color-and-icon-picker__visual--${l}`]]: l
           }),
           style: e.value !== "none" && l === "color" ? { backgroundColor: e.color } : {},
-          children: l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon, color: "secondary" })
+          children: l === "icon" && e.icon && /* @__PURE__ */ o(i, { name: e.icon, color: "secondary" })
         }
       ) })
     }
-  ), f = r.map((e) => ({
-    children: y(e),
+  ), y = r.map((e) => ({
+    children: w(e),
     onClick: () => u(e.value),
-    isActive: e.value === i
+    isActive: e.value === a
   }));
   return /* @__PURE__ */ d(v, { children: [
     /* @__PURE__ */ o(N, { htmlFor: n, ...k }),
@@ -69,15 +69,15 @@ const A = (p) => {
           {
             type: "button",
             className: s(c["tedi-color-and-icon-picker__visual"], {
-              [c["tedi-color-and-icon-picker__visual--active"]]: e.value === i,
+              [c["tedi-color-and-icon-picker__visual--active"]]: e.value === a,
               [c["tedi-color-and-icon-picker__visual--none"]]: e.value === "none",
               [c[`tedi-color-and-icon-picker__visual--${l}`]]: l
             }),
             style: e.value !== "none" && l === "color" ? { backgroundColor: e.color } : {},
             onClick: () => u(e.value),
-            "aria-selected": e.value === i,
+            "aria-selected": e.value === a,
             role: "option",
-            children: l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon, className: c["tedi-visual-option__icon"] })
+            children: l === "icon" && e.icon && /* @__PURE__ */ o(i, { name: e.icon, className: c["tedi-visual-option__icon"] })
           },
           e.value
         ))
@@ -91,16 +91,17 @@ const A = (p) => {
           "aria-expanded": "false",
           noStyle: !0,
           children: [
-            w(b),
-            /* @__PURE__ */ o(a, { name: "arrow_drop_down" })
+            f(b),
+            /* @__PURE__ */ o(i, { name: "arrow_drop_down" })
           ]
         }
       ) }),
-      /* @__PURE__ */ o(t.Content, { items: f })
+      /* @__PURE__ */ o(t.Content, { items: y })
     ] }),
-    n && /* @__PURE__ */ o("input", { type: "hidden", name: n, value: i })
+    n && /* @__PURE__ */ o("input", { type: "hidden", name: n, value: a })
   ] });
 };
 export {
-  A as ColorAndIconPicker
+  A as ColorAndIconPicker,
+  A as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),$=require("../../../../tedi/components/base/icon/icon.cjs.js"),B=require("../../../../tedi/components/buttons/button/button.cjs.js"),t=require("./comparison.module.scss.cjs.js"),v=require("../../../../tedi/helpers/hooks/use-breakpoint.cjs.js"),C=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=y=>{const{left:g,right:x,primary:h,width:a,height:l,position:p="relative",onClose:m}=y,d=_.useRef(null),b=v.default(),[i,M]=_.useState(50),s=v.isBreakpointBelow(b,"md"),{getLabel:j}=C.useLabels(),c=(e,o)=>{if(!d.current)return;const r=d.current.getBoundingClientRect(),S=s?(o-r.top)/r.height*100:(e-r.left)/r.width*100;M(Math.max(0,Math.min(S,100)))},w=e=>{e.buttons===1&&c(e.clientX,e.clientY)},q=e=>{c(e.clientX,e.clientY)},N=e=>{const o=e.touches[0];o&&c(o.clientX,o.clientY)},P=e=>{const o=e.touches[0];o&&c(o.clientX,o.clientY)},f=s?`inset(0 0 ${100-i}% 0)`:`inset(0 ${100-i}% 0 0)`;return n.jsxs("div",{className:u.default(t.default["tedi-comparison__wrapper"],t.default[`tedi-comparison__wrapper--${p}`]),ref:d,onMouseMove:w,onMouseDown:q,onTouchMove:N,onTouchStart:P,style:{width:typeof a=="number"?`${a}px`:a??"100%",height:typeof l=="number"?`${l}px`:l??"100%",position:p,overflow:"hidden",touchAction:"none"},children:[n.jsx("div",{className:u.default(t.default["tedi-comparison__layer"],{[t.default["tedi-comparison__primary"]]:h==="right"}),children:x}),n.jsx("div",{className:u.default(t.default["tedi-comparison__layer"],{[t.default["tedi-comparison__primary"]]:h==="left"}),style:{clipPath:f,WebkitClipPath:f},children:g}),n.jsxs("div",{className:t.default["tedi-comparison__drag-indicator"],style:{left:s?void 0:`${i}%`,top:s?`${i}%`:void 0},children:[n.jsx("div",{className:t.default["tedi-comparison__drag-line"]}),n.jsx("div",{className:t.default["tedi-comparison__drag-handle"],children:n.jsx($.Icon,{name:"code",size:18,className:t.default["tedi-comparison__drag-handle__icon"]})}),m&&n.jsx(B.Button,{visualType:"secondary",className:t.default["tedi-comparison__close-button"],onClick:m,icon:"close",children:j("close")})]})]})};exports.Comparison=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),$=require("../../../../tedi/components/base/icon/icon.cjs.js"),k=require("../../../../tedi/components/buttons/button/button.cjs.js"),t=require("./comparison.module.scss.cjs.js"),v=require("../../../../tedi/helpers/hooks/use-breakpoint.cjs.js"),C=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),g=y=>{const{left:x,right:M,primary:h,width:a,height:l,position:p="relative",onClose:m}=y,d=_.useRef(null),b=v.useBreakpoint(),[i,j]=_.useState(50),s=v.isBreakpointBelow(b,"md"),{getLabel:w}=C.useLabels(),c=(e,o)=>{if(!d.current)return;const r=d.current.getBoundingClientRect(),B=s?(o-r.top)/r.height*100:(e-r.left)/r.width*100;j(Math.max(0,Math.min(B,100)))},q=e=>{e.buttons===1&&c(e.clientX,e.clientY)},N=e=>{c(e.clientX,e.clientY)},P=e=>{const o=e.touches[0];o&&c(o.clientX,o.clientY)},S=e=>{const o=e.touches[0];o&&c(o.clientX,o.clientY)},f=s?`inset(0 0 ${100-i}% 0)`:`inset(0 ${100-i}% 0 0)`;return n.jsxs("div",{className:u.default(t.default["tedi-comparison__wrapper"],t.default[`tedi-comparison__wrapper--${p}`]),ref:d,onMouseMove:q,onMouseDown:N,onTouchMove:P,onTouchStart:S,style:{width:typeof a=="number"?`${a}px`:a??"100%",height:typeof l=="number"?`${l}px`:l??"100%",position:p,overflow:"hidden",touchAction:"none"},children:[n.jsx("div",{className:u.default(t.default["tedi-comparison__layer"],{[t.default["tedi-comparison__primary"]]:h==="right"}),children:M}),n.jsx("div",{className:u.default(t.default["tedi-comparison__layer"],{[t.default["tedi-comparison__primary"]]:h==="left"}),style:{clipPath:f,WebkitClipPath:f},children:x}),n.jsxs("div",{className:t.default["tedi-comparison__drag-indicator"],style:{left:s?void 0:`${i}%`,top:s?`${i}%`:void 0},children:[n.jsx("div",{className:t.default["tedi-comparison__drag-line"]}),n.jsx("div",{className:t.default["tedi-comparison__drag-handle"],children:n.jsx($.Icon,{name:"code",size:18,className:t.default["tedi-comparison__drag-handle__icon"]})}),m&&n.jsx(k.Button,{visualType:"secondary",className:t.default["tedi-comparison__close-button"],onClick:m,icon:"close",children:w("close")})]})]})};exports.Comparison=g;exports.default=g;

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

@@ -4,7 +4,7 @@ import { useRef as S, useState as k } from "react";
 import { Icon as C } from "../../../../tedi/components/base/icon/icon.es.js";
 import { Button as T } from "../../../../tedi/components/buttons/button/button.es.js";
 import t from "./comparison.module.scss.es.js";
-import X, { isBreakpointBelow as Y } from "../../../../tedi/helpers/hooks/use-breakpoint.es.js";
+import { useBreakpoint as X, isBreakpointBelow as Y } from "../../../../tedi/helpers/hooks/use-breakpoint.es.js";
 import { useLabels as R } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const E = (v) => {
   const { left: y, right: g, primary: p, width: a, height: l, position: h = "relative", onClose: u } = v, d = S(null), M = X(), [n, w] = k(50), r = Y(M, "md"), { getLabel: N } = R(), c = (e, o) => {
@@ -90,5 +90,6 @@ const E = (v) => {
   );
 };
 export {
-  E as Comparison
+  E as Comparison,
+  E as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../external/@dnd-kit/core/dist/core.esm.cjs.js"),x=require("../../../../../external/@dnd-kit/sortable/dist/sortable.esm.cjs.js"),r=require("react"),q=require("../../../../tedi/components/buttons/button/button.cjs.js"),g=require("./direction-item.cjs.js"),a=require("./directions.module.scss.cjs.js"),f=({children:h,onChange:u})=>{const _=d.useSensors(d.useSensor(d.PointerSensor)),[m,p]=r.useState(null),[S,v]=r.useState(null),n=r.Children.toArray(h).filter(e=>r.isValidElement(e)&&e.type===g.DirectionItem).map(e=>({id:e.props.id,element:e.props.children})),j=e=>{p(e.active.id)},y=e=>{var t;v(((t=e.over)==null?void 0:t.id)||null)},b=e=>{const{active:t,over:i}=e;if(p(null),v(null),i&&t.id!==i.id){const c=n.findIndex(o=>o.id===t.id),l=n.findIndex(o=>o.id===i.id),D=x.arrayMove(n,c,l);u(D)}},w=e=>{const t=n.filter(i=>i.id!==e);u(t)},C=()=>{n.length===2&&u([n[1],n[0]])};return s.jsx(d.DndContext,{sensors:_,collisionDetection:d.closestCenter,onDragStart:j,onDragEnd:b,onDragOver:y,onDragCancel:()=>{p(null),v(null)},children:s.jsx(x.SortableContext,{items:n.map(e=>e.id),strategy:x.verticalListSortingStrategy,children:s.jsxs("div",{className:a.default["tedi-directions"],children:[s.jsx("div",{className:a.default["tedi-directions__items"],children:r.Children.map(h,e=>{if(!r.isValidElement(e)||e.type!==g.DirectionItem)return e;const t=e.props,i=S===t.id&&m!==t.id,c=n.findIndex(I=>I.id===m),l=n.findIndex(I=>I.id===S),D=i&&c>l,o=i&&c<l;return s.jsx("div",{className:a.default["tedi-directions__item-wrapper"],children:r.cloneElement(e,{onDelete:()=>w(t.id),isDragging:m===t.id,showAboveIndicator:D,showBelowIndicator:o})},t.id)})}),n.length===2&&s.jsx("div",{className:a.default["tedi-directions__swap-container"],children:s.jsx(q.Button,{visualType:"neutral",onClick:C,icon:"swap_vert","aria-label":"Vaheta asukohad",className:a.default["tedi-directions__swap-button"],children:"Vaheta asukohad"})})]})})})};f.displayName="Directions";const N=Object.assign(f,{Item:g.DirectionItem});exports.Directions=N;exports.DirectionsComponent=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("../../../../../external/@dnd-kit/core/dist/core.esm.cjs.js"),x=require("../../../../../external/@dnd-kit/sortable/dist/sortable.esm.cjs.js"),r=require("react"),N=require("../../../../tedi/components/buttons/button/button.cjs.js"),f=require("./direction-item.cjs.js"),a=require("./directions.module.scss.cjs.js"),g=({children:h,onChange:u})=>{const j=d.useSensors(d.useSensor(d.PointerSensor)),[m,p]=r.useState(null),[_,v]=r.useState(null),n=r.Children.toArray(h).filter(e=>r.isValidElement(e)&&e.type===f.DirectionItem).map(e=>({id:e.props.id,element:e.props.children})),b=e=>{p(e.active.id)},w=e=>{var t;v(((t=e.over)==null?void 0:t.id)||null)},y=e=>{const{active:t,over:i}=e;if(p(null),v(null),i&&t.id!==i.id){const c=n.findIndex(o=>o.id===t.id),l=n.findIndex(o=>o.id===i.id),D=x.arrayMove(n,c,l);u(D)}},C=e=>{const t=n.filter(i=>i.id!==e);u(t)},q=()=>{n.length===2&&u([n[1],n[0]])};return s.jsx(d.DndContext,{sensors:j,collisionDetection:d.closestCenter,onDragStart:b,onDragEnd:y,onDragOver:w,onDragCancel:()=>{p(null),v(null)},children:s.jsx(x.SortableContext,{items:n.map(e=>e.id),strategy:x.verticalListSortingStrategy,children:s.jsxs("div",{className:a.default["tedi-directions"],children:[s.jsx("div",{className:a.default["tedi-directions__items"],children:r.Children.map(h,e=>{if(!r.isValidElement(e)||e.type!==f.DirectionItem)return e;const t=e.props,i=_===t.id&&m!==t.id,c=n.findIndex(I=>I.id===m),l=n.findIndex(I=>I.id===_),D=i&&c>l,o=i&&c<l;return s.jsx("div",{className:a.default["tedi-directions__item-wrapper"],children:r.cloneElement(e,{onDelete:()=>C(t.id),isDragging:m===t.id,showAboveIndicator:D,showBelowIndicator:o})},t.id)})}),n.length===2&&s.jsx("div",{className:a.default["tedi-directions__swap-container"],children:s.jsx(N.Button,{visualType:"neutral",onClick:q,icon:"swap_vert","aria-label":"Vaheta asukohad",className:a.default["tedi-directions__swap-button"],children:"Vaheta asukohad"})})]})})})};g.displayName="Directions";const S=Object.assign(g,{Item:f.DirectionItem});exports.Directions=S;exports.DirectionsComponent=g;exports.default=S;

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

@@ -70,5 +70,6 @@ const K = Object.assign(S, {
 });
 export {
   K as Directions,
-  S as DirectionsComponent
+  S as DirectionsComponent,
+  K as default
 };

package/src/community/components/map-components/edit-actions/editing-actions.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./editing-actions.module.scss.cjs.js"),s=t=>{const{children:i}=t;return e.jsx("div",{className:n.default["tedi-editing-actions"],children:i})};exports.EditingActions=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("./editing-actions.module.scss.cjs.js"),e=t=>{const{children:i}=t;return n.jsx("div",{className:s.default["tedi-editing-actions"],children:i})};exports.EditingActions=e;exports.default=e;

package/src/community/components/map-components/edit-actions/editing-actions.es.js

@@ -1,9 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import s from "./editing-actions.module.scss.es.js";
-const e = (t) => {
+import { jsx as s } from "react/jsx-runtime";
+import o from "./editing-actions.module.scss.es.js";
+const r = (t) => {
   const { children: i } = t;
-  return /* @__PURE__ */ o("div", { className: s["tedi-editing-actions"], children: i });
+  return /* @__PURE__ */ s("div", { className: o["tedi-editing-actions"], children: i });
 };
 export {
-  e as EditingActions
+  r as EditingActions,
+  r 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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../resizer/resizer.cjs.js"),l=require("./left-panel.module.scss.cjs.js"),r=require("./left-panel-content.cjs.js"),s=require("./left-panel-footer.cjs.js"),a=require("./left-panel-header.cjs.js"),i=t=>e.jsx(n.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(a.default,{}),e.jsx(r.default,{...t,children:t.children})]}),e.jsx(s.default,{})]})});exports.LeftPanel=i;exports.default=i;

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

@@ -1,16 +1,17 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Resizer as n } from "../resizer/resizer.es.js";
+import { Resizer as l } from "../resizer/resizer.es.js";
 import r from "./left-panel.module.scss.es.js";
-import l from "./left-panel-content.es.js";
+import n 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: [
+import a from "./left-panel-header.es.js";
+const p = (t) => /* @__PURE__ */ e(l, { 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(a, {}),
+    /* @__PURE__ */ e(n, { ...t, children: t.children })
   ] }),
   /* @__PURE__ */ e(o, {})
 ] }) });
 export {
-  p as LeftPanel
+  p as LeftPanel,
+  p as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../external/classnames/index.cjs.js"),o=require("../../../../tedi/components/base/typography/text/text.cjs.js"),d=require("./legend.module.scss.cjs.js"),u=s=>{const{label:n,labelWidth:l,description:i,className:r}=s,a=t.default(d.default["tedi-legend"],r),c=typeof l=="number"?`${l}%`:l;return e.jsxs("dl",{className:a,style:{"--label-width":c},children:[e.jsx("dt",{className:t.default(d.default["tedi-legend__label"]),children:n}),e.jsx("dd",{children:e.jsx(o.Text,{modifiers:"small",children:i})})]})};exports.Legend=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../../../external/classnames/index.cjs.js"),o=require("../../../../tedi/components/base/typography/text/text.cjs.js"),d=require("./legend.module.scss.cjs.js"),s=n=>{const{label:i,labelWidth:l,description:r,className:a}=n,u=t.default(d.default["tedi-legend"],a),c=typeof l=="number"?`${l}%`:l;return e.jsxs("dl",{className:u,style:{"--label-width":c},children:[e.jsx("dt",{className:t.default(d.default["tedi-legend__label"]),children:i}),e.jsx("dd",{children:e.jsx(o.Text,{modifiers:"small",children:r})})]})};exports.Legend=s;exports.default=s;

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

@@ -1,14 +1,15 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import s from "../../../../../external/classnames/index.es.js";
 import { Text as c } from "../../../../tedi/components/base/typography/text/text.es.js";
 import t from "./legend.module.scss.es.js";
 const g = (d) => {
-  const { label: r, labelWidth: e, description: i, className: o } = d, m = s(t["tedi-legend"], o), n = typeof e == "number" ? `${e}%` : e;
-  return /* @__PURE__ */ a("dl", { className: m, style: { "--label-width": n }, children: [
+  const { label: r, labelWidth: e, description: i, className: a } = d, o = s(t["tedi-legend"], a), m = typeof e == "number" ? `${e}%` : e;
+  return /* @__PURE__ */ n("dl", { className: o, style: { "--label-width": m }, children: [
     /* @__PURE__ */ l("dt", { className: s(t["tedi-legend__label"]), children: r }),
     /* @__PURE__ */ l("dd", { children: /* @__PURE__ */ l(c, { modifiers: "small", children: i }) })
   ] });
 };
 export {
-  g as Legend
+  g as Legend,
+  g as default
 };

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

@@ -1 +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("../../../../tedi/providers/label-provider/use-labels.cjs.js"),ne=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"),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}=te.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:ne.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;
+"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.es.js

@@ -3,9 +3,9 @@ import { useFloatingNodeId as te, useFloating as ne, useInteractions as oe, useC
 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 { useLabels as pe } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import { autoUpdate as fe } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { flip as ue, shift as me, offset as ge } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.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,
@@ -17,7 +17,7 @@ const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (
     isOpen: u,
     sameWidth: O = !1,
     className: A
-  } = s, { initialFocus: T = -1, modal: I = !1, ...D } = s.focusManager ?? {}, { getLabel: W } = pe(), { 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);
+  } = 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)) {
@@ -47,8 +47,8 @@ const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (
     onOpenChange: (e) => {
       u === void 0 && m(e), f == null || f(e);
     },
-    middleware: [...O ? [k] : [], ue(), me(), ge(5)],
-    whileElementsMounted: fe
+    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, {

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

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

@@ -4,19 +4,20 @@ 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 = (m) => {
-  const { children: p, popover: e } = m, [o, a] = d(!1), l = c(
+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"] }),
-    p
+    m
   ] });
-  return e ? /* @__PURE__ */ i(t, { open: o, onToggle: () => a(!o), children: [
+  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 MapInfo,
+  C as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),N=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),j=require("../../../../tedi/components/form/checkbox/checkbox.cjs.js"),g=require("../map-select/map-select.cjs.js"),n=require("./map-layer.module.scss.cjs.js"),w=m=>{const{items:d,selectAllLabel:k="Kõik kihid"}=m,[h,u]=r.useState({}),[v,f]=r.useState({}),[_,C]=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),u(e),f(a)},[d]),r.useEffect(()=>{const e=Object.values(h),a=e.length,t=e.filter(Boolean).length;C(t>0&&t<a)},[h]);const S=(e,a)=>{if(u(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"&&u(o=>({...o,[s.id]:!1})),s.children&&t([s]);else l.children&&t(l.children)};t(d)}},q=e=>{const a={},t=i=>{for(const l of i)l.type==="checkbox"&&(a[l.id]=e),l.children&&t(l.children)};t(d),u(a),e||f({})},x=(e,a=0)=>{var i,l;const t=h[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(j.Checkbox,{id:e.id,label:e.label,name:e.id,checked:t,onChange:(s,o)=>S(e.id,o),value:""}),e.type==="select"&&c.jsx(g.MapSelect,{id:e.id,label:e.label,options:e.options??[],value:v[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(j.Checkbox,{id:"select-all",label:k,name:"select-all",value:"all",checked:Object.values(h).every(Boolean),indeterminate:_,onChange:(e,a)=>q(a)}):c.jsx(N.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=w;
+"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;