@megafon/ui-core 3.0.0-beta.7 → 3.0.1

package/dist/es/components/Link/Link.js

@@ -1,33 +1,25 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
 import _extends from "@babel/runtime/helpers/extends";
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-import * as React from 'react';
+import React from 'react';
 import { filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
-
-var Link = function Link(_a) {
-  var dataAttrs = _a.dataAttrs,
-      props = __rest(_a, ["dataAttrs"]);
+import PropTypes from 'prop-types';
 
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    React.createElement("a", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), props))
-  );
+var Link = function Link(_ref) {
+  var target = _ref.target,
+      href = _ref.href,
+      rel = _ref.rel,
+      onClick = _ref.onClick,
+      className = _ref.className,
+      download = _ref.download,
+      children = _ref.children,
+      dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/React.createElement("a", _extends({
+    className: className,
+    href: href,
+    target: target,
+    rel: rel,
+    download: download,
+    onClick: onClick
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), children);
 };
 
 Link.propTypes = {

package/dist/es/components/Logo/Logo.js

@@ -25,7 +25,7 @@ var greenVerticalImg = function greenVerticalImg(props) {
     fill: "none",
     d: "M-213 356.4h169v128.5h-169z"
   }), /*#__PURE__*/React.createElement("g", {
-    fill: "#00985F"
+    fill: "#00B956"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M-124.9 372.3v32.4c0 1.4-1.2 2.5-2.6 2.5h-3.9c-.2 0-.3.2-.3.3v27.2c1 .1 1.9.1 2.9.1 17.4 0 31.5-14.1 31.5-31.5 0-15.8-12-29.1-27.6-31zm-.6 48.4c-2.2 0-3.9-1.8-3.9-3.9 0-2.2 1.8-3.9 3.9-3.9 2.2 0 3.9 1.8 3.9 3.9 0 2.2-1.8 3.9-3.9 3.9zm9.2 0c-2.2 0-3.9-1.8-3.9-3.9 0-2.2 1.8-3.9 3.9-3.9 2.2 0 3.9 1.8 3.9 3.9 0 2.2-1.7 3.9-3.9 3.9zm9.2 0c-2.2 0-3.9-1.8-3.9-3.9 0-2.2 1.8-3.9 3.9-3.9s3.9 1.8 3.9 3.9c0 2.2-1.7 3.9-3.9 3.9z"
   }), /*#__PURE__*/React.createElement("path", {

package/dist/es/components/NavArrow/NavArrow.css

@@ -28,7 +28,7 @@
   background-color: var(--brandPurple);
 }
 .mfui-nav-arrow_theme_purple:hover:not(:disabled) {
-  background-color: var(--buttonhoverPurple);
+  background-color: var(--buttonHoverPurple);
 }
 .mfui-nav-arrow_theme_dark {
   background-color: var(--stcBlack20);

package/dist/es/components/Notification/Notification.css

@@ -126,31 +126,38 @@ h5 {
 }
 .mfui-notification__close {
   position: absolute;
-  top: 12px;
-  right: 12px;
+  top: 8px;
+  right: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 24px;
+  height: 24px;
   padding: 0;
   border: none;
   border-radius: 50%;
-  background: transparent;
-  cursor: pointer;
-}
-.mfui-notification__close:hover {
   background-color: var(--stcBlack5);
-}
-.mfui-notification__close-icon {
-  width: 20px;
-  height: 20px;
-  fill: var(--content);
+  cursor: pointer;
 }
 @media screen and (min-width: 768px) {
-  .mfui-notification__close-icon {
+  .mfui-notification__close {
+    top: 12px;
+    right: 12px;
     width: 32px;
     height: 32px;
   }
 }
+.mfui-notification__close-icon {
+  width: 10px;
+  height: 10px;
+  fill: var(--stcBlack50);
+}
 .mfui-notification_type_error .mfui-notification__icon-container {
   background-color: var(--fury20);
 }
@@ -182,36 +189,38 @@ h5 {
 .mfui-notification_colored .mfui-notification__icon-container {
   background-color: var(--stcWhite);
 }
-.mfui-notification_colored .mfui-notification__close:hover {
-  background-color: var(--stcWhite);
+.mfui-notification_colored.mfui-notification_type_success {
+  background-color: var(--brandGreen20);
 }
 .mfui-notification_colored.mfui-notification_type_success .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_success .mfui-notification__text,
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__link {
+  color: var(--stcBlack);
+}
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__right-arrow {
+  fill: var(--stcBlack);
+}
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container {
+  background-color: var(--stcWhite);
+}
+.mfui-notification_colored.mfui-notification_type_error {
+  background-color: var(--fury80);
+}
+.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__link,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__link {
   color: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__right-arrow,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__right-arrow {
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container {
   background-color: var(--stcWhite20);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container svg,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_success {
-  background-color: var(--brandGreen);
-}
-.mfui-notification_colored.mfui-notification_type_error {
-  background-color: var(--fury80);
-}
 .mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,

package/dist/es/components/Notification/Notification.js

@@ -53,9 +53,11 @@ var InfoIcon = function InfoIcon(props) {
 
 var CancelIcon = function CancelIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 10 10"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M20 18.586l6.364-6.364 1.414 1.414L21.414 20l6.364 6.364-1.414 1.414L20 21.414l-6.364 6.364-1.414-1.414L18.586 20l-6.364-6.364 1.414-1.414L20 18.586z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 3.75L1.25 0 0 1.25 3.75 5 0 8.75 1.25 10 5 6.25 8.75 10 10 8.75 6.25 5 10 1.25 8.75 0 5 3.75z"
   }));
 };
 

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -19,7 +19,7 @@ var PaginationButton = function PaginationButton(_ref) {
       dataAttrs = _ref.dataAttrs;
 
   var handleClick = function handleClick() {
-    onClick && onClick(value);
+    onClick === null || onClick === void 0 ? void 0 : onClick(value);
   };
 
   return /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {

package/dist/es/components/Pagination/helpers.d.ts

@@ -1,2 +1,2 @@
-declare const getRange: (from: any, to: any, step?: number) => number[];
+declare const getRange: (from: number, to: number, step?: number) => number[];
 export default getRange;

package/dist/es/components/Paragraph/Paragraph.css

@@ -38,12 +38,3 @@
 .mfui-paragraph_color_purple {
   color: var(--brandPurple);
 }
-.mfui-paragraph_color_spbSky0 {
-  color: var(--spbSky0);
-}
-.mfui-paragraph_color_spbSky1 {
-  color: var(--spbSky1);
-}
-.mfui-paragraph_color_spbSky2 {
-  color: var(--spbSky2);
-}

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

@@ -6,9 +6,6 @@ declare const COLORS: {
     readonly WHITE: "white";
     readonly GREEN: "green";
     readonly PURPLE: "purple";
-    readonly SPB_SKY_0: "spbSky0";
-    readonly SPB_SKY_1: "spbSky1";
-    readonly SPB_SKY_2: "spbSky2";
 };
 declare type ColorType = typeof COLORS[keyof typeof COLORS];
 export interface IParagraphProps {

package/dist/es/components/Paragraph/Paragraph.js

@@ -9,10 +9,7 @@ var COLORS = {
   DEFAULT: 'default',
   WHITE: 'white',
   GREEN: 'green',
-  PURPLE: 'purple',
-  SPB_SKY_0: 'spbSky0',
-  SPB_SKY_1: 'spbSky1',
-  SPB_SKY_2: 'spbSky2'
+  PURPLE: 'purple'
 };
 var cn = cnCreate('mfui-paragraph');
 

package/dist/es/components/RadioButton/RadioButton.js

@@ -30,7 +30,7 @@ var RadioButton = function RadioButton(_ref) {
   var rootClassNames = Array.isArray(className) ? [].concat(_toConsumableArray(className), [classes.root]) : [className, classes.root];
 
   var handleChange = function handleChange() {
-    return onChange && onChange(value);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
   };
 
   return /*#__PURE__*/React.createElement("div", _extends({

package/dist/es/components/Search/Search.js

@@ -72,7 +72,7 @@ var Search = function Search(_ref) {
     setActiveIndex(-1);
 
     if (changeDelay === 0) {
-      onChange && onChange(inputValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
     } else {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
@@ -93,7 +93,7 @@ var Search = function Search(_ref) {
     }
 
     var chosenValue = items[index].value;
-    onSubmit && onSubmit(chosenValue);
+    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(chosenValue);
   }, [disabled, items, onSubmit]);
   var handleSelectSubmit = React.useCallback(function () {
     return function () {
@@ -105,7 +105,7 @@ var Search = function Search(_ref) {
   }, []);
   var handleBlur = React.useCallback(function (e) {
     setFocus(false);
-    onBlur && onBlur(e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   }, [onBlur]);
   var handleClick = React.useCallback(function () {
     if (activeIndex >= 0) {
@@ -125,6 +125,7 @@ var Search = function Search(_ref) {
       e.preventDefault();
     } else if (e.key === 'Enter' && activeIndex > -1) {
       handleItemSubmit(activeIndex);
+      e.preventDefault();
     } else if (e.key === 'Enter' && activeIndex === -1) {
       handleSearchSubmit();
     }

package/dist/es/components/Select/Select.css

@@ -150,7 +150,7 @@
   background-color: var(--base);
   cursor: pointer;
 }
-.mfui-select__list-item_active {
+.mfui-select__list-item_hovered {
   background-color: var(--spbSky0);
 }
 .mfui-select__item-title {
@@ -177,7 +177,10 @@
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
   background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--base));
 }
-.mfui-select__list-item_active .mfui-select__item-title:after {
+.mfui-select__item-title_active {
+  font-weight: bold;
+}
+.mfui-select__list-item_hovered .mfui-select__item-title:after {
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
   background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--spbSky0));
 }

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

@@ -15,6 +15,7 @@ export declare type SelectItemValueType = number | string | undefined;
 declare type ElementOrString = JSX.Element[] | JSX.Element | Element[] | Element | string;
 declare type ViewCallbackArguments = {
     filterValue: string;
+    isItemActive: boolean;
 };
 export interface ISelectItem<T extends SelectItemValueType> {
     /** Заголовок элемента в выпадающем списке  */
@@ -79,16 +80,9 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Обработчик при закрытом селекте */
     onClosed?: () => void;
 }
-interface ISelectState<T extends SelectItemValueType> {
-    isOpened: boolean;
-    activeIndex: number;
-    filteredItems: Array<ISelectItem<T>>;
-    comparableInputValue: string;
-    inputValue: string;
-    isChoosenItem: boolean;
-}
-declare class Select<T extends SelectItemValueType> extends React.Component<ISelectProps<T>, ISelectState<T>> {
-    static propTypes: {
+declare const Select: {
+    <T extends string | number | undefined>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
+    propTypes: {
         type: PropTypes.Requireable<"classic" | "combobox">;
         label: PropTypes.Requireable<string>;
         id: PropTypes.Requireable<string>;
@@ -145,39 +139,5 @@ declare class Select<T extends SelectItemValueType> extends React.Component<ISel
         onOpened: PropTypes.Requireable<(...args: any[]) => any>;
         onClosed: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        disabled: boolean;
-        required: boolean;
-        type: string;
-        notFoundText: string;
-    };
-    itemWrapperNode: HTMLDivElement;
-    itemsNodeList: HTMLDivElement[];
-    selectNode: HTMLDivElement;
-    isTouch: boolean;
-    debouncedComboboxChange: any;
-    constructor(props: ISelectProps<T>);
-    componentDidMount(): void;
-    componentDidUpdate({ items: prevItems }: ISelectProps<T>): void;
-    componentWillUnmount(): void;
-    isEqualItems: (items: ISelectItem<T>[], prevItems: ISelectItem<T>[]) => boolean;
-    handleOpened: () => void;
-    handleClosed: () => void;
-    handleClickOutside: (e: MouseEvent) => void;
-    handleOpenDropdown: () => void;
-    handleSelectItem: (e: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    handleHoverItem: (index: number) => (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    handleComboboxFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    handleChangeCombobox: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => boolean;
-    highlightString: (title: string, view?: string | Element | JSX.Element | JSX.Element[] | Element[] | ((data: ViewCallbackArguments) => ElementOrString) | undefined) => ElementOrString;
-    getItemWrapper: (node: any) => void;
-    getSelectNode: (node: any) => void;
-    getNodeList: (node: any) => number;
-    scrollList(activeIndex: number): void;
-    renderTitle(): JSX.Element;
-    renderCombobox(): JSX.Element;
-    renderChildren(): JSX.Element;
-    render(): JSX.Element;
-}
+};
 export default Select;