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

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 u, useEffect as _ } from "react";
+import { useState as k, 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] = u({}), [N, p] = u({}), [S, w] = u(!1);
+  const { items: s, selectAllLabel: b = "Kõik kihid" } = C, [h, f] = k({}), [N, p] = k({}), [S, w] = k(!1);
   _(() => {
-    const e = {}, c = {}, a = (t) => {
+    const e = {}, a = {}, c = (t) => {
       for (const l of t)
-        l.type === "checkbox" && (e[l.id] = l.defaultChecked ?? !1), l.type === "select" && l.defaultValue && (c[l.id] = l.defaultValue), l.children && a(l.children);
+        l.type === "checkbox" && (e[l.id] = l.defaultChecked ?? !1), l.type === "select" && l.defaultValue && (a[l.id] = l.defaultValue), l.children && c(l.children);
     };
-    a(s), f(e), p(c);
+    c(s), f(e), p(a);
   }, [s]), _(() => {
-    const e = Object.values(h), c = e.length, a = e.filter(Boolean).length;
-    w(a > 0 && a < c);
+    const e = Object.values(h), a = e.length, c = e.filter(Boolean).length;
+    w(c > 0 && c < a);
   }, [h]);
-  const g = (e, c) => {
-    if (f((a) => ({ ...a, [e]: c })), !c) {
-      const a = (t) => {
+  const g = (e, a) => {
+    if (f((c) => ({ ...c, [e]: a })), !a) {
+      const c = (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 && a([i]);
-          else l.children && a(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);
       };
-      a(s);
+      c(s);
     }
   }, T = (e) => {
-    const c = {}, a = (t) => {
+    const a = {}, c = (t) => {
       for (const l of t)
-        l.type === "checkbox" && (c[l.id] = e), l.children && a(l.children);
+        l.type === "checkbox" && (a[l.id] = e), l.children && c(l.children);
     };
-    a(s), f(c), e || p({});
-  }, y = (e, c = 0) => {
+    c(s), f(a), e || p({});
+  }, y = (e, a = 0) => {
     var t, l;
-    const a = h[e.id] ?? !1;
+    const c = h[e.id] ?? !1;
     return /* @__PURE__ */ r(
       "div",
       {
-        className: v(n["tedi-map-layer__item"], n[`tedi-map-layer__level-${c}`]),
+        className: v(n["tedi-map-layer__item"], n[`tedi-map-layer__level-${a}`]),
         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: a,
+                checked: c,
                 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, c + 1))
+            (t = e.children) == null ? void 0 : t.map((i) => y(i, a + 1))
           ] }, e.id),
-          (l = e.children) == null ? void 0 : l.map((i) => y(i, c + 1))
+          (l = e.children) == null ? void 0 : l.map((i) => y(i, a + 1))
         ]
       },
       e.id
     );
-  }, k = (e) => e.some(
-    (c) => c.type === "checkbox" ? !0 : c.children ? k(c.children) : !1
+  }, u = (e) => e.some(
+    (a) => a.type === "checkbox" ? !0 : a.children ? u(a.children) : !1
   );
   return /* @__PURE__ */ r("div", { className: n["tedi-map-layer"], children: [
-    /* @__PURE__ */ o("div", { className: n["tedi-map-layer__select-all"], children: k(s) ? /* @__PURE__ */ o(
+    /* @__PURE__ */ o("div", { className: n["tedi-map-layer__select-all"], children: u(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, c) => T(c)
+        onChange: (e, a) => T(a)
       }
     ) : /* @__PURE__ */ o(j, { color: "primary", modifiers: ["bold"], children: b }) }),
     /* @__PURE__ */ o(
@@ -102,7 +102,7 @@ const D = (C) => {
       {
         className: v(
           n["tedi-map-layer"],
-          !k(s) && n["tedi-map-layer--no-checkboxes"]
+          !u(s) && n["tedi-map-layer--no-checkboxes"]
         ),
         children: s.map((e) => y(e, 1))
       }
@@ -110,5 +110,6 @@ const D = (C) => {
   ] });
 };
 export {
-  D as MapLayer
+  D as MapLayer,
+  D as default
 };

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

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

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: 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 { 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 r = !e;
-    l || f(r), o == null || o(r);
+    l || w(r), o == null || o(r);
   }, h = C(
     t["tedi-map-preview__container"],
     t[`tedi-map-preview__container--${e ? "opened" : "closed"}`]
-  ), 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 })
+  ), 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 })
     ),
     p(s)
   ] }) : /* @__PURE__ */ m(_, { children: [
-    e && i(
-      /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content"], "data-state": `${e ? "opened" : "closed"}`, children: a })
+    e && a(
+      /* @__PURE__ */ n("div", { className: t["tedi-map-preview__content"], "data-state": `${e ? "opened" : "closed"}`, children: i })
     ),
     /* @__PURE__ */ n(
       O,
@@ -35,5 +35,6 @@ const M = (u) => {
   ] }) });
 };
 export {
-  M as MapPreview
+  M as MapPreview,
+  M as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
 import N from "../../../../../external/classnames/index.es.js";
 import u from "react";
 import { ClosingButton as S } from "../../../../tedi/components/buttons/closing-button/closing-button.es.js";
@@ -6,21 +6,21 @@ import { MapAccordion as D } from "../map-accordion/map-accordion.es.js";
 import { MapAccordionItem as M } from "../map-accordion/map-accordion-item.es.js";
 import { MapAccordionItemContent as w } from "../map-accordion/map-accordion-item-content.es.js";
 import { MapAccordionItemHeader as v } from "../map-accordion/map-accordion-item-header.es.js";
-import s from "./right-panel.module.scss.es.js";
-const g = ({ id: a, isSingleItem: t, onClose: n }) => /* @__PURE__ */ i(
+import r from "./right-panel.module.scss.es.js";
+const g = ({ id: i, isSingleItem: t, onClose: n }) => /* @__PURE__ */ a(
   S,
   {
-    className: s["tedi-right-panel__closer"],
+    className: r["tedi-right-panel__closer"],
     size: t ? "default" : "small",
-    onClick: () => n(a),
+    onClick: () => n(i),
     title: "Sulge aken"
   }
 );
 g.displayName = "DefaultCloseButton";
-const A = (a, t) => {
-  const n = (d) => /* @__PURE__ */ i(g, { id: d, isSingleItem: a, onClose: t });
+const A = (i, t) => {
+  const n = (d) => /* @__PURE__ */ a(g, { id: d, isSingleItem: i, onClose: t });
   return n.displayName = "RightPanelDefaultRenderCloseButton", n;
-}, O = (a) => {
+}, O = (i) => {
   const {
     items: t,
     defaultOpenItem: n = [],
@@ -29,46 +29,46 @@ const A = (a, t) => {
     renderCloseButton: B,
     showCloseButton: I = !0,
     onCloseItem: c
-  } = a, [p, f] = u.useState(/* @__PURE__ */ new Set());
+  } = i, [p, f] = u.useState(/* @__PURE__ */ new Set());
   u.useEffect(() => {
     f((e) => {
-      const o = /* @__PURE__ */ new Set(), r = new Set(t.map((l) => l.id));
+      const o = /* @__PURE__ */ new Set(), s = new Set(t.map((l) => l.id));
       return e.forEach((l) => {
-        r.has(l) && o.add(l);
+        s.has(l) && o.add(l);
       }), o;
     });
   }, [t]);
   const h = u.useMemo(() => t.filter(({ id: e }) => !p.has(e)), [t, p]), R = (e) => {
     f((o) => {
-      const r = new Set(o);
-      return r.add(e), r;
+      const s = new Set(o);
+      return s.add(e), s;
     }), c == null || c(e);
   }, m = h.length === 1, _ = I ? B ?? A(m, R) : void 0;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: N(s["tedi-right-panel"], {
-        [s["tedi-right-panel--single"]]: m,
-        [s["tedi-right-panel--multi"]]: !m
+      className: N(r["tedi-right-panel"], {
+        [r["tedi-right-panel--single"]]: m,
+        [r["tedi-right-panel--multi"]]: !m
       }),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ a(
         D,
         {
           defaultOpenItem: n,
-          className: s["tedi-right-panel__accordion"],
+          className: r["tedi-right-panel__accordion"],
           expanderMode: !0,
           expanderTitle: d,
           renderCloseButton: _,
-          children: h.map(({ id: e, title: o, content: r }) => /* @__PURE__ */ x(M, { id: e, children: [
-            /* @__PURE__ */ i(
+          children: h.map(({ id: e, title: o, content: s }) => /* @__PURE__ */ x(M, { id: e, children: [
+            /* @__PURE__ */ a(
               v,
               {
-                className: s["tedi-right-panel__accordion-header"],
+                className: r["tedi-right-panel__accordion-header"],
                 renderToggleButton: C,
                 title: o
               }
             ),
-            /* @__PURE__ */ i(w, { children: r })
+            /* @__PURE__ */ a(w, { children: s })
           ] }, e))
         }
       )
@@ -77,5 +77,6 @@ const A = (a, t) => {
 };
 export {
   g as DefaultCloseButton,
-  O as RightPanel
+  O as RightPanel,
+  O as default
 };

package/src/community/components/map-components/scale-bar/scale-bar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),c=require("./scale-bar.module.scss.cjs.js"),x=({zoomLevel:t})=>{const[o,u]=l.useState({km:0,widthPx:100,ratio:0,displayText:"0 km 1:0"});return l.useEffect(()=>{const m=Math.pow(2,t-0),i=Math.round(50*m),d=156543.03392/Math.pow(2,t),n=d*i,e=Math.round(n/1e3*10)/10,a=Math.round(1/(d/100));let s;e<1?s=`${Math.round(n)} m 1:${a.toLocaleString()}`:s=`${e.toFixed(1)} km 1:${a.toLocaleString()}`,u({km:e,widthPx:i,ratio:a,displayText:s})},[t]),r.jsxs("div",{className:c.default["tedi-scale-bar__wrapper"],children:[r.jsx("div",{className:c.default["tedi-scale-bar__indicator"],style:{width:`${o.widthPx}px`}}),r.jsx("div",{className:c.default["tedi-scale-bar__data"],children:o.displayText})]})};exports.ScaleBar=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("react"),c=require("./scale-bar.module.scss.cjs.js"),u=({zoomLevel:e})=>{const[o,_]=l.useState({km:0,widthPx:100,ratio:0,displayText:"0 km 1:0"});return l.useEffect(()=>{const m=Math.pow(2,e-0),i=Math.round(50*m),d=156543.03392/Math.pow(2,e),n=d*i,t=Math.round(n/1e3*10)/10,a=Math.round(1/(d/100));let s;t<1?s=`${Math.round(n)} m 1:${a.toLocaleString()}`:s=`${t.toFixed(1)} km 1:${a.toLocaleString()}`,_({km:t,widthPx:i,ratio:a,displayText:s})},[e]),r.jsxs("div",{className:c.default["tedi-scale-bar__wrapper"],children:[r.jsx("div",{className:c.default["tedi-scale-bar__indicator"],style:{width:`${o.widthPx}px`}}),r.jsx("div",{className:c.default["tedi-scale-bar__data"],children:o.displayText})]})};exports.ScaleBar=u;exports.default=u;

package/src/community/components/map-components/scale-bar/scale-bar.es.js

@@ -9,13 +9,13 @@ const S = ({ zoomLevel: t }) => {
     displayText: "0 km 1:0"
   });
   return p(() => {
-    const m = Math.pow(2, t - 0), i = Math.round(50 * m), c = 156543.03392 / Math.pow(2, t), d = c * i, e = Math.round(d / 1e3 * 10) / 10, s = Math.round(1 / (c / 100));
-    let a;
-    e < 1 ? a = `${Math.round(d)} m 1:${s.toLocaleString()}` : a = `${e.toFixed(1)} km 1:${s.toLocaleString()}`, l({
+    const m = Math.pow(2, t - 0), i = Math.round(50 * m), c = 156543.03392 / Math.pow(2, t), d = c * i, e = Math.round(d / 1e3 * 10) / 10, a = Math.round(1 / (c / 100));
+    let s;
+    e < 1 ? s = `${Math.round(d)} m 1:${a.toLocaleString()}` : s = `${e.toFixed(1)} km 1:${a.toLocaleString()}`, l({
       km: e,
       widthPx: i,
-      ratio: s,
-      displayText: a
+      ratio: a,
+      displayText: s
     });
   }, [t]), /* @__PURE__ */ h("div", { className: o["tedi-scale-bar__wrapper"], children: [
     /* @__PURE__ */ n("div", { className: o["tedi-scale-bar__indicator"], style: { width: `${r.widthPx}px` } }),
@@ -23,5 +23,6 @@ const S = ({ zoomLevel: t }) => {
   ] });
 };
 export {
-  S as ScaleBar
+  S as ScaleBar,
+  S as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),W=require("../../../../tedi/components/base/typography/text/text.cjs.js"),L=require("../../../../tedi/components/base/icon/icon.cjs.js"),e=require("./timeline.module.scss.cjs.js"),y=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),X=m=>{switch(m){case"day":return 24*60*60*1e3;case"week":return 7*24*60*60*1e3;case"year":return 365*24*60*60*1e3;default:return 60*1e3}},Y=({initialDate:m,minDate:h,maxDate:g,interval:P="day",popover:p,vertical:i=!1})=>{const u=c.useRef(null),[l,S]=c.useState({width:0,height:0}),[b,w]=c.useState(0),[x,k]=c.useState(!1),[E,M]=c.useState(!1),N=g.getTime()-h.getTime(),R=i?l.height/N:l.width/N,q=t=>(t.getTime()-h.getTime())*R;c.useEffect(()=>{if(l.width>0||l.height>0){const t=q(m);w(t)}},[l,m]),c.useEffect(()=>{const t=new ResizeObserver(s=>{const o=s[0].contentRect;S({width:o.width,height:o.height})});return u.current&&t.observe(u.current),()=>t.disconnect()},[]);const C=()=>{const t=X(P),s=g.getTime()-h.getTime(),o=i?l.height/s:l.width/s,a=[],r=[];let f=new Date(h.getTime()),v=0;for(;f<=g;){const _=(f.getTime()-h.getTime())*o;a.push(_),v>=1&&v%10===0&&r.push({position:_,label:f.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})}),f=new Date(f.getTime()+t),v++}if(r.length===0&&a.length>0){const _=a[a.length-1];r.push({position:_,label:g.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})})}return{tinyTicks:a,mainTicksWithLabels:r}},I=t=>{if(!u.current)return;const s=u.current.getBoundingClientRect(),o=i?s.height-(t.clientY-s.top):t.clientX-s.left,a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},z=t=>{t.preventDefault(),t.stopPropagation(),k(!0),document.body.classList.add(e.default["no-select"])},T=t=>{if(!x||!u.current)return;const s=u.current.getBoundingClientRect();let o;i?o=t.clientY-s.top-12:o=t.clientX-s.left;const a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},j=()=>{k(!1),document.body.classList.remove(e.default["no-select"])};c.useEffect(()=>(x?(window.addEventListener("mousemove",T),window.addEventListener("mouseup",j)):(window.removeEventListener("mousemove",T),window.removeEventListener("mouseup",j)),()=>{window.removeEventListener("mousemove",T),window.removeEventListener("mouseup",j)}),[x]);const{tinyTicks:B,mainTicksWithLabels:O}=C();return n.jsxs("div",{className:d.default(e.default["tedi-timeline"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs(y.Popover,{open:E,onToggle:()=>M(!E),children:[n.jsx(y.Popover.Trigger,{children:n.jsxs("div",{className:d.default(e.default["tedi-timeline__clock-wrapper"]),children:[n.jsxs("div",{className:e.default["tedi-timeline__clock"],children:[n.jsx("time",{className:e.default["tedi-timeline__time"],children:m.toLocaleTimeString("et-EE",{hour:"2-digit",minute:"2-digit"})}),n.jsx("time",{className:e.default["tedi-timeline__date"],children:m.toLocaleDateString("et-EE",{day:"2-digit",month:"long",year:"numeric"})})]}),n.jsx(L.Icon,{name:"expand_more"})]})}),n.jsx(y.Popover.Content,{...p,children:p==null?void 0:p.children})]}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__main-track"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs("div",{className:d.default(e.default["tedi-timeline__track-bar"],i&&e.default["tedi-timeline--vertical"]),ref:u,onClick:I,children:[B.map((t,s)=>n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--tiny"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t}px`}:{left:`${t}px`}},`tiny-${s}`)),O.map((t,s)=>n.jsxs("div",{className:d.default(e.default["tedi-timeline__tick-group"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t.position}px`}:{left:`${t.position}px`},children:[n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--large"],i&&e.default["tedi-timeline--vertical"])}),n.jsx("div",{className:d.default(e.default["tedi-timeline__tick-label"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx(W.Text,{modifiers:["small"],color:"secondary",children:t.label})})]},`main-label-${s}`))]}),n.jsx("div",{className:d.default(e.default["tedi-timeline__track"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx("canvas",{className:d.default(e.default["tedi-timeline__tracks"],i&&e.default["tedi-timeline--vertical"]),width:i?1:l.width,height:i?l.height:1})}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__needle"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${b}px`,transform:"translateY(0)"}:{left:`${b}px`,transform:"translateX(-50%)"},children:[n.jsx("div",{className:e.default["tedi-timeline__needle-head"],onMouseDown:z,style:{cursor:x?"grabbing":"grab",touchAction:"none"},children:n.jsx(L.Icon,{name:"code",color:"brand",size:12})}),n.jsx("div",{className:d.default(e.default["tedi-timeline__needle-line"],i&&e.default["tedi-timeline--vertical"])})]})]})]})};exports.Timeline=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),X=require("../../../../tedi/components/base/typography/text/text.cjs.js"),L=require("../../../../tedi/components/base/icon/icon.cjs.js"),e=require("./timeline.module.scss.cjs.js"),b=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),Y=m=>{switch(m){case"day":return 24*60*60*1e3;case"week":return 7*24*60*60*1e3;case"year":return 365*24*60*60*1e3;default:return 60*1e3}},P=({initialDate:m,minDate:h,maxDate:g,interval:S="day",popover:p,vertical:i=!1})=>{const u=c.useRef(null),[l,M]=c.useState({width:0,height:0}),[y,w]=c.useState(0),[x,k]=c.useState(!1),[E,R]=c.useState(!1),N=g.getTime()-h.getTime(),q=i?l.height/N:l.width/N,C=t=>(t.getTime()-h.getTime())*q;c.useEffect(()=>{if(l.width>0||l.height>0){const t=C(m);w(t)}},[l,m]),c.useEffect(()=>{const t=new ResizeObserver(s=>{const o=s[0].contentRect;M({width:o.width,height:o.height})});return u.current&&t.observe(u.current),()=>t.disconnect()},[]);const I=()=>{const t=Y(S),s=g.getTime()-h.getTime(),o=i?l.height/s:l.width/s,a=[],r=[];let f=new Date(h.getTime()),j=0;for(;f<=g;){const _=(f.getTime()-h.getTime())*o;a.push(_),j>=1&&j%10===0&&r.push({position:_,label:f.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})}),f=new Date(f.getTime()+t),j++}if(r.length===0&&a.length>0){const _=a[a.length-1];r.push({position:_,label:g.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})})}return{tinyTicks:a,mainTicksWithLabels:r}},z=t=>{if(!u.current)return;const s=u.current.getBoundingClientRect(),o=i?s.height-(t.clientY-s.top):t.clientX-s.left,a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},B=t=>{t.preventDefault(),t.stopPropagation(),k(!0),document.body.classList.add(e.default["no-select"])},v=t=>{if(!x||!u.current)return;const s=u.current.getBoundingClientRect();let o;i?o=t.clientY-s.top-12:o=t.clientX-s.left;const a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},T=()=>{k(!1),document.body.classList.remove(e.default["no-select"])};c.useEffect(()=>(x?(window.addEventListener("mousemove",v),window.addEventListener("mouseup",T)):(window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",T)),()=>{window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",T)}),[x]);const{tinyTicks:O,mainTicksWithLabels:W}=I();return n.jsxs("div",{className:d.default(e.default["tedi-timeline"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs(b.Popover,{open:E,onToggle:()=>R(!E),children:[n.jsx(b.Popover.Trigger,{children:n.jsxs("div",{className:d.default(e.default["tedi-timeline__clock-wrapper"]),children:[n.jsxs("div",{className:e.default["tedi-timeline__clock"],children:[n.jsx("time",{className:e.default["tedi-timeline__time"],children:m.toLocaleTimeString("et-EE",{hour:"2-digit",minute:"2-digit"})}),n.jsx("time",{className:e.default["tedi-timeline__date"],children:m.toLocaleDateString("et-EE",{day:"2-digit",month:"long",year:"numeric"})})]}),n.jsx(L.Icon,{name:"expand_more"})]})}),n.jsx(b.Popover.Content,{...p,children:p==null?void 0:p.children})]}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__main-track"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs("div",{className:d.default(e.default["tedi-timeline__track-bar"],i&&e.default["tedi-timeline--vertical"]),ref:u,onClick:z,children:[O.map((t,s)=>n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--tiny"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t}px`}:{left:`${t}px`}},`tiny-${s}`)),W.map((t,s)=>n.jsxs("div",{className:d.default(e.default["tedi-timeline__tick-group"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t.position}px`}:{left:`${t.position}px`},children:[n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--large"],i&&e.default["tedi-timeline--vertical"])}),n.jsx("div",{className:d.default(e.default["tedi-timeline__tick-label"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx(X.Text,{modifiers:["small"],color:"secondary",children:t.label})})]},`main-label-${s}`))]}),n.jsx("div",{className:d.default(e.default["tedi-timeline__track"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx("canvas",{className:d.default(e.default["tedi-timeline__tracks"],i&&e.default["tedi-timeline--vertical"]),width:i?1:l.width,height:i?l.height:1})}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__needle"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${y}px`,transform:"translateY(0)"}:{left:`${y}px`,transform:"translateX(-50%)"},children:[n.jsx("div",{className:e.default["tedi-timeline__needle-head"],onMouseDown:B,style:{cursor:x?"grabbing":"grab",touchAction:"none"},children:n.jsx(L.Icon,{name:"code",color:"brand",size:12})}),n.jsx("div",{className:d.default(e.default["tedi-timeline__needle-line"],i&&e.default["tedi-timeline--vertical"])})]})]})]})};exports.Timeline=P;exports.default=P;

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

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import r from "../../../../../external/classnames/index.es.js";
 import { useRef as O, useState as T, useEffect as N } from "react";
 import { Text as A } from "../../../../tedi/components/base/typography/text/text.es.js";
@@ -24,7 +24,7 @@ const D = (h) => {
   popover: f,
   vertical: i = !1
 }) => {
-  const a = O(null), [o, R] = T({ width: 0, height: 0 }), [x, y] = T(0), [_, L] = T(!1), [P, C] = T(!1), M = p.getTime() - g.getTime(), z = i ? o.height / M : o.width / M, I = (t) => (t.getTime() - g.getTime()) * z;
+  const m = O(null), [o, R] = T({ width: 0, height: 0 }), [x, y] = T(0), [_, L] = T(!1), [P, C] = T(!1), M = p.getTime() - g.getTime(), z = i ? o.height / M : o.width / M, I = (t) => (t.getTime() - g.getTime()) * z;
   N(() => {
     if (o.width > 0 || o.height > 0) {
       const t = I(h);
@@ -35,7 +35,7 @@ const D = (h) => {
       const l = n[0].contentRect;
       R({ width: l.width, height: l.height });
     });
-    return a.current && t.observe(a.current), () => t.disconnect();
+    return m.current && t.observe(m.current), () => t.disconnect();
   }, []);
   const B = () => {
     const t = D($), n = p.getTime() - g.getTime(), l = i ? o.height / n : o.width / n, c = [], d = [];
@@ -68,14 +68,14 @@ const D = (h) => {
     }
     return { tinyTicks: c, mainTicksWithLabels: d };
   }, W = (t) => {
-    if (!a.current) return;
-    const n = a.current.getBoundingClientRect(), l = i ? n.height - (t.clientY - n.top) : t.clientX - n.left, c = i ? o.height : o.width, d = Math.max(0, Math.min(l, c));
+    if (!m.current) return;
+    const n = m.current.getBoundingClientRect(), l = i ? n.height - (t.clientY - n.top) : t.clientX - n.left, c = i ? o.height : o.width, d = Math.max(0, Math.min(l, c));
     y(d);
   }, X = (t) => {
     t.preventDefault(), t.stopPropagation(), L(!0), document.body.classList.add(e["no-select"]);
   }, b = (t) => {
-    if (!_ || !a.current) return;
-    const n = a.current.getBoundingClientRect();
+    if (!_ || !m.current) return;
+    const n = m.current.getBoundingClientRect();
     let l;
     i ? l = t.clientY - n.top - 12 : l = t.clientX - n.left;
     const c = i ? o.height : o.width, d = Math.max(0, Math.min(l, c));
@@ -87,10 +87,10 @@ const D = (h) => {
     window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", k);
   }), [_]);
   const { tinyTicks: Y, mainTicksWithLabels: j } = B();
-  return /* @__PURE__ */ m("div", { className: r(e["tedi-timeline"], i && e["tedi-timeline--vertical"]), children: [
-    /* @__PURE__ */ m(E, { open: P, onToggle: () => C(!P), children: [
-      /* @__PURE__ */ s(E.Trigger, { children: /* @__PURE__ */ m("div", { className: r(e["tedi-timeline__clock-wrapper"]), children: [
-        /* @__PURE__ */ m("div", { className: e["tedi-timeline__clock"], children: [
+  return /* @__PURE__ */ a("div", { className: r(e["tedi-timeline"], i && e["tedi-timeline--vertical"]), children: [
+    /* @__PURE__ */ a(E, { open: P, onToggle: () => C(!P), children: [
+      /* @__PURE__ */ s(E.Trigger, { children: /* @__PURE__ */ a("div", { className: r(e["tedi-timeline__clock-wrapper"]), children: [
+        /* @__PURE__ */ a("div", { className: e["tedi-timeline__clock"], children: [
           /* @__PURE__ */ s("time", { className: e["tedi-timeline__time"], children: h.toLocaleTimeString("et-EE", { hour: "2-digit", minute: "2-digit" }) }),
           /* @__PURE__ */ s("time", { className: e["tedi-timeline__date"], children: h.toLocaleDateString("et-EE", { day: "2-digit", month: "long", year: "numeric" }) })
         ] }),
@@ -98,12 +98,12 @@ const D = (h) => {
       ] }) }),
       /* @__PURE__ */ s(E.Content, { ...f, children: f == null ? void 0 : f.children })
     ] }),
-    /* @__PURE__ */ m("div", { className: r(e["tedi-timeline__main-track"], i && e["tedi-timeline--vertical"]), children: [
-      /* @__PURE__ */ m(
+    /* @__PURE__ */ a("div", { className: r(e["tedi-timeline__main-track"], i && e["tedi-timeline--vertical"]), children: [
+      /* @__PURE__ */ a(
         "div",
         {
           className: r(e["tedi-timeline__track-bar"], i && e["tedi-timeline--vertical"]),
-          ref: a,
+          ref: m,
           onClick: W,
           children: [
             Y.map((t, n) => /* @__PURE__ */ s(
@@ -114,7 +114,7 @@ const D = (h) => {
               },
               `tiny-${n}`
             )),
-            j.map((t, n) => /* @__PURE__ */ m(
+            j.map((t, n) => /* @__PURE__ */ a(
               "div",
               {
                 className: r(e["tedi-timeline__tick-group"], i && e["tedi-timeline--vertical"]),
@@ -154,7 +154,7 @@ const D = (h) => {
           height: i ? o.height : 1
         }
       ) }),
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ a(
         "div",
         {
           className: r(e["tedi-timeline__needle"], i && e["tedi-timeline--vertical"]),
@@ -191,5 +191,6 @@ const D = (h) => {
   ] });
 };
 export {
-  U as Timeline
+  U as Timeline,
+  U as default
 };

package/src/community/components/modal/modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),b=require("../../../../external/classnames/index.cjs.js"),t=require("react"),O=require("../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),D=require("../card/card.cjs.js"),l=require("./modal.module.scss.cjs.js"),B=require("./modal-closer.cjs.js"),H=require("./modal-provider.cjs.js"),L=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),P=s=>{const{children:r,size:f=6,cardProps:o={},hideCloseButton:i,position:g,lockScroll:x=!0,trapFocus:n=!0,returnFocus:y=!0,overlay:C=void 0,visuallyHiddenDismiss:p=!1}=s,{getLabel:u}=L.useLabels(),j=s["aria-labelledby"],q=s["aria-describedby"],{isOpen:v,floating:F,getFloatingProps:h,context:M,isDismissable:N}=t.useContext(H.ModalContext),_=t.useMemo(()=>{let c=!1;const m=e=>e.type.displayName;return i?r:t.Children.map(r,(e,R)=>!c&&t.isValidElement(e)&&(m(e)==="CardHeader"||m(e)==="CardContent")?(c=!0,t.cloneElement(e,{...e.props,children:a.jsxs(a.Fragment,{children:[a.jsx(B.ModalCloser,{children:a.jsx(O.ClosingButton,{size:"default",className:l.default["close-button"]})}),e.props.children]})})):e)},[r,u,i]);return a.jsx(d.FloatingPortal,{"data-name":"modal",children:v&&a.jsx(d.FloatingOverlay,{lockScroll:x,className:b.default(l.default.modal,l.default[`modal--${f}`],l.default[`modal--${g}`],{[l.default["modal--no-overlay"]]:C==="none"}),children:a.jsx(d.FloatingFocusManager,{context:M,closeOnFocusOut:!n&&N,visuallyHiddenDismiss:p?u("modal.close"):void 0,returnFocus:y,modal:n,children:a.jsx("div",{...h({ref:F,className:l.default.modal__inner,"aria-labelledby":j,"aria-describedby":q,"aria-modal":n}),children:a.jsx(D.Card,{...o,className:b.default(l.default.modal__card,o==null?void 0:o.className),children:_})})})})})};exports.Modal=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),d=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),f=require("../../../../external/classnames/index.cjs.js"),t=require("react"),D=require("../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),B=require("../card/card.cjs.js"),l=require("./modal.module.scss.cjs.js"),H=require("./modal-closer.cjs.js"),L=require("./modal-provider.cjs.js"),P=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),b=s=>{const{children:r,size:g=6,cardProps:o={},hideCloseButton:i,position:x,lockScroll:y=!0,trapFocus:n=!0,returnFocus:C=!0,overlay:p=void 0,visuallyHiddenDismiss:v=!1}=s,{getLabel:u}=P.useLabels(),j=s["aria-labelledby"],q=s["aria-describedby"],{isOpen:F,floating:M,getFloatingProps:_,context:h,isDismissable:N}=t.useContext(L.ModalContext),O=t.useMemo(()=>{let c=!1;const m=e=>e.type.displayName;return i?r:t.Children.map(r,(e,R)=>!c&&t.isValidElement(e)&&(m(e)==="CardHeader"||m(e)==="CardContent")?(c=!0,t.cloneElement(e,{...e.props,children:a.jsxs(a.Fragment,{children:[a.jsx(H.ModalCloser,{children:a.jsx(D.ClosingButton,{size:"default",className:l.default["close-button"]})}),e.props.children]})})):e)},[r,u,i]);return a.jsx(d.FloatingPortal,{"data-name":"modal",children:F&&a.jsx(d.FloatingOverlay,{lockScroll:y,className:f.default(l.default.modal,l.default[`modal--${g}`],l.default[`modal--${x}`],{[l.default["modal--no-overlay"]]:p==="none"}),children:a.jsx(d.FloatingFocusManager,{context:h,closeOnFocusOut:!n&&N,visuallyHiddenDismiss:v?u("modal.close"):void 0,returnFocus:C,modal:n,children:a.jsx("div",{..._({ref:M,className:l.default.modal__inner,"aria-labelledby":j,"aria-describedby":q,"aria-modal":n}),children:a.jsx(B.Card,{...o,className:f.default(l.default.modal__card,o==null?void 0:o.className),children:O})})})})})};exports.Modal=b;exports.default=b;

package/src/community/components/modal/modal.es.js

@@ -65,5 +65,6 @@ const T = (t) => {
   ) });
 };
 export {
-  T as Modal
+  T as Modal,
+  T as default
 };

package/src/community/components/placeholder/placeholder.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),g=require("react"),P=require("../../../tedi/components/base/icon/icon.cjs.js"),y=require("../../../tedi/components/base/typography/text/text.cjs.js"),C=require("../../../tedi/components/misc/print/print.cjs.js"),v=require("../../helpers/hooks/use-layout.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),l=require("../../../tedi/components/layout/grid/col.cjs.js"),d=i=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:t,rowProps:p,...x}=i,n=v.default(["mobile","tablet"]),{padding:b=t?0:n?1:1.5,background:j=t?void 0:n?"bg-subtle":"white",...q}=h??{},f=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e,color:"brand"}:typeof e=="object"&&!g.isValidElement(e)?{...s,...e,color:"brand",className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?r.jsx(P.Icon,{...c}):e};return r.jsx(C.Print,{breakInside:"avoid",children:r.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:t,padding:b,background:j,...q,children:r.jsx(N.CardContent,{children:r.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&r.jsx(l.Col,{width:"auto",children:f(o)}),r.jsx(l.Col,{width:"auto",children:r.jsx(y.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=d;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/base/icon/icon.cjs.js"),y=require("../../../tedi/components/base/typography/text/text.cjs.js"),C=require("../../../tedi/components/misc/print/print.cjs.js"),v=require("../../helpers/hooks/use-layout.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),i=require("../../../tedi/components/layout/grid/col.cjs.js"),l=d=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:t,rowProps:p,...x}=d,n=v.useLayout(["mobile","tablet"]),{padding:b=t?0:n?1:1.5,background:j=t?void 0:n?"bg-subtle":"white",...q}=h??{},g=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e,color:"brand"}:typeof e=="object"&&!P.isValidElement(e)?{...s,...e,color:"brand",className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?r.jsx(f.Icon,{...c}):e};return r.jsx(C.Print,{breakInside:"avoid",children:r.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:t,padding:b,background:j,...q,children:r.jsx(N.CardContent,{children:r.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&r.jsx(i.Col,{width:"auto",children:g(o)}),r.jsx(i.Col,{width:"auto",children:r.jsx(y.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;

package/src/community/components/placeholder/placeholder.es.js

@@ -4,7 +4,7 @@ import P from "react";
 import { Icon as y } from "../../../tedi/components/base/icon/icon.es.js";
 import { Text as I } from "../../../tedi/components/base/typography/text/text.es.js";
 import { Print as w } from "../../../tedi/components/misc/print/print.es.js";
-import x from "../../helpers/hooks/use-layout.es.js";
+import { useLayout as x } from "../../helpers/hooks/use-layout.es.js";
 import { Card as C } from "../card/card.es.js";
 import { CardContent as v } from "../card/card-content/card-content.es.js";
 import { Row as j } from "../../../tedi/components/layout/grid/row.es.js";

package/src/community/components/status/status.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("../../../../external/classnames/index.cjs.js"),e=require("./status.module.scss.cjs.js"),n=require("../tooltip/tooltip-provider.cjs.js"),d=require("../tooltip/tooltip-trigger.cjs.js"),j=require("../tooltip/tooltip.cjs.js"),m=r=>{const{children:i,type:o,className:a,tooltipContent:s,...l}=r,u=c.default(e.default.status,a,e.default[`status--${o}`]);return t.jsxs("div",{"data-name":"status",...l,className:u,children:[s?t.jsxs(n.TooltipProvider,{children:[t.jsx(d.TooltipTrigger,{children:t.jsx("div",{className:e.default.status__circle})}),t.jsx(j.Tooltip,{children:s})]}):t.jsx("div",{className:e.default.status__circle}),t.jsx("div",{className:e.default.status__content,children:i})]})};exports.Status=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../../../external/classnames/index.cjs.js"),e=require("./status.module.scss.cjs.js"),n=require("../tooltip/tooltip-provider.cjs.js"),j=require("../tooltip/tooltip-trigger.cjs.js"),m=require("../tooltip/tooltip.cjs.js"),r=i=>{const{children:a,type:o,className:l,tooltipContent:s,...u}=i,c=d.default(e.default.status,l,e.default[`status--${o}`]);return t.jsxs("div",{"data-name":"status",...u,className:c,children:[s?t.jsxs(n.TooltipProvider,{children:[t.jsx(j.TooltipTrigger,{children:t.jsx("div",{className:e.default.status__circle})}),t.jsx(m.Tooltip,{children:s})]}):t.jsx("div",{className:e.default.status__circle}),t.jsx("div",{className:e.default.status__content,children:a})]})};exports.Status=r;exports.default=r;

package/src/community/components/status/status.es.js

@@ -1,19 +1,20 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import n from "../../../../external/classnames/index.es.js";
 import s from "./status.module.scss.es.js";
-import { TooltipProvider as p } from "../tooltip/tooltip-provider.es.js";
-import { TooltipTrigger as d } from "../tooltip/tooltip-trigger.es.js";
+import { TooltipProvider as d } from "../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as p } from "../tooltip/tooltip-trigger.es.js";
 import { Tooltip as u } from "../tooltip/tooltip.es.js";
 const x = (a) => {
-  const { children: e, type: i, className: c, tooltipContent: o, ...m } = a, l = n(s.status, c, s[`status--${i}`]);
-  return /* @__PURE__ */ r("div", { "data-name": "status", ...m, className: l, children: [
-    o ? /* @__PURE__ */ r(p, { children: [
-      /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("div", { className: s.status__circle }) }),
+  const { children: e, type: i, className: c, tooltipContent: o, ...l } = a, m = n(s.status, c, s[`status--${i}`]);
+  return /* @__PURE__ */ r("div", { "data-name": "status", ...l, className: m, children: [
+    o ? /* @__PURE__ */ r(d, { children: [
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { className: s.status__circle }) }),
       /* @__PURE__ */ t(u, { children: o })
     ] }) : /* @__PURE__ */ t("div", { className: s.status__circle }),
     /* @__PURE__ */ t("div", { className: s.status__content, children: e })
   ] });
 };
 export {
-  x as Status
+  x as Status,
+  x as default
 };

package/src/community/components/stepper/stepper-nav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),f=v=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:b,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=v,h=A.default(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:C,showCompletedIcon:d}=e,r=n===i,q=n<=i,u=S(e),y=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:q},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:y,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":C,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":b,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;

package/src/community/components/stepper/stepper-nav.es.js

@@ -5,7 +5,7 @@ import { Icon as j } from "../../../tedi/components/base/icon/icon.es.js";
 import t from "./stepper.module.scss.es.js";
 import { StepperContext as k } from "./stepper-context.es.js";
 import { useLabels as A } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import B from "../../helpers/hooks/use-layout.es.js";
+import { useLayout as B } from "../../helpers/hooks/use-layout.es.js";
 const J = (b) => {
   const { getLabel: c } = A(), {
     items: m,

package/src/community/components/stepper/stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),I=require("../card/card.cjs.js"),R=require("../card/card-header/card-header.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),O=a=>{const{activeStep:n,defaultActiveStep:h,onActiveStepChange:s,allowStepLabelClick:l=!0,children:y,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[C,N]=t.useState(h||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),v=t.useCallback(e=>{s==null||s(e),o(n)||N(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:C,[n,C,o]),i=t.Children.map(y,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,p)=>t.cloneElement(e,{key:p,index:p,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,p)=>{const{label:L,completed:M,id:P,showCompletedIcon:V}=e.props;return{label:L,completed:!!M,index:p,id:P,showCompletedIcon:V}}),k=t.useMemo(()=>({activeStep:f,handleActiveStepChange:v,allowStepLabelClick:l}),[l,f,v]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(I.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(R.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:k,children:E()})};exports.Stepper=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),w=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),I=require("../card/card-header/card-header.cjs.js"),R=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),i=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,l)=>t.cloneElement(e,{key:l,index:l,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,l)=>{const{label:L,completed:P,id:V,showCompletedIcon:_}=e.props;return{label:L,completed:!!P,index:l,id:V,showCompletedIcon:_}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(R.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(I.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:M,children:E()})};exports.Stepper=h;exports.default=h;