@megafon/ui-core 6.2.1 → 7.0.0

package/dist/es/components/Button/Button.d.ts

@@ -1,11 +1,11 @@
-import React, { Ref } from 'react';
-import './Button.less';
+import * as React from 'react';
+import './Button.scss';
 export declare const ButtonTypes: {
     readonly PRIMARY: "primary";
     readonly OUTLINE: "outline";
     readonly TEXT: "text";
 };
-declare type ButtonTypesType = typeof ButtonTypes[keyof typeof ButtonTypes];
+type ButtonTypesType = (typeof ButtonTypes)[keyof typeof ButtonTypes];
 export declare const ButtonThemes: {
     readonly GREEN: "green";
     readonly GREEN_SOFT: "green-soft";
@@ -15,14 +15,14 @@ export declare const ButtonThemes: {
     readonly BLACK: "black";
     readonly DANGER: "danger";
 };
-declare type ButtonThemesType = typeof ButtonThemes[keyof typeof ButtonThemes];
+type ButtonThemesType = (typeof ButtonThemes)[keyof typeof ButtonThemes];
 export declare const ButtonSizes: {
     readonly EXTRA_SMALL: "extra-small";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
-declare type ButtonSizesType = typeof ButtonSizes[keyof typeof ButtonSizes];
+type ButtonSizesType = (typeof ButtonSizes)[keyof typeof ButtonSizes];
 export interface IButtonProps {
     /** Дополнительный класс корневого элемента */
     className?: string | string[];
@@ -81,9 +81,10 @@ export interface IButtonProps {
     /** Отключение кнопки */
     disabled?: boolean;
     /** Ссылка на элемент */
-    buttonRef?: Ref<HTMLButtonElement | HTMLAnchorElement>;
+    buttonRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
     /** Обрезать текст при недостаточной ширине и добавлять многоточие */
     ellipsis?: boolean;
+    children?: React.ReactNode;
     /** Обработчик клика по кнопке */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 }

package/dist/es/components/Button/Button.js

@@ -1,15 +1,12 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.is-array.js";
 import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.values.js";
-import React from 'react';
+import "core-js/modules/es.array.is-array.js";
+import * as React from 'react';
 import { cnCreate, detectTouch, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import Preloader, { PreloaderColors } from "../Preloader/Preloader";
 import "./Button.css";
-
 var Arrow = function Arrow(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 40 40"
@@ -17,7 +14,6 @@ var Arrow = function Arrow(props) {
     d: "M16 26l6-6-6-6 2-2 8 8-8 8z"
   }));
 };
-
 export var ButtonTypes = {
   PRIMARY: 'primary',
   OUTLINE: 'outline',
@@ -39,65 +35,59 @@ export var ButtonSizes = {
   LARGE: 'large'
 };
 var Content;
-
 (function (Content) {
   Content["TEXT"] = "text";
   Content["ICON"] = "icon";
   Content["ICON_TEXT"] = "icon-text";
 })(Content || (Content = {}));
-
 var getLoaderSize = function getLoaderSize(size) {
   return size === ButtonSizes.SMALL || size === ButtonSizes.EXTRA_SMALL ? ButtonSizes.SMALL : ButtonSizes.MEDIUM;
 };
-
 var cn = cnCreate('mfui-button');
-
 var Button = function Button(_ref) {
-  var _ref$classes = _ref.classes;
-  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var rootClassName = _ref$classes.root,
-      contentClassName = _ref$classes.content,
-      innerClassName = _ref$classes.inner,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'green' : _ref$theme,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'primary' : _ref$type,
-      href = _ref.href,
-      download = _ref.download,
-      target = _ref.target,
-      rel = _ref.rel,
-      _ref$actionType = _ref.actionType,
-      actionType = _ref$actionType === void 0 ? 'button' : _ref$actionType,
-      _ref$sizeAll = _ref.sizeAll,
-      sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
-      sizeWide = _ref.sizeWide,
-      sizeDesktop = _ref.sizeDesktop,
-      sizeTablet = _ref.sizeTablet,
-      sizeMobile = _ref.sizeMobile,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$fullWidthMobile = _ref.fullWidthMobile,
-      fullWidthMobile = _ref$fullWidthMobile === void 0 ? false : _ref$fullWidthMobile,
-      _ref$showLoader = _ref.showLoader,
-      showLoader = _ref$showLoader === void 0 ? false : _ref$showLoader,
-      _ref$showArrow = _ref.showArrow,
-      showArrow = _ref$showArrow === void 0 ? false : _ref$showArrow,
-      icon = _ref.icon,
-      disabled = _ref.disabled,
-      children = _ref.children,
-      _ref$ellipsis = _ref.ellipsis,
-      ellipsis = _ref$ellipsis === void 0 ? false : _ref$ellipsis,
-      onClick = _ref.onClick,
-      dataAttrs = _ref.dataAttrs,
-      buttonRef = _ref.buttonRef;
-
+  var _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    rootClassName = _ref$classes2.root,
+    contentClassName = _ref$classes2.content,
+    innerClassName = _ref$classes2.inner,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'green' : _ref$theme,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'primary' : _ref$type,
+    href = _ref.href,
+    download = _ref.download,
+    target = _ref.target,
+    rel = _ref.rel,
+    _ref$actionType = _ref.actionType,
+    actionType = _ref$actionType === void 0 ? 'button' : _ref$actionType,
+    _ref$sizeAll = _ref.sizeAll,
+    sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
+    sizeWide = _ref.sizeWide,
+    sizeDesktop = _ref.sizeDesktop,
+    sizeTablet = _ref.sizeTablet,
+    sizeMobile = _ref.sizeMobile,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$fullWidthMobile = _ref.fullWidthMobile,
+    fullWidthMobile = _ref$fullWidthMobile === void 0 ? false : _ref$fullWidthMobile,
+    _ref$showLoader = _ref.showLoader,
+    showLoader = _ref$showLoader === void 0 ? false : _ref$showLoader,
+    _ref$showArrow = _ref.showArrow,
+    showArrow = _ref$showArrow === void 0 ? false : _ref$showArrow,
+    icon = _ref.icon,
+    disabled = _ref.disabled,
+    children = _ref.children,
+    _ref$ellipsis = _ref.ellipsis,
+    ellipsis = _ref$ellipsis === void 0 ? false : _ref$ellipsis,
+    onClick = _ref.onClick,
+    dataAttrs = _ref.dataAttrs,
+    buttonRef = _ref.buttonRef;
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isTouch = _React$useState2[0],
-      setTouch = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isTouch = _React$useState2[0],
+    setTouch = _React$useState2[1];
   var ElementType = href ? 'a' : 'button';
   var displayArrow = showArrow && !icon;
   var handleClick = React.useCallback(function (e) {
@@ -105,7 +95,6 @@ var Button = function Button(_ref) {
       e.preventDefault();
       return;
     }
-
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
   }, [disabled, onClick]);
   var currentTheme = React.useMemo(function () {
@@ -118,10 +107,8 @@ var Button = function Button(_ref) {
     switch (true) {
       case loaderWhite:
         return PreloaderColors.WHITE;
-
       case type === ButtonTypes.OUTLINE && theme === ButtonThemes.BLACK:
         return PreloaderColors.BLACK;
-
       default:
         return PreloaderColors.DEFAULT;
     }
@@ -130,7 +117,6 @@ var Button = function Button(_ref) {
     if (!children && !icon) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content), {
       className: cn('content', {
         ellipsis: ellipsis,
@@ -150,10 +136,8 @@ var Button = function Button(_ref) {
     switch (true) {
       case icon && !children:
         return Content.ICON;
-
       case icon && !!children:
         return Content.ICON_TEXT;
-
       default:
         return Content.TEXT;
     }
@@ -173,23 +157,18 @@ var Button = function Button(_ref) {
       sizeMobile: sizeMobile && getLoaderSize(sizeMobile)
     });
   }, [dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.loader, loaderColor, sizeAll, sizeWide, sizeDesktop, sizeTablet, sizeMobile]);
-
   var setRelAttribute = function setRelAttribute() {
     if (ElementType !== 'a') {
       return undefined;
     }
-
     if (rel) {
       return rel;
     }
-
     if (target && target !== '_self') {
       return 'noreferrer noopener';
     }
-
     return undefined;
   };
-
   var classNameValue = Array.isArray(className) ? [].concat(_toConsumableArray(className), [rootClassName]) : [className, rootClassName];
   React.useEffect(function () {
     setTouch(detectTouch());
@@ -223,43 +202,4 @@ var Button = function Button(_ref) {
     className: cn('inner', innerClassName)
   }), renderedContent, showLoader && renderedLoader));
 };
-
-Button.propTypes = {
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    content: PropTypes.string,
-    inner: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    content: PropTypes.objectOf(PropTypes.string.isRequired),
-    inner: PropTypes.objectOf(PropTypes.string.isRequired),
-    loader: PropTypes.objectOf(PropTypes.string.isRequired),
-    text: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrow: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  theme: PropTypes.oneOf(Object.values(ButtonThemes)),
-  type: PropTypes.oneOf(Object.values(ButtonTypes)),
-  href: PropTypes.string,
-  download: PropTypes.bool,
-  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  rel: PropTypes.string,
-  actionType: PropTypes.oneOf(['button', 'reset', 'submit']),
-  sizeAll: PropTypes.oneOf(Object.values(ButtonSizes)),
-  sizeWide: PropTypes.oneOf(Object.values(ButtonSizes)),
-  sizeDesktop: PropTypes.oneOf(Object.values(ButtonSizes)),
-  sizeTablet: PropTypes.oneOf(Object.values(ButtonSizes)),
-  sizeMobile: PropTypes.oneOf(Object.values(ButtonSizes)),
-  fullWidth: PropTypes.bool,
-  fullWidthMobile: PropTypes.bool,
-  showLoader: PropTypes.bool,
-  showArrow: PropTypes.bool,
-  icon: PropTypes.element,
-  disabled: PropTypes.bool,
-  buttonRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  ellipsis: PropTypes.bool,
-  onClick: PropTypes.func
-};
 export default Button;

package/dist/es/components/Calendar/Calendar.css

@@ -1,24 +1 @@
-.mfui-calendar {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-.mfui-calendar_modern {
-  display: block;
-  width: 364px;
-  height: 304px;
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-.mfui-calendar_modern::-webkit-scrollbar {
-  width: 16px;
-}
-.mfui-calendar_modern::-webkit-scrollbar-thumb {
-  border: 6px solid transparent;
-  border-radius: 16px;
-  background-color: #D8D8D8;
-  background-clip: padding-box;
-}
-.mfui-calendar_modern::-webkit-scrollbar-thumb:hover {
-  background-color: #999999;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-calendar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mfui-calendar_modern{display:block;height:304px;overflow-x:hidden;overflow-y:scroll;width:364px}.mfui-calendar_modern::-webkit-scrollbar{width:16px}.mfui-calendar_modern::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-calendar_modern::-webkit-scrollbar-thumb:hover{background-color:#999}

package/dist/es/components/Calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './Calendar.less';
+import * as React from 'react';
+import './Calendar.scss';
 export declare const CalendarTypes: {
     readonly CLASSIC: "Classic";
     readonly MODERN: "Modern";
@@ -9,8 +9,8 @@ export declare const CalendarDirectionTypes: {
     readonly FUTURE: "future";
     readonly BOTH: "both";
 };
-declare type CalendarTypesType = typeof CalendarTypes[keyof typeof CalendarTypes];
-declare type CalendarDirectionType = typeof CalendarDirectionTypes[keyof typeof CalendarDirectionTypes];
+type CalendarTypesType = (typeof CalendarTypes)[keyof typeof CalendarTypes];
+type CalendarDirectionType = (typeof CalendarDirectionTypes)[keyof typeof CalendarDirectionTypes];
 export interface ICalendarProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {