@tedi-design-system/react 18.1.0-rc.9 → 18.1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,38 +1,47 @@
-import { jsxs as s, Fragment as T, jsx as t } from "react/jsx-runtime";
-import u from "../../../../../external/classnames/index.es.js";
-import { useState as _ } from "react";
-import { Icon as I } from "../../../../tedi/components/base/icon/icon.es.js";
-import { Button as M } from "../../../../tedi/components/buttons/button/button.es.js";
+import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
+import b from "../../../../../external/classnames/index.es.js";
+import { useState as I } from "react";
+import { Icon as M } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Spinner as O } from "../../../../tedi/components/loaders/spinner/spinner.es.js";
+import { Button as j } from "../../../../tedi/components/buttons/button/button.es.js";
 import { MapDropdown as l } from "../map-dropdown/map-dropdown.es.js";
-import e from "./map-button.module.scss.es.js";
-import { Tooltip as a } from "../../../../tedi/components/overlays/tooltip/tooltip.es.js";
-const F = (h) => {
+import t from "./map-button.module.scss.es.js";
+import { Tooltip as m } from "../../../../tedi/components/overlays/tooltip/tooltip.es.js";
+const q = (h) => {
   const {
     size: o = "default",
-    icon: m,
+    icon: d,
     selected: f = !1,
-    className: b,
-    children: c,
-    hideLabel: d = !1,
-    tooltipContent: p = c,
+    className: g,
+    children: p,
+    hideLabel: c = !1,
+    tooltipContent: u = p,
     dropdownItems: n,
-    ...g
-  } = h, [C, w] = _(!1), D = f || C, N = u(
-    e["tedi-map-button"],
-    e[`tedi-map-button--${o}`],
-    D && e["tedi-map-button--selected"],
-    n && e["tedi-map-button--dropdown"],
-    b
-  ), x = /* @__PURE__ */ s(T, { children: [
-    m && /* @__PURE__ */ t(I, { name: m, className: e["tedi-map-button__icon"], size: o === "small" ? 24 : 18 }),
-    !d && /* @__PURE__ */ t("div", { className: u(e["tedi-map-button__text"]), children: c })
-  ] }), i = /* @__PURE__ */ t(M, { noStyle: !0, className: N, size: o, ...g, children: x }), B = d && p ? /* @__PURE__ */ s(a, { placement: "right", children: [
-    /* @__PURE__ */ t(a.Trigger, { children: i }),
-    /* @__PURE__ */ t(a.Content, { children: p })
-  ] }) : i;
-  return n ? /* @__PURE__ */ s(l, { onOpenChange: w, placement: "right-start", children: [
-    /* @__PURE__ */ t(l.Trigger, { children: i }),
-    /* @__PURE__ */ t(
+    isActive: C,
+    isHovered: N,
+    underline: _,
+    isLoading: i,
+    ...v
+  } = h, [w, D] = I(!1), x = f || w, B = b(
+    t["tedi-map-button"],
+    t[`tedi-map-button--${o}`],
+    x && t["tedi-map-button--selected"],
+    n && t["tedi-map-button--dropdown"],
+    C && t["tedi-map-button--is-active"],
+    N && t["tedi-map-button--is-hovered"],
+    _ && t["tedi-map-button--underline"],
+    i && t["tedi-map-button--loading"],
+    g
+  ), S = /* @__PURE__ */ a(z, { children: [
+    i ? /* @__PURE__ */ e(O, { size: o === "small" ? 16 : 18, className: t["tedi-map-button__icon"] }) : d && /* @__PURE__ */ e(M, { name: d, className: t["tedi-map-button__icon"], size: o === "small" ? 24 : 18 }),
+    !c && /* @__PURE__ */ e("div", { className: b(t["tedi-map-button__text"]), children: p })
+  ] }), s = /* @__PURE__ */ e(j, { noStyle: !0, isLoading: i, className: B, size: o, ...v, children: S }), T = c && u ? /* @__PURE__ */ a(m, { placement: "right", children: [
+    /* @__PURE__ */ e(m.Trigger, { children: s }),
+    /* @__PURE__ */ e(m.Content, { children: u })
+  ] }) : s;
+  return n ? /* @__PURE__ */ a(l, { onOpenChange: D, placement: "right-start", children: [
+    /* @__PURE__ */ e(l.Trigger, { children: s }),
+    /* @__PURE__ */ e(
       l.Content,
       {
         items: n.map((r) => ({
@@ -42,9 +51,9 @@ const F = (h) => {
         }))
       }
     )
-  ] }) : B;
+  ] }) : T;
 };
 export {
-  F as MapButton,
-  F as default
+  q as MapButton,
+  q as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-map-button":"tedi-map-button-ff336c6a","tedi-map-button__icon":"tedi-map-button__icon-f9ff78eb","tedi-map-button__text":"tedi-map-button__text-7f6a075e","tedi-map-button--default":"tedi-map-button--default-e1b335b5","tedi-map-button--small":"tedi-map-button--small-75882e8f","tedi-map-button--selected":"tedi-map-button--selected-9473bbd6","tedi-map-button--dropdown":"tedi-map-button--dropdown-ca6f4f3b"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-map-button":"tedi-map-button-ff336c6a","tedi-map-button--is-hovered":"tedi-map-button--is-hovered-25c99939","tedi-map-button--is-active":"tedi-map-button--is-active-f0beea2f","tedi-map-button__icon":"tedi-map-button__icon-f9ff78eb","tedi-map-button__text":"tedi-map-button__text-7f6a075e","tedi-map-button--default":"tedi-map-button--default-e1b335b5","tedi-map-button--small":"tedi-map-button--small-75882e8f","tedi-map-button--selected":"tedi-map-button--selected-9473bbd6","tedi-map-button--underline":"tedi-map-button--underline-20dd4ffc","tedi-map-button--dropdown":"tedi-map-button--dropdown-ca6f4f3b"};exports.default=t;

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

@@ -1,10 +1,13 @@
 const t = {
   "tedi-map-button": "tedi-map-button-ff336c6a",
+  "tedi-map-button--is-hovered": "tedi-map-button--is-hovered-25c99939",
+  "tedi-map-button--is-active": "tedi-map-button--is-active-f0beea2f",
   "tedi-map-button__icon": "tedi-map-button__icon-f9ff78eb",
   "tedi-map-button__text": "tedi-map-button__text-7f6a075e",
   "tedi-map-button--default": "tedi-map-button--default-e1b335b5",
   "tedi-map-button--small": "tedi-map-button--small-75882e8f",
   "tedi-map-button--selected": "tedi-map-button--selected-9473bbd6",
+  "tedi-map-button--underline": "tedi-map-button--underline-20dd4ffc",
   "tedi-map-button--dropdown": "tedi-map-button--dropdown-ca6f4f3b"
 };
 export {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),r=require("react"),z=require("../../../../tedi/components/base/icon/icon.cjs.js"),s=require("./resizer.module.scss.cjs.js"),j=R=>{const{children:b,minWidth:d=300,maxWidth:o=600,initialWidth:g=350,minHeight:c=200,maxHeight:h=600,initialHeight:x=350,className:$,handlePosition:e="right",showIndicator:w=!1}=R,v=r.useRef(null),u=r.useRef(!1),t=r.useRef({x:0,y:0,width:g,height:x}),[a,N]=r.useState({width:g,height:x});r.useEffect(()=>{const n=l=>{if(!u.current||!v.current)return;l.preventDefault();const M=l.clientX-t.current.x,_=l.clientY-t.current.y;N(y=>{let m=y.width,f=y.height;return e==="right"?m=Math.min(Math.max(t.current.width+M,d),o):e==="left"?m=Math.min(Math.max(t.current.width-M,d),o):e==="bottom"?f=Math.min(Math.max(t.current.height+_,c),h):e==="top"&&(f=Math.min(Math.max(t.current.height-_,c),h)),{width:m,height:f}})},p=()=>{u.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",p),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",p)}},[e,d,o,c,h]);const D=n=>{n.preventDefault(),u.current=!0,document.body.style.userSelect="none",t.current={x:n.clientX,y:n.clientY,width:a.width,height:a.height}};return i.jsxs("div",{ref:v,className:`${s.default["tedi-resize__wrapper"]} ${$||""}`,style:{width:`${a.width}px`,height:e==="top"||e==="bottom"?`${a.height}px`:"auto",position:"relative",display:"block"},children:[i.jsx("div",{className:s.default["tedi-resize__content"],children:b}),i.jsxs("div",{className:`${s.default["tedi-resize__handle-wrapper"]} ${s.default[`direction-${e}`]}`,onMouseDown:D,"data-show-indicator":w,children:[i.jsx("div",{className:s.default["tedi-resize__drag-handle"],children:i.jsx(z.Icon,{name:"drag_handle",size:18})}),!w&&i.jsx("div",{className:s.default["tedi-resize__drag-indicator"],children:i.jsx(z.Icon,{name:"drag_handle",color:"brand",size:18})})]})]})};exports.Resizer=j;exports.default=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),z=require("../../../../tedi/components/base/icon/icon.cjs.js"),s=require("./resizer.module.scss.cjs.js"),D=j=>{const{children:R,minWidth:a=300,maxWidth:d=600,initialWidth:g=350,minHeight:c=200,maxHeight:h=600,initialHeight:x=350,className:b,handlePosition:e="right",showIndicator:w=!1}=j,p=r.useRef(null),u=r.useRef(!1),t=r.useRef({x:0,y:0,width:g,height:x}),[o,$]=r.useState({width:g,height:x});r.useEffect(()=>{const n=l=>{if(!u.current||!p.current)return;l.preventDefault();const M=l.clientX-t.current.x,_=l.clientY-t.current.y;$(y=>{let m=y.width,f=y.height;return e==="right"?m=Math.min(Math.max(t.current.width+M,a),d):e==="left"?m=Math.min(Math.max(t.current.width-M,a),d):e==="bottom"?f=Math.min(Math.max(t.current.height+_,c),h):e==="top"&&(f=Math.min(Math.max(t.current.height-_,c),h)),{width:m,height:f}})},v=()=>{u.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",v),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",v)}},[e,a,d,c,h]);const N=n=>{n.preventDefault(),u.current=!0,document.body.style.userSelect="none",t.current={x:n.clientX,y:n.clientY,width:o.width,height:o.height}};return i.jsxs("div",{ref:p,className:`${s.default["tedi-resize__wrapper"]} ${b||""}`,style:{width:`${o.width}px`,height:e==="top"||e==="bottom"?`${o.height}px`:"auto",position:"relative",display:"block"},children:[i.jsx("div",{className:s.default["tedi-resize__content"],children:R}),i.jsxs("div",{className:`${s.default["tedi-resize__handle-wrapper"]} ${s.default[`direction-${e}`]}`,onMouseDown:N,"data-show-indicator":w,children:[i.jsx("div",{className:s.default["tedi-resize__drag-handle"],children:i.jsx(z.Icon,{name:"drag_handle",size:18})}),!w&&i.jsx("div",{className:s.default["tedi-resize__drag-indicator"],children:i.jsx(z.Icon,{name:"drag_handle",color:"brand",size:18})})]})]})};exports.Resizer=D;

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

@@ -1,5 +1,5 @@
 import { jsxs as z, jsx as r } from "react/jsx-runtime";
-import { useRef as f, useState as L, useEffect as R } from "react";
+import { useRef as g, useState as L, useEffect as R } from "react";
 import { Icon as $ } from "../../../../tedi/components/base/icon/icon.es.js";
 import n from "./resizer.module.scss.es.js";
 const P = (b) => {
@@ -7,21 +7,21 @@ const P = (b) => {
     children: N,
     minWidth: o = 300,
     maxWidth: a = 600,
-    initialWidth: g = 350,
+    initialWidth: p = 350,
     minHeight: d = 200,
     maxHeight: h = 600,
-    initialHeight: p = 350,
+    initialHeight: f = 350,
     className: D,
     handlePosition: e = "right",
     showIndicator: w = !1
-  } = b, v = f(null), c = f(!1), t = f({
+  } = b, v = g(null), c = g(!1), t = g({
     x: 0,
     y: 0,
-    width: g,
-    height: p
+    width: p,
+    height: f
   }), [s, E] = L({
-    width: g,
-    height: p
+    width: p,
+    height: f
   });
   R(() => {
     const i = (l) => {
@@ -77,6 +77,5 @@ const P = (b) => {
   );
 };
 export {
-  P as Resizer,
-  P as default
+  P as Resizer
 };

package/src/community/components/status/status.d.ts

@@ -16,5 +16,8 @@ export interface StatusProps {
      */
     tooltipContent?: React.ReactNode;
 }
+/**
+ * @deprecated Use `StatusIndicator` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Status: (props: StatusProps) => JSX.Element;
 export default Status;

package/src/community/components/table/table.d.ts

@@ -1,4 +1,7 @@
 import { DefaultTData, TableProps } from './table.types';
 export declare const PAGE_SIZE_WITHOUT_PAGINATION = 10000;
+/**
+ * @deprecated Use `Table` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare function Table<TData extends DefaultTData<TData>>(props: TableProps<TData>): JSX.Element;
 export default Table;

package/src/community/components/tag/tag.d.ts

@@ -65,5 +65,8 @@ export interface TagProps {
      */
     id?: string;
 }
+/**
+ * @deprecated Use `Tag` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
 export default Tag;

package/src/community/components/toggle-open/toggle-open.d.ts

@@ -19,5 +19,8 @@ export interface ToggleOpenProps extends Omit<ButtonProps, 'children' | 'iconRig
      */
     iconRight?: Partial<IconProps>;
 }
+/**
+ * @deprecated Use `CollapseButton` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const ToggleOpen: ({ openText, closeText, isOpen, iconRight, ...rest }: ToggleOpenProps) => JSX.Element;
 export default ToggleOpen;

package/src/community/components/tooltip/tooltip-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),a=require("../../../../external/classnames/index.cjs.js"),t=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),p=require("./tooltip-provider.cjs.js"),d=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),f=r=>{const{children:e}=r,{getLabel:i}=d.useLabels(),{getReferenceProps:c,reference:n,openWith:s}=t.useContext(p.TooltipContext),l=u.useMergeRefs([n,e.ref]);return t.cloneElement(e,c({ref:l,tabIndex:0,label:e.type===g.Icon?i("tooltip.icon-trigger"):void 0,...e.props,className:a.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:s==="click"},e.props.className)}))};exports.TooltipTrigger=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),a=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),f=require("../../../tedi/helpers/get-element-ref.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),b=r=>{const{children:e}=r,{getLabel:i}=q.useLabels(),{getReferenceProps:n,reference:c,openWith:l}=t.useContext(d.TooltipContext),s=f.getElementRef(e),u=g.useMergeRefs([c,s]);return t.cloneElement(e,n({tabIndex:0,label:e.type===p.Icon?i("tooltip.icon-trigger"):void 0,...e.props,className:a.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:l==="click"},e.props.className),ref:u}))};exports.TooltipTrigger=b;

package/src/community/components/tooltip/tooltip-trigger.d.ts

@@ -4,5 +4,8 @@ export interface TooltipTriggerProps {
      */
     children: JSX.Element;
 }
+/**
+ * @deprecated Use `TooltipTrigger` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const TooltipTrigger: (props: TooltipTriggerProps) => JSX.Element;
 export default TooltipTrigger;

package/src/community/components/tooltip/tooltip-trigger.es.js

@@ -1,27 +1,28 @@
-import { useMergeRefs as m } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import n from "../../../../external/classnames/index.es.js";
+import { useMergeRefs as n } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import f from "../../../../external/classnames/index.es.js";
 import o from "react";
-import { Icon as f } from "../../../tedi/components/base/icon/icon.es.js";
+import { Icon as a } from "../../../tedi/components/base/icon/icon.es.js";
+import { getElementRef as g } from "../../../tedi/helpers/get-element-ref.es.js";
 import t from "./tooltip.module.scss.es.js";
-import { TooltipContext as a } from "./tooltip-provider.es.js";
-import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";
-const T = (r) => {
-  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: p, openWith: c } = o.useContext(a), l = m([p, e.ref]);
+import { TooltipContext as _ } from "./tooltip-provider.es.js";
+import { useLabels as d } from "../../../tedi/providers/label-provider/use-labels.es.js";
+const y = (r) => {
+  const { children: e } = r, { getLabel: i } = d(), { getReferenceProps: s, reference: c, openWith: l } = o.useContext(_), m = g(e), p = n([c, m]);
   return o.cloneElement(
     e,
-    i({
-      ref: l,
+    s({
       tabIndex: 0,
-      label: e.type === f ? s("tooltip.icon-trigger") : void 0,
+      label: e.type === a ? i("tooltip.icon-trigger") : void 0,
       ...e.props,
-      className: n(
+      className: f(
         t.tooltip__trigger,
-        { [t["tooltip__trigger--click"]]: c === "click" },
+        { [t["tooltip__trigger--click"]]: l === "click" },
         e.props.className
-      )
+      ),
+      ref: p
     })
   );
 };
 export {
-  T as TooltipTrigger
+  y as TooltipTrigger
 };

package/src/community/components/tooltip/tooltip.d.ts

@@ -21,5 +21,8 @@ export interface TooltipProps {
      */
     maxWidth?: 'none' | 'small' | 'medium' | 'large';
 }
+/**
+ * @deprecated Use `Tooltip` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Tooltip: (props: TooltipProps) => JSX.Element | null;
 export default Tooltip;

package/src/tedi/components/buttons/button-content/button-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),F=require("../../base/icon/icon.cjs.js"),q=require("../../loaders/spinner/spinner.cjs.js"),G=require("../../misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),b=require("../../overlays/tooltip/tooltip.cjs.js"),T=D.forwardRef(({children:d,as:g,_text:J,className:p,visualType:h="primary",color:E="default",size:o,icon:l,iconLeft:u,iconRight:i,underline:M=!1,isHovered:P,isActive:w,isLoading:a=!1,noStyle:m,_renderWrapperElement:K,fullWidth:_,onClick:x,showTooltip:S=!1,...j},A)=>{const y=g||"button",C=l||u||i,O=m?r.default(t.default["tedi-btn--no-style"],{[t.default["tedi-btn--full-width"]]:_},p):r.default(t.default["tedi-btn"],t.default[`tedi-btn--${h}`],t.default[`tedi-btn--${E}`],{[t.default[`tedi-btn--${o}`]]:o},{[t.default["tedi-btn--underline"]]:M},{[t.default["tedi-btn--is-hovered"]]:P},{[t.default["tedi-btn--is-active"]]:w},{[t.default["tedi-btn--is-loading"]]:a},{[t.default["tedi-btn--icon-only"]]:l},{[t.default["tedi-btn--icon"]]:C},{[t.default["tedi-btn--full-width"]]:_},p),f=(e,s)=>{const z=r.default(t.default["tedi-btn__icon"],t.default[`tedi-btn__icon--${e}`],{[t.default["tedi-btn__spinner"]]:a,[t.default["tedi-btn__icon-responsive"]]:y==="a"&&o==="small"}),c={size:o==="large"?24:18,className:z},B=typeof s=="string"?{...c,name:s}:{...c,...s,className:r.default(c.className,s==null?void 0:s.className)};return a?n.jsx(q.Spinner,{className:B.className,size:18}):n.jsx(F.Icon,{...B})},k=()=>{const e=a?n.jsx(q.Spinner,{position:C?void 0:"absolute",className:r.default(t.default["tedi-btn__spinner"],t.default["tedi-btn__spinner--left"]),size:18}):u?f("left",u):l?f("center",l):null;return n.jsxs("span",{className:t.default["tedi-btn__inner"],children:[e,n.jsx("span",{className:t.default["tedi-btn__text"],children:d}),!a&&i&&f("right",i)]})},H=e=>{x&&!a&&x(e)},R=!!l,N=(e=>{if(typeof e=="string")return e;if(Array.isArray(e))return e.map(s=>typeof s=="string"?s:"").join("").trim()})(d),v=n.jsx(y,{"data-name":"button-content",...j,"aria-disabled":a||j["aria-disabled"],"aria-busy":a||void 0,onClick:H,ref:A,className:O,children:m?d:k()});return n.jsx(G.Print,{visibility:"hide",children:S&&R&&N?n.jsxs(b.Tooltip,{children:[n.jsx(b.Tooltip.Trigger,{children:v}),n.jsx(b.Tooltip.Content,{children:N})]}):v})});T.displayName="ButtonContent";const I=T;exports.ButtonContent=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),F=require("../../base/icon/icon.cjs.js"),q=require("../../loaders/spinner/spinner.cjs.js"),G=require("../../misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),b=require("../../overlays/tooltip/tooltip.cjs.js"),T=D.forwardRef(({children:d,as:g,_text:J,className:p,visualType:h="primary",color:E="default",size:o,icon:r,iconLeft:u,iconRight:i,underline:M=!1,isHovered:P,isActive:w,isLoading:s=!1,noStyle:m,_renderWrapperElement:K,fullWidth:_,onClick:x,showTooltip:S=!1,...j},A)=>{const y=g||"button",v=r||u||i,H=m?l.default(t.default["tedi-btn--no-style"],{[t.default["tedi-btn--full-width"]]:_},p):l.default(t.default["tedi-btn"],t.default[`tedi-btn--${h}`],t.default[`tedi-btn--${E}`],{[t.default[`tedi-btn--${o}`]]:o},{[t.default["tedi-btn--underline"]]:M},{[t.default["tedi-btn--is-hovered"]]:P},{[t.default["tedi-btn--is-active"]]:w},{[t.default["tedi-btn--is-loading"]]:s},{[t.default["tedi-btn--icon-only"]]:r},{[t.default["tedi-btn--icon"]]:v},{[t.default["tedi-btn--full-width"]]:_},p),f=(e,a)=>{const z=l.default(t.default["tedi-btn__icon"],t.default[`tedi-btn__icon--${e}`],{[t.default["tedi-btn__spinner"]]:s,[t.default["tedi-btn__icon-responsive"]]:y==="a"&&o==="small"}),c={size:o==="large"?24:18,className:z},B=typeof a=="string"?{...c,name:a}:{...c,...a,className:l.default(c.className,a==null?void 0:a.className)};return s?n.jsx(q.Spinner,{className:B.className,size:18,decorative:!0}):n.jsx(F.Icon,{...B})},O=()=>{const e=s?n.jsx(q.Spinner,{position:v?void 0:"absolute",className:l.default(t.default["tedi-btn__spinner"],t.default["tedi-btn__spinner--left"]),size:18,decorative:!0}):u?f("left",u):r?f("center",r):null;return n.jsxs("span",{className:t.default["tedi-btn__inner"],children:[e,n.jsx("span",{className:t.default["tedi-btn__text"],children:d}),!s&&i&&f("right",i)]})},k=e=>{x&&!s&&x(e)},R=!!r,C=(e=>{if(typeof e=="string")return e;if(Array.isArray(e))return e.map(a=>typeof a=="string"?a:"").join("").trim()})(d),N=n.jsx(y,{"data-name":"button-content",...j,"aria-disabled":s||j["aria-disabled"],"aria-busy":s||void 0,onClick:k,ref:A,className:H,children:m?d:O()});return n.jsx(G.Print,{visibility:"hide",children:S&&R&&C?n.jsxs(b.Tooltip,{ariaHidden:!0,children:[n.jsx(b.Tooltip.Trigger,{children:N}),n.jsx(b.Tooltip.Content,{children:C})]}):N})});T.displayName="ButtonContent";const I=T;exports.ButtonContent=I;exports.default=I;