urfu-ui-kit-react 2.1.7-next.4 → 2.1.7-next.5

package/dist/components/Table/TableMobileView.js

@@ -1,129 +1,130 @@
-import { jsxs as n, Fragment as ce, jsx as a } from "react/jsx-runtime";
-import { useRef as X, useState as Y, useEffect as Z } from "react";
-import { TableMobileFilters$u as pe } from "./TableMobileFilters.js";
-import { Icon$u as w } from "../Icon/Icon.js";
-import { Select$u as fe } from "../Select/Select.js";
-import { Preloader$u as he } from "../Preloader/Preloader.js";
-import { Tooltip$u as ve } from "../Tooltip/Tooltip.js";
-import { MobileCard$u as _e, MobileCollapsibleField$u as ge } from "./TableMobileCard.js";
-const Re = ({
-  filteredColumns: m,
-  pagedData: P,
-  filteredDataLength: D,
-  dataLength: I,
-  initialSkeletonRows: F = 10,
-  isCardMode: H,
-  isLoading: z,
-  isLoadingPreloader: A,
-  messageForEmptyTable: M,
-  effectiveSortField: u,
-  effectiveSortDir: L,
-  applySort: ee,
-  setSortField: N,
-  toggleSortDir: C,
-  mobileSortBar: le,
-  mobileSortLabel: c = "Сортировка",
-  mobileSortStyle: p = "select",
-  renderMobileToolbar: B,
-  mobileFilterOptions: f,
-  renderMobileFilter: T,
-  onMobileFiltersReset: ae,
-  mobileFilterSortLabel: oe,
-  renderMobileCard: W,
-  mobileCardCollapsible: ie,
-  mobileCardLabels: j = !0,
-  mobileMaxVisible: h,
-  mobileCardColumns: v = 1,
-  mobileCardGap: O,
-  mobileCardDivider: S,
-  mobileCardFlat: x,
+import { jsxs as b, Fragment as fe, jsx as a } from "react/jsx-runtime";
+import { useRef as Z, useState as P, useEffect as D } from "react";
+import { TableMobileFilters$u as he } from "./TableMobileFilters.js";
+import { Icon$u as L } from "../Icon/Icon.js";
+import { Select$u as ve } from "../Select/Select.js";
+import { Preloader$u as _e } from "../Preloader/Preloader.js";
+import { Tooltip$u as $e } from "../Tooltip/Tooltip.js";
+import { MobileCard$u as ge, MobileCollapsibleField$u as we } from "./TableMobileCard.js";
+import { getUiKitPrefix$u as o, kitCls$u as r, kitClasses$u as Le } from "../../shared/uiKitDefaults.js";
+const Ve = ({
+  filteredColumns: u,
+  pagedData: F,
+  filteredDataLength: ee,
+  dataLength: z,
+  initialSkeletonRows: le = 10,
+  isCardMode: A,
+  isLoading: M,
+  isLoadingPreloader: B,
+  messageForEmptyTable: T,
+  effectiveSortField: p,
+  effectiveSortDir: N,
+  applySort: ae,
+  setSortField: C,
+  toggleSortDir: S,
+  mobileSortBar: ie,
+  mobileSortLabel: f = "Сортировка",
+  mobileSortStyle: h = "select",
+  renderMobileToolbar: W,
+  mobileFilterOptions: v,
+  renderMobileFilter: j,
+  onMobileFiltersReset: oe,
+  mobileFilterSortLabel: re,
+  renderMobileCard: K,
+  mobileCardCollapsible: te,
+  mobileCardLabels: O = !0,
+  mobileMaxVisible: _,
+  mobileCardColumns: $ = 1,
+  mobileCardGap: U,
+  mobileCardDivider: x,
+  mobileCardFlat: y,
   mobileCardInset: q,
   mobileCardDensity: J = "default"
 }) => {
-  const K = `${q ? " u-table-mobile-card--inset" : ""}${J === "compact" ? " u-table-mobile-card--compact" : ""}`, y = X(null), [Q, re] = Y({ atStart: !0, atEnd: !0 }), E = () => {
-    const l = y.current;
+  const Q = `${q ? ` ${o()}-table-mobile-card--inset` : ""}${J === "compact" ? ` ${o()}-table-mobile-card--compact` : ""}`, E = Z(null), [X, ne] = P({ atStart: !0, atEnd: !0 }), R = () => {
+    const l = E.current;
     if (!l) return;
-    const o = l.scrollWidth > l.clientWidth + 1;
-    re({
-      atStart: !o || l.scrollLeft <= 1,
-      atEnd: !o || l.scrollLeft + l.clientWidth >= l.scrollWidth - 1
+    const i = l.scrollWidth > l.clientWidth + 1;
+    ne({
+      atStart: !i || l.scrollLeft <= 1,
+      atEnd: !i || l.scrollLeft + l.clientWidth >= l.scrollWidth - 1
     });
   };
-  Z(() => {
-    if (!H || p !== "segments") return;
-    const l = y.current;
+  D(() => {
+    if (!A || h !== "segments") return;
+    const l = E.current;
     if (!l || typeof ResizeObserver > "u") return;
-    E();
-    const o = new ResizeObserver(E);
-    return o.observe(l), () => o.disconnect();
-  }, [H, p, I]);
-  const R = X(null), [_, $] = Y(!1);
-  Z(() => {
-    if (!_) return;
-    const l = (o) => {
-      R.current && !R.current.contains(o.target) && $(!1);
+    R();
+    const i = new ResizeObserver(R);
+    return i.observe(l), () => i.disconnect();
+  }, [A, h, z]);
+  const k = Z(null), [g, G] = P(!1);
+  D(() => {
+    if (!g) return;
+    const l = (i) => {
+      k.current && !k.current.contains(i.target) && G(!1);
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, [_]);
-  const b = (l, o, r) => l.renderMobile ? l.renderMobile(o, r) : l.render ? l.render(o, r) : o[l.field], i = m.find((l) => l.mobilePrimary) ?? m[0], g = m.filter(
-    (l) => l !== i && l.mobileHidden !== !0
-  ), d = g.find((l) => l.mobileSubtitle), U = g.filter((l) => l.mobileActions), k = g.filter((l) => l !== d && !l.mobileActions), te = k.filter((l) => l.mobileInline), ne = k.filter(
+  }, [g]);
+  const m = (l, i, n) => l.renderMobile ? l.renderMobile(i, n) : l.render ? l.render(i, n) : i[l.field], t = u.find((l) => l.mobilePrimary) ?? u[0], w = u.filter(
+    (l) => l !== t && l.mobileHidden !== !0
+  ), c = w.find((l) => l.mobileSubtitle), Y = w.filter((l) => l.mobileActions), V = w.filter((l) => l !== c && !l.mobileActions), se = V.filter((l) => l.mobileInline), be = V.filter(
     (l) => l.mobileSecondary && !l.mobileInline
-  ), G = k.filter(
+  ), I = V.filter(
     (l) => !l.mobileInline && !l.mobileSecondary
-  ), se = h != null ? G.slice(0, Math.max(0, h)) : G, be = [
-    ...ne,
-    ...h != null ? G.slice(Math.max(0, h)) : []
-  ], de = () => {
-    if (B)
-      return /* @__PURE__ */ a("div", { className: "u-table-mobile-toolbar", children: B() });
-    if (f != null && f.length && T)
-      return /* @__PURE__ */ a("div", { className: "u-table-mobile-toolbar", children: /* @__PURE__ */ a(
-        pe,
+  ), de = _ != null ? I.slice(0, Math.max(0, _)) : I, me = [
+    ...be,
+    ..._ != null ? I.slice(Math.max(0, _)) : []
+  ], ce = () => {
+    if (W)
+      return /* @__PURE__ */ a("div", { className: r("table-mobile-toolbar"), children: W() });
+    if (v != null && v.length && j)
+      return /* @__PURE__ */ a("div", { className: r("table-mobile-toolbar"), children: /* @__PURE__ */ a(
+        he,
         {
-          options: f,
-          renderFilter: T,
-          onReset: ae,
-          sortLabel: oe
+          options: v,
+          renderFilter: j,
+          onReset: oe,
+          sortLabel: re
         }
       ) });
-    const l = m.filter((e) => e.sortOn);
-    if (!(le ?? l.length > 0) || l.length === 0) return null;
-    const r = l.find((e) => e.field === u);
-    return p === "menu" ? /* @__PURE__ */ n("div", { className: "u-table-mobile-sortmenu", ref: R, children: [
-      /* @__PURE__ */ n(
+    const l = u.filter((e) => e.sortOn);
+    if (!(ie ?? l.length > 0) || l.length === 0) return null;
+    const n = l.find((e) => e.field === p);
+    return h === "menu" ? /* @__PURE__ */ b("div", { className: r("table-mobile-sortmenu"), ref: k, children: [
+      /* @__PURE__ */ b(
         "button",
         {
           type: "button",
-          className: "u-table-mobile-sortmenu__trigger",
-          onClick: () => $((e) => !e),
-          "aria-expanded": _,
+          className: r("table-mobile-sortmenu__trigger"),
+          onClick: () => G((e) => !e),
+          "aria-expanded": g,
           "aria-haspopup": "listbox",
           children: [
-            /* @__PURE__ */ a(w, { name: "sorting", size: "16px", color: "var(--u-color-primary, #1E4391)" }),
-            /* @__PURE__ */ a("span", { className: "u-table-mobile-sortmenu__label", children: r ? r.mobileLabel ?? r.title ?? r.field : c })
+            /* @__PURE__ */ a(L, { name: "sorting", size: "16px", color: `var(--${o()}-color-primary, #1E4391)` }),
+            /* @__PURE__ */ a("span", { className: r("table-mobile-sortmenu__label"), children: n ? n.mobileLabel ?? n.title ?? n.field : f })
           ]
         }
       ),
-      _ && /* @__PURE__ */ a("div", { className: "u-table-mobile-sortmenu__list", role: "listbox", children: l.map((e) => {
-        const t = e.field === u;
-        return /* @__PURE__ */ n(
+      g && /* @__PURE__ */ a("div", { className: r("table-mobile-sortmenu__list"), role: "listbox", children: l.map((e) => {
+        const s = e.field === p;
+        return /* @__PURE__ */ b(
           "button",
           {
             type: "button",
-            className: `u-table-mobile-sortmenu__option${t ? " u-table-mobile-sortmenu__option--active" : ""}`,
-            "aria-selected": t,
+            className: `${o()}-table-mobile-sortmenu__option${s ? ` ${o()}-table-mobile-sortmenu__option--active` : ""}`,
+            "aria-selected": s,
             onClick: () => {
-              t ? C() : (N(String(e.field)), $(!1));
+              s ? S() : (C(String(e.field)), G(!1));
             },
             children: [
               /* @__PURE__ */ a("span", { children: e.mobileLabel ?? e.title ?? e.field }),
-              t && /* @__PURE__ */ a(
-                w,
+              s && /* @__PURE__ */ a(
+                L,
                 {
-                  name: L === "desc" ? "down-arrow" : "up-arrow",
+                  name: N === "desc" ? "down-arrow" : "up-arrow",
                   size: "12px",
-                  color: "var(--u-color-primary, #1E4391)"
+                  color: `var(--${o()}-color-primary, #1E4391)`
                 }
               )
             ]
@@ -131,39 +132,39 @@ const Re = ({
           e.field
         );
       }) })
-    ] }) : p === "segments" ? /* @__PURE__ */ a(
+    ] }) : h === "segments" ? /* @__PURE__ */ a(
       "div",
       {
-        ref: y,
-        onScroll: E,
-        className: `u-table-mobile-sortseg${Q.atStart ? "" : " u-table-mobile-sortseg--clip-start"}${Q.atEnd ? "" : " u-table-mobile-sortseg--clip-end"}`,
+        ref: E,
+        onScroll: R,
+        className: `${o()}-table-mobile-sortseg${X.atStart ? "" : ` ${o()}-table-mobile-sortseg--clip-start`}${X.atEnd ? "" : ` ${o()}-table-mobile-sortseg--clip-end`}`,
         role: "group",
-        "aria-label": c,
+        "aria-label": f,
         children: l.map((e) => {
-          const t = e.field === u, s = e.mobileLabel ?? e.title ?? e.field;
-          return /* @__PURE__ */ n(
+          const s = e.field === p, d = e.mobileLabel ?? e.title ?? e.field;
+          return /* @__PURE__ */ b(
             "button",
             {
               type: "button",
-              className: `u-table-mobile-sortseg__item${t ? " u-table-mobile-sortseg__item--active" : ""}`,
-              "aria-pressed": t,
-              onClick: () => t ? C() : N(String(e.field)),
+              className: `${o()}-table-mobile-sortseg__item${s ? ` ${o()}-table-mobile-sortseg__item--active` : ""}`,
+              "aria-pressed": s,
+              onClick: () => s ? S() : C(String(e.field)),
               children: [
                 /* @__PURE__ */ a(
                   "span",
                   {
-                    className: "u-table-mobile-sortseg__label",
-                    "data-label": s,
-                    children: s
+                    className: r("table-mobile-sortseg__label"),
+                    "data-label": d,
+                    children: d
                   }
                 ),
-                t && /* @__PURE__ */ a(
-                  w,
+                s && /* @__PURE__ */ a(
+                  L,
                   {
-                    name: L === "desc" ? "down-arrow" : "up-arrow",
+                    name: N === "desc" ? "down-arrow" : "up-arrow",
                     size: "10px",
-                    color: "var(--u-color-primary, #1E4391)",
-                    className: "u-table-mobile-sortseg__arrow"
+                    color: `var(--${o()}-color-primary, #1E4391)`,
+                    className: r("table-mobile-sortseg__arrow")
                   }
                 )
               ]
@@ -172,11 +173,11 @@ const Re = ({
           );
         })
       }
-    ) : /* @__PURE__ */ n("div", { className: "u-table-mobile-toolbar u-table-mobile-toolbar--sort", children: [
-      c && /* @__PURE__ */ a("span", { className: "u-table-mobile-toolbar__label", children: c }),
-      /* @__PURE__ */ n("div", { className: "u-table-mobile-toolbar__row", children: [
+    ) : /* @__PURE__ */ b("div", { className: Le("table-mobile-toolbar", "table-mobile-toolbar--sort"), children: [
+      f && /* @__PURE__ */ a("span", { className: r("table-mobile-toolbar__label"), children: f }),
+      /* @__PURE__ */ b("div", { className: r("table-mobile-toolbar__row"), children: [
         /* @__PURE__ */ a(
-          fe,
+          ve,
           {
             isClearable: !0,
             placeholder: "Без сортировки",
@@ -184,53 +185,53 @@ const Re = ({
               value: e.field,
               label: e.mobileLabel ?? e.title ?? e.field
             })),
-            value: r ? { value: r.field, label: r.mobileLabel ?? r.title ?? r.field } : void 0,
-            onChange: (e) => e != null && e.value ? N(String(e.value)) : ee(void 0, void 0),
+            value: n ? { value: n.field, label: n.mobileLabel ?? n.title ?? n.field } : void 0,
+            onChange: (e) => e != null && e.value ? C(String(e.value)) : ae(void 0, void 0),
             styleSelectContainer: { alignItems: "center" }
           }
         ),
-        u && /* @__PURE__ */ a(
+        p && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: "u-table-mobile-sortdir",
-            onClick: C,
+            className: r("table-mobile-sortdir"),
+            onClick: S,
             "aria-label": "Направление сортировки",
             children: /* @__PURE__ */ a(
-              w,
+              L,
               {
-                name: L === "desc" ? "down-arrow" : "up-arrow",
+                name: N === "desc" ? "down-arrow" : "up-arrow",
                 size: "20px",
-                color: "var(--u-color-primary, #1E4391)"
+                color: `var(--${o()}-color-primary, #1E4391)`
               }
             )
           }
         )
       ] })
     ] });
-  }, me = (l, o) => {
-    if (W) return W(l, o);
-    const r = v === 3 ? " u-table-mobile-card__fields--cols3" : v === 2 ? " u-table-mobile-card__fields--cols2" : "";
-    return ie ? /* @__PURE__ */ a(
-      _e,
+  }, ue = (l, i) => {
+    if (K) return K(l, i);
+    const n = $ === 3 ? ` ${o()}-table-mobile-card__fields--cols3` : $ === 2 ? ` ${o()}-table-mobile-card__fields--cols2` : "";
+    return te ? /* @__PURE__ */ a(
+      ge,
       {
-        flat: x,
+        flat: y,
         inset: q,
         density: J,
-        divider: S,
-        showLabels: j,
-        columns: v,
-        title: i ? b(i, l, o) : null,
-        titleLabel: i ? i.mobileLabel ?? i.title : null,
-        titleHideLabel: !!(i != null && i.mobileHideLabel),
-        titleColor: i == null ? void 0 : i.mobileValueColor,
-        titleLabelColor: i == null ? void 0 : i.mobileLabelColor,
-        subtitle: d ? b(d, l, o) : null,
-        subtitleColor: d == null ? void 0 : d.mobileValueColor,
-        actions: U.length ? U.map((e) => /* @__PURE__ */ a("span", { children: b(e, l, o) }, e.field)) : void 0,
-        inline: te.map((e) => ({
+        divider: x,
+        showLabels: O,
+        columns: $,
+        title: t ? m(t, l, i) : null,
+        titleLabel: t ? t.mobileLabel ?? t.title : null,
+        titleHideLabel: !!(t != null && t.mobileHideLabel),
+        titleColor: t == null ? void 0 : t.mobileValueColor,
+        titleLabelColor: t == null ? void 0 : t.mobileLabelColor,
+        subtitle: c ? m(c, l, i) : null,
+        subtitleColor: c == null ? void 0 : c.mobileValueColor,
+        actions: Y.length ? Y.map((e) => /* @__PURE__ */ a("span", { children: m(e, l, i) }, e.field)) : void 0,
+        inline: se.map((e) => ({
           label: e.mobileLabel ?? e.title,
-          value: b(e, l, o),
+          value: m(e, l, i),
           hideLabel: !!e.mobileHideLabel,
           valueColor: e.mobileValueColor,
           labelColor: e.mobileLabelColor,
@@ -238,9 +239,9 @@ const Re = ({
           gridSpan: e.mobileGridSpan,
           gridRowSpan: e.mobileGridRowSpan
         })),
-        body: se.map((e) => ({
+        body: de.map((e) => ({
           label: e.mobileLabel ?? e.title,
-          value: b(e, l, o),
+          value: m(e, l, i),
           hideLabel: !!e.mobileHideLabel,
           valueColor: e.mobileValueColor,
           labelColor: e.mobileLabelColor,
@@ -248,9 +249,9 @@ const Re = ({
           gridSpan: e.mobileGridSpan,
           gridRowSpan: e.mobileGridRowSpan
         })),
-        details: be.map((e) => ({
+        details: me.map((e) => ({
           label: e.mobileLabel ?? e.title,
-          value: b(e, l, o),
+          value: m(e, l, i),
           hideLabel: !!e.mobileHideLabel,
           valueColor: e.mobileValueColor,
           labelColor: e.mobileLabelColor,
@@ -259,58 +260,58 @@ const Re = ({
           gridRowSpan: e.mobileGridRowSpan
         }))
       },
-      l.id ?? o
-    ) : /* @__PURE__ */ n(
+      l.id ?? i
+    ) : /* @__PURE__ */ b(
       "div",
       {
-        className: `u-table-mobile-card${x ? " u-table-mobile-card--flat" : ""}${S ? " u-table-mobile-card--divider" : ""}${v === 3 ? " u-table-mobile-card--cols3" : ""}${K}`,
+        className: `${o()}-table-mobile-card${y ? ` ${o()}-table-mobile-card--flat` : ""}${x ? ` ${o()}-table-mobile-card--divider` : ""}${$ === 3 ? ` ${o()}-table-mobile-card--cols3` : ""}${Q}`,
         children: [
-          i && /* @__PURE__ */ a("div", { className: "u-table-mobile-card__title", style: i.mobileValueColor ? { color: i.mobileValueColor } : void 0, children: b(i, l, o) }),
-          /* @__PURE__ */ a("div", { className: "u-table-mobile-card__fields" + r, children: g.map((e, t) => {
-            const s = b(e, l, o);
-            if (s == null || s === "" || s === !1 || Array.isArray(s) && s.length === 0) return null;
-            const V = j && !e.mobileHideLabel ? e.mobileLabel ?? e.title : null, ue = e.mobileGridSpan === "full" ? " u-table-mobile-card__row--span-full" : e.mobileGridSpan === 2 ? " u-table-mobile-card__row--span2" : e.mobileGridSpan === "narrow" ? " u-table-mobile-card__row--span-narrow" : "";
+          t && /* @__PURE__ */ a("div", { className: r("table-mobile-card__title"), style: t.mobileValueColor ? { color: t.mobileValueColor } : void 0, children: m(t, l, i) }),
+          /* @__PURE__ */ a("div", { className: r("table-mobile-card__fields") + n, children: w.map((e, s) => {
+            const d = m(e, l, i);
+            if (d == null || d === "" || d === !1 || Array.isArray(d) && d.length === 0) return null;
+            const H = O && !e.mobileHideLabel ? e.mobileLabel ?? e.title : null, pe = e.mobileGridSpan === "full" ? ` ${o()}-table-mobile-card__row--span-full` : e.mobileGridSpan === 2 ? ` ${o()}-table-mobile-card__row--span2` : e.mobileGridSpan === "narrow" ? ` ${o()}-table-mobile-card__row--span-narrow` : "";
             return e.mobileCollapsible || e.mobileExpandLines ? /* @__PURE__ */ a(
-              ge,
+              we,
               {
-                label: V,
+                label: H,
                 lines: e.mobileExpandLines ?? 1,
                 valueColor: e.mobileValueColor,
                 labelColor: e.mobileLabelColor,
                 gridSpan: e.mobileGridSpan,
                 gridRowSpan: e.mobileGridRowSpan,
-                children: s
+                children: d
               },
-              e.key ?? e.field ?? t
-            ) : /* @__PURE__ */ n("div", { className: "u-table-mobile-card__row" + ue + (e.mobileGridRowSpan === 2 ? " u-table-mobile-card__row--rowspan2" : ""), children: [
-              V != null && /* @__PURE__ */ n("span", { className: "u-table-mobile-card__label", style: e.mobileLabelColor ? { color: e.mobileLabelColor } : void 0, children: [
-                V,
-                e.headerIcon && (e.headerTooltip ? /* @__PURE__ */ a(ve, { portalOn: !0, tooltipText: e.headerTooltip, className: "u-table-mobile-card__label-icon", children: e.headerIcon }) : /* @__PURE__ */ a("span", { className: "u-table-mobile-card__label-icon", children: e.headerIcon }))
+              e.key ?? e.field ?? s
+            ) : /* @__PURE__ */ b("div", { className: r("table-mobile-card__row") + pe + (e.mobileGridRowSpan === 2 ? ` ${o()}-table-mobile-card__row--rowspan2` : ""), children: [
+              H != null && /* @__PURE__ */ b("span", { className: r("table-mobile-card__label"), style: e.mobileLabelColor ? { color: e.mobileLabelColor } : void 0, children: [
+                H,
+                e.headerIcon && (e.headerTooltip ? /* @__PURE__ */ a($e, { portalOn: !0, tooltipText: e.headerTooltip, className: r("table-mobile-card__label-icon"), children: e.headerIcon }) : /* @__PURE__ */ a("span", { className: r("table-mobile-card__label-icon"), children: e.headerIcon }))
               ] }),
-              /* @__PURE__ */ a("span", { className: "u-table-mobile-card__value", style: e.mobileValueColor ? { color: e.mobileValueColor } : void 0, children: s })
-            ] }, e.key ?? e.field ?? t);
+              /* @__PURE__ */ a("span", { className: r("table-mobile-card__value"), style: e.mobileValueColor ? { color: e.mobileValueColor } : void 0, children: d })
+            ] }, e.key ?? e.field ?? s);
           }) })
         ]
       },
-      l.id ?? o
+      l.id ?? i
     );
   };
-  return /* @__PURE__ */ n(ce, { children: [
-    de(),
-    z && !A ? /* @__PURE__ */ a("div", { className: "u-table-mobile-list", "aria-hidden": "true", children: Array.from({ length: I || F }, (l, o) => /* @__PURE__ */ n("div", { className: `u-table-mobile-card u-table-mobile-card--skeleton${x ? " u-table-mobile-card--flat" : ""}${S ? " u-table-mobile-card--divider" : ""}${K}`, children: [
-      /* @__PURE__ */ a("div", { className: "skeleton-cell u-table-mobile-card__skeleton-title" }),
-      /* @__PURE__ */ n("div", { className: "u-table-mobile-card__skeleton-fields", children: [
+  return /* @__PURE__ */ b(fe, { children: [
+    ce(),
+    M && !B ? /* @__PURE__ */ a("div", { className: r("table-mobile-list"), "aria-hidden": "true", children: Array.from({ length: z || le }, (l, i) => /* @__PURE__ */ b("div", { className: `${o()}-table-mobile-card ${o()}-table-mobile-card--skeleton${y ? ` ${o()}-table-mobile-card--flat` : ""}${x ? ` ${o()}-table-mobile-card--divider` : ""}${Q}`, children: [
+      /* @__PURE__ */ a("div", { className: `skeleton-cell ${o()}-table-mobile-card__skeleton-title` }),
+      /* @__PURE__ */ b("div", { className: r("table-mobile-card__skeleton-fields"), children: [
         /* @__PURE__ */ a("div", { className: "skeleton-cell" }),
         /* @__PURE__ */ a("div", { className: "skeleton-cell" })
       ] })
-    ] }, o)) }) : z || A ? /* @__PURE__ */ a("div", { className: "u-table-mobile-loading", children: /* @__PURE__ */ a(he, { variant: "large-primary", className: "" }) }) : D === 0 ? M ? /* @__PURE__ */ a("div", { className: "u-table-mobile-empty", children: M }) : null : /* @__PURE__ */ a(
+    ] }, i)) }) : M || B ? /* @__PURE__ */ a("div", { className: r("table-mobile-loading"), children: /* @__PURE__ */ a(_e, { variant: "large-primary", className: "" }) }) : ee === 0 ? T ? /* @__PURE__ */ a("div", { className: r("table-mobile-empty"), children: T }) : null : /* @__PURE__ */ a(
       "div",
       {
-        className: "u-table-mobile-list",
-        style: O != null ? { gap: O } : void 0,
-        children: P.map((l, o) => me(l, o))
+        className: r("table-mobile-list"),
+        style: U != null ? { gap: U } : void 0,
+        children: F.map((l, i) => ue(l, i))
       }
     )
   ] });
 };
-export { Re as TableMobileView$u };
+export { Ve as TableMobileView$u };

package/dist/components/Table/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKlE,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACrD,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,yBAAyB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IAC5D,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD,eAAO,MAAM,QAAQ,GAAI,yUA0BtB,aAAa,4CAkIf,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMlE,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACrD,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,yBAAyB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IAC5D,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD,eAAO,MAAM,QAAQ,GAAI,yUA0BtB,aAAa,4CAkIf,CAAC"}