@tedi-design-system/react 17.0.0 → 17.1.0-rc.10

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

@@ -1,19 +1,20 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import n from "../../../../external/classnames/index.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 { TooltipProvider as d } from "../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as p } 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 }) }),
+  const { children: e, type: i, className: c, tooltipContent: o, ...l } = a, m = n(s.status, c, s[`status--${i}`]);
+  return /* @__PURE__ */ r("div", { "data-name": "status", ...l, className: m, children: [
+    o ? /* @__PURE__ */ r(d, { children: [
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { className: s.status__circle }) }),
       /* @__PURE__ */ t(u, { children: o })
     ] }) : /* @__PURE__ */ t("div", { className: s.status__circle }),
     /* @__PURE__ */ t("div", { className: s.status__content, children: e })
   ] });
 };
 export {
-  x as Status
+  x as Status,
+  x as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),f=v=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:b,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=v,h=A.default(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:C,showCompletedIcon:d}=e,r=n===i,q=n<=i,u=S(e),y=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:q},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:y,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":C,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":b,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;

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

@@ -5,7 +5,7 @@ import { Icon as j } from "../../../tedi/components/base/icon/icon.es.js";
 import t from "./stepper.module.scss.es.js";
 import { StepperContext as k } from "./stepper-context.es.js";
 import { useLabels as A } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import B from "../../helpers/hooks/use-layout.es.js";
+import { useLayout as B } from "../../helpers/hooks/use-layout.es.js";
 const J = (b) => {
   const { getLabel: c } = A(), {
     items: m,

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.defineProperties(exports,{__esModule:{value:!0},[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-header/card-header.cjs.js"),R=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),i=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,l)=>t.cloneElement(e,{key:l,index:l,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,l)=>{const{label:L,completed:P,id:V,showCompletedIcon:_}=e.props;return{label:L,completed:!!P,index:l,id:V,showCompletedIcon:_}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(R.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(I.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:M,children:E()})};exports.Stepper=h;exports.default=h;

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

@@ -5,15 +5,15 @@ 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 { 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 { CardHeader as H } from "../card/card-header/card-header.es.js";
+import { Card as R } from "../card/card.es.js";
 import { CardContent as q } from "../card/card-content/card-content.es.js";
 const W = (a) => {
   const {
     activeStep: r,
     defaultActiveStep: x,
     onActiveStepChange: n,
-    allowStepLabelClick: l = !0,
+    allowStepLabelClick: i = !0,
     children: A,
     className: m,
     ariaLabel: d,
@@ -31,20 +31,20 @@ const W = (a) => {
   ), 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,
+  ), c = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = c == null ? void 0 : c.map((e, l) => t.cloneElement(e, {
+    key: l,
+    index: l,
     ...e.props
-  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, c) => {
+  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, l) => {
     const { label: V, completed: j, id: w, showCompletedIcon: I } = e.props;
-    return { label: V, completed: !!j, index: c, id: w, showCompletedIcon: I };
+    return { label: V, completed: !!j, index: l, id: w, showCompletedIcon: I };
   }), L = t.useMemo(
-    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: l }),
-    [l, v, S]
+    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: i }),
+    [i, 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(
+  }), P = () => p ? /* @__PURE__ */ g(R, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
+    /* @__PURE__ */ o(H, { padding: 0, background: "white", children: /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -69,5 +69,6 @@ const W = (a) => {
   return /* @__PURE__ */ o(B.Provider, { value: L, children: P() });
 };
 export {
-  W as Stepper
+  W as Stepper,
+  W as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../form/select/select.cjs.js"),m=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=s=>{const{getLabel:i}=L.useLabels(),{table:r,id:u}=h.useContext(m.TableContext),c=i("pagination.results",s.totalRows),{setPageSize:g,getState:d,getPageCount:p}=r,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],f=Math.ceil(s.totalRows/n),{paginationItems:v}=C.default({page:b+1,count:f}),x=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},q=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},P=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsxs(j.Text,{color:"secondary",modifiers:"small",children:[s.totalRows," ",c]}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":i("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:v.map((e,t)=>P(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:i("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>q(e),value:x,size:"small",options:o})]})};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../form/select/select.cjs.js"),m=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=i=>{const{getLabel:s}=L.useLabels(),{table:r,id:u}=h.useContext(m.TableContext),c=s("pagination.results",i.totalRows),{setPageSize:g,getState:d,getPageCount:p}=r,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],v=Math.ceil(i.totalRows/n),{paginationItems:x}=C.usePagination({page:b+1,count:v}),f=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},P=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},q=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsx(j.Text,{color:"secondary",modifiers:"small",children:c}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":s("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:x.map((e,t)=>q(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:s("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,size:"small",options:o})]})};exports.default=N;

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

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
 import _ from "../../../../../../external/classnames/index.es.js";
 import x from "react";
 import { Text as y } from "../../../../../tedi/components/base/typography/text/text.es.js";
@@ -6,43 +6,39 @@ import { Select as z } from "../../../form/select/select.es.js";
 import { TableContext as N } from "../../table-context.es.js";
 import n from "./pagination.module.scss.es.js";
 import C from "./PaginationNextButton.es.js";
-import w from "./PaginationPageButton.es.js";
-import L from "./use-pagination.es.js";
-import { useLabels as R } from "../../../../../tedi/providers/label-provider/use-labels.es.js";
-const D = (i) => {
-  const { getLabel: o } = R(), { table: g, id: p } = x.useContext(N), c = o("pagination.results", i.totalRows), { setPageSize: u, getState: m, getPageCount: f } = g, { pageIndex: b, pageSize: l } = m().pagination, s = [
+import L from "./PaginationPageButton.es.js";
+import { usePagination as w } from "./use-pagination.es.js";
+import { useLabels as B } from "../../../../../tedi/providers/label-provider/use-labels.es.js";
+const D = (o) => {
+  const { getLabel: i } = B(), { table: r, id: g } = x.useContext(N), p = i("pagination.results", o.totalRows), { setPageSize: c, getState: u, getPageCount: m } = r, { pageIndex: f, pageSize: l } = u().pagination, s = [
     { value: "5", label: "5" },
     { value: "10", label: "10" },
     { value: "20", label: "20" },
     { value: "50", label: "50" },
     { value: "100", label: "100" }
-  ], d = Math.ceil(i.totalRows / l), { paginationItems: v } = L({
-    page: b + 1,
-    count: d
-  }), h = s.find((a) => a.value === String(l)) ?? {
+  ], b = Math.ceil(o.totalRows / l), { paginationItems: d } = w({
+    page: f + 1,
+    count: b
+  }), v = s.find((a) => a.value === String(l)) ?? {
     value: String(l),
     label: String(l)
-  }, P = (a) => {
+  }, h = (a) => {
     const e = parseInt((a == null ? void 0 : a.value) || "10");
-    u(e);
-  }, S = (a, e) => a.type === "previous" || a.type === "next" ? /* @__PURE__ */ t(C, { type: a.type }, e) : a.type === "ellipsis" ? /* @__PURE__ */ t("li", { className: _(n.pagination__page), children: "..." }, e) : /* @__PURE__ */ t(w, { item: a }, e);
-  return /* @__PURE__ */ r("div", { className: n.pagination__wrapper, children: [
-    /* @__PURE__ */ r(y, { color: "secondary", modifiers: "small", children: [
-      i.totalRows,
-      " ",
-      c
-    ] }),
-    f() > 1 && /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": o("pagination.title"), className: n.pagination, children: /* @__PURE__ */ t("ul", { className: n.pagination__pages, children: v.map((a, e) => S(a, e)) }) }),
+    c(e);
+  }, P = (a, e) => a.type === "previous" || a.type === "next" ? /* @__PURE__ */ t(C, { type: a.type }, e) : a.type === "ellipsis" ? /* @__PURE__ */ t("li", { className: _(n.pagination__page), children: "..." }, e) : /* @__PURE__ */ t(L, { item: a }, e);
+  return /* @__PURE__ */ S("div", { className: n.pagination__wrapper, children: [
+    /* @__PURE__ */ t(y, { color: "secondary", modifiers: "small", children: p }),
+    m() > 1 && /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": i("pagination.title"), className: n.pagination, children: /* @__PURE__ */ t("ul", { className: n.pagination__pages, children: d.map((a, e) => P(a, e)) }) }),
     /* @__PURE__ */ t(
       z,
       {
-        id: `page-size-${p}`,
-        label: o("pagination.page-size"),
+        id: `page-size-${g}`,
+        label: i("pagination.page-size"),
         hideLabel: !0,
         isSearchable: !1,
         isClearable: !1,
-        onChange: (a) => P(a),
-        value: h,
+        onChange: (a) => h(a),
+        value: v,
         size: "small",
         options: s
       }

package/src/community/components/table/components/table-filter/components/table-date-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),$=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../../button/button.cjs.js"),A=require("../table-filter-context.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),$=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../../button/button.cjs.js"),A=require("../table-filter-context.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;

package/src/community/components/table/components/table-filter/components/table-date-filter.es.js

@@ -6,9 +6,9 @@ import { object as x, string as T } from "../../../../../../../external/yup/inde
 import { Text as z } from "../../../../../../tedi/components/base/typography/text/text.es.js";
 import { Button as j } from "../../../../button/button.es.js";
 import { TableFilterContext as G } from "../table-filter-context.es.js";
+import { DatePicker as k } from "../../../../form/pickers/datepicker/datepicker.es.js";
 import { useLabels as H } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
 import { VerticalSpacing as J } from "../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-import { DatePicker as k } from "../../../../form/pickers/datepicker/datepicker.es.js";
 import { Row as K } from "../../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as B } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const re = () => {

package/src/community/components/table/components/table-filter/components/table-select-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),B=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),G=require("react"),N=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),F=require("../../../../button/button.cjs.js"),z=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),S=require("../../../table.module.scss.cjs.js"),H=require("../table-filter-context.cjs.js"),I=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),M=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),A=require("../../../../form/choice-group/choice-group.cjs.js"),E=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),q=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),y=s=>{var e,o;return(o=(e=s==null?void 0:s.filter(Boolean))==null?void 0:e.filter((i,r,l)=>(l==null?void 0:l.indexOf(i))===r))==null?void 0:o.sort((i,r)=>{var l;return typeof i=="number"&&typeof r=="number"?i-r:typeof i=="string"&&typeof r=="string"?(l=i==null?void 0:i.localeCompare)==null?void 0:l.call(i,r):0})},J=()=>{var m,C,j,x;const{getLabel:s}=I.useLabels(),{column:e,rows:o,setOpen:i,values:r}=G.useContext(H.TableFilterContext),l=s("table.filter"),f=(m=e==null?void 0:e.columnDef)==null?void 0:m.filterFn,c=f==="select"?"selectFilter":"multiSelectFilter",T={inputType:f,selectFilter:r==null?void 0:r.selectField,multiSelectFilter:r==null?void 0:r.multiSelectField},h=(C=e==null?void 0:e.columnDef)==null?void 0:C.meta,u=h==null?void 0:h.filterOptions,p=t=>typeof t=="object"&&t!==null&&"id"in t&&"label"in t&&"value"in t,k=o!=null&&o.length&&typeof((j=e==null?void 0:e.columnDef)==null?void 0:j.id)=="string"?o.map(t=>{var d,a;return(a=t==null?void 0:t.getValue)==null?void 0:a.call(t,(d=e==null?void 0:e.columnDef)==null?void 0:d.id)}):[],b=u!=null&&u.length?p(u[0])?u:y(u):y(k),R=b==null?void 0:b.map((t,d)=>{var a;return p(t)?t:{id:`${(a=e==null?void 0:e.columnDef)==null?void 0:a.id}-choice-${d}`,label:String(t),value:String(t)}}),{values:_,setFieldValue:D,handleReset:L,handleSubmit:$,errors:g}=B.useFormik({initialValues:T,onSubmit:t=>{var d;e==null||e.setFilterValue((d=t[c])!=null&&d.length?t[c]:""),i==null||i(!1)},onReset:()=>{e==null||e.setFilterValue(""),i==null||i(!1)}}),v=t=>D(c,t);return n.jsx("form",{onSubmit:$,children:n.jsxs(M.VerticalSpacing,{children:[n.jsx(N.Heading,{element:"h6",children:s("table.filter")}),n.jsx(z.Card,{className:S.default.filter__content,children:n.jsx(P.CardContent,{children:n.jsx(A.ChoiceGroup,{id:`filter-${c}-${e==null?void 0:e.id}`,name:l,label:l,hideLabel:!0,inputType:f==="select"?"radio":"checkbox",size:"small",value:_[c],indeterminateCheck:!0,indeterminateCheckProps:{indented:!1,className:S.default.filter__indeterminate},items:R,onChange:v,helper:((x=g[c])==null?void 0:x.length)!==0?{text:g[c],type:"error"}:{text:""}})})}),n.jsxs(E.Row,{gutter:2,justifyContent:"end",children:[n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{visualType:"secondary",onClick:L,children:s("clear")})}),n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{type:"submit",children:s("table.filter")})})]})]})})};exports.TableSelectFilter=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),B=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),G=require("react"),N=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),F=require("../../../../button/button.cjs.js"),z=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),S=require("../../../table.module.scss.cjs.js"),H=require("../table-filter-context.cjs.js"),I=require("../../../../form/choice-group/choice-group.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),E=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),q=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),y=s=>{var e,o;return(o=(e=s==null?void 0:s.filter(Boolean))==null?void 0:e.filter((i,r,l)=>(l==null?void 0:l.indexOf(i))===r))==null?void 0:o.sort((i,r)=>{var l;return typeof i=="number"&&typeof r=="number"?i-r:typeof i=="string"&&typeof r=="string"?(l=i==null?void 0:i.localeCompare)==null?void 0:l.call(i,r):0})},J=()=>{var m,C,j,x;const{getLabel:s}=M.useLabels(),{column:e,rows:o,setOpen:i,values:r}=G.useContext(H.TableFilterContext),l=s("table.filter"),f=(m=e==null?void 0:e.columnDef)==null?void 0:m.filterFn,c=f==="select"?"selectFilter":"multiSelectFilter",T={inputType:f,selectFilter:r==null?void 0:r.selectField,multiSelectFilter:r==null?void 0:r.multiSelectField},h=(C=e==null?void 0:e.columnDef)==null?void 0:C.meta,u=h==null?void 0:h.filterOptions,p=t=>typeof t=="object"&&t!==null&&"id"in t&&"label"in t&&"value"in t,k=o!=null&&o.length&&typeof((j=e==null?void 0:e.columnDef)==null?void 0:j.id)=="string"?o.map(t=>{var d,a;return(a=t==null?void 0:t.getValue)==null?void 0:a.call(t,(d=e==null?void 0:e.columnDef)==null?void 0:d.id)}):[],b=u!=null&&u.length?p(u[0])?u:y(u):y(k),R=b==null?void 0:b.map((t,d)=>{var a;return p(t)?t:{id:`${(a=e==null?void 0:e.columnDef)==null?void 0:a.id}-choice-${d}`,label:String(t),value:String(t)}}),{values:_,setFieldValue:D,handleReset:L,handleSubmit:$,errors:g}=B.useFormik({initialValues:T,onSubmit:t=>{var d;e==null||e.setFilterValue((d=t[c])!=null&&d.length?t[c]:""),i==null||i(!1)},onReset:()=>{e==null||e.setFilterValue(""),i==null||i(!1)}}),v=t=>D(c,t);return n.jsx("form",{onSubmit:$,children:n.jsxs(A.VerticalSpacing,{children:[n.jsx(N.Heading,{element:"h6",children:s("table.filter")}),n.jsx(z.Card,{className:S.default.filter__content,children:n.jsx(P.CardContent,{children:n.jsx(I.ChoiceGroup,{id:`filter-${c}-${e==null?void 0:e.id}`,name:l,label:l,hideLabel:!0,inputType:f==="select"?"radio":"checkbox",size:"small",value:_[c],indeterminateCheck:!0,indeterminateCheckProps:{indented:!1,className:S.default.filter__indeterminate},items:R,onChange:v,helper:((x=g[c])==null?void 0:x.length)!==0?{text:g[c],type:"error"}:{text:""}})})}),n.jsxs(E.Row,{gutter:2,justifyContent:"end",children:[n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{visualType:"secondary",onClick:L,children:s("clear")})}),n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{type:"submit",children:s("table.filter")})})]})]})})};exports.TableSelectFilter=J;

package/src/community/components/table/components/table-filter/components/table-select-filter.es.js

@@ -7,9 +7,9 @@ import { Card as I } from "../../../../card/card.es.js";
 import { CardContent as P } from "../../../../card/card-content/card-content.es.js";
 import k from "../../../table.module.scss.es.js";
 import { TableFilterContext as q } from "../table-filter-context.es.js";
-import { useLabels as A } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
-import { VerticalSpacing as E } from "../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-import { ChoiceGroup as J } from "../../../../form/choice-group/choice-group.es.js";
+import { ChoiceGroup as A } from "../../../../form/choice-group/choice-group.es.js";
+import { useLabels as E } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { VerticalSpacing as J } from "../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as K } from "../../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as x } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const D = (o) => {
@@ -20,7 +20,7 @@ const D = (o) => {
   });
 }, le = () => {
   var g, C, F, S;
-  const { getLabel: o } = A(), { column: e, rows: s, setOpen: i, values: r } = v.useContext(q), l = o("table.filter"), p = (g = e == null ? void 0 : e.columnDef) == null ? void 0 : g.filterFn, f = p === "select" ? "selectFilter" : "multiSelectFilter", R = {
+  const { getLabel: o } = E(), { column: e, rows: s, setOpen: i, values: r } = v.useContext(q), l = o("table.filter"), p = (g = e == null ? void 0 : e.columnDef) == null ? void 0 : g.filterFn, f = p === "select" ? "selectFilter" : "multiSelectFilter", R = {
     inputType: p,
     selectFilter: r == null ? void 0 : r.selectField,
     multiSelectFilter: r == null ? void 0 : r.multiSelectField
@@ -45,10 +45,10 @@ const D = (o) => {
       e == null || e.setFilterValue(""), i == null || i(!1);
     }
   }), B = (t) => $(f, t);
-  return /* @__PURE__ */ n("form", { onSubmit: z, children: /* @__PURE__ */ y(E, { children: [
+  return /* @__PURE__ */ n("form", { onSubmit: z, children: /* @__PURE__ */ y(J, { children: [
     /* @__PURE__ */ n(H, { element: "h6", children: o("table.filter") }),
     /* @__PURE__ */ n(I, { className: k.filter__content, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
-      J,
+      A,
       {
         id: `filter-${f}-${e == null ? void 0 : e.id}`,
         name: l,

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

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

@@ -7,14 +7,14 @@ import { mapFilterFn as s, dateRangePeriodFilterFn as Je, dateRangeFilterFn as Q
 import oo from "./components/table-layout/table-layout.es.js";
 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 { usePrint as to } from "../../../tedi/providers/printing-provider/printing-provider.es.js";
+import { getExpandedRowModel as io, getFilteredRowModel as ro, getPaginationRowModel as lo, getSortedRowModel as ao, getCoreRowModel as so } from "../../../../external/@tanstack/table-core/build/lib/index.es.js";
+import { useLabels as uo } from "../../../tedi/providers/label-provider/use-labels.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(), {
+  const { getLabel: y } = uo(), {
     id: q,
     data: i,
     columns: J,
@@ -66,7 +66,7 @@ function Eo(u) {
     size: I = "medium",
     hideCardBorder: D,
     ...Re
-  } = u, c = t.useMemo(() => (i != null && i.length ? i : Z) ?? Z, [i]), K = io(), [{ pageIndex: v, pageSize: B }, Fe] = t.useState(ee), [N, Me] = t.useState(ie), [O, xe] = t.useState(re), [T, Ge] = t.useState(ge || {}), [L, Ee] = t.useState([]), [k, Ve] = t.useState(se), [_, Ie] = t.useState({
+  } = u, c = t.useMemo(() => (i != null && i.length ? i : Z) ?? Z, [i]), K = to(), [{ pageIndex: v, pageSize: B }, Fe] = t.useState(ee), [N, Me] = t.useState(ie), [O, xe] = t.useState(re), [T, Ge] = t.useState(ge || {}), [L, Ee] = t.useState([]), [k, Ve] = t.useState(se), [_, Ie] = t.useState({
     left: [],
     right: []
   }), De = t.useMemo(() => K ? !0 : O, [O, K]), z = t.useMemo(() => r || { pageIndex: v, pageSize: B }, [v, B, r]), A = t.useMemo(() => f || N, [N, f]), $ = t.useMemo(() => p || L, [L, p]), j = t.useMemo(() => h || T, [T, h]), H = t.useMemo(() => C || k, [k, C]), U = t.useMemo(() => w || _, [_, w]), Ke = (o) => {
@@ -123,11 +123,11 @@ function Eo(u) {
     onColumnFiltersChange: Ne,
     onColumnVisibilityChange: Oe,
     onColumnPinningChange: Te,
-    getCoreRowModel: co(),
-    getSortedRowModel: go(),
-    getPaginationRowModel: uo(),
-    getFilteredRowModel: so(),
-    getExpandedRowModel: ao(),
+    getCoreRowModel: so(),
+    getSortedRowModel: ao(),
+    getPaginationRowModel: lo(),
+    getFilteredRowModel: ro(),
+    getExpandedRowModel: io(),
     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 })
       ] }) })
@@ -190,5 +190,6 @@ function Eo(u) {
 }
 export {
   mo as PAGE_SIZE_WITHOUT_PAGINATION,
-  Eo as Table
+  Eo as Table,
+  Eo as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),g=require("react-dom"),q=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../modal/modal-provider.cjs.js"),y=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:d}=s,u=j.default(c),m=a?!0:!u,{closeModal:n}=i.useContext(C.ModalContext),o=i.useId(),h=()=>{g.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(y.VerticalSpacing,{size:.5,className:d,children:[m&&t.jsx(q.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,f)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${f}`))})})]})};exports.TableOfContentsItems=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),q=require("react-dom"),f=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../modal/modal-provider.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:u}=s,d=y.useLayout(c),m=a?!0:!d,{closeModal:n}=i.useContext(j.ModalContext),o=i.useId(),h=()=>{q.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(C.VerticalSpacing,{size:.5,className:u,children:[m&&t.jsx(f.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,g)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${g}`))})})]})};exports.TableOfContentsItems=O;

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

@@ -3,12 +3,12 @@ import r from "react";
 import { flushSync as x } from "react-dom";
 import { Heading as C } from "../../../tedi/components/base/typography/heading/heading.es.js";
 import { TableOfContentsItem as g } from "./table-of-contents-item.es.js";
-import y from "../../helpers/hooks/use-layout.es.js";
-import { ModalContext as I } from "../modal/modal-provider.es.js";
+import { ModalContext as y } from "../modal/modal-provider.es.js";
+import { useLayout as I } from "../../helpers/hooks/use-layout.es.js";
 import { VerticalSpacing as T } from "../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as w } from "../../../tedi/components/layout/grid/row.es.js";
 const H = (m) => {
-  const { items: n, setReturnFocus: o, showIcons: l, heading: a, breakToMobile: s = ["mobile"], className: c } = m, f = y(s), d = l ? !0 : !f, { closeModal: t } = r.useContext(I), i = r.useId(), p = () => {
+  const { items: n, setReturnFocus: o, showIcons: l, heading: a, breakToMobile: s = ["mobile"], className: c } = m, f = I(s), d = l ? !0 : !f, { closeModal: t } = r.useContext(y), i = r.useId(), p = () => {
     x(() => {
       o == null || o(!1);
     }), t == null || t(), o == null || o(!0);

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

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

@@ -1,32 +1,33 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "react";
+import { jsx as t } from "react/jsx-runtime";
+import c from "react";
 import { Affix as f } 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 { 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 { useLabels as u } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLayout as C } 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({
+const O = c.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(
+  const { getLabel: i } = u(), { breakToMobile: l = ["mobile"], heading: r = i("table-of-contents.title"), hideOnScroll: m = !0 } = e, o = C(l), { showIcons: s, openItems: a, ...n } = e;
+  return /* @__PURE__ */ t(O.Provider, { value: { openItems: a, showIcons: s }, children: /* @__PURE__ */ t(
     f,
     {
       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: m, children: /* @__PURE__ */ t(h, { ...n, heading: r }) }) : /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(p, { ...n, heading: r }) }) }) })
     }
   ) });
 };
 export {
   A as TableOfContents,
-  O as TableOfContentsContext
+  O as TableOfContentsContext,
+  A as default
 };

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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),N=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),A=require("../tabs-context.cjs.js"),D=require("../tabs-item/tabs-item.cjs.js"),_=require("../tabs-nav/tabs-nav.cjs.js"),x=require("./tabs.module.scss.cjs.js"),E=require("../../../../tedi/providers/printing-provider/printing-provider.cjs.js"),I=r=>{const g=E.usePrint(),{defaultCurrentTab:y,onTabChange:u,className:m,children:C,hideNavOnPrint:v="show"}=r,[q,j]=f.useState(y||""),h=(e=r.currentTab)=>!!r.onTabChange&&typeof e<"u",a=h(r.currentTab)?r.currentTab:q,d=e=>{a!==e&&(h()||j(e),u==null||u(e))},s=f.Children.toArray(r.children).filter(e=>f.isValidElement(e)&&e.type===D.TabsItem).map(e=>e.props),k=e=>{var n,o;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(),d((n=e.currentTarget)==null?void 0:n.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(),(o=document.getElementById(s[t].id))==null||o.focus())},w=s.map((e,l)=>{const{children:i,label:t,id:n,...o}=e;return{...o,id:n,isActive:a===n,onClick:b=>{b.preventDefault(),d(n)},onKeyDown:k,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(A.TabsContext.Provider,{value:{currentTab:a,setCurrentTab:d},children:c.jsxs("div",{"data-name":"tabs",className:g&&v==="hide"?m:N.default(x.default.tabs,m),children:[c.jsx(P.Print,{visibility:v,children:c.jsx(_.TabsNav,{items:w,"aria-labelledby":r["aria-labelledby"]})}),c.jsx("div",{className:x.default.tabs__content,children:C})]})})};exports.Tabs=I;exports.default=I;

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

@@ -11,11 +11,11 @@ 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;
-    const o = i.findIndex((b) => {
+    var r, o;
+    const l = i.findIndex((b) => {
       var T;
       return b.id === ((T = e.currentTarget) == null ? void 0 : T.id);
-    }), s = o !== -1 ? o : 0;
+    }), s = l !== -1 ? l : 0;
     let t = -1;
     switch (e.key) {
       case " ":
@@ -34,11 +34,11 @@ 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(), (o = document.getElementById(i[t].id)) == null || o.focus());
+  }, w = i.map((e, l) => {
+    const { children: s, label: t, id: r, ...o } = e;
     return {
-      ...l,
+      ...o,
       id: r,
       isActive: a === r,
       onClick: (b) => {
@@ -48,7 +48,7 @@ const q = (n) => {
       children: t,
       href: `#${r}`,
       role: "tab",
-      tabIndex: !a && o === 0 || a === r ? void 0 : -1,
+      tabIndex: !a && l === 0 || a === r ? void 0 : -1,
       "aria-controls": `${r}-panel`,
       "aria-label": t,
       "aria-selected": a === r
@@ -76,5 +76,6 @@ const q = (n) => {
   );
 };
 export {
-  q as Tabs
+  q as Tabs,
+  q as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react/jsx-runtime"),e=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),G=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),j=require("../../../tedi/helpers/hooks/use-is-touch-device.cjs.js"),k=require("../../../tedi/helpers/hooks/use-is-mounted.cjs.js"),B=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),s=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),g=7,z=14,T=3,m=T+g,O=c.createContext({open:!1,isMounted:!1,openWith:"hover",reference:()=>null,floating:()=>null,focusManager:{},arrowRef:{current:null},x:null,y:null,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{x:0,y:0,centerOffset:0},placement:"top",context:{}}),J=l=>{const{getLabel:R}=G.useLabels(),v=j.useIsTouchDevice(),{children:h,placement:P="bottom",openWith:o=v?"click":"hover",defaultOpen:F=!1,open:r,onToggle:n,role:y="tooltip",offset:D=m}=l,{order:w=["reference","content"],modal:a=!1,initialFocus:I=-1,...i}=l.focusManager??{},{visuallyHiddenDismiss:_=a?R("close"):!1}=i??{},[x,M]=c.useState(F),u=c.useRef(null),f=n&&typeof r<"u"?r:x,b=p=>{typeof r>"u"&&M(p),n==null||n(p)},q=k.useIsMounted(),{x:A,y:E,refs:d,strategy:H,context:t,middlewareData:W,placement:L}=e.useFloating({placement:P,open:f,onOpenChange:b,middleware:[s.offset(D),s.flip(),s.shift({altBoundary:!0,padding:8}),s.arrow({element:u,padding:4})],whileElementsMounted:B.autoUpdate}),{getReferenceProps:C,getFloatingProps:S}=e.useInteractions([e.useHover(t,{handleClose:e.safePolygon(),enabled:o==="hover"}),e.useClick(t),e.useFocus(t,{enabled:o==="hover"}),e.useRole(t,{role:y}),e.useDismiss(t,{ancestorScroll:!0,outsidePressEvent:o==="click"?"mousedown":"pointerdown"})]);return U.jsx(O.Provider,{value:{open:f,isMounted:q,openWith:o,reference:d.setReference,floating:d.setFloating,arrowRef:u,focusManager:{order:w,initialFocus:I,modal:a,visuallyHiddenDismiss:_,...i},x:A,y:E,strategy:H,getReferenceProps:C,getFloatingProps:S,arrow:{...W.arrow},context:t,placement:L},children:h})};exports.ARROW_HEIGHT=g;exports.ARROW_WIDTH=z;exports.DEFAULT_TOOLTIP_OFFSET=m;exports.GAP=T;exports.TooltipContext=O;exports.TooltipProvider=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("react/jsx-runtime"),e=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("react"),j=require("../../../tedi/helpers/hooks/use-is-touch-device.cjs.js"),k=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),s=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),B=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),z=require("../../../tedi/helpers/hooks/use-is-mounted.cjs.js"),g=7,J=14,T=3,m=T+g,O=l.createContext({open:!1,isMounted:!1,openWith:"hover",reference:()=>null,floating:()=>null,focusManager:{},arrowRef:{current:null},x:null,y:null,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{x:0,y:0,centerOffset:0},placement:"top",context:{}}),R=a=>{const{getLabel:v}=B.useLabels(),h=j.useIsTouchDevice(),{children:P,placement:F="bottom",openWith:o=h?"click":"hover",defaultOpen:_=!1,open:r,onToggle:n,role:D="tooltip",offset:w=m}=a,{order:y=["reference","content"],modal:c=!1,initialFocus:I=-1,...i}=a.focusManager??{},{visuallyHiddenDismiss:M=c?v("close"):!1}=i??{},[x,b]=l.useState(_),u=l.useRef(null),f=n&&typeof r<"u"?r:x,q=p=>{typeof r>"u"&&b(p),n==null||n(p)},A=z.useIsMounted(),{x:E,y:H,refs:d,strategy:W,context:t,middlewareData:L,placement:C}=e.useFloating({placement:F,open:f,onOpenChange:q,middleware:[s.offset(w),s.flip(),s.shift({altBoundary:!0,padding:8}),s.arrow({element:u,padding:4})],whileElementsMounted:k.autoUpdate}),{getReferenceProps:S,getFloatingProps:U}=e.useInteractions([e.useHover(t,{handleClose:e.safePolygon(),enabled:o==="hover"}),e.useClick(t),e.useFocus(t,{enabled:o==="hover"}),e.useRole(t,{role:D}),e.useDismiss(t,{ancestorScroll:!0,outsidePressEvent:o==="click"?"mousedown":"pointerdown"})]);return G.jsx(O.Provider,{value:{open:f,isMounted:A,openWith:o,reference:d.setReference,floating:d.setFloating,arrowRef:u,focusManager:{order:y,initialFocus:I,modal:c,visuallyHiddenDismiss:M,...i},x:E,y:H,strategy:W,getReferenceProps:S,getFloatingProps:U,arrow:{...L.arrow},context:t,placement:C},children:P})};exports.ARROW_HEIGHT=g;exports.ARROW_WIDTH=J;exports.DEFAULT_TOOLTIP_OFFSET=m;exports.GAP=T;exports.TooltipContext=O;exports.TooltipProvider=R;exports.default=R;