@megafon/ui-core 2.0.0-beta.99 → 2.1.2

package/dist/lib/components/Paragraph/Paragraph.js

@@ -7,19 +7,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+require("core-js/modules/es.array.concat");
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
+require("core-js/modules/es.array.includes");
 
-var _cnCreate = _interopRequireDefault(require("../../utils/cnCreate"));
+require("core-js/modules/es.object.values");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+require("core-js/modules/es.string.includes");
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
 
-var cn = (0, _cnCreate["default"])('mfui-beta-paragraph');
+var COLORS = {
+  GREEN: 'green',
+  PURPLE: 'purple',
+  BASE: 'base',
+  SPB_SKY_0: 'spbSky0',
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_2: 'spbSky2',
+  CONTENT: 'content',
+  FULL_BLACK: 'fullBlack',
+  INHERIT: 'inherit',
+
+  /** @deprecated */
+  CLEAR_WHITE: 'clearWhite',
+
+  /** @deprecated */
+  FRESH_ASPHALT: 'freshAsphalt'
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-paragraph');
 
 var Paragraph = function Paragraph(_ref) {
   var _ref$size = _ref.size,
@@ -45,7 +68,25 @@ Paragraph.propTypes = {
   align: PropTypes.oneOf(['left', 'center', 'right']),
   size: PropTypes.oneOf(['regular', 'small']),
   hasMargin: PropTypes.bool,
-  color: PropTypes.oneOf(['green', 'purple', 'clearWhite', 'spbSky0', 'spbSky1', 'spbSky2', 'freshAsphalt', 'fullBlack', 'inherit'])
+  color: function color(props, propName, componentName) {
+    var deprecatedBlackValue = COLORS.FRESH_ASPHALT;
+    var deprecatedWhiteValue = COLORS.CLEAR_WHITE;
+    var propValue = props[propName];
+
+    if (propValue && !Object.values(COLORS).includes(propValue)) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "', \n            expected one of [").concat(Object.values(COLORS), "]"));
+    }
+
+    if (propValue && props[propName] === deprecatedBlackValue) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedBlackValue, "' is deprecated, please use value '").concat(COLORS.CONTENT, "'"));
+    }
+
+    if (propValue && props[propName] === deprecatedWhiteValue) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedWhiteValue, "' is deprecated, please use value '").concat(COLORS.BASE, "'"));
+    }
+
+    return null;
+  }
 };
 var _default = Paragraph;
 exports["default"] = _default;

package/dist/lib/components/Preloader/Preloader.css

@@ -5,143 +5,143 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-beta-preloader {
+.mfui-preloader {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-beta-preloader__item {
-  position: relative;
-}
-.mfui-beta-preloader__item:before {
-  content: '';
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  top: 0;
-  border-radius: 50px;
-  will-change: transform;
-}
-.mfui-beta-preloader_size-all_small .mfui-beta-preloader__item {
+.mfui-preloader_size-all_small .mfui-preloader__item {
   width: 6px;
   height: 6px;
 }
-.mfui-beta-preloader_size-all_small .mfui-beta-preloader__item:not(:last-child) {
+.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child) {
   margin-right: 3px;
 }
-.mfui-beta-preloader_size-all_medium .mfui-beta-preloader__item {
+.mfui-preloader_size-all_medium .mfui-preloader__item {
   width: 12px;
   height: 12px;
 }
-.mfui-beta-preloader_size-all_medium .mfui-beta-preloader__item:not(:last-child) {
+.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child) {
   margin-right: 6px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-beta-preloader_size-wide_small .mfui-beta-preloader__item {
+  .mfui-preloader_size-wide_small .mfui-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-beta-preloader_size-wide_small .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-beta-preloader_size-wide_medium .mfui-beta-preloader__item {
+  .mfui-preloader_size-wide_medium .mfui-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-beta-preloader_size-wide_medium .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-beta-preloader_size-desktop_small .mfui-beta-preloader__item {
+  .mfui-preloader_size-desktop_small .mfui-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-beta-preloader_size-desktop_small .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-beta-preloader_size-desktop_medium .mfui-beta-preloader__item {
+  .mfui-preloader_size-desktop_medium .mfui-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-beta-preloader_size-desktop_medium .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-preloader_size-tablet_small .mfui-beta-preloader__item {
+  .mfui-preloader_size-tablet_small .mfui-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-beta-preloader_size-tablet_small .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-beta-preloader_size-tablet_medium .mfui-beta-preloader__item {
+  .mfui-preloader_size-tablet_medium .mfui-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-beta-preloader_size-tablet_medium .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-beta-preloader_size-mobile_small .mfui-beta-preloader__item {
+  .mfui-preloader_size-mobile_small .mfui-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-beta-preloader_size-mobile_small .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-beta-preloader_size-mobile_medium .mfui-beta-preloader__item {
+  .mfui-preloader_size-mobile_medium .mfui-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-beta-preloader_size-mobile_medium .mfui-beta-preloader__item:not(:last-child) {
+  .mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
-.mfui-beta-preloader_color_default .mfui-beta-preloader__item:before {
+.mfui-preloader__item {
+  position: relative;
+}
+.mfui-preloader__item:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 50px;
+  will-change: transform;
+}
+.mfui-preloader_color_default .mfui-preloader__item:before {
   -webkit-animation: scaling 1s linear infinite;
           animation: scaling 1s linear infinite;
 }
-.mfui-beta-preloader_color_default .mfui-beta-preloader__item_first:before {
+.mfui-preloader_color_default .mfui-preloader__item_first:before {
   background-color: #00B956;
 }
-.mfui-beta-preloader_color_default .mfui-beta-preloader__item_second:before {
+.mfui-preloader_color_default .mfui-preloader__item_second:before {
+  background-color: #00B956;
   -webkit-animation-delay: 0.166s;
           animation-delay: 0.166s;
-  background-color: #00B956;
 }
-.mfui-beta-preloader_color_default .mfui-beta-preloader__item_third:before {
+.mfui-preloader_color_default .mfui-preloader__item_third:before {
+  background-color: #731982;
   -webkit-animation-delay: 0.33s;
           animation-delay: 0.33s;
-  background-color: #731982;
 }
-.mfui-beta-preloader_color_black .mfui-beta-preloader__item:before {
-  -webkit-animation: opacityScaling 1s linear infinite;
-          animation: opacityScaling 1s linear infinite;
+.mfui-preloader_color_black .mfui-preloader__item:before {
   background-color: #000000;
   opacity: 0.35;
+  -webkit-animation: opacityScaling 1s linear infinite;
+          animation: opacityScaling 1s linear infinite;
 }
-.mfui-beta-preloader_color_black .mfui-beta-preloader__item_second:before {
+.mfui-preloader_color_black .mfui-preloader__item_second:before {
   -webkit-animation-delay: 0.166s;
           animation-delay: 0.166s;
 }
-.mfui-beta-preloader_color_black .mfui-beta-preloader__item_third:before {
+.mfui-preloader_color_black .mfui-preloader__item_third:before {
   -webkit-animation-delay: 0.33s;
           animation-delay: 0.33s;
 }
-.mfui-beta-preloader_color_white .mfui-beta-preloader__item:before {
+.mfui-preloader_color_white .mfui-preloader__item:before {
+  background-color: #FFFFFF;
   -webkit-animation: scaling 1s linear infinite;
           animation: scaling 1s linear infinite;
-  background-color: #FFFFFF;
 }
-.mfui-beta-preloader_color_white .mfui-beta-preloader__item_second:before {
+.mfui-preloader_color_white .mfui-preloader__item_second:before {
   -webkit-animation-delay: 0.166s;
           animation-delay: 0.166s;
 }
-.mfui-beta-preloader_color_white .mfui-beta-preloader__item_third:before {
+.mfui-preloader_color_white .mfui-preloader__item_third:before {
   -webkit-animation-delay: 0.33s;
           animation-delay: 0.33s;
 }

package/dist/lib/components/Preloader/Preloader.js

@@ -2,10 +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.object.values");
-
-require("core-js/modules/web.timers");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,9 +15,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _uiHelpers = require("@megafon/ui-helpers");
 
-var _cnCreate = _interopRequireDefault(require("../../utils/cnCreate"));
+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; }
 
@@ -40,7 +36,7 @@ var PreloaderSizes = {
   MEDIUM: 'medium'
 };
 exports.PreloaderSizes = PreloaderSizes;
-var cn = (0, _cnCreate["default"])('mfui-beta-preloader');
+var cn = (0, _uiHelpers.cnCreate)('mfui-preloader');
 
 var Preloader = function Preloader(_ref) {
   var _ref$color = _ref.color,

package/dist/lib/components/RadioButton/RadioButton.css

@@ -5,13 +5,13 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-beta-radio-button__input {
-  opacity: 0;
+.mfui-radio-button__input {
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
+  opacity: 0;
 }
-.mfui-beta-radio-button__label {
+.mfui-radio-button__label {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -19,58 +19,57 @@ h5 {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  cursor: pointer;
   outline: none;
+  cursor: pointer;
 }
-.mfui-beta-radio-button__label_disabled {
+.mfui-radio-button__label_disabled {
   cursor: default;
 }
-.mfui-beta-radio-button__custom-input {
+.mfui-radio-button__custom-input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
   width: 32px;
   height: 32px;
   margin-right: 8px;
 }
-.mfui-beta-radio-button__custom-input:before {
+.mfui-radio-button__custom-input:before {
   content: '';
   display: block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 20px;
   height: 20px;
-  border-radius: 50%;
   border: 2px solid #D8D8D8;
+  border-radius: 50%;
   background-color: #FFFFFF;
 }
-.mfui-beta-radio-button__input:checked + .mfui-beta-radio-button__custom-input:before {
+.mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
   border: 6px solid #00B956;
 }
-.mfui-beta-radio-button__label:hover .mfui-beta-radio-button__custom-input:before {
+.mfui-radio-button__label:hover .mfui-radio-button__custom-input:before {
   border-color: #10E272;
 }
-.mfui-beta-radio-button__label:active .mfui-beta-radio-button__custom-input:before,
-.mfui-beta-radio-button__label:active .mfui-beta-radio-button__custom-input:before {
+.mfui-radio-button__label:active .mfui-radio-button__custom-input:before {
   border-color: #404D46;
 }
-.mfui-beta-radio-button__label_disabled .mfui-beta-radio-button__custom-input:before {
-  background-color: #EDEDED !important;
+.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before {
   border-color: #D8D8D8 !important;
+  background-color: #EDEDED !important;
 }
-.mfui-beta-radio-button__text_size_small {
+.mfui-radio-button__text_size_small {
   font-size: 12px;
   line-height: 16px;
 }
-.mfui-beta-radio-button__text_size_medium {
+.mfui-radio-button__text_size_medium {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;

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

@@ -9,11 +9,18 @@ export interface IRadioButtonProps {
     /** Размер текста лейбла */
     textSize?: 'small' | 'medium';
     /** Управление возможностью взаимодействия с компонентом */
-    isDisabled?: boolean;
+    disabled?: boolean;
     /** Управление состоянием вкл/выкл компонента */
     isChecked?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string | string[];
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        label?: string;
+        customInput?: string;
+        labelText?: string;
+    };
     children?: React.ReactNode;
     /** Обработчик изменения значения 'value' */
     onChange?: (value: string) => void;
@@ -25,9 +32,15 @@ declare class RadioButton extends React.Component<IRadioButtonProps> {
         value: PropTypes.Validator<string>;
         name: PropTypes.Requireable<string>;
         textSize: PropTypes.Requireable<string>;
-        isDisabled: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
         isChecked: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
+        classes: PropTypes.Requireable<PropTypes.InferProps<{
+            root: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            customInput: PropTypes.Requireable<string>;
+            labelText: PropTypes.Requireable<string>;
+        }>>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         inputRef: PropTypes.Requireable<any>;

package/dist/lib/components/RadioButton/RadioButton.js

@@ -2,21 +2,15 @@
 
 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.date.to-string");
-
-require("core-js/modules/es.function.name");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+require("core-js/modules/es.array.concat");
+
+require("core-js/modules/es.array.is-array");
+
 require("core-js/modules/es.date.to-string");
 
 require("core-js/modules/es.function.name");
@@ -29,6 +23,8 @@ require("core-js/modules/es.regexp.to-string");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -41,9 +37,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var React = _interopRequireWildcard(require("react"));
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _uiHelpers = require("@megafon/ui-helpers");
 
-var _cnCreate = _interopRequireDefault(require("../../utils/cnCreate"));
+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; }
 
@@ -80,7 +76,7 @@ function _isNativeReflectConstruct() {
   }
 }
 
-var cn = (0, _cnCreate["default"])('mfui-beta-radio-button');
+var cn = (0, _uiHelpers.cnCreate)('mfui-radio-button');
 
 var RadioButton = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RadioButton, _React$Component);
@@ -108,35 +104,39 @@ var RadioButton = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props2 = this.props,
           isChecked = _this$props2.isChecked,
-          isDisabled = _this$props2.isDisabled,
+          disabled = _this$props2.disabled,
           name = _this$props2.name,
           value = _this$props2.value,
           textSize = _this$props2.textSize,
           children = _this$props2.children,
-          inputRef = _this$props2.inputRef;
+          inputRef = _this$props2.inputRef,
+          className = _this$props2.className,
+          _this$props2$classes = _this$props2.classes,
+          classes = _this$props2$classes === void 0 ? {} : _this$props2$classes;
       var checkedProp = isChecked !== undefined ? {
         checked: isChecked
       } : {};
+      var rootClassNames = Array.isArray(className) ? [].concat((0, _toConsumableArray2["default"])(className), [classes.root]) : [className, classes.root];
       return /*#__PURE__*/React.createElement("div", {
-        className: cn()
+        className: cn(rootClassNames)
       }, /*#__PURE__*/React.createElement("label", {
         className: cn('label', {
-          disabled: isDisabled
-        })
+          disabled: disabled
+        }, classes.label)
       }, /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({}, checkedProp, {
         className: cn('input'),
         type: "radio",
         name: name,
         value: value,
         onChange: this.handleChange,
-        disabled: isDisabled,
+        disabled: disabled,
         ref: inputRef
       })), /*#__PURE__*/React.createElement("div", {
-        className: cn('custom-input')
+        className: cn('custom-input', classes.customInput)
       }), children && /*#__PURE__*/React.createElement("div", {
         className: cn('text', {
-          'size': textSize
-        })
+          size: textSize
+        }, classes.labelText)
       }, children)));
     }
   }]);
@@ -147,9 +147,15 @@ RadioButton.propTypes = {
   value: PropTypes.string.isRequired,
   name: PropTypes.string,
   textSize: PropTypes.oneOf(['small', 'medium']),
-  isDisabled: PropTypes.bool,
+  disabled: PropTypes.bool,
   isChecked: PropTypes.bool,
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    label: PropTypes.string,
+    customInput: PropTypes.string,
+    labelText: PropTypes.string
+  }),
   children: PropTypes.node,
   onChange: PropTypes.func,
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
@@ -158,7 +164,7 @@ RadioButton.propTypes = {
 };
 RadioButton.defaultProps = {
   textSize: 'medium',
-  isDisabled: false
+  disabled: false
 };
 var _default = RadioButton;
 exports["default"] = _default;