@sberbusiness/triplex-next 1.1.0 → 1.2.0

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -0,0 +1,79 @@
+import { jsxs as B, jsx as f } from "react/jsx-runtime";
+import { useState as E, useRef as c, useEffect as I } from "react";
+import { c as L } from "../../../chunks/vendor-CehxOAkM.js";
+import { SuggestFieldMobileTarget as N } from "./SuggestFieldMobileTarget.js";
+import { SuggestFieldMobileDropdown as R } from "./SuggestFieldMobileDropdown.js";
+import { s as q } from "../../../chunks/SuggestFieldMobileDropdownHint-Dz-VDDoR.js";
+function Q({
+  className: u,
+  value: r,
+  options: m,
+  size: a,
+  status: b,
+  label: x,
+  placeholder: n,
+  dropdownHint: g,
+  loading: s,
+  dropdownListLoading: w,
+  clearInputOnFocus: M,
+  onFilter: O,
+  onSelect: i,
+  onScrollEnd: D,
+  onTargetInputFocus: o,
+  onTargetInputBlur: S,
+  renderTarget: l,
+  renderTargetInput: h,
+  renderTargetLabel: j,
+  renderTargetPrefix: v,
+  renderTargetPostfix: C,
+  ...F
+}) {
+  const [e, d] = E(!1), t = c(null), p = c(!1), P = l === void 0 ? N : l;
+  I(() => {
+    p.current && !e && t.current && t.current.scrollIntoView({ block: "center" }), p.current = e;
+  }, [e]);
+  const V = () => i(void 0), k = (y) => {
+    d(!0), o == null || o(y);
+  };
+  return /* @__PURE__ */ B("div", { className: L(q.suggestFieldMobile, u), ...F, ref: t, children: [
+    /* @__PURE__ */ f(
+      P,
+      {
+        size: a,
+        status: b,
+        inputValue: r ? r.label : "",
+        label: x,
+        placeholder: n,
+        loading: s,
+        onClear: V,
+        onInputFocus: k,
+        onInputBlur: S,
+        renderInput: h,
+        renderLabel: j,
+        renderPrefix: v,
+        renderPostfix: C
+      }
+    ),
+    /* @__PURE__ */ f(
+      R,
+      {
+        value: r,
+        options: m,
+        placeholder: n,
+        dropdownHint: g,
+        opened: e,
+        loading: s,
+        dropdownListLoading: w,
+        clearInputOnFocus: M,
+        setOpened: d,
+        onFilter: O,
+        onSelect: i,
+        onScrollEnd: D
+      }
+    )
+  ] });
+}
+export {
+  Q as SuggestFieldMobile
+};
+//# sourceMappingURL=SuggestFieldMobile.js.map

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -0,0 +1,94 @@
+import { jsx as t, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import y, { useState as H, useRef as p, useEffect as V } from "react";
+import { Dropdown as j } from "../../Dropdown/Dropdown.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-B1GkU8rn.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import { DropdownMobileBody as k } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as _ } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as N } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import { DropdownMobileInput as O } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as P } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as T } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader as q } from "../../Dropdown/mobile/DropdownMobileLoader.js";
+import { s as z, S as A } from "../../../chunks/SuggestFieldMobileDropdownHint-Dz-VDDoR.js";
+const E = ({
+  value: o,
+  options: c,
+  placeholder: f,
+  dropdownHint: l,
+  opened: g,
+  loading: h,
+  dropdownListLoading: a,
+  clearInputOnFocus: b,
+  setOpened: n,
+  onSelect: s,
+  onFilter: w,
+  onScrollEnd: d
+}, D) => {
+  const [M, e] = H((o == null ? void 0 : o.label) || ""), F = p(null), u = p(null);
+  V(() => {
+    e((o == null ? void 0 : o.label) || "");
+  }, [o]);
+  const C = () => {
+    e(b === !1 && (o == null ? void 0 : o.label) || "");
+  }, I = (r) => {
+    const { value: i } = r.target;
+    e(i), w(i);
+  }, R = () => {
+    n(!1), s(o);
+  }, S = (r) => {
+    if (!d)
+      return;
+    const { clientHeight: i, scrollHeight: B, scrollTop: L } = r.target;
+    B - L === i && d();
+  };
+  return /* @__PURE__ */ t(
+    j,
+    {
+      setOpened: (r) => {
+        n(r), r || s(o);
+      },
+      opened: g,
+      targetRef: u,
+      ref: D,
+      mobileViewProps: {
+        children: /* @__PURE__ */ m(x, { children: [
+          /* @__PURE__ */ m(N, { closeButton: () => /* @__PURE__ */ t(_, { onClick: R }), children: [
+            /* @__PURE__ */ t(
+              O,
+              {
+                value: M,
+                placeholder: f,
+                autoFocus: !0,
+                onFocus: C,
+                onChange: I
+              }
+            ),
+            h && /* @__PURE__ */ t(q, {})
+          ] }),
+          /* @__PURE__ */ t(k, { className: z.suggestFieldMobileBody, onScroll: S, children: l ? /* @__PURE__ */ t(A, { children: l }) : /* @__PURE__ */ t(P, { loading: a, ref: F, children: c.map((r) => /* @__PURE__ */ t(
+            T,
+            {
+              id: r.id,
+              selected: r.id === (o == null ? void 0 : o.id),
+              onSelect: () => {
+                s(r), n(!1);
+              },
+              children: r.content || r.label
+            },
+            r.id
+          )) }) })
+        ] })
+      }
+    }
+  );
+}, mo = y.forwardRef(E);
+export {
+  mo as SuggestFieldMobileDropdown
+};
+//# sourceMappingURL=SuggestFieldMobileDropdown.js.map

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../Typography/Title.js";
+import "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import "../../Typography/enums.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-Dz-VDDoR.js";
+export {
+  d as SuggestFieldMobileDropdownHint
+};
+//# sourceMappingURL=SuggestFieldMobileDropdownHint.js.map

package/components/SuggestField/mobile/SuggestFieldMobileTarget.js

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { SuggestFieldTarget as e } from "../SuggestFieldTarget.js";
+const c = ({
+  inputValue: o,
+  placeholder: l,
+  renderInput: t,
+  ...n
+}) => {
+  const u = s(
+    (a) => {
+      const i = t === void 0 ? e.Input : t;
+      return /* @__PURE__ */ r(i, { ...a, readOnly: !0 });
+    },
+    [t]
+  );
+  return /* @__PURE__ */ r(
+    e,
+    {
+      inputValue: o,
+      placeholder: l,
+      renderInput: u,
+      ...n
+    }
+  );
+};
+export {
+  c as SuggestFieldMobileTarget
+};
+//# sourceMappingURL=SuggestFieldMobileTarget.js.map

package/components/SuggestField/mobile/index.js

@@ -0,0 +1,11 @@
+import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
+import { SuggestFieldMobileDropdown as g } from "./SuggestFieldMobileDropdown.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-Dz-VDDoR.js";
+import { SuggestFieldMobileTarget as p } from "./SuggestFieldMobileTarget.js";
+export {
+  r as SuggestFieldMobile,
+  g as SuggestFieldMobileDropdown,
+  l as SuggestFieldMobileDropdownHint,
+  p as SuggestFieldMobileTarget
+};
+//# sourceMappingURL=index.js.map

package/components/SuggestField/mobile/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/SuggestField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
-import { jsxs as j, jsx as w } from "react/jsx-runtime";
-import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
-import { c as g } from "../../chunks/vendor-D-uL_icH.js";
-const H = "swipeableArea__7ca9e38a", V = "content__ec0cec24", $ = "disableScroll__34a6790e", k = "disablePointerEvents__f7adb882", q = "swipeAnimationFinish__ccf8e76e", G = "leftContent__a29b04f8", J = "rightContent__076945e1", s = {
+import { jsxs as j, jsx as _ } from "react/jsx-runtime";
+import z, { useState as w, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+const H = "swipeableArea__a9ad1241", V = "content__77d1ab98", $ = "disableScroll__e934c8b8", k = "disablePointerEvents__4d7f67b0", q = "swipeAnimationFinish__b4f234b8", G = "leftContent__97131e93", J = "rightContent__c6cfb68e", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,9 +9,9 @@ const H = "swipeableArea__7ca9e38a", V = "content__ec0cec24", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, p = 24, E = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+}, p = 24, A = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
   ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
-    const [S, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), _ = u(null), X = () => {
+    const [S, a] = w(!1), [l, d] = w(), [o, e] = w(0), i = u(null), r = u(null), n = u(0), h = u(N), b = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -23,14 +23,14 @@ const H = "swipeableArea__7ca9e38a", V = "content__ec0cec24", $ = "disableScroll
       ) : n.current < 0 && t < 0 && e(
         Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
       );
-    }, R = () => {
-      h.current = N, d(void 0), document.removeEventListener("touchend", R);
+    }, E = () => {
+      h.current = N, d(void 0), document.removeEventListener("touchend", E);
     };
     M(() => {
       !l && o !== n.current && X();
     }, [l]);
     const x = (t) => {
-      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", R);
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
@@ -56,11 +56,11 @@ const H = "swipeableArea__7ca9e38a", V = "content__ec0cec24", $ = "disableScroll
     }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
     M(() => {
       const t = (c) => {
-        c.touches.length == 1 && _.current && !_.current.contains(c.target) && (a(!0), e(0), d(void 0));
+        c.touches.length == 1 && b.current && !b.current.contains(c.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
-    const b = () => {
+    const R = () => {
       i.current && (a(!0), e(i.current.getBoundingClientRect().width));
     }, T = () => {
       r.current && (a(!0), e(-r.current.getBoundingClientRect().width));
@@ -77,47 +77,47 @@ const H = "swipeableArea__7ca9e38a", V = "content__ec0cec24", $ = "disableScroll
           T();
         },
         swipeRight: () => {
-          b();
+          R();
         }
       }),
-      [v, T, b]
+      [v, T, R]
     ), /* @__PURE__ */ j(
       "div",
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "1.1.0",
-        ref: _,
+        "data-tx": "1.2.0",
+        ref: b,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ w(
+          typeof m < "u" ? /* @__PURE__ */ _(
             "div",
             {
               className: g(s.leftContent, {
-                [E]: S
+                [A]: S
               }),
               ref: i,
               style: { opacity: Y() },
               children: m
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ w(
+          typeof C < "u" ? /* @__PURE__ */ _(
             "div",
             {
               className: g(s.rightContent, {
-                [E]: S
+                [A]: S
               }),
               ref: r,
               style: { opacity: P() },
               children: C
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ _(
             "div",
             {
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [E]: S
+                [A]: S
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor-CehxOAkM.js";
+const s = "filterPanel__5caf2467", i = {
+  filterPanel: s
+}, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: r(i.filterPanel, l),
+    ...t,
+    "data-tx": "1.2.0",
+    children: e
+  }
+);
+n.displayName = "FilterPanel";
+export {
+  n as FilterPanel
+};
+//# sourceMappingURL=FilterPanel.js.map

package/components/Table/MasterTable.js

@@ -0,0 +1,49 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { MasterTableContext as n } from "./MasterTableContext.js";
+import { c as b } from "../../chunks/vendor-CehxOAkM.js";
+import { NoColumns as p } from "./NoColumns.js";
+import { FilterPanel as T } from "./FilterPanel.js";
+import { TabsLinePanel as c } from "./TabsLinePanel.js";
+import { TableBasic as f } from "./TableBasic/TableBasic.js";
+import { TableBasicSettings as P } from "./TableBasicSettings/TableBasicSettings.js";
+import { TableFooter as u } from "./TableFooter/TableFooter.js";
+import { PaginationPanel as d } from "./PaginationPanel.js";
+import "./TableBasicSettings/components/ColumnSettings.js";
+import "./TableBasic/enums.js";
+const x = "masterTable__486daaaa", g = {
+  masterTable: x
+}, a = ({ children: t, className: o, loading: r = !1, ...m }) => {
+  const [s, l] = i([]);
+  return /* @__PURE__ */ e(
+    n.Provider,
+    {
+      value: {
+        columns: s,
+        loading: r,
+        setColumns: l
+      },
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: b(g.masterTable, o),
+          ...m,
+          "data-tx": "1.2.0",
+          children: t
+        }
+      )
+    }
+  );
+};
+a.displayName = "MasterTable";
+a.NoColumns = p;
+a.FilterPanel = T;
+a.TabsLinePanel = c;
+a.TableBasic = f;
+a.TableBasicSettings = P;
+a.TableFooter = u;
+a.PaginationPanel = d;
+export {
+  a as MasterTable
+};
+//# sourceMappingURL=MasterTable.js.map

package/components/Table/MasterTableContext.js

@@ -0,0 +1,11 @@
+import t from "react";
+const o = t.createContext({
+  columns: [],
+  loading: !1,
+  setColumns: () => {
+  }
+});
+export {
+  o as MasterTableContext
+};
+//# sourceMappingURL=MasterTableContext.js.map

package/components/Table/NoColumns.js

@@ -0,0 +1,17 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../chunks/vendor-CehxOAkM.js";
+import { Gap as l } from "../Gap/Gap.js";
+import { ServicesetupSysIcon128 as r } from "@sberbusiness/icons-next";
+const i = "noColumns__d20c00c1", a = "content__765b8db2", s = {
+  noColumns: i,
+  content: a
+}, p = ({ children: n, className: t, ...c }) => /* @__PURE__ */ m("div", { className: e(s.noColumns, t), ...c, children: [
+  /* @__PURE__ */ o(r, {}),
+  /* @__PURE__ */ o(l, { size: 24 }),
+  /* @__PURE__ */ o("div", { className: s.content, children: n })
+] });
+p.displayName = "NoColumns";
+export {
+  p as NoColumns
+};
+//# sourceMappingURL=NoColumns.js.map

package/components/Table/PaginationPanel.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as o } from "../../chunks/vendor-CehxOAkM.js";
+const s = "paginationPanel__341856ca", e = {
+  paginationPanel: s
+}, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(e.paginationPanel, n),
+    ...i,
+    "data-tx": "1.2.0",
+    children: a
+  }
+);
+l.displayName = "PaginationPanel";
+export {
+  l as PaginationPanel
+};
+//# sourceMappingURL=PaginationPanel.js.map

package/components/Table/TableBasic/TableBasic.js

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useContext as N, useEffect as g } from "react";
+import { i as C } from "../../../chunks/vendor-CehxOAkM.js";
+import { MasterTableContext as E } from "../MasterTableContext.js";
+import { s as o } from "../../../chunks/utils-DPXynVs1.js";
+import { TableBasicHeader as j } from "./components/TableBasicHeader.js";
+import { TableBasicBody as D } from "./components/TableBasicBody.js";
+import { LoaderMiddle as c } from "../../Loader/LoaderMiddle/LoaderMiddle.js";
+const F = ({
+  columns: t,
+  data: i,
+  highlightRowOnHover: m,
+  onOrderBy: p,
+  onClickRow: f,
+  renderNoColumns: n,
+  renderNoData: b,
+  headless: v,
+  ...u
+}) => {
+  const a = N(E), y = i.length === 0;
+  g(() => {
+    C(t, a.columns) || a.setColumns(t);
+  }, [t, a]);
+  const h = () => t.every((e) => e.hidden) && n ? n() : /* @__PURE__ */ d("table", { ...u, children: [
+    v || /* @__PURE__ */ r(j, { columns: t, onOrderBy: p }),
+    /* @__PURE__ */ r(
+      D,
+      {
+        columns: t,
+        data: i,
+        onClickRow: f,
+        highlightRowOnHover: m
+      }
+    )
+  ] }, "table"), x = (e) => {
+    const { loading: s } = a;
+    return s && e ? l(T()) : !s && e ? l(b()) : s && !e ? B(/* @__PURE__ */ r(c, {})) : null;
+  }, B = (e) => /* @__PURE__ */ r("div", { className: o.spinnerWrapper, children: e }), l = (e) => /* @__PURE__ */ r("div", { className: o.footerEmptyData, children: e }), T = () => [
+    /* @__PURE__ */ r("div", { className: o.overlayCover }, "overlay"),
+    /* @__PURE__ */ r(c, {}, "spinner")
+  ];
+  return /* @__PURE__ */ d("div", { className: o.tableBasic, children: [
+    h(),
+    x(y)
+  ] });
+};
+F.displayName = "TableBasic";
+export {
+  F as TableBasic
+};
+//# sourceMappingURL=TableBasic.js.map

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { TableBasicRow as b } from "./TableBasicRow.js";
+import { c as p } from "../../../../chunks/vendor-CehxOAkM.js";
+import { s as r } from "../../../../chunks/utils-DPXynVs1.js";
+const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
+  if (o.length === 0)
+    return null;
+  const s = !!e, n = s || !!t, i = p({
+    [r.clickable]: s,
+    [r.hoverable]: n
+  }), m = o.map((l) => /* @__PURE__ */ a(b, { columns: c, data: l, onClickRow: e }, l.rowKey));
+  return /* @__PURE__ */ a("tbody", { className: i, children: m });
+};
+B.displayName = "TableBasicBody";
+export {
+  B as TableBasicBody
+};
+//# sourceMappingURL=TableBasicBody.js.map

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -0,0 +1,83 @@
+import { jsx as r, jsxs as h, Fragment as m } from "react/jsx-runtime";
+import { SortdecreaseStrokeSrvIcon16 as x, SortincreaseStrokeSrvIcon16 as I, SortStrokeSrvIcon16 as D } from "@sberbusiness/icons-next";
+import { isNullOrUndefined as p } from "../../../../utils/isNullOrUndefined.js";
+import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
+import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
+import { ECellType as b, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
+import { c as T } from "../../../../chunks/vendor-CehxOAkM.js";
+import { m as z, s as n } from "../../../../chunks/utils-DPXynVs1.js";
+import { Text as B } from "../../../Typography/Text.js";
+import { ETextSize as v } from "../../../Typography/enums.js";
+const w = ({ columns: u, onOrderBy: l }) => {
+  const N = !p(l), f = (e) => {
+    let o;
+    switch (e.orderDirection) {
+      case t.NONE: {
+        o = /* @__PURE__ */ r(D, { paletteIndex: 0 });
+        break;
+      }
+      case t.ASC: {
+        o = /* @__PURE__ */ r(I, { paletteIndex: 0 });
+        break;
+      }
+      case t.DESC: {
+        o = /* @__PURE__ */ r(x, { paletteIndex: 0 });
+        break;
+      }
+    }
+    const i = T(n.orderButton, {
+      [n.alignLeft]: e.horizontalAlign === s.RIGHT,
+      [n.alignRight]: e.horizontalAlign !== s.RIGHT,
+      [n.sorted]: e.orderDirection !== t.NONE
+    });
+    return /* @__PURE__ */ r("span", { className: i, children: o });
+  }, A = (e, o) => {
+    if (e.hidden)
+      return null;
+    const i = e.width ? { maxWidth: e.width, minWidth: e.width, width: e.width } : void 0, a = o && !p(e.orderDirection), E = a ? () => {
+      S(e.fieldKey, e.orderDirection);
+    } : void 0, d = a && f(e), C = z(e.horizontalAlign), O = T(n.thBlock, "hoverable", {
+      [n.checkboxType]: e.cellType === b.CHECKBOX,
+      [n.order]: a
+    }), c = [b.TEXT, void 0].includes(e.cellType) ? /* @__PURE__ */ r(B, { size: v.B3, children: e.label }) : e.label, g = e.horizontalAlign === s.RIGHT ? /* @__PURE__ */ h(m, { children: [
+      d,
+      c
+    ] }) : /* @__PURE__ */ h(m, { children: [
+      c,
+      d
+    ] });
+    return /* @__PURE__ */ r("th", { className: C, title: e.title, style: i, children: /* @__PURE__ */ r(
+      "span",
+      {
+        className: O,
+        onClick: E,
+        ...!!e.ariaAttributes && H(e.ariaAttributes),
+        ...!!e.dataAttributes && y(e.dataAttributes),
+        children: g
+      }
+    ) }, e.fieldKey);
+  }, S = (e, o) => {
+    let i;
+    switch (o) {
+      case t.NONE: {
+        i = t.ASC;
+        break;
+      }
+      case t.ASC: {
+        i = t.DESC;
+        break;
+      }
+      case t.DESC: {
+        i = t.NONE;
+        break;
+      }
+    }
+    l && l({ direction: i, fieldKey: e });
+  }, k = u.map((e) => A(e, N));
+  return /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: k }) });
+};
+w.displayName = "TableBasicHeader";
+export {
+  w as TableBasicHeader
+};
+//# sourceMappingURL=TableBasicHeader.js.map