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

package/dist/components/Table/TableRow.js

@@ -1,53 +1,54 @@
-import { jsx as p, jsxs as X } from "react/jsx-runtime";
-import { adaptTypographyStyle$u as S, pxAdd$u as w } from "./Table.helpers.js";
-import { handleDragOver$u as Y, handleDragStart$u as q } from "./Functions.js";
-import { prefersReducedMotion$u as z } from "../../vanilla/core/motion.js";
-const C = "auto", P = ({
+import { jsx as f, jsxs as K } from "react/jsx-runtime";
+import { adaptTypographyStyle$u as O, pxAdd$u as v } from "./Table.helpers.js";
+import { handleDragOver$u as P, handleDragStart$u as U } from "./Functions.js";
+import { kitCls$u as X, getUiKitPrefix$u as i } from "../../shared/uiKitDefaults.js";
+import { prefersReducedMotion$u as Y } from "../../vanilla/core/motion.js";
+const q = "auto", T = ({
   item: r,
   i: e,
-  level: v,
-  rowKey: o,
-  absoluteIndex: i,
-  filteredColumns: f,
-  id: $,
-  virtualizationOn: h,
-  start: j,
-  draggable: D,
-  rowRefs: L,
+  level: k,
+  rowKey: S,
+  absoluteIndex: s,
+  filteredColumns: h,
+  id: j,
+  virtualizationOn: y,
+  start: D,
+  draggable: L,
+  rowRefs: x,
   resize: a,
-  columnWidths: y,
-  parentDataField: s,
+  columnWidths: w,
+  parentDataField: p,
   calcLeftValues: W,
-  handleDrop: x,
-  insertChildRows: B,
-  removeChildRows: E,
-  cellStyle: M,
-  tdStyle: N,
-  allTdStyleFunction: k,
-  cellContentStyle: R,
-  tdContentStyle: A,
-  allTdContentStyleFunction: g,
+  handleDrop: B,
+  insertChildRows: E,
+  removeChildRows: M,
+  cellStyle: N,
+  tdStyle: R,
+  allTdStyleFunction: g,
+  cellContentStyle: A,
+  tdContentStyle: C,
+  allTdContentStyleFunction: $,
   fillColumnIndex: b = -1
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ f(
   "tr",
   {
-    "data-virtual-index": h && i !== void 0 ? i : void 0,
-    id: `row${v ? `${v}.` : ""}${e}`,
-    draggable: D,
-    onDragStart: (t) => q(t, String(e)),
-    onDragOver: (t) => Y(t),
-    onDrop: (t) => x(t, e),
-    ref: h && i !== void 0 ? (t) => {
-      L.current[i] = t;
+    "data-virtual-index": y && s !== void 0 ? s : void 0,
+    id: `row${k ? `${k}.` : ""}${e}`,
+    draggable: L,
+    onDragStart: (t) => U(t, String(e)),
+    onDragOver: (t) => P(t),
+    onDrop: (t) => B(t, e),
+    ref: y && s !== void 0 ? (t) => {
+      x.current[s] = t;
     } : void 0,
-    children: f == null ? void 0 : f.map((t, d) => {
-      var O;
-      return /* @__PURE__ */ X(
+    children: h == null ? void 0 : h.map((t, d) => {
+      var o;
+      return /* @__PURE__ */ K(
         "td",
         {
-          id: `${$}td${e}${d}`,
+          id: `${j}td${e}${d}`,
           className: `${t.sticky ? "sticky" : ""}`,
-          style: S(
+          style: O(
             Object.assign(
               {
                 left: t.sticky ? W(d) : "",
@@ -56,30 +57,30 @@ const C = "auto", P = ({
                 // Инлайном, потому что vanilla задаёт ячейке свои 20px и порядок
                 // подключения стилей у проектов разный. tdStyle по-прежнему главнее.
                 padding: "calc(15 * var(--u-unit, 1px)) 0",
-                display: s && d === 0 && r[s] ? "flex" : "table-cell",
-                gap: "calc(4 * var(--u-preset-unit, 1px))"
+                display: p && d === 0 && r[p] ? "flex" : "table-cell",
+                gap: `calc(4 * var(--${i()}-preset-unit, 1px))`
               },
-              M,
               N,
+              R,
               t.tdStyle,
               t.cellStyle,
-              k && k(r),
+              g && g(r),
               t.tdStyleFunction && t.tdStyleFunction(r)
             )
           ),
           children: [
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ f(
               "div",
               {
-                className: "u-table-td-content",
-                style: S(
+                className: X("table-td-content"),
+                style: O(
                   Object.assign(
                     {
                       // Растянутая колонка: width колонки — нижняя граница, иначе текст
                       // переносится по ней посреди широкой пустой ячейки, а скелетон
                       // меряет тот же узкий блок и висит по центру.
-                      width: d === b && !(a && !t.resizeOff) ? "100%" : a && !t.resizeOff && (t != null && t.width) ? y[t.field] >= t.width ? y[t.field] : w(t.width) : a && !t.resizeOff || t != null && t.width ? y[t.field] || (t == null ? void 0 : t.width) : C,
-                      minWidth: d === b && !(a && !t.resizeOff) && t.width ? w(t.width) : a && !t.resizeOff && t.width ? w(t.width) : "",
+                      width: d === b && !(a && !t.resizeOff) ? "100%" : a && !t.resizeOff && (t != null && t.width) ? w[t.field] >= t.width ? w[t.field] : v(t.width) : a && !t.resizeOff || t != null && t.width ? w[t.field] || (t == null ? void 0 : t.width) : q,
+                      minWidth: d === b && !(a && !t.resizeOff) && t.width ? v(t.width) : a && !t.resizeOff && t.width ? v(t.width) : "",
                       position: t.sticky ? "sticky" : "",
                       overflowX: "hidden",
                       // break-word, а не anywhere: с anywhere минимальная ширина колонки без width — одна буква,
@@ -90,18 +91,18 @@ const C = "auto", P = ({
                       WebkitLineClamp: 15,
                       WebkitBoxOrient: "vertical"
                     },
-                    R,
                     A,
+                    C,
                     t.tdContentStyle,
                     t.cellContentStyle,
-                    g && g(r),
+                    $ && $(r),
                     t.tdContentStyleFunction && t.tdContentStyleFunction(r)
                   )
                 ),
                 children: t.render ? t.render(r, e) : r[t.field]
               }
             ),
-            !r.notExpandable && s && d === 0 && (((O = r[s]) == null ? void 0 : O.length) ?? 0) > 0 && /* @__PURE__ */ p(
+            !r.notExpandable && p && d === 0 && (((o = r[p]) == null ? void 0 : o.length) ?? 0) > 0 && /* @__PURE__ */ f(
               "svg",
               {
                 width: "12",
@@ -110,18 +111,18 @@ const C = "auto", P = ({
                 fill: "none",
                 style: {
                   cursor: "pointer",
-                  margin: "auto calc(8 * var(--u-preset-unit, 1px)) auto auto",
+                  margin: `auto calc(8 * var(--${i()}-preset-unit, 1px)) auto auto`,
                   transform: r.parentDataOpened ? "rotate(180deg)" : "",
-                  transition: z() ? "none" : "transform var(--u-duration-base, .2s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1))"
+                  transition: Y() ? "none" : `transform var(--${i()}-duration-base, .2s) var(--${i()}-ease-move, cubic-bezier(.2, 0, 0, 1))`
                 },
                 onClick: () => {
-                  r.parentDataOpened ? E(e) : B(e);
+                  r.parentDataOpened ? M(e) : E(e);
                 },
-                children: /* @__PURE__ */ p(
+                children: /* @__PURE__ */ f(
                   "path",
                   {
                     d: "M1 4.5625L5.99999 9.5625L11 4.5625",
-                    style: { stroke: "var(--u-color-primary, #1E4391)" },
+                    style: { stroke: `var(--${i()}-color-primary, #1E4391)` },
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round"
@@ -135,6 +136,6 @@ const C = "auto", P = ({
       );
     })
   },
-  o ?? r.id ?? (h ? j + e : e)
+  S ?? r.id ?? (y ? D + e : e)
 );
-export { P as TableRow$u };
+export { T as TableRow$u };