@indielayer/ui 1.8.3 → 1.9.0

package/lib/components/table/Table.vue.js

@@ -1,15 +1,16 @@
-import { defineComponent as J, ref as X, watch as F, openBlock as n, createElementBlock as r, normalizeClass as d, unref as c, renderSlot as u, createElementVNode as m, normalizeStyle as O, createVNode as y, withCtx as p, createBlock as k, createCommentVNode as h, Fragment as g, renderList as v, createTextVNode as C, toDisplayString as N } from "vue";
-import { useTheme as P } from "../../composables/useTheme.js";
-import W from "./TableHead.vue.js";
-import S from "./TableHeader.vue.js";
-import q from "./TableBody.js";
-import z from "./TableRow.vue.js";
+import { defineComponent as W, computed as q, ref as G, watch as K, openBlock as i, createElementBlock as a, mergeProps as L, unref as n, renderSlot as p, createElementVNode as m, normalizeStyle as N, normalizeClass as c, createVNode as y, withCtx as f, createBlock as g, createCommentVNode as $, Fragment as k, renderList as h, createTextVNode as x, toDisplayString as C } from "vue";
+import { useTheme as M } from "../../composables/useTheme.js";
+import { useVirtualList as Q } from "../../composables/useVirtualList.js";
+import R from "./TableHead.vue.js";
+import H from "./TableHeader.vue.js";
+import U from "./TableBody.js";
+import S from "./TableRow.vue.js";
 import _ from "./TableCell.vue.js";
-import x from "../spinner/Spinner.vue.js";
-import G from "../skeleton/Skeleton.vue.js";
-import K from "../icon/Icon.vue.js";
-import { chevronDownIcon as M } from "../../common/icons.js";
-const Q = { key: 1 }, R = { colspan: "999" }, U = { key: 2 }, Y = { colspan: "999" }, Z = ["onClick"], j = { colspan: "999" }, ee = {
+import Y from "../spinner/Spinner.vue.js";
+import Z from "../skeleton/Skeleton.vue.js";
+import j from "../icon/Icon.vue.js";
+import { chevronDownIcon as ee } from "../../common/icons.js";
+const te = { key: 1 }, se = { colspan: "999" }, ie = { key: 2 }, oe = { colspan: "999" }, le = ["onClick"], re = { colspan: "999" }, ae = {
   headers: {
     type: Array,
     default: () => []
@@ -41,19 +42,30 @@ const Q = { key: 1 }, R = { colspan: "999" }, U = { key: 2 }, Y = { colspan: "99
     type: Boolean,
     default: !0
   },
-  expandable: Boolean
-}, te = { name: "XTable" }, fe = /* @__PURE__ */ J({
-  ...te,
+  expandable: Boolean,
+  virtualList: Boolean,
+  virtualListOffsetTop: Number,
+  virtualListOffsetBottom: Number,
+  virtualListItemHeight: {
+    type: Number,
+    default: 54
+  },
+  virtualListOverscan: {
+    type: Number,
+    default: 5
+  }
+}, ne = { name: "XTable" }, $e = /* @__PURE__ */ W({
+  ...ne,
   props: {
-    ...ee,
+    ...ae,
     items: {
       type: Array,
       default: () => []
     }
   },
   emits: ["update:sort", "click-row"],
-  setup($, { emit: A }) {
-    const b = $;
+  setup(O, { emit: I }) {
+    const r = O;
     function T(e) {
       try {
         return JSON.parse(JSON.stringify(e));
@@ -61,12 +73,21 @@ const Q = { key: 1 }, R = { colspan: "999" }, U = { key: 2 }, Y = { colspan: "99
         return [];
       }
     }
-    const f = X([]);
-    F(() => b.items, (e) => {
-      b.expandable && (f.value = T(e));
+    const b = q(() => r.items), { list: z, containerProps: A, wrapperProps: V } = Q(
+      b,
+      {
+        disabled: !r.virtualList,
+        itemHeight: r.virtualListItemHeight || 54,
+        topOffset: r.virtualListOffsetTop || 0,
+        bottomOffset: r.virtualListOffsetBottom || 0,
+        overscan: r.virtualListOverscan
+      }
+    ), v = G([]);
+    K(b, (e) => {
+      r.expandable && (v.value = T(e));
     }, { immediate: !0 });
-    const H = A;
-    function V(e, o) {
+    const P = I;
+    function D(e, o) {
       if (e)
         for (let t = 0; t < o.length; t++) {
           const { 0: l, 1: s } = o[t].split(",");
@@ -74,182 +95,195 @@ const Q = { key: 1 }, R = { colspan: "999" }, U = { key: 2 }, Y = { colspan: "99
             return parseInt(s) > 0 ? 1 : -1;
         }
     }
-    function I(e) {
-      const o = b.sort.slice(0);
+    function E(e) {
+      const o = r.sort.slice(0);
       let t = !1;
       for (let l = 0; l < o.length; l++) {
-        const { 0: s, 1: a } = o[l].split(",");
+        const { 0: s, 1: u } = o[l].split(",");
         if (s === e.value) {
-          if (t = !0, a === "-1") {
+          if (t = !0, u === "-1") {
             o.splice(l, 1, `${e.value},1`);
             break;
-          } else if (a === "1") {
+          } else if (u === "1") {
             o.splice(l, 1);
             break;
           }
         }
       }
-      t || o.push(`${e.value},-1`), H("update:sort", o);
+      t || o.push(`${e.value},-1`), P("update:sort", o);
     }
-    function L(e, o) {
+    function J(e, o) {
       if (!o)
         return "";
       const t = Array.isArray(o) ? o : o.match(/([^[.\]])+/g);
-      return (t == null ? void 0 : t.reduce((s, a) => s && s[a], e)) ?? "";
+      return (t == null ? void 0 : t.reduce((s, u) => s && s[u], e)) ?? "";
     }
-    const { styles: D, classes: w, className: E } = P("Table", {}, b);
-    return (e, o) => (n(), r("div", {
-      class: d([c(E), c(w).wrapper])
-    }, [
-      u(e.$slots, "title"),
-      u(e.$slots, "actions"),
-      m("table", {
-        style: O(c(D)),
-        class: d(c(w).table)
-      }, [
-        y(W, null, {
-          default: p(() => [
-            e.expandable ? (n(), k(S, {
-              key: 0,
-              width: "48",
-              class: "!p-0",
-              "sticky-header": e.stickyHeader
-            }, null, 8, ["sticky-header"])) : h("", !0),
-            (n(!0), r(g, null, v(e.headers, (t, l) => (n(), k(S, {
-              key: l,
-              "sticky-header": e.stickyHeader,
-              "text-align": t.align,
-              sort: V(t.value, e.sort),
-              sortable: t.sortable,
-              width: t.width,
-              onClick: (s) => t.sortable ? I(t) : null
-            }, {
-              default: p(() => [
-                u(e.$slots, `header-${t.value}`, { header: t }, () => [
-                  C(N(t.text), 1)
+    const { styles: X, classes: w, className: F } = M("Table", {}, r);
+    return (e, o) => (i(), a("div", L({
+      class: [n(F), n(w).wrapper]
+    }, n(A)), [
+      p(e.$slots, "title"),
+      p(e.$slots, "actions"),
+      m("div", L(n(V), {
+        class: {
+          "!h-auto": r.loading
+        }
+      }), [
+        m("table", {
+          style: N(n(X)),
+          class: c(n(w).table)
+        }, [
+          y(R, { "sticky-header": e.stickyHeader }, {
+            default: f(() => [
+              e.expandable ? (i(), g(H, {
+                key: 0,
+                width: "48",
+                class: "!p-0"
+              })) : $("", !0),
+              (i(!0), a(k, null, h(e.headers, (t, l) => (i(), g(H, {
+                key: l,
+                "text-align": t.align,
+                sort: D(t.value, e.sort),
+                sortable: t.sortable,
+                width: t.width,
+                onClick: (s) => t.sortable ? E(t) : null
+              }, {
+                default: f(() => [
+                  p(e.$slots, `header-${t.value}`, { header: t }, () => [
+                    x(C(t.text), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["text-align", "sort", "sortable", "width", "onClick"]))), 128))
+            ]),
+            _: 3
+          }, 8, ["sticky-header"]),
+          y(n(U), null, {
+            default: f(() => [
+              e.loading ? (i(!0), a(k, { key: 0 }, h(Number(e.loadingLines), (t, l) => (i(), g(S, {
+                key: l,
+                striped: e.striped
+              }, {
+                default: f(() => [
+                  (i(!0), a(k, null, h(e.headers, (s, u) => (i(), g(_, {
+                    key: u,
+                    "text-align": s.align,
+                    width: s.width,
+                    dense: e.dense,
+                    fixed: e.fixed
+                  }, {
+                    default: f(() => [
+                      p(e.$slots, `loading-${s.value}`, { item: t }, () => [
+                        y(Z, {
+                          class: c(["max-w-[60%]", {
+                            "mx-auto": s.align === "center",
+                            "ml-auto": s.align === "right"
+                          }]),
+                          shape: s.skeletonShape || "line"
+                        }, null, 8, ["shape", "class"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["striped"]))), 128)) : e.error ? (i(), a("tr", te, [
+                m("td", se, [
+                  p(e.$slots, "error")
+                ])
+              ])) : !b.value || b.value.length === 0 ? (i(), a("tr", ie, [
+                m("td", oe, [
+                  p(e.$slots, "empty")
                 ])
-              ]),
-              _: 2
-            }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
-          ]),
-          _: 3
-        }),
-        y(c(q), null, {
-          default: p(() => [
-            e.loading ? (n(!0), r(g, { key: 0 }, v(Number(e.loadingLines), (t, l) => (n(), k(z, {
-              key: l,
-              striped: e.striped
-            }, {
-              default: p(() => [
-                (n(!0), r(g, null, v(e.headers, (s, a) => (n(), k(_, {
-                  key: a,
-                  "text-align": s.align,
-                  width: s.width,
-                  dense: e.dense,
-                  fixed: e.fixed
-                }, {
-                  default: p(() => [
-                    u(e.$slots, `loading-${s.value}`, { item: t }, () => [
-                      y(G, {
-                        class: d(["max-w-[60%]", {
-                          "mx-auto": s.align === "center",
-                          "ml-auto": s.align === "right"
-                        }]),
-                        shape: s.skeletonShape || "line"
-                      }, null, 8, ["shape", "class"])
+              ])) : (i(!0), a(k, { key: 3 }, h(n(z), (t, l) => {
+                var s, u;
+                return i(), a(k, { key: l }, [
+                  y(S, {
+                    pointer: e.pointer,
+                    striped: e.striped,
+                    onClick: (d) => e.$emit("click-row", t.data)
+                  }, {
+                    default: f(() => [
+                      e.expandable ? (i(), g(_, {
+                        key: 0,
+                        width: "48",
+                        class: "!p-1"
+                      }, {
+                        default: f(() => {
+                          var d;
+                          return [
+                            m("button", {
+                              type: "button",
+                              class: c(["px-3 p-2", [e.dense ? "p-0.5" : "px-3 py-2"]]),
+                              onClick: (B) => v.value[t.index].__expanded = !v.value[t.index].__expanded
+                            }, [
+                              y(j, {
+                                icon: n(ee),
+                                size: e.dense ? "xs" : "md",
+                                class: c(["transition-transform", {
+                                  "rotate-180": (d = v.value[t.index]) == null ? void 0 : d.__expanded
+                                }])
+                              }, null, 8, ["icon", "size", "class"])
+                            ], 10, le)
+                          ];
+                        }),
+                        _: 2
+                      }, 1024)) : $("", !0),
+                      (i(!0), a(k, null, h(e.headers, (d, B) => (i(), g(_, {
+                        key: B,
+                        "text-align": d.align,
+                        truncate: d.truncate,
+                        width: d.width,
+                        dense: e.dense,
+                        style: N([r.virtualListItemHeight ? {
+                          height: `${r.virtualListItemHeight}px`,
+                          maxHeight: `${r.virtualListItemHeight}px`,
+                          overflow: "hidden",
+                          whiteSpace: "nowrap"
+                        } : {}])
+                      }, {
+                        default: f(() => [
+                          p(e.$slots, `item-${d.value}`, {
+                            item: t.data
+                          }, () => [
+                            x(C(J(t.data, d.value)), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["text-align", "truncate", "width", "dense", "style"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["pointer", "striped", "onClick"]),
+                  e.expandable ? (i(), a("tr", {
+                    key: 0,
+                    class: c({ hidden: !((s = v.value[t.index]) != null && s.__expanded) })
+                  }, [
+                    m("td", re, [
+                      m("div", {
+                        class: c(["overflow-hidden transition-opacity", [(u = v.value[t.index]) != null && u.__expanded ? "" : "opacity-0 max-h-0"]])
+                      }, [
+                        p(e.$slots, "expanded-row", {
+                          item: t.data
+                        })
+                      ], 2)
                     ])
-                  ]),
-                  _: 2
-                }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
-              ]),
-              _: 2
-            }, 1032, ["striped"]))), 128)) : e.error ? (n(), r("tr", Q, [
-              m("td", R, [
-                u(e.$slots, "error")
-              ])
-            ])) : !$.items || $.items.length === 0 ? (n(), r("tr", U, [
-              m("td", Y, [
-                u(e.$slots, "empty")
-              ])
-            ])) : (n(!0), r(g, { key: 3 }, v($.items, (t, l) => {
-              var s, a;
-              return n(), r(g, { key: l }, [
-                y(z, {
-                  pointer: e.pointer,
-                  striped: e.striped,
-                  onClick: (i) => e.$emit("click-row", t)
-                }, {
-                  default: p(() => [
-                    e.expandable ? (n(), k(_, {
-                      key: 0,
-                      width: "48",
-                      class: "!p-1"
-                    }, {
-                      default: p(() => {
-                        var i;
-                        return [
-                          m("button", {
-                            type: "button",
-                            class: d(["px-3 p-2", [e.dense ? "p-0.5" : "px-3 py-2"]]),
-                            onClick: (B) => f.value[l].__expanded = !f.value[l].__expanded
-                          }, [
-                            y(K, {
-                              icon: c(M),
-                              size: e.dense ? "xs" : "md",
-                              class: d(["transition-transform", {
-                                "rotate-180": (i = f.value[l]) == null ? void 0 : i.__expanded
-                              }])
-                            }, null, 8, ["icon", "size", "class"])
-                          ], 10, Z)
-                        ];
-                      }),
-                      _: 2
-                    }, 1024)) : h("", !0),
-                    (n(!0), r(g, null, v(e.headers, (i, B) => (n(), k(_, {
-                      key: B,
-                      "text-align": i.align,
-                      truncate: i.truncate,
-                      width: i.width,
-                      dense: e.dense,
-                      fixed: e.fixed
-                    }, {
-                      default: p(() => [
-                        u(e.$slots, `item-${i.value}`, { item: t }, () => [
-                          C(N(L(t, i.value)), 1)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["text-align", "truncate", "width", "dense", "fixed"]))), 128))
-                  ]),
-                  _: 2
-                }, 1032, ["pointer", "striped", "onClick"]),
-                e.expandable ? (n(), r("tr", {
-                  key: 0,
-                  class: d({ hidden: !((s = f.value[l]) != null && s.__expanded) })
-                }, [
-                  m("td", j, [
-                    m("div", {
-                      class: d(["overflow-hidden transition-opacity", [(a = f.value[l]) != null && a.__expanded ? "" : "opacity-0 max-h-0"]])
-                    }, [
-                      u(e.$slots, "expanded-row", { item: t })
-                    ], 2)
-                  ])
-                ], 2)) : h("", !0)
-              ], 64);
-            }), 128))
-          ]),
-          _: 3
-        }),
-        e.loading ? (n(), r("div", {
-          key: 0,
-          class: d(c(w).loadingWrapper)
-        }, [
-          y(x, { size: "lg" })
-        ], 2)) : h("", !0)
-      ], 6)
-    ], 2));
+                  ], 2)) : $("", !0)
+                ], 64);
+              }), 128))
+            ]),
+            _: 3
+          }),
+          e.loading ? (i(), a("div", {
+            key: 0,
+            class: c(n(w).loadingWrapper)
+          }, [
+            y(Y, { size: "lg" })
+          ], 2)) : $("", !0)
+        ], 6)
+      ], 16)
+    ], 16));
   }
 });
 export {
-  fe as default
+  $e as default
 };

package/lib/components/table/TableHead.vue.d.ts

@@ -1,11 +1,19 @@
 import type { ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
-declare const tableHeadProps: {};
+declare const tableHeadProps: {
+    stickyHeader: BooleanConstructor;
+};
 export type TableHeadProps = ExtractPublicPropTypes<typeof tableHeadProps>;
 type InternalClasses = 'thead' | 'row';
 export interface TableHeadTheme extends ThemeComponent<TableHeadProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    stickyHeader: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    stickyHeader: BooleanConstructor;
+}>>, {
+    stickyHeader: boolean;
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/components/table/TableHead.vue.js

@@ -1,21 +1,24 @@
-import { defineComponent as r, openBlock as n, createElementBlock as c, normalizeClass as s, unref as e, normalizeStyle as m, createElementVNode as d, renderSlot as _ } from "vue";
-import { useTheme as f } from "../../composables/useTheme.js";
-const p = { name: "XTableHead" }, T = /* @__PURE__ */ r({
-  ...p,
-  setup(u) {
-    const { styles: a, classes: t, className: l } = f("TableHead", {}, {});
-    return (o, i) => (n(), c("thead", {
-      class: s([e(l), e(t).thead]),
-      style: m(e(a))
+import { defineComponent as c, openBlock as m, createElementBlock as d, normalizeClass as t, unref as e, normalizeStyle as p, createElementVNode as f, renderSlot as u } from "vue";
+import { useTheme as i } from "../../composables/useTheme.js";
+const _ = {
+  stickyHeader: Boolean
+}, h = { name: "XTableHead" }, k = /* @__PURE__ */ c({
+  ...h,
+  props: _,
+  setup(a) {
+    const o = a, { styles: l, classes: s, className: r } = i("TableHead", {}, o);
+    return (n, y) => (m(), d("thead", {
+      class: t([e(r), e(s).thead]),
+      style: p(e(l))
     }, [
-      d("tr", {
-        class: s(e(t).row)
+      f("tr", {
+        class: t(e(s).row)
       }, [
-        _(o.$slots, "default")
+        u(n.$slots, "default")
       ], 2)
     ], 6));
   }
 });
 export {
-  T as default
+  k as default
 };

package/lib/components/table/TableHeader.vue.d.ts

@@ -15,7 +15,6 @@ declare const tableHeaderProps: {
         default: string;
         validator: (value: string) => boolean;
     };
-    stickyHeader: BooleanConstructor;
 };
 export type TableHeaderSort = typeof validators.sort[number];
 export type TableHeaderAlign = typeof validators.textAlign[number];
@@ -34,7 +33,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-    stickyHeader: BooleanConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<1 | -1 | undefined>;
@@ -46,9 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-    stickyHeader: BooleanConstructor;
 }>>, {
-    stickyHeader: boolean;
     textAlign: "left" | "right" | "center" | "justify";
     sortable: boolean;
 }, {}>, {

package/lib/components/table/TableHeader.vue.js

@@ -5,18 +5,18 @@ const g = /* @__PURE__ */ n("line", {
   y1: "5",
   x2: "12",
   y2: "19"
-}, null, -1), k = /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" }, null, -1), v = /* @__PURE__ */ n("line", {
+}, null, -1), v = /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" }, null, -1), k = /* @__PURE__ */ n("line", {
   x1: "12",
   y1: "19",
   x2: "12",
   y2: "5"
-}, null, -1), b = /* @__PURE__ */ n("polyline", { points: "5 12 12 5 19 12" }, null, -1), B = {
+}, null, -1), b = /* @__PURE__ */ n("polyline", { points: "5 12 12 5 19 12" }, null, -1), x = {
   key: 2,
   d: "m3 9l4-4l4 4M7 5v14m14-4l-4 4l-4-4m4 4V5"
 }, r = {
   sort: [1, -1, void 0],
   textAlign: ["left", "center", "right", "justify"]
-}, x = {
+}, B = {
   sort: {
     type: Number,
     validator: (t) => r.sort.includes(t)
@@ -26,14 +26,13 @@ const g = /* @__PURE__ */ n("line", {
     type: String,
     default: "left",
     validator: (t) => r.textAlign.includes(t)
-  },
-  stickyHeader: Boolean
+  }
 }, C = { name: "XTableHeader", validators: r }, S = /* @__PURE__ */ m({
   ...C,
-  props: x,
+  props: B,
   setup(t) {
     const c = t, { styles: u, classes: i, className: p } = _("TableHeader", {}, c);
-    return (e, H) => (o(), l("th", {
+    return (e, N) => (o(), l("th", {
       style: h(s(u)),
       class: a([s(p), s(i).th, "group/th"])
     }, [
@@ -55,11 +54,11 @@ const g = /* @__PURE__ */ n("line", {
       }, [
         e.sort === -1 ? (o(), l(d, { key: 0 }, [
           g,
-          k
+          v
         ], 64)) : e.sort === 1 ? (o(), l(d, { key: 1 }, [
-          v,
+          k,
           b
-        ], 64)) : (o(), l("path", B))
+        ], 64)) : (o(), l("path", x))
       ], 2)) : f("", !0)
     ], 6));
   }

package/lib/components/table/theme/TableHead.base.theme.js

@@ -1,9 +1,12 @@
-const e = {
+const s = {
   classes: {
-    thead: "align-bottom bg-secondary-50 dark:bg-secondary-700",
+    thead: ({ props: t }) => {
+      const e = ["align-bottom bg-secondary-50 dark:bg-secondary-700"];
+      return t.stickyHeader && e.push("sticky top-0 z-10"), e;
+    },
     row: "text-sm text-secondary-600 dark:text-secondary-200 border-b"
   }
-}, t = e;
+}, a = s;
 export {
-  t as default
+  a as default
 };

package/lib/components/table/theme/TableHead.carbon.theme.js

@@ -1,9 +1,12 @@
-const t = {
+const s = {
   classes: {
-    thead: "align-bottom",
+    thead: ({ props: e }) => {
+      const t = ["align-bottom"];
+      return e.stickyHeader && t.push("sticky top-0 z-10"), t;
+    },
     row: "text-secondary-900 dark:text-secondary-50"
   }
-}, e = t;
+}, a = s;
 export {
-  e as default
+  a as default
 };

package/lib/components/table/theme/TableHeader.base.theme.js

@@ -2,11 +2,11 @@ const s = {
   classes: {
     th: ({ props: e }) => {
       const t = ["relative py-3 font-semibold text-xs px-3"];
-      return e.sortable && t.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+      return e.sortable && t.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
     },
     sortIcon: ({ props: e }) => ["absolute stroke-2 w-3 h-3 top-3.5 right-0.5"]
   }
-}, i = s;
+}, r = s;
 export {
-  i as default
+  r as default
 };

package/lib/components/table/theme/TableHeader.carbon.theme.js

@@ -2,7 +2,7 @@ const s = {
   classes: {
     th: ({ props: e }) => {
       const t = ["relative py-3.5 font-semibold text-sm px-3 bg-secondary-200 dark:bg-secondary-700 select-none"];
-      return e.sortable && t.push("cursor-pointer hover:bg-secondary-300 dark:hover:bg-secondary-600 transition-colors duration-150 ease-in-out pr-5"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+      return e.sortable && t.push("cursor-pointer hover:bg-secondary-300 dark:hover:bg-secondary-600 transition-colors duration-150 ease-in-out pr-5"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
     },
     sortIcon: ({ props: e }) => ["absolute stroke-2 w-4 h-4 top-4 right-2"]
   }