@tedi-design-system/react 17.0.0-rc.1 → 17.0.0-rc.2

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

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"}],v=Math.ceil(s.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.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:x.map((e,t)=>q(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:i("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,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=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;

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

@@ -7,7 +7,7 @@ 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 { usePagination as L } from "./use-pagination.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 = [

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"),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;
+"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;

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("../../../../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;
+"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;

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 { 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 { 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 { 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 } = 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 = {
+  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 = {
     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(J, { children: [
+  return /* @__PURE__ */ n("form", { onSubmit: z, children: /* @__PURE__ */ y(E, { children: [
     /* @__PURE__ */ n(H, { element: "h6", children: o("table.filter") }),
     /* @__PURE__ */ n(I, { className: k.filter__content, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
-      A,
+      J,
       {
         id: `filter-${f}-${e == null ? void 0 : e.id}`,
         name: l,

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

@@ -1 +1 @@
-"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;
+"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;

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 { 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";
+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";
 const mo = 1e4, Z = [];
 function Eo(u) {
-  const { getLabel: y } = uo(), {
+  const { getLabel: y } = to(), {
     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 = 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({
+  } = 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({
     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: so(),
-    getSortedRowModel: ao(),
-    getPaginationRowModel: lo(),
-    getFilteredRowModel: ro(),
-    getExpandedRowModel: io(),
+    getCoreRowModel: co(),
+    getSortedRowModel: go(),
+    getPaginationRowModel: uo(),
+    getFilteredRowModel: so(),
+    getExpandedRowModel: ao(),
     getRowCanExpand: me,
     getSubRows: (o) => o.subRows,
     manualPagination: oe,
@@ -181,7 +181,7 @@ function Eo(u) {
         hideRowBorder: V,
         size: I
       },
-      children: /* @__PURE__ */ a(go, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(co, { children: [
+      children: /* @__PURE__ */ a(ro, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(lo, { children: [
         /* @__PURE__ */ a("div", { className: ze, children: /* @__PURE__ */ a(oo, {}) }),
         !g && m && /* @__PURE__ */ a(qe, { totalRows: P || m.getFilteredRowModel().rows.length })
       ] }) })
@@ -190,6 +190,5 @@ function Eo(u) {
 }
 export {
   mo as PAGE_SIZE_WITHOUT_PAGINATION,
-  Eo as Table,
-  Eo as default
+  Eo as Table
 };

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"),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;
+"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;

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 { ModalContext as y } from "../modal/modal-provider.es.js";
-import { useLayout as I } from "../../helpers/hooks/use-layout.es.js";
+import y from "../../helpers/hooks/use-layout.es.js";
+import { ModalContext as I } from "../modal/modal-provider.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 = I(s), d = l ? !0 : !f, { closeModal: t } = r.useContext(y), i = r.useId(), p = () => {
+  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 = () => {
     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.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;
+"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;

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

@@ -1,33 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import c from "react";
+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 { 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 u } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useLayout as C } from "../../helpers/hooks/use-layout.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 = c.createContext({
+const O = a.createContext({
   openItems: void 0,
   showIcons: void 0
 }), A = (e) => {
-  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(
+  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,
     {
       right: 0,
       left: 0,
-      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 }) }) }) })
+      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 }) }) }) })
     }
   ) });
 };
 export {
   A as TableOfContents,
-  O as TableOfContentsContext,
-  A as default
+  O as TableOfContentsContext
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,11 +1,11 @@
 import { jsx as H } from "react/jsx-runtime";
-import { useFloating as W, useInteractions as A, useHover as L, useClick as k, useFocus as S, useRole as G, useDismiss as U, safePolygon as j } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useFloating as W, useInteractions as A, useHover as L, safePolygon as k, useClick as S, useFocus as G, useRole as U, useDismiss as j } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import s from "react";
-import { useIsTouchDevice as B } from "../../../tedi/helpers/hooks/use-is-touch-device.es.js";
-import { autoUpdate as q } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as z, flip as J, shift as K, arrow as N } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useLabels as Q } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useIsMounted as V } from "../../../tedi/helpers/hooks/use-is-mounted.es.js";
+import { useLabels as B } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { useIsTouchDevice as q } from "../../../tedi/helpers/hooks/use-is-touch-device.es.js";
+import { useIsMounted as z } from "../../../tedi/helpers/hooks/use-is-mounted.es.js";
+import { autoUpdate as J } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as K, flip as N, shift as Q, arrow as V } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
   open: !1,
   isMounted: !1,
@@ -27,7 +27,7 @@ const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
   placement: "top",
   context: {}
 }), ie = (r) => {
-  const { getLabel: p } = Q(), d = B(), {
+  const { getLabel: p } = B(), d = q(), {
     children: m,
     placement: g = "bottom",
     openWith: o = d ? "click" : "hover",
@@ -43,34 +43,34 @@ const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
     ...l
   } = r.focusManager ?? {}, { visuallyHiddenDismiss: y = a ? p("close") : !1 } = l ?? {}, [F, P] = s.useState(h), c = s.useRef(null), i = t && typeof n < "u" ? n : F, x = (u) => {
     typeof n > "u" && P(u), t == null || t(u);
-  }, T = V(), { x: D, y: M, refs: f, strategy: b, context: e, middlewareData: I, placement: _ } = W({
+  }, T = z(), { x: D, y: M, refs: f, strategy: b, context: e, middlewareData: I, placement: _ } = W({
     placement: g,
     open: i,
     onOpenChange: x,
     middleware: [
-      z(O),
-      J(),
-      K({
+      K(O),
+      N(),
+      Q({
         altBoundary: !0,
         padding: 8
       }),
-      N({
+      V({
         element: c,
         padding: 4
       })
     ],
-    whileElementsMounted: q
+    whileElementsMounted: J
   }), { getReferenceProps: C, getFloatingProps: E } = A([
     L(e, {
-      handleClose: j(),
+      handleClose: k(),
       enabled: o === "hover"
     }),
-    k(e),
-    S(e, {
+    S(e),
+    G(e, {
       enabled: o === "hover"
     }),
-    G(e, { role: v }),
-    U(e, {
+    U(e, { role: v }),
+    j(e, {
       ancestorScroll: !0,
       outsidePressEvent: o === "click" ? "mousedown" : "pointerdown"
       // https://floating-ui.com/docs/dialog#interaction-hooks
@@ -114,6 +114,5 @@ export {
   Z as DEFAULT_TOOLTIP_OFFSET,
   Y as GAP,
   $ as TooltipContext,
-  ie as TooltipProvider,
-  ie as default
+  ie as TooltipProvider
 };

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

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

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

@@ -6,23 +6,22 @@ import t from "./tooltip.module.scss.es.js";
 import { TooltipContext as a } from "./tooltip-provider.es.js";
 import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";
 const T = (r) => {
-  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: l, openWith: p } = o.useContext(a), c = m([l, e.ref]);
+  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: p, openWith: c } = o.useContext(a), l = m([p, e.ref]);
   return o.cloneElement(
     e,
     i({
-      ref: c,
+      ref: l,
       tabIndex: 0,
       label: e.type === f ? s("tooltip.icon-trigger") : void 0,
       ...e.props,
       className: n(
         t.tooltip__trigger,
-        { [t["tooltip__trigger--click"]]: p === "click" },
+        { [t["tooltip__trigger--click"]]: c === "click" },
         e.props.className
       )
     })
   );
 };
 export {
-  T as TooltipTrigger,
-  T as default
+  T as TooltipTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../external/classnames/index.cjs.js"),F=require("react"),y=require("../card/utility.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),n=require("./tooltip-provider.cjs.js"),W=require("../card/card.cjs.js"),M=require("../card/card-content/card-content.cjs.js"),d=g=>{const{children:f,maxWidth:l="medium",cardProps:t,className:m}=g,{open:p,x,y:h,strategy:C,focusManager:_,floating:q,arrowRef:j,getFloatingProps:w,placement:b,context:i}=F.useContext(n.TooltipContext),[k,a]=y.getCardBorderPlacementColor(t==null?void 0:t.border),s=()=>k&&a?`var(--color-${a})`:"none",c=s()!=="none",v=()=>t!=null&&t.background?`var(--color-${t==null?void 0:t.background})`:"var(--color-bg-default)",R=()=>{const T=e.jsx(r.FloatingFocusManager,{..._,context:i,children:e.jsxs("div",{...w({ref:q,style:{position:C,left:x??0,top:h??0},className:u.default(o.default.tooltip,m,{[o.default[`tooltip--${l}`]]:l})}),"data-placement":b,children:[e.jsx(r.FloatingArrow,{ref:A=>j.current=A,context:i,fill:v(),stroke:s(),strokeWidth:c?4:0,className:u.default(o.default.tooltip__arrow,{[o.default["tooltip__arrow--stroke"]]:c}),height:n.ARROW_HEIGHT,width:n.ARROW_WIDTH}),e.jsx(W.Card,{padding:.5,borderless:!0,...t,children:e.jsx(M.CardContent,{children:f})})]})});return p?T:null};return e.jsx(r.FloatingPortal,{"data-name":"tooltip",children:R()})};exports.Tooltip=d;exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../external/classnames/index.cjs.js"),y=require("react"),A=require("../card/utility.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),n=require("./tooltip-provider.cjs.js"),F=require("../card/card.cjs.js"),W=require("../card/card-content/card-content.cjs.js"),S=d=>{const{children:g,maxWidth:l="medium",cardProps:t,className:f}=d,{open:m,x:p,y:x,strategy:h,focusManager:C,floating:q,arrowRef:j,getFloatingProps:w,placement:_,context:i}=y.useContext(n.TooltipContext),[b,a]=A.getCardBorderPlacementColor(t==null?void 0:t.border),c=()=>b&&a?`var(--color-${a})`:"none",s=c()!=="none",k=()=>t!=null&&t.background?`var(--color-${t==null?void 0:t.background})`:"var(--color-bg-default)",R=()=>{const T=e.jsx(r.FloatingFocusManager,{...C,context:i,children:e.jsxs("div",{...w({ref:q,style:{position:h,left:p??0,top:x??0},className:u.default(o.default.tooltip,f,{[o.default[`tooltip--${l}`]]:l})}),"data-placement":_,children:[e.jsx(r.FloatingArrow,{ref:v=>j.current=v,context:i,fill:k(),stroke:c(),strokeWidth:s?4:0,className:u.default(o.default.tooltip__arrow,{[o.default["tooltip__arrow--stroke"]]:s}),height:n.ARROW_HEIGHT,width:n.ARROW_WIDTH}),e.jsx(F.Card,{padding:.5,borderless:!0,...t,children:e.jsx(W.CardContent,{children:g})})]})});return m?T:null};return e.jsx(r.FloatingPortal,{"data-name":"tooltip",children:R()})};exports.Tooltip=S;