@semcore/data-table 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/esm/DataTable.mjs

@@ -1,439 +0,0 @@
-import T from "@babel/runtime/helpers/esm/objectSpread2";
-import B from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import E from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import L from "@babel/runtime/helpers/esm/classCallCheck";
-import U from "@babel/runtime/helpers/esm/createClass";
-import u from "@babel/runtime/helpers/esm/assertThisInitialized";
-import O from "@babel/runtime/helpers/esm/inherits";
-import K from "@babel/runtime/helpers/esm/createSuper";
-import h from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as q, createComponent as J, lastInteraction as G, assignProps as N, Component as Q } from "@semcore/core";
-import k from "react";
-import { Box as X } from "@semcore/flex-box";
-import Y from "@semcore/core/lib/utils/syncScroll";
-import { callAllEventHandlers as Z } from "@semcore/core/lib/utils/assignProps";
-import __ from "@semcore/core/lib/utils/fire";
-import { flattenColumns as V } from "./utils.mjs";
-import e_ from "./Head.mjs";
-import o_ from "./Body.mjs";
-import r_ from "@semcore/core/lib/utils/uniqueID";
-import { localizedMessages as i_ } from "./translations/__intergalactic-dynamic-locales.mjs";
-import t_ from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { hasFocusableIn as a_, isFocusInside as $ } from "@semcore/core/lib/utils/use/useFocusLock";
-var l_ = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"], n_ = ["name", "children"], g_ = (
-  /*__reshadow_css_start__*/
-  (q.insert(
-    /*__inner_css_start__*/
-    '.___SDataTable_zohi4_gg_,.___SHeadWrapper_zohi4_gg_{position:relative}.___SDataTable_zohi4_gg_.__compact_zohi4_gg_ .___SCell_zohi4_gg_,.___SDataTable_zohi4_gg_.__compact_zohi4_gg_ .___SColumn_zohi4_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_zohi4_gg_.__animationsDisabled_zohi4_gg_ .___SColumn_zohi4_gg_{transition:none}.___SHeadWrapper_zohi4_gg_.__sticky_zohi4_gg_{position:sticky;top:0;z-index:2}.___SHead_zohi4_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_zohi4_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_zohi4_gg_.__hidden_zohi4_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_zohi4_gg_._use_primary_zohi4_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_zohi4_gg_._use_secondary_zohi4_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_zohi4_gg_.__group_zohi4_gg_.__use_zohi4_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_zohi4_gg_.__groupHead_zohi4_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_zohi4_gg_.__sortable_zohi4_gg_{cursor:pointer}.___SColumn_zohi4_gg_.__sortable_zohi4_gg_._use_primary_zohi4_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_zohi4_gg_.__sortable_zohi4_gg_._use_primary_zohi4_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_zohi4_gg_.__sortable_zohi4_gg_._justifyContent_right_zohi4_gg_:focus .___SSortWrapper_zohi4_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_zohi4_gg_.__sortable_zohi4_gg_._justifyContent_right_zohi4_gg_:hover .___SSortWrapper_zohi4_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_zohi4_gg_.__sortable_zohi4_gg_._justifyContent_right_zohi4_gg_.__active_zohi4_gg_ .___SSortWrapper_zohi4_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_zohi4_gg_.__sortable_zohi4_gg_.__active_zohi4_gg_ .___SSortWrapper_zohi4_gg_,.___SColumn_zohi4_gg_.__sortable_zohi4_gg_:focus .___SSortWrapper_zohi4_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_zohi4_gg_.__sortable_zohi4_gg_:hover .___SSortWrapper_zohi4_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_zohi4_gg_.__sortable_zohi4_gg_.__active_zohi4_gg_ .___SSortWrapper_zohi4_gg_:before,.___SColumn_zohi4_gg_.__sortable_zohi4_gg_:focus .___SSortIcon_zohi4_gg_,.___SColumn_zohi4_gg_.__sortable_zohi4_gg_:focus .___SSortWrapper_zohi4_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_zohi4_gg_.__sortable_zohi4_gg_:hover .___SSortWrapper_zohi4_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_zohi4_gg_.__sortable_zohi4_gg_:hover .___SSortIcon_zohi4_gg_{display:block;opacity:1}}.___SColumn_zohi4_gg_._use_primary_zohi4_gg_.__active_zohi4_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_zohi4_gg_.__active_zohi4_gg_ .___SSortIcon_zohi4_gg_{display:block;opacity:1}.___SColumn_zohi4_gg_.__resizable_zohi4_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_zohi4_gg_.__resizable_zohi4_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_zohi4_gg_.__resizable_zohi4_gg_:after{content:"";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_zohi4_gg_.__fixed_zohi4_gg_{position:sticky;z-index:2}.___SCell_zohi4_gg_.__borderLeft_zohi4_gg_,.___SColumn_zohi4_gg_.__borderLeft_zohi4_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_zohi4_gg_.__borderRight_zohi4_gg_,.___SColumn_zohi4_gg_.__borderRight_zohi4_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_zohi4_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_zohi4_gg_,.___SSortWrapper_zohi4_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_zohi4_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortIcon_zohi4_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_zohi4_gg_._use_primary_zohi4_gg_ .___SSortWrapper_zohi4_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_zohi4_gg_._use_secondary_zohi4_gg_ .___SSortWrapper_zohi4_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_zohi4_gg_{position:relative}.___SBody_zohi4_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_zohi4_gg_{display:flex;flex-direction:row;position:relative}.___SRow_zohi4_gg_.__active_zohi4_gg_>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_._theme_muted_zohi4_gg_.__active_zohi4_gg_>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_zohi4_gg_ .___SCell_zohi4_gg_:hover+.___SGroupCell_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_:hover>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_zohi4_gg_._theme_muted_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_zohi4_gg_._theme_muted_zohi4_gg_ .___SCell_zohi4_gg_:hover+.___SGroupCell_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_._theme_muted_zohi4_gg_:hover>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_:hover>.___SCell_zohi4_gg_._theme_muted_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_zohi4_gg_._theme_info_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_zohi4_gg_._theme_info_zohi4_gg_.__active_zohi4_gg_>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_zohi4_gg_._theme_info_zohi4_gg_ .___SCell_zohi4_gg_:hover+.___SGroupCell_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_._theme_info_zohi4_gg_:hover>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_:hover>.___SCell_zohi4_gg_._theme_info_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_zohi4_gg_._theme_success_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_zohi4_gg_._theme_success_zohi4_gg_.__active_zohi4_gg_>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_zohi4_gg_._theme_success_zohi4_gg_ .___SCell_zohi4_gg_:hover+.___SGroupCell_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_._theme_success_zohi4_gg_:hover>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_:hover>.___SCell_zohi4_gg_._theme_success_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_zohi4_gg_._theme_warning_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_zohi4_gg_._theme_warning_zohi4_gg_.__active_zohi4_gg_>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_zohi4_gg_._theme_warning_zohi4_gg_ .___SCell_zohi4_gg_:hover+.___SGroupCell_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_._theme_warning_zohi4_gg_:hover>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_:hover>.___SCell_zohi4_gg_._theme_warning_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_zohi4_gg_._theme_danger_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_zohi4_gg_._theme_danger_zohi4_gg_.__active_zohi4_gg_>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_zohi4_gg_._theme_danger_zohi4_gg_ .___SCell_zohi4_gg_:hover+.___SGroupCell_zohi4_gg_ .___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_._theme_danger_zohi4_gg_:hover>.___SCell_zohi4_gg_:not(.__theme_zohi4_gg_),.___SRow_zohi4_gg_:hover>.___SCell_zohi4_gg_._theme_danger_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_zohi4_gg_.__positioned_zohi4_gg_{position:absolute}.___SBody_zohi4_gg_.__animationsDisabled_zohi4_gg_ .___SCell_zohi4_gg_{transition:none}.___SCell_zohi4_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_zohi4_gg_._use_primary_zohi4_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_zohi4_gg_._use_secondary_zohi4_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_zohi4_gg_.__fixed_zohi4_gg_{position:sticky;z-index:1}.___SCell_zohi4_gg_._theme_muted_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_zohi4_gg_._theme_info_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_zohi4_gg_._theme_success_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_zohi4_gg_._theme_warning_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_zohi4_gg_._theme_danger_zohi4_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SHeightHold_zohi4_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}',
-    "zohi4_gg_"
-  ), {
-    __SDataTable: "___SDataTable_zohi4_gg_",
-    __SHeadWrapper: "___SHeadWrapper_zohi4_gg_",
-    _sticky: "__sticky_zohi4_gg_",
-    __SHead: "___SHead_zohi4_gg_",
-    __SColumn: "___SColumn_zohi4_gg_",
-    _hidden: "__hidden_zohi4_gg_",
-    _use_primary: "_use_primary_zohi4_gg_",
-    _use_secondary: "_use_secondary_zohi4_gg_",
-    _group: "__group_zohi4_gg_",
-    _use: "__use_zohi4_gg_",
-    _groupHead: "__groupHead_zohi4_gg_",
-    _active: "__active_zohi4_gg_",
-    __SSortIcon: "___SSortIcon_zohi4_gg_",
-    _fixed: "__fixed_zohi4_gg_",
-    _borderLeft: "__borderLeft_zohi4_gg_",
-    __SCell: "___SCell_zohi4_gg_",
-    _borderRight: "__borderRight_zohi4_gg_",
-    __SSortWrapper: "___SSortWrapper_zohi4_gg_",
-    __SBodyWrapper: "___SBodyWrapper_zohi4_gg_",
-    __SBody: "___SBody_zohi4_gg_",
-    __SRow: "___SRow_zohi4_gg_",
-    _theme: "__theme_zohi4_gg_",
-    __SGroupCell: "___SGroupCell_zohi4_gg_",
-    _theme_muted: "_theme_muted_zohi4_gg_",
-    _theme_info: "_theme_info_zohi4_gg_",
-    _theme_success: "_theme_success_zohi4_gg_",
-    _theme_warning: "_theme_warning_zohi4_gg_",
-    _theme_danger: "_theme_danger_zohi4_gg_",
-    _positioned: "__positioned_zohi4_gg_",
-    _animationsDisabled: "__animationsDisabled_zohi4_gg_",
-    __SHeightHold: "___SHeightHold_zohi4_gg_",
-    _compact: "__compact_zohi4_gg_",
-    _sortable: "__sortable_zohi4_gg_",
-    _justifyContent_right: "_justifyContent_right_zohi4_gg_",
-    _resizable: "__resizable_zohi4_gg_"
-  })
-), h_ = {
-  desc: "asc",
-  asc: "desc"
-}, c_ = "desc", s_ = Symbol("ROW_GROUP"), d_ = /[:;\W]/g, M = function(z) {
-  return "--".concat(z.replace(d_, "_"), "_width");
-};
-function F(D, z) {
-  var x = D[0], f = D[D.length - 1];
-  x && (!z || z === "left") && (x.borderLeft = !0, x.columns && F(x.columns, "left")), f && (!z || z === "right") && (f.borderRight = !0, f.columns && F(f.columns, "right"));
-}
-var P = /* @__PURE__ */ function(D) {
-  O(x, D);
-  var z = K(x);
-  function x(f) {
-    var _;
-    L(this, x), _ = z.call(this, f), h(u(_), "focusedCell", [-1, -1]), h(u(_), "columns", []), h(u(_), "tableRef", /* @__PURE__ */ k.createRef()), h(u(_), "scrollBodyRef", null), h(u(_), "scrollHeadRef", null), h(u(_), "handlerSortClick", function(e, r) {
-      var o = _.columns.find(function(a) {
-        return a.name === e;
-      });
-      return __(u(_), "onSortChange", [o.name, o.active ? h_[o.sortDirection] : o.sortDirection], r);
-    }), h(u(_), "handlerResize", function() {
-      _.forceUpdate();
-    }), h(u(_), "scrollToUp", function() {
-      var e, r;
-      (e = _.tableRef) === null || e === void 0 || (r = e.current) === null || r === void 0 || r.scrollIntoView({
-        block: "nearest",
-        inline: "nearest",
-        behavior: "smooth"
-      });
-    }), h(u(_), "hasFocusableInHeader", function() {
-      var e = _.columns.some(function(r) {
-        var o = r.props.ref.current;
-        return r.sortable || o && a_(o);
-      });
-      return e;
-    }), h(u(_), "changeFocusCell", function(e, r) {
-      var o, a, n = _.hasFocusableInHeader(), l = _.columns.length - 1, d = _.totalRows, g = (o = _.tableRef.current) === null || o === void 0 ? void 0 : o.querySelector('[aria-rowindex="'.concat(_.focusedCell[0] + 1, '"]')), w = (a = _.tableRef.current) === null || a === void 0 ? void 0 : a.querySelector('[aria-rowindex="1"]'), c = w == null ? void 0 : w.querySelectorAll("[role=columnheader]"), s = g == null ? void 0 : g.querySelectorAll("[role=gridcell]").item(_.focusedCell[1]), m = c == null ? void 0 : c.item(_.focusedCell[1]), R = !0, b = _.focusedCell[0] + e, v = _.focusedCell[1] + r;
-      if ((n && b < 0 || !n && b < 1 || b > d) && b !== _.focusedCell[0] && (R = !1), (v < 0 || v > l) && v !== _.focusedCell[1] && (R = !1), !!R) {
-        _.focusedCell = [b, v];
-        var W = _.getRow(b), p = W == null ? void 0 : W.querySelectorAll("[role=gridcell], [role=columnheader]").item(v);
-        if (p instanceof HTMLElement && s !== p) {
-          s == null || s.setAttribute("inert", ""), s !== m && (s == null || s.removeAttribute("aria-describedby"));
-          var i = c == null ? void 0 : c.item(v), S = i == null ? void 0 : i.getAttribute("aria-describedby");
-          if (p.removeAttribute("inert"), i !== p && S && p.setAttribute("aria-describedby", S), p == null || p.focus(), b !== 0) {
-            m == null || m.setAttribute("inert", "");
-            var C = c == null ? void 0 : c.item(v);
-            C == null || C.removeAttribute("inert");
-          }
-        } else s === p && _.changeFocusCell(e, r);
-      }
-    }), h(u(_), "handleKeyDown", function(e) {
-      switch (e.key) {
-        case "Tab": {
-          _.setInert(!0);
-          break;
-        }
-        case "ArrowLeft": {
-          e.preventDefault(), _.changeFocusCell(0, -1);
-          break;
-        }
-        case "ArrowRight": {
-          e.preventDefault(), _.changeFocusCell(0, 1);
-          break;
-        }
-        case "ArrowUp": {
-          e.preventDefault(), _.changeFocusCell(-1, 0);
-          break;
-        }
-        case "ArrowDown": {
-          e.preventDefault(), _.changeFocusCell(1, 0);
-          break;
-        }
-      }
-    }), h(u(_), "initFocusableCell", function() {
-      var e = _.hasFocusableInHeader();
-      e ? _.focusedCell = [0, 0] : _.focusedCell = [1, 0];
-    }), h(u(_), "getRow", function(e) {
-      var r, o;
-      return e === 0 ? (r = _.tableRef.current) === null || r === void 0 ? void 0 : r.querySelector("[role=row]") : (o = _.tableRef.current) === null || o === void 0 ? void 0 : o.querySelector('[aria-rowindex="'.concat(e + 1, '"]'));
-    }), h(u(_), "handleFocus", function(e) {
-      if ((!e.relatedTarget || !$(e.currentTarget, e.relatedTarget)) && G.isKeyboard()) {
-        var r;
-        _.focusedCell[0] === -1 && _.focusedCell[1] === -1 && _.initFocusableCell(), _.setInert(!0);
-        var o = _.getRow(_.focusedCell[0]);
-        o || (_.initFocusableCell(), o = _.getRow(_.focusedCell[0]));
-        var a = (r = o) === null || r === void 0 ? void 0 : r.querySelectorAll("[role=gridcell], [role=columnheader]").item(_.focusedCell[1]);
-        a == null || a.removeAttribute("inert"), a instanceof HTMLElement && a.focus(), e.currentTarget.setAttribute("tabIndex", "-1");
-      }
-    }), h(u(_), "handleBlur", function(e) {
-      var r = e.relatedTarget, o = _.tableRef.current;
-      o && (!r || !$(o, r) || !G.isKeyboard()) && (_.setInert(!1), o.setAttribute("tabIndex", "0"));
-    }), h(u(_), "handleMouseMove", function() {
-      _.setInert(!1);
-    });
-    var t = Y();
-    return _.scrollBodyRef = t("body"), _.scrollHeadRef = t("head"), _;
-  }
-  return U(x, [{
-    key: "setVarStyle",
-    value: function(_) {
-      var t = this, e = _.flatMap(function(o) {
-        var a, n;
-        return (a = o.props.ref.current) === null || a === void 0 || (n = a.getAnimations) === null || n === void 0 ? void 0 : n.call(a);
-      }).filter(function(o) {
-        return o !== void 0;
-      }), r = Promise.resolve();
-      e.length > 0 && (r = Promise.all(e.map(function(o) {
-        return o.finished;
-      }))), r.then(function() {
-        var o = E(_), a;
-        try {
-          for (o.s(); !(a = o.n()).done; ) {
-            var n = a.value;
-            if (n.setVar) {
-              var l;
-              (l = t.tableRef.current) === null || l === void 0 || l.style.setProperty(n.varWidth, "".concat(n.width, "px"));
-            }
-          }
-        } catch (d) {
-          o.e(d);
-        } finally {
-          o.f();
-        }
-      }).catch(function(o) {
-        console.error(o);
-      });
-    }
-  }, {
-    key: "childrenToColumns",
-    value: function(_) {
-      var t = this, e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-        fixed: void 0
-      }, r = this.asProps.sort, o = [];
-      return k.Children.forEach(_, function(a) {
-        var n;
-        if (/* @__PURE__ */ k.isValidElement(a) && a.type === I.Column) {
-          var l = a.props, d = l.children, g = l.name, w = l.fixed, c = w === void 0 ? e.fixed : w, s = l.resizable, m = l.sortable, R = l.flex, b = l.vBorders, v = l.active, W = B(l, l_), p = o[o.length - 1], i = !g, S;
-          if (i) {
-            if (S = t.childrenToColumns(d, {
-              fixed: c
-            }), v = typeof v == "boolean" ? v : S.some(function(y) {
-              return y.active;
-            }), b && F(S), g = V(S).map(function(y) {
-              var j = y.name;
-              return j;
-            }).join("/"), !S.length) return;
-            d = k.Children.toArray(d).filter(function(y) {
-              return !(/* @__PURE__ */ k.isValidElement(y) && y.type === I.Column);
-            });
-          }
-          var C = t.columns.find(function(y) {
-            return y.name === g;
-          }), H = {
-            get width() {
-              var y;
-              return ((y = this.props.ref.current) === null || y === void 0 ? void 0 : y.getBoundingClientRect().width) || 0;
-            },
-            name: g,
-            varWidth: M(g),
-            setVar: R !== "inherit",
-            fixed: c,
-            resizable: s,
-            active: typeof v == "boolean" ? v : r[0] === g,
-            sortable: m,
-            borderLeft: (p == null ? void 0 : p.borderRight) === !0 ? !1 : b,
-            borderRight: b,
-            sortDirection: r[0] === g ? r[1] : (C == null ? void 0 : C.sortDirection) || (typeof m == "string" ? m : c_),
-            props: T(T({
-              name: g,
-              flex: R === "inherit" ? void 0 : R
-            }, W), {}, {
-              // @ts-ignore
-              forwardRef: a.ref,
-              children: d,
-              ref: (C == null || (n = C.props) === null || n === void 0 ? void 0 : n.ref) || /* @__PURE__ */ k.createRef()
-            }),
-            parentColumns: []
-          };
-          S && (H.columns = S, S.forEach(function(y) {
-            return y.parentColumns.unshift(H);
-          })), o.push(H);
-        }
-      }), o;
-    }
-  }, {
-    key: "getHeadProps",
-    value: function(_) {
-      var t = this.asProps, e = t.use, r = t.uid, o = t.getI18nText, a = this.childrenToColumns(_.children);
-      return this.columns = V(a), {
-        $onSortClick: Z(this.handlerSortClick, this.scrollToUp),
-        columnsChildren: a,
-        use: e,
-        onResize: this.handlerResize,
-        $scrollRef: this.scrollHeadRef,
-        uid: r,
-        getI18nText: o
-      };
-    }
-  }, {
-    key: "getBodyProps",
-    value: function(_) {
-      var t = this.asProps, e = t.data, r = t.use, o = t.uniqueKey, a = t.uid, n = {}, l = [];
-      return k.Children.forEach(_.children, function(d) {
-        if (/* @__PURE__ */ k.isValidElement(d)) {
-          var g = d.props, w = g.name, c = g.children, s = B(g, n_);
-          d.type === I.Cell && w && w.split("/").forEach(function(m) {
-            n[m] = n[m] || [], n[m].push(T(T({}, s), {}, {
-              childrenPropsGetter: c
-            }));
-          }), d.type === I.Row && l.push(T(T({}, s), {}, {
-            childrenPropsGetter: c
-          }));
-        }
-      }), {
-        columns: this.columns,
-        rows: this.dataToRows(e, n),
-        uniqueKey: o,
-        use: r,
-        rowPropsLayers: l,
-        $scrollRef: this.scrollBodyRef,
-        uid: a
-      };
-    }
-  }, {
-    key: "dataToRows",
-    value: function(_, t) {
-      var e = this, r = function o(a, n) {
-        return a.map(function(l) {
-          var d = {}, g = {};
-          for (var w in l) {
-            var c = w.split("/");
-            if (c.length >= 2) {
-              var s = E(c), m;
-              try {
-                for (s.s(); !(m = s.n()).done; ) {
-                  var R = m.value;
-                  d[R] = {
-                    groupedColumns: c,
-                    groupData: l[w]
-                  }, g[R] = !0;
-                }
-              } catch (i) {
-                s.e(i);
-              } finally {
-                s.f();
-              }
-            } else
-              g[w] = !0;
-          }
-          var b = l[s_] || [], v = Object.fromEntries(b.flatMap(function(i) {
-            return Object.keys(i);
-          }).flatMap(function(i) {
-            return i.split("/");
-          }).map(function(i) {
-            return [i, !0];
-          })), W = !1, p = e.columns.map(function(i) {
-            if (d[i.name]) {
-              var S = d[i.name], C = S.groupedColumns, H = S.groupData;
-              if (C[0] === i.name)
-                return {
-                  name: C.join("/"),
-                  cssVar: C.map(M),
-                  fixed: i.fixed,
-                  data: H,
-                  cellPropsLayers: t[i.name] || []
-                };
-            } else {
-              if (i.name in l)
-                return {
-                  name: i.name,
-                  cssVar: i.varWidth,
-                  fixed: i.fixed,
-                  data: l[i.name],
-                  cellPropsLayers: t[i.name] || []
-                };
-              if (!W && v[i.name])
-                return W = !0, o(b, T(T({}, n), g));
-              if (!n[i.name] && !v[i.name])
-                return {
-                  name: i.name,
-                  cssVar: i.varWidth,
-                  fixed: i.fixed,
-                  data: null,
-                  cellPropsLayers: t[i.name] || []
-                };
-            }
-          }).filter(function(i) {
-            return i;
-          }).map(function(i) {
-            return i;
-          });
-          return p.flatRowData = l, p;
-        });
-      };
-      return r(_, {});
-    }
-  }, {
-    key: "componentDidMount",
-    value: function() {
-      this.setVarStyle(this.columns);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(_) {
-      if (this.setVarStyle(this.columns), _.data !== this.props.data) {
-        var t = this.focusedCell[0], e = t === 0 && this.hasFocusableInHeader();
-        this.tableRef.current && !$(this.tableRef.current) && !e && (this.focusedCell = [-1, -1]);
-      }
-    }
-  }, {
-    key: "totalRows",
-    get: function() {
-      var _ = this.asProps, t = _.data, e = _.totalRows;
-      return e ?? (t ?? []).length;
-    }
-  }, {
-    key: "setInert",
-    value: function(_) {
-      var t, e = (t = this.tableRef.current) === null || t === void 0 ? void 0 : t.querySelectorAll("[role=gridcell], [role=columnheader]");
-      e == null || e.forEach(function(r) {
-        _ === !0 ? r.setAttribute("inert", "") : r.removeAttribute("inert");
-      });
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var _ = this.asProps, t, e = X, r = this.asProps, o = r.Children, a = r.styles;
-      return t = q(a), /* @__PURE__ */ k.createElement(e, t.cn("SDataTable", T({}, N({
-        __excludeProps: ["data"],
-        ref: this.tableRef,
-        role: "grid",
-        onKeyDown: this.handleKeyDown,
-        onMouseMove: this.handleMouseMove,
-        tabIndex: 0,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        "aria-rowcount": this.totalRows,
-        "aria-colcount": this.columns.length
-      }, _))), /* @__PURE__ */ k.createElement(o, t.cn("Children", {})));
-    }
-  }]), x;
-}(Q);
-h(P, "displayName", "DefinitionTable");
-h(P, "style", g_);
-h(P, "enhance", [r_(), t_(i_)]);
-h(P, "defaultProps", {
-  use: "primary",
-  uniqueKey: "id",
-  sort: [],
-  data: []
-});
-function A() {
-  return null;
-}
-var I = J(P, {
-  Head: e_,
-  Body: o_,
-  Column: A,
-  Cell: A,
-  Row: A
-}, {}), F_ = function(z) {
-  return z;
-}, B_ = function(z) {
-  return z;
-}, E_ = function(z) {
-  return z;
-};
-export {
-  s_ as ROW_GROUP,
-  I as default,
-  F_ as wrapDataTable,
-  E_ as wrapDataTableCell,
-  B_ as wrapDataTableRow
-};