@megafon/ui-shared 5.17.0 → 6.0.0-beta.2
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/dist/es/components/AccordionBox/AccordionBox.css +1 -15
- package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
- package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
- package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
- package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
- package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
- package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
- package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
- package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/es/components/BannerBox/BannerBox.js +3 -12
- package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
- package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/es/components/BenefitsIcons/helpers.js +6 -20
- package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
- package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
- package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
- package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
- package/dist/es/components/BenefitsPictures/helpers.js +0 -14
- package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
- package/dist/es/components/BenefitsPictures/types.js +1 -0
- package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
- package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
- package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
- package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
- package/dist/es/components/Card/Card.d.ts +4 -4
- package/dist/es/components/Card/Card.js +25 -115
- package/dist/es/components/Card/types.d.ts +10 -10
- package/dist/es/components/Card/types.js +1 -0
- package/dist/es/components/CardsBox/CardsBox.js +3 -14
- package/dist/es/components/CardsBox/helpers.d.ts +2 -2
- package/dist/es/components/CardsBox/helpers.js +0 -4
- package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
- package/dist/es/components/Container/Container.d.ts +7 -5
- package/dist/es/components/Container/Container.js +10 -25
- package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
- package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
- package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
- package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
- package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -7
- package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
- package/dist/es/components/Instructions/Instructions.d.ts +11 -11
- package/dist/es/components/Instructions/Instructions.js +41 -94
- package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
- package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/es/components/PageTitle/PageTitle.js +12 -37
- package/dist/es/components/Partners/Partners.d.ts +2 -2
- package/dist/es/components/Partners/Partners.js +17 -48
- package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
- package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
- package/dist/es/components/Property/Property.d.ts +4 -4
- package/dist/es/components/Property/Property.js +37 -81
- package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/es/components/Property/PropertyDescription.js +8 -28
- package/dist/es/components/Property/types.d.ts +7 -5
- package/dist/es/components/Property/types.js +1 -0
- package/dist/es/components/Steps/Steps.d.ts +2 -1
- package/dist/es/components/Steps/Steps.js +4 -19
- package/dist/es/components/Steps/StepsItem.d.ts +2 -2
- package/dist/es/components/Steps/StepsItem.js +2 -9
- package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
- package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/es/components/StoreButton/StoreButton.js +13 -44
- package/dist/es/components/Table/Table.d.ts +1 -1
- package/dist/es/components/Table/Table.js +31 -51
- package/dist/es/components/Table/TableCell.js +0 -6
- package/dist/es/components/Table/TableRow.js +1 -10
- package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/es/components/TabsBox/TabsBox.js +4 -13
- package/dist/es/components/TextBox/TextBox.d.ts +2 -1
- package/dist/es/components/TextBox/TextBox.js +8 -23
- package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
- package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
- package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIconItem.js +6 -21
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
- package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
- package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/es/components/VideoBlock/VideoBlock.js +35 -75
- package/dist/es/helpers/getColumnConfig.d.ts +5 -1
- package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
- package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/lib/components/AccordionBox/AccordionBox.js +10 -66
- package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/lib/components/AudioPlayer/AudioPlayer.js +32 -56
- package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioProgress.js +12 -43
- package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioRange.js +9 -17
- package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioVolume.js +4 -23
- package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +5 -16
- package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
- package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/lib/components/BannerBox/BannerBox.js +7 -25
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +26 -86
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +13 -53
- package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/lib/components/BenefitsIcons/helpers.js +10 -37
- package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
- package/dist/lib/components/BenefitsIcons/types.js +5 -8
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +24 -71
- package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
- package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
- package/dist/lib/components/BenefitsPictures/helpers.js +9 -40
- package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
- package/dist/lib/components/BenefitsPictures/types.js +5 -1
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +18 -60
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +22 -55
- package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
- package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/lib/components/ButtonBanner/ButtonBanner.js +40 -89
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +29 -72
- package/dist/lib/components/Card/Card.d.ts +4 -4
- package/dist/lib/components/Card/Card.js +67 -164
- package/dist/lib/components/Card/types.d.ts +10 -10
- package/dist/lib/components/Card/types.js +5 -1
- package/dist/lib/components/CardsBox/CardsBox.js +7 -31
- package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
- package/dist/lib/components/CardsBox/helpers.js +1 -8
- package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/lib/components/CarouselBox/CarouselBox.js +15 -39
- package/dist/lib/components/Container/Container.d.ts +7 -5
- package/dist/lib/components/Container/Container.js +18 -40
- package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/lib/components/DownloadLinks/DownloadLink.js +17 -60
- package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/lib/components/DownloadLinks/DownloadLinks.js +8 -33
- package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
- package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
- package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
- package/dist/lib/components/ImageBanner/ImageBanner.js +61 -138
- package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
- package/dist/lib/components/Instructions/Instructions.js +103 -186
- package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/lib/components/NotificationBox/NotificationBox.js +9 -37
- package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/lib/components/PageTitle/PageTitle.js +15 -52
- package/dist/lib/components/Partners/Partners.d.ts +2 -2
- package/dist/lib/components/Partners/Partners.js +21 -65
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
- package/dist/lib/components/Property/Property.d.ts +4 -4
- package/dist/lib/components/Property/Property.js +60 -120
- package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/lib/components/Property/PropertyDescription.js +15 -46
- package/dist/lib/components/Property/types.d.ts +7 -5
- package/dist/lib/components/Property/types.js +5 -1
- package/dist/lib/components/Steps/Steps.d.ts +2 -1
- package/dist/lib/components/Steps/Steps.js +8 -35
- package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
- package/dist/lib/components/Steps/StepsItem.js +11 -23
- package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/lib/components/StoreBanner/StoreBanner.js +47 -118
- package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/lib/components/StoreButton/StoreButton.js +17 -63
- package/dist/lib/components/Table/Table.d.ts +1 -1
- package/dist/lib/components/Table/Table.js +35 -68
- package/dist/lib/components/Table/TableCell.js +4 -16
- package/dist/lib/components/Table/TableRow.js +5 -19
- package/dist/lib/components/TabsBox/TabBox.js +1 -4
- package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/lib/components/TabsBox/TabsBox.js +8 -26
- package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
- package/dist/lib/components/TextBox/TextBox.js +12 -36
- package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
- package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIcon.js +10 -39
- package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIconItem.js +10 -37
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +10 -40
- package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/lib/components/VideoBanner/VideoBanner.js +83 -176
- package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/lib/components/VideoBlock/VideoBlock.js +58 -114
- package/dist/lib/constants/throttleTime.js +2 -3
- package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
- package/dist/lib/helpers/getColumnConfig.js +2 -5
- package/dist/lib/index.js +10 -57
- package/package.json +87 -92
- package/CHANGELOG.md +0 -4002
- package/dist/es/components/AudioPlayer/style/AudioPlayer.css +0 -58
- package/dist/es/components/AudioPlayer/style/AudioProgress.css +0 -35
- package/dist/es/components/AudioPlayer/style/AudioRange.css +0 -68
- package/dist/es/components/AudioPlayer/style/AudioVolume.css +0 -34
- package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
- package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
- package/dist/es/components/Card/Card.css +0 -354
- package/dist/es/components/Container/Container.css +0 -3245
- package/dist/es/components/DownloadLinks/DownloadLink.css +0 -37
- package/dist/es/components/DownloadLinks/DownloadLinks.css +0 -36
- package/dist/es/components/ImageBanner/ImageBanner.css +0 -252
- package/dist/es/components/Instructions/Instructions.css +0 -790
- package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
- package/dist/es/components/PageTitle/PageTitle.css +0 -80
- package/dist/es/components/Partners/Partners.css +0 -53
- package/dist/es/components/PictureWithDescription/PictureWithDescription.css +0 -80
- package/dist/es/components/Property/Property.css +0 -156
- package/dist/es/components/Property/PropertyDescription.css +0 -17
- package/dist/es/components/Steps/Steps.css +0 -41
- package/dist/es/components/Steps/StepsItem.css +0 -42
- package/dist/es/components/StoreBanner/StoreBanner.css +0 -346
- package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
- package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
- package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
- package/dist/es/components/StoreButton/StoreButton.css +0 -327
- package/dist/es/components/Table/Table.css +0 -157
- package/dist/es/components/TextBox/TextBox.css +0 -25
- package/dist/es/components/TextBox/TextBoxPicture.css +0 -27
- package/dist/es/components/TextWithIcon/TextWithIcon.css +0 -10
- package/dist/es/components/TextWithIcon/TextWithIconItem.css +0 -29
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
- package/dist/es/components/VideoBanner/VideoBanner.css +0 -225
- package/dist/es/components/VideoBlock/VideoBlock.css +0 -106
- package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +0 -58
- package/dist/lib/components/AudioPlayer/style/AudioProgress.css +0 -35
- package/dist/lib/components/AudioPlayer/style/AudioRange.css +0 -68
- package/dist/lib/components/AudioPlayer/style/AudioVolume.css +0 -34
- package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
- package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
- package/dist/lib/components/Card/Card.css +0 -354
- package/dist/lib/components/Container/Container.css +0 -3245
- package/dist/lib/components/DownloadLinks/DownloadLink.css +0 -37
- package/dist/lib/components/DownloadLinks/DownloadLinks.css +0 -36
- package/dist/lib/components/ImageBanner/ImageBanner.css +0 -252
- package/dist/lib/components/Instructions/Instructions.css +0 -790
- package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
- package/dist/lib/components/PageTitle/PageTitle.css +0 -80
- package/dist/lib/components/Partners/Partners.css +0 -53
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +0 -80
- package/dist/lib/components/Property/Property.css +0 -156
- package/dist/lib/components/Property/PropertyDescription.css +0 -17
- package/dist/lib/components/Steps/Steps.css +0 -41
- package/dist/lib/components/Steps/StepsItem.css +0 -42
- package/dist/lib/components/StoreBanner/StoreBanner.css +0 -346
- package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
- package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
- package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
- package/dist/lib/components/StoreButton/StoreButton.css +0 -327
- package/dist/lib/components/Table/Table.css +0 -157
- package/dist/lib/components/TextBox/TextBox.css +0 -25
- package/dist/lib/components/TextBox/TextBoxPicture.css +0 -27
- package/dist/lib/components/TextWithIcon/TextWithIcon.css +0 -10
- package/dist/lib/components/TextWithIcon/TextWithIconItem.css +0 -29
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
- package/dist/lib/components/VideoBanner/VideoBanner.css +0 -225
- package/dist/lib/components/VideoBlock/VideoBlock.css +0 -106
@@ -1,13 +1,13 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { Props as StoreButtonPropsType } from '../StoreButton/StoreButton';
|
3
|
-
import './StoreBanner.
|
3
|
+
import './StoreBanner.scss';
|
4
4
|
export declare const Theme: {
|
5
5
|
readonly DEFAULT: "default";
|
6
6
|
readonly GREEN: "green";
|
7
7
|
readonly SPB_SKY_1: "spbSky1";
|
8
8
|
readonly SPB_SKY_0: "spbSky0";
|
9
9
|
};
|
10
|
-
|
10
|
+
type ThemeType = (typeof Theme)[keyof typeof Theme];
|
11
11
|
export declare const DeviceMask: {
|
12
12
|
readonly ANDROID: "android";
|
13
13
|
readonly NEW_IPHONE: "new-iphone";
|
@@ -16,9 +16,9 @@ export declare const DeviceMask: {
|
|
16
16
|
readonly WHITE_IPHONE: "white-iphone";
|
17
17
|
readonly IPHONE_12: "iphone-12";
|
18
18
|
};
|
19
|
-
|
20
|
-
|
21
|
-
|
19
|
+
type DeviceMaskType = (typeof DeviceMask)[keyof typeof DeviceMask];
|
20
|
+
type LinkHrefType = StoreButtonPropsType['href'];
|
21
|
+
type LinkOnClickType = StoreButtonPropsType['onClick'];
|
22
22
|
export interface IStoreBannerProps {
|
23
23
|
/** Заголовок */
|
24
24
|
title: string;
|
@@ -1,9 +1,7 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
import "core-js/modules/es.object.values.js";
|
3
2
|
import * as React from 'react';
|
4
|
-
import { Button, Grid, GridColumn, Header
|
3
|
+
import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
|
5
4
|
import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
|
6
|
-
import PropTypes from 'prop-types';
|
7
5
|
import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
|
8
6
|
import "./StoreBanner.css";
|
9
7
|
export var Theme = {
|
@@ -15,7 +13,6 @@ export var Theme = {
|
|
15
13
|
export var DeviceMask = {
|
16
14
|
ANDROID: 'android',
|
17
15
|
NEW_IPHONE: 'new-iphone',
|
18
|
-
|
19
16
|
/** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
|
20
17
|
BLACK_IPHONE: 'black-iphone',
|
21
18
|
WHITE_IPHONE: 'white-iphone',
|
@@ -23,48 +20,47 @@ export var DeviceMask = {
|
|
23
20
|
};
|
24
21
|
var testIdPrefix = 'StoreBanner';
|
25
22
|
var cn = cnCreate('mfui-store-banner');
|
26
|
-
|
27
23
|
var StoreBanner = function StoreBanner(_ref) {
|
28
24
|
var className = _ref.className,
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
25
|
+
_ref$classes = _ref.classes,
|
26
|
+
_ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
|
27
|
+
rootClassName = _ref$classes2.root,
|
28
|
+
appleLinkClassName = _ref$classes2.appleLink,
|
29
|
+
galaxyStoreLinkClassName = _ref$classes2.galaxyStoreLink,
|
30
|
+
googleLinkClassName = _ref$classes2.googleLink,
|
31
|
+
huaweiLinkClassName = _ref$classes2.huaweiLink,
|
32
|
+
miStoreLinkClassName = _ref$classes2.miStoreLink,
|
33
|
+
ruStoreLinkClassName = _ref$classes2.ruStoreLink,
|
34
|
+
vAppstoreLinkClassName = _ref$classes2.vAppstoreLink,
|
35
|
+
buttonClassName = _ref$classes2.button,
|
36
|
+
title = _ref.title,
|
37
|
+
text = _ref.text,
|
38
|
+
linkApple = _ref.linkApple,
|
39
|
+
linkGalaxyStore = _ref.linkGalaxyStore,
|
40
|
+
linkGoogle = _ref.linkGoogle,
|
41
|
+
linkHuawei = _ref.linkHuawei,
|
42
|
+
linkMiStore = _ref.linkMiStore,
|
43
|
+
linkRuStore = _ref.linkRuStore,
|
44
|
+
linkVAppstore = _ref.linkVAppstore,
|
45
|
+
linkButton = _ref.linkButton,
|
46
|
+
_ref$textButton = _ref.textButton,
|
47
|
+
textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
|
48
|
+
rel = _ref.rel,
|
49
|
+
qrCode = _ref.qrCode,
|
50
|
+
imageSrc = _ref.imageSrc,
|
51
|
+
_ref$theme = _ref.theme,
|
52
|
+
theme = _ref$theme === void 0 ? 'default' : _ref$theme,
|
53
|
+
deviceMask = _ref.deviceMask,
|
54
|
+
isContentLeftMobile = _ref.isContentLeftMobile,
|
55
|
+
rootRef = _ref.rootRef,
|
56
|
+
dataAttrs = _ref.dataAttrs,
|
57
|
+
onClickApple = _ref.onClickApple,
|
58
|
+
onClickGalaxyStore = _ref.onClickGalaxyStore,
|
59
|
+
onClickGoogle = _ref.onClickGoogle,
|
60
|
+
onClickHuawei = _ref.onClickHuawei,
|
61
|
+
onClickMiStore = _ref.onClickMiStore,
|
62
|
+
onClickRuStore = _ref.onClickRuStore,
|
63
|
+
onClickVAppstore = _ref.onClickVAppstore;
|
68
64
|
return /*#__PURE__*/React.createElement("div", _extends({
|
69
65
|
className: cn({
|
70
66
|
theme: theme,
|
@@ -86,9 +82,8 @@ var StoreBanner = function StoreBanner(_ref) {
|
|
86
82
|
as: "h2",
|
87
83
|
className: cn('title'),
|
88
84
|
color: "inherit"
|
89
|
-
}, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement(
|
85
|
+
}, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
|
90
86
|
className: cn('text'),
|
91
|
-
hasMargin: false,
|
92
87
|
color: "inherit"
|
93
88
|
}, convert(text, textConvertConfig)), /*#__PURE__*/React.createElement("div", {
|
94
89
|
className: cn('links', {
|
@@ -202,55 +197,4 @@ var StoreBanner = function StoreBanner(_ref) {
|
|
202
197
|
alt: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u043A\u0440\u0430\u043D\u0435 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430"
|
203
198
|
})))))));
|
204
199
|
};
|
205
|
-
|
206
|
-
StoreBanner.propTypes = {
|
207
|
-
title: PropTypes.string.isRequired,
|
208
|
-
text: PropTypes.string.isRequired,
|
209
|
-
linkApple: PropTypes.string,
|
210
|
-
onClickApple: PropTypes.func,
|
211
|
-
linkGalaxyStore: PropTypes.string,
|
212
|
-
onClickGalaxyStore: PropTypes.func,
|
213
|
-
linkGoogle: PropTypes.string,
|
214
|
-
onClickGoogle: PropTypes.func,
|
215
|
-
linkHuawei: PropTypes.string,
|
216
|
-
onClickHuawei: PropTypes.func,
|
217
|
-
linkMiStore: PropTypes.string,
|
218
|
-
onClickMiStore: PropTypes.func,
|
219
|
-
linkRuStore: PropTypes.string,
|
220
|
-
onClickRuStore: PropTypes.func,
|
221
|
-
linkVAppstore: PropTypes.string,
|
222
|
-
onClickVAppstore: PropTypes.func,
|
223
|
-
textButton: PropTypes.string,
|
224
|
-
linkButton: PropTypes.string,
|
225
|
-
rel: PropTypes.string,
|
226
|
-
qrCode: PropTypes.string,
|
227
|
-
deviceMask: PropTypes.oneOf(Object.values(DeviceMask)).isRequired,
|
228
|
-
imageSrc: PropTypes.string.isRequired,
|
229
|
-
className: PropTypes.string,
|
230
|
-
classes: PropTypes.shape({
|
231
|
-
appleLink: PropTypes.string,
|
232
|
-
galaxyStoreLink: PropTypes.string,
|
233
|
-
googleLink: PropTypes.string,
|
234
|
-
huaweiLink: PropTypes.string,
|
235
|
-
miStoreLink: PropTypes.string,
|
236
|
-
ruStoreLink: PropTypes.string,
|
237
|
-
vAppstoreLink: PropTypes.string,
|
238
|
-
button: PropTypes.string
|
239
|
-
}),
|
240
|
-
rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
|
241
|
-
current: PropTypes.elementType
|
242
|
-
}), PropTypes.any])]),
|
243
|
-
theme: PropTypes.oneOf(Object.values(Theme)),
|
244
|
-
dataAttrs: PropTypes.shape({
|
245
|
-
root: PropTypes.objectOf(PropTypes.string.isRequired),
|
246
|
-
button: PropTypes.objectOf(PropTypes.string.isRequired),
|
247
|
-
linkApple: PropTypes.objectOf(PropTypes.string.isRequired),
|
248
|
-
linkGalaxyStore: PropTypes.objectOf(PropTypes.string.isRequired),
|
249
|
-
linkGoogle: PropTypes.objectOf(PropTypes.string.isRequired),
|
250
|
-
linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired),
|
251
|
-
linkMiStore: PropTypes.objectOf(PropTypes.string.isRequired),
|
252
|
-
linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired),
|
253
|
-
linkVAppstore: PropTypes.objectOf(PropTypes.string.isRequired)
|
254
|
-
})
|
255
|
-
};
|
256
200
|
export default StoreBanner;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { Link } from '@megafon/ui-core';
|
3
|
-
import './StoreButton.
|
3
|
+
import './StoreButton.scss';
|
4
4
|
export declare enum ButtonSizes {
|
5
5
|
SMALL = "small",
|
6
6
|
MEDIUM = "medium",
|
@@ -15,8 +15,8 @@ export declare enum Theme {
|
|
15
15
|
RU_STORE = "ru-store",
|
16
16
|
V_APPSTORE = "v-appstore"
|
17
17
|
}
|
18
|
-
|
19
|
-
export
|
18
|
+
type LinkPropTypes = React.ComponentProps<typeof Link>;
|
19
|
+
export type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
|
20
20
|
/** Тема кнопки */
|
21
21
|
theme: Theme;
|
22
22
|
/** Дополнительный класс */
|
@@ -1,36 +1,25 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
import "core-js/modules/es.array.index-of.js";
|
3
2
|
import "core-js/modules/es.symbol.js";
|
4
|
-
import "core-js/modules/es.
|
5
|
-
|
3
|
+
import "core-js/modules/es.array.index-of.js";
|
6
4
|
var __rest = this && this.__rest || function (s, e) {
|
7
5
|
var t = {};
|
8
|
-
|
9
|
-
for (var p in s) {
|
10
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
11
|
-
}
|
12
|
-
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
13
7
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
14
8
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
15
9
|
}
|
16
10
|
return t;
|
17
11
|
};
|
18
|
-
|
19
12
|
import * as React from 'react';
|
20
13
|
import { Link } from '@megafon/ui-core';
|
21
14
|
import { cnCreate } from '@megafon/ui-helpers';
|
22
|
-
import PropTypes from 'prop-types';
|
23
15
|
import "./StoreButton.css";
|
24
16
|
export var ButtonSizes;
|
25
|
-
|
26
17
|
(function (ButtonSizes) {
|
27
18
|
ButtonSizes["SMALL"] = "small";
|
28
19
|
ButtonSizes["MEDIUM"] = "medium";
|
29
20
|
ButtonSizes["LARGE"] = "large";
|
30
21
|
})(ButtonSizes || (ButtonSizes = {}));
|
31
|
-
|
32
22
|
export var Theme;
|
33
|
-
|
34
23
|
(function (Theme) {
|
35
24
|
Theme["APP_STORE"] = "app-store";
|
36
25
|
Theme["GALAXY_STORE"] = "galaxy-store";
|
@@ -40,23 +29,20 @@ export var Theme;
|
|
40
29
|
Theme["RU_STORE"] = "ru-store";
|
41
30
|
Theme["V_APPSTORE"] = "v-appstore";
|
42
31
|
})(Theme || (Theme = {}));
|
43
|
-
|
44
32
|
var cn = cnCreate('mfui-store-button');
|
45
|
-
|
46
33
|
var StoreButton = function StoreButton(_a) {
|
47
34
|
var href = _a.href,
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
35
|
+
rel = _a.rel,
|
36
|
+
onClick = _a.onClick,
|
37
|
+
theme = _a.theme,
|
38
|
+
className = _a.className,
|
39
|
+
_a$sizeAll = _a.sizeAll,
|
40
|
+
sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
|
41
|
+
sizeWide = _a.sizeWide,
|
42
|
+
sizeDesktop = _a.sizeDesktop,
|
43
|
+
sizeTablet = _a.sizeTablet,
|
44
|
+
sizeMobile = _a.sizeMobile,
|
45
|
+
rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
|
60
46
|
return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
|
61
47
|
href: href,
|
62
48
|
rel: rel,
|
@@ -71,21 +57,4 @@ var StoreButton = function StoreButton(_a) {
|
|
71
57
|
}, className)
|
72
58
|
}));
|
73
59
|
};
|
74
|
-
|
75
|
-
StoreButton.propTypes = {
|
76
|
-
href: PropTypes.string.isRequired,
|
77
|
-
rel: PropTypes.string,
|
78
|
-
theme: PropTypes.oneOf(Object.values(Theme)).isRequired,
|
79
|
-
onClick: PropTypes.func,
|
80
|
-
className: PropTypes.string,
|
81
|
-
target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
|
82
|
-
sizeAll: PropTypes.oneOf(Object.values(ButtonSizes)),
|
83
|
-
sizeWide: PropTypes.oneOf(Object.values(ButtonSizes)),
|
84
|
-
sizeDesktop: PropTypes.oneOf(Object.values(ButtonSizes)),
|
85
|
-
sizeTablet: PropTypes.oneOf(Object.values(ButtonSizes)),
|
86
|
-
sizeMobile: PropTypes.oneOf(Object.values(ButtonSizes)),
|
87
|
-
dataAttrs: PropTypes.shape({
|
88
|
-
root: PropTypes.objectOf(PropTypes.string.isRequired)
|
89
|
-
})
|
90
|
-
};
|
91
60
|
export default StoreButton;
|
@@ -4,59 +4,49 @@ import * as React from 'react';
|
|
4
4
|
import { cnCreate, detectTouch } from '@megafon/ui-helpers';
|
5
5
|
import convert from 'htmr';
|
6
6
|
import throttle from 'lodash.throttle';
|
7
|
-
import * as PropTypes from 'prop-types';
|
8
7
|
import "./Table.css";
|
9
8
|
var cn = cnCreate('mfui-table');
|
10
|
-
|
11
9
|
var Table = function Table(_ref) {
|
12
10
|
var className = _ref.className,
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
11
|
+
_ref$fixColumn = _ref.fixColumn,
|
12
|
+
fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
|
13
|
+
_ref$minCellSize = _ref.minCellSize,
|
14
|
+
minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
|
15
|
+
_ref$disableHeightLim = _ref.disableHeightLimit,
|
16
|
+
disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
|
17
|
+
children = _ref.children;
|
20
18
|
var scrollRef = React.useRef(null);
|
21
|
-
|
22
19
|
var _React$useState = React.useState(false),
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
20
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
21
|
+
isTopShadow = _React$useState2[0],
|
22
|
+
setTopShadow = _React$useState2[1];
|
27
23
|
var _React$useState3 = React.useState(false),
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
24
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
25
|
+
isLeftShadow = _React$useState4[0],
|
26
|
+
setLeftShadow = _React$useState4[1];
|
32
27
|
var _React$useState5 = React.useState(false),
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
28
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
29
|
+
isRightGradient = _React$useState6[0],
|
30
|
+
setRightGradient = _React$useState6[1];
|
37
31
|
var _React$useState7 = React.useState(false),
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
32
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
33
|
+
isBottomGradient = _React$useState8[0],
|
34
|
+
setBottomGradient = _React$useState8[1];
|
42
35
|
var _React$useState9 = React.useState(false),
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
36
|
+
_React$useState10 = _slicedToArray(_React$useState9, 2),
|
37
|
+
isTouchDevice = _React$useState10[0],
|
38
|
+
setTouchDevice = _React$useState10[1];
|
47
39
|
var handleTableScroll = React.useCallback(function () {
|
48
40
|
var scrollNode = scrollRef.current;
|
49
|
-
|
50
41
|
if (!scrollNode) {
|
51
42
|
return;
|
52
43
|
}
|
53
|
-
|
54
44
|
var scrollHeight = scrollNode.scrollHeight,
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
45
|
+
clientHeight = scrollNode.clientHeight,
|
46
|
+
scrollTop = scrollNode.scrollTop,
|
47
|
+
scrollWidth = scrollNode.scrollWidth,
|
48
|
+
clientWidth = scrollNode.clientWidth,
|
49
|
+
scrollLeft = scrollNode.scrollLeft;
|
60
50
|
var deltaHeight = scrollHeight - clientHeight;
|
61
51
|
var deltaWidth = scrollWidth - clientWidth;
|
62
52
|
setRightGradient(deltaWidth !== Math.floor(scrollLeft));
|
@@ -75,14 +65,13 @@ var Table = function Table(_ref) {
|
|
75
65
|
React.useEffect(function () {
|
76
66
|
setTouchDevice(detectTouch());
|
77
67
|
}, []);
|
78
|
-
|
79
68
|
var renderRows = function renderRows() {
|
80
69
|
return React.Children.map(children, function (_ref2, index) {
|
81
70
|
var _ref2$props = _ref2.props,
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
71
|
+
cells = _ref2$props.children,
|
72
|
+
head = _ref2$props.head,
|
73
|
+
_ref2$props$vAlign = _ref2$props.vAlign,
|
74
|
+
vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
|
86
75
|
return /*#__PURE__*/React.createElement("tr", {
|
87
76
|
key: index,
|
88
77
|
className: cn('row', {
|
@@ -99,7 +88,6 @@ var Table = function Table(_ref) {
|
|
99
88
|
}));
|
100
89
|
});
|
101
90
|
};
|
102
|
-
|
103
91
|
return /*#__PURE__*/React.createElement("div", {
|
104
92
|
className: cn({
|
105
93
|
'fix-column': fixColumn,
|
@@ -124,12 +112,4 @@ var Table = function Table(_ref) {
|
|
124
112
|
className: cn('bottom-gradient')
|
125
113
|
})));
|
126
114
|
};
|
127
|
-
|
128
|
-
Table.propTypes = {
|
129
|
-
className: PropTypes.string,
|
130
|
-
fixColumn: PropTypes.bool,
|
131
|
-
minCellSize: PropTypes.oneOf(['small', 'large']),
|
132
|
-
disableHeightLimit: PropTypes.bool,
|
133
|
-
children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
|
134
|
-
};
|
135
115
|
export default Table;
|
@@ -1,12 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import * as PropTypes from 'prop-types';
|
3
|
-
|
4
2
|
var TableCell = function TableCell(_ref) {
|
5
3
|
var children = _ref.children;
|
6
4
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children && children);
|
7
5
|
};
|
8
|
-
|
9
|
-
TableCell.propTypes = {
|
10
|
-
children: PropTypes.node
|
11
|
-
};
|
12
6
|
export default TableCell;
|
@@ -1,16 +1,7 @@
|
|
1
|
+
/* eslint-disable react/no-unused-prop-types */
|
1
2
|
import * as React from 'react';
|
2
|
-
import * as PropTypes from 'prop-types';
|
3
|
-
|
4
3
|
var TableRow = function TableRow(_ref) {
|
5
4
|
var children = _ref.children;
|
6
5
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
7
6
|
};
|
8
|
-
|
9
|
-
TableRow.propTypes = {
|
10
|
-
// eslint-disable-next-line react/no-unused-prop-types
|
11
|
-
head: PropTypes.bool,
|
12
|
-
// eslint-disable-next-line react/no-unused-prop-types
|
13
|
-
vAlign: PropTypes.oneOf(['default', 'bottom', 'top']),
|
14
|
-
children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
|
15
|
-
};
|
16
7
|
export default TableRow;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { Tabs } from '@megafon/ui-core';
|
3
|
-
export
|
3
|
+
export type TabsPropsType = React.ComponentProps<typeof Tabs> & {
|
4
4
|
/** Ссылка на корневой элемент */
|
5
5
|
rootRef?: React.Ref<HTMLDivElement>;
|
6
6
|
};
|
@@ -1,33 +1,24 @@
|
|
1
|
-
import "core-js/modules/es.array.index-of.js";
|
2
1
|
import "core-js/modules/es.symbol.js";
|
3
|
-
|
2
|
+
import "core-js/modules/es.array.index-of.js";
|
4
3
|
var __rest = this && this.__rest || function (s, e) {
|
5
4
|
var t = {};
|
6
|
-
|
7
|
-
for (var p in s) {
|
8
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
9
|
-
}
|
10
|
-
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
11
6
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
12
7
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
13
8
|
}
|
14
9
|
return t;
|
15
10
|
};
|
16
|
-
|
17
11
|
import * as React from 'react';
|
18
12
|
import { Tabs } from '@megafon/ui-core';
|
19
13
|
import { cnCreate } from '@megafon/ui-helpers';
|
20
14
|
var cn = cnCreate('mfui-tabs-box');
|
21
|
-
|
22
15
|
var TabsBox = function TabsBox(_a) {
|
23
16
|
var rootRef = _a.rootRef,
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
children = _a.children,
|
18
|
+
props = __rest(_a, ["rootRef", "children"]);
|
27
19
|
return /*#__PURE__*/React.createElement("div", {
|
28
20
|
ref: rootRef,
|
29
21
|
className: cn()
|
30
22
|
}, /*#__PURE__*/React.createElement(Tabs, props, children));
|
31
23
|
};
|
32
|
-
|
33
24
|
export default TabsBox;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import './TextBox.
|
2
|
+
import './TextBox.scss';
|
3
3
|
export interface ITextBoxProps {
|
4
4
|
/** Центрирование текста по горизонтали */
|
5
5
|
textCenter?: boolean;
|
@@ -11,6 +11,7 @@ export interface ITextBoxProps {
|
|
11
11
|
rootRef?: React.Ref<HTMLDivElement>;
|
12
12
|
/** Дополнительный класс для корневого элемента */
|
13
13
|
className?: string;
|
14
|
+
children?: React.ReactNode;
|
14
15
|
}
|
15
16
|
declare const TextBox: React.FC<ITextBoxProps>;
|
16
17
|
export default TextBox;
|
@@ -1,27 +1,23 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { Grid, GridColumn } from '@megafon/ui-core';
|
3
3
|
import { cnCreate } from '@megafon/ui-helpers';
|
4
|
-
import * as PropTypes from 'prop-types';
|
5
4
|
import "./TextBox.css";
|
6
5
|
var cn = cnCreate('mfui-text-box');
|
7
|
-
|
8
6
|
var TextBox = function TextBox(_ref) {
|
9
7
|
var _ref$textCenter = _ref.textCenter,
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
8
|
+
textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
|
9
|
+
_ref$centeringWithLim = _ref.centeringWithLimitedWidth,
|
10
|
+
centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
|
11
|
+
_ref$isFullWidth = _ref.isFullWidth,
|
12
|
+
isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
|
13
|
+
rootRef = _ref.rootRef,
|
14
|
+
className = _ref.className,
|
15
|
+
children = _ref.children;
|
19
16
|
var renderContent = function renderContent() {
|
20
17
|
return /*#__PURE__*/React.createElement("div", {
|
21
18
|
className: cn('content')
|
22
19
|
}, children);
|
23
20
|
};
|
24
|
-
|
25
21
|
var renderTextBoxWithGrid = function renderTextBoxWithGrid() {
|
26
22
|
return /*#__PURE__*/React.createElement(Grid, {
|
27
23
|
hAlign: centeringWithLimitedWidth ? 'center' : 'left',
|
@@ -37,7 +33,6 @@ var TextBox = function TextBox(_ref) {
|
|
37
33
|
mobile: "12"
|
38
34
|
}, renderContent()));
|
39
35
|
};
|
40
|
-
|
41
36
|
return /*#__PURE__*/React.createElement("div", {
|
42
37
|
className: cn({
|
43
38
|
'text-center': textCenter
|
@@ -45,14 +40,4 @@ var TextBox = function TextBox(_ref) {
|
|
45
40
|
ref: rootRef
|
46
41
|
}, isFullWidth ? renderContent() : renderTextBoxWithGrid());
|
47
42
|
};
|
48
|
-
|
49
|
-
TextBox.propTypes = {
|
50
|
-
textCenter: PropTypes.bool,
|
51
|
-
centeringWithLimitedWidth: PropTypes.bool,
|
52
|
-
isFullWidth: PropTypes.bool,
|
53
|
-
rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
|
54
|
-
current: PropTypes.elementType
|
55
|
-
}), PropTypes.any])]),
|
56
|
-
className: PropTypes.string
|
57
|
-
};
|
58
43
|
export default TextBox;
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import './TextBoxPicture.
|
2
|
+
import './TextBoxPicture.scss';
|
3
3
|
export declare const pictureMarginTypes: {
|
4
4
|
readonly DEFAULT: "default";
|
5
5
|
readonly BIG_TOP: "big-top";
|
6
6
|
readonly BIG_BOTTOM: "big-bottom";
|
7
7
|
readonly BIG_VERTICAL: "big-vertical";
|
8
8
|
};
|
9
|
-
|
9
|
+
type PictureMarginTypesType = (typeof pictureMarginTypes)[keyof typeof pictureMarginTypes];
|
10
10
|
export interface ITextBoxPictureProps {
|
11
11
|
/** URL картинки */
|
12
12
|
url: string;
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { cnCreate } from '@megafon/ui-helpers';
|
3
|
-
import * as PropTypes from 'prop-types';
|
4
3
|
import "./TextBoxPicture.css";
|
5
4
|
export var pictureMarginTypes = {
|
6
5
|
DEFAULT: 'default',
|
@@ -9,14 +8,13 @@ export var pictureMarginTypes = {
|
|
9
8
|
BIG_VERTICAL: 'big-vertical'
|
10
9
|
};
|
11
10
|
var cn = cnCreate('mfui-text-box-picture');
|
12
|
-
|
13
11
|
var TextBoxPicture = function TextBoxPicture(_ref) {
|
14
12
|
var url = _ref.url,
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
13
|
+
_ref$margin = _ref.margin,
|
14
|
+
margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
|
15
|
+
alt = _ref.alt,
|
16
|
+
_ref$disableBorder = _ref.disableBorder,
|
17
|
+
disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
|
20
18
|
return /*#__PURE__*/React.createElement("div", {
|
21
19
|
className: cn({
|
22
20
|
margin: margin
|
@@ -29,11 +27,4 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
|
|
29
27
|
alt: alt
|
30
28
|
}));
|
31
29
|
};
|
32
|
-
|
33
|
-
TextBoxPicture.propTypes = {
|
34
|
-
url: PropTypes.string.isRequired,
|
35
|
-
margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
|
36
|
-
alt: PropTypes.string,
|
37
|
-
disableBorder: PropTypes.bool
|
38
|
-
};
|
39
30
|
export default TextBoxPicture;
|