@alfalab/core-components-table 2.2.17 → 2.2.19

package/component.js

@@ -9,7 +9,7 @@ var components_tbody_Component = require('./components/tbody/Component.js');
 var components_tcell_Component = require('./components/tcell/Component.js');
 var components_trow_Component = require('./components/trow/Component.js');
 var components_texpandableRow_Component = require('./components/texpandable-row/Component.js');
-require('./tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('./components/table-context/index.js');

package/components/index.js

@@ -9,7 +9,7 @@ var components_tbody_Component = require('./tbody/Component.js');
 var components_tcell_Component = require('./tcell/Component.js');
 var components_trow_Component = require('./trow/Component.js');
 var components_texpandableRow_Component = require('./texpandable-row/Component.js');
-require('../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('./table-context/index.js');

package/components/pagination/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsPagination = require('@alfalab/core-components-pagination');
@@ -14,11 +14,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_14lu1","pagesWrapper":"table__pagesWrapper_14lu1","tag":"table__tag_14lu1","tagActive":"table__tagActive_14lu1","menu":"table__menu_14lu1","option":"table__option_14lu1"};
+var styles = {"component":"table__component_bru0s","pagesWrapper":"table__pagesWrapper_bru0s","tag":"table__tag_bru0s","tagActive":"table__tagActive_bru0s","menu":"table__menu_bru0s","option":"table__option_bru0s"};
 require('./index.css')
 
 var Pagination = function (_a) {
-    var _b = _a.perPage, perPage = _b === void 0 ? 25 : _b, _c = _a.possiblePerPage, possiblePerPage = _c === void 0 ? [25, 50, 100] : _c, _d = _a.onPerPageChange, onPerPageChange = _d === void 0 ? function () { return null; } : _d, pagesCount = _a.pagesCount, _e = _a.onPageChange, onPageChange = _e === void 0 ? function () { return null; } : _e, className = _a.className, dataTestId = _a.dataTestId, restPaginationProps = tslib_es6.__rest(_a, ["perPage", "possiblePerPage", "onPerPageChange", "pagesCount", "onPageChange", "className", "dataTestId"]);
+    var _b = _a.perPage, perPage = _b === void 0 ? 25 : _b, _c = _a.possiblePerPage, possiblePerPage = _c === void 0 ? [25, 50, 100] : _c, _d = _a.onPerPageChange, onPerPageChange = _d === void 0 ? function () { return null; } : _d, pagesCount = _a.pagesCount, _e = _a.onPageChange, onPageChange = _e === void 0 ? function () { return null; } : _e, className = _a.className, dataTestId = _a.dataTestId, restPaginationProps = tslib.__rest(_a, ["perPage", "possiblePerPage", "onPerPageChange", "pagesCount", "onPageChange", "className", "dataTestId"]);
     var wrapperRef = React.useContext(components_tableContext_index.TableContext).wrapperRef;
     var options = React.useMemo(function () {
         return Array.from(new Set(possiblePerPage.concat(perPage)))
@@ -42,7 +42,7 @@ var Pagination = function (_a) {
     }, [onPageChange, wrapperRef]);
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className), "data-test-id": dataTestId },
         React__default.default.createElement(coreComponentsSelect.Select, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: components_pagination_selectField_index.CustomSelectField }),
-        pagesCount > 1 && (React__default.default.createElement(coreComponentsPagination.Pagination, tslib_es6.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
+        pagesCount > 1 && (React__default.default.createElement(coreComponentsPagination.Pagination, tslib.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
 };
 
 exports.Pagination = Pagination;

package/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rp0t */
+/* hash: 1emuk */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -20,7 +20,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_14lu1 {
+} .table__component_bru0s {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -28,19 +28,19 @@
     padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
-} .table__pagesWrapper_14lu1 {
+} .table__pagesWrapper_bru0s {
     display: flex;
-} .table__tag_14lu1.table__tag_14lu1 {
+} .table__tag_bru0s.table__tag_bru0s {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
-} .table__tag_14lu1.table__tag_14lu1:last-child {
+} .table__tag_bru0s.table__tag_bru0s:last-child {
         margin-right: 0;
-    } .table__tag_14lu1.table__tag_14lu1.table__tagActive_14lu1 {
+    } .table__tag_bru0s.table__tag_bru0s.table__tagActive_bru0s {
         cursor: default;
-    } .table__menu_14lu1 {
+    } .table__menu_bru0s {
     margin: var(--gap-2xs) 0;
-} .table__option_14lu1 {
+} .table__option_bru0s {
     min-width: 208px;
 }

package/components/pagination/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_pagination_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-pagination');

package/components/pagination/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 72iu9 */
+/* hash: 1tn4x */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
@@ -15,10 +15,10 @@
 } :root {
 } :root {
 } :root {
-} .table__field_10zx7 svg {
+} .table__field_85x72 svg {
         width: 18px;
         height: 18px;
-    } .table__open_10zx7,
-.table__open_10zx7:hover {
+    } .table__open_85x72,
+.table__open_85x72:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

package/components/pagination/select-field/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('@alfalab/core-components-button');
@@ -10,15 +10,15 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"field":"table__field_10zx7","open":"table__open_10zx7"};
+var styles = {"field":"table__field_85x72","open":"table__open_85x72"};
 require('./index.css')
 
 var CustomSelectField = function (_a) {
     var _b;
     var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
-    var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
+    var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     return (React__default.default.createElement("div", { ref: ref },
-        React__default.default.createElement(coreComponentsButton.Button, tslib_es6.__assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn__default.default(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
+        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn__default.default(styles.field, (_b = {}, _b[styles.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
 };
 
 exports.CustomSelectField = CustomSelectField;

package/components/table/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -13,12 +13,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1dl3j","wrapper":"table__wrapper_1dl3j","stickyHeader":"table__stickyHeader_1dl3j","hasPagination":"table__hasPagination_1dl3j","table":"table__table_1dl3j"};
+var styles = {"component":"table__component_kr3ic","wrapper":"table__wrapper_kr3ic","stickyHeader":"table__stickyHeader_kr3ic","hasPagination":"table__hasPagination_kr3ic","table":"table__table_kr3ic"};
 require('./index.css')
 
 var Table = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, children = _a.children, _c = _a.compactView, compactView = _c === void 0 ? false : _c, _d = _a.compactHorizontal, compactHorizontal = _d === void 0 ? false : _d, _e = _a.wrapper, wrapper = _e === void 0 ? true : _e, pagination = _a.pagination, dataTestId = _a.dataTestId, _f = _a.stickyHeader, stickyHeader = _f === void 0 ? false : _f, restProps = tslib_es6.__rest(_a, ["className", "children", "compactView", "compactHorizontal", "wrapper", "pagination", "dataTestId", "stickyHeader"]);
+    var className = _a.className, children = _a.children, _c = _a.compactView, compactView = _c === void 0 ? false : _c, _d = _a.compactHorizontal, compactHorizontal = _d === void 0 ? false : _d, _e = _a.wrapper, wrapper = _e === void 0 ? true : _e, pagination = _a.pagination, dataTestId = _a.dataTestId, _f = _a.stickyHeader, stickyHeader = _f === void 0 ? false : _f, restProps = tslib.__rest(_a, ["className", "children", "compactView", "compactHorizontal", "wrapper", "pagination", "dataTestId", "stickyHeader"]);
     var wrapperRef = React.useRef(null);
     var columnsConfiguration = React.useMemo(function () {
         return components_table_utils.findAllHeadCellsProps(children).map(function (columnProps, index) { return ({
@@ -41,7 +41,7 @@ var Table = React.forwardRef(function (_a, ref) {
                 _b[styles.hasPagination] = !!pagination,
                 _b[styles.stickyHeader] = stickyHeader,
                 _b)), "data-test-id": dataTestId },
-            React__default.default.createElement("table", tslib_es6.__assign({ ref: ref, className: styles.table }, restProps), children),
+            React__default.default.createElement("table", tslib.__assign({ ref: ref, className: styles.table }, restProps), children),
             pagination)));
 });
 

package/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 157mi */
+/* hash: 1whaq */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -19,24 +19,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .table__component_1dl3j {
+} .table__component_kr3ic {
     box-sizing: border-box;
-} .table__wrapper_1dl3j {
+} .table__wrapper_kr3ic {
     padding: 0 var(--gap-m) var(--gap-m);
     background: var(--color-light-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-m);
     overflow: auto;
-} .table__stickyHeader_1dl3j {
+} .table__stickyHeader_kr3ic {
     max-height: 100%;
-} .table__hasPagination_1dl3j {
+} .table__hasPagination_kr3ic {
     padding-bottom: 0;
-} .table__table_1dl3j {
+} .table__table_kr3ic {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-} .table__table_1dl3j td:first-child label > *[class^='box'], .table__table_1dl3j th:first-child label > *[class^='box'] {
+} .table__table_kr3ic td:first-child label > *[class^='box'], .table__table_kr3ic th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/components/table/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_table_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/components/table/utils.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var utils = require('../../utils.js');
 var components_thead_Component = require('../thead/Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('classnames');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/components/tbody/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 
@@ -9,12 +9,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_tardn"};
+var styles = {"component":"table__component_grcuj"};
 require('./index.css')
 
 var TBody = function (_a) {
-    var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "children", "dataTestId"]);
-    return (React__default.default.createElement("tbody", tslib_es6.__assign({ className: cn__default.default(styles.component, className), "data-test-id": dataTestId }, restProps), children));
+    var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "children", "dataTestId"]);
+    return (React__default.default.createElement("tbody", tslib.__assign({ className: cn__default.default(styles.component, className), "data-test-id": dataTestId }, restProps), children));
 };
 
 exports.TBody = TBody;

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: 398ew */
+/* hash: z7k9v */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .table__component_tardn {
+} .table__component_grcuj {
     width: 100%;
     box-sizing: border-box;
 }

package/components/tbody/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_tbody_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 

package/components/tcell/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -10,11 +10,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_12hlb","compactHorizontal":"table__compactHorizontal_12hlb","compact":"table__compact_12hlb"};
+var styles = {"component":"table__component_1vblc","compactHorizontal":"table__compactHorizontal_1vblc","compact":"table__compact_1vblc"};
 require('./index.css')
 
 var TCell = function (_a) {
-    var className = _a.className, style = _a.style, dataTestId = _a.dataTestId, children = _a.children, index = _a.index, restProps = tslib_es6.__rest(_a, ["className", "style", "dataTestId", "children", "index"]);
+    var className = _a.className, style = _a.style, dataTestId = _a.dataTestId, children = _a.children, index = _a.index, restProps = tslib.__rest(_a, ["className", "style", "dataTestId", "children", "index"]);
     var _b = React.useContext(components_tableContext_index.TableContext), columnsConfiguration = _b.columnsConfiguration, compactView = _b.compactView, compactHorizontal = _b.compactHorizontal;
     var column = index === undefined ? null : columnsConfiguration[index];
     var width = column === null || column === void 0 ? void 0 : column.width;
@@ -22,7 +22,7 @@ var TCell = function (_a) {
     var hidden = (column === null || column === void 0 ? void 0 : column.hidden) || false;
     if (hidden)
         return null;
-    return (React__default.default.createElement("td", tslib_es6.__assign({ className: cn__default.default(styles.component, className, compactView && styles.compact, compactHorizontal && styles.compactHorizontal), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
+    return (React__default.default.createElement("td", tslib.__assign({ className: cn__default.default(styles.component, className, compactView && styles.compact, compactHorizontal && styles.compactHorizontal), style: tslib.__assign(tslib.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
 };
 
 exports.TCell = TCell;

package/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: khsit */
+/* hash: 13ib5 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_12hlb {
+} .table__component_1vblc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -31,14 +31,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_12hlb:first-child {
+} .table__component_1vblc:first-child {
         padding-left: var(--gap-m);
-    } .table__component_12hlb:last-child {
+    } .table__component_1vblc:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_12hlb {
+    } .table__compactHorizontal_1vblc {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_12hlb {
+} .table__compact_1vblc {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

package/components/tcell/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_tcell_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/components/texpandable-row/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_trow_Component = require('../trow/Component.js');
@@ -10,12 +10,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"row":"table__row_xkjth","selected":"table__selected_xkjth","expanded":"table__expanded_xkjth","expandable":"table__expandable_xkjth"};
+var styles = {"row":"table__row_4qjso","selected":"table__selected_4qjso","expanded":"table__expanded_4qjso","expandable":"table__expandable_4qjso"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {
     var _b, _c;
-    var className = _a.className, selected = _a.selected, expanded = _a.expanded, _d = _a.defaultExpanded, defaultExpanded = _d === void 0 ? false : _d, _e = _a.onToggle, onToggle = _e === void 0 ? function () { return null; } : _e, _f = _a.renderContent, renderContent = _f === void 0 ? function () { return null; } : _f, restProps = tslib_es6.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent"]);
+    var className = _a.className, selected = _a.selected, expanded = _a.expanded, _d = _a.defaultExpanded, defaultExpanded = _d === void 0 ? false : _d, _e = _a.onToggle, onToggle = _e === void 0 ? function () { return null; } : _e, _f = _a.renderContent, renderContent = _f === void 0 ? function () { return null; } : _f, restProps = tslib.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent"]);
     var _g = React.useState(defaultExpanded), expandedState = _g[0], setExpandedState = _g[1];
     var uncontrolled = expanded === undefined;
     var isExpanded = (uncontrolled ? expandedState : expanded);
@@ -26,7 +26,7 @@ var TExpandableRow = function (_a) {
         onToggle(isExpanded);
     };
     return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(components_trow_Component.TRow, tslib_es6.__assign({ className: cn__default.default(styles.row, className, (_b = {},
+        React__default.default.createElement(components_trow_Component.TRow, tslib.__assign({ className: cn__default.default(styles.row, className, (_b = {},
                 _b[styles.selected] = selected,
                 _b[styles.expanded] = isExpanded,
                 _b)), selected: selected, onClick: handleToggle }, restProps)),

package/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: 1roj0 */
+/* hash: 57hns */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_xkjth {
+} .table__row_4qjso {
     cursor: pointer;
-} .table__selected_xkjth.table__expanded_xkjth {
+} .table__selected_4qjso.table__expanded_4qjso {
     background-color: inherit;
-} .table__expanded_xkjth:hover {
+} .table__expanded_4qjso:hover {
         background-color: inherit;
-    } .table__expandable_xkjth td {
+    } .table__expandable_4qjso td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/components/texpandable-row/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_texpandableRow_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../trow/Component.js');

package/components/thead/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 
@@ -9,12 +9,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1y6io","row":"table__row_1y6io"};
+var styles = {"component":"table__component_15cin","row":"table__row_15cin"};
 require('./index.css')
 
 var THead = function (_a) {
-    var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
-    return (React__default.default.createElement("thead", tslib_es6.__assign({ className: cn__default.default(styles.component, className), "data-test-id": dataTestId }, restProps),
+    var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
+    return (React__default.default.createElement("thead", tslib.__assign({ className: cn__default.default(styles.component, className), "data-test-id": dataTestId }, restProps),
         React__default.default.createElement("tr", { className: cn__default.default(styles.row, rowClassName) }, children)));
 };
 

package/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 1s4kv */
+/* hash: uegqg */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #dbdee1;
@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_1y6io {
+} .table__component_15cin {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_1y6io th:not(:last-child):not(:empty):after {
+} .table__component_15cin th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_1y6io th:after {
+    } .table__component_15cin th:after {
         opacity: 0;
-    } .table__component_1y6io:hover th:after {
+    } .table__component_15cin:hover th:after {
         opacity: 1;
-    } .table__row_1y6io {
+    } .table__row_15cin {
     height: 72px;
 }

package/components/thead/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_thead_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 

package/components/thead-cell/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -10,18 +10,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1y5jz","sortable":"table__sortable_1y5jz","sorted":"table__sorted_1y5jz","stickyHeader":"table__stickyHeader_1y5jz","compactHorizontal":"table__compactHorizontal_1y5jz"};
+var styles = {"component":"table__component_15bjy","sortable":"table__sortable_15bjy","sorted":"table__sorted_15bjy","stickyHeader":"table__stickyHeader_15bjy","compactHorizontal":"table__compactHorizontal_15bjy"};
 require('./index.css')
 
 var THeadCell = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, width = _a.width, textAlign = _a.textAlign, hidden = _a.hidden, restProps = tslib_es6.__rest(_a, ["children", "className", "dataTestId", "style", "width", "textAlign", "hidden"]);
+    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, width = _a.width, textAlign = _a.textAlign, hidden = _a.hidden, restProps = tslib.__rest(_a, ["children", "className", "dataTestId", "style", "width", "textAlign", "hidden"]);
     var _c = React.useContext(components_tableContext_index.TableContext), compactHorizontal = _c.compactHorizontal, stickyHeader = _c.stickyHeader;
     if (hidden)
         return null;
-    return (React__default.default.createElement("th", tslib_es6.__assign({ className: cn__default.default(styles.component, className, compactHorizontal && styles.compactHorizontal, (_b = {},
+    return (React__default.default.createElement("th", tslib.__assign({ className: cn__default.default(styles.component, className, compactHorizontal && styles.compactHorizontal, (_b = {},
             _b[styles.stickyHeader] = stickyHeader,
-            _b)), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
+            _b)), style: tslib.__assign(tslib.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
 };
 
 exports.THeadCell = THeadCell;

package/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: uumj9 */
+/* hash: 12216 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1y5jz {
+} .table__component_15bjy {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -37,21 +37,21 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1y5jz:first-child {
+} .table__component_15bjy:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1y5jz:last-child {
+    } .table__component_15bjy:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_1y5jz {
+    } .table__sortable_15bjy {
     cursor: pointer;
-} .table__sorted_1y5jz {
+} .table__sorted_15bjy {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1y5jz {
+} .table__stickyHeader_15bjy {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1y5jz {
+} .table__compactHorizontal_15bjy {
     padding-left: 6px;
     padding-right: 6px;
 }

package/components/thead-cell/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_theadCell_Component = require('./Component.js');
-require('../../tslib.es6-3d93368e.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/components/trow/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-3d93368e.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 
@@ -9,13 +9,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1r8n6","withoutBorder":"table__withoutBorder_1r8n6","clickable":"table__clickable_1r8n6","selected":"table__selected_1r8n6"};
+var styles = {"component":"table__component_yen5r","withoutBorder":"table__withoutBorder_yen5r","clickable":"table__clickable_yen5r","selected":"table__selected_yen5r"};
 require('./index.css')
 
 var TRow = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, selected = _a.selected, withoutBorder = _a.withoutBorder, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["children", "className", "selected", "withoutBorder", "dataTestId"]);
-    return (React__default.default.createElement("tr", tslib_es6.__assign({ className: cn__default.default(styles.component, className, (_b = {},
+    var children = _a.children, className = _a.className, selected = _a.selected, withoutBorder = _a.withoutBorder, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "className", "selected", "withoutBorder", "dataTestId"]);
+    return (React__default.default.createElement("tr", tslib.__assign({ className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.clickable] = typeof restProps.onClick !== 'undefined',
             _b[styles.selected] = selected,
             _b[styles.withoutBorder] = withoutBorder,