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

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

@@ -0,0 +1,28 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { useState as x, useEffect as p } from "react";
+import o from "./scale-bar.module.scss.es.js";
+const S = ({ zoomLevel: t }) => {
+  const [r, l] = x({
+    km: 0,
+    widthPx: 100,
+    ratio: 0,
+    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, 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: 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` } }),
+    /* @__PURE__ */ n("div", { className: o["tedi-scale-bar__data"], children: r.displayText })
+  ] });
+};
+export {
+  S as ScaleBar,
+  S as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-scale-bar__wrapper":"tedi-scale-bar__wrapper-d88bba61","tedi-scale-bar__indicator":"tedi-scale-bar__indicator-f5aafe3c"};exports.default=e;

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

@@ -0,0 +1,7 @@
+const a = {
+  "tedi-scale-bar__wrapper": "tedi-scale-bar__wrapper-d88bba61",
+  "tedi-scale-bar__indicator": "tedi-scale-bar__indicator-f5aafe3c"
+};
+export {
+  a as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),w=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),c=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),M=require("../../../../tedi/components/base/typography/heading/heading.cjs.js"),I=require("../../../../tedi/components/base/icon/icon.cjs.js"),O=require("../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),e=require("./sheet.module.scss.cjs.js"),U=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),A=N=>{const{open:t,onClose:p,side:a="bottom",title:S="",actions:x,children:q,footer:y,hasActiveActions:g=!1,isVisible:i=!1}=N,o=r.useRef(null),[d,h]=r.useState(!1),[k,b]=r.useState(!1),[l,_]=r.useState(!1),[H,L]=r.useState(0),[C,D]=r.useState(0),{x:Y,strategy:R,update:j}=w.useFloating({placement:a,middleware:[w.offset(0),w.shift()]});r.useEffect(()=>{if(o.current)return U.autoUpdate(o.current,o.current,j)||void 0},[t,j]),r.useEffect(()=>{if(t){b(!0);const s=setTimeout(()=>h(!0),10);return()=>clearTimeout(s)}else{h(!1);const s=setTimeout(()=>b(!1),300);return()=>clearTimeout(s)}},[t]);const E=s=>{var u;if(!i||t)return;_(!0);const v="touches"in s?s.touches[0].clientY:s.clientY;L(v),D(((u=o.current)==null?void 0:u.offsetHeight)||0),document.body.style.userSelect="none"},f=s=>{if(!l||!o.current||t)return;const v=H-s.clientY,u=Math.min(window.innerHeight*.9,Math.max(100,C+(a==="bottom"?v:-v)));o.current.style.height=`${u}px`,u>window.innerHeight*.3&&(h(!0),o.current.style.height="",_(!1))},m=()=>{l&&(_(!1),document.body.style.userSelect="",!d&&o.current&&(o.current.style.height=""))};r.useEffect(()=>(i&&(window.addEventListener("mousemove",f),window.addEventListener("mouseup",m),window.addEventListener("touchmove",f),window.addEventListener("touchend",m)),()=>{window.removeEventListener("mousemove",f),window.removeEventListener("mouseup",m),window.removeEventListener("touchmove",f),window.removeEventListener("touchend",m),document.body.style.userSelect=""}),[l,i,t]);const T=s=>{!t&&i&&!l&&h(!d)};return!k&&!i?null:n.jsx("div",{className:c.default(e.default["tedi-sheet-overlay"],{[e.default["is-visible"]]:d,[e.default["tedi-sheet-overlay--peek"]]:i&&!t}),onClick:t?p:void 0,children:n.jsxs("div",{ref:o,className:c.default(e.default["tedi-sheet"],e.default[`tedi-sheet--${a}`],{[e.default["is-visible"]]:d,[e.default["tedi-sheet--peek"]]:i&&!t,[e.default["is-dragging"]]:l}),onClick:s=>s.stopPropagation(),style:{position:R,top:a==="top"?0:void 0,bottom:a==="bottom"?0:void 0,left:Y??0},children:[(S||x)&&n.jsxs("div",{className:c.default(e.default["tedi-sheet__header"],{[e.default["tedi-sheet__header--active"]]:g,[e.default["tedi-sheet__header--peekable"]]:i&&!t}),onMouseDown:E,onTouchStart:E,onClick:T,children:[i&&!t&&n.jsx("div",{className:e.default["tedi-sheet__handle"]}),n.jsxs("div",{className:c.default(e.default["tedi-sheet__header-content"]),children:[n.jsxs(M.Heading,{element:"h6",color:g?"white":"primary",className:e.default["tedi-sheet__heading"],children:[S," ",i&&n.jsx(I.Icon,{color:"white",name:d?"expand_less":"expand_more"})]}),n.jsxs("div",{className:e.default["tedi-sheet__header-actions"],children:[x,n.jsx(O.ClosingButton,{size:"large",onClick:p,className:c.default({[e.default["tedi-sheet__closer--active"]]:g})})]})]})]}),n.jsx("div",{className:e.default["tedi-sheet__content"],children:q}),y&&n.jsx("div",{className:e.default["tedi-sheet__footer"],children:y})]})})};exports.Sheet=A;

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

@@ -0,0 +1,73 @@
+export interface SheetProps {
+    /**
+     * Controls whether the sheet is fully open or closed.
+     * When true, the sheet expands to its full height/width and becomes interactive.
+     * When false, the sheet either closes completely (if isVisible is false) or shows as a peekable element.
+     */
+    open: boolean;
+    /**
+     * Callback invoked when the sheet requests to be closed.
+     * This occurs when:
+     * - User clicks the close button
+     * - User clicks the overlay behind the sheet (when open)
+     * - Programmatic close is triggered
+     */
+    onClose: () => void;
+    /**
+     * Determines which edge of the screen the sheet attaches to.
+     *
+     * - 'bottom': Sheet slides up from bottom (default)
+     * - 'top': Sheet slides down from top
+     *
+     * Affects both opening animation and final positioning.
+     */
+    side?: 'bottom' | 'top';
+    /**
+     * Optional title displayed in the sheet header.
+     * Accepts string values that will be rendered as an H6 heading.
+     * When combined with isVisible, may include expand/collapse indicators.
+     */
+    title?: string;
+    /**
+     * Optional actions displayed in the header, aligned to the end.
+     * Typically used for action buttons, menus, or other interactive elements.
+     * Renders to the left of the close button in the header area.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Main content of the sheet.
+     * Rendered between the header and footer areas.
+     * Should contain the primary interactive elements of the sheet.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional footer content.
+     * Rendered at the bottom of the sheet, useful for:
+     * - Submit buttons
+     * - Secondary actions
+     * - Supplemental information
+     * - Status indicators
+     */
+    footer?: React.ReactNode;
+    /**
+     * Visual indicator for active/destructive actions in the header.
+     * When true:
+     * - Header background becomes prominent
+     * - Text changes to white for better contrast
+     * - Close button becomes more visible
+     *
+     * Useful for marking sheets with destructive or important actions.
+     */
+    hasActiveActions?: boolean;
+    /**
+     * Controls the "peek" state of the sheet.
+     * When true and open=false:
+     * - Shows a minimized version of the sheet (header only by default)
+     * - Allows drag-to-open interaction
+     * - Displays expand/collapse affordances
+     *
+     * When false, the sheet either shows fully (open=true) or hides completely.
+     */
+    isVisible?: boolean;
+}
+export declare const Sheet: (props: SheetProps) => JSX.Element | null;

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

@@ -0,0 +1,137 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { useFloating as A, offset as O, shift as $ } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import h from "../../../../../external/classnames/index.es.js";
+import { useRef as z, useState as m, useEffect as _ } from "react";
+import { Heading as B } from "../../../../tedi/components/base/typography/heading/heading.es.js";
+import { Icon as F } from "../../../../tedi/components/base/icon/icon.es.js";
+import { ClosingButton as P } from "../../../../tedi/components/buttons/closing-button/closing-button.es.js";
+import e from "./sheet.module.scss.es.js";
+import { autoUpdate as U } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+const ee = (H) => {
+  const {
+    open: t,
+    onClose: y,
+    side: r = "bottom",
+    title: S = "",
+    actions: b,
+    children: L,
+    footer: N,
+    hasActiveActions: g = !1,
+    isVisible: i = !1
+  } = H, o = z(null), [a, u] = m(!1), [C, E] = m(!1), [d, w] = m(!1), [Y, D] = m(0), [T, M] = m(0), { x: R, strategy: I, update: k } = A({
+    placement: r,
+    middleware: [O(0), $()]
+  });
+  _(() => {
+    if (o.current)
+      return U(o.current, o.current, k) || void 0;
+  }, [t, k]), _(() => {
+    if (t) {
+      E(!0);
+      const s = setTimeout(() => u(!0), 10);
+      return () => clearTimeout(s);
+    } else {
+      u(!1);
+      const s = setTimeout(() => E(!1), 300);
+      return () => clearTimeout(s);
+    }
+  }, [t]);
+  const x = (s) => {
+    var c;
+    if (!i || t) return;
+    w(!0);
+    const p = "touches" in s ? s.touches[0].clientY : s.clientY;
+    D(p), M(((c = o.current) == null ? void 0 : c.offsetHeight) || 0), document.body.style.userSelect = "none";
+  }, f = (s) => {
+    if (!d || !o.current || t) return;
+    const p = Y - s.clientY, c = Math.min(
+      window.innerHeight * 0.9,
+      Math.max(100, T + (r === "bottom" ? p : -p))
+    );
+    o.current.style.height = `${c}px`, c > window.innerHeight * 0.3 && (u(!0), o.current.style.height = "", w(!1));
+  }, v = () => {
+    d && (w(!1), document.body.style.userSelect = "", !a && o.current && (o.current.style.height = ""));
+  };
+  _(() => (i && (window.addEventListener("mousemove", f), window.addEventListener("mouseup", v), window.addEventListener("touchmove", f), window.addEventListener("touchend", v)), () => {
+    window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", v), window.removeEventListener("touchmove", f), window.removeEventListener("touchend", v), document.body.style.userSelect = "";
+  }), [d, i, t]);
+  const j = (s) => {
+    !t && i && !d && u(!a);
+  };
+  return !C && !i ? null : /* @__PURE__ */ n(
+    "div",
+    {
+      className: h(e["tedi-sheet-overlay"], {
+        [e["is-visible"]]: a,
+        [e["tedi-sheet-overlay--peek"]]: i && !t
+      }),
+      onClick: t ? y : void 0,
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          ref: o,
+          className: h(e["tedi-sheet"], e[`tedi-sheet--${r}`], {
+            [e["is-visible"]]: a,
+            [e["tedi-sheet--peek"]]: i && !t,
+            [e["is-dragging"]]: d
+          }),
+          onClick: (s) => s.stopPropagation(),
+          style: {
+            position: I,
+            top: r === "top" ? 0 : void 0,
+            bottom: r === "bottom" ? 0 : void 0,
+            left: R ?? 0
+          },
+          children: [
+            (S || b) && /* @__PURE__ */ l(
+              "div",
+              {
+                className: h(e["tedi-sheet__header"], {
+                  [e["tedi-sheet__header--active"]]: g,
+                  [e["tedi-sheet__header--peekable"]]: i && !t
+                }),
+                onMouseDown: x,
+                onTouchStart: x,
+                onClick: j,
+                children: [
+                  i && !t && /* @__PURE__ */ n("div", { className: e["tedi-sheet__handle"] }),
+                  /* @__PURE__ */ l("div", { className: h(e["tedi-sheet__header-content"]), children: [
+                    /* @__PURE__ */ l(
+                      B,
+                      {
+                        element: "h6",
+                        color: g ? "white" : "primary",
+                        className: e["tedi-sheet__heading"],
+                        children: [
+                          S,
+                          " ",
+                          i && /* @__PURE__ */ n(F, { color: "white", name: a ? "expand_less" : "expand_more" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ l("div", { className: e["tedi-sheet__header-actions"], children: [
+                      b,
+                      /* @__PURE__ */ n(
+                        P,
+                        {
+                          size: "large",
+                          onClick: y,
+                          className: h({ [e["tedi-sheet__closer--active"]]: g })
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: e["tedi-sheet__content"], children: L }),
+            N && /* @__PURE__ */ n("div", { className: e["tedi-sheet__footer"], children: N })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  ee as Sheet
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sheet-overlay":"tedi-sheet-overlay-04ac8aaf","tedi-sheet":"tedi-sheet-f2637fc4","tedi-sheet--bottom":"tedi-sheet--bottom-28babc1a","is-visible":"is-visible-f28d8b01","tedi-sheet--top":"tedi-sheet--top-b32d3eff","tedi-sheet__header":"tedi-sheet__header-c715740e","tedi-sheet__header-content":"tedi-sheet__header-content-89f1c5d0","tedi-sheet__header-actions":"tedi-sheet__header-actions-8bbbbb50","tedi-sheet__handle":"tedi-sheet__handle-928deaba","tedi-sheet__header--active":"tedi-sheet__header--active-2607252c","tedi-sheet__content":"tedi-sheet__content-200dae26","tedi-sheet__footer":"tedi-sheet__footer-44073950","tedi-sheet__closer--active":"tedi-sheet__closer--active-c9b40f80","tedi-sheet--peek":"tedi-sheet--peek-a313ce9c","tedi-sheet-overlay--peek":"tedi-sheet-overlay--peek-db00454e","tedi-sheet__heading":"tedi-sheet__heading-b5d556b7"};exports.default=e;

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

@@ -0,0 +1,21 @@
+const e = {
+  "tedi-sheet-overlay": "tedi-sheet-overlay-04ac8aaf",
+  "tedi-sheet": "tedi-sheet-f2637fc4",
+  "tedi-sheet--bottom": "tedi-sheet--bottom-28babc1a",
+  "is-visible": "is-visible-f28d8b01",
+  "tedi-sheet--top": "tedi-sheet--top-b32d3eff",
+  "tedi-sheet__header": "tedi-sheet__header-c715740e",
+  "tedi-sheet__header-content": "tedi-sheet__header-content-89f1c5d0",
+  "tedi-sheet__header-actions": "tedi-sheet__header-actions-8bbbbb50",
+  "tedi-sheet__handle": "tedi-sheet__handle-928deaba",
+  "tedi-sheet__header--active": "tedi-sheet__header--active-2607252c",
+  "tedi-sheet__content": "tedi-sheet__content-200dae26",
+  "tedi-sheet__footer": "tedi-sheet__footer-44073950",
+  "tedi-sheet__closer--active": "tedi-sheet__closer--active-c9b40f80",
+  "tedi-sheet--peek": "tedi-sheet--peek-a313ce9c",
+  "tedi-sheet-overlay--peek": "tedi-sheet-overlay--peek-db00454e",
+  "tedi-sheet__heading": "tedi-sheet__heading-b5d556b7"
+};
+export {
+  e as default
+};

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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { PopoverContentProps } from '../../../../tedi';
+type IntervalType = 'day' | 'week' | 'year';
+interface TimelineProps {
+    /**
+     * The initial date where the timeline needle should be positioned.
+     * This determines the starting point of the interactive timeline cursor.
+     */
+    initialDate: Date;
+    /**
+     * The minimum date (start) of the timeline range.
+     * This defines the leftmost (or topmost in vertical mode) boundary of the timeline.
+     * The timeline cannot scroll or select dates before this date.
+     */
+    minDate: Date;
+    /**
+     * The maximum date (end) of the timeline range.
+     * This defines the rightmost (or bottommost in vertical mode) boundary of the timeline.
+     * The timeline cannot scroll or select dates after this date.
+     */
+    maxDate: Date;
+    /**
+     * The time interval between ticks on the timeline.
+     *
+     * Options:
+     * - "day": Shows daily intervals (24 hours)
+     * - "week": Shows weekly intervals (7 days)
+     * - "year": Shows yearly intervals (365 days)
+     *
+     * This affects both the density of minor ticks and the frequency of major labeled ticks.
+     */
+    interval: IntervalType;
+    /**
+     * Optional configuration for rendering additional content in a popover.
+     * When provided, the clock component becomes clickable and shows this popover content.
+     *
+     * Structure:
+     * - `children`: React node to render inside the popover
+     * - `title`: Optional popover header text
+     * - Other Popover component props as needed
+     */
+    popover?: PopoverContentProps;
+    /**
+     * Controls the orientation of the timeline.
+     *
+     * - When `false` (default): Renders horizontally with:
+     *   - Ticks on bottom
+     *   - Time flowing left-to-right
+     *
+     * - When `true`: Renders vertically with:
+     *   - Ticks on left side
+     *   - Time flowing top-to-bottom
+     *   - Needle on right side
+     */
+    vertical?: boolean;
+}
+export declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;

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

@@ -0,0 +1,196 @@
+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";
+import { Icon as S } from "../../../../tedi/components/base/icon/icon.es.js";
+import e from "./timeline.module.scss.es.js";
+import { Popover as E } from "../../../../tedi/components/overlays/popover/popover.es.js";
+const D = (h) => {
+  switch (h) {
+    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;
+  }
+}, U = ({
+  initialDate: h,
+  minDate: g,
+  maxDate: p,
+  interval: $ = "day",
+  popover: f,
+  vertical: i = !1
+}) => {
+  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);
+      y(t);
+    }
+  }, [o, h]), N(() => {
+    const t = new ResizeObserver((n) => {
+      const l = n[0].contentRect;
+      R({ width: l.width, height: l.height });
+    });
+    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 = [];
+    let u = new Date(g.getTime()), v = 0;
+    for (; u <= p; ) {
+      const w = (u.getTime() - g.getTime()) * l;
+      c.push(w), v >= 1 && v % 10 === 0 && d.push({
+        position: w,
+        label: u.toLocaleString("et-EE", {
+          hour: "2-digit",
+          minute: "2-digit",
+          day: "2-digit",
+          month: "short",
+          year: "numeric"
+        })
+      }), u = new Date(u.getTime() + t), v++;
+    }
+    if (d.length === 0 && c.length > 0) {
+      const w = c[c.length - 1];
+      d.push({
+        position: w,
+        label: p.toLocaleString("et-EE", {
+          hour: "2-digit",
+          minute: "2-digit",
+          day: "2-digit",
+          month: "short",
+          year: "numeric"
+        })
+      });
+    }
+    return { tinyTicks: c, mainTicksWithLabels: d };
+  }, W = (t) => {
+    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 (!_ || !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));
+    y(d);
+  }, k = () => {
+    L(!1), document.body.classList.remove(e["no-select"]);
+  };
+  N(() => (_ ? (window.addEventListener("mousemove", b), window.addEventListener("mouseup", k)) : (window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", k)), () => {
+    window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", k);
+  }), [_]);
+  const { tinyTicks: Y, mainTicksWithLabels: j } = B();
+  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" }) })
+        ] }),
+        /* @__PURE__ */ s(S, { name: "expand_more" })
+      ] }) }),
+      /* @__PURE__ */ s(E.Content, { ...f, children: f == null ? void 0 : f.children })
+    ] }),
+    /* @__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: m,
+          onClick: W,
+          children: [
+            Y.map((t, n) => /* @__PURE__ */ s(
+              "span",
+              {
+                className: r(e["tedi-timeline__tick--tiny"], i && e["tedi-timeline--vertical"]),
+                style: i ? { top: `${t}px` } : { left: `${t}px` }
+              },
+              `tiny-${n}`
+            )),
+            j.map((t, n) => /* @__PURE__ */ a(
+              "div",
+              {
+                className: r(e["tedi-timeline__tick-group"], i && e["tedi-timeline--vertical"]),
+                style: i ? { top: `${t.position}px` } : { left: `${t.position}px` },
+                children: [
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      className: r(
+                        e["tedi-timeline__tick--large"],
+                        i && e["tedi-timeline--vertical"]
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: r(
+                        e["tedi-timeline__tick-label"],
+                        i && e["tedi-timeline--vertical"]
+                      ),
+                      children: /* @__PURE__ */ s(A, { modifiers: ["small"], color: "secondary", children: t.label })
+                    }
+                  )
+                ]
+              },
+              `main-label-${n}`
+            ))
+          ]
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: r(e["tedi-timeline__track"], i && e["tedi-timeline--vertical"]), children: /* @__PURE__ */ s(
+        "canvas",
+        {
+          className: r(e["tedi-timeline__tracks"], i && e["tedi-timeline--vertical"]),
+          width: i ? 1 : o.width,
+          height: i ? o.height : 1
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: r(e["tedi-timeline__needle"], i && e["tedi-timeline--vertical"]),
+          style: i ? {
+            top: `${x}px`,
+            transform: "translateY(0)"
+          } : {
+            left: `${x}px`,
+            transform: "translateX(-50%)"
+          },
+          children: [
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: e["tedi-timeline__needle-head"],
+                onMouseDown: X,
+                style: {
+                  cursor: _ ? "grabbing" : "grab",
+                  touchAction: "none"
+                },
+                children: /* @__PURE__ */ s(S, { name: "code", color: "brand", size: 12 })
+              }
+            ),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: r(e["tedi-timeline__needle-line"], i && e["tedi-timeline--vertical"])
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  U as Timeline,
+  U as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-timeline":"tedi-timeline-37274c33","tedi-timeline__clock":"tedi-timeline__clock-9fcd2e42","tedi-timeline__clock-wrapper":"tedi-timeline__clock-wrapper-a8b21344","tedi-timeline__date":"tedi-timeline__date-91b10cf8","tedi-timeline__main-track":"tedi-timeline__main-track-3a79cfd3","tedi-timeline__track-bar":"tedi-timeline__track-bar-cfbd53bd","tedi-timeline__tick--tiny":"tedi-timeline__tick--tiny-e5f7a802","tedi-timeline__tick--large":"tedi-timeline__tick--large-4145d0b3","tedi-timeline__tick-label":"tedi-timeline__tick-label-593f064c","tedi-timeline__tick-group":"tedi-timeline__tick-group-40108590","tedi-timeline__track":"tedi-timeline__track-71059cb2","tedi-timeline__tracks":"tedi-timeline__tracks-7c525ade","tedi-timeline__needle":"tedi-timeline__needle-b61eb005","tedi-timeline__needle-head":"tedi-timeline__needle-head-8f11bbe5","tedi-timeline__needle-line":"tedi-timeline__needle-line-2985a8c8","tedi-timeline--vertical":"tedi-timeline--vertical-add5d40b"};exports.default=e;

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

@@ -0,0 +1,21 @@
+const e = {
+  "tedi-timeline": "tedi-timeline-37274c33",
+  "tedi-timeline__clock": "tedi-timeline__clock-9fcd2e42",
+  "tedi-timeline__clock-wrapper": "tedi-timeline__clock-wrapper-a8b21344",
+  "tedi-timeline__date": "tedi-timeline__date-91b10cf8",
+  "tedi-timeline__main-track": "tedi-timeline__main-track-3a79cfd3",
+  "tedi-timeline__track-bar": "tedi-timeline__track-bar-cfbd53bd",
+  "tedi-timeline__tick--tiny": "tedi-timeline__tick--tiny-e5f7a802",
+  "tedi-timeline__tick--large": "tedi-timeline__tick--large-4145d0b3",
+  "tedi-timeline__tick-label": "tedi-timeline__tick-label-593f064c",
+  "tedi-timeline__tick-group": "tedi-timeline__tick-group-40108590",
+  "tedi-timeline__track": "tedi-timeline__track-71059cb2",
+  "tedi-timeline__tracks": "tedi-timeline__tracks-7c525ade",
+  "tedi-timeline__needle": "tedi-timeline__needle-b61eb005",
+  "tedi-timeline__needle-head": "tedi-timeline__needle-head-8f11bbe5",
+  "tedi-timeline__needle-line": "tedi-timeline__needle-line-2985a8c8",
+  "tedi-timeline--vertical": "tedi-timeline--vertical-add5d40b"
+};
+export {
+  e as default
+};

package/src/community/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from './modal';
+export * from './modal-provider';
+export * from './modal-trigger';
+export * from './modal-closer';

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),c=require("./modal-provider.cjs.js"),r=n=>{const{children:e}=n,{closeModal:s}=l.useContext(c.ModalContext);return l.cloneElement(e,{onClick:()=>{var o,t;(t=(o=e.props).onClick)==null||t.call(o),s()}})};exports.ModalCloser=r;exports.default=r;

package/src/community/components/modal/modal-closer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ModalCloserProps {
+    /**
+     * The element that closes the modal.
+     */
+    children: React.ReactElement;
+}
+export declare const ModalCloser: (props: ModalCloserProps) => JSX.Element;
+export default ModalCloser;

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

@@ -0,0 +1,15 @@
+import l from "react";
+import { ModalContext as c } from "./modal-provider.es.js";
+const d = (n) => {
+  const { children: o } = n, { closeModal: r } = l.useContext(c);
+  return l.cloneElement(o, {
+    onClick: () => {
+      var t, e;
+      (e = (t = o.props).onClick) == null || e.call(t), r();
+    }
+  });
+};
+export {
+  d as ModalCloser,
+  d as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react/jsx-runtime"),n=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),d=require("react"),f=d.createContext({isOpen:!1,reference:()=>null,floating:()=>null,getReferenceProps:()=>({}),getFloatingProps:()=>({}),closeModal:()=>null,context:{},isDismissable:!0,escapeKey:!0,outsidePress:!0}),p=t=>{const{children:P,defaultOpen:M=!1,onToggle:e,isDismissable:o=!0,escapeKey:r=!0,outsidePress:i=!0}=t,[g,l]=d.useState(M),u=e&&typeof t.open<"u"?t.open:g,{refs:a,context:s}=n.useFloating({open:u,onOpenChange:y=>y?v():c()}),{getReferenceProps:x,getFloatingProps:O}=n.useInteractions([n.useClick(s),n.useRole(s),n.useDismiss(s,{enabled:o,escapeKey:r,outsidePress:i})]),c=()=>{typeof t.open>"u"&&l(!1),e==null||e(!1)},v=()=>{typeof t.open>"u"&&l(!0),e==null||e(!0)};return R.jsx(f.Provider,{value:{isOpen:u,reference:a.setReference,floating:a.setFloating,getReferenceProps:x,getFloatingProps:O,closeModal:c,context:s,isDismissable:o,escapeKey:r,outsidePress:i},children:P})};exports.ModalContext=f;exports.ModalProvider=p;exports.default=p;