@semcore/data-table 1.5.4 → 2.2.0

package/lib/cjs/DataTable.js

@@ -9,10 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.ROW_GROUP = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -58,6 +54,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function (_e) { function e(_x) { return _e.apply(this, arguments); } e.toString = function () { return _e.toString(); }; return e; }(function (e) { throw e; }), f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function (_e2) { function e(_x2) { return _e2.apply(this, arguments); } e.toString = function () { return _e2.toString(); }; return e; }(function (e) { didErr = true; err = e; }), f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -67,45 +69,47 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDataTable_13w0c_gg_{position:relative}.___SHeadWrapper_13w0c_gg_{position:relative}.___SHeadWrapper_13w0c_gg_.__sticky_13w0c_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_13w0c_gg_{display:flex;position:relative;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_13w0c_gg_{display:flex;flex-grow:1;font-size:12px;line-height:18px;color:#333333;box-sizing:border-box;position:relative}.___SColumn_13w0c_gg_:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(43,148,225,.3)}.___SColumn_13w0c_gg_.__hidden_13w0c_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_13w0c_gg_._use_primary_13w0c_gg_{padding:12px;border-right:1px solid #dee3e5;border-bottom:1px solid #dee3e5;background-color:#f2f3f4}.___SColumn_13w0c_gg_._use_secondary_13w0c_gg_{padding:8px;border-bottom:1px solid #a6b0b3;background-color:#fff}.___SColumn_13w0c_gg_.__use_13w0c_gg_:last-child{border-right:none}.___SColumn_13w0c_gg_.__group_13w0c_gg_.__use_13w0c_gg_{display:flex;flex-wrap:wrap;flex-direction:column;border-bottom:none;padding:0}.___SColumn_13w0c_gg_.__groupHead_13w0c_gg_.__use_13w0c_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_13w0c_gg_.__groupHead_13w0c_gg_._use_primary_13w0c_gg_{border-bottom:1px solid #dee3e5}.___SColumn_13w0c_gg_.__groupHead_13w0c_gg_._use_secondary_13w0c_gg_{border-bottom:1px solid #a6b0b3}.___SColumn_13w0c_gg_.__sortable_13w0c_gg_{cursor:pointer}.___SColumn_13w0c_gg_.__sortable_13w0c_gg_._use_primary_13w0c_gg_:hover{background-color:#e4e7e8}.___SColumn_13w0c_gg_.__active_13w0c_gg_._use_primary_13w0c_gg_{background-color:#e4e7e8}.___SColumn_13w0c_gg_.__resizable_13w0c_gg_:hover:after{background:#a6b0b3}.___SColumn_13w0c_gg_.__resizable_13w0c_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_13w0c_gg_.__fixed_13w0c_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_13w0c_gg_{margin-top:2px;margin-left:4px;color:#bdc4c6}.___SSortIcon_13w0c_gg_.__active_13w0c_gg_{fill:#64787e}.___SBodyWrapper_13w0c_gg_{position:relative}.___SBody_13w0c_gg_{display:flex;flex-direction:column;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SRow_13w0c_gg_{display:flex;flex-direction:row;position:relative}.___SRow_13w0c_gg_:hover .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_),.___SRow_13w0c_gg_.__active_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#f6f7f7}.___SRow_13w0c_gg_._theme_muted_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#f2f3f4}.___SRow_13w0c_gg_:hover .___SCell_13w0c_gg_._theme_muted_13w0c_gg_,.___SRow_13w0c_gg_._theme_muted_13w0c_gg_:hover .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_),.___SRow_13w0c_gg_._theme_muted_13w0c_gg_.__active_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#f6f7f7}.___SRow_13w0c_gg_._theme_info_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#d5eaf9}.___SRow_13w0c_gg_:hover .___SCell_13w0c_gg_._theme_info_13w0c_gg_,.___SRow_13w0c_gg_._theme_info_13w0c_gg_:hover .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_),.___SRow_13w0c_gg_._theme_info_13w0c_gg_.__active_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#cae4f8}.___SRow_13w0c_gg_._theme_success_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#e5f3e0}.___SRow_13w0c_gg_:hover .___SCell_13w0c_gg_._theme_success_13w0c_gg_,.___SRow_13w0c_gg_._theme_success_13w0c_gg_:hover .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_),.___SRow_13w0c_gg_._theme_success_13w0c_gg_.__active_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#dcefd6}.___SRow_13w0c_gg_._theme_warning_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#fef3e6}.___SRow_13w0c_gg_:hover .___SCell_13w0c_gg_._theme_warning_13w0c_gg_,.___SRow_13w0c_gg_._theme_warning_13w0c_gg_:hover .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_),.___SRow_13w0c_gg_._theme_warning_13w0c_gg_.__active_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#feefde}.___SRow_13w0c_gg_._theme_danger_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#fdeaea}.___SRow_13w0c_gg_:hover .___SCell_13w0c_gg_._theme_danger_13w0c_gg_,.___SRow_13w0c_gg_._theme_danger_13w0c_gg_:hover .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_),.___SRow_13w0c_gg_._theme_danger_13w0c_gg_.__active_13w0c_gg_ .___SCell_13w0c_gg_:not(.__theme_13w0c_gg_){background-color:#fce0e0}.___SCell_13w0c_gg_{display:flex;flex:0 0 auto;font-size:14px;color:#333333;line-height:20px;box-sizing:border-box;border-bottom:1px solid #dee3e5;overflow:hidden;white-space:nowrap}.___SCell_13w0c_gg_._use_primary_13w0c_gg_{padding:12px;min-height:45px;background-color:#fff}.___SCell_13w0c_gg_._use_secondary_13w0c_gg_{padding:8px;min-height:37px;background-color:#fff}.___SCell_13w0c_gg_.__fixed_13w0c_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_13w0c_gg_._theme_muted_13w0c_gg_{background-color:#f2f3f4}.___SCell_13w0c_gg_._theme_info_13w0c_gg_{background-color:#d5eaf9}.___SCell_13w0c_gg_._theme_success_13w0c_gg_{background-color:#e5f3e0}.___SCell_13w0c_gg_._theme_warning_13w0c_gg_{background-color:#fef3e6}.___SCell_13w0c_gg_._theme_danger_13w0c_gg_{background-color:#fdeaea}.___SScrollAreaBar_13w0c_gg_._orientation_horizontal_13w0c_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_13w0c_gg_._orientation_vertical_13w0c_gg_{width:12px}.___SScrollAreaBar_13w0c_gg_._orientation_horizontal_13w0c_gg_{margin-left:calc(var(--left_1okuh39) + 4px);margin-right:calc(var(--right_1okuh39) + 4px);width:calc(100% - var(--offsetSum_1okuh39) - 8px)}"
+".___SDataTable_129rn_gg_{position:relative}.___SHeadWrapper_129rn_gg_{position:relative}.___SHeadWrapper_129rn_gg_.__sticky_129rn_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_129rn_gg_{display:flex;position:relative;flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_129rn_gg_{display:flex;flex-grow:1;font-size:12px;line-height:18px;color:#333333;box-sizing:border-box;position:relative}.___SColumn_129rn_gg_:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(43,148,225,.3)}.___SColumn_129rn_gg_.__hidden_129rn_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_129rn_gg_._use_primary_129rn_gg_{padding:12px;border-right:1px solid #dee3e5;border-bottom:1px solid #dee3e5;background-color:#f2f3f4}.___SColumn_129rn_gg_._use_secondary_129rn_gg_{padding:8px;border-bottom:1px solid #a6b0b3;background-color:#fff}.___SColumn_129rn_gg_.__use_129rn_gg_:last-child{border-right:none}.___SColumn_129rn_gg_.__group_129rn_gg_.__use_129rn_gg_{display:flex;flex-wrap:wrap;flex-direction:column;border-bottom:none;padding:0}.___SColumn_129rn_gg_.__groupHead_129rn_gg_.__use_129rn_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_129rn_gg_.__groupHead_129rn_gg_._use_primary_129rn_gg_{border-bottom:1px solid #dee3e5}.___SColumn_129rn_gg_.__groupHead_129rn_gg_._use_secondary_129rn_gg_{border-bottom:1px solid #a6b0b3}.___SColumn_129rn_gg_.__sortable_129rn_gg_{cursor:pointer}.___SColumn_129rn_gg_.__sortable_129rn_gg_._use_primary_129rn_gg_:hover{background-color:#e4e7e8}.___SColumn_129rn_gg_.__active_129rn_gg_._use_primary_129rn_gg_{background-color:#e4e7e8}.___SColumn_129rn_gg_.__resizable_129rn_gg_:hover:after{background:#a6b0b3}.___SColumn_129rn_gg_.__resizable_129rn_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_129rn_gg_.__fixed_129rn_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_129rn_gg_{margin-top:2px;margin-left:4px;color:#bdc4c6}.___SSortIcon_129rn_gg_.__active_129rn_gg_{fill:#64787e}.___SBodyWrapper_129rn_gg_{position:relative}.___SBody_129rn_gg_{display:flex;flex-direction:column;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SRow_129rn_gg_{display:flex;flex-direction:row;position:relative}.___SRow_129rn_gg_:hover .___SCell_129rn_gg_:not(.__theme_129rn_gg_),.___SRow_129rn_gg_.__active_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#f6f7f7}.___SRow_129rn_gg_._theme_muted_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#f2f3f4}.___SRow_129rn_gg_:hover .___SCell_129rn_gg_._theme_muted_129rn_gg_,.___SRow_129rn_gg_._theme_muted_129rn_gg_:hover .___SCell_129rn_gg_:not(.__theme_129rn_gg_),.___SRow_129rn_gg_._theme_muted_129rn_gg_.__active_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#f6f7f7}.___SRow_129rn_gg_._theme_info_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#d5eaf9}.___SRow_129rn_gg_:hover .___SCell_129rn_gg_._theme_info_129rn_gg_,.___SRow_129rn_gg_._theme_info_129rn_gg_:hover .___SCell_129rn_gg_:not(.__theme_129rn_gg_),.___SRow_129rn_gg_._theme_info_129rn_gg_.__active_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#cae4f8}.___SRow_129rn_gg_._theme_success_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#e5f3e0}.___SRow_129rn_gg_:hover .___SCell_129rn_gg_._theme_success_129rn_gg_,.___SRow_129rn_gg_._theme_success_129rn_gg_:hover .___SCell_129rn_gg_:not(.__theme_129rn_gg_),.___SRow_129rn_gg_._theme_success_129rn_gg_.__active_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#dcefd6}.___SRow_129rn_gg_._theme_warning_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#fef3e6}.___SRow_129rn_gg_:hover .___SCell_129rn_gg_._theme_warning_129rn_gg_,.___SRow_129rn_gg_._theme_warning_129rn_gg_:hover .___SCell_129rn_gg_:not(.__theme_129rn_gg_),.___SRow_129rn_gg_._theme_warning_129rn_gg_.__active_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#feefde}.___SRow_129rn_gg_._theme_danger_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#fdeaea}.___SRow_129rn_gg_:hover .___SCell_129rn_gg_._theme_danger_129rn_gg_,.___SRow_129rn_gg_._theme_danger_129rn_gg_:hover .___SCell_129rn_gg_:not(.__theme_129rn_gg_),.___SRow_129rn_gg_._theme_danger_129rn_gg_.__active_129rn_gg_ .___SCell_129rn_gg_:not(.__theme_129rn_gg_){background-color:#fce0e0}.___SRow_129rn_gg_.__positioned_129rn_gg_{position:absolute}.___SCell_129rn_gg_{display:flex;flex:1;font-size:14px;color:#333333;line-height:20px;box-sizing:border-box;border-bottom:1px solid #dee3e5;overflow:hidden;white-space:nowrap}.___SCell_129rn_gg_._use_primary_129rn_gg_{padding:12px;min-height:45px;background-color:#fff}.___SCell_129rn_gg_._use_secondary_129rn_gg_{padding:8px;min-height:37px;background-color:#fff}.___SCell_129rn_gg_.__fixed_129rn_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_129rn_gg_._theme_muted_129rn_gg_{background-color:#f2f3f4}.___SCell_129rn_gg_._theme_info_129rn_gg_{background-color:#d5eaf9}.___SCell_129rn_gg_._theme_success_129rn_gg_{background-color:#e5f3e0}.___SCell_129rn_gg_._theme_warning_129rn_gg_{background-color:#fef3e6}.___SCell_129rn_gg_._theme_danger_129rn_gg_{background-color:#fdeaea}.___SScrollAreaBar_129rn_gg_._orientation_horizontal_129rn_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_129rn_gg_._orientation_vertical_129rn_gg_{width:12px}.___SScrollAreaBar_129rn_gg_._orientation_horizontal_129rn_gg_{margin-left:calc(var(--left_n8z383) + 4px);margin-right:calc(var(--right_n8z383) + 4px);width:calc(100% - var(--offsetSum_n8z383) - 8px)}.___SHeightHold_129rn_gg_{position:absolute;top:0;width:100px}"
 /*__inner_css_end__*/
-, "1okuh39_gg_")
+, "n8z383_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_13w0c_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_13w0c_gg_",
-  "_sticky": "__sticky_13w0c_gg_",
-  "__SHead": "___SHead_13w0c_gg_",
-  "__SColumn": "___SColumn_13w0c_gg_",
-  "_hidden": "__hidden_13w0c_gg_",
-  "_use_primary": "_use_primary_13w0c_gg_",
-  "_use_secondary": "_use_secondary_13w0c_gg_",
-  "_use": "__use_13w0c_gg_",
-  "_group": "__group_13w0c_gg_",
-  "_groupHead": "__groupHead_13w0c_gg_",
-  "_sortable": "__sortable_13w0c_gg_",
-  "_active": "__active_13w0c_gg_",
-  "_resizable": "__resizable_13w0c_gg_",
-  "_fixed": "__fixed_13w0c_gg_",
-  "__SSortIcon": "___SSortIcon_13w0c_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_13w0c_gg_",
-  "__SBody": "___SBody_13w0c_gg_",
-  "__SRow": "___SRow_13w0c_gg_",
-  "__SCell": "___SCell_13w0c_gg_",
-  "_theme": "__theme_13w0c_gg_",
-  "_theme_muted": "_theme_muted_13w0c_gg_",
-  "_theme_info": "_theme_info_13w0c_gg_",
-  "_theme_success": "_theme_success_13w0c_gg_",
-  "_theme_warning": "_theme_warning_13w0c_gg_",
-  "_theme_danger": "_theme_danger_13w0c_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_13w0c_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_13w0c_gg_",
-  "_orientation_vertical": "_orientation_vertical_13w0c_gg_",
-  "--left": "--left_1okuh39",
-  "--right": "--right_1okuh39",
-  "--offsetSum": "--offsetSum_1okuh39"
+  "__SDataTable": "___SDataTable_129rn_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_129rn_gg_",
+  "_sticky": "__sticky_129rn_gg_",
+  "__SHead": "___SHead_129rn_gg_",
+  "__SColumn": "___SColumn_129rn_gg_",
+  "_hidden": "__hidden_129rn_gg_",
+  "_use_primary": "_use_primary_129rn_gg_",
+  "_use_secondary": "_use_secondary_129rn_gg_",
+  "_use": "__use_129rn_gg_",
+  "_group": "__group_129rn_gg_",
+  "_groupHead": "__groupHead_129rn_gg_",
+  "_sortable": "__sortable_129rn_gg_",
+  "_active": "__active_129rn_gg_",
+  "_resizable": "__resizable_129rn_gg_",
+  "_fixed": "__fixed_129rn_gg_",
+  "__SSortIcon": "___SSortIcon_129rn_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_129rn_gg_",
+  "__SBody": "___SBody_129rn_gg_",
+  "__SRow": "___SRow_129rn_gg_",
+  "__SCell": "___SCell_129rn_gg_",
+  "_theme": "__theme_129rn_gg_",
+  "_theme_muted": "_theme_muted_129rn_gg_",
+  "_theme_info": "_theme_info_129rn_gg_",
+  "_theme_success": "_theme_success_129rn_gg_",
+  "_theme_warning": "_theme_warning_129rn_gg_",
+  "_theme_danger": "_theme_danger_129rn_gg_",
+  "_positioned": "__positioned_129rn_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_129rn_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_129rn_gg_",
+  "_orientation_vertical": "_orientation_vertical_129rn_gg_",
+  "--left": "--left_n8z383",
+  "--right": "--right_n8z383",
+  "--offsetSum": "--offsetSum_n8z383",
+  "__SHeightHold": "___SHeightHold_129rn_gg_"
 });
-var MAP_SORT_DIRECTION = {
+var REVERSED_SORT_DIRECTION = {
   desc: 'asc',
   asc: 'desc'
 };
@@ -114,9 +118,9 @@ var ROW_GROUP = Symbol('ROW_GROUP');
 exports.ROW_GROUP = ROW_GROUP;
 var cssVarReg = /[:;]/g;
 
-function createCssVarForWidth(name) {
+var createCssVarForWidth = function createCssVarForWidth(name) {
   return "--".concat(name.replace(cssVarReg, '_'), "_width");
-}
+};
 
 var RootDefinitionTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootDefinitionTable, _Component);
@@ -129,21 +133,21 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
     (0, _classCallCheck2["default"])(this, RootDefinitionTable);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columns", []);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tableRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerSortClick", function (name, e) {
-      var column = _this.columns.find(function (c) {
-        return c.name === name;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tableRef", _react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollBodyRef", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollHeadRef", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerSortClick", function (name, event) {
+      var column = _this.columns.find(function (column) {
+        return column.name === name;
       });
 
-      return (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onSortChange', [column.name, column.active ? MAP_SORT_DIRECTION[column.sortDirection] : column.sortDirection], e);
+      return (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onSortChange', [column.name, column.active ? REVERSED_SORT_DIRECTION[column.sortDirection] : column.sortDirection], event);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerResize", function () {
       _this.forceUpdate();
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToUp", function () {
-      var _this$tableRef, _this$tableRef$curren;
-
-      (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : (_this$tableRef$curren = _this$tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.scrollIntoView({
+      _this.tableRef?.current?.scrollIntoView({
         block: 'nearest',
         inline: 'nearest',
         behavior: 'smooth'
@@ -159,18 +163,41 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(RootDefinitionTable, [{
     key: "setVarStyle",
     value: function setVarStyle(columns) {
-      var _this2 = this;
+      var _iterator = _createForOfIteratorHelper(columns),
+          _step;
 
-      columns.forEach(function (column) {
-        var _this2$tableRef$curre;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _column = _step.value;
 
-        (_this2$tableRef$curre = _this2.tableRef.current) === null || _this2$tableRef$curre === void 0 ? void 0 : _this2$tableRef$curre.style.setProperty(column.cssVar, "".concat(column.width, "px"));
-      }, {});
+          if (Array.isArray(_column.cssVar)) {
+            var _iterator2 = _createForOfIteratorHelper(_column.cssVar),
+                _step2;
+
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var cssVar = _step2.value;
+                this.tableRef.current?.style.setProperty(cssVar, "".concat(_column.width, "px"));
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          } else {
+            this.tableRef.current?.style.setProperty(_column.cssVar, "".concat(_column.width, "px"));
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
     }
   }, {
     key: "childrenToColumns",
     value: function childrenToColumns(children) {
-      var _this3 = this;
+      var _this2 = this;
 
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
         fixed: undefined
@@ -179,43 +206,40 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
       var columnsChildren = [];
 
       _react["default"].Children.forEach(children, function (child) {
-        var _column$props;
-
-        if (! /*#__PURE__*/_react["default"].isValidElement(child)) return;
+        if (!_react["default"].isValidElement(child)) return;
         if (child.type !== DefinitionTable.Column) return;
-        var _child$props = child.props,
-            children = _child$props.children,
-            name = _child$props.name,
-            _child$props$fixed = _child$props.fixed,
-            fixed = _child$props$fixed === void 0 ? options.fixed : _child$props$fixed,
-            resizable = _child$props.resizable,
-            sortable = _child$props.sortable,
-            props = (0, _objectWithoutProperties2["default"])(_child$props, _excluded);
+        var _ref3 = child.props,
+            children = _ref3.children,
+            name = _ref3.name,
+            _ref3$fixed = _ref3.fixed,
+            fixed = _ref3$fixed === void 0 ? options.fixed : _ref3$fixed,
+            resizable = _ref3.resizable,
+            sortable = _ref3.sortable,
+            props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
         var isGroup = !name;
-        var columns = null;
+        var columns = [];
 
         if (isGroup) {
-          columns = _this3.childrenToColumns(children, {
+          columns = _this2.childrenToColumns(children, {
             fixed: fixed
           });
-          name = (0, _utils.flattenColumns)(columns).map(function (c) {
-            return c.name;
+          name = (0, _utils.flattenColumns)(columns).map(function (_ref4) {
+            var name = _ref4.name;
+            return name;
           }).join('/');
           if (!columns.length) return;
           children = _react["default"].Children.toArray(children).filter(function (child) {
-            return !( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === DefinitionTable.Column);
+            return !(_react["default"].isValidElement(child) && child.type === DefinitionTable.Column);
           });
         }
 
-        var column = _this3.columns.find(function (c) {
-          return c.name === name;
+        var column = _this2.columns.find(function (column) {
+          return column.name === name;
         });
 
         columnsChildren.push({
           get width() {
-            var _this$props$ref$curre;
-
-            return ((_this$props$ref$curre = this.props.ref.current) === null || _this$props$ref$curre === void 0 ? void 0 : _this$props$ref$curre.getBoundingClientRect().width) || 0;
+            return this.props.ref.current?.getBoundingClientRect().width || 0;
           },
 
           name: name,
@@ -224,10 +248,11 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
           resizable: resizable,
           active: sort[0] === name,
           sortable: sortable,
-          sortDirection: sort[0] === name ? sort[1] : (column === null || column === void 0 ? void 0 : column.sortDirection) || (typeof sortable == 'string' ? sortable : DEFAULT_SORT_DIRECTION),
+          sortDirection: sort[0] === name ? sort[1] : column?.sortDirection || (typeof sortable == 'string' ? sortable : DEFAULT_SORT_DIRECTION),
           columns: columns,
           props: _objectSpread({
-            ref: (column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.ref) || /*#__PURE__*/_react["default"].createRef(),
+            name: name,
+            ref: column?.props?.ref || _react["default"].createRef(),
             children: children
           }, props)
         });
@@ -254,129 +279,138 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
     value: function getBodyProps(props) {
       var _this$asProps = this.asProps,
           data = _this$asProps.data,
-          use = _this$asProps.use;
-      var propsCells = {};
-      var $propsRow = [];
+          use = _this$asProps.use,
+          uniqueKey = _this$asProps.uniqueKey;
+      var cellPropsLayers = {};
+      var rowPropsLayers = [];
 
       _react["default"].Children.forEach(props.children, function (child) {
-        if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
-          var _child$props2 = child.props,
-              name = _child$props2.name,
-              children = _child$props2.children,
-              other = (0, _objectWithoutProperties2["default"])(_child$props2, _excluded2);
+        if (_react["default"].isValidElement(child)) {
+          var _ref5 = child.props,
+              name = _ref5.name,
+              children = _ref5.children,
+              other = (0, _objectWithoutProperties2["default"])(_ref5, _excluded2);
 
           if (child.type === DefinitionTable.Cell && name) {
             name.split('/').forEach(function (name) {
-              propsCells[name] = propsCells[name] || [];
-              propsCells[name].push(_objectSpread(_objectSpread({}, other), {}, {
-                getCellProps: children
+              cellPropsLayers[name] = cellPropsLayers[name] || [];
+              cellPropsLayers[name].push(_objectSpread(_objectSpread({}, other), {}, {
+                childrenPropsGetter: children
               }));
             });
           }
 
           if (child.type === DefinitionTable.Row) {
-            $propsRow.push(_objectSpread(_objectSpread({}, other), {}, {
-              getRowProps: children
+            rowPropsLayers.push(_objectSpread(_objectSpread({}, other), {}, {
+              childrenPropsGetter: children
             }));
           }
         }
       });
 
-      return {
+      var result = {
         columns: this.columns,
-        rows: this.dataToRows(data, propsCells),
+        rows: this.dataToRows(data, cellPropsLayers),
+        uniqueKey: uniqueKey,
         use: use,
-        $propsRow: $propsRow,
+        rowPropsLayers: rowPropsLayers,
         $scrollRef: this.scrollBodyRef
       };
+      return result;
     }
   }, {
     key: "dataToRows",
-    value: function dataToRows(data, propsCells) {
-      var columns = this.columns;
+    value: function dataToRows(data, cellPropsLayers) {
+      var _this3 = this;
 
-      function parseData(data) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-          exclude: []
-        };
+      var parseData = function parseData(data, exclude) {
         return data.map(function (row) {
-          var columnsGroups = Object.keys(row).reduce(function (acc, name) {
-            var names = name.split('/');
-
-            if (names.length >= 2) {
-              acc.push([names, row[name]]);
+          var groupByName = {};
+          var groupedColumns = {};
+          var ungroupedColumns = {};
+
+          for (var rowKey in row) {
+            var columnNames = rowKey.split('/');
+
+            if (columnNames.length >= 2) {
+              var _iterator3 = _createForOfIteratorHelper(columnNames),
+                  _step3;
+
+              try {
+                for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                  var _column2 = _step3.value;
+                  groupByName[_column2] = {
+                    groupedColumns: columnNames,
+                    groupData: row[rowKey]
+                  };
+                  groupedColumns[rowKey] = true;
+                }
+              } catch (err) {
+                _iterator3.e(err);
+              } finally {
+                _iterator3.f();
+              }
+            } else {
+              ungroupedColumns[rowKey] = true;
             }
+          }
 
-            return acc;
-          }, []);
-          var nameColumnsGroup = columnsGroups.reduce(function (acc, _ref3) {
-            var _ref4 = (0, _slicedToArray2["default"])(_ref3, 1),
-                names = _ref4[0];
-
-            return acc.concat(names);
-          }, []).filter(function (name, i, arr) {
-            return arr.indexOf(name) === i;
-          });
           var rowsGroup = row[ROW_GROUP] || [];
-          var nameRowsGroup = rowsGroup.reduce(function (acc, row) {
-            return acc.concat(Object.keys(row));
-          }, []).filter(function (name, i, arr) {
-            return arr.indexOf(name) === i;
-          });
-          var isGroupRow = false;
-          var cells = [];
-          cells._row = row;
-          return columns.reduce(function (acc, column) {
-            var columnGroup = columnsGroups.find(function (group) {
-              var _group$;
-
-              return (_group$ = group[0]) === null || _group$ === void 0 ? void 0 : _group$.includes(column.name);
-            });
-
-            if (columnGroup) {
-              var _columnGroup = (0, _slicedToArray2["default"])(columnGroup, 2),
-                  names = _columnGroup[0],
-                  _data = _columnGroup[1];
-
-              if (names[0] === column.name) {
-                acc.push({
-                  name: names.join('/'),
-                  cssVar: names.map(createCssVarForWidth),
+          var rowsGroupedNames = Object.fromEntries(rowsGroup.map(function (subRow) {
+            return Object.keys(subRow);
+          }).flat().map(function (key) {
+            return [key, true];
+          }));
+          var isGroup = false;
+
+          var cells = _this3.columns.map(function (column) {
+            if (groupByName[column.name]) {
+              var _groupByName$column$n = groupByName[column.name],
+                  _groupedColumns = _groupByName$column$n.groupedColumns,
+                  groupData = _groupByName$column$n.groupData;
+
+              if (_groupedColumns[0] === column.name) {
+                return {
+                  name: _groupedColumns.join('/'),
+                  cssVar: _groupedColumns.map(createCssVarForWidth),
                   fixed: column.fixed,
-                  data: _data,
-                  rendersCell: propsCells[column.name] || []
-                });
+                  data: groupData,
+                  cellPropsLayers: cellPropsLayers[column.name] || []
+                };
               }
             } else if (column.name in row) {
-              acc.push({
+              return {
                 name: column.name,
                 cssVar: column.cssVar,
                 fixed: column.fixed,
                 data: row[column.name],
-                rendersCell: propsCells[column.name] || []
-              });
-            } else if (!isGroupRow && nameRowsGroup.includes(column.name)) {
-              // TODO: сделать универсально
-              isGroupRow = true;
-              acc.push(parseData(rowsGroup, {
-                exclude: [].concat((0, _toConsumableArray2["default"])(Object.keys(row)), (0, _toConsumableArray2["default"])(nameColumnsGroup))
-              }));
-            } else if (![].concat((0, _toConsumableArray2["default"])(options.exclude), (0, _toConsumableArray2["default"])(nameRowsGroup)).includes(column.name)) {
-              acc.push({
+                cellPropsLayers: cellPropsLayers[column.name] || []
+              };
+            } else if (!isGroup && rowsGroupedNames[column.name]) {
+              // TODO: make it work not only with first group
+              isGroup = true;
+              return parseData(rowsGroup, _objectSpread(_objectSpread({}, ungroupedColumns), groupedColumns));
+            } else if (!exclude[column.name] && !rowsGroupedNames[column.name]) {
+              return {
                 name: column.name,
                 cssVar: column.cssVar,
                 fixed: column.fixed,
                 data: null,
-                rendersCell: propsCells[column.name] || []
-              });
+                cellPropsLayers: cellPropsLayers[column.name] || []
+              };
             }
+          }).filter(function (column) {
+            return column !== undefined;
+          }).map(function (column) {
+            return column;
+          });
 
-            return acc;
-          }, cells);
+          cells.flatRowData = row;
+          return cells;
         });
-      }
+      };
 
-      return parseData(data);
+      return parseData(data, {});
     }
   }, {
     key: "componentDidUpdate",
@@ -386,7 +420,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var SDataTable = _flexBox.Box;
@@ -406,6 +440,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootDefinitionTable, "style", style);
 (0, _defineProperty2["default"])(RootDefinitionTable, "defaultProps", {
   use: 'primary',
+  uniqueKey: 'id',
   sort: [],
   data: []
 });