@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

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 i } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Icon as a } 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: a,
+    selectedValue: i,
     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 === a) || r[0], f = (e) => /* @__PURE__ */ o(
+  } = p, b = r.find((e) => e.value === i) || r[0], w = (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(i, { name: e.icon })
+      children: l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon })
     }
-  ), w = (e) => /* @__PURE__ */ o(
+  ), y = (e) => /* @__PURE__ */ o(
     "div",
     {
       className: c["tedi-color-and-icon-picker__dropdown-item"],
       role: "option",
-      "aria-selected": e.value === a,
+      "aria-selected": e.value === i,
       children: /* @__PURE__ */ o(v, { children: _ ? /* @__PURE__ */ d("div", { className: c["tedi-color-and-icon-picker__dropdown-item"], children: [
-        l === "icon" && e.icon && /* @__PURE__ */ o(i, { name: e.icon, className: c["tedi-visual-option__icon"] }),
+        l === "icon" && e.icon && /* @__PURE__ */ o(a, { 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 === a,
+            [c["tedi-color-and-icon-picker__visual--active"]]: e.value === i,
             [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(i, { name: e.icon, color: "secondary" })
+          children: l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon, color: "secondary" })
         }
       ) })
     }
-  ), y = r.map((e) => ({
-    children: w(e),
+  ), f = r.map((e) => ({
+    children: y(e),
     onClick: () => u(e.value),
-    isActive: e.value === a
+    isActive: e.value === i
   }));
   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 === a,
+              [c["tedi-color-and-icon-picker__visual--active"]]: e.value === i,
               [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 === a,
+            "aria-selected": e.value === i,
             role: "option",
-            children: l === "icon" && e.icon && /* @__PURE__ */ o(i, { name: e.icon, className: c["tedi-visual-option__icon"] })
+            children: l === "icon" && e.icon && /* @__PURE__ */ o(a, { name: e.icon, className: c["tedi-visual-option__icon"] })
           },
           e.value
         ))
@@ -91,17 +91,16 @@ const A = (p) => {
           "aria-expanded": "false",
           noStyle: !0,
           children: [
-            f(b),
-            /* @__PURE__ */ o(i, { name: "arrow_drop_down" })
+            w(b),
+            /* @__PURE__ */ o(a, { name: "arrow_drop_down" })
           ]
         }
       ) }),
-      /* @__PURE__ */ o(t.Content, { items: y })
+      /* @__PURE__ */ o(t.Content, { items: f })
     ] }),
-    n && /* @__PURE__ */ o("input", { type: "hidden", name: n, value: a })
+    n && /* @__PURE__ */ o("input", { type: "hidden", name: n, value: i })
   ] });
 };
 export {
-  A as ColorAndIconPicker,
-  A as default
+  A as ColorAndIconPicker
 };

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

@@ -1 +1 @@
-"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;
+"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;

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 { useBreakpoint as X, isBreakpointBelow as Y } from "../../../../tedi/helpers/hooks/use-breakpoint.es.js";
+import 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,6 +90,5 @@ const E = (v) => {
   );
 };
 export {
-  E as Comparison,
-  E as default
+  E as Comparison
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

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

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,10 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-import o from "./editing-actions.module.scss.es.js";
-const r = (t) => {
+import { jsx as o } from "react/jsx-runtime";
+import s from "./editing-actions.module.scss.es.js";
+const e = (t) => {
   const { children: i } = t;
-  return /* @__PURE__ */ s("div", { className: o["tedi-editing-actions"], children: i });
+  return /* @__PURE__ */ o("div", { className: s["tedi-editing-actions"], children: i });
 };
 export {
-  r as EditingActions,
-  r as default
+  e as EditingActions
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

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

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,15 +1,14 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { jsxs as a, 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: 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: [
+  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: [
     /* @__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 default
+  g as Legend
 };

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("../../../../../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;
+"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;

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 { 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";
+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";
 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 } = 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);
+  } = 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);
   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] : [], fe(), ue(), me(5)],
-    whileElementsMounted: pe
+    middleware: [...O ? [k] : [], ue(), me(), ge(5)],
+    whileElementsMounted: fe
   }), $ = 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.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;
+"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;

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

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

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

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

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

@@ -1,47 +1,47 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import v from "../../../../../external/classnames/index.es.js";
-import { useState as k, useEffect as _ } from "react";
+import { useState as u, useEffect as _ } from "react";
 import { Text as j } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { Button as m } from "../../../../tedi/components/buttons/button/button.es.js";
 import { Checkbox as x } from "../../../../tedi/components/form/checkbox/checkbox.es.js";
 import { MapSelect as V } from "../map-select/map-select.es.js";
 import n from "./map-layer.module.scss.es.js";
 const D = (C) => {
-  const { items: s, selectAllLabel: b = "Kõik kihid" } = C, [h, f] = k({}), [N, p] = k({}), [S, w] = k(!1);
+  const { items: s, selectAllLabel: b = "Kõik kihid" } = C, [h, f] = u({}), [N, p] = u({}), [S, w] = u(!1);
   _(() => {
-    const e = {}, a = {}, c = (t) => {
+    const e = {}, c = {}, a = (t) => {
       for (const l of t)
-        l.type === "checkbox" && (e[l.id] = l.defaultChecked ?? !1), l.type === "select" && l.defaultValue && (a[l.id] = l.defaultValue), l.children && c(l.children);
+        l.type === "checkbox" && (e[l.id] = l.defaultChecked ?? !1), l.type === "select" && l.defaultValue && (c[l.id] = l.defaultValue), l.children && a(l.children);
     };
-    c(s), f(e), p(a);
+    a(s), f(e), p(c);
   }, [s]), _(() => {
-    const e = Object.values(h), a = e.length, c = e.filter(Boolean).length;
-    w(c > 0 && c < a);
+    const e = Object.values(h), c = e.length, a = e.filter(Boolean).length;
+    w(a > 0 && a < c);
   }, [h]);
-  const g = (e, a) => {
-    if (f((c) => ({ ...c, [e]: a })), !a) {
-      const c = (t) => {
+  const g = (e, c) => {
+    if (f((a) => ({ ...a, [e]: c })), !c) {
+      const a = (t) => {
         for (const l of t)
           if (l.id === e && l.children)
             for (const i of l.children)
-              i.type === "select" && p((d) => ({ ...d, [i.id]: void 0 })), i.type === "checkbox" && f((d) => ({ ...d, [i.id]: !1 })), i.children && c([i]);
-          else l.children && c(l.children);
+              i.type === "select" && p((d) => ({ ...d, [i.id]: void 0 })), i.type === "checkbox" && f((d) => ({ ...d, [i.id]: !1 })), i.children && a([i]);
+          else l.children && a(l.children);
       };
-      c(s);
+      a(s);
     }
   }, T = (e) => {
-    const a = {}, c = (t) => {
+    const c = {}, a = (t) => {
       for (const l of t)
-        l.type === "checkbox" && (a[l.id] = e), l.children && c(l.children);
+        l.type === "checkbox" && (c[l.id] = e), l.children && a(l.children);
     };
-    c(s), f(a), e || p({});
-  }, y = (e, a = 0) => {
+    a(s), f(c), e || p({});
+  }, y = (e, c = 0) => {
     var t, l;
-    const c = h[e.id] ?? !1;
+    const a = h[e.id] ?? !1;
     return /* @__PURE__ */ r(
       "div",
       {
-        className: v(n["tedi-map-layer__item"], n[`tedi-map-layer__level-${a}`]),
+        className: v(n["tedi-map-layer__item"], n[`tedi-map-layer__level-${c}`]),
         children: [
           /* @__PURE__ */ r("div", { className: n["tedi-map-layer__row"], children: [
             e.type === "checkbox" && /* @__PURE__ */ o(
@@ -50,7 +50,7 @@ const D = (C) => {
                 id: e.id,
                 label: e.label,
                 name: e.id,
-                checked: c,
+                checked: a,
                 onChange: (i, d) => g(e.id, d),
                 value: ""
               }
@@ -74,18 +74,18 @@ const D = (C) => {
           ] }),
           e.type === "label" && /* @__PURE__ */ r("div", { className: n["tedi-map-layer__item"], children: [
             /* @__PURE__ */ o("div", { className: n["tedi-map-layer__label"], children: e.label }),
-            (t = e.children) == null ? void 0 : t.map((i) => y(i, a + 1))
+            (t = e.children) == null ? void 0 : t.map((i) => y(i, c + 1))
           ] }, e.id),
-          (l = e.children) == null ? void 0 : l.map((i) => y(i, a + 1))
+          (l = e.children) == null ? void 0 : l.map((i) => y(i, c + 1))
         ]
       },
       e.id
     );
-  }, u = (e) => e.some(
-    (a) => a.type === "checkbox" ? !0 : a.children ? u(a.children) : !1
+  }, k = (e) => e.some(
+    (c) => c.type === "checkbox" ? !0 : c.children ? k(c.children) : !1
   );
   return /* @__PURE__ */ r("div", { className: n["tedi-map-layer"], children: [
-    /* @__PURE__ */ o("div", { className: n["tedi-map-layer__select-all"], children: u(s) ? /* @__PURE__ */ o(
+    /* @__PURE__ */ o("div", { className: n["tedi-map-layer__select-all"], children: k(s) ? /* @__PURE__ */ o(
       x,
       {
         id: "select-all",
@@ -94,7 +94,7 @@ const D = (C) => {
         value: "all",
         checked: Object.values(h).every(Boolean),
         indeterminate: S,
-        onChange: (e, a) => T(a)
+        onChange: (e, c) => T(c)
       }
     ) : /* @__PURE__ */ o(j, { color: "primary", modifiers: ["bold"], children: b }) }),
     /* @__PURE__ */ o(
@@ -102,7 +102,7 @@ const D = (C) => {
       {
         className: v(
           n["tedi-map-layer"],
-          !u(s) && n["tedi-map-layer--no-checkboxes"]
+          !k(s) && n["tedi-map-layer--no-checkboxes"]
         ),
         children: s.map((e) => y(e, 1))
       }
@@ -110,6 +110,5 @@ const D = (C) => {
   ] });
 };
 export {
-  D as MapLayer,
-  D as default
+  D as MapLayer
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),j=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),b=require("../map-button/map-button.cjs.js"),n=require("./map-preview.module.scss.cjs.js"),O=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),p=m=>{const{children:i,isOpen:d,onToggle:r,renderClosedState:c,renderOpenState:l}=m,{getLabel:_}=O.useLabels(),[v,f]=x.useState(!0),u=d!==void 0,e=u?d:v,a=()=>{const s=!e;u||f(s),r==null||r(s)},w=j.default(n.default["tedi-map-preview__container"],n.default[`tedi-map-preview__container--${e?"opened":"closed"}`]),o=s=>t.jsx("div",{className:n.default["tedi-map-preview__content-wrapper"],children:s}),h=()=>c&&!e?o(c(a)):l&&e?t.jsxs(t.Fragment,{children:[o(t.jsx("div",{className:n.default["tedi-map-preview__content"],"data-state":`${e?"opened":"closed"}`,children:i})),l(a)]}):t.jsxs(t.Fragment,{children:[e&&o(t.jsx("div",{className:n.default["tedi-map-preview__content"],"data-state":`${e?"opened":"closed"}`,children:i})),t.jsx(b.MapButton,{size:"small",onClick:a,icon:e?"south_east":"north_west",className:n.default["tedi-map-preview__button"],hideLabel:!0,children:_(e?"close":"open")})]});return t.jsx("div",{className:w,children:h()})};exports.MapPreview=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),j=require("react"),x=require("../map-button/map-button.cjs.js"),n=require("./map-preview.module.scss.cjs.js"),b=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),O=u=>{const{children:i,isOpen:c,onToggle:r,renderClosedState:d,renderOpenState:l}=u,{getLabel:m}=b.useLabels(),[v,_]=j.useState(!0),p=c!==void 0,e=p?c:v,a=()=>{const s=!e;p||_(s),r==null||r(s)},w=h.default(n.default["tedi-map-preview__container"],n.default[`tedi-map-preview__container--${e?"opened":"closed"}`]),o=s=>t.jsx("div",{className:n.default["tedi-map-preview__content-wrapper"],children:s}),f=()=>d&&!e?o(d(a)):l&&e?t.jsxs(t.Fragment,{children:[o(t.jsx("div",{className:n.default["tedi-map-preview__content"],"data-state":`${e?"opened":"closed"}`,children:i})),l(a)]}):t.jsxs(t.Fragment,{children:[e&&o(t.jsx("div",{className:n.default["tedi-map-preview__content"],"data-state":`${e?"opened":"closed"}`,children:i})),t.jsx(x.MapButton,{size:"small",onClick:a,icon:e?"south_east":"north_west",className:n.default["tedi-map-preview__button"],hideLabel:!0,children:m(e?"close":"open")})]});return t.jsx("div",{className:w,children:f()})};exports.MapPreview=O;

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

@@ -5,21 +5,21 @@ import { MapButton as O } from "../map-button/map-button.es.js";
 import t from "./map-preview.module.scss.es.js";
 import { useLabels as b } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const M = (u) => {
-  const { children: i, isOpen: c, onToggle: o, renderClosedState: d, renderOpenState: p } = u, { getLabel: v } = b(), [f, w] = N(!0), l = c !== void 0, e = l ? c : f, s = () => {
+  const { children: a, isOpen: c, onToggle: o, renderClosedState: d, renderOpenState: p } = u, { getLabel: v } = b(), [w, f] = N(!0), l = c !== void 0, e = l ? c : w, s = () => {
     const r = !e;
-    l || w(r), o == null || o(r);
+    l || f(r), o == null || o(r);
   }, h = C(
     t["tedi-map-preview__container"],
     t[`tedi-map-preview__container--${e ? "opened" : "closed"}`]
-  ), a = (r) => /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content-wrapper"], children: r });
-  return /* @__PURE__ */ n("div", { className: h, children: d && !e ? a(d(s)) : p && e ? /* @__PURE__ */ m(_, { children: [
-    a(
-      /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content"], "data-state": `${e ? "opened" : "closed"}`, children: i })
+  ), i = (r) => /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content-wrapper"], children: r });
+  return /* @__PURE__ */ n("div", { className: h, children: d && !e ? i(d(s)) : p && e ? /* @__PURE__ */ m(_, { children: [
+    i(
+      /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content"], "data-state": `${e ? "opened" : "closed"}`, children: a })
     ),
     p(s)
   ] }) : /* @__PURE__ */ m(_, { children: [
-    e && a(
-      /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content"], "data-state": `${e ? "opened" : "closed"}`, children: i })
+    e && i(
+      /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content"], "data-state": `${e ? "opened" : "closed"}`, children: a })
     ),
     /* @__PURE__ */ n(
       O,
@@ -35,6 +35,5 @@ const M = (u) => {
   ] }) });
 };
 export {
-  M as MapPreview,
-  M as default
+  M as MapPreview
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),S=require("../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),_=require("../map-accordion/map-accordion.cjs.js"),A=require("../map-accordion/map-accordion-item.cjs.js"),M=require("../map-accordion/map-accordion-item-content.cjs.js"),D=require("../map-accordion/map-accordion-item-header.cjs.js"),a=require("./right-panel.module.scss.cjs.js"),f=({id:i,isSingleItem:t,onClose:o})=>n.jsx(S.ClosingButton,{className:a.default["tedi-right-panel__closer"],size:t?"default":"small",onClick:()=>o(i),title:"Sulge aken"});f.displayName="DefaultCloseButton";const v=(i,t)=>{const o=d=>n.jsx(f,{id:d,isSingleItem:i,onClose:t});return o.displayName="RightPanelDefaultRenderCloseButton",o},C=i=>{const{items:t,defaultOpenItem:o=[],expanderTitle:d="Toimingu aknad",renderToggleButton:x,renderCloseButton:B,showCloseButton:I=!0,onCloseItem:c}=i,[g,h]=m.useState(new Set);m.useEffect(()=>{h(e=>{const s=new Set,r=new Set(t.map(l=>l.id));return e.forEach(l=>{r.has(l)&&s.add(l)}),s})},[t]);const p=m.useMemo(()=>t.filter(({id:e})=>!g.has(e)),[t,g]),R=e=>{h(s=>{const r=new Set(s);return r.add(e),r}),c==null||c(e)},u=p.length===1,j=I?B??v(u,R):void 0;return n.jsx("div",{className:q.default(a.default["tedi-right-panel"],{[a.default["tedi-right-panel--single"]]:u,[a.default["tedi-right-panel--multi"]]:!u}),children:n.jsx(_.MapAccordion,{defaultOpenItem:o,className:a.default["tedi-right-panel__accordion"],expanderMode:!0,expanderTitle:d,renderCloseButton:j,children:p.map(({id:e,title:s,content:r})=>n.jsxs(A.MapAccordionItem,{id:e,children:[n.jsx(D.MapAccordionItemHeader,{className:a.default["tedi-right-panel__accordion-header"],renderToggleButton:x,title:s}),n.jsx(M.MapAccordionItemContent,{children:r})]},e))})})};exports.DefaultCloseButton=f;exports.RightPanel=C;exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),j=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),q=require("../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),S=require("../map-accordion/map-accordion.cjs.js"),A=require("../map-accordion/map-accordion-item.cjs.js"),D=require("../map-accordion/map-accordion-item-content.cjs.js"),M=require("../map-accordion/map-accordion-item-header.cjs.js"),a=require("./right-panel.module.scss.cjs.js"),f=({id:i,isSingleItem:t,onClose:o})=>n.jsx(q.ClosingButton,{className:a.default["tedi-right-panel__closer"],size:t?"default":"small",onClick:()=>o(i),title:"Sulge aken"});f.displayName="DefaultCloseButton";const _=(i,t)=>{const o=c=>n.jsx(f,{id:c,isSingleItem:i,onClose:t});return o.displayName="RightPanelDefaultRenderCloseButton",o},N=i=>{const{items:t,defaultOpenItem:o=[],expanderTitle:c="Toimingu aknad",renderToggleButton:C,renderCloseButton:x,showCloseButton:B=!0,onCloseItem:d}=i,[g,h]=m.useState(new Set);m.useEffect(()=>{h(e=>{const s=new Set,r=new Set(t.map(l=>l.id));return e.forEach(l=>{r.has(l)&&s.add(l)}),s})},[t]);const p=m.useMemo(()=>t.filter(({id:e})=>!g.has(e)),[t,g]),I=e=>{h(s=>{const r=new Set(s);return r.add(e),r}),d==null||d(e)},u=p.length===1,R=B?x??_(u,I):void 0;return n.jsx("div",{className:j.default(a.default["tedi-right-panel"],{[a.default["tedi-right-panel--single"]]:u,[a.default["tedi-right-panel--multi"]]:!u}),children:n.jsx(S.MapAccordion,{defaultOpenItem:o,className:a.default["tedi-right-panel__accordion"],expanderMode:!0,expanderTitle:c,renderCloseButton:R,children:p.map(({id:e,title:s,content:r})=>n.jsxs(A.MapAccordionItem,{id:e,children:[n.jsx(M.MapAccordionItemHeader,{className:a.default["tedi-right-panel__accordion-header"],renderToggleButton:C,title:s}),n.jsx(D.MapAccordionItemContent,{children:r})]},e))})})};exports.DefaultCloseButton=f;exports.RightPanel=N;