@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,79 +1,56 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(
|
4
|
-
|
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); }
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.ONLY_LEFT_ALIGN_ITEMS_COUNT = void 0;
|
9
|
-
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
10
|
require("core-js/modules/es.array.map.js");
|
15
|
-
|
16
11
|
var React = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
12
|
var _uiCore = require("@megafon/ui-core");
|
19
|
-
|
20
13
|
var _uiHelpers = require("@megafon/ui-helpers");
|
21
|
-
|
22
14
|
var _htmr = _interopRequireDefault(require("htmr"));
|
23
|
-
|
24
15
|
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
25
|
-
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
27
|
-
|
28
16
|
var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
|
29
|
-
|
30
17
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
31
|
-
|
32
|
-
function
|
33
|
-
|
34
|
-
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; }
|
35
|
-
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
36
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
37
|
-
|
38
|
-
var ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
|
39
|
-
exports.ONLY_LEFT_ALIGN_ITEMS_COUNT = ONLY_LEFT_ALIGN_ITEMS_COUNT;
|
21
|
+
var ONLY_LEFT_ALIGN_ITEMS_COUNT = exports.ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
|
40
22
|
var testIdPrefix = 'BenefitsPictures';
|
41
23
|
var cn = (0, _uiHelpers.cnCreate)('mfui-benefits-pictures');
|
42
|
-
|
43
24
|
var BenefitsPictures = function BenefitsPictures(_ref) {
|
44
25
|
var items = _ref.items,
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
26
|
+
_ref$align = _ref.align,
|
27
|
+
align = _ref$align === void 0 ? 'left' : _ref$align,
|
28
|
+
_ref$textAlign = _ref.textAlign,
|
29
|
+
textAlign = _ref$textAlign === void 0 ? 'auto' : _ref$textAlign,
|
30
|
+
_ref$imgAlign = _ref.imgAlign,
|
31
|
+
imgAlign = _ref$imgAlign === void 0 ? 'auto' : _ref$imgAlign,
|
32
|
+
_ref$gridGap = _ref.gridGap,
|
33
|
+
gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
|
34
|
+
rootRef = _ref.rootRef,
|
35
|
+
className = _ref.className,
|
36
|
+
_ref$classes = _ref.classes,
|
37
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes;
|
57
38
|
var isLargeGutter = gridGap === 'large';
|
58
39
|
var isGridCenterAlign = align === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
|
59
|
-
|
60
40
|
var _React$useState = React.useState(gridGap),
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
var resizeHandler = (0, React.useCallback)(function () {
|
41
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
42
|
+
currentGutter = _React$useState2[0],
|
43
|
+
setCurrentGutter = _React$useState2[1];
|
44
|
+
var resizeHandler = React.useCallback(function () {
|
66
45
|
if (!isLargeGutter) {
|
67
46
|
return;
|
68
47
|
}
|
69
|
-
|
70
48
|
if (window.innerWidth < _uiHelpers.breakpoints.DESKTOP_MIDDLE_START) {
|
71
49
|
setCurrentGutter('medium');
|
72
50
|
} else {
|
73
51
|
setCurrentGutter('large');
|
74
52
|
}
|
75
53
|
}, [isLargeGutter]);
|
76
|
-
|
77
54
|
var renderText = function renderText(text) {
|
78
55
|
if (typeof text === 'string') {
|
79
56
|
return /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
|
@@ -84,10 +61,8 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
|
|
84
61
|
}
|
85
62
|
}, (0, _htmr["default"])(text));
|
86
63
|
}
|
87
|
-
|
88
64
|
return text;
|
89
65
|
};
|
90
|
-
|
91
66
|
React.useEffect(function () {
|
92
67
|
var throttledResizeHandler = (0, _lodash["default"])(resizeHandler, _throttleTime["default"].resize);
|
93
68
|
resizeHandler();
|
@@ -111,9 +86,9 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
|
|
111
86
|
}
|
112
87
|
}, items.map(function (_ref2, index) {
|
113
88
|
var img = _ref2.img,
|
114
|
-
|
115
|
-
|
116
|
-
|
89
|
+
title = _ref2.title,
|
90
|
+
text = _ref2.text,
|
91
|
+
alt = _ref2.alt;
|
117
92
|
return /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, align === 'left' ? (0, _helpers.getLeftConfig)(items.length, index) : (0, _helpers["default"])(items.length, index, gridGap), {
|
118
93
|
key: index
|
119
94
|
}), /*#__PURE__*/React.createElement("div", {
|
@@ -142,26 +117,4 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
|
|
142
117
|
}, (0, _htmr["default"])(title)), !!text && renderText(text))));
|
143
118
|
}))));
|
144
119
|
};
|
145
|
-
|
146
|
-
BenefitsPictures.propTypes = {
|
147
|
-
rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
148
|
-
current: _propTypes["default"].elementType
|
149
|
-
}), _propTypes["default"].any])]),
|
150
|
-
items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
151
|
-
title: _propTypes["default"].string,
|
152
|
-
text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
|
153
|
-
img: _propTypes["default"].string.isRequired,
|
154
|
-
alt: _propTypes["default"].string
|
155
|
-
}).isRequired).isRequired,
|
156
|
-
align: _propTypes["default"].oneOf(['left', 'center']),
|
157
|
-
textAlign: _propTypes["default"].oneOf(['left', 'center', 'auto']),
|
158
|
-
imgAlign: _propTypes["default"].oneOf(['left', 'center', 'auto']),
|
159
|
-
gridGap: _propTypes["default"].oneOf(['medium', 'large']),
|
160
|
-
className: _propTypes["default"].string,
|
161
|
-
classes: _propTypes["default"].shape({
|
162
|
-
root: _propTypes["default"].string,
|
163
|
-
item: _propTypes["default"].string
|
164
|
-
})
|
165
|
-
};
|
166
|
-
var _default = BenefitsPictures;
|
167
|
-
exports["default"] = _default;
|
120
|
+
var _default = exports["default"] = BenefitsPictures;
|
@@ -1,43 +1 @@
|
|
1
|
-
h1,
|
2
|
-
h2,
|
3
|
-
h3,
|
4
|
-
h4,
|
5
|
-
h5 {
|
6
|
-
margin: 0;
|
7
|
-
}
|
8
|
-
.mfui-benefits-pictures {
|
9
|
-
overflow: hidden;
|
10
|
-
}
|
11
|
-
.mfui-benefits-pictures__inner {
|
12
|
-
margin-bottom: -40px;
|
13
|
-
}
|
14
|
-
@media screen and (min-width: 768px) {
|
15
|
-
.mfui-benefits-pictures__inner {
|
16
|
-
margin-bottom: -48px;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
.mfui-benefits-pictures__item {
|
20
|
-
margin-bottom: 40px;
|
21
|
-
}
|
22
|
-
@media screen and (min-width: 768px) {
|
23
|
-
.mfui-benefits-pictures__item {
|
24
|
-
margin-bottom: 48px;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
.mfui-benefits-pictures__content_h-align_center {
|
28
|
-
text-align: center;
|
29
|
-
}
|
30
|
-
.mfui-benefits-pictures__img {
|
31
|
-
max-width: 100%;
|
32
|
-
margin-bottom: 32px;
|
33
|
-
border-radius: 12px;
|
34
|
-
vertical-align: top;
|
35
|
-
}
|
36
|
-
.mfui-benefits-pictures__img_h-align_center {
|
37
|
-
display: block;
|
38
|
-
margin-right: auto;
|
39
|
-
margin-left: auto;
|
40
|
-
}
|
41
|
-
.mfui-benefits-pictures__title {
|
42
|
-
margin-bottom: 12px;
|
43
|
-
}
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-benefits-pictures{overflow:hidden}.mfui-benefits-pictures__inner{margin-bottom:-40px}@media screen and (min-width:768px){.mfui-benefits-pictures__inner{margin-bottom:-48px}}.mfui-benefits-pictures__item{margin-bottom:40px}@media screen and (min-width:768px){.mfui-benefits-pictures__item{margin-bottom:48px}}.mfui-benefits-pictures__content_h-align_center{text-align:center}.mfui-benefits-pictures__img{border-radius:12px;margin-bottom:32px;max-width:100%;vertical-align:top}.mfui-benefits-pictures__img_h-align_center{display:block;margin-left:auto;margin-right:auto}.mfui-benefits-pictures__title{margin-bottom:12px}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { GridConfig } from './types';
|
2
2
|
declare const columnSize: GridConfig;
|
3
3
|
declare const isOddIndex: (index: number) => boolean;
|
4
|
-
declare const getEvenOffset: (index: number) =>
|
5
|
-
declare const getOddOffset: (index: number) =>
|
4
|
+
declare const getEvenOffset: (index: number) => '1' | undefined;
|
5
|
+
declare const getOddOffset: (index: number) => '1' | undefined;
|
6
6
|
declare const getLeftConfig: (count: number, index: number) => GridConfig;
|
7
7
|
declare const getCenterMediumConfig: (count: number, index: number) => GridConfig;
|
8
8
|
declare const getCenterLargeConfig: (count: number, index: number) => GridConfig;
|
@@ -3,38 +3,24 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
7
|
-
|
6
|
+
exports.isOddIndex = exports.getOddOffset = exports.getLeftConfig = exports.getEvenOffset = exports.getCenterMediumConfig = exports.getCenterLargeConfig = exports["default"] = exports.columnSize = void 0;
|
8
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
|
12
|
-
var columnSize = {
|
9
|
+
var columnSize = exports.columnSize = {
|
13
10
|
wide: '4',
|
14
11
|
desktop: '4',
|
15
12
|
tablet: '5'
|
16
13
|
};
|
17
|
-
exports.
|
18
|
-
|
19
|
-
var isOddIndex = function isOddIndex(index) {
|
14
|
+
var isOddIndex = exports.isOddIndex = function isOddIndex(index) {
|
20
15
|
return !((index + 1) % 2);
|
21
16
|
};
|
22
|
-
|
23
|
-
exports.isOddIndex = isOddIndex;
|
24
|
-
|
25
|
-
var getEvenOffset = function getEvenOffset(index) {
|
17
|
+
var getEvenOffset = exports.getEvenOffset = function getEvenOffset(index) {
|
26
18
|
return isOddIndex(index) ? '1' : undefined;
|
27
19
|
};
|
28
|
-
|
29
|
-
exports.getEvenOffset = getEvenOffset;
|
30
|
-
|
31
|
-
var getOddOffset = function getOddOffset(index) {
|
20
|
+
var getOddOffset = exports.getOddOffset = function getOddOffset(index) {
|
32
21
|
return isOddIndex(index) ? undefined : '1';
|
33
22
|
};
|
34
|
-
|
35
|
-
exports.getOddOffset = getOddOffset;
|
36
|
-
|
37
|
-
var getLeftConfig = function getLeftConfig(count, index) {
|
23
|
+
var getLeftConfig = exports.getLeftConfig = function getLeftConfig(count, index) {
|
38
24
|
switch (count) {
|
39
25
|
case 2:
|
40
26
|
case 4:
|
@@ -43,23 +29,18 @@ var getLeftConfig = function getLeftConfig(count, index) {
|
|
43
29
|
leftOffsetDesktop: getEvenOffset(index),
|
44
30
|
leftOffsetTablet: getEvenOffset(index)
|
45
31
|
});
|
46
|
-
|
47
32
|
default:
|
48
33
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
49
34
|
leftOffsetTablet: getEvenOffset(index)
|
50
35
|
});
|
51
36
|
}
|
52
37
|
};
|
53
|
-
|
54
|
-
exports.getLeftConfig = getLeftConfig;
|
55
|
-
|
56
|
-
var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
38
|
+
var getCenterMediumConfig = exports.getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
57
39
|
switch (count) {
|
58
40
|
case 3:
|
59
41
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
60
42
|
leftOffsetTablet: getOddOffset(index)
|
61
43
|
});
|
62
|
-
|
63
44
|
case 4:
|
64
45
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
65
46
|
rightOffsetWide: getOddOffset(index),
|
@@ -69,7 +50,6 @@ var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
|
69
50
|
rightOffsetTablet: getEvenOffset(index),
|
70
51
|
leftOffsetTablet: getOddOffset(index)
|
71
52
|
});
|
72
|
-
|
73
53
|
default:
|
74
54
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
75
55
|
rightOffsetWide: getOddOffset(index),
|
@@ -77,10 +57,7 @@ var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
|
|
77
57
|
});
|
78
58
|
}
|
79
59
|
};
|
80
|
-
|
81
|
-
exports.getCenterMediumConfig = getCenterMediumConfig;
|
82
|
-
|
83
|
-
var getCenterLargeConfig = function getCenterLargeConfig(count, index) {
|
60
|
+
var getCenterLargeConfig = exports.getCenterLargeConfig = function getCenterLargeConfig(count, index) {
|
84
61
|
switch (count) {
|
85
62
|
case 4:
|
86
63
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
@@ -91,32 +68,24 @@ var getCenterLargeConfig = function getCenterLargeConfig(count, index) {
|
|
91
68
|
leftOffsetTablet: getOddOffset(index),
|
92
69
|
rightOffsetTablet: getEvenOffset(index)
|
93
70
|
});
|
94
|
-
|
95
71
|
case 3:
|
96
72
|
return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
|
97
73
|
leftOffsetTablet: getOddOffset(index)
|
98
74
|
});
|
99
|
-
|
100
75
|
default:
|
101
76
|
return (0, _extends2["default"])({}, columnSize);
|
102
77
|
}
|
103
78
|
};
|
104
|
-
|
105
|
-
exports.getCenterLargeConfig = getCenterLargeConfig;
|
106
|
-
|
107
79
|
var getCenterConfig = function getCenterConfig(count, index, gutterSize) {
|
108
80
|
switch (gutterSize) {
|
109
81
|
case 'medium':
|
110
82
|
{
|
111
83
|
return getCenterMediumConfig(count, index);
|
112
84
|
}
|
113
|
-
|
114
85
|
default:
|
115
86
|
{
|
116
87
|
return getCenterLargeConfig(count, index);
|
117
88
|
}
|
118
89
|
}
|
119
90
|
};
|
120
|
-
|
121
|
-
var _default = getCenterConfig;
|
122
|
-
exports["default"] = _default;
|
91
|
+
var _default = exports["default"] = getCenterConfig;
|
@@ -9,8 +9,8 @@ export interface IBenefit {
|
|
9
9
|
/** Значение тега alt для изображения */
|
10
10
|
alt?: string;
|
11
11
|
}
|
12
|
-
|
13
|
-
export
|
12
|
+
type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
|
13
|
+
export type GridConfig = {
|
14
14
|
wide?: TGridSizeValues;
|
15
15
|
desktop?: TGridSizeValues;
|
16
16
|
tablet?: TGridSizeValues;
|
@@ -21,5 +21,5 @@ export declare type GridConfig = {
|
|
21
21
|
rightOffsetTablet?: TGridSizeValues;
|
22
22
|
rightOffsetWide?: TGridSizeValues;
|
23
23
|
};
|
24
|
-
export
|
24
|
+
export type GridGutterSize = 'large' | 'medium';
|
25
25
|
export {};
|
@@ -1,43 +1 @@
|
|
1
|
-
h1,
|
2
|
-
h2,
|
3
|
-
h3,
|
4
|
-
h4,
|
5
|
-
h5 {
|
6
|
-
margin: 0;
|
7
|
-
}
|
8
|
-
.mfui-breadcrumbs {
|
9
|
-
display: -webkit-box;
|
10
|
-
display: -ms-flexbox;
|
11
|
-
display: flex;
|
12
|
-
-ms-flex-wrap: wrap;
|
13
|
-
flex-wrap: wrap;
|
14
|
-
}
|
15
|
-
.mfui-breadcrumbs_color_default .mfui-breadcrumbs__item:before {
|
16
|
-
color: var(--content);
|
17
|
-
}
|
18
|
-
.mfui-breadcrumbs_color_black .mfui-breadcrumbs__item:before {
|
19
|
-
color: var(--stcBlack);
|
20
|
-
}
|
21
|
-
.mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before {
|
22
|
-
color: var(--stcWhite);
|
23
|
-
}
|
24
|
-
.mfui-breadcrumbs__item {
|
25
|
-
position: relative;
|
26
|
-
margin-right: 10px;
|
27
|
-
padding-left: 26px;
|
28
|
-
}
|
29
|
-
.mfui-breadcrumbs__item:before {
|
30
|
-
content: '→';
|
31
|
-
position: absolute;
|
32
|
-
top: -1px;
|
33
|
-
left: 0;
|
34
|
-
}
|
35
|
-
.mfui-breadcrumbs__item:first-child {
|
36
|
-
padding-left: 0;
|
37
|
-
}
|
38
|
-
.mfui-breadcrumbs__item:first-child:before {
|
39
|
-
display: none;
|
40
|
-
}
|
41
|
-
.mfui-breadcrumbs__item:last-child {
|
42
|
-
pointer-events: none;
|
43
|
-
}
|
1
|
+
@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-breadcrumbs_color_default .mfui-breadcrumbs__item:before{color:var(--content)}.mfui-breadcrumbs_color_black .mfui-breadcrumbs__item:before{color:var(--stcBlack)}.mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before{color:var(--stcWhite)}.mfui-breadcrumbs__item{margin-right:10px;padding-left:26px;position:relative}.mfui-breadcrumbs__item:before{content:"→";left:0;position:absolute;top:-1px}.mfui-breadcrumbs__item:first-child{padding-left:0}.mfui-breadcrumbs__item:first-child:before{display:none}.mfui-breadcrumbs__item:last-child{pointer-events:none}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import * as React from 'react';
|
2
2
|
import { TextColor } from './components/BreadcrumbsItem';
|
3
|
-
import './Breadcrumbs.
|
4
|
-
|
3
|
+
import './Breadcrumbs.scss';
|
4
|
+
type ItemObjectType = {
|
5
5
|
title?: string;
|
6
6
|
href?: string;
|
7
7
|
};
|
8
|
-
|
9
|
-
export
|
10
|
-
export
|
8
|
+
type ItemType = JSX.Element | ItemObjectType;
|
9
|
+
export type TextColorType = (typeof TextColor)[keyof typeof TextColor];
|
10
|
+
export type Props = {
|
11
11
|
/** Дополнительный класс корневого элемента */
|
12
12
|
className?: string;
|
13
13
|
/** Список элементов */
|
@@ -1,51 +1,34 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(
|
4
|
-
|
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); }
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
9
|
require("core-js/modules/es.array.map.js");
|
13
|
-
|
14
10
|
require("core-js/modules/es.string.link.js");
|
15
|
-
|
16
|
-
require("core-js/modules/es.object.values.js");
|
17
|
-
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
19
|
-
|
11
|
+
var React = _interopRequireWildcard(require("react"));
|
20
12
|
var _uiHelpers = require("@megafon/ui-helpers");
|
21
|
-
|
22
|
-
var
|
23
|
-
|
24
|
-
var _BreadcrumbsItem = _interopRequireWildcard(require("./components/BreadcrumbsItem"));
|
25
|
-
|
26
|
-
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); }
|
27
|
-
|
28
|
-
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; }
|
29
|
-
|
13
|
+
var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsItem"));
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
30
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
31
|
-
|
32
17
|
var isObjectElement = function isObjectElement(item) {
|
33
|
-
return ! /*#__PURE__*/
|
18
|
+
return ! /*#__PURE__*/React.isValidElement(item);
|
34
19
|
};
|
35
|
-
|
36
20
|
var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs');
|
37
|
-
|
38
21
|
var Breadcrumbs = function Breadcrumbs(_ref) {
|
39
22
|
var items = _ref.items,
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
return /*#__PURE__*/
|
23
|
+
_ref$color = _ref.color,
|
24
|
+
color = _ref$color === void 0 ? 'default' : _ref$color,
|
25
|
+
className = _ref.className,
|
26
|
+
_ref$classes = _ref.classes,
|
27
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
28
|
+
dataAttrs = _ref.dataAttrs,
|
29
|
+
_ref$hasMicrodata = _ref.hasMicrodata,
|
30
|
+
hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata;
|
31
|
+
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
49
32
|
className: cn({
|
50
33
|
color: color
|
51
34
|
}, className)
|
@@ -53,11 +36,11 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
53
36
|
itemScope: true,
|
54
37
|
itemType: 'https://schema.org/BreadcrumbList'
|
55
38
|
}), items.map(function (item, i) {
|
56
|
-
return /*#__PURE__*/
|
39
|
+
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
57
40
|
className: cn('item', classes.item)
|
58
41
|
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
|
59
42
|
key: i
|
60
|
-
}), isObjectElement(item) ? /*#__PURE__*/
|
43
|
+
}), isObjectElement(item) ? /*#__PURE__*/React.createElement(_BreadcrumbsItem["default"], {
|
61
44
|
title: item.title,
|
62
45
|
href: item.href,
|
63
46
|
color: color,
|
@@ -78,29 +61,4 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
78
61
|
}) : item);
|
79
62
|
}));
|
80
63
|
};
|
81
|
-
|
82
|
-
Breadcrumbs.propTypes = {
|
83
|
-
dataAttrs: _propTypes["default"].shape({
|
84
|
-
root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
|
85
|
-
item: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
|
86
|
-
itemInner: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
|
87
|
-
itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
|
88
|
-
itemMeta: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
|
89
|
-
link: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
|
90
|
-
}),
|
91
|
-
className: _propTypes["default"].string,
|
92
|
-
classes: _propTypes["default"].shape({
|
93
|
-
item: _propTypes["default"].string,
|
94
|
-
itemTitle: _propTypes["default"].string,
|
95
|
-
lastItemTitle: _propTypes["default"].string,
|
96
|
-
link: _propTypes["default"].string
|
97
|
-
}),
|
98
|
-
items: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element.isRequired), _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
99
|
-
title: _propTypes["default"].string,
|
100
|
-
href: _propTypes["default"].string
|
101
|
-
}).isRequired)]).isRequired,
|
102
|
-
color: _propTypes["default"].oneOf(Object.values(_BreadcrumbsItem.TextColor)),
|
103
|
-
hasMicrodata: _propTypes["default"].bool
|
104
|
-
};
|
105
|
-
var _default = Breadcrumbs;
|
106
|
-
exports["default"] = _default;
|
64
|
+
var _default = exports["default"] = Breadcrumbs;
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import './BreadcrumbsItem.
|
1
|
+
import * as React from 'react';
|
2
|
+
import './BreadcrumbsItem.scss';
|
3
3
|
export declare const TextColor: {
|
4
4
|
readonly DEFAULT: "default";
|
5
5
|
readonly BLACK: "black";
|
6
6
|
readonly WHITE: "white";
|
7
7
|
};
|
8
|
-
|
9
|
-
export
|
8
|
+
type TextColorType = (typeof TextColor)[keyof typeof TextColor];
|
9
|
+
export type Props = {
|
10
10
|
title?: string;
|
11
11
|
href?: string;
|
12
12
|
color?: TextColorType;
|