@tedi-design-system/react 14.0.0-rc.1

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

@@ -0,0 +1,88 @@
+import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import a from "../../../../../../../external/dayjs/dayjs.min.es.js";
+import { useFormik as q } from "../../../../../../../external/formik/dist/formik.esm.es.js";
+import D from "react";
+import { object as x, string as T } from "../../../../../../../external/yup/index.esm.es.js";
+import { Button as j } from "../../../../button/button.es.js";
+import { Text as z } from "../../../../typography/text/text.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 { 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 = () => {
+  var R, h, u, S, y;
+  const { getLabel: d } = H(), { column: t, open: g, setOpen: l, values: s } = D.useContext(G), I = {
+    dateRangeField: s == null ? void 0 : s.dateRange
+  }, n = (R = t == null ? void 0 : t.columnDef) == null ? void 0 : R.meta, L = (n == null ? void 0 : n.startDatePicker) ?? {}, P = (n == null ? void 0 : n.endDatePicker) ?? {}, V = d("table.filter"), p = d("table.filter.from"), F = d("table.filter.to"), m = `filter-date-${t == null ? void 0 : t.id}-from`, $ = `filter-date-${t == null ? void 0 : t.id}-to`, w = d("table.filter.validation.to-before-from"), E = x().shape({
+    dateRangeField: x().shape({
+      from: T().defined().nullable(),
+      to: T().defined().nullable().test("to-before-from", w, function(e) {
+        const { from: o } = this.parent;
+        return !(e && o && a(e).isBefore(a(o), "day"));
+      })
+    })
+  }), { values: r, errors: b, setFieldValue: c, handleReset: _, handleSubmit: A } = q({
+    initialValues: I,
+    validationSchema: E,
+    onSubmit: (e) => {
+      t == null || t.setFilterValue(e.dateRangeField), l == null || l(!1);
+    },
+    onReset: () => {
+      t == null || t.setFilterValue(""), l == null || l(!1);
+    }
+  });
+  return D.useEffect(() => {
+    var e;
+    if (g && !r.dateRangeField) {
+      const o = document.getElementById(m);
+      (e = o == null ? void 0 : o.focus) == null || e.call(o, { preventScroll: !0 });
+    }
+  }, [t == null ? void 0 : t.id, r.dateRangeField, g, m]), /* @__PURE__ */ i("form", { onSubmit: A, children: /* @__PURE__ */ C(J, { children: [
+    /* @__PURE__ */ i(z, { modifiers: "h5", children: V }),
+    /* @__PURE__ */ i(
+      k,
+      {
+        id: m,
+        label: p,
+        ...L,
+        name: p,
+        value: (h = r.dateRangeField) != null && h.from ? a(r.dateRangeField.from) : null,
+        input: {
+          autoComplete: "off"
+        },
+        onChange: (e) => {
+          var o, f;
+          c("dateRangeField.from", (e == null ? void 0 : e.toISOString()) ?? null), e && ((o = r.dateRangeField) != null && o.to) && a(e).isAfter(a((f = r.dateRangeField) == null ? void 0 : f.to), "day") && c("dateRangeField.to", null);
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      k,
+      {
+        id: $,
+        label: F,
+        shouldDisableDate: (e) => {
+          var o, f;
+          return !!((o = r.dateRangeField) != null && o.from && a(e).isBefore(a((f = r.dateRangeField) == null ? void 0 : f.from), "day"));
+        },
+        ...P,
+        name: F,
+        value: (u = r.dateRangeField) != null && u.to ? a((S = r.dateRangeField) == null ? void 0 : S.to) : null,
+        input: {
+          autoComplete: "off"
+        },
+        onChange: (e) => c("dateRangeField.to", (e == null ? void 0 : e.toISOString()) ?? null),
+        helper: (y = b.dateRangeField) != null && y.to ? { text: b.dateRangeField.to, type: "error" } : void 0
+      }
+    ),
+    /* @__PURE__ */ C(K, { gutter: 2, justifyContent: "end", children: [
+      /* @__PURE__ */ i(B, { width: "auto", children: /* @__PURE__ */ i(j, { visualType: "secondary", onClick: _, children: d("clear") }) }),
+      /* @__PURE__ */ i(B, { width: "auto", children: /* @__PURE__ */ i(j, { type: "submit", children: d("table.filter") }) })
+    ] })
+  ] }) });
+};
+export {
+  re as TableDateFilter
+};

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

@@ -0,0 +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"),F=require("../../../../button/button.cjs.js"),N=require("../../../../card/card.cjs.js"),z=require("../../../../card/card-content/card-content.cjs.js"),P=require("../../../../typography/heading/heading.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(P.Heading,{element:"h6",children:s("table.filter")}),n.jsx(N.Card,{className:S.default.filter__content,children:n.jsx(z.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.d.ts

@@ -0,0 +1 @@
+export declare const TableSelectFilter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,78 @@
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useFormik as G } from "../../../../../../../external/formik/dist/formik.esm.es.js";
+import v from "react";
+import { Button as _ } from "../../../../button/button.es.js";
+import { Card as H } from "../../../../card/card.es.js";
+import { CardContent as I } from "../../../../card/card-content/card-content.es.js";
+import { Heading as P } from "../../../../typography/heading/heading.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 { 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) => {
+  var e, s;
+  return (s = (e = o == null ? void 0 : o.filter(Boolean)) == null ? void 0 : e.filter((i, r, l) => (l == null ? void 0 : l.indexOf(i)) === r)) == null ? void 0 : s.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;
+  });
+}, 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 = {
+    inputType: p,
+    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, c = h == null ? void 0 : h.filterOptions, u = (t) => typeof t == "object" && t !== null && "id" in t && "label" in t && "value" in t, T = (
+    // Get all values for the corresponding column id
+    s != null && s.length && typeof ((F = e == null ? void 0 : e.columnDef) == null ? void 0 : F.id) == "string" ? s.map((t) => {
+      var m, d;
+      return (d = t == null ? void 0 : t.getValue) == null ? void 0 : d.call(t, (m = e == null ? void 0 : e.columnDef) == null ? void 0 : m.id);
+    }) : []
+  ), a = c != null && c.length ? u(c[0]) ? c : D(c) : D(T), j = a == null ? void 0 : a.map(
+    (t, m) => {
+      var d;
+      return u(t) ? t : { id: `${(d = e == null ? void 0 : e.columnDef) == null ? void 0 : d.id}-choice-${m}`, label: String(t), value: String(t) };
+    }
+  ), { values: L, setFieldValue: $, handleReset: N, handleSubmit: z, errors: b } = G({
+    initialValues: R,
+    onSubmit: (t) => {
+      var m;
+      e == null || e.setFilterValue((m = t[f]) != null && m.length ? t[f] : ""), i == null || i(!1);
+    },
+    onReset: () => {
+      e == null || e.setFilterValue(""), i == null || i(!1);
+    }
+  }), B = (t) => $(f, t);
+  return /* @__PURE__ */ n("form", { onSubmit: z, children: /* @__PURE__ */ y(J, { children: [
+    /* @__PURE__ */ n(P, { element: "h6", children: o("table.filter") }),
+    /* @__PURE__ */ n(H, { className: k.filter__content, children: /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(
+      A,
+      {
+        id: `filter-${f}-${e == null ? void 0 : e.id}`,
+        name: l,
+        label: l,
+        hideLabel: !0,
+        inputType: p === "select" ? "radio" : "checkbox",
+        size: "small",
+        value: L[f],
+        indeterminateCheck: !0,
+        indeterminateCheckProps: {
+          indented: !1,
+          className: k.filter__indeterminate
+        },
+        items: j,
+        onChange: B,
+        helper: ((S = b[f]) == null ? void 0 : S.length) !== 0 ? { text: b[f], type: "error" } : { text: "" }
+      }
+    ) }) }),
+    /* @__PURE__ */ y(K, { gutter: 2, justifyContent: "end", children: [
+      /* @__PURE__ */ n(x, { width: "auto", children: /* @__PURE__ */ n(_, { visualType: "secondary", onClick: N, children: o("clear") }) }),
+      /* @__PURE__ */ n(x, { width: "auto", children: /* @__PURE__ */ n(_, { type: "submit", children: o("table.filter") }) })
+    ] })
+  ] }) });
+};
+export {
+  le as TableSelectFilter
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),b=require("react"),h=require("../../../../../../../external/yup/index.esm.cjs.js"),T=require("../../../../../../tedi/components/form/textfield/textfield.cjs.js"),x=require("../../../../button/button.cjs.js"),F=require("../table-filter-context.cjs.js"),R=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),L=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),V=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),j=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),k=()=>{const{getLabel:i}=R.useLabels(),{column:e,open:c,setOpen:l,values:s}=b.useContext(F.TableFilterContext),m={filter:s==null?void 0:s.filter},o=`text-filter-${e==null?void 0:e.id}`,q=i("table.filter"),g=i("search"),u=i("table.filter.validation.min-length",3),p=h.object().shape({filter:h.string().notRequired().matches(/^(?!\s+$).*/,i("table.filter.validation.no-spaces")).min(3,u).nullable().transform(t=>t||null)}),{values:a,setFieldValue:C,handleReset:f,handleSubmit:v,touched:S,errors:d}=y.useFormik({initialValues:m,validationSchema:p,onSubmit:t=>{e==null||e.setFilterValue(t.filter),l==null||l(!1)},onReset:()=>{e==null||e.setFilterValue(""),l==null||l(!1)}});return b.useEffect(()=>{var t;if(c&&!a.filter){const n=document.getElementById(o);(t=n==null?void 0:n.focus)==null||t.call(n,{preventScroll:!0})}},[e==null?void 0:e.id,a.filter,c,o]),r.jsx("form",{onSubmit:v,children:r.jsxs(L.VerticalSpacing,{children:[r.jsx(T.TextField,{id:o,label:q,placeholder:g,icon:"close",onIconClick:f,value:a.filter||"",onChange:t=>C("filter",t),helper:S.filter&&d.filter?{text:d.filter,type:"error"}:{text:u},input:{autoComplete:"off"}}),r.jsxs(V.Row,{gutter:2,justifyContent:"end",children:[r.jsx(j.Col,{width:"auto",children:r.jsx(x.Button,{visualType:"secondary",onClick:f,children:i("clear")})}),r.jsx(j.Col,{width:"auto",children:r.jsx(x.Button,{type:"submit",children:i("table.filter")})})]})]})})};exports.TableTextFilter=k;

package/src/community/components/table/components/table-filter/components/table-text-filter.d.ts

@@ -0,0 +1 @@
+export declare const TableTextFilter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useFormik as T } from "../../../../../../../external/formik/dist/formik.esm.es.js";
+import h from "react";
+import { object as V, string as j } from "../../../../../../../external/yup/index.esm.es.js";
+import { TextField as F } from "../../../../../../tedi/components/form/textfield/textfield.es.js";
+import { Button as p } from "../../../../button/button.es.js";
+import { TableFilterContext as L } from "../table-filter-context.es.js";
+import { useLabels as $ } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { VerticalSpacing as k } from "../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
+import { Row as w } from "../../../../../../tedi/components/layout/grid/row.es.js";
+import { Col as b } from "../../../../../../tedi/components/layout/grid/col.es.js";
+const H = () => {
+  const { getLabel: r } = $(), { column: e, open: f, setOpen: i, values: a } = h.useContext(L), x = { filter: a == null ? void 0 : a.filter }, n = `text-filter-${e == null ? void 0 : e.id}`, g = r("table.filter"), C = r("search"), c = r("table.filter.validation.min-length", 3), v = V().shape({
+    filter: j().notRequired().matches(/^(?!\s+$).*/, r("table.filter.validation.no-spaces")).min(3, c).nullable().transform((t) => t || null)
+  }), { values: s, setFieldValue: y, handleReset: m, handleSubmit: S, touched: R, errors: d } = T({
+    initialValues: x,
+    validationSchema: v,
+    onSubmit: (t) => {
+      e == null || e.setFilterValue(t.filter), i == null || i(!1);
+    },
+    onReset: () => {
+      e == null || e.setFilterValue(""), i == null || i(!1);
+    }
+  });
+  return h.useEffect(() => {
+    var t;
+    if (f && !s.filter) {
+      const o = document.getElementById(n);
+      (t = o == null ? void 0 : o.focus) == null || t.call(o, { preventScroll: !0 });
+    }
+  }, [e == null ? void 0 : e.id, s.filter, f, n]), /* @__PURE__ */ l("form", { onSubmit: S, children: /* @__PURE__ */ u(k, { children: [
+    /* @__PURE__ */ l(
+      F,
+      {
+        id: n,
+        label: g,
+        placeholder: C,
+        icon: "close",
+        onIconClick: m,
+        value: s.filter || "",
+        onChange: (t) => y("filter", t),
+        helper: R.filter && d.filter ? { text: d.filter, type: "error" } : { text: c },
+        input: {
+          autoComplete: "off"
+        }
+      }
+    ),
+    /* @__PURE__ */ u(w, { gutter: 2, justifyContent: "end", children: [
+      /* @__PURE__ */ l(b, { width: "auto", children: /* @__PURE__ */ l(p, { visualType: "secondary", onClick: m, children: r("clear") }) }),
+      /* @__PURE__ */ l(b, { width: "auto", children: /* @__PURE__ */ l(p, { type: "submit", children: r("table.filter") }) })
+    ] })
+  ] }) });
+};
+export {
+  H as TableTextFilter
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../../../external/dayjs/dayjs.min.cjs.js"),d=(e,r)=>typeof r=="string"||typeof r=="number"?e==null?void 0:e.toLowerCase().includes(String(r).toLowerCase()):!0,i=(e,r)=>e===r,y=(e,r)=>e==null?void 0:e.some(s=>s===r),F=(e,r)=>{const s=r?c.default(r):null,n=e!=null&&e.from?c.default(e.from):null,t=e!=null&&e.to?c.default(e.to):null;return(n||t)&&!s?!1:n&&!t?n.isSameOrBefore(s,"day"):!n&&t?t.isSameOrAfter(s,"day"):n&&t?n.isSameOrBefore(s,"day")&&t.isSameOrAfter(s,"day"):!0},a=(e,r)=>{if(typeof r!="object"||!Object.keys(r).includes("from")||!Object.keys(r).includes("to"))return console.error("Accessor function should return an object { from: Dayjs | Date | string | null | undefined, to: Dayjs | Date | string | null | undefined }"),!0;const s=r,n=e!=null&&e.from?c.default(e.from):null,t=e!=null&&e.to?c.default(e.to):null,o=s==null?void 0:s.from,m=s==null?void 0:s.to;return n&&t?o&&m?n.isSameOrBefore(o,"day")&&t.isSameOrAfter(o,"day")||t.isSameOrAfter(m,"day")&&n.isSameOrBefore(m,"day"):o?n.isSameOrBefore(o,"day")&&t.isSameOrAfter(o,"day"):m?n.isSameOrBefore(m,"day")&&t.isSameOrAfter(m,"day"):!1:n&&!t?m?n.isSameOrBefore(m,"day"):o?n.isSameOrBefore(o,"day"):!1:!n&&t?o?t.isSameOrAfter(o,"day"):m?t.isSameOrAfter(m,"day"):!1:!0},S=(e,r,s,n)=>{var o;const t=(o=e==null?void 0:e.getValue)==null?void 0:o.call(e,r);return n(s,t)};exports.dateRangeFilterFn=F;exports.dateRangePeriodFilterFn=a;exports.mapFilterFn=S;exports.multiSelectFilterFn=y;exports.selectFilterFn=i;exports.textFilterFn=d;

package/src/community/components/table/components/table-filter/filter-fn.d.ts

@@ -0,0 +1,9 @@
+import { Row } from '@tanstack/react-table';
+import { IntentionalAny } from '../../../../types';
+import { DateRangeFilterValues } from './table-filter-context';
+export declare const textFilterFn: (filterValue: string, data: unknown) => boolean;
+export declare const selectFilterFn: (filterValue: string, data: unknown) => boolean;
+export declare const multiSelectFilterFn: (filterValue: string[], data: unknown) => boolean;
+export declare const dateRangeFilterFn: (filterValue: DateRangeFilterValues, data: unknown) => boolean;
+export declare const dateRangePeriodFilterFn: (filterValue: DateRangeFilterValues, data: unknown) => boolean;
+export declare const mapFilterFn: (row: Row<unknown>, columnId: string, filterValue: unknown, filterFn: (filterValue: IntentionalAny, data: unknown) => boolean) => boolean;

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

@@ -0,0 +1,24 @@
+import c from "../../../../../../external/dayjs/dayjs.min.es.js";
+const d = (e, o) => typeof o == "string" || typeof o == "number" ? e == null ? void 0 : e.toLowerCase().includes(String(o).toLowerCase()) : !0, O = (e, o) => e === o, S = (e, o) => e == null ? void 0 : e.some((r) => r === o), f = (e, o) => {
+  const r = o ? c(o) : null, s = e != null && e.from ? c(e.from) : null, n = e != null && e.to ? c(e.to) : null;
+  return (s || n) && !r ? !1 : s && !n ? s.isSameOrBefore(r, "day") : !s && n ? n.isSameOrAfter(r, "day") : s && n ? s.isSameOrBefore(r, "day") && n.isSameOrAfter(r, "day") : !0;
+}, i = (e, o) => {
+  if (typeof o != "object" || !Object.keys(o).includes("from") || !Object.keys(o).includes("to"))
+    return console.error(
+      "Accessor function should return an object { from: Dayjs | Date | string | null | undefined, to: Dayjs | Date | string | null | undefined }"
+    ), !0;
+  const r = o, s = e != null && e.from ? c(e.from) : null, n = e != null && e.to ? c(e.to) : null, t = r == null ? void 0 : r.from, m = r == null ? void 0 : r.to;
+  return s && n ? t && m ? s.isSameOrBefore(t, "day") && n.isSameOrAfter(t, "day") || n.isSameOrAfter(m, "day") && s.isSameOrBefore(m, "day") : t ? s.isSameOrBefore(t, "day") && n.isSameOrAfter(t, "day") : m ? s.isSameOrBefore(m, "day") && n.isSameOrAfter(m, "day") : !1 : s && !n ? m ? s.isSameOrBefore(m, "day") : t ? s.isSameOrBefore(t, "day") : !1 : !s && n ? t ? n.isSameOrAfter(t, "day") : m ? n.isSameOrAfter(m, "day") : !1 : !0;
+}, F = (e, o, r, s) => {
+  var t;
+  const n = (t = e == null ? void 0 : e.getValue) == null ? void 0 : t.call(e, o);
+  return s(r, n);
+};
+export {
+  f as dateRangeFilterFn,
+  i as dateRangePeriodFilterFn,
+  F as mapFilterFn,
+  S as multiSelectFilterFn,
+  O as selectFilterFn,
+  d as textFilterFn
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({column:null,rows:null,values:null,open:!1,setOpen:null});exports.TableFilterContext=t;

package/src/community/components/table/components/table-filter/table-filter-context.d.ts

@@ -0,0 +1,21 @@
+import { Column, Row } from '@tanstack/react-table';
+import React from 'react';
+import { DefaultTData } from '../../table.types';
+export interface DateRangeFilterValues {
+    from: string | null;
+    to: string | null;
+}
+export interface TableFilterFields {
+    filter: string;
+    selectField: string;
+    multiSelectField: string[];
+    dateRange: DateRangeFilterValues;
+}
+export interface ITableFilterContext<TData extends DefaultTData<TData>> {
+    column: Column<TData, unknown> | null;
+    rows: Row<TData>[] | null;
+    values: TableFilterFields | null;
+    open: boolean;
+    setOpen: ((open: boolean) => void) | null;
+}
+export declare const TableFilterContext: React.Context<ITableFilterContext<any>>;

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

@@ -0,0 +1,11 @@
+import e from "react";
+const t = e.createContext({
+  column: null,
+  rows: null,
+  values: null,
+  open: !1,
+  setOpen: null
+});
+export {
+  t as TableFilterContext
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../../external/classnames/index.cjs.js"),u=require("react"),F=require("../../../button/button.cjs.js"),n=require("../../table.module.scss.cjs.js"),T=require("./components/table-date-filter.cjs.js"),q=require("./components/table-select-filter.cjs.js"),h=require("./components/table-text-filter.cjs.js"),j=require("./table-filter-context.cjs.js"),_=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),y=require("../../../../../tedi/components/layout/grid/col.cjs.js"),v=require("../../../tooltip/tooltip-provider.cjs.js"),S=require("../../../tooltip/tooltip-trigger.cjs.js"),M=require("../../../tooltip/tooltip.cjs.js"),P=d=>{const{column:i,rows:f}=d,[o,s]=u.useState(!1),{getLabel:g}=_.useLabels(),l=i.columnDef.filterFn,t=i.getFilterValue(),a=r=>typeof r=="string",p=r=>Array.isArray(r),b=r=>typeof r=="object"&&r!==null&&("from"in r||"to"in r),x=u.useMemo(()=>({filter:(l==="auto"||l==="text")&&a(t)?t:"",selectField:l==="select"&&a(t)?t:"",multiSelectField:l==="multi-select"&&p(t)?t:[],dateRange:["date-range","date-range-period"].includes(l)&&b(t)?t:{from:null,to:null}}),[l,t]),m=()=>{switch(l){case"date-range":case"date-range-period":return e.jsx(T.TableDateFilter,{});case"multi-select":case"select":return e.jsx(q.TableSelectFilter,{});default:return e.jsx(h.TableTextFilter,{})}};return e.jsx(j.TableFilterContext.Provider,{value:{column:i,rows:f,values:x,open:o,setOpen:s},children:e.jsx(y.Col,{width:"auto",children:e.jsxs(v.TooltipProvider,{openWith:"click",open:o,onToggle:s,focusManager:{order:["content"],initialFocus:0,modal:!0},children:[e.jsx(S.TooltipTrigger,{children:e.jsx(F.Button,{visualType:"link",icon:{filled:!!i.getFilterValue()||o,name:"filter_alt",className:c.default(n.default.filter__icon,{[n.default["filter__icon--active"]]:!!i.getFilterValue()||o})},className:c.default(n.default.filter__button,"show-print"),children:e.jsx("span",{className:"sr-only",children:g("table.filter")})})}),e.jsx(M.Tooltip,{maxWidth:"large",cardProps:{padding:{horizontal:1,vertical:.5}},children:m()})]})})})};exports.default=P;

package/src/community/components/table/components/table-filter/table-filter.d.ts

@@ -0,0 +1,8 @@
+import { Column, Row as TableRow } from '@tanstack/react-table';
+import { DefaultTData } from '../../table.types';
+export interface TableFilterProps<TData extends DefaultTData<TData>> {
+    column: Column<TData, unknown>;
+    rows: TableRow<TData>[];
+}
+declare const TableFilter: <TData extends DefaultTData<TData>>(props: TableFilterProps<TData>) => JSX.Element | null;
+export default TableFilter;

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

@@ -0,0 +1,66 @@
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import c from "../../../../../../external/classnames/index.es.js";
+import m from "react";
+import { Button as b } from "../../../button/button.es.js";
+import n from "../../table.module.scss.es.js";
+import { TableDateFilter as _ } from "./components/table-date-filter.es.js";
+import { TableSelectFilter as x } from "./components/table-select-filter.es.js";
+import { TableTextFilter as y } from "./components/table-text-filter.es.js";
+import { TableFilterContext as v } from "./table-filter-context.es.js";
+import { useLabels as w } from "../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { Col as N } from "../../../../../tedi/components/layout/grid/col.es.js";
+import { TooltipProvider as S } from "../../../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as V } from "../../../tooltip/tooltip-trigger.es.js";
+import { Tooltip as j } from "../../../tooltip/tooltip.es.js";
+const G = (u) => {
+  const { column: o, rows: f } = u, [i, a] = m.useState(!1), { getLabel: p } = w(), l = o.columnDef.filterFn, e = o.getFilterValue(), s = (r) => typeof r == "string", d = (r) => Array.isArray(r), g = (r) => typeof r == "object" && r !== null && ("from" in r || "to" in r), T = m.useMemo(
+    () => ({
+      filter: (l === "auto" || l === "text") && s(e) ? e : "",
+      selectField: l === "select" && s(e) ? e : "",
+      multiSelectField: l === "multi-select" && d(e) ? e : [],
+      dateRange: ["date-range", "date-range-period"].includes(l) && g(e) ? e : { from: null, to: null }
+    }),
+    [l, e]
+  ), h = () => {
+    switch (l) {
+      case "date-range":
+      case "date-range-period":
+        return /* @__PURE__ */ t(_, {});
+      case "multi-select":
+      case "select":
+        return /* @__PURE__ */ t(x, {});
+      default:
+        return /* @__PURE__ */ t(y, {});
+    }
+  };
+  return /* @__PURE__ */ t(v.Provider, { value: { column: o, rows: f, values: T, open: i, setOpen: a }, children: /* @__PURE__ */ t(N, { width: "auto", children: /* @__PURE__ */ F(
+    S,
+    {
+      openWith: "click",
+      open: i,
+      onToggle: a,
+      focusManager: { order: ["content"], initialFocus: 0, modal: !0 },
+      children: [
+        /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
+          b,
+          {
+            visualType: "link",
+            icon: {
+              filled: !!o.getFilterValue() || i,
+              name: "filter_alt",
+              className: c(n.filter__icon, {
+                [n["filter__icon--active"]]: !!o.getFilterValue() || i
+              })
+            },
+            className: c(n.filter__button, "show-print"),
+            children: /* @__PURE__ */ t("span", { className: "sr-only", children: p("table.filter") })
+          }
+        ) }),
+        /* @__PURE__ */ t(j, { maxWidth: "large", cardProps: { padding: { horizontal: 1, vertical: 0.5 } }, children: h() })
+      ]
+    }
+  ) }) });
+};
+export {
+  G as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../../../../../external/@tanstack/react-table/build/lib/index.cjs.js"),r=require("../../../../../../external/classnames/index.cjs.js"),w=require("react"),c=require("../../../../../tedi/components/misc/print/print.cjs.js"),V=require("../../../button/button.cjs.js"),y=require("../../../placeholder/placeholder.cjs.js"),n=require("../../table.module.scss.cjs.js"),A=require("../../table-context.cjs.js"),$=require("../table-filter/table-filter.cjs.js"),D=require("../table-loader/table-loader.cjs.js"),O=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),P=require("../../../../../tedi/components/layout/grid/row.cjs.js"),m=require("../../../../../tedi/components/layout/grid/col.cjs.js"),J=()=>{var b;const{getLabel:k}=O.useLabels(),{table:i,id:I,caption:g,renderSubComponent:u,isFooterVisible:S,renderGroupHeading:f,onRowClick:a,isLoading:R,isError:q,hideRowBorder:x,placeholder:N,errorPlaceholder:v,size:L}=w.useContext(A.TableContext);if(i===null)return null;const{getHeaderGroups:T,getFooterGroups:F,getRowModel:p}=i,K=(e,t)=>{const s=k("table.sort",e),o=r.default(n.default.sort__icon,{[n.default["sort__icon--active"]]:!!e,[n.default["sort__icon--desc"]]:e==="desc",[n.default["sort__icon--asc"]]:e==="asc"});return l.jsx(c.Print,{visibility:"show",children:l.jsx(V.Button,{visualType:"link",icon:{name:e?"expand_more":"unfold_more",className:o},className:r.default(n.default.sort__button),onClick:t,children:l.jsx("span",{className:"sr-only",children:s})})})},M=e=>{const t=e==null?void 0:e.findIndex(s=>s.column.columnDef.footer);return(t!==-1?t:e==null?void 0:e.length)+1},j=()=>{let e;return p().rows.map((t,s)=>{const{rowGroupKey:o,...E}=t.original,C=_=>{var h;return{...t,original:{..._,rowClassName:r.default(_.rowClassName,n.default["table__row--group-item"],{[n.default["table__row--last-group-item"]]:((h=p().rows[s+1])==null?void 0:h.original.rowGroupKey)!==e})}}};return o&&e!==o?(e=o,C(t.original)):o?C(E):(e=o,t)})},B=e=>{var t,s;(s=(t=e.original).onClick)==null||s.call(t,e.original),a==null||a(e.original)},G=e=>{var t;return l.jsx(m.Col,{width:"auto",children:l.jsxs(P.Row,{justifyContent:"end",alignItems:"center",gutter:1,children:[e.column.getCanFilter()?l.jsx($.default,{column:e.column,rows:(t=i==null?void 0:i.getCoreRowModel())==null?void 0:t.rows}):null,e.column.getCanSort()&&l.jsx(m.Col,{align:"center",width:"auto",children:K(e.column.getIsSorted(),e.column.getToggleSortingHandler())})]})})},H=()=>{const e=q?l.jsx(y.Placeholder,{...v}):l.jsx(y.Placeholder,{...N});return l.jsx("tr",{children:l.jsx("td",{colSpan:i==null?void 0:i.getAllColumns().length,children:e})})},z=e=>{var s;const t=e.original.CustomRowComponent;return l.jsxs(w.Fragment,{children:[e.original.rowGroupKey&&l.jsx(c.Print,{breakAfter:"avoid",children:l.jsx("tr",{className:r.default((s=e.original.rowClassName)==null?void 0:s.replace(n.default["table__row--group-item"],"").replace(n.default["table__row--last-group-item"],""),n.default["table__row--group-header"],{[n.default["table__row--border-hidden"]]:x}),children:f?f(e):l.jsx("td",{colSpan:e.getVisibleCells().length,children:e.original.rowGroupKey})})}),t?l.jsx(c.Print,{breakInside:"avoid",children:l.jsx(t,{...e})}):l.jsx(c.Print,{breakInside:"avoid",children:l.jsx("tr",{className:r.default(e.original.rowClassName,{[n.default["table__row--clickable"]]:!!e.original.onClick||!!a,[n.default["table__row--border-hidden"]]:x}),onClick:()=>B(e),children:e.getVisibleCells().map(o=>l.jsx("td",{style:{width:o.column.getSize()},className:r.default({[n.default["sticky-column"]]:o.column.getIsPinned(),[n.default["sticky-column--left"]]:o.column.getIsPinned()==="left",[n.default["sticky-column--right"]]:o.column.getIsPinned()==="right"}),children:d.flexRender(o.column.columnDef.cell,o.getContext())},o.id))})}),e.getIsExpanded()&&u?l.jsx(c.Print,{breakBefore:"avoid",children:u==null?void 0:u(e)}):null]},e.id)};return l.jsxs("table",{id:I,children:[g&&l.jsx("caption",{className:"sr-only",children:g}),l.jsx("thead",{children:T().map(e=>l.jsx("tr",{children:e.headers.map(t=>l.jsx("th",{scope:"col",style:{width:t.getSize()},className:r.default({[n.default["th--sortable"]]:t.column.getCanSort(),[n.default["sticky-column"]]:t.column.getIsPinned(),[n.default["sticky-column--left"]]:t.column.getIsPinned()==="left",[n.default["sticky-column--right"]]:t.column.getIsPinned()==="right"}),"aria-sort":t.column.getIsSorted()==="asc"?"ascending":t.column.getIsSorted()==="desc"?"descending":void 0,children:t.isPlaceholder?null:l.jsxs(P.Row,{gutter:L==="small"?2:void 0,alignItems:"center",justifyContent:"between",wrap:"nowrap",children:[l.jsx(m.Col,{onClick:t.column.getToggleSortingHandler(),children:d.flexRender(t.column.columnDef.header,t.getContext())}),(t.column.getCanFilter()||t.column.getCanSort())&&G(t)]})},t.id))},e.id))}),l.jsx("tbody",{children:R?l.jsx(D.TableLoader,{}):(b=j())!=null&&b.length?j().map(e=>z(e)):H()}),S&&l.jsx("tfoot",{children:F().map(e=>l.jsx("tr",{children:e.headers.map((t,s)=>t.column.columnDef.footer?l.jsx("th",{scope:"col",colSpan:M(e.headers.slice(s+1)),className:r.default({[n.default["sticky-column"]]:t.column.getIsPinned(),[n.default["sticky-column--left"]]:t.column.getIsPinned()==="left",[n.default["sticky-column--right"]]:t.column.getIsPinned()==="right"}),children:t.isPlaceholder?null:d.flexRender(t.column.columnDef.footer,t.getContext())},t.id):null)},e.id))})]})};exports.default=J;

package/src/community/components/table/components/table-layout/table-layout.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTData } from '../../table.types';
+declare const TableLayout: <TData extends DefaultTData<TData>>() => JSX.Element | null;
+export default TableLayout;

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

@@ -0,0 +1,184 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { flexRender as d } from "../../../../../../external/@tanstack/react-table/build/lib/index.es.js";
+import c from "../../../../../../external/classnames/index.es.js";
+import I from "react";
+import { Print as s } from "../../../../../tedi/components/misc/print/print.es.js";
+import { Button as D } from "../../../button/button.es.js";
+import { Placeholder as S } from "../../../placeholder/placeholder.es.js";
+import l from "../../table.module.scss.es.js";
+import { TableContext as q } from "../../table-context.es.js";
+import J from "../table-filter/table-filter.es.js";
+import { TableLoader as O } from "../table-loader/table-loader.es.js";
+import { useLabels as Q } from "../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { Row as P } from "../../../../../tedi/components/layout/grid/row.es.js";
+import { Col as g } from "../../../../../tedi/components/layout/grid/col.es.js";
+const so = () => {
+  var h;
+  const { getLabel: N } = Q(), {
+    table: r,
+    id: x,
+    caption: p,
+    renderSubComponent: m,
+    isFooterVisible: R,
+    renderGroupHeading: f,
+    onRowClick: a,
+    isLoading: v,
+    isError: T,
+    hideRowBorder: _,
+    placeholder: F,
+    errorPlaceholder: L,
+    size: K
+  } = I.useContext(q);
+  if (r === null)
+    return null;
+  const { getHeaderGroups: j, getFooterGroups: B, getRowModel: b } = r, G = (o, n) => {
+    const i = N("table.sort", o), e = c(l.sort__icon, {
+      [l["sort__icon--active"]]: !!o,
+      [l["sort__icon--desc"]]: o === "desc",
+      [l["sort__icon--asc"]]: o === "asc"
+    });
+    return /* @__PURE__ */ t(s, { visibility: "show", children: /* @__PURE__ */ t(
+      D,
+      {
+        visualType: "link",
+        icon: {
+          name: o ? "expand_more" : "unfold_more",
+          className: e
+        },
+        className: c(l.sort__button),
+        onClick: n,
+        children: /* @__PURE__ */ t("span", { className: "sr-only", children: i })
+      }
+    ) });
+  }, H = (o) => {
+    const n = o == null ? void 0 : o.findIndex((i) => i.column.columnDef.footer);
+    return (n !== -1 ? n : o == null ? void 0 : o.length) + 1;
+  }, C = () => {
+    let o;
+    return b().rows.map((n, i) => {
+      const { rowGroupKey: e, ...A } = n.original, w = (y) => {
+        var k;
+        return {
+          ...n,
+          original: {
+            ...y,
+            rowClassName: c(
+              y.rowClassName,
+              l["table__row--group-item"],
+              { [l["table__row--last-group-item"]]: ((k = b().rows[i + 1]) == null ? void 0 : k.original.rowGroupKey) !== o }
+              // if row is last group item
+            )
+          }
+        };
+      };
+      return e && o !== e ? (o = e, w(n.original)) : e ? w(A) : (o = e, n);
+    });
+  }, z = (o) => {
+    var n, i;
+    (i = (n = o.original).onClick) == null || i.call(n, o.original), a == null || a(o.original);
+  }, E = (o) => {
+    var n;
+    return /* @__PURE__ */ t(g, { width: "auto", children: /* @__PURE__ */ u(P, { justifyContent: "end", alignItems: "center", gutter: 1, children: [
+      o.column.getCanFilter() ? /* @__PURE__ */ t(J, { column: o.column, rows: (n = r == null ? void 0 : r.getCoreRowModel()) == null ? void 0 : n.rows }) : null,
+      o.column.getCanSort() && /* @__PURE__ */ t(g, { align: "center", width: "auto", children: G(o.column.getIsSorted(), o.column.getToggleSortingHandler()) })
+    ] }) });
+  }, M = () => {
+    const o = T ? /* @__PURE__ */ t(S, { ...L }) : /* @__PURE__ */ t(S, { ...F });
+    return /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: r == null ? void 0 : r.getAllColumns().length, children: o }) });
+  }, V = (o) => {
+    var i;
+    const n = o.original.CustomRowComponent;
+    return /* @__PURE__ */ u(I.Fragment, { children: [
+      o.original.rowGroupKey && /* @__PURE__ */ t(s, { breakAfter: "avoid", children: /* @__PURE__ */ t(
+        "tr",
+        {
+          className: c(
+            (i = o.original.rowClassName) == null ? void 0 : i.replace(l["table__row--group-item"], "").replace(l["table__row--last-group-item"], ""),
+            l["table__row--group-header"],
+            { [l["table__row--border-hidden"]]: _ }
+          ),
+          children: f ? f(o) : /* @__PURE__ */ t("td", { colSpan: o.getVisibleCells().length, children: o.original.rowGroupKey })
+        }
+      ) }),
+      n ? /* @__PURE__ */ t(s, { breakInside: "avoid", children: /* @__PURE__ */ t(n, { ...o }) }) : /* @__PURE__ */ t(s, { breakInside: "avoid", children: /* @__PURE__ */ t(
+        "tr",
+        {
+          className: c(o.original.rowClassName, {
+            [l["table__row--clickable"]]: !!o.original.onClick || !!a,
+            [l["table__row--border-hidden"]]: _
+          }),
+          onClick: () => z(o),
+          children: o.getVisibleCells().map((e) => /* @__PURE__ */ t(
+            "td",
+            {
+              style: {
+                width: e.column.getSize()
+              },
+              className: c({
+                [l["sticky-column"]]: e.column.getIsPinned(),
+                [l["sticky-column--left"]]: e.column.getIsPinned() === "left",
+                [l["sticky-column--right"]]: e.column.getIsPinned() === "right"
+              }),
+              children: d(e.column.columnDef.cell, e.getContext())
+            },
+            e.id
+          ))
+        }
+      ) }),
+      o.getIsExpanded() && m ? /* @__PURE__ */ t(s, { breakBefore: "avoid", children: m == null ? void 0 : m(o) }) : null
+    ] }, o.id);
+  };
+  return /* @__PURE__ */ u("table", { id: x, children: [
+    p && /* @__PURE__ */ t("caption", { className: "sr-only", children: p }),
+    /* @__PURE__ */ t("thead", { children: j().map((o) => /* @__PURE__ */ t("tr", { children: o.headers.map((n) => /* @__PURE__ */ t(
+      "th",
+      {
+        scope: "col",
+        style: {
+          width: n.getSize()
+        },
+        className: c({
+          [l["th--sortable"]]: n.column.getCanSort(),
+          [l["sticky-column"]]: n.column.getIsPinned(),
+          [l["sticky-column--left"]]: n.column.getIsPinned() === "left",
+          [l["sticky-column--right"]]: n.column.getIsPinned() === "right"
+        }),
+        "aria-sort": n.column.getIsSorted() === "asc" ? "ascending" : n.column.getIsSorted() === "desc" ? "descending" : void 0,
+        children: n.isPlaceholder ? null : /* @__PURE__ */ u(
+          P,
+          {
+            gutter: K === "small" ? 2 : void 0,
+            alignItems: "center",
+            justifyContent: "between",
+            wrap: "nowrap",
+            children: [
+              /* @__PURE__ */ t(g, { onClick: n.column.getToggleSortingHandler(), children: d(n.column.columnDef.header, n.getContext()) }),
+              (n.column.getCanFilter() || n.column.getCanSort()) && E(n)
+            ]
+          }
+        )
+      },
+      n.id
+    )) }, o.id)) }),
+    /* @__PURE__ */ t("tbody", { children: v ? /* @__PURE__ */ t(O, {}) : (h = C()) != null && h.length ? C().map((o) => V(o)) : M() }),
+    R && /* @__PURE__ */ t("tfoot", { children: B().map((o) => /* @__PURE__ */ t("tr", { children: o.headers.map(
+      (n, i) => n.column.columnDef.footer ? /* @__PURE__ */ t(
+        "th",
+        {
+          scope: "col",
+          colSpan: H(o.headers.slice(i + 1)),
+          className: c({
+            [l["sticky-column"]]: n.column.getIsPinned(),
+            [l["sticky-column--left"]]: n.column.getIsPinned() === "left",
+            [l["sticky-column--right"]]: n.column.getIsPinned() === "right"
+          }),
+          children: n.isPlaceholder ? null : d(n.column.columnDef.footer, n.getContext())
+        },
+        n.id
+      ) : null
+    ) }, o.id)) })
+  ] });
+};
+export {
+  so as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),c=require("../../table.cjs.js"),d=require("../../table-context.cjs.js"),u=require("../../../../../tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),n=()=>{const{table:t,loadingLabel:o}=i.useContext(d.TableContext),r=(t==null?void 0:t.getState().pagination.pageSize)||10,a=r===c.PAGE_SIZE_WITHOUT_PAGINATION?10:r;return e.jsxs(e.Fragment,{children:[e.jsx("tr",{className:"sr-only",children:e.jsx("td",{children:o})}),Array.from(Array(a).keys()).map(s=>e.jsx("tr",{"aria-hidden":!0,children:Array.from(Array(t==null?void 0:t.getAllColumns().length).keys()).map(l=>e.jsx("td",{children:e.jsx(u.SkeletonBlock,{width:100,height:21})},l))},s))]})};exports.TableLoader=n;exports.default=n;

package/src/community/components/table/components/table-loader/table-loader.d.ts

@@ -0,0 +1,2 @@
+export declare const TableLoader: () => JSX.Element;
+export default TableLoader;