@alfalab/core-components-table 2.4.26 → 2.4.28

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 (61) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +9 -9
  3. package/components/pagination/select-field/index.css +4 -4
  4. package/components/pagination/select-field/index.js +1 -1
  5. package/components/table/Component.js +1 -1
  6. package/components/table/index.css +7 -7
  7. package/components/tbody/Component.js +1 -1
  8. package/components/tbody/index.css +2 -2
  9. package/components/tcell/Component.js +1 -1
  10. package/components/tcell/index.css +6 -6
  11. package/components/texpandable-row/Component.js +1 -1
  12. package/components/texpandable-row/index.css +5 -5
  13. package/components/thead/Component.js +1 -1
  14. package/components/thead/index.css +6 -6
  15. package/components/thead-cell/Component.js +1 -1
  16. package/components/thead-cell/index.css +9 -9
  17. package/components/trow/Component.js +1 -1
  18. package/components/trow/index.css +8 -8
  19. package/components/tsortable-head-cell/Component.js +1 -1
  20. package/components/tsortable-head-cell/index.css +8 -8
  21. package/esm/components/pagination/Component.js +1 -1
  22. package/esm/components/pagination/index.css +9 -9
  23. package/esm/components/pagination/select-field/index.css +4 -4
  24. package/esm/components/pagination/select-field/index.js +1 -1
  25. package/esm/components/table/Component.js +1 -1
  26. package/esm/components/table/index.css +7 -7
  27. package/esm/components/tbody/Component.js +1 -1
  28. package/esm/components/tbody/index.css +2 -2
  29. package/esm/components/tcell/Component.js +1 -1
  30. package/esm/components/tcell/index.css +6 -6
  31. package/esm/components/texpandable-row/Component.js +1 -1
  32. package/esm/components/texpandable-row/index.css +5 -5
  33. package/esm/components/thead/Component.js +1 -1
  34. package/esm/components/thead/index.css +6 -6
  35. package/esm/components/thead-cell/Component.js +1 -1
  36. package/esm/components/thead-cell/index.css +9 -9
  37. package/esm/components/trow/Component.js +1 -1
  38. package/esm/components/trow/index.css +8 -8
  39. package/esm/components/tsortable-head-cell/Component.js +1 -1
  40. package/esm/components/tsortable-head-cell/index.css +8 -8
  41. package/modern/components/pagination/Component.js +1 -1
  42. package/modern/components/pagination/index.css +9 -9
  43. package/modern/components/pagination/select-field/index.css +4 -4
  44. package/modern/components/pagination/select-field/index.js +1 -1
  45. package/modern/components/table/Component.js +1 -1
  46. package/modern/components/table/index.css +7 -7
  47. package/modern/components/tbody/Component.js +1 -1
  48. package/modern/components/tbody/index.css +2 -2
  49. package/modern/components/tcell/Component.js +1 -1
  50. package/modern/components/tcell/index.css +6 -6
  51. package/modern/components/texpandable-row/Component.js +1 -1
  52. package/modern/components/texpandable-row/index.css +5 -5
  53. package/modern/components/thead/Component.js +1 -1
  54. package/modern/components/thead/index.css +6 -6
  55. package/modern/components/thead-cell/Component.js +1 -1
  56. package/modern/components/thead-cell/index.css +9 -9
  57. package/modern/components/trow/Component.js +1 -1
  58. package/modern/components/trow/index.css +8 -8
  59. package/modern/components/tsortable-head-cell/Component.js +1 -1
  60. package/modern/components/tsortable-head-cell/index.css +8 -8
  61. package/package.json +4 -4
@@ -1,4 +1,4 @@
1
- /* hash: 16kev */
1
+ /* hash: 14g77 */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :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 */
@@ -14,13 +14,13 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__row_1rzf9 {
17
+ } .table__row_f6azf {
18
18
  cursor: pointer;
19
- } .table__selected_1rzf9.table__expanded_1rzf9 {
19
+ } .table__selected_f6azf.table__expanded_f6azf {
20
20
  background-color: inherit;
21
- } .table__expanded_1rzf9:hover {
21
+ } .table__expanded_f6azf:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_1rzf9 td {
23
+ } .table__expandable_f6azf td {
24
24
  margin: 0;
25
25
  padding-top: 0;
26
26
  padding-bottom: 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_9lx1o","row":"table__row_9lx1o"};
4
+ const styles = {"component":"table__component_1r7o2","row":"table__row_1r7o2"};
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,4 +1,4 @@
1
- /* hash: 1re5a */
1
+ /* hash: 12w2q */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-quaternary: #e7e8ec; /* 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 */
@@ -16,11 +16,11 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .table__component_9lx1o {
19
+ } .table__component_1r7o2 {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_9lx1o th:not(:last-child):not(:empty):after {
23
+ } .table__component_1r7o2 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_9lx1o th:after {
34
+ } .table__component_1r7o2 th:after {
35
35
  opacity: 0;
36
- } .table__component_9lx1o:hover th:after {
36
+ } .table__component_1r7o2:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_9lx1o {
38
+ } .table__row_1r7o2 {
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_khxlf","stickyHeader":"table__stickyHeader_khxlf","sortable":"table__sortable_khxlf","sorted":"table__sorted_khxlf","compactHorizontal":"table__compactHorizontal_khxlf"};
5
+ const styles = {"component":"table__component_1dnxs","stickyHeader":"table__stickyHeader_1dnxs","sortable":"table__sortable_1dnxs","sorted":"table__sorted_1dnxs","compactHorizontal":"table__compactHorizontal_1dnxs"};
6
6
  require('./index.css')
7
7
 
8
8
  const THeadCell = ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: vnukh */
1
+ /* hash: 1e7kr */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
21
21
  --gap-2xl: 32px;
22
22
  } :root {
23
23
  } :root {
24
- } .table__component_khxlf {
24
+ } .table__component_1dnxs {
25
25
  font-size: 12px;
26
26
  line-height: 16px;
27
27
  font-weight: 500;
@@ -36,23 +36,23 @@
36
36
  background: var(--color-light-bg-primary);
37
37
  vertical-align: top;
38
38
  box-sizing: border-box
39
- } .table__component_khxlf:first-child {
39
+ } .table__component_1dnxs:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_khxlf:last-child {
41
+ } .table__component_1dnxs:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_khxlf:not(.table__stickyHeader_khxlf) {
43
+ } .table__component_1dnxs:not(.table__stickyHeader_1dnxs) {
44
44
  position: relative;
45
- } .table__sortable_khxlf {
45
+ } .table__sortable_1dnxs {
46
46
  cursor: pointer;
47
- } .table__sorted_khxlf {
47
+ } .table__sorted_1dnxs {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_khxlf {
49
+ } .table__stickyHeader_1dnxs {
50
50
  top: 0;
51
51
  position: sticky;
52
52
  box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
53
53
  border: none;
54
54
  z-index: 1;
55
- } .table__compactHorizontal_khxlf {
55
+ } .table__compactHorizontal_1dnxs {
56
56
  padding-left: 6px;
57
57
  padding-right: 6px;
58
58
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_1f3lq","withoutBorder":"table__withoutBorder_1f3lq","clickable":"table__clickable_1f3lq","selected":"table__selected_1f3lq"};
4
+ const styles = {"component":"table__component_13y6y","withoutBorder":"table__withoutBorder_13y6y","clickable":"table__clickable_13y6y","selected":"table__selected_13y6y"};
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: 1fbj6 */
1
+ /* hash: 1d7bh */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
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_1f3lq {
20
+ } .table__component_13y6y {
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_1f3lq:first-child td {
26
+ } .table__component_13y6y:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_1f3lq td {
28
+ } .table__withoutBorder_13y6y td {
29
29
  border: none;
30
- } .table__clickable_1f3lq {
30
+ } .table__clickable_13y6y {
31
31
  cursor: pointer
32
- } .table__clickable_1f3lq:hover {
32
+ } .table__clickable_13y6y:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_1f3lq {
34
+ } .table__selected_13y6y {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_1f3lq:hover {
36
+ } .table__selected_13y6y:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -5,7 +5,7 @@ import { SortIconAsc } from './sort-icon-asc.js';
5
5
  import { SortIconDesc } from './sort-icon-desc.js';
6
6
  import { SortIconUnset } from './sort-icon-unset.js';
7
7
 
8
- const styles = {"content":"table__content_a20u8","icon":"table__icon_a20u8","reverse":"table__reverse_a20u8","sorted":"table__sorted_a20u8"};
8
+ const styles = {"content":"table__content_iedt8","icon":"table__icon_iedt8","reverse":"table__reverse_iedt8","sorted":"table__sorted_iedt8"};
9
9
  require('./index.css')
10
10
 
11
11
  const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 2rg0y */
1
+ /* hash: r9ikw */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-link: #2288fa;
@@ -18,10 +18,10 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__content_a20u8 {
21
+ } .table__content_iedt8 {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_a20u8 {
24
+ } .table__icon_iedt8 {
25
25
  cursor: pointer;
26
26
  margin-left: var(--gap-xs);
27
27
 
@@ -33,15 +33,15 @@
33
33
  color: var(--color-light-graphic-secondary);
34
34
  transition: color 0.2s ease;
35
35
  flex-shrink: 0
36
- } .table__icon_a20u8:hover {
36
+ } .table__icon_iedt8:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_a20u8 {
38
+ } .table__reverse_iedt8 {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_a20u8 .table__icon_a20u8 {
40
+ } .table__reverse_iedt8 .table__icon_iedt8 {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_a20u8 {
43
+ } .table__sorted_iedt8 {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_a20u8:hover {
45
+ } .table__sorted_iedt8:hover {
46
46
  color: var(--color-light-graphic-link);
47
47
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-table",
3
- "version": "2.4.26",
3
+ "version": "2.4.28",
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": "^11.4.3",
19
- "@alfalab/core-components-pagination": "^2.3.2",
20
- "@alfalab/core-components-select": "^17.4.4",
18
+ "@alfalab/core-components-button": "^11.4.5",
19
+ "@alfalab/core-components-pagination": "^2.3.3",
20
+ "@alfalab/core-components-select": "^17.5.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  }