@sberbusiness/triplex-next 1.4.0 → 1.6.0

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as L } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as O } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-CMKMF0PQ.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-Bh4smUeN.js";
 import "./mobile/SuggestFieldMobileTarget.js";
 import { jsx as e } from "react/jsx-runtime";
 import { MobileView as h } from "../MobileView/MobileView.js";

package/components/SuggestField/SuggestFieldTarget.js

@@ -5,7 +5,7 @@ import "../FormField/components/FormFieldCounter.js";
 import { FormFieldLabel as p } from "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as d } from "../../chunks/FormFieldInput-CO7yZP0Q.js";
+import { F as d } from "../../chunks/FormFieldInput-BBhoiftf.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import { FormFieldPrefix as l } from "../FormField/components/FormFieldPrefix.js";

package/components/SuggestField/SuggestFieldTargetPostfix.js

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import { FormFieldClear as f } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-CO7yZP0Q.js";
+import "../../chunks/FormFieldInput-BBhoiftf.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as d } from "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -1,7 +1,7 @@
-import { SuggestFieldDesktopDropdown as gt } from "./SuggestFieldDesktopDropdown.js";
-import { jsxs as q, jsx as g } from "react/jsx-runtime";
-import { useState as f, useRef as k, useCallback as s, useEffect as E } from "react";
-import { a as ft, A as ht, c as Dt } from "../../../chunks/vendor-Ba_pyhza.js";
+import { SuggestFieldDesktopDropdown as ft } from "./SuggestFieldDesktopDropdown.js";
+import { jsxs as q, jsx as f } from "react/jsx-runtime";
+import { useState as g, useRef as k, useCallback as s, useEffect as E } from "react";
+import { a as gt, G as ht, c as Dt } from "../../../chunks/vendor-D3hUOusX.js";
 import { Tooltip as x } from "../../Tooltip/Tooltip.js";
 import { ETooltipSize as bt } from "../../Tooltip/enums.js";
 import { SuggestFieldTarget as ut } from "../SuggestFieldTarget.js";
@@ -12,7 +12,7 @@ import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-CO7yZP0Q.js";
+import "../../../chunks/FormFieldInput-BBhoiftf.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
@@ -21,7 +21,7 @@ import "../../Dropdown/Dropdown.js";
 import { DropdownListContext as kt } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-D2hzyBGc.js";
+import "../../../chunks/DropdownListItem-DgEkMGvB.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -34,7 +34,7 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DataTestId as wt } from "../../../consts/DataTestId.js";
-const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
+const Lt = "suggestFieldDesktop__c99f9d45", Ct = {
   suggestFieldDesktop: Lt
 }, Pt = ({
   className: z,
@@ -42,16 +42,16 @@ const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
   options: p,
   size: y,
   status: F,
-  label: v,
-  placeholder: B,
-  loading: G,
+  label: G,
+  placeholder: v,
+  loading: B,
   dropdownListLoading: J,
   tooltipHint: K,
   tooltipOpen: Q,
-  clearInputOnFocus: A,
+  clearInputOnFocus: R,
   onSelect: d,
   onFilter: h,
-  onScrollEnd: R,
+  onScrollEnd: A,
   onTargetInputFocus: D,
   onTargetInputBlur: b,
   renderTarget: N,
@@ -65,8 +65,8 @@ const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
   "data-test-id": c,
   ...T
 }) => {
-  const [m, l] = f((e == null ? void 0 : e.label) || ""), [u, w] = f(), [i, M] = f(!1), [o, n] = f(!1), [O, S] = f(!1), j = k(ft()), L = k(null), _ = k(null), C = k(R);
-  C.current = R;
+  const [m, l] = g((e == null ? void 0 : e.label) || ""), [u, w] = g(), [i, M] = g(!1), [o, n] = g(!1), [O, S] = g(!1), j = k(gt()), L = k(null), _ = k(null), C = k(A);
+  C.current = A;
   const I = s(
     (t) => {
       l((t == null ? void 0 : t.label) || ""), w(void 0), n(!1), S(!0), d(t);
@@ -74,9 +74,9 @@ const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
     [d]
   ), tt = s(
     (t) => {
-      M(!0), n(!0), A && m.length !== 0 && l(""), D == null || D(t);
+      M(!0), n(!0), R && m.length !== 0 && l(""), D == null || D(t);
     },
-    [A, m, D]
+    [R, m, D]
   ), et = s(
     (t) => {
       w(void 0), M(!1), n(!1), S(!1), m.length !== 0 ? l((e == null ? void 0 : e.label) || "") : d(void 0), b == null || b(t);
@@ -122,23 +122,23 @@ const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
     }
   }, [o, P]);
   const nt = () => {
-    const t = Dt(Ct.suggestFieldDesktop, "hoverable", z), r = N === void 0 ? ut : N, a = H === void 0 ? gt : H;
-    return /* @__PURE__ */ g("div", { className: t, "data-test-id": c, ...T, ref: L, children: /* @__PURE__ */ q(
+    const t = Dt(Ct.suggestFieldDesktop, "hoverable", z), r = N === void 0 ? ut : N, a = H === void 0 ? ft : H;
+    return /* @__PURE__ */ f("div", { className: t, "data-test-id": c, ...T, ref: L, children: /* @__PURE__ */ q(
       kt.Provider,
       {
         value: { activeDescendant: u, setActiveDescendant: it },
         children: [
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ f(
             r,
             {
               size: y,
               status: F,
               inputValue: m,
-              label: v,
-              placeholder: B,
+              label: G,
+              placeholder: v,
               "aria-controls": j.current,
               "aria-activedescendant": u,
-              loading: G,
+              loading: B,
               dropdownOpen: o,
               onFocus: tt,
               onBlur: et,
@@ -152,7 +152,7 @@ const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
               dataTestId: c
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ f(
             a,
             {
               value: e,
@@ -184,8 +184,8 @@ const Lt = "suggestFieldDesktop__83a89ae8", Ct = {
       targetRef: L,
       disableAdaptiveMode: !0,
       children: [
-        /* @__PURE__ */ g(x.Body, { "data-test-id": c && `${c}${wt.Suggest.tooltip}`, children: K }),
-        /* @__PURE__ */ g(x.Target, { children: nt() })
+        /* @__PURE__ */ f(x.Body, { "data-test-id": c && `${c}${wt.Suggest.tooltip}`, children: K }),
+        /* @__PURE__ */ f(x.Target, { children: nt() })
       ]
     }
   );

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -3,7 +3,7 @@ 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-D2hzyBGc.js";
+import { D as C } from "../../../chunks/DropdownListItem-DgEkMGvB.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 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-CMKMF0PQ.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-Bh4smUeN.js";
 import { SuggestFieldMobileTarget as m } from "./mobile/SuggestFieldMobileTarget.js";
 import { SuggestField as x } from "./SuggestField.js";
 export {

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -1,9 +1,9 @@
 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-Ba_pyhza.js";
+import { c as N } from "../../../chunks/vendor-D3hUOusX.js";
 import { SuggestFieldMobileTarget as R } from "./SuggestFieldMobileTarget.js";
 import { SuggestFieldMobileDropdown as q } from "./SuggestFieldMobileDropdown.js";
-import { s as z } from "../../../chunks/SuggestFieldMobileDropdownHint-CMKMF0PQ.js";
+import { s as z } from "../../../chunks/SuggestFieldMobileDropdownHint-Bh4smUeN.js";
 function U({
   className: m,
   value: r,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -4,7 +4,7 @@ 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-D2hzyBGc.js";
+import "../../../chunks/DropdownListItem-DgEkMGvB.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as k } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as _ } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileInput as O } from "../../Dropdown/mobile/DropdownMobileIn
 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-CMKMF0PQ.js";
+import { s as z, S as A } from "../../../chunks/SuggestFieldMobileDropdownHint-Bh4smUeN.js";
 const E = ({
   value: o,
   options: c,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -3,7 +3,7 @@ import "../../Typography/Title.js";
 import "../../Typography/Text.js";
 import "../../Typography/Caption.js";
 import "../../Typography/enums.js";
-import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-CMKMF0PQ.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-Bh4smUeN.js";
 export {
   d as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as g } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-CMKMF0PQ.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-Bh4smUeN.js";
 import { SuggestFieldMobileTarget as p } from "./SuggestFieldMobileTarget.js";
 export {
   r as SuggestFieldMobile,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
-import { jsxs as j, jsx as b } 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-Ba_pyhza.js";
-const H = "swipeableArea__f2b5a350", V = "content__8d64dd62", $ = "disableScroll__4d2d1b89", k = "disablePointerEvents__ef08160c", q = "swipeAnimationFinish__1fa391cf", G = "leftContent__01c5f9bc", J = "rightContent__9b3ba465", s = {
+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-D3hUOusX.js";
+const H = "swipeableArea__c01fc7ec", V = "content__3764a6a3", $ = "disableScroll__303e376a", k = "disablePointerEvents__6ad521bb", q = "swipeAnimationFinish__e9ccfe2b", G = "leftContent__3e9739ce", J = "rightContent__e7af4989", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,9 +9,9 @@ const H = "swipeableArea__f2b5a350", V = "content__8d64dd62", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, p = 24, A = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+}, p = 24, b = 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] = w(!1), [l, d] = w(), [o, e] = w(0), i = u(null), r = u(null), n = u(0), f = u(N), _ = u(null), X = () => {
+    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);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -24,17 +24,17 @@ const H = "swipeableArea__f2b5a350", V = "content__8d64dd62", $ = "disableScroll
         Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
       );
     }, E = () => {
-      f.current = N, d(void 0), document.removeEventListener("touchend", E);
+      h.current = N, d(void 0), document.removeEventListener("touchend", E);
     };
     M(() => {
       !l && o !== n.current && X();
     }, [l]);
     const x = (t) => {
-      f.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", E);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
-      const c = t.touches[0].clientX - f.current.clientX, F = t.touches[0].clientY - f.current.clientY;
+      const c = t.touches[0].clientX - h.current.clientX, F = t.touches[0].clientY - h.current.clientY;
       if (!l) {
         Math.abs(F) > Math.abs(c) ? d(
           "vertical"
@@ -47,12 +47,12 @@ const H = "swipeableArea__f2b5a350", V = "content__8d64dd62", $ = "disableScroll
       }
       if (l === "vertical")
         return;
-      const h = n.current + c;
+      const f = n.current + c;
       n.current === 0 ? c > 0 && m ? e(
-        Math.min(h, i.current.getBoundingClientRect().width)
+        Math.min(f, i.current.getBoundingClientRect().width)
       ) : c < 0 && C && e(
-        Math.max(h, -r.current.getBoundingClientRect().width)
-      ) : n.current > 0 ? c < 0 && e(Math.max(0, h)) : n.current < 0 && c > 0 && e(Math.min(0, h));
+        Math.max(f, -r.current.getBoundingClientRect().width)
+      ) : n.current > 0 ? c < 0 && e(Math.max(0, f)) : n.current < 0 && c > 0 && e(Math.min(0, f));
     }, 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) => {
@@ -86,38 +86,38 @@ const H = "swipeableArea__f2b5a350", V = "content__8d64dd62", $ = "disableScroll
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "1.4.0",
+        "data-tx": "1.6.0",
         ref: _,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ b(
+          typeof m < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.leftContent, {
-                [A]: S
+                [b]: S
               }),
               ref: i,
               style: { opacity: Y() },
               children: m
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ b(
+          typeof C < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.rightContent, {
-                [A]: S
+                [b]: S
               }),
               ref: r,
               style: { opacity: P() },
               children: C
             }
           ) : null,
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ w(
             "div",
             {
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [A]: S
+                [b]: S
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

@@ -1,13 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-Ba_pyhza.js";
-const s = "filterPanel__308c3fb0", i = {
+import { jsx as t } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor-D3hUOusX.js";
+const s = "filterPanel__7ae6a2a5", i = {
   filterPanel: s
-}, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
+}, n = ({ children: e, className: a, ...l }) => /* @__PURE__ */ t(
   "div",
   {
-    className: r(i.filterPanel, l),
-    ...t,
-    "data-tx": "1.4.0",
+    className: r(i.filterPanel, a),
+    ...l,
+    "data-tx": "1.6.0",
     children: e
   }
 );

package/components/Table/MasterTable.js

@@ -1,7 +1,7 @@
 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-Ba_pyhza.js";
+import { c as b } from "../../chunks/vendor-D3hUOusX.js";
 import { NoColumns as p } from "./NoColumns.js";
 import { FilterPanel as T } from "./FilterPanel.js";
 import { TabsLinePanel as c } from "./TabsLinePanel.js";
@@ -11,7 +11,7 @@ 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__b18bca89", g = {
+const x = "masterTable__fa6c94ad", g = {
   masterTable: x
 }, a = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
@@ -28,7 +28,7 @@ const x = "masterTable__b18bca89", g = {
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "1.4.0",
+          "data-tx": "1.6.0",
           children: t
         }
       )

package/components/Table/NoColumns.js

@@ -1,13 +1,13 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as e } from "../../chunks/vendor-D3hUOusX.js";
 import { Gap as l } from "../Gap/Gap.js";
-import { ServicesetupSysIcon128 as r } from "@sberbusiness/icons-next";
-const a = "noColumns__6052562b", i = "content__dad821a9", s = {
+import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
+const a = "noColumns__99300b12", i = "content__aa47c6df", 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: 24 }),
+  /* @__PURE__ */ o(l, { size: 8 }),
   /* @__PURE__ */ o("div", { className: s.content, children: n })
 ] });
 p.displayName = "NoColumns";

package/components/Table/PaginationPanel.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-Ba_pyhza.js";
-const s = "paginationPanel__57350695", e = {
+import { c as o } from "../../chunks/vendor-D3hUOusX.js";
+const s = "paginationPanel__80b2c10f", e = {
   paginationPanel: s
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
     className: o(e.paginationPanel, n),
     ...i,
-    "data-tx": "1.4.0",
+    "data-tx": "1.6.0",
     children: a
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -1,44 +1,44 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useContext as B, useEffect as T } from "react";
-import { i as N } from "../../../chunks/vendor-Ba_pyhza.js";
-import { MasterTableContext as g } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-DwX2_kEA.js";
-import { TableBasicHeader as C } from "./components/TableBasicHeader.js";
-import { TableBasicBody as E } from "./components/TableBasicBody.js";
-import { LoaderMiddle as L } from "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { useContext as B, useEffect as N } from "react";
+import { i as T } from "../../../chunks/vendor-D3hUOusX.js";
+import { MasterTableContext as L } from "../MasterTableContext.js";
+import { s as a } from "../../../chunks/utils-Cb3psf0n.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: s,
-  highlightRowOnHover: m,
-  onOrderBy: c,
+  data: i,
+  highlightRowOnHover: c,
+  onOrderBy: m,
   onClickRow: f,
   renderNoColumns: n,
   renderNoData: p,
   headless: b,
   ...v
 }) => {
-  const o = B(g), y = s.length === 0;
-  T(() => {
-    N(t, o.columns) || o.setColumns(t);
+  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(C, { columns: t, onOrderBy: c }),
+    b || /* @__PURE__ */ r(g, { columns: t, onOrderBy: m }),
     /* @__PURE__ */ r(
-      E,
+      C,
       {
         columns: t,
-        data: s,
+        data: i,
         onClickRow: f,
-        highlightRowOnHover: m
+        highlightRowOnHover: c
       }
     )
   ] }, "table"), h = (e) => {
-    const { loading: i } = o;
-    return i && e ? l(x()) : !i && e ? l(p()) : i && !e ? /* @__PURE__ */ r("div", { className: a.spinnerWrapper, children: /* @__PURE__ */ r(j, { type: "middle" }) }) : null;
+    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(L, {}, "spinner")
+    /* @__PURE__ */ r(E, {}, "spinner")
   ];
   return /* @__PURE__ */ d("div", { className: a.tableBasic, children: [
     u(),

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { TableBasicRow as b } from "./TableBasicRow.js";
-import { c as p } from "../../../../chunks/vendor-Ba_pyhza.js";
-import { s as r } from "../../../../chunks/utils-DwX2_kEA.js";
+import { c as p } from "../../../../chunks/vendor-D3hUOusX.js";
+import { s as r } from "../../../../chunks/utils-Cb3psf0n.js";
 const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
   if (o.length === 0)
     return null;

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

@@ -4,8 +4,8 @@ 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-Ba_pyhza.js";
-import { s as n, m as z } from "../../../../chunks/utils-DwX2_kEA.js";
+import { c as d } from "../../../../chunks/vendor-D3hUOusX.js";
+import { s as n, m as z } from "../../../../chunks/utils-Cb3psf0n.js";
 import { Text as B } from "../../../Typography/Text.js";
 import { ETextSize as v } from "../../../Typography/enums.js";
 const w = ({ columns: u, onOrderBy: l }) => {

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

@@ -1,48 +1,45 @@
-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-Ba_pyhza.js";
-import { s as O, a as v, m as D, b as E } from "../../../../chunks/utils-DwX2_kEA.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) => {
+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-D3hUOusX.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-Cb3psf0n.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 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(
+    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: g,
-        ...h,
-        "data-test-id": n && `${n}__${e.fieldKey}${K.Table.TableBasic.td}`,
-        style: x,
-        children: /* @__PURE__ */ a($, { size: M.B3, children: B() })
+        className: z,
+        ...O,
+        "data-test-id": m && `${m}__${e.fieldKey}${L.Table.TableBasic.td}`,
+        style: K,
+        children: v()
       },
       e.fieldKey
     );
-  }, C = p.map((e) => {
+  }, x = y.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);
+    if (Object.keys(d).indexOf(t) !== -1)
+      return g(e, d[t], l == null ? void 0 : l[t], E);
   });
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "tr",
     {
-      className: y,
-      onClick: N,
-      ...!!o && w(o),
-      ...!!r && z(r),
-      children: C
+      className: h,
+      onClick: B,
+      ...!!c && H(c),
+      ...!!r && D(r),
+      children: x
     }
   );
 };