@sberbusiness/triplex-next 0.1.9 → 0.10.0

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -0,0 +1,76 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Dropdown as $ } from "../../Dropdown/Dropdown.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as h } from "../../Dropdown/desktop/DropdownList.js";
+import { D as C } from "../../../chunks/DropdownListItem-lbLsbKwC.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
+import { DataTestId as d } from "../../../consts/DataTestId.js";
+const _ = [L.ENTER], G = ({
+  size: e,
+  value: t,
+  options: i,
+  targetRef: s,
+  listId: c,
+  dataTestId: r,
+  opened: p,
+  listLoading: E,
+  listRef: x,
+  renderList: n,
+  renderListItem: D,
+  onSelect: f,
+  setOpened: l,
+  ...w
+}) => {
+  const S = n === void 0 ? h : n, g = D === void 0 ? C : D;
+  return /* @__PURE__ */ m(
+    $,
+    {
+      size: e,
+      targetRef: s,
+      "data-test-id": r && `${r}${d.Suggest.dropdown}`,
+      opened: p,
+      fixedWidth: !0,
+      setOpened: l,
+      ...w,
+      children: /* @__PURE__ */ m(
+        S,
+        {
+          id: c,
+          size: e,
+          dropdownOpened: p,
+          loading: E,
+          onMouseDown: (o) => o.preventDefault(),
+          children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ m(
+            g,
+            {
+              id: o.id,
+              keyCodesForSelection: _,
+              "data-test-id": r && `${r}${d.Suggest.dropdown}${d.Dropdown.listItem}`,
+              selected: o.id === (t == null ? void 0 : t.id),
+              onMouseDown: (u) => u.preventDefault(),
+              onSelect: () => f(o),
+              children: o.content || o.label
+            },
+            o.id
+          ))
+        }
+      )
+    }
+  );
+};
+export {
+  G as SuggestFieldDesktopDropdown
+};
+//# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

package/components/SuggestField/desktop/index.js

@@ -0,0 +1,7 @@
+import { SuggestFieldDesktopDropdown as t } from "./SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as r } from "./SuggestFieldDesktop.js";
+export {
+  r as SuggestFieldDesktop,
+  t as SuggestFieldDesktopDropdown
+};
+//# sourceMappingURL=index.js.map

package/components/SuggestField/desktop/types.js

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

package/components/SuggestField/index.js

@@ -0,0 +1,17 @@
+import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopDropdown.js";
+import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
+import { SuggestFieldMobile as p } from "./mobile/SuggestFieldMobile.js";
+import { SuggestFieldMobileDropdown as d } from "./mobile/SuggestFieldMobileDropdown.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-Ciw5Nm9X.js";
+import { SuggestFieldMobileTarget as m } from "./mobile/SuggestFieldMobileTarget.js";
+import { SuggestField as x } from "./SuggestField.js";
+export {
+  x as SuggestField,
+  g as SuggestFieldDesktop,
+  r as SuggestFieldDesktopDropdown,
+  p as SuggestFieldMobile,
+  d as SuggestFieldMobileDropdown,
+  S as SuggestFieldMobileDropdownHint,
+  m as SuggestFieldMobileTarget
+};
+//# sourceMappingURL=index.js.map

package/components/SuggestField/mobile/SuggestFieldMobile.js

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

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__97202a11", V = "content__9a45edf7", $ = "disableScroll__6b38dbda", k = "disablePointerEvents__59b11212", q = "swipeAnimationFinish__cc1291f2", G = "leftContent__fc1ed956", J = "rightContent__fc6ddded", 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__97202a11", V = "content__9a45edf7", $ = "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__97202a11", V = "content__9a45edf7", $ = "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__97202a11", V = "content__9a45edf7", $ = "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__97202a11", V = "content__9a45edf7", $ = "disableScroll
           T();
         },
         swipeRight: () => {
-          R();
+          b();
         }
       }),
-      [v, T, R]
+      [v, T, b]
     ), /* @__PURE__ */ j(
       "div",
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.1.9",
-        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