@alfalab/core-components-table 2.2.24 → 2.2.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/component.js +2 -0
  2. package/components/index.js +2 -0
  3. package/components/pagination/Component.js +3 -1
  4. package/components/pagination/index.css +9 -9
  5. package/components/pagination/index.js +2 -0
  6. package/components/pagination/select-field/index.css +4 -4
  7. package/components/pagination/select-field/index.js +3 -1
  8. package/components/table/Component.js +3 -1
  9. package/components/table/index.css +8 -9
  10. package/components/table/index.js +2 -0
  11. package/components/table/utils.js +2 -0
  12. package/components/table-context/index.js +2 -0
  13. package/components/tbody/Component.js +3 -1
  14. package/components/tbody/index.css +2 -2
  15. package/components/tbody/index.js +2 -0
  16. package/components/tcell/Component.js +3 -1
  17. package/components/tcell/index.css +8 -8
  18. package/components/tcell/index.js +2 -0
  19. package/components/texpandable-row/Component.js +3 -1
  20. package/components/texpandable-row/index.css +5 -5
  21. package/components/texpandable-row/index.js +2 -0
  22. package/components/thead/Component.js +3 -1
  23. package/components/thead/index.css +7 -7
  24. package/components/thead/index.js +2 -0
  25. package/components/thead-cell/Component.js +3 -1
  26. package/components/thead-cell/index.css +10 -10
  27. package/components/thead-cell/index.js +2 -0
  28. package/components/trow/Component.js +3 -1
  29. package/components/trow/index.css +8 -8
  30. package/components/trow/index.js +2 -0
  31. package/components/tsortable-head-cell/Component.js +3 -1
  32. package/components/tsortable-head-cell/index.css +12 -12
  33. package/components/tsortable-head-cell/index.js +2 -0
  34. package/components/tsortable-head-cell/sort-icon-asc.js +2 -0
  35. package/components/tsortable-head-cell/sort-icon-desc.js +2 -0
  36. package/components/tsortable-head-cell/sort-icon-unset.js +2 -0
  37. package/cssm/component.js +2 -0
  38. package/cssm/components/index.js +3 -1
  39. package/cssm/components/pagination/Component.js +2 -0
  40. package/cssm/components/pagination/index.js +2 -0
  41. package/cssm/components/pagination/index.module.css +1 -1
  42. package/cssm/components/pagination/select-field/index.js +2 -0
  43. package/cssm/components/table/Component.js +2 -0
  44. package/cssm/components/table/index.js +2 -0
  45. package/cssm/components/table/index.module.css +1 -2
  46. package/cssm/components/table/utils.js +2 -0
  47. package/cssm/components/table-context/index.js +2 -0
  48. package/cssm/components/tbody/Component.js +2 -0
  49. package/cssm/components/tbody/index.js +2 -0
  50. package/cssm/components/tcell/Component.js +2 -0
  51. package/cssm/components/tcell/index.js +2 -0
  52. package/cssm/components/tcell/index.module.css +2 -2
  53. package/cssm/components/texpandable-row/Component.js +2 -0
  54. package/cssm/components/texpandable-row/index.js +2 -0
  55. package/cssm/components/thead/Component.js +2 -0
  56. package/cssm/components/thead/index.js +2 -0
  57. package/cssm/components/thead/index.module.css +1 -1
  58. package/cssm/components/thead-cell/Component.js +2 -0
  59. package/cssm/components/thead-cell/index.js +2 -0
  60. package/cssm/components/thead-cell/index.module.css +2 -2
  61. package/cssm/components/trow/Component.js +2 -0
  62. package/cssm/components/trow/index.js +2 -0
  63. package/cssm/components/tsortable-head-cell/Component.js +2 -0
  64. package/cssm/components/tsortable-head-cell/index.js +2 -0
  65. package/cssm/components/tsortable-head-cell/index.module.css +3 -3
  66. package/cssm/components/tsortable-head-cell/sort-icon-asc.js +2 -0
  67. package/cssm/components/tsortable-head-cell/sort-icon-desc.js +2 -0
  68. package/cssm/components/tsortable-head-cell/sort-icon-unset.js +2 -0
  69. package/cssm/index.js +2 -0
  70. package/cssm/utils.js +2 -0
  71. package/esm/components/pagination/Component.js +1 -1
  72. package/esm/components/pagination/index.css +9 -9
  73. package/esm/components/pagination/select-field/index.css +4 -4
  74. package/esm/components/pagination/select-field/index.js +1 -1
  75. package/esm/components/table/Component.js +1 -1
  76. package/esm/components/table/index.css +8 -9
  77. package/esm/components/tbody/Component.js +1 -1
  78. package/esm/components/tbody/index.css +2 -2
  79. package/esm/components/tcell/Component.js +1 -1
  80. package/esm/components/tcell/index.css +8 -8
  81. package/esm/components/texpandable-row/Component.js +1 -1
  82. package/esm/components/texpandable-row/index.css +5 -5
  83. package/esm/components/thead/Component.js +1 -1
  84. package/esm/components/thead/index.css +7 -7
  85. package/esm/components/thead-cell/Component.js +1 -1
  86. package/esm/components/thead-cell/index.css +10 -10
  87. package/esm/components/trow/Component.js +1 -1
  88. package/esm/components/trow/index.css +8 -8
  89. package/esm/components/tsortable-head-cell/Component.js +1 -1
  90. package/esm/components/tsortable-head-cell/index.css +12 -12
  91. package/index.js +2 -0
  92. package/modern/components/pagination/Component.js +1 -1
  93. package/modern/components/pagination/index.css +9 -9
  94. package/modern/components/pagination/select-field/index.css +4 -4
  95. package/modern/components/pagination/select-field/index.js +1 -1
  96. package/modern/components/table/Component.js +1 -1
  97. package/modern/components/table/index.css +8 -9
  98. package/modern/components/tbody/Component.js +1 -1
  99. package/modern/components/tbody/index.css +2 -2
  100. package/modern/components/tcell/Component.js +1 -1
  101. package/modern/components/tcell/index.css +8 -8
  102. package/modern/components/texpandable-row/Component.js +1 -1
  103. package/modern/components/texpandable-row/index.css +5 -5
  104. package/modern/components/thead/Component.js +1 -1
  105. package/modern/components/thead/index.css +7 -7
  106. package/modern/components/thead-cell/Component.js +1 -1
  107. package/modern/components/thead-cell/index.css +10 -10
  108. package/modern/components/trow/Component.js +1 -1
  109. package/modern/components/trow/index.css +8 -8
  110. package/modern/components/tsortable-head-cell/Component.js +1 -1
  111. package/modern/components/tsortable-head-cell/index.css +12 -12
  112. package/package.json +4 -4
  113. package/utils.js +2 -0
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_18ck3","row":"table__row_18ck3"};
4
+ const styles = {"component":"table__component_jdw86","row":"table__row_jdw86"};
5
5
  require('./index.css')
6
6
 
7
7
  const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => (React.createElement("thead", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps },
@@ -1,7 +1,7 @@
1
- /* hash: 1rx6h */
1
+ /* hash: 17mao */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-graphic-quaternary: #dbdee1; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-graphic-quaternary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -16,11 +16,11 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .table__component_18ck3 {
19
+ } .table__component_jdw86 {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_18ck3 th:not(:last-child):not(:empty):after {
23
+ } .table__component_jdw86 th:not(:last-child):not(:empty):after {
24
24
  transition: opacity 0.2s;
25
25
  position: absolute;
26
26
  content: '';
@@ -31,10 +31,10 @@
31
31
  top: var(--gap-xs);
32
32
  bottom: var(--gap-xs);
33
33
  background-color: var(--color-light-graphic-quaternary);
34
- } .table__component_18ck3 th:after {
34
+ } .table__component_jdw86 th:after {
35
35
  opacity: 0;
36
- } .table__component_18ck3:hover th:after {
36
+ } .table__component_jdw86:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_18ck3 {
38
+ } .table__row_jdw86 {
39
39
  height: 72px;
40
40
  }
@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TableContext } from '../table-context/index.js';
4
4
 
5
- const styles = {"component":"table__component_s5gds","sortable":"table__sortable_s5gds","sorted":"table__sorted_s5gds","stickyHeader":"table__stickyHeader_s5gds","compactHorizontal":"table__compactHorizontal_s5gds"};
5
+ const styles = {"component":"table__component_pfbvs","sortable":"table__sortable_pfbvs","sorted":"table__sorted_pfbvs","stickyHeader":"table__stickyHeader_pfbvs","compactHorizontal":"table__compactHorizontal_pfbvs"};
6
6
  require('./index.css')
7
7
 
8
8
  const THeadCell = ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }) => {
@@ -1,9 +1,9 @@
1
- /* hash: 1e8r6 */
1
+ /* hash: bbmwa */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-border-primary: #dbdee1;
6
- --color-light-text-primary: #0b1f35; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ --color-light-border-primary: #dcdcdd;
6
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
7
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
8
8
  } :root {
9
9
  } :root {
@@ -21,7 +21,7 @@
21
21
  --gap-2xl: 32px;
22
22
  } :root {
23
23
  } :root {
24
- } .table__component_s5gds {
24
+ } .table__component_pfbvs {
25
25
  font-size: 12px;
26
26
  line-height: 16px;
27
27
  font-weight: 500;
@@ -37,21 +37,21 @@
37
37
  background: var(--color-light-bg-primary);
38
38
  vertical-align: top;
39
39
  box-sizing: border-box
40
- } .table__component_s5gds:first-child {
40
+ } .table__component_pfbvs:first-child {
41
41
  padding-left: var(--gap-m);
42
- } .table__component_s5gds:last-child {
42
+ } .table__component_pfbvs:last-child {
43
43
  padding-right: var(--gap-m);
44
- } .table__sortable_s5gds {
44
+ } .table__sortable_pfbvs {
45
45
  cursor: pointer;
46
- } .table__sorted_s5gds {
46
+ } .table__sorted_pfbvs {
47
47
  color: var(--color-light-text-primary);
48
- } .table__stickyHeader_s5gds {
48
+ } .table__stickyHeader_pfbvs {
49
49
  top: 0;
50
50
  position: sticky;
51
51
  box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
52
52
  border: none;
53
53
  z-index: 1;
54
- } .table__compactHorizontal_s5gds {
54
+ } .table__compactHorizontal_pfbvs {
55
55
  padding-left: 6px;
56
56
  padding-right: 6px;
57
57
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_1xhfd","withoutBorder":"table__withoutBorder_1xhfd","clickable":"table__clickable_1xhfd","selected":"table__selected_1xhfd"};
4
+ const styles = {"component":"table__component_10dix","withoutBorder":"table__withoutBorder_10dix","clickable":"table__clickable_10dix","selected":"table__selected_10dix"};
5
5
  require('./index.css')
6
6
 
7
7
  const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {
@@ -1,4 +1,4 @@
1
- /* hash: 1d8hw */
1
+ /* hash: uzbhz */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
17
17
  } :root {
18
18
  } :root {
19
19
  } :root {
20
- } .table__component_1xhfd {
20
+ } .table__component_10dix {
21
21
  padding-top: 1px;
22
22
  width: 100%;
23
23
  transition: background-color 0.2s;
24
24
  box-sizing: border-box;
25
25
  background: var(--color-light-bg-primary)
26
- } .table__component_1xhfd:first-child td {
26
+ } .table__component_10dix:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_1xhfd td {
28
+ } .table__withoutBorder_10dix td {
29
29
  border: none;
30
- } .table__clickable_1xhfd {
30
+ } .table__clickable_10dix {
31
31
  cursor: pointer
32
- } .table__clickable_1xhfd:hover {
32
+ } .table__clickable_10dix:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_1xhfd {
34
+ } .table__selected_10dix {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_1xhfd:hover {
36
+ } .table__selected_10dix:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -6,7 +6,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
6
6
  import { SortIconUnset } from './sort-icon-unset.js';
7
7
  import '../table-context/index.js';
8
8
 
9
- const styles = {"component":"table__component_70iun","content":"table__content_70iun","icon":"table__icon_70iun","reverse":"table__reverse_70iun","sorted":"table__sorted_70iun"};
9
+ const styles = {"component":"table__component_1q85o","content":"table__content_1q85o","icon":"table__icon_1q85o","reverse":"table__reverse_1q85o","sorted":"table__sorted_1q85o"};
10
10
  require('./index.css')
11
11
 
12
12
  const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {
@@ -1,9 +1,9 @@
1
- /* hash: 1ej42 */
1
+ /* hash: 1ytzu */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-graphic-link: #007aff;
5
- --color-light-graphic-primary: #0b1f35;
6
- --color-light-graphic-secondary: #6d7986; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-graphic-link: #0072ef;
5
+ --color-light-graphic-primary: #0e0e0e;
6
+ --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
7
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
8
8
  } :root {
9
9
  } :root {
@@ -18,12 +18,12 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__component_70iun {
21
+ } .table__component_1q85o {
22
22
  position: relative;
23
- } .table__content_70iun {
23
+ } .table__content_1q85o {
24
24
  display: flex;
25
25
  align-items: flex-start;
26
- } .table__icon_70iun {
26
+ } .table__icon_1q85o {
27
27
  cursor: pointer;
28
28
  margin-left: var(--gap-xs);
29
29
 
@@ -35,15 +35,15 @@
35
35
  color: var(--color-light-graphic-secondary);
36
36
  transition: color 0.2s ease;
37
37
  flex-shrink: 0
38
- } .table__icon_70iun:hover {
38
+ } .table__icon_1q85o:hover {
39
39
  color: var(--color-light-graphic-primary);
40
- } .table__reverse_70iun {
40
+ } .table__reverse_1q85o {
41
41
  flex-direction: row-reverse
42
- } .table__reverse_70iun .table__icon_70iun {
42
+ } .table__reverse_1q85o .table__icon_1q85o {
43
43
  margin-left: 0;
44
44
  margin-right: var(--gap-xs);
45
- } .table__sorted_70iun {
45
+ } .table__sorted_1q85o {
46
46
  color: var(--color-light-graphic-link)
47
- } .table__sorted_70iun:hover {
47
+ } .table__sorted_1q85o:hover {
48
48
  color: var(--color-light-graphic-link);
49
49
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-table",
3
- "version": "2.2.24",
3
+ "version": "2.2.26",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,9 +15,9 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^7.1.1",
19
- "@alfalab/core-components-pagination": "^2.0.14",
20
- "@alfalab/core-components-select": "^13.2.18",
18
+ "@alfalab/core-components-button": "^8.0.0",
19
+ "@alfalab/core-components-pagination": "^2.0.15",
20
+ "@alfalab/core-components-select": "^13.2.20",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  }
package/utils.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
 
5
7
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }