@alfalab/core-components-table 2.4.21 → 2.4.22

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 +3 -3
@@ -1,4 +1,4 @@
1
- /* hash: 120xb */
1
+ /* hash: 1yk2u */
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_uoz00 {
17
+ } .table__row_ls1nt {
18
18
  cursor: pointer;
19
- } .table__selected_uoz00.table__expanded_uoz00 {
19
+ } .table__selected_ls1nt.table__expanded_ls1nt {
20
20
  background-color: inherit;
21
- } .table__expanded_uoz00:hover {
21
+ } .table__expanded_ls1nt:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_uoz00 td {
23
+ } .table__expandable_ls1nt 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_16mh7","row":"table__row_16mh7"};
4
+ const styles = {"component":"table__component_1fjej","row":"table__row_1fjej"};
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: q9kic */
1
+ /* hash: kcp7i */
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_16mh7 {
19
+ } .table__component_1fjej {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_16mh7 th:not(:last-child):not(:empty):after {
23
+ } .table__component_1fjej 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_16mh7 th:after {
34
+ } .table__component_1fjej th:after {
35
35
  opacity: 0;
36
- } .table__component_16mh7:hover th:after {
36
+ } .table__component_1fjej:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_16mh7 {
38
+ } .table__row_1fjej {
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_20a1w","stickyHeader":"table__stickyHeader_20a1w","sortable":"table__sortable_20a1w","sorted":"table__sorted_20a1w","compactHorizontal":"table__compactHorizontal_20a1w"};
5
+ const styles = {"component":"table__component_1dkmd","stickyHeader":"table__stickyHeader_1dkmd","sortable":"table__sortable_1dkmd","sorted":"table__sorted_1dkmd","compactHorizontal":"table__compactHorizontal_1dkmd"};
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: 22v4q */
1
+ /* hash: 1nnij */
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_20a1w {
24
+ } .table__component_1dkmd {
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_20a1w:first-child {
39
+ } .table__component_1dkmd:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_20a1w:last-child {
41
+ } .table__component_1dkmd:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_20a1w:not(.table__stickyHeader_20a1w) {
43
+ } .table__component_1dkmd:not(.table__stickyHeader_1dkmd) {
44
44
  position: relative;
45
- } .table__sortable_20a1w {
45
+ } .table__sortable_1dkmd {
46
46
  cursor: pointer;
47
- } .table__sorted_20a1w {
47
+ } .table__sorted_1dkmd {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_20a1w {
49
+ } .table__stickyHeader_1dkmd {
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_20a1w {
55
+ } .table__compactHorizontal_1dkmd {
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_hczst","withoutBorder":"table__withoutBorder_hczst","clickable":"table__clickable_hczst","selected":"table__selected_hczst"};
4
+ const styles = {"component":"table__component_1stxu","withoutBorder":"table__withoutBorder_1stxu","clickable":"table__clickable_1stxu","selected":"table__selected_1stxu"};
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: 16yyb */
1
+ /* hash: 8a331 */
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_hczst {
20
+ } .table__component_1stxu {
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_hczst:first-child td {
26
+ } .table__component_1stxu:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_hczst td {
28
+ } .table__withoutBorder_1stxu td {
29
29
  border: none;
30
- } .table__clickable_hczst {
30
+ } .table__clickable_1stxu {
31
31
  cursor: pointer
32
- } .table__clickable_hczst:hover {
32
+ } .table__clickable_1stxu:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_hczst {
34
+ } .table__selected_1stxu {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_hczst:hover {
36
+ } .table__selected_1stxu: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_174tm","icon":"table__icon_174tm","reverse":"table__reverse_174tm","sorted":"table__sorted_174tm"};
8
+ const styles = {"content":"table__content_1ccnj","icon":"table__icon_1ccnj","reverse":"table__reverse_1ccnj","sorted":"table__sorted_1ccnj"};
9
9
  require('./index.css')
10
10
 
11
11
  const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 7axlj */
1
+ /* hash: 19sw4 */
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_174tm {
21
+ } .table__content_1ccnj {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_174tm {
24
+ } .table__icon_1ccnj {
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_174tm:hover {
36
+ } .table__icon_1ccnj:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_174tm {
38
+ } .table__reverse_1ccnj {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_174tm .table__icon_174tm {
40
+ } .table__reverse_1ccnj .table__icon_1ccnj {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_174tm {
43
+ } .table__sorted_1ccnj {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_174tm:hover {
45
+ } .table__sorted_1ccnj: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.21",
3
+ "version": "2.4.22",
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.0",
18
+ "@alfalab/core-components-button": "^11.4.1",
19
19
  "@alfalab/core-components-pagination": "^2.3.2",
20
- "@alfalab/core-components-select": "^17.3.5",
20
+ "@alfalab/core-components-select": "^17.4.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  }