@alfalab/core-components-table 1.5.9 → 1.6.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-table@1.5.9...@alfalab/core-components-table@1.6.0) (2022-08-04)
+
+
+### Features
+
+* react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
+
+
+
+
+
 ## [1.5.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-table@1.5.8...@alfalab/core-components-table@1.5.9) (2022-07-25)
 
 **Note:** Version bump only for package @alfalab/core-components-table

package/component.d.ts

@@ -2,7 +2,7 @@
 declare const Table: import("react").ForwardRefExoticComponent<import("react").TableHTMLAttributes<HTMLTableElement> & {
     compactView?: boolean | undefined;
     className?: string | undefined;
-    children: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>[];
+    children: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>[];
     wrapper?: boolean | undefined;
     pagination?: import("react").ReactNode;
     dataTestId?: string | undefined;

package/component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-f66e1572.js');
+require('./tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./components/thead/Component.js');

package/components/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-f66e1572.js');
+require('../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./thead/Component.js');

package/components/pagination/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_qd5h7","pagesWrapper":"table__pagesWrapper_qd5h7","tag":"table__tag_qd5h7","tagActive":"table__tagActive_qd5h7","menu":"table__menu_qd5h7","option":"table__option_qd5h7"};
+var styles = {"component":"table__component_q64m7","pagesWrapper":"table__pagesWrapper_q64m7","tag":"table__tag_q64m7","tagActive":"table__tagActive_q64m7","menu":"table__menu_q64m7","option":"table__option_q64m7"};
 require('./index.css')
 
 var Pagination = function (_a) {

package/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: jaiu3 */
+/* hash: 1gm9f */
 :root {
     --color-light-border-primary: #dbdee1;
 }
@@ -17,7 +17,7 @@
     --gap-xl: 24px;
     --gap-2xl: 32px;
 }
-.table__component_qd5h7 {
+.table__component_q64m7 {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -26,24 +26,24 @@
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
 }
-.table__pagesWrapper_qd5h7 {
+.table__pagesWrapper_q64m7 {
     display: flex;
 }
-.table__tag_qd5h7.table__tag_qd5h7 {
+.table__tag_q64m7.table__tag_q64m7 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
 }
-.table__tag_qd5h7.table__tag_qd5h7:last-child {
+.table__tag_q64m7.table__tag_q64m7:last-child {
         margin-right: 0;
     }
-.table__tag_qd5h7.table__tag_qd5h7.table__tagActive_qd5h7 {
+.table__tag_q64m7.table__tag_q64m7.table__tagActive_q64m7 {
         cursor: default;
     }
-.table__menu_qd5h7 {
+.table__menu_q64m7 {
     margin: var(--gap-2xs) 0;
 }
-.table__option_qd5h7 {
+.table__option_q64m7 {
     min-width: 208px;
 }

package/components/pagination/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

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

@@ -1,4 +1,4 @@
-/* hash: 1nrci */
+/* hash: 1uuqd */
 :root {
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
 }
@@ -10,11 +10,11 @@
 
     /* Hard up */
 }
-.table__field_mr8nh svg {
+.table__field_mk7sh svg {
         width: 18px;
         height: 18px;
     }
-.table__open_mr8nh,
-.table__open_mr8nh:hover {
+.table__open_mk7sh,
+.table__open_mk7sh:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('@alfalab/core-components-button');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"field":"table__field_mr8nh","open":"table__open_mr8nh"};
+var styles = {"field":"table__field_mk7sh","open":"table__open_mk7sh"};
 require('./index.css')
 
 var CustomSelectField = function (_a) {

package/components/table/Component.d.ts

@@ -39,7 +39,7 @@ declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<H
     /**
      * Дочерние компоненты
      */
-    children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+    children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
     /**
      * Оборачивает таблицу в стилизованный контейнер
      */

package/components/table/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 require('../thead/Component.js');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_18aft","wrapper":"table__wrapper_18aft","hasPagination":"table__hasPagination_18aft","table":"table__table_18aft"};
+var styles = {"component":"table__component_8a36l","wrapper":"table__wrapper_8a36l","hasPagination":"table__hasPagination_8a36l","table":"table__table_8a36l"};
 require('./index.css')
 
 var Table = React.forwardRef(function (_a, ref) {

package/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 18xik */
+/* hash: fnhhu */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -18,23 +18,26 @@
 :root {
     --border-radius-m: 8px;
 }
-.table__component_18aft {
+.table__component_8a36l {
     box-sizing: border-box;
 }
-.table__wrapper_18aft {
+.table__wrapper_8a36l {
     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__hasPagination_18aft {
+.table__hasPagination_8a36l {
     padding-bottom: 0;
 }
-.table__table_18aft {
+.table__table_8a36l {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
 }
+.table__table_8a36l td:first-child label > *[class^='box'], .table__table_8a36l th:first-child label > *[class^='box'] {
+            margin-top: 0;
+        }

package/components/table/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 require('../thead/Component.js');

package/components/table/utils.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 require('classnames');
 var components_thead_Component = require('../thead/Component.js');

package/components/tbody/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_r20a7"};
+var styles = {"component":"table__component_1x43j"};
 require('./index.css')
 
 var TBody = function (_a) {

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: ulqr6 */
+/* hash: 1ofjf */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.table__component_r20a7 {
+.table__component_1x43j {
     width: 100%;
     box-sizing: border-box;
 }

package/components/tbody/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 var components_tbody_Component = require('./Component.js');

package/components/tcell/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_blrd2","hidden":"table__hidden_blrd2","compact":"table__compact_blrd2"};
+var styles = {"component":"table__component_1q9cn","hidden":"table__hidden_1q9cn","compact":"table__compact_1q9cn"};
 require('./index.css')
 
 var TCell = function (_a) {

package/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 119lp */
+/* hash: hyqvs */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
@@ -16,7 +16,7 @@
     --gap-m: 16px;
     --gap-xl: 24px;
 }
-.table__component_blrd2 {
+.table__component_1q9cn {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -28,10 +28,10 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__hidden_blrd2 {
+.table__hidden_1q9cn {
     display: none;
 }
-.table__compact_blrd2 {
+.table__compact_1q9cn {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

package/components/tcell/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/components/texpandable-row/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 var components_trow_Component = require('../trow/Component.js');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"row":"table__row_1ydm7","selected":"table__selected_1ydm7","expanded":"table__expanded_1ydm7","expandable":"table__expandable_1ydm7"};
+var styles = {"row":"table__row_zcus2","selected":"table__selected_zcus2","expanded":"table__expanded_zcus2","expandable":"table__expandable_zcus2"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {

package/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: w2o05 */
+/* hash: 12wgj */
 :root {
 
     /* Hard */
@@ -7,16 +7,16 @@
 
     /* Hard up */
 }
-.table__row_1ydm7 {
+.table__row_zcus2 {
     cursor: pointer;
 }
-.table__selected_1ydm7.table__expanded_1ydm7 {
+.table__selected_zcus2.table__expanded_zcus2 {
     background-color: inherit;
 }
-.table__expanded_1ydm7:hover {
+.table__expanded_zcus2:hover {
         background-color: inherit;
     }
-.table__expandable_1ydm7 td {
+.table__expandable_zcus2 td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/components/texpandable-row/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 require('../trow/Component.js');

package/components/thead/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_eios5","row":"table__row_eios5"};
+var styles = {"component":"table__component_mx5yj","row":"table__row_mx5yj"};
 require('./index.css')
 
 var THead = function (_a) {

package/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 94138 */
+/* hash: silaw */
 :root {
     --color-light-graphic-quaternary: #dbdee1;
 }
@@ -10,12 +10,12 @@
 
     /* Hard up */
 }
-.table__component_eios5 {
+.table__component_mx5yj {
     position: relative;
     width: 100%;
     box-sizing: border-box
 }
-.table__component_eios5 th:not(:last-child):not(:empty):after {
+.table__component_mx5yj th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -27,12 +27,12 @@
         bottom: 8px;
         background-color: var(--color-light-graphic-quaternary);
     }
-.table__component_eios5 th:after {
+.table__component_mx5yj th:after {
         opacity: 0;
     }
-.table__component_eios5:hover th:after {
+.table__component_mx5yj:hover th:after {
         opacity: 1;
     }
-.table__row_eios5 {
+.table__row_mx5yj {
     height: 72px;
 }

package/components/thead/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 var components_thead_Component = require('./Component.js');

package/components/thead-cell/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_1gvtw","sortable":"table__sortable_1gvtw","sorted":"table__sorted_1gvtw","hidden":"table__hidden_1gvtw"};
+var styles = {"component":"table__component_1h2ur","sortable":"table__sortable_1h2ur","sorted":"table__sorted_1h2ur","hidden":"table__hidden_1h2ur"};
 require('./index.css')
 
 var THeadCell = function (_a) {

package/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: tmr7q */
+/* hash: 18lpu */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -17,7 +17,7 @@
     --gap-m: 16px;
     --gap-2xl: 32px;
 }
-.table__component_1gvtw {
+.table__component_1h2ur {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -34,12 +34,12 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__sortable_1gvtw {
+.table__sortable_1h2ur {
     cursor: pointer;
 }
-.table__sorted_1gvtw {
+.table__sorted_1h2ur {
     color: var(--color-light-text-primary);
 }
-.table__hidden_1gvtw {
+.table__hidden_1h2ur {
     display: none;
 }

package/components/thead-cell/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 var components_theadCell_Component = require('./Component.js');

package/components/trow/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_10ct8","withoutBorder":"table__withoutBorder_10ct8","clickable":"table__clickable_10ct8","selected":"table__selected_10ct8"};
+var styles = {"component":"table__component_fzagy","withoutBorder":"table__withoutBorder_fzagy","clickable":"table__clickable_fzagy","selected":"table__selected_fzagy"};
 require('./index.css')
 
 var TRow = function (_a) {

package/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1maws */
+/* hash: 1t8eq */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -14,30 +14,30 @@
 
     /* Hard up */
 }
-.table__component_10ct8 {
+.table__component_fzagy {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
 }
-.table__component_10ct8:first-child td {
+.table__component_fzagy:first-child td {
         border-top: 0;
     }
-.table__withoutBorder_10ct8 {
+.table__withoutBorder_fzagy {
     td {
         border: none;
     }
 }
-.table__clickable_10ct8 {
+.table__clickable_fzagy {
     cursor: pointer
 }
-.table__clickable_10ct8:hover {
+.table__clickable_fzagy:hover {
         background-color: var(--color-light-bg-secondary);
     }
-.table__selected_10ct8 {
+.table__selected_fzagy {
     background-color: #f2f8ff /* нет цвета в палитре */
 }
-.table__selected_10ct8:hover {
+.table__selected_fzagy:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/components/trow/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-f66e1572.js');
+require('../../tslib.es6-d0e154e2.js');
 require('react');
 require('classnames');
 var components_trow_Component = require('./Component.js');

package/components/tsortable-head-cell/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f66e1572.js');
+var tslib_es6 = require('../../tslib.es6-d0e154e2.js');
 var React = require('react');
 var cn = require('classnames');
 var components_theadCell_Component = require('../thead-cell/Component.js');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"table__component_a6ogo","content":"table__content_a6ogo","icon":"table__icon_a6ogo","reverse":"table__reverse_a6ogo","sorted":"table__sorted_a6ogo"};
+var styles = {"component":"table__component_197fv","content":"table__content_197fv","icon":"table__icon_197fv","reverse":"table__reverse_197fv","sorted":"table__sorted_197fv"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {