@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -0,0 +1,100 @@
+import { jsx as t, jsxs as c, Fragment as m } 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-lbLsbKwC.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import { DropdownMobileBody as k } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as N } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as O } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import { DropdownMobileInput as P } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as T } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as q } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader as z } from "../../Dropdown/mobile/DropdownMobileLoader.js";
+import { s as A, S as E } from "../../../chunks/SuggestFieldMobileDropdownHint-Ciw5Nm9X.js";
+const G = ({
+  value: o,
+  options: f,
+  placeholder: h,
+  dropdownHint: l,
+  opened: g,
+  loading: b,
+  dropdownListLoading: a,
+  clearInputOnFocus: w,
+  setOpened: n,
+  onSelect: s,
+  onFilter: D,
+  onScrollEnd: d
+}, M) => {
+  const [F, e] = H((o == null ? void 0 : o.label) || ""), C = p(null), u = p(null);
+  V(() => {
+    e((o == null ? void 0 : o.label) || "");
+  }, [o]);
+  const I = () => {
+    e(w === !1 && (o == null ? void 0 : o.label) || "");
+  }, R = (r) => {
+    const { value: i } = r.target;
+    e(i), D(i);
+  }, S = () => {
+    n(!1), s(o);
+  }, B = (r) => {
+    if (!d)
+      return;
+    const { clientHeight: i, scrollHeight: L, scrollTop: x } = r.target;
+    L - x === i && d();
+  };
+  return /* @__PURE__ */ t(
+    j,
+    {
+      setOpened: (r) => {
+        n(r), r || s(o);
+      },
+      opened: g,
+      targetRef: u,
+      ref: M,
+      mobileViewProps: {
+        children: /* @__PURE__ */ c(m, { children: [
+          /* @__PURE__ */ t(
+            O,
+            {
+              controlButtons: /* @__PURE__ */ c(m, { children: [
+                b && /* @__PURE__ */ t(z, {}),
+                /* @__PURE__ */ t(N, { onClick: S })
+              ] }),
+              children: /* @__PURE__ */ t(
+                P,
+                {
+                  value: F,
+                  placeholder: h,
+                  autoFocus: !0,
+                  onFocus: I,
+                  onChange: R
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t(k, { className: A.suggestFieldMobileBody, onScroll: B, children: l ? /* @__PURE__ */ t(E, { children: l }) : /* @__PURE__ */ t(T, { loading: a, ref: C, children: f.map((r) => /* @__PURE__ */ t(
+            q,
+            {
+              id: r.id,
+              selected: r.id === (o == null ? void 0 : o.id),
+              onSelect: () => {
+                s(r), n(!1);
+              },
+              children: r.content || r.label
+            },
+            r.id
+          )) }) })
+        ] })
+      }
+    }
+  );
+}, co = y.forwardRef(G);
+export {
+  co 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-Ciw5Nm9X.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-Ciw5Nm9X.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-CF2m175I.js";
-const H = "swipeableArea__87d66005", V = "content__b23eb94f", $ = "disableScroll__4e228410", k = "disablePointerEvents__5471c540", q = "swipeAnimationFinish__37700aff", G = "leftContent__555ef8c3", J = "rightContent__0b88229c", s = {
+import { jsxs as j, jsx as A } from "react/jsx-runtime";
+import z, { useState as _, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { c as g } from "../../chunks/vendor-BlJo2ILB.js";
+const H = "swipeableArea__f2c21b47", V = "content__7d32a6e2", $ = "disableScroll__e2e4e668", k = "disablePointerEvents__644e93fb", q = "swipeAnimationFinish__5a593f58", G = "leftContent__153cc4fa", J = "rightContent__015adead", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,9 +9,9 @@ const H = "swipeableArea__87d66005", V = "content__b23eb94f", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, p = 24, b = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+}, p = 24, E = 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] = _(!1), [l, d] = _(), [o, e] = _(0), i = u(null), r = u(null), n = u(0), h = u(N), w = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -23,14 +23,14 @@ const H = "swipeableArea__87d66005", V = "content__b23eb94f", $ = "disableScroll
       ) : n.current < 0 && t < 0 && e(
         Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
       );
-    }, E = () => {
-      h.current = N, d(void 0), document.removeEventListener("touchend", E);
+    }, R = () => {
+      h.current = N, d(void 0), document.removeEventListener("touchend", R);
     };
     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", E);
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", R);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
@@ -56,11 +56,11 @@ const H = "swipeableArea__87d66005", V = "content__b23eb94f", $ = "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 && w.current && !w.current.contains(c.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
-    const R = () => {
+    const b = () => {
       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__87d66005", V = "content__b23eb94f", $ = "disableScroll
           T();
         },
         swipeRight: () => {
-          R();
+          b();
         }
       }),
-      [v, T, R]
+      [v, T, b]
     ), /* @__PURE__ */ j(
       "div",
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.1.8",
-        ref: _,
+        "data-tx": "0.10.0",
+        ref: w,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ w(
+          typeof m < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.leftContent, {
-                [b]: S
+                [E]: S
               }),
               ref: i,
               style: { opacity: Y() },
               children: m
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ w(
+          typeof C < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.rightContent, {
-                [b]: S
+                [E]: S
               }),
               ref: r,
               style: { opacity: P() },
               children: C
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ A(
             "div",
             {
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [b]: S
+                [E]: 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-BlJo2ILB.js";
+const s = "filterPanel__04502135", i = {
+  filterPanel: s
+}, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: r(i.filterPanel, l),
+    ...t,
+    "data-tx": "0.10.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 a } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { MasterTableContext as n } from "./MasterTableContext.js";
+import { c as b } from "../../chunks/vendor-BlJo2ILB.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__273c057e", g = {
+  masterTable: x
+}, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
+  const [s, l] = i([]);
+  return /* @__PURE__ */ a(
+    n.Provider,
+    {
+      value: {
+        columns: s,
+        loading: r,
+        setColumns: l
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: b(g.masterTable, o),
+          ...m,
+          "data-tx": "0.10.0",
+          children: t
+        }
+      )
+    }
+  );
+};
+e.displayName = "MasterTable";
+e.NoColumns = p;
+e.FilterPanel = T;
+e.TabsLinePanel = c;
+e.TableBasic = f;
+e.TableBasicSettings = P;
+e.TableFooter = u;
+e.PaginationPanel = d;
+export {
+  e 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 c, jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../chunks/vendor-BlJo2ILB.js";
+import { Gap as l } from "../Gap/Gap.js";
+import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
+const a = "noColumns__9791517e", i = "content__818dabfa", s = {
+  noColumns: a,
+  content: i
+}, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [
+  /* @__PURE__ */ o(r, {}),
+  /* @__PURE__ */ o(l, { size: 8 }),
+  /* @__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-BlJo2ILB.js";
+const e = "paginationPanel__408b04e5", s = {
+  paginationPanel: e
+}, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(s.paginationPanel, n),
+    ...i,
+    "data-tx": "0.10.0",
+    children: a
+  }
+);
+l.displayName = "PaginationPanel";
+export {
+  l as PaginationPanel
+};
+//# sourceMappingURL=PaginationPanel.js.map

package/components/Table/TableBasic/TableBasic.js

@@ -0,0 +1,52 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useContext as B, useEffect as N } from "react";
+import { i as T } from "../../../chunks/vendor-BlJo2ILB.js";
+import { MasterTableContext as L } from "../MasterTableContext.js";
+import { s as a } from "../../../chunks/utils-BHK9pmFJ.js";
+import { TableBasicHeader as g } from "./components/TableBasicHeader.js";
+import { TableBasicBody as C } from "./components/TableBasicBody.js";
+import { LoaderMiddle as E } from "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { LoaderScreen as j } from "../../LoaderScreen/LoaderScreen.js";
+const D = ({
+  columns: t,
+  data: i,
+  highlightRowOnHover: c,
+  onOrderBy: m,
+  onClickRow: f,
+  renderNoColumns: n,
+  renderNoData: p,
+  headless: b,
+  ...v
+}) => {
+  const o = B(L), y = i.length === 0;
+  N(() => {
+    T(t, o.columns) || o.setColumns(t);
+  }, [t, o]);
+  const u = () => t.every((e) => e.hidden) && n ? n() : /* @__PURE__ */ d("table", { ...v, children: [
+    b || /* @__PURE__ */ r(g, { columns: t, onOrderBy: m }),
+    /* @__PURE__ */ r(
+      C,
+      {
+        columns: t,
+        data: i,
+        onClickRow: f,
+        highlightRowOnHover: c
+      }
+    )
+  ] }, "table"), h = (e) => {
+    const { loading: s } = o;
+    return s && e ? l(x()) : !s && e ? l(p()) : s && !e ? /* @__PURE__ */ r("div", { className: a.spinnerWrapper, children: /* @__PURE__ */ r(j, { type: "middle", className: a.tableLoaderScreen }) }) : null;
+  }, l = (e) => /* @__PURE__ */ r("div", { className: a.footerEmptyData, children: e }), x = () => [
+    /* @__PURE__ */ r("div", { className: a.overlayCover }, "overlay"),
+    /* @__PURE__ */ r(E, {}, "spinner")
+  ];
+  return /* @__PURE__ */ d("div", { className: a.tableBasic, children: [
+    u(),
+    h(y)
+  ] });
+};
+D.displayName = "TableBasic";
+export {
+  D 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-BlJo2ILB.js";
+import { s as r } from "../../../../chunks/utils-BHK9pmFJ.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,84 @@
+import { jsx as r, jsxs as m, Fragment as p } from "react/jsx-runtime";
+import { SortdecreaseStrokeSrvIcon16 as x, SortincreaseStrokeSrvIcon16 as I, SortStrokeSrvIcon16 as D } from "@sberbusiness/icons-next";
+import { isNullOrUndefined as b } 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 T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
+import { c as d } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as n, m as z } from "../../../../chunks/utils-BHK9pmFJ.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 = !b(l), f = (e) => {
+    let o;
+    switch (e.orderDirection) {
+      case t.NONE: {
+        o = /* @__PURE__ */ r(D, { paletteIndex: 5 });
+        break;
+      }
+      case t.ASC: {
+        o = /* @__PURE__ */ r(I, { paletteIndex: 5 });
+        break;
+      }
+      case t.DESC: {
+        o = /* @__PURE__ */ r(x, { paletteIndex: 5 });
+        break;
+      }
+    }
+    const i = d(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 && !b(e.orderDirection), E = a ? () => {
+      S(e.fieldKey, e.orderDirection);
+    } : void 0, c = a && f(e), C = d(z(e.horizontalAlign), {
+      [n.checkboxType]: e.cellType === T.CHECKBOX
+    }), O = d(n.thBlock, "hoverable", {
+      [n.order]: a
+    }), h = [T.TEXT, void 0].includes(e.cellType) ? /* @__PURE__ */ r(B, { size: v.B3, children: e.label }) : e.label, g = e.horizontalAlign === s.RIGHT ? /* @__PURE__ */ m(p, { children: [
+      c,
+      h
+    ] }) : /* @__PURE__ */ m(p, { children: [
+      h,
+      c
+    ] });
+    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

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -0,0 +1,50 @@
+import { jsx as i } from "react/jsx-runtime";
+import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
+import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
+import { DataTestId as L } from "../../../../consts/DataTestId.js";
+import { c as p } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-BHK9pmFJ.js";
+import { ECellType as a, EVerticalAlign as f } from "../enums.js";
+import { ETextSize as A } from "../../../Typography/enums.js";
+import { Text as N } from "../../../Typography/Text.js";
+const j = ({ columns: y, data: C, onClickRow: n }) => {
+  const { rowKey: b, rowData: d, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, h = p({ [M.selected]: T, selected: T }), B = n ? () => n(b) : void 0, E = r ? r["test-id"] : void 0, g = (e, t, O, m) => {
+    if (e.hidden)
+      return null;
+    const o = e.renderCell ? e.renderCell(t) : t, s = e.cellType ?? a.TEXT, w = e.verticalAlign ?? (s === a.TEXT ? f.BASELINE : f.TOP), z = p(
+      $(s),
+      X(e.horizontalAlign),
+      S(w)
+    ), K = e.width ? { width: e.width } : void 0, v = () => o ? s === a.CHECKBOX || s === a.COMPONENTS ? o : /* @__PURE__ */ i(N, { size: A.B3, children: o }) : /* @__PURE__ */ i(N, { size: A.B3, children: "---" });
+    return /* @__PURE__ */ i(
+      "td",
+      {
+        className: z,
+        ...O,
+        "data-test-id": m && `${m}__${e.fieldKey}${L.Table.TableBasic.td}`,
+        style: K,
+        children: v()
+      },
+      e.fieldKey
+    );
+  }, x = y.map((e) => {
+    const { fieldKey: t } = e;
+    if (Object.keys(d).indexOf(t) !== -1)
+      return g(e, d[t], l == null ? void 0 : l[t], E);
+  });
+  return /* @__PURE__ */ i(
+    "tr",
+    {
+      className: h,
+      onClick: B,
+      ...!!c && H(c),
+      ...!!r && D(r),
+      children: x
+    }
+  );
+};
+j.displayName = "TableBasicRow";
+export {
+  j as TableBasicRow
+};
+//# sourceMappingURL=TableBasicRow.js.map

package/components/Table/TableBasic/enums.js

@@ -0,0 +1,8 @@
+var t = /* @__PURE__ */ ((T) => (T.NONE = "none", T.ASC = "asc", T.DESC = "desc", T))(t || {}), O = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.CENTER = "center", T))(O || {}), s = /* @__PURE__ */ ((T) => (T.BASELINE = "baseline", T.SUB = "sub", T.SUPER = "super", T.TEXT_TOP = "text-top", T.TEXT_BOTTOM = "text-bottom", T.MIDDLE = "middle", T.TOP = "top", T.BOTTOM = "bottom", T))(s || {}), u = /* @__PURE__ */ ((T) => (T.TEXT = "text", T.COMPONENTS = "components", T.CHECKBOX = "checkbox", T))(u || {});
+export {
+  u as ECellType,
+  O as EHorizontalAlign,
+  t as EOrderDirection,
+  s as EVerticalAlign
+};
+//# sourceMappingURL=enums.js.map

package/components/Table/TableBasic/types.js

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