@megafon/ui-shared 6.0.0-beta.3 → 6.0.0
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/CHANGELOG.md +4031 -0
- package/dist/es/components/AccordionBox/AccordionBox.css +15 -1
- package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/es/components/AccordionBox/AccordionBox.js +49 -6
- package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/es/components/AudioPlayer/AudioPlayer.js +27 -11
- package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioProgress.js +22 -10
- package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioRange.js +10 -8
- package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioVolume.js +12 -3
- package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +10 -4
- package/dist/es/components/AudioPlayer/style/AudioPlayer.css +58 -1
- package/dist/es/components/AudioPlayer/style/AudioProgress.css +35 -1
- package/dist/es/components/AudioPlayer/style/AudioRange.css +68 -1
- package/dist/es/components/AudioPlayer/style/AudioVolume.css +34 -1
- package/dist/es/components/AudioPlayer/timerFormatUtil.js +9 -1
- package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/es/components/BannerBox/BannerBox.js +12 -3
- package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIcons.js +64 -23
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +36 -9
- package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/es/components/BenefitsIcons/helpers.js +20 -6
- package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +38 -1
- package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +90 -1
- 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 +49 -19
- package/dist/es/components/BenefitsPictures/BenfitsPictures.css +43 -1
- package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
- package/dist/es/components/BenefitsPictures/helpers.js +14 -0
- package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
- package/dist/es/components/BenefitsPictures/types.js +0 -1
- package/dist/es/components/Breadcrumbs/Breadcrumbs.css +43 -1
- package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +39 -10
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -1
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +36 -11
- package/dist/es/components/ButtonBanner/ButtonBanner.css +122 -1
- package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/es/components/ButtonBanner/ButtonBanner.js +53 -22
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +19 -1
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +51 -20
- package/dist/es/components/Card/Card.css +354 -1
- package/dist/es/components/Card/Card.d.ts +4 -4
- package/dist/es/components/Card/Card.js +115 -25
- package/dist/es/components/Card/types.d.ts +10 -10
- package/dist/es/components/Card/types.js +0 -1
- package/dist/es/components/CardsBox/CardsBox.js +14 -3
- package/dist/es/components/CardsBox/helpers.d.ts +2 -2
- package/dist/es/components/CardsBox/helpers.js +4 -0
- package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/es/components/CarouselBox/CarouselBox.js +24 -11
- package/dist/es/components/Container/Container.css +3287 -1
- package/dist/es/components/Container/Container.d.ts +5 -7
- package/dist/es/components/Container/Container.js +25 -10
- package/dist/es/components/DownloadLinks/DownloadLink.css +37 -1
- package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/es/components/DownloadLinks/DownloadLink.js +44 -13
- package/dist/es/components/DownloadLinks/DownloadLinks.css +36 -1
- package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/es/components/DownloadLinks/DownloadLinks.js +13 -2
- package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +2 -5
- package/dist/es/components/FaqWrapper/FaqWrapper.js +3 -1
- package/dist/es/components/ImageBanner/ImageBanner.css +252 -1
- package/dist/es/components/ImageBanner/ImageBanner.d.ts +7 -8
- package/dist/es/components/ImageBanner/ImageBanner.js +88 -37
- package/dist/es/components/Instructions/Instructions.css +790 -1
- package/dist/es/components/Instructions/Instructions.d.ts +11 -11
- package/dist/es/components/Instructions/Instructions.js +94 -41
- package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/es/components/NotificationBox/NotificationBox.js +19 -5
- package/dist/es/components/NotificationBox/style/NotificationBox.css +28 -0
- package/dist/es/components/PageTitle/PageTitle.css +80 -1
- package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/es/components/PageTitle/PageTitle.js +37 -12
- package/dist/es/components/Partners/Partners.css +53 -1
- package/dist/es/components/Partners/Partners.d.ts +2 -2
- package/dist/es/components/Partners/Partners.js +48 -17
- package/dist/es/components/PictureWithDescription/PictureWithDescription.css +80 -1
- package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +2 -4
- package/dist/es/components/PictureWithDescription/PictureWithDescription.js +28 -10
- package/dist/es/components/Property/Property.css +156 -1
- package/dist/es/components/Property/Property.d.ts +4 -4
- package/dist/es/components/Property/Property.js +81 -37
- package/dist/es/components/Property/PropertyDescription.css +17 -1
- package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/es/components/Property/PropertyDescription.js +28 -8
- package/dist/es/components/Property/types.d.ts +5 -7
- package/dist/es/components/Property/types.js +0 -1
- package/dist/es/components/Steps/Steps.css +41 -1
- package/dist/es/components/Steps/Steps.d.ts +1 -2
- package/dist/es/components/Steps/Steps.js +19 -4
- package/dist/es/components/Steps/StepsItem.css +42 -1
- package/dist/es/components/Steps/StepsItem.d.ts +2 -2
- package/dist/es/components/Steps/StepsItem.js +9 -2
- package/dist/es/components/StoreBanner/StoreBanner.css +346 -1
- package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/es/components/StoreBanner/StoreBanner.js +97 -41
- 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 +327 -1
- package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/es/components/StoreButton/StoreButton.js +44 -13
- package/dist/es/components/Table/Table.css +157 -1
- package/dist/es/components/Table/Table.d.ts +1 -1
- package/dist/es/components/Table/Table.js +51 -31
- package/dist/es/components/Table/TableCell.js +6 -0
- package/dist/es/components/Table/TableRow.js +10 -1
- package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/es/components/TabsBox/TabsBox.js +13 -4
- package/dist/es/components/TextBox/TextBox.css +25 -1
- package/dist/es/components/TextBox/TextBox.d.ts +1 -2
- package/dist/es/components/TextBox/TextBox.js +23 -8
- package/dist/es/components/TextBox/TextBoxPicture.css +27 -1
- package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/es/components/TextBox/TextBoxPicture.js +14 -5
- package/dist/es/components/TextWithIcon/TextWithIcon.css +10 -1
- package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIcon.js +24 -6
- package/dist/es/components/TextWithIcon/TextWithIconItem.css +29 -1
- package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIconItem.js +21 -6
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +31 -1
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +23 -6
- package/dist/es/components/VideoBanner/VideoBanner.css +225 -1
- package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/es/components/VideoBanner/VideoBanner.js +110 -47
- package/dist/es/components/VideoBlock/VideoBlock.css +106 -1
- package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/es/components/VideoBlock/VideoBlock.js +75 -35
- package/dist/es/helpers/getColumnConfig.d.ts +1 -5
- package/dist/lib/components/AccordionBox/AccordionBox.css +15 -1
- package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/lib/components/AccordionBox/AccordionBox.js +66 -10
- package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/lib/components/AudioPlayer/AudioPlayer.js +56 -32
- package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioProgress.js +43 -12
- package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioRange.js +17 -9
- package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioVolume.js +23 -4
- package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +16 -5
- package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +58 -1
- package/dist/lib/components/AudioPlayer/style/AudioProgress.css +35 -1
- package/dist/lib/components/AudioPlayer/style/AudioRange.css +68 -1
- package/dist/lib/components/AudioPlayer/style/AudioVolume.css +34 -1
- package/dist/lib/components/AudioPlayer/timerFormatUtil.js +13 -2
- package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/lib/components/BannerBox/BannerBox.js +25 -7
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +86 -26
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +53 -13
- package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/lib/components/BenefitsIcons/helpers.js +37 -10
- package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +38 -1
- package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +90 -1
- package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
- package/dist/lib/components/BenefitsIcons/types.js +8 -5
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +71 -24
- package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +43 -1
- package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
- package/dist/lib/components/BenefitsPictures/helpers.js +40 -9
- package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
- package/dist/lib/components/BenefitsPictures/types.js +1 -5
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +43 -1
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +60 -18
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -1
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +55 -22
- package/dist/lib/components/ButtonBanner/ButtonBanner.css +122 -1
- package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/lib/components/ButtonBanner/ButtonBanner.js +89 -40
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +19 -1
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +72 -29
- package/dist/lib/components/Card/Card.css +354 -1
- package/dist/lib/components/Card/Card.d.ts +4 -4
- package/dist/lib/components/Card/Card.js +164 -67
- package/dist/lib/components/Card/types.d.ts +10 -10
- package/dist/lib/components/Card/types.js +1 -5
- package/dist/lib/components/CardsBox/CardsBox.js +31 -7
- package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
- package/dist/lib/components/CardsBox/helpers.js +8 -1
- package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/lib/components/CarouselBox/CarouselBox.js +39 -15
- package/dist/lib/components/Container/Container.css +3287 -1
- package/dist/lib/components/Container/Container.d.ts +5 -7
- package/dist/lib/components/Container/Container.js +40 -18
- package/dist/lib/components/DownloadLinks/DownloadLink.css +37 -1
- package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/lib/components/DownloadLinks/DownloadLink.js +60 -17
- package/dist/lib/components/DownloadLinks/DownloadLinks.css +36 -1
- package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/lib/components/DownloadLinks/DownloadLinks.js +33 -8
- package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +2 -5
- package/dist/lib/components/FaqWrapper/FaqWrapper.js +9 -6
- package/dist/lib/components/ImageBanner/ImageBanner.css +252 -1
- package/dist/lib/components/ImageBanner/ImageBanner.d.ts +7 -8
- package/dist/lib/components/ImageBanner/ImageBanner.js +138 -61
- package/dist/lib/components/Instructions/Instructions.css +790 -1
- package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
- package/dist/lib/components/Instructions/Instructions.js +186 -103
- package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/lib/components/NotificationBox/NotificationBox.js +37 -9
- package/dist/lib/components/NotificationBox/style/NotificationBox.css +28 -0
- package/dist/lib/components/PageTitle/PageTitle.css +80 -1
- package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/lib/components/PageTitle/PageTitle.js +52 -15
- package/dist/lib/components/Partners/Partners.css +53 -1
- package/dist/lib/components/Partners/Partners.d.ts +2 -2
- package/dist/lib/components/Partners/Partners.js +65 -21
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +80 -1
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +2 -4
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +46 -16
- package/dist/lib/components/Property/Property.css +156 -1
- package/dist/lib/components/Property/Property.d.ts +4 -4
- package/dist/lib/components/Property/Property.js +120 -60
- package/dist/lib/components/Property/PropertyDescription.css +17 -1
- package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/lib/components/Property/PropertyDescription.js +46 -15
- package/dist/lib/components/Property/types.d.ts +5 -7
- package/dist/lib/components/Property/types.js +1 -5
- package/dist/lib/components/Steps/Steps.css +41 -1
- package/dist/lib/components/Steps/Steps.d.ts +1 -2
- package/dist/lib/components/Steps/Steps.js +35 -8
- package/dist/lib/components/Steps/StepsItem.css +42 -1
- package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
- package/dist/lib/components/Steps/StepsItem.js +23 -11
- package/dist/lib/components/StoreBanner/StoreBanner.css +346 -1
- package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/lib/components/StoreBanner/StoreBanner.js +118 -47
- 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 +327 -1
- package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/lib/components/StoreButton/StoreButton.js +63 -17
- package/dist/lib/components/Table/Table.css +157 -1
- package/dist/lib/components/Table/Table.d.ts +1 -1
- package/dist/lib/components/Table/Table.js +68 -35
- package/dist/lib/components/Table/TableCell.js +16 -4
- package/dist/lib/components/Table/TableRow.js +19 -5
- package/dist/lib/components/TabsBox/TabBox.js +4 -1
- package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/lib/components/TabsBox/TabsBox.js +26 -8
- package/dist/lib/components/TextBox/TextBox.css +25 -1
- package/dist/lib/components/TextBox/TextBox.d.ts +1 -2
- package/dist/lib/components/TextBox/TextBox.js +36 -12
- package/dist/lib/components/TextBox/TextBoxPicture.css +27 -1
- package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/lib/components/TextBox/TextBoxPicture.js +29 -11
- package/dist/lib/components/TextWithIcon/TextWithIcon.css +10 -1
- package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIcon.js +39 -10
- package/dist/lib/components/TextWithIcon/TextWithIconItem.css +29 -1
- package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIconItem.js +37 -10
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +31 -1
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +40 -10
- package/dist/lib/components/VideoBanner/VideoBanner.css +225 -1
- package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/lib/components/VideoBanner/VideoBanner.js +176 -83
- package/dist/lib/components/VideoBlock/VideoBlock.css +106 -1
- package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/lib/components/VideoBlock/VideoBlock.js +114 -58
- package/dist/lib/constants/throttleTime.js +3 -2
- package/dist/lib/helpers/getColumnConfig.d.ts +1 -5
- package/dist/lib/helpers/getColumnConfig.js +5 -2
- package/dist/lib/index.js +57 -10
- package/package.json +92 -87
- package/dist/es/components/NotificationBox/NotificationBox.css +0 -1
- package/dist/lib/components/NotificationBox/NotificationBox.css +0 -1
@@ -1,5 +1,5 @@
|
|
1
|
-
import
|
2
|
-
import './Container.
|
1
|
+
import React, { Ref } from 'react';
|
2
|
+
import './Container.less';
|
3
3
|
export declare const BackgroundColors: {
|
4
4
|
readonly DEFAULT: "default";
|
5
5
|
readonly LIGHT_GRAY: "light-gray";
|
@@ -7,12 +7,12 @@ export declare const BackgroundColors: {
|
|
7
7
|
readonly GREEN: "green";
|
8
8
|
readonly PURPLE: "purple";
|
9
9
|
};
|
10
|
-
type BackgroundColorType =
|
11
|
-
type Props = {
|
10
|
+
declare type BackgroundColorType = typeof BackgroundColors[keyof typeof BackgroundColors];
|
11
|
+
declare type Props = {
|
12
12
|
/** Атрибут корневого тега */
|
13
13
|
id?: string;
|
14
14
|
/** Ссылка на корневой элемент */
|
15
|
-
rootRef?:
|
15
|
+
rootRef?: Ref<HTMLDivElement>;
|
16
16
|
/** Дополнительный класс корневого элемента */
|
17
17
|
className?: string;
|
18
18
|
/** Цвет фона */
|
@@ -23,8 +23,6 @@ type Props = {
|
|
23
23
|
disablePaddingBottom?: boolean;
|
24
24
|
/** Включить тень в нижней части компонента */
|
25
25
|
bottomShadow?: boolean;
|
26
|
-
/** Дочерние элементы */
|
27
|
-
children?: React.ReactNode;
|
28
26
|
};
|
29
27
|
declare const Container: React.FC<Props>;
|
30
28
|
export default Container;
|
@@ -1,35 +1,44 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
5
4
|
value: true
|
6
5
|
});
|
7
6
|
exports["default"] = exports.BackgroundColors = void 0;
|
8
|
-
|
7
|
+
|
8
|
+
require("core-js/modules/es.object.values.js");
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
9
12
|
var _uiCore = require("@megafon/ui-core");
|
13
|
+
|
10
14
|
var _uiHelpers = require("@megafon/ui-helpers");
|
11
|
-
|
12
|
-
|
13
|
-
|
15
|
+
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
17
|
+
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
19
|
+
|
20
|
+
var BackgroundColors = {
|
14
21
|
DEFAULT: 'default',
|
15
22
|
LIGHT_GRAY: 'light-gray',
|
16
23
|
GRAY: 'gray',
|
17
24
|
GREEN: 'green',
|
18
25
|
PURPLE: 'purple'
|
19
26
|
};
|
27
|
+
exports.BackgroundColors = BackgroundColors;
|
20
28
|
var cn = (0, _uiHelpers.cnCreate)('mfui-container');
|
29
|
+
|
21
30
|
var Container = function Container(_ref) {
|
22
31
|
var _ref$backgroundColor = _ref.backgroundColor,
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
return /*#__PURE__*/
|
32
|
+
backgroundColor = _ref$backgroundColor === void 0 ? 'default' : _ref$backgroundColor,
|
33
|
+
rootRef = _ref.rootRef,
|
34
|
+
id = _ref.id,
|
35
|
+
className = _ref.className,
|
36
|
+
children = _ref.children,
|
37
|
+
disablePaddingTop = _ref.disablePaddingTop,
|
38
|
+
disablePaddingBottom = _ref.disablePaddingBottom,
|
39
|
+
_ref$bottomShadow = _ref.bottomShadow,
|
40
|
+
bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow;
|
41
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
33
42
|
className: cn({
|
34
43
|
'bg-color': backgroundColor,
|
35
44
|
'bottom-shadow': bottomShadow,
|
@@ -38,8 +47,21 @@ var Container = function Container(_ref) {
|
|
38
47
|
}, [className]),
|
39
48
|
ref: rootRef,
|
40
49
|
id: id
|
41
|
-
}, /*#__PURE__*/
|
50
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
42
51
|
className: cn('inner')
|
43
|
-
}, /*#__PURE__*/
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, children)));
|
53
|
+
};
|
54
|
+
|
55
|
+
Container.propTypes = {
|
56
|
+
id: _propTypes["default"].string,
|
57
|
+
className: _propTypes["default"].string,
|
58
|
+
backgroundColor: _propTypes["default"].oneOf(Object.values(BackgroundColors)),
|
59
|
+
rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
60
|
+
current: _propTypes["default"].elementType
|
61
|
+
}), _propTypes["default"].any])]),
|
62
|
+
disablePaddingTop: _propTypes["default"].bool,
|
63
|
+
disablePaddingBottom: _propTypes["default"].bool,
|
64
|
+
bottomShadow: _propTypes["default"].bool
|
44
65
|
};
|
45
|
-
var _default =
|
66
|
+
var _default = Container;
|
67
|
+
exports["default"] = _default;
|
@@ -1 +1,37 @@
|
|
1
|
-
h1,
|
1
|
+
h1,
|
2
|
+
h2,
|
3
|
+
h3,
|
4
|
+
h4,
|
5
|
+
h5 {
|
6
|
+
margin: 0;
|
7
|
+
}
|
8
|
+
.mfui-download-link {
|
9
|
+
display: -webkit-box;
|
10
|
+
display: -ms-flexbox;
|
11
|
+
display: flex;
|
12
|
+
}
|
13
|
+
.mfui-download-link__icon {
|
14
|
+
-ms-flex-negative: 0;
|
15
|
+
flex-shrink: 0;
|
16
|
+
width: 40px;
|
17
|
+
height: 40px;
|
18
|
+
margin-right: 22px;
|
19
|
+
fill: var(--content);
|
20
|
+
}
|
21
|
+
@media screen and (max-width: 1023px) {
|
22
|
+
.mfui-download-link__icon {
|
23
|
+
width: 32px;
|
24
|
+
height: 32px;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
.mfui-download-link__icon-svg {
|
28
|
+
width: inherit;
|
29
|
+
height: inherit;
|
30
|
+
}
|
31
|
+
.mfui-download-link__info {
|
32
|
+
margin: 0;
|
33
|
+
font-size: 12px;
|
34
|
+
line-height: 18px;
|
35
|
+
color: var(--spbSky3);
|
36
|
+
text-transform: uppercase;
|
37
|
+
}
|
@@ -1,19 +1,32 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
7
8
|
exports["default"] = void 0;
|
9
|
+
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
11
|
+
|
10
12
|
require("core-js/modules/es.string.link.js");
|
13
|
+
|
14
|
+
require("core-js/modules/es.array.concat.js");
|
15
|
+
|
11
16
|
var React = _interopRequireWildcard(require("react"));
|
17
|
+
|
12
18
|
var _uiCore = require("@megafon/ui-core");
|
19
|
+
|
13
20
|
var _uiHelpers = require("@megafon/ui-helpers");
|
14
|
-
|
15
|
-
|
21
|
+
|
22
|
+
var PropTypes = _interopRequireWildcard(require("prop-types"));
|
23
|
+
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
25
|
+
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
27
|
+
|
16
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
29
|
+
|
17
30
|
var DownloadIcon = function DownloadIcon(props) {
|
18
31
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
19
32
|
viewBox: "0 0 40 40"
|
@@ -21,30 +34,36 @@ var DownloadIcon = function DownloadIcon(props) {
|
|
21
34
|
d: "M21 6v14l2.68-4 1.65 1-4.44 6.74h-1.77L14.68 17l1.65-1L19 20V6zM8 20H6a14 14 0 0028 0h-2a12 12 0 01-24 0z"
|
22
35
|
}));
|
23
36
|
};
|
37
|
+
|
24
38
|
var cn = (0, _uiHelpers.cnCreate)('mfui-download-link');
|
39
|
+
|
25
40
|
var DownloadLink = function DownloadLink(_ref) {
|
26
41
|
var href = _ref.href,
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
42
|
+
text = _ref.text,
|
43
|
+
extension = _ref.extension,
|
44
|
+
fileSize = _ref.fileSize,
|
45
|
+
onClick = _ref.onClick,
|
46
|
+
className = _ref.className,
|
47
|
+
_ref$classes = _ref.classes,
|
48
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
49
|
+
rootRef = _ref.rootRef,
|
50
|
+
dataAttrs = _ref.dataAttrs,
|
51
|
+
disableDownload = _ref.disableDownload,
|
52
|
+
target = _ref.target,
|
53
|
+
rel = _ref.rel;
|
54
|
+
|
39
55
|
var setRelAttribute = function setRelAttribute() {
|
40
56
|
if (rel) {
|
41
57
|
return rel;
|
42
58
|
}
|
59
|
+
|
43
60
|
if (target && target !== '_self') {
|
44
61
|
return 'noreferrer noopener';
|
45
62
|
}
|
63
|
+
|
46
64
|
return undefined;
|
47
65
|
};
|
66
|
+
|
48
67
|
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
49
68
|
className: cn([className, classes.root]),
|
50
69
|
ref: rootRef
|
@@ -67,4 +86,28 @@ var DownloadLink = function DownloadLink(_ref) {
|
|
67
86
|
className: cn('info')
|
68
87
|
}, "".concat(extension).concat(extension && fileSize ? ', ' : '').concat(fileSize))));
|
69
88
|
};
|
70
|
-
|
89
|
+
|
90
|
+
DownloadLink.propTypes = {
|
91
|
+
dataAttrs: PropTypes.shape({
|
92
|
+
root: PropTypes.objectOf(PropTypes.string.isRequired),
|
93
|
+
link: PropTypes.objectOf(PropTypes.string.isRequired)
|
94
|
+
}),
|
95
|
+
rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
|
96
|
+
current: PropTypes.elementType
|
97
|
+
}), PropTypes.any])]),
|
98
|
+
href: PropTypes.string.isRequired,
|
99
|
+
text: PropTypes.string.isRequired,
|
100
|
+
extension: PropTypes.string.isRequired,
|
101
|
+
fileSize: PropTypes.string.isRequired,
|
102
|
+
className: PropTypes.string,
|
103
|
+
classes: PropTypes.shape({
|
104
|
+
root: PropTypes.string,
|
105
|
+
link: PropTypes.string
|
106
|
+
}),
|
107
|
+
onClick: PropTypes.func,
|
108
|
+
disableDownload: PropTypes.bool,
|
109
|
+
target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
|
110
|
+
rel: PropTypes.string
|
111
|
+
};
|
112
|
+
var _default = DownloadLink;
|
113
|
+
exports["default"] = _default;
|
@@ -1 +1,36 @@
|
|
1
|
-
h1,
|
1
|
+
h1,
|
2
|
+
h2,
|
3
|
+
h3,
|
4
|
+
h4,
|
5
|
+
h5 {
|
6
|
+
margin: 0;
|
7
|
+
}
|
8
|
+
@media screen and (min-width: 1024px) {
|
9
|
+
.mfui-download-links__column:nth-child(n + 4) {
|
10
|
+
margin-top: 24px;
|
11
|
+
}
|
12
|
+
}
|
13
|
+
@media screen and (min-width: 768px) and (max-width: 1023px) {
|
14
|
+
.mfui-download-links__column:nth-child(n + 3) {
|
15
|
+
margin-top: 24px;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
@media screen and (max-width: 767px) {
|
19
|
+
.mfui-download-links__column:not(:first-child) {
|
20
|
+
margin-top: 24px;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
@media screen and (min-width: 768px) {
|
24
|
+
.mfui-download-links_count_2 .mfui-download-links__column:nth-child(n + 2) {
|
25
|
+
margin-top: 24px;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
@media screen and (min-width: 768px) {
|
29
|
+
.mfui-download-links_count_3 .mfui-download-links__column:nth-child(n + 3),
|
30
|
+
.mfui-download-links_count_4 .mfui-download-links__column:nth-child(n + 3) {
|
31
|
+
margin-top: 24px;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
.mfui-download-links__item:not(:first-child) {
|
35
|
+
margin-top: 24px;
|
36
|
+
}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { GridColumn } from '@megafon/ui-core';
|
3
|
-
import './DownloadLinks.
|
3
|
+
import './DownloadLinks.less';
|
4
4
|
import { IDownloadLink } from './DownloadLink';
|
5
|
-
type GridColumnType = React.ComponentProps<typeof GridColumn>;
|
6
|
-
type ColumnConfig = {
|
5
|
+
declare type GridColumnType = React.ComponentProps<typeof GridColumn>;
|
6
|
+
declare type ColumnConfig = {
|
7
7
|
wide?: GridColumnType['wide'];
|
8
8
|
desktop?: GridColumnType['desktop'];
|
9
9
|
tablet?: GridColumnType['tablet'];
|
@@ -1,19 +1,31 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
7
|
-
exports
|
8
|
+
exports["default"] = exports.getColumnConfig = void 0;
|
9
|
+
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
|
9
12
|
require("core-js/modules/es.array.map.js");
|
13
|
+
|
10
14
|
var React = _interopRequireWildcard(require("react"));
|
15
|
+
|
11
16
|
var _uiCore = require("@megafon/ui-core");
|
17
|
+
|
12
18
|
var _uiHelpers = require("@megafon/ui-helpers");
|
13
|
-
|
14
|
-
|
19
|
+
|
20
|
+
var PropTypes = _interopRequireWildcard(require("prop-types"));
|
21
|
+
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
23
|
+
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
+
|
15
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
16
|
-
|
27
|
+
|
28
|
+
var getColumnConfig = function getColumnConfig(itemsCount) {
|
17
29
|
switch (true) {
|
18
30
|
case itemsCount <= 2:
|
19
31
|
{
|
@@ -22,6 +34,7 @@ var getColumnConfig = exports.getColumnConfig = function getColumnConfig(itemsCo
|
|
22
34
|
mobile: '12'
|
23
35
|
};
|
24
36
|
}
|
37
|
+
|
25
38
|
case itemsCount <= 4:
|
26
39
|
{
|
27
40
|
return {
|
@@ -29,6 +42,7 @@ var getColumnConfig = exports.getColumnConfig = function getColumnConfig(itemsCo
|
|
29
42
|
mobile: '12'
|
30
43
|
};
|
31
44
|
}
|
45
|
+
|
32
46
|
default:
|
33
47
|
{
|
34
48
|
return {
|
@@ -40,12 +54,16 @@ var getColumnConfig = exports.getColumnConfig = function getColumnConfig(itemsCo
|
|
40
54
|
}
|
41
55
|
}
|
42
56
|
};
|
57
|
+
|
58
|
+
exports.getColumnConfig = getColumnConfig;
|
43
59
|
var testIdPrefix = 'DownloadLinks';
|
44
60
|
var cn = (0, _uiHelpers.cnCreate)('mfui-download-links');
|
61
|
+
|
45
62
|
var DownloadLinks = function DownloadLinks(_ref) {
|
46
63
|
var _ref$inOneColumn = _ref.inOneColumn,
|
47
|
-
|
48
|
-
|
64
|
+
inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
|
65
|
+
children = _ref.children;
|
66
|
+
|
49
67
|
if (inOneColumn) {
|
50
68
|
return /*#__PURE__*/React.createElement("div", {
|
51
69
|
className: cn(),
|
@@ -56,6 +74,7 @@ var DownloadLinks = function DownloadLinks(_ref) {
|
|
56
74
|
}, child);
|
57
75
|
}));
|
58
76
|
}
|
77
|
+
|
59
78
|
var itemsCount = React.Children.count(children);
|
60
79
|
var columnConfig = getColumnConfig(itemsCount);
|
61
80
|
return /*#__PURE__*/React.createElement("div", {
|
@@ -70,4 +89,10 @@ var DownloadLinks = function DownloadLinks(_ref) {
|
|
70
89
|
}), child);
|
71
90
|
})));
|
72
91
|
};
|
73
|
-
|
92
|
+
|
93
|
+
DownloadLinks.propTypes = {
|
94
|
+
inOneColumn: PropTypes.bool,
|
95
|
+
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element]).isRequired
|
96
|
+
};
|
97
|
+
var _default = DownloadLinks;
|
98
|
+
exports["default"] = _default;
|
@@ -1,18 +1,21 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
5
4
|
value: true
|
6
5
|
});
|
7
6
|
exports["default"] = void 0;
|
8
|
-
|
9
|
-
|
10
|
-
|
7
|
+
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
9
|
+
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
|
11
12
|
var FaqWrapper = function FaqWrapper(_ref) {
|
12
13
|
var children = _ref.children;
|
13
|
-
return /*#__PURE__*/
|
14
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
14
15
|
itemScope: true,
|
15
16
|
itemType: "http://schema.org/FAQPage"
|
16
17
|
}, children);
|
17
18
|
};
|
18
|
-
|
19
|
+
|
20
|
+
var _default = FaqWrapper;
|
21
|
+
exports["default"] = _default;
|