@tedi-design-system/react 19.1.0-rc.2 → 19.1.0-rc.20

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;

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

@@ -9,9 +9,9 @@ import d from "./table.module.scss.es.js";
 import { TableContext as no } from "./table-context.es.js";
 import { useLabels as to } from "../../../tedi/providers/label-provider/use-labels.es.js";
 import { usePrint as io } from "../../../tedi/providers/printing-provider/printing-provider.es.js";
-import { Card as ro } from "../card/card.es.js";
-import { CardContent as lo } from "../card/card-content/card-content.es.js";
-import { getExpandedRowModel as ao, getFilteredRowModel as so, getPaginationRowModel as uo, getSortedRowModel as go, getCoreRowModel as co } from "../../../../external/@tanstack/table-core/build/lib/index.es.js";
+import { getExpandedRowModel as ro, getFilteredRowModel as lo, getPaginationRowModel as ao, getSortedRowModel as so, getCoreRowModel as uo } from "../../../../external/@tanstack/table-core/build/lib/index.es.js";
+import { Card as go } from "../card/card.es.js";
+import { CardContent as co } from "../card/card-content/card-content.es.js";
 const mo = 1e4, Z = [];
 function Eo(u) {
   const { getLabel: y } = to(), {
@@ -123,11 +123,11 @@ function Eo(u) {
     onColumnFiltersChange: Ne,
     onColumnVisibilityChange: Oe,
     onColumnPinningChange: Te,
-    getCoreRowModel: co(),
-    getSortedRowModel: go(),
-    getPaginationRowModel: uo(),
-    getFilteredRowModel: so(),
-    getExpandedRowModel: ao(),
+    getCoreRowModel: uo(),
+    getSortedRowModel: so(),
+    getPaginationRowModel: ao(),
+    getFilteredRowModel: lo(),
+    getExpandedRowModel: ro(),
     getRowCanExpand: me,
     getSubRows: (o) => o.subRows,
     manualPagination: oe,
@@ -181,7 +181,7 @@ function Eo(u) {
         hideRowBorder: V,
         size: I
       },
-      children: /* @__PURE__ */ a(ro, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(lo, { children: [
+      children: /* @__PURE__ */ a(go, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(co, { children: [
         /* @__PURE__ */ a("div", { className: ze, children: /* @__PURE__ */ a(oo, {}) }),
         !g && m && /* @__PURE__ */ a(qe, { totalRows: P || m.getFilteredRowModel().rows.length })
       ] }) })

package/src/community/components/table-of-contents/table-of-contents.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),b=require("../../../tedi/components/misc/affix/affix.cjs.js"),f=require("../../../tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),C=require("../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),x=require("./table-of-contents-items.cjs.js"),h=require("./table-of-contents-modal.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),j=require("../../helpers/hooks/use-layout.cjs.js"),O=require("../card/card.cjs.js"),m=require("../card/card-content/card-content.cjs.js"),i=d.createContext({openItems:void 0,showIcons:void 0}),T=n=>{const{getLabel:r}=q.useLabels(),{breakToMobile:c=["mobile"],heading:o=r("table-of-contents.title"),hideOnScroll:l=!0}=n,t=j.default(c),{showIcons:a,openItems:u,...s}=n;return e.jsx(i.Provider,{value:{openItems:u,showIcons:a},children:e.jsx(b.Affix,{right:0,left:0,bottom:t?0:1.5,top:t?"unset":1.5,position:t?"fixed":"sticky",children:e.jsx(C.StretchContent,{children:t?e.jsx(f.ScrollVisibility,{animationDirection:"down",enabled:l,children:e.jsx(h.TableOfContentsModal,{...s,heading:o})}):e.jsx(O.Card,{children:e.jsx(m.CardContent,{children:e.jsx(x.TableOfContentsItems,{...s,heading:o})})})})})})};exports.TableOfContents=T;exports.TableOfContentsContext=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),b=require("../../../tedi/components/misc/affix/affix.cjs.js"),f=require("../../../tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),C=require("../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),x=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),h=require("./table-of-contents-items.cjs.js"),m=require("./table-of-contents-modal.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),O=require("../../helpers/hooks/use-layout.cjs.js"),j=require("../card/card.cjs.js"),T=require("../card/card-content/card-content.cjs.js"),r=u.createContext({openItems:void 0,showIcons:void 0}),y=n=>{x.warnDeprecated("Community TableOfContents","Use TableOfContents from `@tedi-design-system/react/tedi` instead.");const{getLabel:i}=q.useLabels(),{breakToMobile:c=["mobile"],heading:o=i("table-of-contents.title"),hideOnScroll:l=!0}=n,t=O.default(c),{showIcons:a,openItems:d,...s}=n;return e.jsx(r.Provider,{value:{openItems:d,showIcons:a},children:e.jsx(b.Affix,{right:0,left:0,bottom:t?0:1.5,top:t?"unset":1.5,position:t?"fixed":"sticky",children:e.jsx(C.StretchContent,{children:t?e.jsx(f.ScrollVisibility,{animationDirection:"down",enabled:l,children:e.jsx(m.TableOfContentsModal,{...s,heading:o})}):e.jsx(j.Card,{children:e.jsx(T.CardContent,{children:e.jsx(h.TableOfContentsItems,{...s,heading:o})})})})})})};exports.TableOfContents=y;exports.TableOfContentsContext=r;

package/src/community/components/table-of-contents/table-of-contents.es.js

@@ -1,32 +1,34 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "react";
-import { Affix as f } from "../../../tedi/components/misc/affix/affix.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import f from "react";
+import { Affix as c } from "../../../tedi/components/misc/affix/affix.es.js";
 import { ScrollVisibility as d } from "../../../tedi/components/misc/scroll-visibility/scroll-visibility.es.js";
 import { StretchContent as b } from "../../../tedi/components/misc/stretch-content/stretch-content.es.js";
-import { TableOfContentsItems as p } from "./table-of-contents-items.es.js";
+import { warnDeprecated as p } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { TableOfContentsItems as C } from "./table-of-contents-items.es.js";
 import { TableOfContentsModal as h } from "./table-of-contents-modal.es.js";
-import { useLabels as C } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import u from "../../helpers/hooks/use-layout.es.js";
-import { Card as x } from "../card/card.es.js";
-import { CardContent as I } from "../card/card-content/card-content.es.js";
-const O = a.createContext({
+import { useLabels as u } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import O from "../../helpers/hooks/use-layout.es.js";
+import { Card as T } from "../card/card.es.js";
+import { CardContent as x } from "../card/card-content/card-content.es.js";
+const y = f.createContext({
   openItems: void 0,
   showIcons: void 0
-}), A = (e) => {
-  const { getLabel: i } = C(), { breakToMobile: m = ["mobile"], heading: r = i("table-of-contents.title"), hideOnScroll: l = !0 } = e, t = u(m), { showIcons: s, openItems: c, ...n } = e;
-  return /* @__PURE__ */ o(O.Provider, { value: { openItems: c, showIcons: s }, children: /* @__PURE__ */ o(
-    f,
+}), P = (e) => {
+  p("Community TableOfContents", "Use TableOfContents from `@tedi-design-system/react/tedi` instead.");
+  const { getLabel: i } = u(), { breakToMobile: m = ["mobile"], heading: n = i("table-of-contents.title"), hideOnScroll: s = !0 } = e, o = O(m), { showIcons: l, openItems: a, ...r } = e;
+  return /* @__PURE__ */ t(y.Provider, { value: { openItems: a, showIcons: l }, children: /* @__PURE__ */ t(
+    c,
     {
       right: 0,
       left: 0,
-      bottom: t ? 0 : 1.5,
-      top: t ? "unset" : 1.5,
-      position: t ? "fixed" : "sticky",
-      children: /* @__PURE__ */ o(b, { children: t ? /* @__PURE__ */ o(d, { animationDirection: "down", enabled: l, children: /* @__PURE__ */ o(h, { ...n, heading: r }) }) : /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(p, { ...n, heading: r }) }) }) })
+      bottom: o ? 0 : 1.5,
+      top: o ? "unset" : 1.5,
+      position: o ? "fixed" : "sticky",
+      children: /* @__PURE__ */ t(b, { children: o ? /* @__PURE__ */ t(d, { animationDirection: "down", enabled: s, children: /* @__PURE__ */ t(h, { ...r, heading: n }) }) : /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(C, { ...r, heading: n }) }) }) })
     }
   ) });
 };
 export {
-  A as TableOfContents,
-  O as TableOfContentsContext
+  P as TableOfContents,
+  y as TableOfContentsContext
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),N=require("../../../../tedi/components/misc/print/print.cjs.js"),P=require("../tabs-context.cjs.js"),A=require("../tabs-item/tabs-item.cjs.js"),D=require("../tabs-nav/tabs-nav.cjs.js"),x=require("./tabs.module.scss.cjs.js"),E=require("../../../../tedi/providers/printing-provider/printing-provider.cjs.js"),R=r=>{const I=E.usePrint(),{defaultCurrentTab:y,onTabChange:d,className:m,children:g,hideNavOnPrint:h="show"}=r,[C,q]=f.useState(y||""),v=(e=r.currentTab)=>!!r.onTabChange&&typeof e<"u",a=v(r.currentTab)?r.currentTab:C,u=e=>{a!==e&&(v()||q(e),d==null||d(e))},i=f.Children.toArray(r.children).filter(e=>f.isValidElement(e)&&e.type===A.TabsItem).map(e=>e.props),j=e=>{var n,o;const l=i.findIndex(b=>{var T;return b.id===((T=e.currentTarget)==null?void 0:T.id)}),s=l!==-1?l:0;let t=-1;switch(e.key){case" ":e.preventDefault(),u((n=e.currentTarget)==null?void 0:n.id);break;case"ArrowLeft":s===0?t=i.length-1:t=s-1;break;case"ArrowRight":s===i.length-1?t=0:t=s+1;break;case"Home":t=0;break;case"End":t=i.length-1;break}t!==-1&&(e.preventDefault(),(o=document.getElementById(i[t].id))==null||o.focus())},k=i.map((e,l)=>{const{children:s,label:t,id:n,...o}=e;return{...o,id:n,isActive:a===n,onClick:b=>{b.preventDefault(),u(n)},onKeyDown:j,children:t,href:`#${n}`,role:"tab",tabIndex:!a&&l===0||a===n?void 0:-1,"aria-controls":`${n}-panel`,"aria-label":t,"aria-selected":a===n}});return c.jsx(P.TabsContext.Provider,{value:{currentTab:a,setCurrentTab:u},children:c.jsxs("div",{"data-name":"tabs",className:I&&h==="hide"?m:w.default(x.default.tabs,m),children:[c.jsx(N.Print,{visibility:h,children:c.jsx(D.TabsNav,{items:k,"aria-labelledby":r["aria-labelledby"]})}),c.jsx("div",{className:x.default.tabs__content,children:g})]})})};exports.Tabs=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),D=require("../../../../tedi/components/misc/print/print.cjs.js"),N=require("../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),P=require("../tabs-context.cjs.js"),A=require("../tabs-item/tabs-item.cjs.js"),p=require("../tabs-nav/tabs-nav.cjs.js"),x=require("./tabs.module.scss.cjs.js"),E=require("../../../../tedi/providers/printing-provider/printing-provider.cjs.js"),R=n=>{N.warnDeprecated("Community Tabs","Use Tabs from `@tedi-design-system/react/tedi` instead.");const y=E.usePrint(),{defaultCurrentTab:I,onTabChange:o,className:f,children:g,hideNavOnPrint:h="show"}=n,[C,q]=m.useState(I||""),v=(e=n.currentTab)=>!!n.onTabChange&&typeof e<"u",a=v(n.currentTab)?n.currentTab:C,u=e=>{a!==e&&(v()||q(e),o==null||o(e))},s=m.Children.toArray(n.children).filter(e=>m.isValidElement(e)&&e.type===A.TabsItem).map(e=>e.props),w=e=>{var r,d;const l=s.findIndex(b=>{var T;return b.id===((T=e.currentTarget)==null?void 0:T.id)}),i=l!==-1?l:0;let t=-1;switch(e.key){case" ":e.preventDefault(),u((r=e.currentTarget)==null?void 0:r.id);break;case"ArrowLeft":i===0?t=s.length-1:t=i-1;break;case"ArrowRight":i===s.length-1?t=0:t=i+1;break;case"Home":t=0;break;case"End":t=s.length-1;break}t!==-1&&(e.preventDefault(),(d=document.getElementById(s[t].id))==null||d.focus())},j=s.map((e,l)=>{const{children:i,label:t,id:r,...d}=e;return{...d,id:r,isActive:a===r,onClick:b=>{b.preventDefault(),u(r)},onKeyDown:w,children:t,href:`#${r}`,role:"tab",tabIndex:!a&&l===0||a===r?void 0:-1,"aria-controls":`${r}-panel`,"aria-label":t,"aria-selected":a===r}});return c.jsx(P.TabsContext.Provider,{value:{currentTab:a,setCurrentTab:u},children:c.jsxs("div",{"data-name":"tabs",className:y&&h==="hide"?f:k.default(x.default.tabs,f),children:[c.jsx(D.Print,{visibility:h,children:c.jsx(p.TabsNav,{items:j,"aria-labelledby":n["aria-labelledby"]})}),c.jsx("div",{className:x.default.tabs__content,children:g})]})})};exports.Tabs=R;

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

@@ -1,20 +1,22 @@
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import A from "../../../../../external/classnames/index.es.js";
-import u from "react";
-import { Print as D } from "../../../../tedi/components/misc/print/print.es.js";
-import { TabsContext as P } from "../tabs-context.es.js";
-import { TabsItem as _ } from "../tabs-item/tabs-item.es.js";
-import { TabsNav as E } from "../tabs-nav/tabs-nav.es.js";
-import I from "./tabs.module.scss.es.js";
-import { usePrint as j } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
-const q = (n) => {
-  const y = j(), { defaultCurrentTab: x, onTabChange: d, className: f, children: C, hideNavOnPrint: h = "show" } = n, [g, p] = u.useState(x || ""), v = (e = n.currentTab) => !!n.onTabChange && typeof e < "u", a = v(n.currentTab) ? n.currentTab : g, m = (e) => {
-    a !== e && (v() || p(e), d == null || d(e));
-  }, i = u.Children.toArray(n.children).filter((e) => u.isValidElement(e) && e.type === _).map((e) => e.props), k = (e) => {
-    var r, l;
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import D from "../../../../../external/classnames/index.es.js";
+import f from "react";
+import { Print as A } from "../../../../tedi/components/misc/print/print.es.js";
+import { warnDeprecated as P } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { TabsContext as _ } from "../tabs-context.es.js";
+import { TabsItem as E } from "../tabs-item/tabs-item.es.js";
+import { TabsNav as j } from "../tabs-nav/tabs-nav.es.js";
+import y from "./tabs.module.scss.es.js";
+import { usePrint as K } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
+const z = (n) => {
+  P("Community Tabs", "Use Tabs from `@tedi-design-system/react/tedi` instead.");
+  const I = K(), { defaultCurrentTab: p, onTabChange: d, className: u, children: C, hideNavOnPrint: h = "show" } = n, [g, x] = f.useState(p || ""), T = (e = n.currentTab) => !!n.onTabChange && typeof e < "u", a = T(n.currentTab) ? n.currentTab : g, m = (e) => {
+    a !== e && (T() || x(e), d == null || d(e));
+  }, i = f.Children.toArray(n.children).filter((e) => f.isValidElement(e) && e.type === E).map((e) => e.props), w = (e) => {
+    var r, c;
     const o = i.findIndex((b) => {
-      var T;
-      return b.id === ((T = e.currentTarget) == null ? void 0 : T.id);
+      var v;
+      return b.id === ((v = e.currentTarget) == null ? void 0 : v.id);
     }), s = o !== -1 ? o : 0;
     let t = -1;
     switch (e.key) {
@@ -34,17 +36,17 @@ const q = (n) => {
         t = i.length - 1;
         break;
     }
-    t !== -1 && (e.preventDefault(), (l = document.getElementById(i[t].id)) == null || l.focus());
-  }, w = i.map((e, o) => {
-    const { children: s, label: t, id: r, ...l } = e;
+    t !== -1 && (e.preventDefault(), (c = document.getElementById(i[t].id)) == null || c.focus());
+  }, k = i.map((e, o) => {
+    const { children: s, label: t, id: r, ...c } = e;
     return {
-      ...l,
+      ...c,
       id: r,
       isActive: a === r,
       onClick: (b) => {
         b.preventDefault(), m(r);
       },
-      onKeyDown: k,
+      onKeyDown: w,
       children: t,
       href: `#${r}`,
       role: "tab",
@@ -54,8 +56,8 @@ const q = (n) => {
       "aria-selected": a === r
     };
   });
-  return /* @__PURE__ */ c(
-    P.Provider,
+  return /* @__PURE__ */ l(
+    _.Provider,
     {
       value: {
         currentTab: a,
@@ -65,10 +67,10 @@ const q = (n) => {
         "div",
         {
           "data-name": "tabs",
-          className: y && h === "hide" ? f : A(I.tabs, f),
+          className: I && h === "hide" ? u : D(y.tabs, u),
           children: [
-            /* @__PURE__ */ c(D, { visibility: h, children: /* @__PURE__ */ c(E, { items: w, "aria-labelledby": n["aria-labelledby"] }) }),
-            /* @__PURE__ */ c("div", { className: I.tabs__content, children: C })
+            /* @__PURE__ */ l(A, { visibility: h, children: /* @__PURE__ */ l(j, { items: k, "aria-labelledby": n["aria-labelledby"] }) }),
+            /* @__PURE__ */ l("div", { className: y.tabs__content, children: C })
           ]
         }
       )
@@ -76,5 +78,5 @@ const q = (n) => {
   );
 };
 export {
-  q as Tabs
+  z as Tabs
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),p=r=>{const{className:c,children:s,isCompact:l}=r,a=o.default(t.default.stepper,c,{[t.default["stepper--compact"]]:l});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:a,children:s})})};exports.VerticalStepper=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),n=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),l=r=>{n.warnDeprecated("Community VerticalStepper","Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");const{className:c,children:s,isCompact:a}=r,i=p.default(t.default.stepper,c,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:i,children:s})})};exports.VerticalStepper=l;