@semcore/data-table 4.49.0-prerelease.4 → 4.49.0

package/lib/esm/Head.mjs

@@ -0,0 +1,257 @@
+import P from "@babel/runtime/helpers/esm/objectSpread2";
+import F from "@babel/runtime/helpers/esm/slicedToArray";
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import j from "@babel/runtime/helpers/esm/createClass";
+import m from "@babel/runtime/helpers/esm/assertThisInitialized";
+import G from "@babel/runtime/helpers/esm/inherits";
+import U from "@babel/runtime/helpers/esm/createSuper";
+import p from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as z, assignProps as q, Component as J } from "@semcore/core";
+import n from "react";
+import { ScreenReaderOnly as Q, Flex as X, Box as D } from "@semcore/flex-box";
+import _, { hideScrollBarsFromScreenReadersContext as Y } from "@semcore/scroll-area";
+import Z from "@semcore/icon/SortDesc/m";
+import ee from "@semcore/icon/SortAsc/m";
+import { callAllEventHandlers as A } from "@semcore/utils/lib/assignProps";
+import { flattenColumns as B, getFixedStyle as te, getScrollOffsetValue as re } from "./utils.mjs";
+import ie from "@semcore/utils/lib/logger";
+import { setRef as O } from "@semcore/utils/lib/ref";
+import { getFocusableIn as V } from "@semcore/utils/lib/focus-lock/getFocusableIn";
+var k = 20, ae = {
+  desc: Z,
+  asc: ee
+}, oe = {
+  desc: "descending",
+  asc: "ascending"
+}, N = {
+  display: "contents"
+};
+function M(R) {
+  var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, y = parseFloat(R);
+  return Number.isNaN(y) && (y = x), Math.round(y);
+}
+var ne = /* @__PURE__ */ function(R) {
+  G(y, R);
+  var x = U(y);
+  function y() {
+    var i;
+    L(this, y);
+    for (var t = arguments.length, s = new Array(t), l = 0; l < t; l++)
+      s[l] = arguments[l];
+    return i = x.call.apply(x, [this].concat(s)), p(m(i), "columns", []), p(m(i), "headCellMap", /* @__PURE__ */ new Map()), p(m(i), "lockedCell", [null, !1]), p(m(i), "sortWrapperRefs", /* @__PURE__ */ new Map()), p(m(i), "defaultWidths", /* @__PURE__ */ new Map()), p(m(i), "handleKeyDown", function(e) {
+      if (e.currentTarget === i.lockedCell[0]) {
+        var r = Array.from(i.lockedCell[0].children).flatMap(function(c) {
+          return V(c);
+        });
+        if (i.lockedCell[1]) {
+          if (e.key === "Escape") {
+            var a;
+            (a = i.lockedCell[0]) === null || a === void 0 || a.focus(), i.lockedCell[1] = !1;
+          }
+          if (e.key.startsWith("Arrow") && e.stopPropagation(), e.key === "Tab") {
+            if (e.target === r[0] && e.shiftKey) {
+              var o;
+              (o = r[r.length - 1]) === null || o === void 0 || o.focus(), e.preventDefault();
+            } else if (e.target === r[r.length - 1] && !e.shiftKey) {
+              var d;
+              (d = r[0]) === null || d === void 0 || d.focus(), e.preventDefault();
+            }
+          }
+        } else if (e.key === "Enter") {
+          var h;
+          i.lockedCell[1] = !0, (h = r[0]) === null || h === void 0 || h.focus();
+        } else if (e.key === "Tab") {
+          var v;
+          (v = i.lockedCell[0]) === null || v === void 0 || v.setAttribute("inert", "");
+        }
+      }
+    }), p(m(i), "onFocusCell", function(e) {
+      if (e.target === e.currentTarget) {
+        var r = Array.from(e.currentTarget.children).flatMap(function(a) {
+          return V(a);
+        });
+        r.length === 1 ? r[0].focus() : r.length > 1 && (i.lockedCell = [e.currentTarget, !1]);
+      }
+    }), p(m(i), "bindHandlerSortClick", function(e) {
+      return function(r) {
+        i.asProps.$onSortClick(e, r);
+      };
+    }), p(m(i), "bindHandlerKeyDown", function(e) {
+      return function(r) {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), i.asProps.$onSortClick(e, r));
+      };
+    }), p(m(i), "makeSortRefHandler", function(e) {
+      return function(r) {
+        r && i.sortWrapperRefs.set(r, e);
+      };
+    }), p(m(i), "makeColumnRefHandler", function(e, r) {
+      return function(a) {
+        if (O(e.props.ref, a), i.headCellMap.set(r, a), e.props.forwardRef && O(e.props.forwardRef, a), a && a.getAttribute("scope") === "col" && !i.defaultWidths.has(a)) {
+          var o = window.getComputedStyle(a);
+          i.defaultWidths.set(a, {
+            minWidth: M(o.getPropertyValue("min-width")),
+            computedWidth: M(o.getPropertyValue("width")),
+            maxWidth: M(o.getPropertyValue("max-width")) || null,
+            useForRecalculation: !!e.props.sortSizeRecalculation
+          });
+        }
+      };
+    }), p(m(i), "changeMaxNodeWidth", function(e, r) {
+      var a = 0, o = null, d = [];
+      i.defaultWidths.forEach(function(c, f) {
+        c.computedWidth > a && f !== r && (o = f, a = c.computedWidth), c.useForRecalculation && d.push(f);
+      });
+      var h = function(f, g) {
+        var S, u, W = (S = i.defaultWidths.get(f)) === null || S === void 0 ? void 0 : S.computedWidth, b = (u = i.defaultWidths.get(f)) === null || u === void 0 ? void 0 : u.minWidth;
+        if (W) {
+          var C = W - g;
+          f.style.setProperty("max-width", "".concat(C, "px")), b && f.style.setProperty("min-width", "min(".concat(C, "px, ").concat(b, "px)"));
+        }
+      };
+      if (d.length > 0) {
+        var v = e / d.length;
+        d.forEach(function(c) {
+          h(c, v);
+        });
+      } else o !== null && h(o, e);
+    }), p(m(i), "backToColumnDefaults", function(e) {
+      var r, a, o = (r = i.defaultWidths.get(e)) === null || r === void 0 ? void 0 : r.minWidth, d = (a = i.defaultWidths.get(e)) === null || a === void 0 ? void 0 : a.maxWidth;
+      e.style.setProperty("min-width", o + "px"), d ? e.style.setProperty("max-width", d + "px") : e.style.removeProperty("max-width");
+    }), p(m(i), "calculateActiveColumnMinWidth", function(e) {
+      var r, a, o = document.createElement("div"), d = window.getComputedStyle(e);
+      e.childNodes.forEach(function(g) {
+        i.sortWrapperRefs.get(g) || o.append(g.cloneNode(!0));
+      }), o.style.setProperty("visibility", "hidden", "important");
+      var h = ["display", "flex", "margin", "padding", "background", "font-style", "font-width", "font-size", "font-weight"];
+      h.forEach(function(g) {
+        o.style.setProperty(g, d.getPropertyValue(g), d.getPropertyPriority(g));
+      }), o.style.setProperty("width", "fit-content", "important"), document.body.appendChild(o);
+      var v = Math.ceil(o.getBoundingClientRect().width);
+      document.body.removeChild(o);
+      var c = (r = (a = i.defaultWidths.get(e)) === null || a === void 0 ? void 0 : a.computedWidth) !== null && r !== void 0 ? r : 0;
+      if (v >= c)
+        e.style.setProperty("min-width", c + k + "px"), i.changeMaxNodeWidth(k, e);
+      else {
+        var f = c - v;
+        f < k && (e.style.setProperty("min-width", v + k + "px"), i.changeMaxNodeWidth(f, e));
+      }
+    }), i;
+  }
+  return j(y, [{
+    key: "sortableColumnDescribeId",
+    value: function() {
+      var t = this.asProps.uid;
+      return "".concat(t, "-column-sortable-describer");
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function() {
+      var t = this, s = null;
+      this.columns.forEach(function(l) {
+        var e = l.props, r = e.changeSortSize, a = e.ref;
+        l.active && r && a.current && (s = a.current), a.current && t.backToColumnDefaults(a.current);
+      }), s && this.calculateActiveColumnMinWidth(s);
+    }
+  }, {
+    key: "renderColumns",
+    value: function(t, s) {
+      var l = this;
+      return t.map(function(e) {
+        return l.renderColumn(e, s);
+      });
+    }
+  }, {
+    key: "renderColumn",
+    value: function(t, s) {
+      var l, e, r = this.asProps, a = r.styles, o = r.use, d = r.hidden, h = r.uid, v = X, c = D, f = "div", g = ae[t.sortDirection], S = t.sortable && t.active ? oe[t.sortDirection] : void 0, u = ((e = t.columns) === null || e === void 0 ? void 0 : e.length) > 0, W = u ? B(t.columns).length : 1, b = te(t, this.columns), C = F(b, 2), H = C[0], I = C[1], E = P({
+        flexBasis: t.props.flex === void 0 && "".concat(s * W, "%")
+      }, t.props.style);
+      H !== void 0 && I !== void 0 && (E[H] = I), t.setVar || (E.flexBasis = "var(".concat(t.varWidth, ")"));
+      var w = [];
+      if (t.sortable && !t.active && w.push(this.sortableColumnDescribeId()), t.parentColumns.length > 0) {
+        var K = t.parentColumns[0].name;
+        w.push("igc-table-".concat(h, "-").concat(K, "-group"));
+      }
+      var T = this.columns.findIndex(function($) {
+        return $.name === t.name;
+      });
+      return l = z(a), /* @__PURE__ */ n.createElement(v, l.cn("SColumn", P(P({
+        role: u ? void 0 : "columnheader",
+        scope: u ? "colgroup" : "col",
+        key: t.name,
+        id: "igc-table-".concat(h, "-").concat(t.name),
+        use: o,
+        fixed: t.fixed,
+        resizable: t.resizable,
+        sortable: t.sortable,
+        borderLeft: u ? !1 : t.borderLeft,
+        borderRight: u ? !1 : t.borderRight,
+        active: u ? !1 : t.active,
+        group: u,
+        tabIndex: u ? void 0 : -1,
+        __excludeProps: ["hidden"]
+      }, t.props), {}, {
+        ref: this.makeColumnRefHandler(t, T),
+        onClick: A(t.props.onClick, t.sortable ? this.bindHandlerSortClick(t.name) : void 0),
+        onKeyDown: A(t.props.onKeyDown, t.sortable ? this.bindHandlerKeyDown(t.name) : void 0, this.handleKeyDown),
+        style: E,
+        hidden: d,
+        "aria-sort": S,
+        "aria-colindex": u ? void 0 : T + 1,
+        onFocus: this.onFocusCell,
+        "aria-describedby": w.length > 0 ? w.join(" ") : void 0
+      })), u ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(v, l.cn("SColumn", {
+        id: "igc-table-".concat(h, "-").concat(t.name, "-group"),
+        groupHead: !0,
+        use: o,
+        active: t.active,
+        borderLeft: t.borderLeft,
+        borderRight: t.borderRight
+      }), /* @__PURE__ */ n.createElement("div", l.cn("div", {}), t.props.children)), /* @__PURE__ */ n.createElement(c, l.cn("SHead", {}), this.renderColumns(t.columns, 100 / W))) : /* @__PURE__ */ n.createElement(n.Fragment, null, t.props.children, t.sortable ? /* @__PURE__ */ n.createElement(f, l.cn("SSortWrapper", {
+        ref: this.makeSortRefHandler(t.active)
+      }), /* @__PURE__ */ n.createElement(g, l.cn("SSortIcon", {}))) : null));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, s, l = D, e = D, r = this.asProps, a = r.Children, o = r.styles, d = r.columnsChildren, h = r.onResize, v = r.$scrollRef, c = r.sticky, f = r.withScrollBar, g = r.animationsDisabled, S = r.getI18nText;
+      this.columns = B(d);
+      var u = re(this.columns), W = F(u, 2), b = W[0], C = W[1];
+      return ie.warn(c, "'sticky' property is deprecated, use '<Sticky/>' wrapper", this.asProps["data-ui-name"] || y.displayName), s = z(o), /* @__PURE__ */ n.createElement(Y.Provider, {
+        value: !0
+      }, /* @__PURE__ */ n.createElement(e, s.cn("SHeadWrapper", {
+        sticky: c,
+        animationsDisabled: g
+      }), /* @__PURE__ */ n.createElement(_, s.cn("ScrollArea", {
+        leftOffset: b,
+        rightOffset: C,
+        shadow: !0,
+        onResize: h
+      }), /* @__PURE__ */ n.createElement(_.Container, {
+        ref: v,
+        role: "rowgroup",
+        tabIndex: -1,
+        zIndex: 2
+      }, /* @__PURE__ */ n.createElement(l, s.cn("SHead", P({}, q({
+        role: "row",
+        __excludeProps: ["hidden"]
+      }, t))), this.renderColumns(d, 100 / this.columns.length))), !!f && /* @__PURE__ */ n.createElement("div", s.cn("div", {
+        style: N
+      }), /* @__PURE__ */ n.createElement("div", s.cn("div", {
+        style: N
+      }), /* @__PURE__ */ n.createElement("div", s.cn("div", {
+        style: N
+      }), /* @__PURE__ */ n.createElement(_.Bar, {
+        orientation: "horizontal"
+      }))))), a.origin, /* @__PURE__ */ n.createElement(Q, s.cn("ScreenReaderOnly", {
+        "aria-hidden": !0,
+        id: this.sortableColumnDescribeId()
+      }), S == null ? void 0 : S("sortableColumn"))));
+    }
+  }]), y;
+}(J);
+p(ne, "displayName", void 0);
+export {
+  k as SORT_ICON_WIDTH,
+  ne as default
+};

package/lib/esm/index.mjs

@@ -0,0 +1,8 @@
+import { ROW_GROUP as l, default as r, wrapDataTable as t, wrapDataTableCell as p, wrapDataTableRow as w } from "./DataTable.mjs";
+export {
+  l as ROW_GROUP,
+  r as default,
+  t as wrapDataTable,
+  p as wrapDataTableCell,
+  w as wrapDataTableRow
+};

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,7 @@
+const o = "Sortierbar", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,7 @@
+const o = "Sortable", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,7 @@
+const e = "Ordenable", o = {
+  sortableColumn: e
+};
+export {
+  o as default,
+  e as sortableColumn
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,7 @@
+const o = "Triable", l = {
+  sortableColumn: o
+};
+export {
+  l as default,
+  o as sortableColumn
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,7 @@
+const o = "Ordinabile", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,7 @@
+const o = "分類可能", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,7 @@
+const o = "정렬 가능", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,7 @@
+const o = "Sorteerbaar", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,7 @@
+const o = "Umożliwia sortowanie", l = {
+  sortableColumn: o
+};
+export {
+  l as default,
+  o as sortableColumn
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,7 @@
+const l = "Classificável", o = {
+  sortableColumn: l
+};
+export {
+  o as default,
+  l as sortableColumn
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,7 @@
+const o = "Sorterbar", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,7 @@
+const a = "Sıralanabilir", l = {
+  sortableColumn: a
+};
+export {
+  l as default,
+  a as sortableColumn
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,7 @@
+const o = "Có thể sắp xếp", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,7 @@
+const o = "可排序", t = {
+  sortableColumn: o
+};
+export {
+  t as default,
+  o as sortableColumn
+};

package/lib/esm/utils.mjs

@@ -0,0 +1,37 @@
+var g = function(n) {
+  return n.reduce(function(t, e) {
+    return e.fixed === "left" && (t[0] += e.width), e.fixed === "right" && (t[1] += e.width), t;
+  }, [0, 0]);
+}, h = function i(n) {
+  return n.reduce(function(t, e) {
+    var r = "columns" in e && e.columns.length > 0, a = r ? i(e.columns) : [e];
+    return t = t.concat(a), t;
+  }, []);
+}, x = function(n, t) {
+  var e = n.fixed;
+  if (!e) return [void 0, void 0];
+  var r = n.name.split("/"), a = {
+    left: r[0],
+    right: r[r.length - 1]
+  }, v = a[e], d = t.findIndex(function(u) {
+    return u.name === v;
+  });
+  if (d === -1) return [void 0, void 0];
+  var o = {
+    left: 0,
+    right: d + 1
+  }, s = {
+    left: d,
+    right: t.length
+  }, l = t.slice(o[e], s[e]);
+  if (l.length < 1) return [e, 0];
+  var f = l.map(function(u) {
+    return "var(--".concat(u.name, "_width)");
+  });
+  return [e, f.length === 1 ? f[0] : "calc(".concat(f.join(" + "), ")")];
+};
+export {
+  h as flattenColumns,
+  x as getFixedStyle,
+  g as getScrollOffsetValue
+};

package/package.json

@@ -1,18 +1,23 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "4.49.0-prerelease.4",
+  "version": "4.49.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/flex-box": "5.41.0-prerelease.4",
-    "@semcore/icon": "4.58.0-prerelease.4",
-    "@semcore/scroll-area": "5.45.0-prerelease.4",
-    "@semcore/utils": "4.47.1-prerelease.4"
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/icon": "4.60.0",
+    "@semcore/scroll-area": "5.45.0",
+    "@semcore/utils": "4.48.0"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -32,7 +37,7 @@
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.4",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -42,6 +47,6 @@
     "directory": "semcore/data-table"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=ts"
+    "build": "pnpm semcore-builder --source=ts && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.ts',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);