@alfalab/core-components-picker-button 11.5.0 → 11.5.1
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/Component-c44170fe.d.ts +1 -1
- package/cssm/index-a5b021bd.d.ts +2 -1
- package/cssm/{types-1b036d4b.d.ts → types-1328ead9.d.ts} +8 -0
- package/cssm/typings-c29389e5.d.ts +11 -1
- package/{modern/useSkeleton-1b036d4b.d.ts → cssm/use-skeleton-1328ead9.d.ts} +1 -1
- package/desktop/Component.desktop.js +1 -1
- package/esm/desktop/Component.desktop.js +1 -1
- package/esm/field/Component.js +1 -1
- package/esm/field/index.css +6 -6
- package/esm/index-a5b021bd.d.ts +2 -1
- package/esm/index.css +5 -5
- package/esm/option/Component.js +1 -1
- package/esm/option/index.css +4 -4
- package/{modern/types-1b036d4b.d.ts → esm/types-1328ead9.d.ts} +8 -0
- package/esm/typings-c29389e5.d.ts +11 -1
- package/{cssm/useSkeleton-1b036d4b.d.ts → esm/use-skeleton-1328ead9.d.ts} +1 -1
- package/field/Component.js +1 -1
- package/field/index.css +6 -6
- package/index-a5b021bd.d.ts +2 -1
- package/index.css +5 -5
- package/modern/desktop/Component.desktop.js +1 -1
- package/modern/field/Component.js +1 -1
- package/modern/field/index.css +6 -6
- package/modern/index-a5b021bd.d.ts +2 -1
- package/modern/index.css +5 -5
- package/modern/option/Component.js +1 -1
- package/modern/option/index.css +4 -4
- package/{esm/types-1b036d4b.d.ts → modern/types-1328ead9.d.ts} +8 -0
- package/modern/typings-c29389e5.d.ts +11 -1
- package/{useSkeleton-1b036d4b.d.ts → modern/use-skeleton-1328ead9.d.ts} +1 -1
- package/option/Component.js +1 -1
- package/option/index.css +4 -4
- package/package.json +3 -3
- package/{types-1b036d4b.d.ts → types-1328ead9.d.ts} +8 -0
- package/typings-c29389e5.d.ts +11 -1
- package/{esm/useSkeleton-1b036d4b.d.ts → use-skeleton-1328ead9.d.ts} +1 -1
package/Component-c44170fe.d.ts
CHANGED
|
@@ -145,7 +145,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
|
|
|
145
145
|
*/
|
|
146
146
|
disableUserInput?: boolean;
|
|
147
147
|
};
|
|
148
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
148
|
+
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
|
|
149
149
|
/**
|
|
150
150
|
* Значение поля ввода
|
|
151
151
|
*/
|
package/cssm/index-a5b021bd.d.ts
CHANGED
|
@@ -11,7 +11,8 @@ declare const os: {
|
|
|
11
11
|
isIOS: typeof isIOS;
|
|
12
12
|
isApplePlatform: typeof isApplePlatform;
|
|
13
13
|
};
|
|
14
|
-
declare
|
|
14
|
+
declare function getDataTestId(dataTestId: string, element: string): string;
|
|
15
|
+
declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
|
|
15
16
|
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
16
17
|
declare function easeInOutQuad(x: number): number;
|
|
17
18
|
declare const easingFns: {
|
|
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
|
|
|
9
9
|
* Ширина строки
|
|
10
10
|
*/
|
|
11
11
|
width?: WidthUnit | WidthUnit[];
|
|
12
|
+
/**
|
|
13
|
+
* Выравнивание элементов по горизонтали
|
|
14
|
+
*/
|
|
15
|
+
align?: 'left' | 'center' | 'right';
|
|
16
|
+
/**
|
|
17
|
+
* Класс для обертки скелетона
|
|
18
|
+
*/
|
|
19
|
+
wrapperClassName?: string;
|
|
12
20
|
};
|
|
13
21
|
export { TextElementType, TextSkeletonProps };
|
|
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
|
|
|
341
341
|
Footer: React.FC<FooterProps>;
|
|
342
342
|
Controls: React.FC<ControlsProps>;
|
|
343
343
|
};
|
|
344
|
+
declare function getModalTestIds(dataTestId: string): {
|
|
345
|
+
modal: string;
|
|
346
|
+
content: string;
|
|
347
|
+
footer: string;
|
|
348
|
+
controls: string;
|
|
349
|
+
header: string;
|
|
350
|
+
title: string;
|
|
351
|
+
closer: string;
|
|
352
|
+
backButton: string;
|
|
353
|
+
};
|
|
344
354
|
type FooterProps$0 = {
|
|
345
355
|
/**
|
|
346
356
|
* Контент футера
|
|
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
|
|
|
1025
1035
|
*/
|
|
1026
1036
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
1027
1037
|
};
|
|
1028
|
-
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1038
|
+
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1029
1039
|
export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
|
|
1030
1040
|
export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
|
|
1031
1041
|
export { ModalContext } from "./Context-c2e6f1b2";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
-
import { TextSkeletonProps } from "./types-
|
|
4
|
+
import { TextSkeletonProps } from "./types-1328ead9";
|
|
5
5
|
type SkeletonProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Флаг, явно задающий состояние, при котором контент закрывается прелоадером
|
|
@@ -21,7 +21,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
22
22
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
23
23
|
|
|
24
|
-
var styles = {"container":"picker-
|
|
24
|
+
var styles = {"container":"picker-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
|
|
25
25
|
require('./../index.css')
|
|
26
26
|
|
|
27
27
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
12
12
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
13
13
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
14
14
|
|
|
15
|
-
var styles = {"container":"picker-
|
|
15
|
+
var styles = {"container":"picker-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
|
|
16
16
|
require('./../index.css')
|
|
17
17
|
|
|
18
18
|
var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
package/esm/field/Component.js
CHANGED
|
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
8
8
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
9
9
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
10
10
|
|
|
11
|
-
var styles = {"iconContainer":"picker-
|
|
11
|
+
var styles = {"iconContainer":"picker-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var Field = function (_a) {
|
package/esm/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1aymt */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
19
|
--arrow-transform: rotate(180deg);
|
|
20
|
-
} .picker-
|
|
20
|
+
} .picker-button__iconContainer_xkcze {
|
|
21
21
|
display: flex;
|
|
22
22
|
transition: transform 0.15s ease-in-out;
|
|
23
|
-
} .picker-
|
|
23
|
+
} .picker-button__addonsContainer_xkcze {
|
|
24
24
|
display: flex
|
|
25
|
-
} .picker-
|
|
25
|
+
} .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
|
|
26
26
|
margin-right: var(--gap-2xs);
|
|
27
|
-
} .picker-
|
|
27
|
+
} .picker-button__open_xkcze {
|
|
28
28
|
transform: var(--arrow-transform);
|
|
29
|
-
} .picker-
|
|
29
|
+
} .picker-button__linkOpen_xkcze:not(:hover) {
|
|
30
30
|
background-color: var(--color-light-transparent-default-hover);
|
|
31
31
|
}
|
package/esm/index-a5b021bd.d.ts
CHANGED
|
@@ -11,7 +11,8 @@ declare const os: {
|
|
|
11
11
|
isIOS: typeof isIOS;
|
|
12
12
|
isApplePlatform: typeof isApplePlatform;
|
|
13
13
|
};
|
|
14
|
-
declare
|
|
14
|
+
declare function getDataTestId(dataTestId: string, element: string): string;
|
|
15
|
+
declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
|
|
15
16
|
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
16
17
|
declare function easeInOutQuad(x: number): number;
|
|
17
18
|
declare const easingFns: {
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1rbx1 */
|
|
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 */
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__container_1ol27 {
|
|
20
20
|
min-width: auto;
|
|
21
|
-
} .cc-picker-button.picker-
|
|
21
|
+
} .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
|
|
22
22
|
padding: 0 var(--gap-xs);
|
|
23
|
-
} .cc-picker-button .picker-
|
|
23
|
+
} .cc-picker-button .picker-button__option_1ol27 {
|
|
24
24
|
padding: 0 var(--gap-m)
|
|
25
|
-
} .cc-picker-button .picker-
|
|
25
|
+
} .cc-picker-button .picker-button__option_1ol27:before {
|
|
26
26
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
package/esm/option/Component.js
CHANGED
|
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Option = function (_a) {
|
package/esm/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: i4app */
|
|
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 */
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_1919h {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_1919h {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_1919h {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
|
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
|
|
|
9
9
|
* Ширина строки
|
|
10
10
|
*/
|
|
11
11
|
width?: WidthUnit | WidthUnit[];
|
|
12
|
+
/**
|
|
13
|
+
* Выравнивание элементов по горизонтали
|
|
14
|
+
*/
|
|
15
|
+
align?: 'left' | 'center' | 'right';
|
|
16
|
+
/**
|
|
17
|
+
* Класс для обертки скелетона
|
|
18
|
+
*/
|
|
19
|
+
wrapperClassName?: string;
|
|
12
20
|
};
|
|
13
21
|
export { TextElementType, TextSkeletonProps };
|
|
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
|
|
|
341
341
|
Footer: React.FC<FooterProps>;
|
|
342
342
|
Controls: React.FC<ControlsProps>;
|
|
343
343
|
};
|
|
344
|
+
declare function getModalTestIds(dataTestId: string): {
|
|
345
|
+
modal: string;
|
|
346
|
+
content: string;
|
|
347
|
+
footer: string;
|
|
348
|
+
controls: string;
|
|
349
|
+
header: string;
|
|
350
|
+
title: string;
|
|
351
|
+
closer: string;
|
|
352
|
+
backButton: string;
|
|
353
|
+
};
|
|
344
354
|
type FooterProps$0 = {
|
|
345
355
|
/**
|
|
346
356
|
* Контент футера
|
|
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
|
|
|
1025
1035
|
*/
|
|
1026
1036
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
1027
1037
|
};
|
|
1028
|
-
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1038
|
+
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1029
1039
|
export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
|
|
1030
1040
|
export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
|
|
1031
1041
|
export { ModalContext } from "./Context-c2e6f1b2";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
-
import { TextSkeletonProps } from "./types-
|
|
4
|
+
import { TextSkeletonProps } from "./types-1328ead9";
|
|
5
5
|
type SkeletonProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Флаг, явно задающий состояние, при котором контент закрывается прелоадером
|
package/field/Component.js
CHANGED
|
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
18
18
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
19
19
|
|
|
20
|
-
var styles = {"iconContainer":"picker-
|
|
20
|
+
var styles = {"iconContainer":"picker-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
23
|
var Field = function (_a) {
|
package/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1aymt */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
19
|
--arrow-transform: rotate(180deg);
|
|
20
|
-
} .picker-
|
|
20
|
+
} .picker-button__iconContainer_xkcze {
|
|
21
21
|
display: flex;
|
|
22
22
|
transition: transform 0.15s ease-in-out;
|
|
23
|
-
} .picker-
|
|
23
|
+
} .picker-button__addonsContainer_xkcze {
|
|
24
24
|
display: flex
|
|
25
|
-
} .picker-
|
|
25
|
+
} .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
|
|
26
26
|
margin-right: var(--gap-2xs);
|
|
27
|
-
} .picker-
|
|
27
|
+
} .picker-button__open_xkcze {
|
|
28
28
|
transform: var(--arrow-transform);
|
|
29
|
-
} .picker-
|
|
29
|
+
} .picker-button__linkOpen_xkcze:not(:hover) {
|
|
30
30
|
background-color: var(--color-light-transparent-default-hover);
|
|
31
31
|
}
|
package/index-a5b021bd.d.ts
CHANGED
|
@@ -11,7 +11,8 @@ declare const os: {
|
|
|
11
11
|
isIOS: typeof isIOS;
|
|
12
12
|
isApplePlatform: typeof isApplePlatform;
|
|
13
13
|
};
|
|
14
|
-
declare
|
|
14
|
+
declare function getDataTestId(dataTestId: string, element: string): string;
|
|
15
|
+
declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
|
|
15
16
|
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
16
17
|
declare function easeInOutQuad(x: number): number;
|
|
17
18
|
declare const easingFns: {
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1rbx1 */
|
|
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 */
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__container_1ol27 {
|
|
20
20
|
min-width: auto;
|
|
21
|
-
} .cc-picker-button.picker-
|
|
21
|
+
} .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
|
|
22
22
|
padding: 0 var(--gap-xs);
|
|
23
|
-
} .cc-picker-button .picker-
|
|
23
|
+
} .cc-picker-button .picker-button__option_1ol27 {
|
|
24
24
|
padding: 0 var(--gap-m)
|
|
25
|
-
} .cc-picker-button .picker-
|
|
25
|
+
} .cc-picker-button .picker-button__option_1ol27:before {
|
|
26
26
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
|
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
11
11
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
12
12
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
13
13
|
|
|
14
|
-
const styles = {"container":"picker-
|
|
14
|
+
const styles = {"container":"picker-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
|
|
15
15
|
require('./../index.css')
|
|
16
16
|
|
|
17
17
|
const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
|
|
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
|
7
7
|
import '@alfalab/icons-glyph/MoreMIcon';
|
|
8
8
|
import '@alfalab/icons-glyph/MoreSIcon';
|
|
9
9
|
|
|
10
|
-
const styles = {"iconContainer":"picker-
|
|
10
|
+
const styles = {"iconContainer":"picker-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
|
package/modern/field/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1aymt */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
19
|
--arrow-transform: rotate(180deg);
|
|
20
|
-
} .picker-
|
|
20
|
+
} .picker-button__iconContainer_xkcze {
|
|
21
21
|
display: flex;
|
|
22
22
|
transition: transform 0.15s ease-in-out;
|
|
23
|
-
} .picker-
|
|
23
|
+
} .picker-button__addonsContainer_xkcze {
|
|
24
24
|
display: flex
|
|
25
|
-
} .picker-
|
|
25
|
+
} .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
|
|
26
26
|
margin-right: var(--gap-2xs);
|
|
27
|
-
} .picker-
|
|
27
|
+
} .picker-button__open_xkcze {
|
|
28
28
|
transform: var(--arrow-transform);
|
|
29
|
-
} .picker-
|
|
29
|
+
} .picker-button__linkOpen_xkcze:not(:hover) {
|
|
30
30
|
background-color: var(--color-light-transparent-default-hover);
|
|
31
31
|
}
|
|
@@ -11,7 +11,8 @@ declare const os: {
|
|
|
11
11
|
isIOS: typeof isIOS;
|
|
12
12
|
isApplePlatform: typeof isApplePlatform;
|
|
13
13
|
};
|
|
14
|
-
declare
|
|
14
|
+
declare function getDataTestId(dataTestId: string, element: string): string;
|
|
15
|
+
declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
|
|
15
16
|
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
16
17
|
declare function easeInOutQuad(x: number): number;
|
|
17
18
|
declare const easingFns: {
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1rbx1 */
|
|
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 */
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .picker-
|
|
19
|
+
} .picker-button__container_1ol27 {
|
|
20
20
|
min-width: auto;
|
|
21
|
-
} .cc-picker-button.picker-
|
|
21
|
+
} .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
|
|
22
22
|
padding: 0 var(--gap-xs);
|
|
23
|
-
} .cc-picker-button .picker-
|
|
23
|
+
} .cc-picker-button .picker-button__option_1ol27 {
|
|
24
24
|
padding: 0 var(--gap-m)
|
|
25
|
-
} .cc-picker-button .picker-
|
|
25
|
+
} .cc-picker-button .picker-button__option_1ol27:before {
|
|
26
26
|
/* Удаляем разделители у опций выпадающего списка. */
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Option as Option$1 } from '@alfalab/core-components-select/modern/shared';
|
|
3
3
|
|
|
4
|
-
const styles = {"container":"picker-
|
|
4
|
+
const styles = {"container":"picker-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Option = ({ option, children, ...restProps }) => {
|
package/modern/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: i4app */
|
|
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 */
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_1919h {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_1919h {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_1919h {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
|
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
|
|
|
9
9
|
* Ширина строки
|
|
10
10
|
*/
|
|
11
11
|
width?: WidthUnit | WidthUnit[];
|
|
12
|
+
/**
|
|
13
|
+
* Выравнивание элементов по горизонтали
|
|
14
|
+
*/
|
|
15
|
+
align?: 'left' | 'center' | 'right';
|
|
16
|
+
/**
|
|
17
|
+
* Класс для обертки скелетона
|
|
18
|
+
*/
|
|
19
|
+
wrapperClassName?: string;
|
|
12
20
|
};
|
|
13
21
|
export { TextElementType, TextSkeletonProps };
|
|
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
|
|
|
341
341
|
Footer: React.FC<FooterProps>;
|
|
342
342
|
Controls: React.FC<ControlsProps>;
|
|
343
343
|
};
|
|
344
|
+
declare function getModalTestIds(dataTestId: string): {
|
|
345
|
+
modal: string;
|
|
346
|
+
content: string;
|
|
347
|
+
footer: string;
|
|
348
|
+
controls: string;
|
|
349
|
+
header: string;
|
|
350
|
+
title: string;
|
|
351
|
+
closer: string;
|
|
352
|
+
backButton: string;
|
|
353
|
+
};
|
|
344
354
|
type FooterProps$0 = {
|
|
345
355
|
/**
|
|
346
356
|
* Контент футера
|
|
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
|
|
|
1025
1035
|
*/
|
|
1026
1036
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
1027
1037
|
};
|
|
1028
|
-
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1038
|
+
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1029
1039
|
export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
|
|
1030
1040
|
export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
|
|
1031
1041
|
export { ModalContext } from "./Context-c2e6f1b2";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
-
import { TextSkeletonProps } from "./types-
|
|
4
|
+
import { TextSkeletonProps } from "./types-1328ead9";
|
|
5
5
|
type SkeletonProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Флаг, явно задающий состояние, при котором контент закрывается прелоадером
|
package/option/Component.js
CHANGED
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"container":"picker-
|
|
13
|
+
var styles = {"container":"picker-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Option = function (_a) {
|
package/option/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: i4app */
|
|
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 */
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
--gap-s: 12px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .picker-
|
|
18
|
+
} .picker-button__container_1919h {
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
|
-
} .picker-
|
|
21
|
+
} .picker-button__icon_1919h {
|
|
22
22
|
display: flex;
|
|
23
23
|
margin-right: var(--gap-s);
|
|
24
|
-
} .picker-
|
|
24
|
+
} .picker-button__content_1919h {
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
flex: 1;
|
|
27
27
|
text-overflow: ellipsis;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "11.5.
|
|
3
|
+
"version": "11.5.1",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-button": "^11.1.
|
|
19
|
-
"@alfalab/core-components-select": "^17.1.
|
|
18
|
+
"@alfalab/core-components-button": "^11.1.1",
|
|
19
|
+
"@alfalab/core-components-select": "^17.1.1",
|
|
20
20
|
"@alfalab/core-components-popover": "^6.2.1",
|
|
21
21
|
"@alfalab/hooks": "^1.13.0",
|
|
22
22
|
"@alfalab/icons-glyph": "^2.139.0",
|
|
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
|
|
|
9
9
|
* Ширина строки
|
|
10
10
|
*/
|
|
11
11
|
width?: WidthUnit | WidthUnit[];
|
|
12
|
+
/**
|
|
13
|
+
* Выравнивание элементов по горизонтали
|
|
14
|
+
*/
|
|
15
|
+
align?: 'left' | 'center' | 'right';
|
|
16
|
+
/**
|
|
17
|
+
* Класс для обертки скелетона
|
|
18
|
+
*/
|
|
19
|
+
wrapperClassName?: string;
|
|
12
20
|
};
|
|
13
21
|
export { TextElementType, TextSkeletonProps };
|
package/typings-c29389e5.d.ts
CHANGED
|
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
|
|
|
341
341
|
Footer: React.FC<FooterProps>;
|
|
342
342
|
Controls: React.FC<ControlsProps>;
|
|
343
343
|
};
|
|
344
|
+
declare function getModalTestIds(dataTestId: string): {
|
|
345
|
+
modal: string;
|
|
346
|
+
content: string;
|
|
347
|
+
footer: string;
|
|
348
|
+
controls: string;
|
|
349
|
+
header: string;
|
|
350
|
+
title: string;
|
|
351
|
+
closer: string;
|
|
352
|
+
backButton: string;
|
|
353
|
+
};
|
|
344
354
|
type FooterProps$0 = {
|
|
345
355
|
/**
|
|
346
356
|
* Контент футера
|
|
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
|
|
|
1025
1035
|
*/
|
|
1026
1036
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
1027
1037
|
};
|
|
1028
|
-
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1038
|
+
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1029
1039
|
export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
|
|
1030
1040
|
export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
|
|
1031
1041
|
export { ModalContext } from "./Context-c2e6f1b2";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
-
import { TextSkeletonProps } from "./types-
|
|
4
|
+
import { TextSkeletonProps } from "./types-1328ead9";
|
|
5
5
|
type SkeletonProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Флаг, явно задающий состояние, при котором контент закрывается прелоадером
|