@tedi-design-system/react 19.1.0-rc.8 → 19.1.0

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

@@ -1,19 +1,21 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import c from "../../../../../external/classnames/index.es.js";
-import N, { useState as x } from "react";
-import { FloatingButton as n } from "../../../../tedi/components/buttons/floating-button/floating-button.es.js";
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import n from "../../../../../external/classnames/index.es.js";
+import y, { useState as N } from "react";
+import { FloatingButton as c } from "../../../../tedi/components/buttons/floating-button/floating-button.es.js";
+import { warnDeprecated as x } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
 import e from "./carousel.module.scss.es.js";
-const $ = (d) => {
-  const { itemCountShown: o, children: m, className: u } = d, [t, l] = x(0), r = N.Children.toArray(m), i = r.length, _ = () => {
-    t + o < i && l((s) => s + 1);
+const I = (d) => {
+  x("Community Carousel", "Use `Carousel` from `@tedi-design-system/react/tedi` instead.");
+  const { itemCountShown: r, children: m, className: u } = d, [t, o] = N(0), i = y.Children.toArray(m), l = i.length, _ = () => {
+    t + r < l && o((s) => s + 1);
   }, p = () => {
-    t > 0 && l((s) => s - 1);
-  }, h = `translateX(-${100 / o * t}%)`;
-  return /* @__PURE__ */ f("div", { className: `${e["tedi-carousel__wrapper"]} ${u ?? ""}`, children: [
+    t > 0 && o((s) => s - 1);
+  }, f = `translateX(-${100 / r * t}%)`;
+  return /* @__PURE__ */ v("div", { className: `${e["tedi-carousel__wrapper"]} ${u ?? ""}`, children: [
     /* @__PURE__ */ a(
-      n,
+      c,
       {
-        className: c(e["tedi-carousel__navigation-button"], e["tedi-carousel__prev"]),
+        className: n(e["tedi-carousel__navigation-button"], e["tedi-carousel__prev"]),
         onClick: p,
         visualType: "secondary",
         disabled: t === 0,
@@ -21,14 +23,14 @@ const $ = (d) => {
         children: "Prev"
       }
     ),
-    /* @__PURE__ */ a("div", { className: e["tedi-carousel__viewport"], children: /* @__PURE__ */ a("div", { className: e["tedi-carousel__carousel-track"], style: { transform: h }, children: r.map((s, v) => /* @__PURE__ */ a("div", { className: e["tedi-carousel__item"], style: { flex: `0 0 ${100 / o}%` }, children: s }, v)) }) }),
+    /* @__PURE__ */ a("div", { className: e["tedi-carousel__viewport"], children: /* @__PURE__ */ a("div", { className: e["tedi-carousel__carousel-track"], style: { transform: f }, children: i.map((s, h) => /* @__PURE__ */ a("div", { className: e["tedi-carousel__item"], style: { flex: `0 0 ${100 / r}%` }, children: s }, h)) }) }),
     /* @__PURE__ */ a(
-      n,
+      c,
       {
-        className: c(e["tedi-carousel__navigation-button"], e["tedi-carousel__next"]),
+        className: n(e["tedi-carousel__navigation-button"], e["tedi-carousel__next"]),
         onClick: _,
         visualType: "secondary",
-        disabled: t + o >= i,
+        disabled: t + r >= l,
         icon: "east",
         children: "Next"
       }
@@ -36,5 +38,5 @@ const $ = (d) => {
   ] });
 };
 export {
-  $ as Carousel
+  I as Carousel
 };

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

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../../../tedi';
+import { ButtonProps, IconSize } from '../../../../tedi';
 import { MapDropdownItem } from '../map-dropdown/map-dropdown';
 /**
  * Button props that don't apply to MapButton because it renders `<Button noStyle>` with its own
@@ -37,6 +37,15 @@ export interface MapButtonProps extends Omit<ButtonProps, OmittedButtonProps> {
      * When provided, the button can toggle a dropdown menu.
      */
     dropdownItems?: MapDropdownItem[];
+    /**
+     * Renders the dropdown indicator arrow in the bottom-right corner without wiring up a dropdown.
+     * @default false
+     */
+    showDropdownIndicator?: boolean;
+    /**
+     * Size of the icon displayed on the button.
+     */
+    iconSize?: IconSize;
 }
 export declare const MapButton: import('react').ForwardRefExoticComponent<Omit<MapButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default MapButton;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),j=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),l=require("./map-dropdown.module.scss.cjs.js"),te=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),ne=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),q=({children:a})=>a,E=({items:a,children:x})=>null,p=a=>{const{children:x,onItemClick:f,closeMenuOnClick:N=!0,onOpenChange:g,placement:R="bottom-start",layout:I="column",isOpen:m,sameWidth:O=!1,className:A}=a,{initialFocus:S=-1,modal:b=!1,...y}=a.focusManager??{},{getLabel:T}=te.useLabels(),{visuallyHiddenDismiss:L=b?T("close"):!1}=y??{},U=o.useFloatingNodeId(),M=r.useRef([]),[W,w]=r.useState(!1),v=m!==void 0?m:W,[_,K]=r.useState(null);let u=[],P=null,i=null;if(r.Children.forEach(x,e=>{if(r.isValidElement(e)){if(e.type===q)i=e.props.children;else if(e.type===E){const n=e.props,{items:t,children:c}=n;Array.isArray(t)&&t.every(h=>typeof h=="object"&&h!==null&&"children"in h)?u=t:c&&(P=c)}}}),!i)throw new Error("Dropdown must have a Dropdown.Trigger child");const k={name:"sameWidth",fn:({rects:e,elements:n})=>{const t=e.reference.width;return n.floating.style.width=`${t}px`,{data:{width:t}}}},{x:B,y:H,strategy:V,refs:F,placement:$,context:d}=o.useFloating({placement:R,nodeId:U,open:v,onOpenChange:e=>{m===void 0&&w(e),g==null||g(e)},middleware:[...O?[k]:[],D.flip(),D.shift(),D.offset(5)],whileElementsMounted:ne.autoUpdate}),z=u.findIndex(e=>e.isActive),{getReferenceProps:G,getFloatingProps:J,getItemProps:Q}=o.useInteractions([o.useClick(d),o.useListNavigation(d,{listRef:M,activeIndex:_,selectedIndex:z,onNavigate:K,loop:!0}),o.useRole(d,{role:"listbox"}),o.useDismiss(d,{outsidePress:e=>!(e.target instanceof Element&&e.target.closest("[data-floating-ui-portal]")),escapeKey:!1,referencePress:!1})]),X=()=>v?s.jsx(o.FloatingFocusManager,{context:d,initialFocus:S,visuallyHiddenDismiss:L,modal:b,...y,children:s.jsx("div",{...J({ref:F.setFloating,style:{position:V,left:B??0,top:H??0},className:j.default(l.default["tedi-map-dropdown"],{[l.default["tedi-map-dropdown--row"]]:I==="row",[l.default["tedi-map-dropdown--column"]]:I==="column"},A),onKeyDown(n){n.key==="Tab"&&w(!1)}}),"data-placement":$,children:u.length>0?u.map((n,t)=>Z(n,t)):P})}):null,Y=e=>j.default(l.default["tedi-map-dropdown__item"],{[l.default["tedi-map-dropdown__item--active"]]:e.isActive,[l.default["tedi-map-dropdown__item--disabled"]]:e.isDisabled}),C=(e,n,t)=>{var c;f==null||f(e,n,t),(c=e==null?void 0:e.onClick)==null||c.call(e,t),N&&w(!1)},Z=(e,n)=>s.jsx("button",{...Q({disabled:e.isDisabled,tabIndex:_===n?0:-1,role:"option",className:Y(e),onClick:t=>C(e,n,t),onKeyDown(t){t.key==="Enter"&&C(e,n,t)},ref(t){M.current[n]=t}}),children:e.children},n),ee=i?r.cloneElement(i,{...G({ref:F.setReference,tabIndex:0,...i.props})}):null;return s.jsxs(s.Fragment,{children:[ee,s.jsx(o.FloatingPortal,{children:X()})]})};p.Trigger=q;p.Content=E;exports.MapDropdown=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),F=require("../../../../../external/classnames/index.cjs.js"),l=require("react"),ne=require("../../../../tedi/helpers/get-element-ref.cjs.js"),a=require("./map-dropdown.module.scss.cjs.js"),oe=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),se=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),q=({children:i})=>i,C=({items:i,children:x})=>null,p=i=>{const{children:x,onItemClick:f,closeMenuOnClick:j=!0,onOpenChange:g,placement:N="bottom-start",layout:I="column",isOpen:m,sameWidth:O=!1,className:A}=i,{initialFocus:S=-1,modal:b=!1,...M}=i.focusManager??{},{getLabel:T}=oe.useLabels(),{visuallyHiddenDismiss:L=b?T("close"):!1}=M??{},U=o.useFloatingNodeId(),y=l.useRef([]),[W,w]=l.useState(!1),v=m!==void 0?m:W,[R,K]=l.useState(null);let u=[],_=null,s=null;if(l.Children.forEach(x,e=>{if(l.isValidElement(e)){if(e.type===q)s=e.props.children;else if(e.type===C){const n=e.props,{items:t,children:c}=n;Array.isArray(t)&&t.every(h=>typeof h=="object"&&h!==null&&"children"in h)?u=t:c&&(_=c)}}}),!s)throw new Error("Dropdown must have a Dropdown.Trigger child");const k={name:"sameWidth",fn:({rects:e,elements:n})=>{const t=e.reference.width;return n.floating.style.width=`${t}px`,{data:{width:t}}}},{x:B,y:H,strategy:V,refs:P,placement:$,context:d}=o.useFloating({placement:N,nodeId:U,open:v,onOpenChange:e=>{m===void 0&&w(e),g==null||g(e)},middleware:[...O?[k]:[],D.flip(),D.shift(),D.offset(5)],whileElementsMounted:se.autoUpdate}),z=u.findIndex(e=>e.isActive),{getReferenceProps:G,getFloatingProps:J,getItemProps:Q}=o.useInteractions([o.useClick(d),o.useListNavigation(d,{listRef:y,activeIndex:R,selectedIndex:z,onNavigate:K,loop:!0}),o.useRole(d,{role:"listbox"}),o.useDismiss(d,{outsidePress:e=>!(e.target instanceof Element&&e.target.closest("[data-floating-ui-portal]")),escapeKey:!1,referencePress:!1})]),X=o.useMergeRefs([P.setReference,s?ne.getElementRef(s):null]),Y=()=>v?r.jsx(o.FloatingFocusManager,{context:d,initialFocus:S,visuallyHiddenDismiss:L,modal:b,...M,children:r.jsx("div",{...J({ref:P.setFloating,style:{position:V,left:B??0,top:H??0},className:F.default(a.default["tedi-map-dropdown"],{[a.default["tedi-map-dropdown--row"]]:I==="row",[a.default["tedi-map-dropdown--column"]]:I==="column"},A),onKeyDown(n){n.key==="Tab"&&w(!1)}}),"data-placement":$,children:u.length>0?u.map((n,t)=>ee(n,t)):_})}):null,Z=e=>F.default(a.default["tedi-map-dropdown__item"],{[a.default["tedi-map-dropdown__item--active"]]:e.isActive,[a.default["tedi-map-dropdown__item--disabled"]]:e.isDisabled}),E=(e,n,t)=>{var c;f==null||f(e,n,t),(c=e==null?void 0:e.onClick)==null||c.call(e,t),j&&w(!1)},ee=(e,n)=>r.jsx("button",{...Q({disabled:e.isDisabled,tabIndex:R===n?0:-1,role:"option",className:Z(e),onClick:t=>E(e,n,t),onKeyDown(t){t.key==="Enter"&&E(e,n,t)},ref(t){y.current[n]=t}}),children:e.children},n),te=s?l.cloneElement(s,G({tabIndex:0,...s.props,ref:X})):null;return r.jsxs(r.Fragment,{children:[te,r.jsx(o.FloatingPortal,{children:Y()})]})};p.Trigger=q;p.Content=C;exports.MapDropdown=p;exports.default=p;

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

@@ -1,36 +1,37 @@
-import { jsxs as Z, Fragment as ee, jsx as c } from "react/jsx-runtime";
-import { useFloatingNodeId as te, useFloating as ne, useInteractions as oe, useClick as se, useListNavigation as re, useRole as le, useDismiss as ie, FloatingPortal as ae, FloatingFocusManager as de } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { jsxs as ee, Fragment as te, jsx as c } from "react/jsx-runtime";
+import { useFloatingNodeId as ne, useFloating as oe, useInteractions as se, useClick as re, useListNavigation as le, useRole as ie, useDismiss as ae, useMergeRefs as de, FloatingPortal as ce, FloatingFocusManager as pe } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import P from "../../../../../external/classnames/index.es.js";
-import a, { cloneElement as ce } from "react";
-import o from "./map-dropdown.module.scss.es.js";
-import { useLabels as pe } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import { autoUpdate as fe } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { flip as ue, shift as me, offset as ge } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (s) => {
+import a, { cloneElement as fe } from "react";
+import { getElementRef as ue } from "../../../../tedi/helpers/get-element-ref.es.js";
+import s from "./map-dropdown.module.scss.es.js";
+import { useLabels as me } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+import { autoUpdate as ge } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { flip as we, shift as he, offset as Ie } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+const R = ({ children: r }) => r, C = ({ items: r, children: w }) => null, E = (r) => {
   const {
     children: w,
     onItemClick: p,
-    closeMenuOnClick: _ = !0,
+    closeMenuOnClick: N = !0,
     onOpenChange: f,
-    placement: R = "bottom-start",
+    placement: _ = "bottom-start",
     layout: h = "column",
     isOpen: u,
     sameWidth: O = !1,
     className: A
-  } = s, { initialFocus: T = -1, modal: I = !1, ...D } = s.focusManager ?? {}, { getLabel: W } = pe(), { visuallyHiddenDismiss: j = I ? W("close") : !1 } = D ?? {}, K = te(), x = a.useRef([]), [L, m] = a.useState(!1), y = u !== void 0 ? u : L, [b, S] = a.useState(null);
-  let d = [], v = null, r = null;
+  } = r, { initialFocus: T = -1, modal: I = !1, ...D } = r.focusManager ?? {}, { getLabel: W } = me(), { visuallyHiddenDismiss: j = I ? W("close") : !1 } = D ?? {}, K = ne(), x = a.useRef([]), [L, m] = a.useState(!1), y = u !== void 0 ? u : L, [b, S] = a.useState(null);
+  let d = [], M = null, o = null;
   if (a.Children.forEach(w, (e) => {
     if (a.isValidElement(e)) {
-      if (e.type === C)
-        r = e.props.children;
-      else if (e.type === N) {
+      if (e.type === R)
+        o = e.props.children;
+      else if (e.type === C) {
         const n = e.props, { items: t, children: i } = n;
         Array.isArray(t) && t.every(
           (g) => typeof g == "object" && g !== null && "children" in g
-        ) ? d = t : i && (v = i);
+        ) ? d = t : i && (M = i);
       }
     }
-  }), !r)
+  }), !o)
     throw new Error("Dropdown must have a Dropdown.Trigger child");
   const k = {
     name: "sameWidth",
@@ -40,32 +41,32 @@ const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (
         data: { width: t }
       };
     }
-  }, { x: B, y: H, strategy: U, refs: M, placement: V, context: l } = ne({
-    placement: R,
+  }, { x: B, y: H, strategy: U, refs: v, placement: V, context: l } = oe({
+    placement: _,
     nodeId: K,
     open: y,
     onOpenChange: (e) => {
       u === void 0 && m(e), f == null || f(e);
     },
-    middleware: [...O ? [k] : [], ue(), me(), ge(5)],
-    whileElementsMounted: fe
-  }), $ = d.findIndex((e) => e.isActive), { getReferenceProps: q, getFloatingProps: z, getItemProps: G } = oe([
-    se(l),
-    re(l, {
+    middleware: [...O ? [k] : [], we(), he(), Ie(5)],
+    whileElementsMounted: ge
+  }), $ = d.findIndex((e) => e.isActive), { getReferenceProps: q, getFloatingProps: z, getItemProps: G } = se([
+    re(l),
+    le(l, {
       listRef: x,
       activeIndex: b,
       selectedIndex: $,
       onNavigate: S,
       loop: !0
     }),
-    le(l, { role: "listbox" }),
-    ie(l, {
+    ie(l, { role: "listbox" }),
+    ae(l, {
       outsidePress: (e) => !(e.target instanceof Element && e.target.closest("[data-floating-ui-portal]")),
       escapeKey: !1,
       referencePress: !1
     })
-  ]), J = () => y ? /* @__PURE__ */ c(
-    de,
+  ]), J = de([v.setReference, o ? ue(o) : null]), Q = () => y ? /* @__PURE__ */ c(
+    pe,
     {
       context: l,
       initialFocus: T,
@@ -76,17 +77,17 @@ const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (
         "div",
         {
           ...z({
-            ref: M.setFloating,
+            ref: v.setFloating,
             style: {
               position: U,
               left: B ?? 0,
               top: H ?? 0
             },
             className: P(
-              o["tedi-map-dropdown"],
+              s["tedi-map-dropdown"],
               {
-                [o["tedi-map-dropdown--row"]]: h === "row",
-                [o["tedi-map-dropdown--column"]]: h === "column"
+                [s["tedi-map-dropdown--row"]]: h === "row",
+                [s["tedi-map-dropdown--column"]]: h === "column"
               },
               A
             ),
@@ -95,24 +96,24 @@ const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (
             }
           }),
           "data-placement": V,
-          children: d.length > 0 ? d.map((n, t) => X(n, t)) : v
+          children: d.length > 0 ? d.map((n, t) => Y(n, t)) : M
         }
       )
     }
-  ) : null, Q = (e) => P(o["tedi-map-dropdown__item"], {
-    [o["tedi-map-dropdown__item--active"]]: e.isActive,
-    [o["tedi-map-dropdown__item--disabled"]]: e.isDisabled
+  ) : null, X = (e) => P(s["tedi-map-dropdown__item"], {
+    [s["tedi-map-dropdown__item--active"]]: e.isActive,
+    [s["tedi-map-dropdown__item--disabled"]]: e.isDisabled
   }), F = (e, n, t) => {
     var i;
-    p == null || p(e, n, t), (i = e == null ? void 0 : e.onClick) == null || i.call(e, t), _ && m(!1);
-  }, X = (e, n) => /* @__PURE__ */ c(
+    p == null || p(e, n, t), (i = e == null ? void 0 : e.onClick) == null || i.call(e, t), N && m(!1);
+  }, Y = (e, n) => /* @__PURE__ */ c(
     "button",
     {
       ...G({
         disabled: e.isDisabled,
         tabIndex: b === n ? 0 : -1,
         role: "option",
-        className: Q(e),
+        className: X(e),
         onClick: (t) => F(e, n, t),
         onKeyDown(t) {
           t.key === "Enter" && F(e, n, t);
@@ -124,21 +125,22 @@ const C = ({ children: s }) => s, N = ({ items: s, children: w }) => null, E = (
       children: e.children
     },
     n
-  ), Y = r ? ce(r, {
-    ...q({
-      ref: M.setReference,
+  ), Z = o ? fe(
+    o,
+    q({
       tabIndex: 0,
       // @ts-expect-error: 'rest' props do not fully match Anchor's expected props, but they are validated elsewhere
-      ...r.props
+      ...o.props,
+      ref: J
     })
-  }) : null;
-  return /* @__PURE__ */ Z(ee, { children: [
-    Y,
-    /* @__PURE__ */ c(ae, { children: J() })
+  ) : null;
+  return /* @__PURE__ */ ee(te, { children: [
+    Z,
+    /* @__PURE__ */ c(ce, { children: Q() })
   ] });
 };
-E.Trigger = C;
-E.Content = N;
+E.Trigger = R;
+E.Content = C;
 export {
   E as MapDropdown,
   E as default

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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../../../external/classnames/index.cjs.js"),d=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),e=require("./status.module.scss.cjs.js"),l=require("../tooltip/tooltip-provider.cjs.js"),m=require("../tooltip/tooltip-trigger.cjs.js"),p=require("../tooltip/tooltip.cjs.js"),j=r=>{d.warnDeprecated("Community Status","Use `StatusIndicator` from `@tedi-design-system/react/tedi` instead.");const{children:a,type:i,className:o,tooltipContent:s,...u}=r,c=n.default(e.default.status,o,e.default[`status--${i}`]);return t.jsxs("div",{"data-name":"status",...u,className:c,children:[s?t.jsxs(l.TooltipProvider,{children:[t.jsx(m.TooltipTrigger,{children:t.jsx("div",{className:e.default.status__circle})}),t.jsx(p.Tooltip,{children:s})]}):t.jsx("div",{className:e.default.status__circle}),t.jsx("div",{className:e.default.status__content,children:a})]})};exports.Status=j;

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

@@ -1,19 +1,21 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import n from "../../../../external/classnames/index.es.js";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import l from "../../../../external/classnames/index.es.js";
+import { warnDeprecated as d } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.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 { 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 }) }),
-      /* @__PURE__ */ t(u, { children: o })
+import { TooltipTrigger as u } from "../tooltip/tooltip-trigger.es.js";
+import { Tooltip as f } from "../tooltip/tooltip.es.js";
+const g = (o) => {
+  d("Community Status", "Use `StatusIndicator` from `@tedi-design-system/react/tedi` instead.");
+  const { children: a, type: i, className: m, tooltipContent: r, ...c } = o, n = l(s.status, m, s[`status--${i}`]);
+  return /* @__PURE__ */ e("div", { "data-name": "status", ...c, className: n, children: [
+    r ? /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t("div", { className: s.status__circle }) }),
+      /* @__PURE__ */ t(f, { children: r })
     ] }) : /* @__PURE__ */ t("div", { className: s.status__circle }),
-    /* @__PURE__ */ t("div", { className: s.status__content, children: e })
+    /* @__PURE__ */ t("div", { className: s.status__content, children: a })
   ] });
 };
 export {
-  x as Status
+  g as Status
 };

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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("../../../../external/classnames/index.cjs.js"),t=require("react"),V=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),b=require("./step.cjs.js"),g=require("./stepper.module.scss.cjs.js"),D=require("./stepper-context.cjs.js"),j=require("./stepper-nav.cjs.js"),I=require("../card/card.cjs.js"),R=require("../card/card-header/card-header.cjs.js"),z=require("../card/card-content/card-content.cjs.js"),B=a=>{V.warnDeprecated("Community Stepper","Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.");const{activeStep:n,defaultActiveStep:h,onActiveStepChange:s,allowStepLabelClick:d=!0,children:y,className:l,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]),p=t.Children.map(y,e=>t.isValidElement(e)&&e.type===b.Step?e:null),q=p==null?void 0:p.map((e,i)=>t.cloneElement(e,{key:i,index:i,...e.props})),x=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===b.Step).map((e,i)=>{const{label:E,completed:L,id:M,showCompletedIcon:H}=e.props;return{label:E,completed:!!L,index:i,id:M,showCompletedIcon:H}}),k=t.useMemo(()=>({activeStep:f,handleActiveStepChange:v,allowStepLabelClick:d}),[d,f,v]),w=P.default(g.default.stepper,l,{[g.default["stepper--card"]]:!!c}),A=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(I.Card,{padding:1.5,...e,"data-name":"stepper",className:w,children:[r.jsx(R.CardHeader,{padding:0,background:"white",children:r.jsx(j.StepperNav,{items:x(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(z.CardContent,{children:q})]})}return r.jsxs("div",{"data-name":"stepper",className:l,children:[r.jsx(j.StepperNav,{items:x(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),q]})};return r.jsx(D.StepperContext.Provider,{value:k,children:A()})};exports.Stepper=B;

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

@@ -1,50 +1,52 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import _ from "../../../../external/classnames/index.es.js";
+import I from "../../../../external/classnames/index.es.js";
 import t from "react";
-import { Step as k } from "./step.es.js";
-import y from "./stepper.module.scss.es.js";
-import { StepperContext as B } from "./stepper-context.es.js";
+import { warnDeprecated as _ } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Step as y } from "./step.es.js";
+import k from "./stepper.module.scss.es.js";
+import { StepperContext as z } from "./stepper-context.es.js";
 import { StepperNav as N } from "./stepper-nav.es.js";
-import { Card as H } from "../card/card.es.js";
-import { CardHeader as R } from "../card/card-header/card-header.es.js";
-import { CardContent as q } from "../card/card-content/card-content.es.js";
-const W = (a) => {
+import { Card as B } from "../card/card.es.js";
+import { CardHeader as D } from "../card/card-header/card-header.es.js";
+import { CardContent as R } from "../card/card-content/card-content.es.js";
+const Y = (a) => {
+  _("Community Stepper", "Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.");
   const {
     activeStep: r,
     defaultActiveStep: x,
     onActiveStepChange: n,
-    allowStepLabelClick: l = !0,
+    allowStepLabelClick: c = !0,
     children: A,
-    className: m,
+    className: l,
     ariaLabel: d,
     completedLabel: u,
     notCompletedLabel: f,
     card: p
-  } = a, [C, E] = t.useState(x || 0), s = t.useCallback(
+  } = a, [C, E] = t.useState(x || 0), i = t.useCallback(
     (e = a.activeStep) => typeof e < "u",
     [a.activeStep]
   ), S = t.useCallback(
     (e) => {
-      n == null || n(e), s(r) || E(e);
+      n == null || n(e), i(r) || E(e);
     },
-    [r, s, n]
+    [r, i, n]
   ), v = t.useMemo(
-    () => s(r) ? r : C,
-    [r, C, s]
-  ), i = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = i == null ? void 0 : i.map((e, c) => t.cloneElement(e, {
-    key: c,
-    index: c,
+    () => i(r) ? r : C,
+    [r, C, i]
+  ), m = t.Children.map(A, (e) => t.isValidElement(e) && e.type === y ? e : null), b = m == null ? void 0 : m.map((e, s) => t.cloneElement(e, {
+    key: s,
+    index: s,
     ...e.props
-  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, c) => {
-    const { label: V, completed: j, id: w, showCompletedIcon: I } = e.props;
-    return { label: V, completed: !!j, index: c, id: w, showCompletedIcon: I };
+  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === y).map((e, s) => {
+    const { label: P, completed: V, id: j, showCompletedIcon: H } = e.props;
+    return { label: P, completed: !!V, index: s, id: j, showCompletedIcon: H };
   }), L = t.useMemo(
-    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: l }),
-    [l, v, S]
-  ), M = _(y.stepper, m, {
-    [y["stepper--card"]]: !!p
-  }), P = () => p ? /* @__PURE__ */ g(H, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
-    /* @__PURE__ */ o(R, { padding: 0, background: "white", children: /* @__PURE__ */ o(
+    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: c }),
+    [c, v, S]
+  ), w = I(k.stepper, l, {
+    [k["stepper--card"]]: !!p
+  }), M = () => p ? /* @__PURE__ */ g(B, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: w, children: [
+    /* @__PURE__ */ o(D, { padding: 0, background: "white", children: /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -53,8 +55,8 @@ const W = (a) => {
         notCompletedLabel: f
       }
     ) }),
-    /* @__PURE__ */ o(q, { children: b })
-  ] }) : /* @__PURE__ */ g("div", { "data-name": "stepper", className: m, children: [
+    /* @__PURE__ */ o(R, { children: b })
+  ] }) : /* @__PURE__ */ g("div", { "data-name": "stepper", className: l, children: [
     /* @__PURE__ */ o(
       N,
       {
@@ -66,8 +68,8 @@ const W = (a) => {
     ),
     b
   ] });
-  return /* @__PURE__ */ o(B.Provider, { value: L, children: P() });
+  return /* @__PURE__ */ o(z.Provider, { value: L, children: M() });
 };
 export {
-  W as Stepper
+  Y as Stepper
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),We=require("../../../../external/@tanstack/react-table/build/lib/index.cjs.js"),Ze=require("../../../../external/classnames/index.cjs.js"),o=require("react"),Je=require("./components/pagination/pagination.cjs.js"),i=require("./components/table-filter/filter-fn.cjs.js"),Qe=require("./components/table-layout/table-layout.cjs.js"),u=require("./table.module.scss.cjs.js"),Xe=require("./table-context.cjs.js"),Ye=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),en=require("../../../tedi/providers/printing-provider/printing-provider.cjs.js"),nn=require("../card/card.cjs.js"),tn=require("../card/card-content/card-content.cjs.js"),d=require("../../../../external/@tanstack/table-core/build/lib/index.cjs.js"),J=1e4,Z=[];function on(c){const{getLabel:y}=Ye.useLabels(),{id:Q,data:l,columns:X,caption:Y,columnFilters:h,onColumnFiltersChange:R,cardProps:{padding:ee=0,...ne}={},hidePagination:g,defaultPagination:te={pageIndex:0,pageSize:g?J:10},pagination:a,manualPagination:oe=!!c.pagination,manualSorting:ie=!!c.sorting,manualFiltering:re=!!c.columnFilters,sorting:C,defaultSorting:le=[],defaultExpanded:ae={},autoResetPageIndex:se,onPaginationChange:x,onSortingChange:M,rowSelection:f,onRowSelectionChange:q,enableRowSelection:ue,defaultColumnVisibility:de={},columnVisibility:w,onColumnVisibilityChange:G,columnPinning:b,onColumnPinningChange:I,getRowId:ce,onRowClick:ge,defaultRowSelection:me,totalRows:P,renderSubComponent:pe,getRowCanExpand:he,groupRowsBy:s,renderGroupHeading:Ce,isLoading:fe=!1,isError:we=!1,placeholder:be,errorPlaceholder:Pe,loadingLabel:Fe=y("table.loading"),verticalAlign:Se="middle",enableFilters:ye=!1,enableSorting:Re=!0,hideRowBorder:E=!1,size:T="medium",hideCardBorder:V,...xe}=c,m=o.useMemo(()=>(l!=null&&l.length?l:Z)??Z,[l]),O=en.usePrint(),[{pageIndex:v,pageSize:j},Me]=o.useState(te),[D,qe]=o.useState(le),[K,Ge]=o.useState(ae),[N,Ie]=o.useState(me||{}),[A,Ee]=o.useState([]),[B,Te]=o.useState(de),[L,Ve]=o.useState({left:[],right:[]}),Oe=o.useMemo(()=>O?!0:K,[K,O]),_=o.useMemo(()=>a||{pageIndex:v,pageSize:j},[v,j,a]),$=o.useMemo(()=>C||D,[D,C]),k=o.useMemo(()=>h||A,[A,h]),z=o.useMemo(()=>f||N,[N,f]),H=o.useMemo(()=>w||B,[B,w]),U=o.useMemo(()=>b||L,[L,b]),ve=n=>{if(typeof n!="function")return;const e=n(_);a&&x?x(e):Me(e)},je=n=>{if(typeof n!="function")return;const e=n($);C&&M?M(e):qe(e)},De=n=>{if(typeof n!="function")return;const e=n(z);f&&q?q(e):Ie(e)},Ke=n=>{if(typeof n!="function")return;const e=n(k);h&&R?R(e):Ee(e)},Ne=n=>{if(typeof n!="function")return;const e=n(H);w&&G?G(e):Te(e)},Ae=n=>{if(typeof n!="function")return;const e=n(U);b&&I?I(e):Ve(e)},Be=o.useMemo(()=>{const n=(m==null?void 0:m.map(e=>typeof s=="string"?{...e,rowGroupKey:e[s]}:s?{...e,rowGroupKey:s(e)}:e))??[];return n.reduce((e,t)=>(t.rowGroupKey&&e.keys.includes(t.rowGroupKey)||(t.rowGroupKey?(e.keys=[...e.keys,t.rowGroupKey],e.list=[...e.list,...n.filter(S=>S.rowGroupKey===t.rowGroupKey)]):e.list=[...e.list,t]),e),{keys:[],list:[]}).list},[m,s]),p=We.useReactTable({data:Be,columns:X,state:{rowSelection:z,columnFilters:k,pagination:_,sorting:$,expanded:Oe,columnVisibility:H,columnPinning:U},manualSorting:ie,manualFiltering:re,pageCount:a&&P?Math.ceil(P/a.pageSize):void 0,autoResetPageIndex:se,onRowSelectionChange:De,enableRowSelection:ue,onExpandedChange:Ge,onPaginationChange:ve,onSortingChange:je,onColumnFiltersChange:Ke,onColumnVisibilityChange:Ne,onColumnPinningChange:Ae,getCoreRowModel:d.getCoreRowModel(),getSortedRowModel:d.getSortedRowModel(),getPaginationRowModel:d.getPaginationRowModel(),getFilteredRowModel:d.getFilteredRowModel(),getExpandedRowModel:d.getExpandedRowModel(),getRowCanExpand:he,getSubRows:n=>n.subRows,manualPagination:oe,enableFilters:ye,enableSorting:Re,getRowId:ce,filterFns:{text:(n,e,t)=>i.mapFilterFn(n,e,t,i.textFilterFn),select:(n,e,t)=>i.mapFilterFn(n,e,t,i.selectFilterFn),"multi-select":(n,e,t)=>i.mapFilterFn(n,e,t,i.multiSelectFilterFn),"date-range":(n,e,t)=>i.mapFilterFn(n,e,t,i.dateRangeFilterFn),"date-range-period":(n,e,t)=>i.mapFilterFn(n,e,t,i.dateRangePeriodFilterFn)}}),F=!!p.getFooterGroups().find(n=>!!n.headers.find(e=>e.column.columnDef.footer)),Le=!!(!V&&g&&!F),_e=!E&&F&&!g,$e=Ze.default(u.default.table,u.default[`table--vertical-align-${Se}`],u.default[`table--${T}`],{[u.default["table--hidden-bottom-border"]]:Le,[u.default["table--footer-bottom-border"]]:_e}),W=(n,e)=>{const{children:t=y(`table.${n}`),isNested:S=!0,icon:ke=n==="error"?"error":void 0,cardProps:{padding:ze=1,...He}={},...Ue}=e||{cardProps:{}};return{children:t,isNested:S,icon:ke,cardProps:{padding:ze,...He},...Ue}};return r.jsx(Xe.TableContext.Provider,{value:{table:p,id:Q,caption:Y,onRowClick:ge,renderSubComponent:pe,isFooterVisible:F,renderGroupHeading:Ce,placeholder:W("empty",be),errorPlaceholder:W("error",Pe),loadingLabel:Fe,isLoading:fe,isError:we,hideRowBorder:E,size:T},children:r.jsx(nn.Card,{"data-name":"table",...xe,borderless:V,padding:ee,...ne,children:r.jsxs(tn.CardContent,{children:[r.jsx("div",{className:$e,children:r.jsx(Qe.default,{})}),!g&&p&&r.jsx(Je.default,{totalRows:P||p.getFilteredRowModel().rows.length})]})})})}exports.PAGE_SIZE_WITHOUT_PAGINATION=J;exports.Table=on;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),We=require("../../../../external/@tanstack/react-table/build/lib/index.cjs.js"),Ze=require("../../../../external/classnames/index.cjs.js"),o=require("react"),Je=require("./components/pagination/pagination.cjs.js"),i=require("./components/table-filter/filter-fn.cjs.js"),Qe=require("./components/table-layout/table-layout.cjs.js"),u=require("./table.module.scss.cjs.js"),Xe=require("./table-context.cjs.js"),Ye=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),en=require("../../../tedi/providers/printing-provider/printing-provider.cjs.js"),d=require("../../../../external/@tanstack/table-core/build/lib/index.cjs.js"),nn=require("../card/card.cjs.js"),tn=require("../card/card-content/card-content.cjs.js"),J=1e4,Z=[];function on(c){const{getLabel:y}=Ye.useLabels(),{id:Q,data:l,columns:X,caption:Y,columnFilters:h,onColumnFiltersChange:R,cardProps:{padding:ee=0,...ne}={},hidePagination:g,defaultPagination:te={pageIndex:0,pageSize:g?J:10},pagination:a,manualPagination:oe=!!c.pagination,manualSorting:ie=!!c.sorting,manualFiltering:re=!!c.columnFilters,sorting:C,defaultSorting:le=[],defaultExpanded:ae={},autoResetPageIndex:se,onPaginationChange:x,onSortingChange:M,rowSelection:f,onRowSelectionChange:q,enableRowSelection:ue,defaultColumnVisibility:de={},columnVisibility:w,onColumnVisibilityChange:G,columnPinning:b,onColumnPinningChange:I,getRowId:ce,onRowClick:ge,defaultRowSelection:me,totalRows:P,renderSubComponent:pe,getRowCanExpand:he,groupRowsBy:s,renderGroupHeading:Ce,isLoading:fe=!1,isError:we=!1,placeholder:be,errorPlaceholder:Pe,loadingLabel:Fe=y("table.loading"),verticalAlign:Se="middle",enableFilters:ye=!1,enableSorting:Re=!0,hideRowBorder:E=!1,size:T="medium",hideCardBorder:V,...xe}=c,m=o.useMemo(()=>(l!=null&&l.length?l:Z)??Z,[l]),O=en.usePrint(),[{pageIndex:v,pageSize:j},Me]=o.useState(te),[D,qe]=o.useState(le),[K,Ge]=o.useState(ae),[N,Ie]=o.useState(me||{}),[A,Ee]=o.useState([]),[B,Te]=o.useState(de),[L,Ve]=o.useState({left:[],right:[]}),Oe=o.useMemo(()=>O?!0:K,[K,O]),_=o.useMemo(()=>a||{pageIndex:v,pageSize:j},[v,j,a]),$=o.useMemo(()=>C||D,[D,C]),k=o.useMemo(()=>h||A,[A,h]),z=o.useMemo(()=>f||N,[N,f]),H=o.useMemo(()=>w||B,[B,w]),U=o.useMemo(()=>b||L,[L,b]),ve=n=>{if(typeof n!="function")return;const e=n(_);a&&x?x(e):Me(e)},je=n=>{if(typeof n!="function")return;const e=n($);C&&M?M(e):qe(e)},De=n=>{if(typeof n!="function")return;const e=n(z);f&&q?q(e):Ie(e)},Ke=n=>{if(typeof n!="function")return;const e=n(k);h&&R?R(e):Ee(e)},Ne=n=>{if(typeof n!="function")return;const e=n(H);w&&G?G(e):Te(e)},Ae=n=>{if(typeof n!="function")return;const e=n(U);b&&I?I(e):Ve(e)},Be=o.useMemo(()=>{const n=(m==null?void 0:m.map(e=>typeof s=="string"?{...e,rowGroupKey:e[s]}:s?{...e,rowGroupKey:s(e)}:e))??[];return n.reduce((e,t)=>(t.rowGroupKey&&e.keys.includes(t.rowGroupKey)||(t.rowGroupKey?(e.keys=[...e.keys,t.rowGroupKey],e.list=[...e.list,...n.filter(S=>S.rowGroupKey===t.rowGroupKey)]):e.list=[...e.list,t]),e),{keys:[],list:[]}).list},[m,s]),p=We.useReactTable({data:Be,columns:X,state:{rowSelection:z,columnFilters:k,pagination:_,sorting:$,expanded:Oe,columnVisibility:H,columnPinning:U},manualSorting:ie,manualFiltering:re,pageCount:a&&P?Math.ceil(P/a.pageSize):void 0,autoResetPageIndex:se,onRowSelectionChange:De,enableRowSelection:ue,onExpandedChange:Ge,onPaginationChange:ve,onSortingChange:je,onColumnFiltersChange:Ke,onColumnVisibilityChange:Ne,onColumnPinningChange:Ae,getCoreRowModel:d.getCoreRowModel(),getSortedRowModel:d.getSortedRowModel(),getPaginationRowModel:d.getPaginationRowModel(),getFilteredRowModel:d.getFilteredRowModel(),getExpandedRowModel:d.getExpandedRowModel(),getRowCanExpand:he,getSubRows:n=>n.subRows,manualPagination:oe,enableFilters:ye,enableSorting:Re,getRowId:ce,filterFns:{text:(n,e,t)=>i.mapFilterFn(n,e,t,i.textFilterFn),select:(n,e,t)=>i.mapFilterFn(n,e,t,i.selectFilterFn),"multi-select":(n,e,t)=>i.mapFilterFn(n,e,t,i.multiSelectFilterFn),"date-range":(n,e,t)=>i.mapFilterFn(n,e,t,i.dateRangeFilterFn),"date-range-period":(n,e,t)=>i.mapFilterFn(n,e,t,i.dateRangePeriodFilterFn)}}),F=!!p.getFooterGroups().find(n=>!!n.headers.find(e=>e.column.columnDef.footer)),Le=!!(!V&&g&&!F),_e=!E&&F&&!g,$e=Ze.default(u.default.table,u.default[`table--vertical-align-${Se}`],u.default[`table--${T}`],{[u.default["table--hidden-bottom-border"]]:Le,[u.default["table--footer-bottom-border"]]:_e}),W=(n,e)=>{const{children:t=y(`table.${n}`),isNested:S=!0,icon:ke=n==="error"?"error":void 0,cardProps:{padding:ze=1,...He}={},...Ue}=e||{cardProps:{}};return{children:t,isNested:S,icon:ke,cardProps:{padding:ze,...He},...Ue}};return r.jsx(Xe.TableContext.Provider,{value:{table:p,id:Q,caption:Y,onRowClick:ge,renderSubComponent:pe,isFooterVisible:F,renderGroupHeading:Ce,placeholder:W("empty",be),errorPlaceholder:W("error",Pe),loadingLabel:Fe,isLoading:fe,isError:we,hideRowBorder:E,size:T},children:r.jsx(nn.Card,{"data-name":"table",...xe,borderless:V,padding:ee,...ne,children:r.jsxs(tn.CardContent,{children:[r.jsx("div",{className:$e,children:r.jsx(Qe.default,{})}),!g&&p&&r.jsx(Je.default,{totalRows:P||p.getFilteredRowModel().rows.length})]})})})}exports.PAGE_SIZE_WITHOUT_PAGINATION=J;exports.Table=on;