@megafon/ui-shared 2.0.0-beta.96 → 2.0.0

package/dist/lib/components/Container/Container.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { Ref } from 'react';
 import './Container.less';
 export declare const BackgroundColors: {
     readonly DEFAULT: "default";
@@ -9,8 +9,18 @@ export declare const BackgroundColors: {
 };
 declare type BackgroundColorType = typeof BackgroundColors[keyof typeof BackgroundColors];
 declare type Props = {
+    /** Атрибут корневого тега */
+    id?: string;
+    /** Ссылка на корневой элемент */
+    rootRef?: Ref<HTMLDivElement>;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
     /** Цвет фона */
     backgroundColor?: BackgroundColorType;
+    /** Отключить отступ сверху */
+    disablePaddingTop?: boolean;
+    /** Отключить отступ снизу */
+    disablePaddingBottom?: boolean;
 };
 declare const Container: React.FC<Props>;
 export default Container;

package/dist/lib/components/Container/Container.js

@@ -1,19 +1,21 @@
 "use strict";
 
-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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.BackgroundColors = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+require("core-js/modules/es.object.values");
+
+var _react = _interopRequireDefault(require("react"));
 
 var _uiCore = require("@megafon/ui-core");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _uiHelpers = require("@megafon/ui-helpers");
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var BackgroundColors = {
   DEFAULT: 'default',
@@ -23,18 +25,37 @@ var BackgroundColors = {
   PURPLE: 'purple'
 };
 exports.BackgroundColors = BackgroundColors;
-var cn = (0, _uiCore.cnCreate)('mfui-beta-container');
+var cn = (0, _uiHelpers.cnCreate)('mfui-container');
 
 var Container = function Container(_ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
       backgroundColor = _ref$backgroundColor === void 0 ? 'default' : _ref$backgroundColor,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
+      rootRef = _ref.rootRef,
+      id = _ref.id,
+      className = _ref.className,
+      children = _ref.children,
+      disablePaddingTop = _ref.disablePaddingTop,
+      disablePaddingBottom = _ref.disablePaddingBottom;
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn({
-      'bg-color': backgroundColor
-    })
-  }, /*#__PURE__*/React.createElement(_uiCore.ContentArea, null, children));
+      'bg-color': backgroundColor,
+      'disable-padding-top': disablePaddingTop,
+      'disable-padding-bottom': disablePaddingBottom
+    }, [className]),
+    ref: rootRef,
+    id: id
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, children));
 };
 
+Container.propTypes = {
+  id: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  backgroundColor: _propTypes["default"].oneOf(Object.values(BackgroundColors)),
+  rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
+    current: _propTypes["default"].elementType
+  }), _propTypes["default"].any])]),
+  disablePaddingTop: _propTypes["default"].bool,
+  disablePaddingBottom: _propTypes["default"].bool
+};
 var _default = Container;
 exports["default"] = _default;

package/dist/lib/components/DownloadLinks/DownloadLink.css

@@ -5,12 +5,12 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-beta-download-link {
+.mfui-download-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-beta-download-link__icon {
+.mfui-download-link__icon {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   width: 40px;
@@ -18,16 +18,16 @@ h5 {
   margin-right: 22px;
 }
 @media screen and (max-width: 1023px) {
-  .mfui-beta-download-link__icon {
+  .mfui-download-link__icon {
     width: 32px;
     height: 32px;
   }
 }
-.mfui-beta-download-link__icon-svg {
+.mfui-download-link__icon-svg {
   width: inherit;
   height: inherit;
 }
-.mfui-beta-download-link__info {
+.mfui-download-link__info {
   margin: 0;
   font-size: 12px;
   line-height: 16px;

package/dist/lib/components/DownloadLinks/DownloadLink.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import './DownloadLink.less';
 export interface IDownloadLink {
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
     /** Адресы ссылки */
     href: string;
     /** Текст ссылки */
@@ -11,6 +13,11 @@ export interface IDownloadLink {
     fileSize: string;
     /** Дополнительный класс для компонента */
     className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        link?: string;
+    };
     /** Обработчик клика по ссылке */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 }

package/dist/lib/components/DownloadLinks/DownloadLink.js

@@ -2,8 +2,6 @@
 
 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); }
 
-require("core-js/modules/es.array.concat");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,21 +9,33 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.array.concat");
 
-var React = _interopRequireWildcard(require("react"));
+require("core-js/modules/es.string.link");
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
 
 var _uiCore = require("@megafon/ui-core");
 
-var _basic32Download_ = _interopRequireDefault(require("@megafon/ui-core/dist/icons/basic-32-download_32"));
+var _uiHelpers = require("@megafon/ui-helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var PropTypes = _interopRequireWildcard(require("prop-types"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
 
-var cn = (0, _uiCore.cnCreate)('mfui-beta-download-link');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DownloadIcon = function DownloadIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 40 40"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    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"
+  }));
+};
+
+var cn = (0, _uiHelpers.cnCreate)('mfui-download-link');
 
 var DownloadLink = function DownloadLink(_ref) {
   var href = _ref.href,
@@ -33,15 +43,19 @@ var DownloadLink = function DownloadLink(_ref) {
       extension = _ref.extension,
       fileSize = _ref.fileSize,
       onClick = _ref.onClick,
-      className = _ref.className;
+      className = _ref.className,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      rootRef = _ref.rootRef;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn([className])
+    className: cn([className, classes.root]),
+    ref: rootRef
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('icon')
-  }, /*#__PURE__*/React.createElement(_basic32Download_["default"], {
+  }, /*#__PURE__*/React.createElement(DownloadIcon, {
     className: cn('icon-svg')
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_uiCore.TextLink, {
-    className: cn('link'),
+    className: cn('link', [classes.link]),
     href: href,
     onClick: onClick,
     download: true
@@ -51,11 +65,18 @@ var DownloadLink = function DownloadLink(_ref) {
 };
 
 DownloadLink.propTypes = {
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
   href: PropTypes.string.isRequired,
   text: PropTypes.string.isRequired,
   extension: PropTypes.string.isRequired,
   fileSize: PropTypes.string.isRequired,
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    link: PropTypes.string
+  }),
   onClick: PropTypes.func
 };
 var _default = DownloadLink;

package/dist/lib/components/DownloadLinks/DownloadLinks.css

@@ -6,28 +6,31 @@ h5 {
   margin: 0;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-beta-download-links__column:nth-child(n + 4) {
+  .mfui-download-links__column:nth-child(n + 4) {
     margin-top: 24px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-download-links__column:nth-child(n + 3) {
+  .mfui-download-links__column:nth-child(n + 3) {
     margin-top: 24px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-beta-download-links__column:not(:first-child) {
+  .mfui-download-links__column:not(:first-child) {
     margin-top: 24px;
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-beta-download-links_count_2 .mfui-beta-download-links__column:nth-child(n + 2) {
+  .mfui-download-links_count_2 .mfui-download-links__column:nth-child(n + 2) {
     margin-top: 24px;
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-beta-download-links_count_3 .mfui-beta-download-links__column:nth-child(n + 3),
-  .mfui-beta-download-links_count_4 .mfui-beta-download-links__column:nth-child(n + 3) {
+  .mfui-download-links_count_3 .mfui-download-links__column:nth-child(n + 3),
+  .mfui-download-links_count_4 .mfui-download-links__column:nth-child(n + 3) {
     margin-top: 24px;
   }
 }
+.mfui-download-links__item:not(:first-child) {
+  margin-top: 24px;
+}

package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import './DownloadLinks.less';
 import { IDownloadLink } from './DownloadLink';
 interface IDownloadLinks {
+    /** Выстраивать ссылки в одну колонку вне зависимости от количества */
+    inOneColumn?: boolean;
     children: Array<React.ReactElement<IDownloadLink>> | React.ReactElement<IDownloadLink>;
 }
 declare const DownloadLinks: React.FC<IDownloadLinks>;

package/dist/lib/components/DownloadLinks/DownloadLinks.js

@@ -2,8 +2,6 @@
 
 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); }
 
-require("core-js/modules/es.array.map");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,10 +13,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _uiCore = require("@megafon/ui-core");
 
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
@@ -55,10 +55,23 @@ var getColumnConfig = function getColumnConfig(itemsCount) {
   }
 };
 
-var cn = (0, _uiCore.cnCreate)('mfui-beta-download-links');
+var cn = (0, _uiHelpers.cnCreate)('mfui-download-links');
 
 var DownloadLinks = function DownloadLinks(_ref) {
-  var children = _ref.children;
+  var _ref$inOneColumn = _ref.inOneColumn,
+      inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
+      children = _ref.children;
+
+  if (inOneColumn) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn()
+    }, React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('item')
+      }, child);
+    }));
+  }
+
   var itemsCount = React.Children.count(children);
   var columnConfig = getColumnConfig(itemsCount);
   return /*#__PURE__*/React.createElement("div", {
@@ -75,6 +88,7 @@ var DownloadLinks = function DownloadLinks(_ref) {
 };
 
 DownloadLinks.propTypes = {
+  inOneColumn: PropTypes.bool,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element]).isRequired
 };
 var _default = DownloadLinks;