@tedi-design-system/react 19.1.0-rc.9 → 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/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
 };