@alfalab/core-components-table 2.3.10 → 2.3.11

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 (85) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +8 -8
  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/cssm/index-72308007.d.ts +54 -0
  22. package/cssm/index-c76d6398.d.ts +1 -1
  23. package/cssm/index-f12ee135.d.ts +1 -1
  24. package/esm/components/pagination/Component.js +1 -1
  25. package/esm/components/pagination/index.css +8 -8
  26. package/esm/components/pagination/select-field/index.css +4 -4
  27. package/esm/components/pagination/select-field/index.js +1 -1
  28. package/esm/components/table/Component.js +1 -1
  29. package/esm/components/table/index.css +7 -7
  30. package/esm/components/tbody/Component.js +1 -1
  31. package/esm/components/tbody/index.css +2 -2
  32. package/esm/components/tcell/Component.js +1 -1
  33. package/esm/components/tcell/index.css +6 -6
  34. package/esm/components/texpandable-row/Component.js +1 -1
  35. package/esm/components/texpandable-row/index.css +5 -5
  36. package/esm/components/thead/Component.js +1 -1
  37. package/esm/components/thead/index.css +6 -6
  38. package/esm/components/thead-cell/Component.js +1 -1
  39. package/esm/components/thead-cell/index.css +9 -9
  40. package/esm/components/trow/Component.js +1 -1
  41. package/esm/components/trow/index.css +8 -8
  42. package/esm/components/tsortable-head-cell/Component.js +1 -1
  43. package/esm/components/tsortable-head-cell/index.css +8 -8
  44. package/esm/index-72308007.d.ts +54 -0
  45. package/esm/index-c76d6398.d.ts +1 -1
  46. package/esm/index-f12ee135.d.ts +1 -1
  47. package/index-72308007.d.ts +54 -0
  48. package/index-c76d6398.d.ts +1 -1
  49. package/index-f12ee135.d.ts +1 -1
  50. package/modern/components/pagination/Component.js +1 -1
  51. package/modern/components/pagination/index.css +8 -8
  52. package/modern/components/pagination/select-field/index.css +4 -4
  53. package/modern/components/pagination/select-field/index.js +1 -1
  54. package/modern/components/table/Component.js +1 -1
  55. package/modern/components/table/index.css +7 -7
  56. package/modern/components/tbody/Component.js +1 -1
  57. package/modern/components/tbody/index.css +2 -2
  58. package/modern/components/tcell/Component.js +1 -1
  59. package/modern/components/tcell/index.css +6 -6
  60. package/modern/components/texpandable-row/Component.js +1 -1
  61. package/modern/components/texpandable-row/index.css +5 -5
  62. package/modern/components/thead/Component.js +1 -1
  63. package/modern/components/thead/index.css +6 -6
  64. package/modern/components/thead-cell/Component.js +1 -1
  65. package/modern/components/thead-cell/index.css +9 -9
  66. package/modern/components/trow/Component.js +1 -1
  67. package/modern/components/trow/index.css +8 -8
  68. package/modern/components/tsortable-head-cell/Component.js +1 -1
  69. package/modern/components/tsortable-head-cell/index.css +8 -8
  70. package/modern/index-72308007.d.ts +54 -0
  71. package/modern/index-c76d6398.d.ts +1 -1
  72. package/modern/index-f12ee135.d.ts +1 -1
  73. package/package.json +3 -3
  74. package/cssm/index-1a4fbd11.d.ts +0 -22
  75. package/esm/index-1a4fbd11.d.ts +0 -22
  76. package/index-1a4fbd11.d.ts +0 -22
  77. package/modern/index-1a4fbd11.d.ts +0 -22
  78. /package/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  79. /package/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
  80. /package/cssm/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  81. /package/cssm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
  82. /package/esm/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  83. /package/esm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
  84. /package/modern/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
  85. /package/modern/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: ziyvk */
1
+ /* hash: 11yuc */
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_vx3rr {
21
+ } .table__component_lt7dg {
22
22
  box-sizing: border-box;
23
- } .table__wrapper_vx3rr {
23
+ } .table__wrapper_lt7dg {
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_vx3rr {
29
+ } .table__stickyHeader_lt7dg {
30
30
  max-height: 100%;
31
- } .table__hasPagination_vx3rr {
31
+ } .table__hasPagination_lt7dg {
32
32
  padding-bottom: 0;
33
- } .table__table_vx3rr {
33
+ } .table__table_lt7dg {
34
34
  width: 100%;
35
35
  border-collapse: collapse;
36
36
  box-sizing: border-box
37
37
 
38
38
  /* TODO: Хак для выравнивания чекбокса */
39
- } .table__table_vx3rr td:first-child label > *[class^='box'], .table__table_vx3rr th:first-child label > *[class^='box'] {
39
+ } .table__table_lt7dg td:first-child label > *[class^='box'], .table__table_lt7dg th:first-child label > *[class^='box'] {
40
40
  margin-top: 0;
41
41
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"table__component_1yte6"};
5
+ var styles = {"component":"table__component_1bexy"};
6
6
  require('./index.css')
7
7
 
8
8
  var TBody = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1jb1m */
1
+ /* hash: fu3ff */
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_1yte6 {
17
+ } .table__component_1bexy {
18
18
  width: 100%;
19
19
  box-sizing: border-box;
20
20
  }
@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TableContext } from '../table-context/index.js';
5
5
 
6
- var styles = {"component":"table__component_1id0j","compactHorizontal":"table__compactHorizontal_1id0j","compact":"table__compact_1id0j"};
6
+ var styles = {"component":"table__component_sma90","compactHorizontal":"table__compactHorizontal_sma90","compact":"table__compact_sma90"};
7
7
  require('./index.css')
8
8
 
9
9
  var TCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1gtre */
1
+ /* hash: 2fu39 */
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_1id0j {
23
+ } .table__component_sma90 {
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_1id0j:first-child {
34
+ } .table__component_sma90:first-child {
35
35
  padding-left: var(--gap-m);
36
- } .table__component_1id0j:last-child {
36
+ } .table__component_sma90:last-child {
37
37
  padding-right: var(--gap-m);
38
- } .table__compactHorizontal_1id0j {
38
+ } .table__compactHorizontal_sma90 {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
- } .table__compact_1id0j {
41
+ } .table__compact_sma90 {
42
42
  padding-top: var(--gap-xs);
43
43
  padding-bottom: var(--gap-xs);
44
44
 
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TRow } from '../trow/Component.js';
5
5
 
6
- var styles = {"row":"table__row_kw06h","selected":"table__selected_kw06h","expanded":"table__expanded_kw06h","expandable":"table__expandable_kw06h"};
6
+ var styles = {"row":"table__row_uzwks","selected":"table__selected_uzwks","expanded":"table__expanded_uzwks","expandable":"table__expandable_uzwks"};
7
7
  require('./index.css')
8
8
 
9
9
  var TExpandableRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fz0qg */
1
+ /* hash: 1bbdb */
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_kw06h {
17
+ } .table__row_uzwks {
18
18
  cursor: pointer;
19
- } .table__selected_kw06h.table__expanded_kw06h {
19
+ } .table__selected_uzwks.table__expanded_uzwks {
20
20
  background-color: inherit;
21
- } .table__expanded_kw06h:hover {
21
+ } .table__expanded_uzwks:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_kw06h td {
23
+ } .table__expandable_uzwks td {
24
24
  margin: 0;
25
25
  padding-top: 0;
26
26
  padding-bottom: 0;
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"table__component_1wxd9","row":"table__row_1wxd9"};
5
+ var styles = {"component":"table__component_een2a","row":"table__row_een2a"};
6
6
  require('./index.css')
7
7
 
8
8
  var THead = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1tbqm */
1
+ /* hash: 1sys1 */
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_1wxd9 {
19
+ } .table__component_een2a {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_1wxd9 th:not(:last-child):not(:empty):after {
23
+ } .table__component_een2a 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_1wxd9 th:after {
34
+ } .table__component_een2a th:after {
35
35
  opacity: 0;
36
- } .table__component_1wxd9:hover th:after {
36
+ } .table__component_een2a:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_1wxd9 {
38
+ } .table__row_een2a {
39
39
  height: 72px;
40
40
  }
@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TableContext } from '../table-context/index.js';
5
5
 
6
- var styles = {"component":"table__component_14ymi","stickyHeader":"table__stickyHeader_14ymi","sortable":"table__sortable_14ymi","sorted":"table__sorted_14ymi","compactHorizontal":"table__compactHorizontal_14ymi"};
6
+ var styles = {"component":"table__component_m3ymr","stickyHeader":"table__stickyHeader_m3ymr","sortable":"table__sortable_m3ymr","sorted":"table__sorted_m3ymr","compactHorizontal":"table__compactHorizontal_m3ymr"};
7
7
  require('./index.css')
8
8
 
9
9
  var THeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ezuz */
1
+ /* hash: 3hpvl */
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_14ymi {
24
+ } .table__component_m3ymr {
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_14ymi:first-child {
39
+ } .table__component_m3ymr:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_14ymi:last-child {
41
+ } .table__component_m3ymr:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_14ymi:not(.table__stickyHeader_14ymi) {
43
+ } .table__component_m3ymr:not(.table__stickyHeader_m3ymr) {
44
44
  position: relative;
45
- } .table__sortable_14ymi {
45
+ } .table__sortable_m3ymr {
46
46
  cursor: pointer;
47
- } .table__sorted_14ymi {
47
+ } .table__sorted_m3ymr {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_14ymi {
49
+ } .table__stickyHeader_m3ymr {
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_14ymi {
55
+ } .table__compactHorizontal_m3ymr {
56
56
  padding-left: 6px;
57
57
  padding-right: 6px;
58
58
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"table__component_19nw6","withoutBorder":"table__withoutBorder_19nw6","clickable":"table__clickable_19nw6","selected":"table__selected_19nw6"};
5
+ var styles = {"component":"table__component_jx5vy","withoutBorder":"table__withoutBorder_jx5vy","clickable":"table__clickable_jx5vy","selected":"table__selected_jx5vy"};
6
6
  require('./index.css')
7
7
 
8
8
  var TRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 16y0q */
1
+ /* hash: 9gimf */
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_19nw6 {
20
+ } .table__component_jx5vy {
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_19nw6:first-child td {
26
+ } .table__component_jx5vy:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_19nw6 td {
28
+ } .table__withoutBorder_jx5vy td {
29
29
  border: none;
30
- } .table__clickable_19nw6 {
30
+ } .table__clickable_jx5vy {
31
31
  cursor: pointer
32
- } .table__clickable_19nw6:hover {
32
+ } .table__clickable_jx5vy:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_19nw6 {
34
+ } .table__selected_jx5vy {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_19nw6:hover {
36
+ } .table__selected_jx5vy:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -7,7 +7,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
7
7
  import { SortIconUnset } from './sort-icon-unset.js';
8
8
  import '../table-context/index.js';
9
9
 
10
- var styles = {"content":"table__content_r3p2y","icon":"table__icon_r3p2y","reverse":"table__reverse_r3p2y","sorted":"table__sorted_r3p2y"};
10
+ var styles = {"content":"table__content_gzson","icon":"table__icon_gzson","reverse":"table__reverse_gzson","sorted":"table__sorted_gzson"};
11
11
  require('./index.css')
12
12
 
13
13
  var TSortableHeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 5a8jp */
1
+ /* hash: 4pjoi */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-link: #0072ef;
@@ -18,10 +18,10 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__content_r3p2y {
21
+ } .table__content_gzson {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_r3p2y {
24
+ } .table__icon_gzson {
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_r3p2y:hover {
36
+ } .table__icon_gzson:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_r3p2y {
38
+ } .table__reverse_gzson {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_r3p2y .table__icon_r3p2y {
40
+ } .table__reverse_gzson .table__icon_gzson {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_r3p2y {
43
+ } .table__sorted_gzson {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_r3p2y:hover {
45
+ } .table__sorted_gzson:hover {
46
46
  color: var(--color-light-graphic-link);
47
47
  }
@@ -0,0 +1,54 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { PaddingType } from "./index-72dda473";
4
+ /* eslint-disable no-plusplus, no-param-reassign */
5
+ import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
+ declare const isClient: () => boolean;
8
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
+ declare function easeInOutQuad(x: number): number;
10
+ declare const easingFns: {
11
+ easeInOutQuad: typeof easeInOutQuad;
12
+ };
13
+ declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
+ declare const inputUtils: {
15
+ disableUserInput: typeof disableUserInput;
16
+ };
17
+ /**
18
+ * Возвращает true, если значение равно null или undefined
19
+ */
20
+ declare function isNil(value: unknown): boolean;
21
+ /**
22
+ * Выбор значения между min max границами
23
+ */
24
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
+ declare function noop(): void;
26
+ declare const fnUtils: {
27
+ clamp: typeof clamp;
28
+ noop: typeof noop;
29
+ isNil: typeof isNil;
30
+ };
31
+ /**
32
+ * Запрещает каретке становиться за указанные границы
33
+ */
34
+ declare function caretGuard(guard: (value: string, selection: readonly [
35
+ from: number,
36
+ to: number
37
+ ]) => [
38
+ from: number,
39
+ to: number
40
+ ]): MaskitoPlugin;
41
+ /**
42
+ * Запрещает удалять указанный префикс
43
+ */
44
+ declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
+ /**
46
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
+ */
48
+ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
+ declare const maskUtils: {
50
+ insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
+ prefixPostprocessor: typeof prefixPostprocessor;
52
+ caretGuard: typeof caretGuard;
53
+ };
54
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-1a4fbd11";
1
+ export * from "./Component-72308007";
2
2
  export type { NavigationBarProps } from "./types-83e2bd9e";
@@ -1,3 +1,3 @@
1
- export * from "./component-1a4fbd11";
1
+ export * from "./component-72308007";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -0,0 +1,54 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { PaddingType } from "./index-72dda473";
4
+ /* eslint-disable no-plusplus, no-param-reassign */
5
+ import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
6
+ declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
7
+ declare const isClient: () => boolean;
8
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
+ declare function easeInOutQuad(x: number): number;
10
+ declare const easingFns: {
11
+ easeInOutQuad: typeof easeInOutQuad;
12
+ };
13
+ declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
+ declare const inputUtils: {
15
+ disableUserInput: typeof disableUserInput;
16
+ };
17
+ /**
18
+ * Возвращает true, если значение равно null или undefined
19
+ */
20
+ declare function isNil(value: unknown): boolean;
21
+ /**
22
+ * Выбор значения между min max границами
23
+ */
24
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
25
+ declare function noop(): void;
26
+ declare const fnUtils: {
27
+ clamp: typeof clamp;
28
+ noop: typeof noop;
29
+ isNil: typeof isNil;
30
+ };
31
+ /**
32
+ * Запрещает каретке становиться за указанные границы
33
+ */
34
+ declare function caretGuard(guard: (value: string, selection: readonly [
35
+ from: number,
36
+ to: number
37
+ ]) => [
38
+ from: number,
39
+ to: number
40
+ ]): MaskitoPlugin;
41
+ /**
42
+ * Запрещает удалять указанный префикс
43
+ */
44
+ declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
45
+ /**
46
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
47
+ */
48
+ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
49
+ declare const maskUtils: {
50
+ insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
51
+ prefixPostprocessor: typeof prefixPostprocessor;
52
+ caretGuard: typeof caretGuard;
53
+ };
54
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-1a4fbd11";
1
+ export * from "./Component-72308007";
2
2
  export type { NavigationBarProps } from "./types-83e2bd9e";
@@ -1,3 +1,3 @@
1
- export * from "./component-1a4fbd11";
1
+ export * from "./component-72308007";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -6,7 +6,7 @@ import { TableContext } from '../table-context/index.js';
6
6
  import { CustomSelectField } from './select-field/index.js';
7
7
  import '@alfalab/core-components-button/modern';
8
8
 
9
- const styles = {"component":"table__component_f1la8","pagesWrapper":"table__pagesWrapper_f1la8","tag":"table__tag_f1la8","tagActive":"table__tagActive_f1la8","menu":"table__menu_f1la8","option":"table__option_f1la8"};
9
+ const styles = {"component":"table__component_xw96e","pagesWrapper":"table__pagesWrapper_xw96e","tag":"table__tag_xw96e","tagActive":"table__tagActive_xw96e","menu":"table__menu_xw96e","option":"table__option_xw96e"};
10
10
  require('./index.css')
11
11
 
12
12
  const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageChange = () => null, pagesCount, onPageChange = () => null, className, dataTestId, ...restPaginationProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: fb2j0 */
1
+ /* hash: 36au2 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #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 */
@@ -20,7 +20,7 @@
20
20
  --gap-2xl: 32px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_f1la8 {
23
+ } .table__component_xw96e {
24
24
  display: flex;
25
25
  justify-content: space-between;
26
26
  align-items: flex-start;
@@ -28,19 +28,19 @@
28
28
  padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
29
29
  border-top: 1px solid var(--color-light-border-primary);
30
30
  box-sizing: border-box;
31
- } .table__pagesWrapper_f1la8 {
31
+ } .table__pagesWrapper_xw96e {
32
32
  display: flex;
33
- } .table__tag_f1la8.table__tag_f1la8 {
33
+ } .table__tag_xw96e.table__tag_xw96e {
34
34
  flex-shrink: 0;
35
35
  margin-right: var(--gap-xs);
36
36
  padding: 0 var(--gap-xs);
37
37
  min-width: 32px
38
- } .table__tag_f1la8.table__tag_f1la8:last-child {
38
+ } .table__tag_xw96e.table__tag_xw96e:last-child {
39
39
  margin-right: 0;
40
- } .table__tag_f1la8.table__tag_f1la8.table__tagActive_f1la8 {
40
+ } .table__tag_xw96e.table__tag_xw96e.table__tagActive_xw96e {
41
41
  cursor: default;
42
- } .table__menu_f1la8 {
42
+ } .table__menu_xw96e {
43
43
  margin: var(--gap-2xs) 0;
44
- } .table__option_f1la8 {
44
+ } .table__option_xw96e {
45
45
  min-width: 208px;
46
46
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1jrw7 */
1
+ /* hash: hkwwm */
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
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
@@ -15,10 +15,10 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .table__field_fli0m svg {
18
+ } .table__field_yg5wr svg {
19
19
  width: 18px;
20
20
  height: 18px;
21
- } .table__open_fli0m,
22
- .table__open_fli0m:hover {
21
+ } .table__open_yg5wr,
22
+ .table__open_yg5wr:hover {
23
23
  background-color: var(--color-light-specialbg-component-shade-7);
24
24
  }
@@ -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_fli0m","open":"table__open_fli0m"};
5
+ const styles = {"field":"table__field_yg5wr","open":"table__open_yg5wr"};
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_vx3rr","wrapper":"table__wrapper_vx3rr","stickyHeader":"table__stickyHeader_vx3rr","hasPagination":"table__hasPagination_vx3rr","table":"table__table_vx3rr"};
8
+ const styles = {"component":"table__component_lt7dg","wrapper":"table__wrapper_lt7dg","stickyHeader":"table__stickyHeader_lt7dg","hasPagination":"table__hasPagination_lt7dg","table":"table__table_lt7dg"};
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: ziyvk */
1
+ /* hash: 11yuc */
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_vx3rr {
21
+ } .table__component_lt7dg {
22
22
  box-sizing: border-box;
23
- } .table__wrapper_vx3rr {
23
+ } .table__wrapper_lt7dg {
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_vx3rr {
29
+ } .table__stickyHeader_lt7dg {
30
30
  max-height: 100%;
31
- } .table__hasPagination_vx3rr {
31
+ } .table__hasPagination_lt7dg {
32
32
  padding-bottom: 0;
33
- } .table__table_vx3rr {
33
+ } .table__table_lt7dg {
34
34
  width: 100%;
35
35
  border-collapse: collapse;
36
36
  box-sizing: border-box
37
37
 
38
38
  /* TODO: Хак для выравнивания чекбокса */
39
- } .table__table_vx3rr td:first-child label > *[class^='box'], .table__table_vx3rr th:first-child label > *[class^='box'] {
39
+ } .table__table_lt7dg td:first-child label > *[class^='box'], .table__table_lt7dg 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_1yte6"};
4
+ const styles = {"component":"table__component_1bexy"};
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: 1jb1m */
1
+ /* hash: fu3ff */
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_1yte6 {
17
+ } .table__component_1bexy {
18
18
  width: 100%;
19
19
  box-sizing: border-box;
20
20
  }