@alfalab/core-components-table 2.3.4 → 2.3.6
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.
- package/{cssm/Component-5e1b8383.d.ts → Component-dd8ca091.d.ts} +1 -1
- package/{cssm/component-50136800.d.ts → component-2abb571d.d.ts} +1 -1
- package/components/pagination/Component.js +1 -1
- package/components/pagination/index.css +8 -8
- package/components/pagination/select-field/index.css +4 -4
- package/components/pagination/select-field/index.js +1 -1
- package/components/table/Component.js +1 -1
- package/components/table/index.css +7 -7
- package/components/tbody/Component.js +1 -1
- package/components/tbody/index.css +2 -2
- package/components/tcell/Component.js +1 -1
- package/components/tcell/index.css +6 -6
- package/components/texpandable-row/Component.js +1 -1
- package/components/texpandable-row/index.css +5 -5
- package/components/thead/Component.js +1 -1
- package/components/thead/index.css +6 -6
- package/components/thead-cell/Component.js +1 -1
- package/components/thead-cell/index.css +9 -9
- package/components/trow/Component.js +1 -1
- package/components/trow/index.css +8 -8
- package/components/tsortable-head-cell/Component.js +1 -1
- package/components/tsortable-head-cell/index.css +8 -8
- package/{Component-5e1b8383.d.ts → cssm/Component-dd8ca091.d.ts} +1 -1
- package/{modern/component-50136800.d.ts → cssm/component-2abb571d.d.ts} +1 -1
- package/cssm/{hook-5e1b8383.d.ts → hook-dd8ca091.d.ts} +26 -11
- package/cssm/hook-ebda875c.d.ts +1 -1
- package/cssm/index-2abb571d.d.ts +15 -0
- package/cssm/index-c76d6398.d.ts +1 -1
- package/cssm/index-f12ee135.d.ts +2 -2
- package/{modern/typings-5e1b8383.d.ts → cssm/typings-dd8ca091.d.ts} +23 -1
- package/{esm/utils-5e1b8383.d.ts → cssm/utils-dd8ca091.d.ts} +6 -3
- package/esm/{Component-5e1b8383.d.ts → Component-dd8ca091.d.ts} +1 -1
- package/{component-50136800.d.ts → esm/component-2abb571d.d.ts} +1 -1
- package/esm/components/pagination/Component.js +1 -1
- package/esm/components/pagination/index.css +8 -8
- package/esm/components/pagination/select-field/index.css +4 -4
- package/esm/components/pagination/select-field/index.js +1 -1
- package/esm/components/table/Component.js +1 -1
- package/esm/components/table/index.css +7 -7
- package/esm/components/tbody/Component.js +1 -1
- package/esm/components/tbody/index.css +2 -2
- package/esm/components/tcell/Component.js +1 -1
- package/esm/components/tcell/index.css +6 -6
- package/esm/components/texpandable-row/Component.js +1 -1
- package/esm/components/texpandable-row/index.css +5 -5
- package/esm/components/thead/Component.js +1 -1
- package/esm/components/thead/index.css +6 -6
- package/esm/components/thead-cell/Component.js +1 -1
- package/esm/components/thead-cell/index.css +9 -9
- package/esm/components/trow/Component.js +1 -1
- package/esm/components/trow/index.css +8 -8
- package/esm/components/tsortable-head-cell/Component.js +1 -1
- package/esm/components/tsortable-head-cell/index.css +8 -8
- package/esm/{hook-5e1b8383.d.ts → hook-dd8ca091.d.ts} +26 -11
- package/esm/hook-ebda875c.d.ts +1 -1
- package/esm/index-2abb571d.d.ts +15 -0
- package/esm/index-c76d6398.d.ts +1 -1
- package/esm/index-f12ee135.d.ts +2 -2
- package/{cssm/typings-5e1b8383.d.ts → esm/typings-dd8ca091.d.ts} +23 -1
- package/{modern/utils-5e1b8383.d.ts → esm/utils-dd8ca091.d.ts} +6 -3
- package/{hook-5e1b8383.d.ts → hook-dd8ca091.d.ts} +26 -11
- package/hook-ebda875c.d.ts +1 -1
- package/index-2abb571d.d.ts +15 -0
- package/index-c76d6398.d.ts +1 -1
- package/index-f12ee135.d.ts +2 -2
- package/modern/{Component-5e1b8383.d.ts → Component-dd8ca091.d.ts} +1 -1
- package/{esm/component-50136800.d.ts → modern/component-2abb571d.d.ts} +1 -1
- package/modern/components/pagination/Component.js +1 -1
- package/modern/components/pagination/index.css +8 -8
- package/modern/components/pagination/select-field/index.css +4 -4
- package/modern/components/pagination/select-field/index.js +1 -1
- package/modern/components/table/Component.js +1 -1
- package/modern/components/table/index.css +7 -7
- package/modern/components/tbody/Component.js +1 -1
- package/modern/components/tbody/index.css +2 -2
- package/modern/components/tcell/Component.js +1 -1
- package/modern/components/tcell/index.css +6 -6
- package/modern/components/texpandable-row/Component.js +1 -1
- package/modern/components/texpandable-row/index.css +5 -5
- package/modern/components/thead/Component.js +1 -1
- package/modern/components/thead/index.css +6 -6
- package/modern/components/thead-cell/Component.js +1 -1
- package/modern/components/thead-cell/index.css +9 -9
- package/modern/components/trow/Component.js +1 -1
- package/modern/components/trow/index.css +8 -8
- package/modern/components/tsortable-head-cell/Component.js +1 -1
- package/modern/components/tsortable-head-cell/index.css +8 -8
- package/modern/{hook-5e1b8383.d.ts → hook-dd8ca091.d.ts} +26 -11
- package/modern/hook-ebda875c.d.ts +1 -1
- package/modern/index-2abb571d.d.ts +15 -0
- package/modern/index-c76d6398.d.ts +1 -1
- package/modern/index-f12ee135.d.ts +2 -2
- package/{typings-5e1b8383.d.ts → modern/typings-dd8ca091.d.ts} +23 -1
- package/{utils-5e1b8383.d.ts → modern/utils-dd8ca091.d.ts} +6 -3
- package/package.json +3 -3
- package/{esm/typings-5e1b8383.d.ts → typings-dd8ca091.d.ts} +23 -1
- package/{cssm/utils-5e1b8383.d.ts → utils-dd8ca091.d.ts} +6 -3
- package/createPaddingStyle-72dda473.d.ts +0 -5
- package/cssm/createPaddingStyle-72dda473.d.ts +0 -5
- package/cssm/index-50136800.d.ts +0 -8
- package/esm/createPaddingStyle-72dda473.d.ts +0 -5
- package/esm/index-50136800.d.ts +0 -8
- package/index-50136800.d.ts +0 -8
- package/modern/createPaddingStyle-72dda473.d.ts +0 -5
- package/modern/index-50136800.d.ts +0 -8
- /package/{Component-50136800.d.ts → Component-2abb571d.d.ts} +0 -0
- /package/cssm/{Component-50136800.d.ts → Component-2abb571d.d.ts} +0 -0
- /package/cssm/{types-72dda473.d.ts → types-92653002.d.ts} +0 -0
- /package/esm/{Component-50136800.d.ts → Component-2abb571d.d.ts} +0 -0
- /package/esm/{types-72dda473.d.ts → types-92653002.d.ts} +0 -0
- /package/modern/{Component-50136800.d.ts → Component-2abb571d.d.ts} +0 -0
- /package/modern/{types-72dda473.d.ts → types-92653002.d.ts} +0 -0
- /package/{types-72dda473.d.ts → types-92653002.d.ts} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { CheckmarkProps } from "./typings-
|
|
3
|
+
import { CheckmarkProps } from "./typings-dd8ca091";
|
|
4
4
|
declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
|
|
5
5
|
export { BaseCheckmark };
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-92653002";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
|
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
16
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
17
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
18
|
|
|
19
|
-
var styles = {"component":"
|
|
19
|
+
var styles = {"component":"table__component_17szq","pagesWrapper":"table__pagesWrapper_17szq","tag":"table__tag_17szq","tagActive":"table__tagActive_17szq","menu":"table__menu_17szq","option":"table__option_17szq"};
|
|
20
20
|
require('./index.css')
|
|
21
21
|
|
|
22
22
|
var Pagination = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 76ol6 */
|
|
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
|
-
} .
|
|
23
|
+
} .table__component_17szq {
|
|
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
|
-
} .
|
|
31
|
+
} .table__pagesWrapper_17szq {
|
|
32
32
|
display: flex;
|
|
33
|
-
} .
|
|
33
|
+
} .table__tag_17szq.table__tag_17szq {
|
|
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
|
-
} .
|
|
38
|
+
} .table__tag_17szq.table__tag_17szq:last-child {
|
|
39
39
|
margin-right: 0;
|
|
40
|
-
} .
|
|
40
|
+
} .table__tag_17szq.table__tag_17szq.table__tagActive_17szq {
|
|
41
41
|
cursor: default;
|
|
42
|
-
} .
|
|
42
|
+
} .table__menu_17szq {
|
|
43
43
|
margin: var(--gap-2xs) 0;
|
|
44
|
-
} .
|
|
44
|
+
} .table__option_17szq {
|
|
45
45
|
min-width: 208px;
|
|
46
46
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: lf5in */
|
|
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
|
-
} .
|
|
18
|
+
} .table__field_1mrwx svg {
|
|
19
19
|
width: 18px;
|
|
20
20
|
height: 18px;
|
|
21
|
-
} .
|
|
22
|
-
.
|
|
21
|
+
} .table__open_1mrwx,
|
|
22
|
+
.table__open_1mrwx:hover {
|
|
23
23
|
background-color: var(--color-light-specialbg-component-shade-7);
|
|
24
24
|
}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"field":"
|
|
15
|
+
var styles = {"field":"table__field_1mrwx","open":"table__open_1mrwx"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var CustomSelectField = function (_a) {
|
|
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
16
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
17
|
|
|
18
|
-
var styles = {"component":"
|
|
18
|
+
var styles = {"component":"table__component_1ooi7","wrapper":"table__wrapper_1ooi7","stickyHeader":"table__stickyHeader_1ooi7","hasPagination":"table__hasPagination_1ooi7","table":"table__table_1ooi7"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
var Table = React.forwardRef(function (_a, ref) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: rekxq */
|
|
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
|
-
} .
|
|
21
|
+
} .table__component_1ooi7 {
|
|
22
22
|
box-sizing: border-box;
|
|
23
|
-
} .
|
|
23
|
+
} .table__wrapper_1ooi7 {
|
|
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
|
-
} .
|
|
29
|
+
} .table__stickyHeader_1ooi7 {
|
|
30
30
|
max-height: 100%;
|
|
31
|
-
} .
|
|
31
|
+
} .table__hasPagination_1ooi7 {
|
|
32
32
|
padding-bottom: 0;
|
|
33
|
-
} .
|
|
33
|
+
} .table__table_1ooi7 {
|
|
34
34
|
width: 100%;
|
|
35
35
|
border-collapse: collapse;
|
|
36
36
|
box-sizing: border-box
|
|
37
37
|
|
|
38
38
|
/* TODO: Хак для выравнивания чекбокса */
|
|
39
|
-
} .
|
|
39
|
+
} .table__table_1ooi7 td:first-child label > *[class^='box'], .table__table_1ooi7 th:first-child label > *[class^='box'] {
|
|
40
40
|
margin-top: 0;
|
|
41
41
|
}
|
|
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
13
|
|
|
14
|
-
var styles = {"component":"
|
|
14
|
+
var styles = {"component":"table__component_16yp1"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var TBody = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: kyayc */
|
|
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
|
-
} .
|
|
17
|
+
} .table__component_16yp1 {
|
|
18
18
|
width: 100%;
|
|
19
19
|
box-sizing: border-box;
|
|
20
20
|
}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"component":"
|
|
15
|
+
var styles = {"component":"table__component_plm36","compactHorizontal":"table__compactHorizontal_plm36","compact":"table__compact_plm36"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var TCell = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1oy5c */
|
|
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
|
-
} .
|
|
23
|
+
} .table__component_plm36 {
|
|
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
|
-
} .
|
|
34
|
+
} .table__component_plm36:first-child {
|
|
35
35
|
padding-left: var(--gap-m);
|
|
36
|
-
} .
|
|
36
|
+
} .table__component_plm36:last-child {
|
|
37
37
|
padding-right: var(--gap-m);
|
|
38
|
-
} .
|
|
38
|
+
} .table__compactHorizontal_plm36 {
|
|
39
39
|
padding-left: 6px;
|
|
40
40
|
padding-right: 6px;
|
|
41
|
-
} .
|
|
41
|
+
} .table__compact_plm36 {
|
|
42
42
|
padding-top: var(--gap-xs);
|
|
43
43
|
padding-bottom: var(--gap-xs);
|
|
44
44
|
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"row":"
|
|
15
|
+
var styles = {"row":"table__row_1dnem","selected":"table__selected_1dnem","expanded":"table__expanded_1dnem","expandable":"table__expandable_1dnem"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var TExpandableRow = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7umsm */
|
|
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
|
-
} .
|
|
17
|
+
} .table__row_1dnem {
|
|
18
18
|
cursor: pointer;
|
|
19
|
-
} .
|
|
19
|
+
} .table__selected_1dnem.table__expanded_1dnem {
|
|
20
20
|
background-color: inherit;
|
|
21
|
-
} .
|
|
21
|
+
} .table__expanded_1dnem:hover {
|
|
22
22
|
background-color: inherit;
|
|
23
|
-
} .
|
|
23
|
+
} .table__expandable_1dnem td {
|
|
24
24
|
margin: 0;
|
|
25
25
|
padding-top: 0;
|
|
26
26
|
padding-bottom: 0;
|
|
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
13
|
|
|
14
|
-
var styles = {"component":"
|
|
14
|
+
var styles = {"component":"table__component_qnnnx","row":"table__row_qnnnx"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var THead = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1l7cp */
|
|
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
|
-
} .
|
|
19
|
+
} .table__component_qnnnx {
|
|
20
20
|
position: relative;
|
|
21
21
|
width: 100%;
|
|
22
22
|
box-sizing: border-box
|
|
23
|
-
} .
|
|
23
|
+
} .table__component_qnnnx 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
|
-
} .
|
|
34
|
+
} .table__component_qnnnx th:after {
|
|
35
35
|
opacity: 0;
|
|
36
|
-
} .
|
|
36
|
+
} .table__component_qnnnx:hover th:after {
|
|
37
37
|
opacity: 1;
|
|
38
|
-
} .
|
|
38
|
+
} .table__row_qnnnx {
|
|
39
39
|
height: 72px;
|
|
40
40
|
}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"component":"
|
|
15
|
+
var styles = {"component":"table__component_d3xdm","stickyHeader":"table__stickyHeader_d3xdm","sortable":"table__sortable_d3xdm","sorted":"table__sorted_d3xdm","compactHorizontal":"table__compactHorizontal_d3xdm"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var THeadCell = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: gn4ak */
|
|
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
|
-
} .
|
|
24
|
+
} .table__component_d3xdm {
|
|
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
|
-
} .
|
|
39
|
+
} .table__component_d3xdm:first-child {
|
|
40
40
|
padding-left: var(--gap-m);
|
|
41
|
-
} .
|
|
41
|
+
} .table__component_d3xdm:last-child {
|
|
42
42
|
padding-right: var(--gap-m);
|
|
43
|
-
} .
|
|
43
|
+
} .table__component_d3xdm:not(.table__stickyHeader_d3xdm) {
|
|
44
44
|
position: relative;
|
|
45
|
-
} .
|
|
45
|
+
} .table__sortable_d3xdm {
|
|
46
46
|
cursor: pointer;
|
|
47
|
-
} .
|
|
47
|
+
} .table__sorted_d3xdm {
|
|
48
48
|
color: var(--color-light-text-primary);
|
|
49
|
-
} .
|
|
49
|
+
} .table__stickyHeader_d3xdm {
|
|
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
|
-
} .
|
|
55
|
+
} .table__compactHorizontal_d3xdm {
|
|
56
56
|
padding-left: 6px;
|
|
57
57
|
padding-right: 6px;
|
|
58
58
|
}
|
|
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
13
|
|
|
14
|
-
var styles = {"component":"
|
|
14
|
+
var styles = {"component":"table__component_3e6jz","withoutBorder":"table__withoutBorder_3e6jz","clickable":"table__clickable_3e6jz","selected":"table__selected_3e6jz"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var TRow = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ytmsj */
|
|
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
|
-
} .
|
|
20
|
+
} .table__component_3e6jz {
|
|
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
|
-
} .
|
|
26
|
+
} .table__component_3e6jz:first-child td {
|
|
27
27
|
border-top: 0;
|
|
28
|
-
} .
|
|
28
|
+
} .table__withoutBorder_3e6jz td {
|
|
29
29
|
border: none;
|
|
30
|
-
} .
|
|
30
|
+
} .table__clickable_3e6jz {
|
|
31
31
|
cursor: pointer
|
|
32
|
-
} .
|
|
32
|
+
} .table__clickable_3e6jz:hover {
|
|
33
33
|
background-color: var(--color-light-bg-secondary);
|
|
34
|
-
} .
|
|
34
|
+
} .table__selected_3e6jz {
|
|
35
35
|
background-color: #f2f8ff /* нет цвета в палитре */
|
|
36
|
-
} .
|
|
36
|
+
} .table__selected_3e6jz:hover {
|
|
37
37
|
background-color: var(--color-static-graphic-solitude);
|
|
38
38
|
}
|
|
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
16
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
17
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
18
|
|
|
19
|
-
var styles = {"content":"
|
|
19
|
+
var styles = {"content":"table__content_1iye8","icon":"table__icon_1iye8","reverse":"table__reverse_1iye8","sorted":"table__sorted_1iye8"};
|
|
20
20
|
require('./index.css')
|
|
21
21
|
|
|
22
22
|
var TSortableHeadCell = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 13mz8 */
|
|
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
|
-
} .
|
|
21
|
+
} .table__content_1iye8 {
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: flex-start;
|
|
24
|
-
} .
|
|
24
|
+
} .table__icon_1iye8 {
|
|
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
|
-
} .
|
|
36
|
+
} .table__icon_1iye8:hover {
|
|
37
37
|
color: var(--color-light-graphic-primary);
|
|
38
|
-
} .
|
|
38
|
+
} .table__reverse_1iye8 {
|
|
39
39
|
flex-direction: row-reverse
|
|
40
|
-
} .
|
|
40
|
+
} .table__reverse_1iye8 .table__icon_1iye8 {
|
|
41
41
|
margin-left: 0;
|
|
42
42
|
margin-right: var(--gap-xs);
|
|
43
|
-
} .
|
|
43
|
+
} .table__sorted_1iye8 {
|
|
44
44
|
color: var(--color-light-graphic-link)
|
|
45
|
-
} .
|
|
45
|
+
} .table__sorted_1iye8:hover {
|
|
46
46
|
color: var(--color-light-graphic-link);
|
|
47
47
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { CheckmarkProps } from "./typings-
|
|
3
|
+
import { CheckmarkProps } from "./typings-dd8ca091";
|
|
4
4
|
declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
|
|
5
5
|
export { BaseCheckmark };
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-92653002";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BaseSelectProps, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
|
|
3
3
|
type UseSelectWithApplyProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Список выбранных пунктов
|
|
@@ -21,6 +21,14 @@ type UseSelectWithApplyProps = {
|
|
|
21
21
|
* Пропсы, которые будут прокинуты в компонент списка
|
|
22
22
|
*/
|
|
23
23
|
optionsListProps?: BaseSelectProps['optionsListProps'];
|
|
24
|
+
/**
|
|
25
|
+
* Включает отображение поиска
|
|
26
|
+
*/
|
|
27
|
+
showSearch?: BaseSelectProps['showSearch'];
|
|
28
|
+
/**
|
|
29
|
+
* Настройки поиска
|
|
30
|
+
*/
|
|
31
|
+
searchProps?: BaseSelectProps['searchProps'];
|
|
24
32
|
/**
|
|
25
33
|
* Показывать кнопку очистки
|
|
26
34
|
*/
|
|
@@ -35,21 +43,21 @@ type UseSelectWithApplyProps = {
|
|
|
35
43
|
showHeaderWithSelectAll?: boolean;
|
|
36
44
|
};
|
|
37
45
|
declare const SELECT_ALL_KEY = "select_all";
|
|
38
|
-
declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
|
|
39
|
-
OptionsList: import("react").ForwardRefExoticComponent<import("./typings-
|
|
46
|
+
declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
|
|
47
|
+
OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
|
|
40
48
|
showClear?: boolean | undefined;
|
|
41
|
-
onClose?: (() => void) | undefined;
|
|
49
|
+
onClose?: (() => void) | undefined; /**
|
|
50
|
+
* Компонент выпадающего меню
|
|
51
|
+
*/
|
|
42
52
|
selectedDraft?: OptionShape[] | undefined;
|
|
43
|
-
OptionsList?: import("react").FC<import("./typings-
|
|
53
|
+
OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
44
54
|
Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
|
|
45
55
|
Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
|
|
46
|
-
headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
|
|
47
|
-
* Показывать кнопку очистки
|
|
48
|
-
*/
|
|
56
|
+
headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
|
|
49
57
|
showHeaderWithSelectAll?: boolean | undefined;
|
|
50
58
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
51
59
|
optionsListProps: {
|
|
52
|
-
OptionsList: import("react").FC<import("./typings-
|
|
60
|
+
OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
53
61
|
showClear: boolean;
|
|
54
62
|
onClear: () => void;
|
|
55
63
|
onApply: () => void;
|
|
@@ -64,12 +72,19 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
64
72
|
};
|
|
65
73
|
allowUnselect: boolean;
|
|
66
74
|
multiple: boolean;
|
|
67
|
-
options: (OptionShape | import("./typings-
|
|
75
|
+
options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
|
|
68
76
|
key: string;
|
|
69
77
|
content: string;
|
|
70
78
|
})[];
|
|
71
|
-
onChange: (payload: import("./typings-
|
|
79
|
+
onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
|
|
72
80
|
selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
|
|
81
|
+
showSearch: boolean | undefined;
|
|
82
|
+
searchProps: {
|
|
83
|
+
value: string;
|
|
84
|
+
onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
85
|
+
componentProps?: import("./index-c44170fe").InputProps | undefined;
|
|
86
|
+
accessor?: ((option: OptionShape) => string) | undefined;
|
|
87
|
+
} | undefined;
|
|
73
88
|
};
|
|
74
89
|
export * from "./Component-ebda875c";
|
|
75
90
|
export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
|
package/cssm/hook-ebda875c.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { OptionProps, OptionShape } from "./typings-
|
|
3
|
+
import { OptionProps, OptionShape } from "./typings-dd8ca091";
|
|
4
4
|
type OptionsFetcherResponse = {
|
|
5
5
|
options: OptionShape[];
|
|
6
6
|
hasMore: boolean;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
5
|
+
declare const isClient: () => boolean;
|
|
6
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
7
|
+
declare function easeInOutQuad(x: number): number;
|
|
8
|
+
declare const easingFns: {
|
|
9
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
10
|
+
};
|
|
11
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
12
|
+
declare const inputUtils: {
|
|
13
|
+
disableUserInput: typeof disableUserInput;
|
|
14
|
+
};
|
|
15
|
+
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils };
|
package/cssm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-2abb571d";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./component-
|
|
2
|
-
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-
|
|
1
|
+
export * from "./component-2abb571d";
|
|
2
|
+
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-92653002";
|
|
3
3
|
export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
|
|
@@ -210,6 +210,23 @@ type BaseSelectProps = {
|
|
|
210
210
|
* Компонент пункта меню
|
|
211
211
|
*/
|
|
212
212
|
Option?: FC<OptionProps>;
|
|
213
|
+
/**
|
|
214
|
+
* Включает отображение поиска
|
|
215
|
+
*/
|
|
216
|
+
showSearch?: boolean;
|
|
217
|
+
/**
|
|
218
|
+
* Компонент поиска
|
|
219
|
+
*/
|
|
220
|
+
Search?: FC<SearchProps & RefAttributes<HTMLInputElement>>;
|
|
221
|
+
/**
|
|
222
|
+
* Настройки поиска
|
|
223
|
+
*/
|
|
224
|
+
searchProps?: {
|
|
225
|
+
componentProps?: SearchProps;
|
|
226
|
+
accessor?: (option: OptionShape) => string;
|
|
227
|
+
value?: string;
|
|
228
|
+
onChange?: (value: string) => void;
|
|
229
|
+
};
|
|
213
230
|
/**
|
|
214
231
|
* Обработчик выбора
|
|
215
232
|
*/
|
|
@@ -345,6 +362,10 @@ type OptionsListProps = {
|
|
|
345
362
|
* Дополнительный класс для компонента группы пунктов
|
|
346
363
|
*/
|
|
347
364
|
optionGroupClassName?: string;
|
|
365
|
+
/**
|
|
366
|
+
* Дополнительный класс для скроллбара
|
|
367
|
+
*/
|
|
368
|
+
scrollbarClassName?: string;
|
|
348
369
|
/**
|
|
349
370
|
* Размер компонента
|
|
350
371
|
*/
|
|
@@ -547,4 +568,5 @@ type CheckmarkProps = {
|
|
|
547
568
|
*/
|
|
548
569
|
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
549
570
|
};
|
|
550
|
-
|
|
571
|
+
type SearchProps = InputProps;
|
|
572
|
+
export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps };
|