@alfalab/core-components-table 2.2.40 → 2.2.42

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 (86) hide show
  1. package/component.d.ts +5 -5
  2. package/components/pagination/Component.js +1 -1
  3. package/components/pagination/index.css +8 -8
  4. package/components/pagination/select-field/index.css +4 -4
  5. package/components/pagination/select-field/index.js +1 -1
  6. package/components/table/Component.js +1 -1
  7. package/components/table/index.css +7 -7
  8. package/components/tbody/Component.js +1 -1
  9. package/components/tbody/index.css +2 -2
  10. package/components/tcell/Component.d.ts +3 -2
  11. package/components/tcell/Component.js +1 -1
  12. package/components/tcell/index.css +6 -6
  13. package/components/texpandable-row/Component.d.ts +3 -2
  14. package/components/texpandable-row/Component.js +1 -1
  15. package/components/texpandable-row/index.css +5 -5
  16. package/components/thead/Component.js +1 -1
  17. package/components/thead/index.css +6 -6
  18. package/components/thead-cell/Component.d.ts +3 -2
  19. package/components/thead-cell/Component.js +1 -1
  20. package/components/thead-cell/index.css +8 -8
  21. package/components/trow/Component.d.ts +1 -1
  22. package/components/trow/Component.js +1 -1
  23. package/components/trow/index.css +8 -8
  24. package/components/tsortable-head-cell/Component.d.ts +2 -1
  25. package/components/tsortable-head-cell/Component.js +1 -1
  26. package/components/tsortable-head-cell/index.css +9 -9
  27. package/cssm/component.d.ts +5 -5
  28. package/cssm/components/tcell/Component.d.ts +3 -2
  29. package/cssm/components/texpandable-row/Component.d.ts +3 -2
  30. package/cssm/components/thead-cell/Component.d.ts +3 -2
  31. package/cssm/components/trow/Component.d.ts +1 -1
  32. package/cssm/components/tsortable-head-cell/Component.d.ts +2 -1
  33. package/esm/component.d.ts +5 -5
  34. package/esm/components/pagination/Component.js +1 -1
  35. package/esm/components/pagination/index.css +8 -8
  36. package/esm/components/pagination/select-field/index.css +4 -4
  37. package/esm/components/pagination/select-field/index.js +1 -1
  38. package/esm/components/table/Component.js +1 -1
  39. package/esm/components/table/index.css +7 -7
  40. package/esm/components/tbody/Component.js +1 -1
  41. package/esm/components/tbody/index.css +2 -2
  42. package/esm/components/tcell/Component.d.ts +3 -2
  43. package/esm/components/tcell/Component.js +1 -1
  44. package/esm/components/tcell/index.css +6 -6
  45. package/esm/components/texpandable-row/Component.d.ts +3 -2
  46. package/esm/components/texpandable-row/Component.js +1 -1
  47. package/esm/components/texpandable-row/index.css +5 -5
  48. package/esm/components/thead/Component.js +1 -1
  49. package/esm/components/thead/index.css +6 -6
  50. package/esm/components/thead-cell/Component.d.ts +3 -2
  51. package/esm/components/thead-cell/Component.js +1 -1
  52. package/esm/components/thead-cell/index.css +8 -8
  53. package/esm/components/trow/Component.d.ts +1 -1
  54. package/esm/components/trow/Component.js +1 -1
  55. package/esm/components/trow/index.css +8 -8
  56. package/esm/components/tsortable-head-cell/Component.d.ts +2 -1
  57. package/esm/components/tsortable-head-cell/Component.js +1 -1
  58. package/esm/components/tsortable-head-cell/index.css +9 -9
  59. package/modern/component.d.ts +5 -5
  60. package/modern/components/pagination/Component.js +1 -1
  61. package/modern/components/pagination/index.css +8 -8
  62. package/modern/components/pagination/select-field/index.css +4 -4
  63. package/modern/components/pagination/select-field/index.js +1 -1
  64. package/modern/components/table/Component.js +1 -1
  65. package/modern/components/table/index.css +7 -7
  66. package/modern/components/tbody/Component.js +1 -1
  67. package/modern/components/tbody/index.css +2 -2
  68. package/modern/components/tcell/Component.d.ts +3 -2
  69. package/modern/components/tcell/Component.js +1 -1
  70. package/modern/components/tcell/index.css +6 -6
  71. package/modern/components/texpandable-row/Component.d.ts +3 -2
  72. package/modern/components/texpandable-row/Component.js +1 -1
  73. package/modern/components/texpandable-row/index.css +5 -5
  74. package/modern/components/thead/Component.js +1 -1
  75. package/modern/components/thead/index.css +6 -6
  76. package/modern/components/thead-cell/Component.d.ts +3 -2
  77. package/modern/components/thead-cell/Component.js +1 -1
  78. package/modern/components/thead-cell/index.css +8 -8
  79. package/modern/components/trow/Component.d.ts +1 -1
  80. package/modern/components/trow/Component.js +1 -1
  81. package/modern/components/trow/index.css +8 -8
  82. package/modern/components/tsortable-head-cell/Component.d.ts +2 -1
  83. package/modern/components/tsortable-head-cell/Component.js +1 -1
  84. package/modern/components/tsortable-head-cell/index.css +9 -9
  85. package/package.json +4 -4
  86. package/send-stats.js +0 -82
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Button } from '@alfalab/core-components-button/modern';
4
4
 
5
- const styles = {"field":"table__field_urzwv","open":"table__open_urzwv"};
5
+ const styles = {"field":"table__field_nros9","open":"table__open_nros9"};
6
6
  require('./index.css')
7
7
 
8
8
  const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {
@@ -5,7 +5,7 @@ import { findAllHeadCellsProps } from './utils.js';
5
5
  import '../../utils.js';
6
6
  import '../thead/Component.js';
7
7
 
8
- const styles = {"component":"table__component_e07hh","wrapper":"table__wrapper_e07hh","stickyHeader":"table__stickyHeader_e07hh","hasPagination":"table__hasPagination_e07hh","table":"table__table_e07hh"};
8
+ const styles = {"component":"table__component_p315e","wrapper":"table__wrapper_p315e","stickyHeader":"table__stickyHeader_p315e","hasPagination":"table__hasPagination_p315e","table":"table__table_p315e"};
9
9
  require('./index.css')
10
10
 
11
11
  const Table = forwardRef(({ className, children, compactView = false, compactHorizontal = false, wrapper = true, pagination, dataTestId, stickyHeader = false, ...restProps }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: 15ybx */
1
+ /* hash: 1nrpw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,24 +18,24 @@
18
18
  --gap-m: 16px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__component_e07hh {
21
+ } .table__component_p315e {
22
22
  box-sizing: border-box;
23
- } .table__wrapper_e07hh {
23
+ } .table__wrapper_p315e {
24
24
  padding: 0 var(--gap-m) var(--gap-m);
25
25
  background: var(--color-light-bg-primary);
26
26
  box-shadow: var(--shadow-xs-hard);
27
27
  border-radius: var(--border-radius-m);
28
28
  overflow: auto;
29
- } .table__stickyHeader_e07hh {
29
+ } .table__stickyHeader_p315e {
30
30
  max-height: 100%;
31
- } .table__hasPagination_e07hh {
31
+ } .table__hasPagination_p315e {
32
32
  padding-bottom: 0;
33
- } .table__table_e07hh {
33
+ } .table__table_p315e {
34
34
  width: 100%;
35
35
  border-collapse: collapse;
36
36
  box-sizing: border-box
37
37
 
38
38
  /* TODO: Хак для выравнивания чекбокса */
39
- } .table__table_e07hh td:first-child label > *[class^='box'], .table__table_e07hh th:first-child label > *[class^='box'] {
39
+ } .table__table_p315e td:first-child label > *[class^='box'], .table__table_p315e th:first-child label > *[class^='box'] {
40
40
  margin-top: 0;
41
41
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_1lrsv"};
4
+ const styles = {"component":"table__component_jt1ax"};
5
5
  require('./index.css')
6
6
 
7
7
  const TBody = ({ className, children, dataTestId, ...restProps }) => (React.createElement("tbody", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps }, children));
@@ -1,4 +1,4 @@
1
- /* hash: 1yu40 */
1
+ /* hash: 4m8bx */
2
2
  :root {
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,7 +14,7 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__component_1lrsv {
17
+ } .table__component_jt1ax {
18
18
  width: 100%;
19
19
  box-sizing: border-box;
20
20
  }
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { TdHTMLAttributes } from 'react';
2
+ import React from 'react';
3
+ import { TdHTMLAttributes } from "react";
3
4
  type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
4
5
  /**
5
6
  * Дополнительный класс
@@ -14,5 +15,5 @@ type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
14
15
  */
15
16
  index?: number;
16
17
  };
17
- declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element | null;
18
+ declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => React.JSX.Element | null;
18
19
  export { TCellProps, TCell };
@@ -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_1pdpj","compactHorizontal":"table__compactHorizontal_1pdpj","compact":"table__compact_1pdpj"};
5
+ const styles = {"component":"table__component_2f42u","compactHorizontal":"table__compactHorizontal_2f42u","compact":"table__compact_2f42u"};
6
6
  require('./index.css')
7
7
 
8
8
  const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1xy1z */
1
+ /* hash: 6g6dx */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
20
20
  --gap-xl: 24px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_1pdpj {
23
+ } .table__component_2f42u {
24
24
  font-size: 14px;
25
25
  line-height: 20px;
26
26
  font-weight: 400;
@@ -31,14 +31,14 @@
31
31
  border-top: 1px solid var(--color-light-border-primary);
32
32
  vertical-align: top;
33
33
  box-sizing: border-box
34
- } .table__component_1pdpj:first-child {
34
+ } .table__component_2f42u:first-child {
35
35
  padding-left: var(--gap-m);
36
- } .table__component_1pdpj:last-child {
36
+ } .table__component_2f42u:last-child {
37
37
  padding-right: var(--gap-m);
38
- } .table__compactHorizontal_1pdpj {
38
+ } .table__compactHorizontal_2f42u {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
- } .table__compact_1pdpj {
41
+ } .table__compact_2f42u {
42
42
  padding-top: var(--gap-xs);
43
43
  padding-bottom: var(--gap-xs);
44
44
 
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { ReactNode } from 'react';
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
3
4
  import { TRowProps } from "../trow/index";
4
5
  type TExpandableRowProps = TRowProps & {
5
6
  defaultExpanded?: boolean;
@@ -7,5 +8,5 @@ type TExpandableRowProps = TRowProps & {
7
8
  onToggle?: (expanded: boolean) => void;
8
9
  renderContent: (expanded: boolean) => ReactNode;
9
10
  };
10
- declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => JSX.Element;
11
+ declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => React.JSX.Element;
11
12
  export { TExpandableRowProps, TExpandableRow };
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TRow } from '../trow/Component.js';
4
4
 
5
- const styles = {"row":"table__row_c3v9t","selected":"table__selected_c3v9t","expanded":"table__expanded_c3v9t","expandable":"table__expandable_c3v9t"};
5
+ const styles = {"row":"table__row_5nozu","selected":"table__selected_5nozu","expanded":"table__expanded_5nozu","expandable":"table__expandable_5nozu"};
6
6
  require('./index.css')
7
7
 
8
8
  const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 12e7o */
1
+ /* hash: x9q2c */
2
2
  :root {
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_c3v9t {
17
+ } .table__row_5nozu {
18
18
  cursor: pointer;
19
- } .table__selected_c3v9t.table__expanded_c3v9t {
19
+ } .table__selected_5nozu.table__expanded_5nozu {
20
20
  background-color: inherit;
21
- } .table__expanded_c3v9t:hover {
21
+ } .table__expanded_5nozu:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_c3v9t td {
23
+ } .table__expandable_5nozu 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_44mrk","row":"table__row_44mrk"};
4
+ const styles = {"component":"table__component_13uar","row":"table__row_13uar"};
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: 14pc6 */
1
+ /* hash: 1j9zn */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -16,11 +16,11 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .table__component_44mrk {
19
+ } .table__component_13uar {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_44mrk th:not(:last-child):not(:empty):after {
23
+ } .table__component_13uar 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_44mrk th:after {
34
+ } .table__component_13uar th:after {
35
35
  opacity: 0;
36
- } .table__component_44mrk:hover th:after {
36
+ } .table__component_13uar:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_44mrk {
38
+ } .table__row_13uar {
39
39
  height: 72px;
40
40
  }
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { ThHTMLAttributes } from 'react';
2
+ import React from 'react';
3
+ import { ThHTMLAttributes } from "react";
3
4
  import { TextAlignProperty } from "../../typings";
4
5
  type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
5
6
  /**
@@ -23,5 +24,5 @@ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
23
24
  */
24
25
  dataTestId?: string;
25
26
  };
26
- declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element | null;
27
+ declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;
27
28
  export { THeadCellProps, THeadCell };
@@ -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_19p2r","sortable":"table__sortable_19p2r","sorted":"table__sorted_19p2r","stickyHeader":"table__stickyHeader_19p2r","compactHorizontal":"table__compactHorizontal_19p2r"};
5
+ const styles = {"component":"table__component_1p58i","sortable":"table__sortable_1p58i","sorted":"table__sorted_1p58i","stickyHeader":"table__stickyHeader_1p58i","compactHorizontal":"table__compactHorizontal_1p58i"};
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: 2fhfo */
1
+ /* hash: md5r1 */
2
2
  :root {
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_19p2r {
24
+ } .table__component_1p58i {
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_19p2r:first-child {
40
+ } .table__component_1p58i:first-child {
41
41
  padding-left: var(--gap-m);
42
- } .table__component_19p2r:last-child {
42
+ } .table__component_1p58i:last-child {
43
43
  padding-right: var(--gap-m);
44
- } .table__sortable_19p2r {
44
+ } .table__sortable_1p58i {
45
45
  cursor: pointer;
46
- } .table__sorted_19p2r {
46
+ } .table__sorted_1p58i {
47
47
  color: var(--color-light-text-primary);
48
- } .table__stickyHeader_19p2r {
48
+ } .table__stickyHeader_1p58i {
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_19p2r {
54
+ } .table__compactHorizontal_1p58i {
55
55
  padding-left: 6px;
56
56
  padding-right: 6px;
57
57
  }
@@ -25,5 +25,5 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
25
25
  */
26
26
  dataTestId?: string;
27
27
  };
28
- declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
28
+ declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
29
29
  export { TRowProps, TRow };
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_y1ms9","withoutBorder":"table__withoutBorder_y1ms9","clickable":"table__clickable_y1ms9","selected":"table__selected_y1ms9"};
4
+ const styles = {"component":"table__component_4cj1l","withoutBorder":"table__withoutBorder_4cj1l","clickable":"table__clickable_4cj1l","selected":"table__selected_4cj1l"};
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: 5by5h */
1
+ /* hash: 160uc */
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_y1ms9 {
20
+ } .table__component_4cj1l {
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_y1ms9:first-child td {
26
+ } .table__component_4cj1l:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_y1ms9 td {
28
+ } .table__withoutBorder_4cj1l td {
29
29
  border: none;
30
- } .table__clickable_y1ms9 {
30
+ } .table__clickable_4cj1l {
31
31
  cursor: pointer
32
- } .table__clickable_y1ms9:hover {
32
+ } .table__clickable_4cj1l:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_y1ms9 {
34
+ } .table__selected_4cj1l {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_y1ms9:hover {
36
+ } .table__selected_4cj1l:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { THeadCellProps } from "../thead-cell/index";
3
4
  type TSortableHeadCellProps = THeadCellProps & {
4
5
  isSortedDesc?: boolean;
5
6
  defaultIsSortedDesc?: boolean;
6
7
  onSort?: () => void;
7
8
  };
8
- declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => JSX.Element;
9
+ declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => React.JSX.Element;
9
10
  export { TSortableHeadCellProps, TSortableHeadCell };
@@ -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_fjb4d","content":"table__content_fjb4d","icon":"table__icon_fjb4d","reverse":"table__reverse_fjb4d","sorted":"table__sorted_fjb4d"};
9
+ const styles = {"component":"table__component_17a0m","content":"table__content_17a0m","icon":"table__icon_17a0m","reverse":"table__reverse_17a0m","sorted":"table__sorted_17a0m"};
10
10
  require('./index.css')
11
11
 
12
12
  const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 8p19l */
1
+ /* hash: avlo7 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-link: #0072ef;
@@ -18,12 +18,12 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__component_fjb4d {
21
+ } .table__component_17a0m {
22
22
  position: relative;
23
- } .table__content_fjb4d {
23
+ } .table__content_17a0m {
24
24
  display: flex;
25
25
  align-items: flex-start;
26
- } .table__icon_fjb4d {
26
+ } .table__icon_17a0m {
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_fjb4d:hover {
38
+ } .table__icon_17a0m:hover {
39
39
  color: var(--color-light-graphic-primary);
40
- } .table__reverse_fjb4d {
40
+ } .table__reverse_17a0m {
41
41
  flex-direction: row-reverse
42
- } .table__reverse_fjb4d .table__icon_fjb4d {
42
+ } .table__reverse_17a0m .table__icon_17a0m {
43
43
  margin-left: 0;
44
44
  margin-right: var(--gap-xs);
45
- } .table__sorted_fjb4d {
45
+ } .table__sorted_17a0m {
46
46
  color: var(--color-light-graphic-link)
47
- } .table__sorted_fjb4d:hover {
47
+ } .table__sorted_17a0m: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.40",
3
+ "version": "2.2.42",
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": "^8.5.0",
19
- "@alfalab/core-components-pagination": "^2.0.20",
20
- "@alfalab/core-components-select": "^14.3.3",
18
+ "@alfalab/core-components-button": "^8.5.1",
19
+ "@alfalab/core-components-pagination": "^2.0.21",
20
+ "@alfalab/core-components-select": "^14.3.5",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  }
package/send-stats.js DELETED
@@ -1,82 +0,0 @@
1
- const http = require('http');
2
- const fs = require('fs');
3
- const { promisify } = require('util');
4
- const path = require('path');
5
-
6
- const readFile = promisify(fs.readFile);
7
-
8
- async function main() {
9
- const remoteHost = process.env.NIS_HOST || 'digital';
10
- const remotePort = process.env.NIS_PORT || 80;
11
- const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
12
-
13
- try {
14
- const [_, node, os, arch] =
15
- /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
16
- const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
17
- const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
18
-
19
- let ownPackageJson, packageJson;
20
-
21
- try {
22
- const result = await Promise.all([
23
- readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
24
- readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
25
- ]);
26
-
27
- ownPackageJson = JSON.parse(result[0]);
28
- packageJson = JSON.parse(result[1]);
29
- } catch (err) {
30
- ownPackageJson = '';
31
- packageJson = '';
32
- }
33
-
34
- const data = {
35
- node,
36
- npm,
37
- yarn,
38
- os,
39
- arch,
40
- ownPackageJson: JSON.stringify(ownPackageJson),
41
- packageJson: JSON.stringify(packageJson),
42
- };
43
-
44
- const body = JSON.stringify(data);
45
-
46
- const options = {
47
- host: remoteHost,
48
- port: remotePort,
49
- path: remotePath,
50
- method: 'POST',
51
- headers: {
52
- 'Content-Type': 'application/json',
53
- 'Content-Length': body.length,
54
- },
55
- };
56
-
57
- return new Promise((resolve, reject) => {
58
- const req = http.request(options, (res) => {
59
- res.on('end', () => {
60
- resolve();
61
- });
62
- });
63
-
64
- req.on('error', () => {
65
- reject();
66
- });
67
-
68
- req.write(body);
69
- req.end();
70
- });
71
- } catch (error) {
72
- throw error;
73
- }
74
- }
75
-
76
- main()
77
- .then(() => {
78
- process.exit(0);
79
- })
80
- .catch(() => {
81
- process.exit(0);
82
- });