@sberbusiness/triplex-next 1.1.1 → 1.3.0

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-g0mYNHIW.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-Cc_fZLBH.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-Cc_fZLBH.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-Cc_fZLBH.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__5271d7c8", V = "content__29221fd7", $ = "disableScroll__586ce792", k = "disablePointerEvents__a89cf7f3", q = "swipeAnimationFinish__17bd64ca", G = "leftContent__aaddf244", J = "rightContent__58b05b77", s = {
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+const H = "swipeableArea__946c70de", V = "content__71282a2a", $ = "disableScroll__4e3871d1", k = "disablePointerEvents__e32b1418", q = "swipeAnimationFinish__e7cb62e9", G = "leftContent__e0523a94", J = "rightContent__92123675", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,7 +9,7 @@ const H = "swipeableArea__5271d7c8", V = "content__29221fd7", $ = "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 = () => {
       a(!0);
@@ -23,14 +23,14 @@ const H = "swipeableArea__5271d7c8", V = "content__29221fd7", $ = "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;
@@ -60,7 +60,7 @@ const H = "swipeableArea__5271d7c8", V = "content__29221fd7", $ = "disableScroll
       };
       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,23 +77,23 @@ const H = "swipeableArea__5271d7c8", V = "content__29221fd7", $ = "disableScroll
           T();
         },
         swipeRight: () => {
-          R();
+          b();
         }
       }),
-      [v, T, R]
+      [v, T, b]
     ), /* @__PURE__ */ j(
       "div",
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "1.1.1",
+        "data-tx": "1.3.0",
         ref: _,
         children: [
           typeof m < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.leftContent, {
-                [b]: S
+                [E]: S
               }),
               ref: i,
               style: { opacity: Y() },
@@ -104,7 +104,7 @@ const H = "swipeableArea__5271d7c8", V = "content__29221fd7", $ = "disableScroll
             "div",
             {
               className: g(s.rightContent, {
-                [b]: S
+                [E]: S
               }),
               ref: r,
               style: { opacity: P() },
@@ -117,7 +117,7 @@ const H = "swipeableArea__5271d7c8", V = "content__29221fd7", $ = "disableScroll
               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-CehxOAkM.js";
+const s = "filterPanel__6e732df8", i = {
+  filterPanel: s
+}, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: r(i.filterPanel, l),
+    ...t,
+    "data-tx": "1.3.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-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 d } from "./TableFooter/TableFooter.js";
+import { PaginationPanel as u } from "./PaginationPanel.js";
+import "./TableBasicSettings/components/ColumnSettings.js";
+import "./TableBasic/enums.js";
+const x = "masterTable__d059bd31", 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": "1.3.0",
+          children: t
+        }
+      )
+    }
+  );
+};
+e.displayName = "MasterTable";
+e.NoColumns = p;
+e.FilterPanel = T;
+e.TabsLinePanel = c;
+e.TableBasic = f;
+e.TableBasicSettings = P;
+e.TableFooter = d;
+e.PaginationPanel = u;
+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 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__60cd8d0b", a = "content__b677d98c", 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__6956c84b", e = {
+  paginationPanel: s
+}, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(e.paginationPanel, n),
+    ...i,
+    "data-tx": "1.3.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-D8e1oAR3.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-D8e1oAR3.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-D8e1oAR3.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

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

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

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -0,0 +1,58 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { ButtonDropdownExtended as a } from "../../Button/ButtonDropdownExtended.js";
+import { c as l } from "../../../chunks/vendor-CehxOAkM.js";
+import { TableBasicSettingsBody as u } from "./components/TableBasicSettingsBody.js";
+import { ColumnSettings as B } from "./components/ColumnSettings.js";
+import { TableBasicSettingsFooter as w } from "./components/TableBasicSettingsFooter.js";
+import { TableBasicSettingsHeader as x } from "./components/TableBasicSettingsHeader.js";
+import { ETextSize as D } from "../../Typography/enums.js";
+import { Link as T } from "../../Link/Link.js";
+import { Text as k } from "../../Typography/Text.js";
+const L = "tableSettingsLink__53655fb0", h = "tableSettingsDropdown__86544799", m = {
+  tableSettingsLink: L,
+  tableSettingsDropdown: h
+}, t = ({ children: p, className: d, linkTitle: c, ...f }) => {
+  const r = s(null), i = s(null), b = ({ opened: e, setOpened: n }) => /* @__PURE__ */ o(k, { size: D.B3, children: /* @__PURE__ */ o(
+    T,
+    {
+      href: "#",
+      "aria-haspopup": "listbox",
+      "aria-controls": "button-dropdown-extended-list",
+      "aria-expanded": e,
+      onClick: (S) => {
+        S.preventDefault(), n(!e);
+      },
+      ref: r,
+      children: c
+    }
+  ) }), g = ({ className: e, ...n }) => /* @__PURE__ */ o(
+    a.Dropdown,
+    {
+      className: l(m.tableSettingsDropdown, e),
+      ...n,
+      targetRef: r,
+      ref: i,
+      children: p
+    }
+  );
+  return /* @__PURE__ */ o(
+    a,
+    {
+      className: l(m.tableSettingsLink, d),
+      renderButton: b,
+      renderDropdown: g,
+      dropdownRef: i,
+      ...f
+    }
+  );
+};
+t.displayName = "TableBasicSettings";
+t.Body = u;
+t.ColumnSettings = B;
+t.Footer = w;
+t.Header = x;
+export {
+  t as TableBasicSettings
+};
+//# sourceMappingURL=TableBasicSettings.js.map

package/components/Table/TableBasicSettings/components/ColumnSettings.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import m, { useContext as r } from "react";
+import { MasterTableContext as a } from "../../MasterTableContext.js";
+import { ColumnSettingsSortableList as f } from "./ColumnSettingsSortableList.js";
+import { ColumnSettingsStaticList as u } from "./ColumnSettingsStaticList.js";
+const l = Object.assign(
+  m.forwardRef(function({ children: t, className: o, ...i }, n) {
+    const { columns: e } = r(a);
+    return /* @__PURE__ */ s("div", { className: o, ...i, ref: n, children: typeof t == "function" ? t({ columns: e }) : t });
+  }),
+  {
+    SortableList: f,
+    StaticList: u
+  }
+);
+l.displayName = "ColumnSettings";
+export {
+  l as ColumnSettings
+};
+//# sourceMappingURL=ColumnSettings.js.map