@megafon/ui-core 7.7.0 → 7.8.0

package/dist/es/components/ErrorLoad/ErrorLoad.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-error-load{background:inherit}.mfui-error-load_cardinal_vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-error-load_cardinal_horizontal,.mfui-error-load_cardinal_vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-error-load_cardinal_horizontal{gap:8px;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-error-load__header{text-align:center}.mfui-error-load__text .mfui-error-load__caption_background_on-color,.mfui-error-load__text .mfui-error-load__header_background_on-color{color:var(--stcWhite)}.mfui-error-load__text .mfui-error-load__caption_background_on-base{color:var(--spbSky3)}.mfui-error-load__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.mfui-error-load__text_cardinal_vertical{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IButtonProps } from '../Button/Button';
+import './ErrorLoad.scss';
+type ButtonProps = Pick<IButtonProps, 'disabled' | 'showLoader' | 'onClick'>;
+export interface IErrorLoadProps {
+    /** Размер блока */
+    big?: boolean;
+    /** Цветовая тема */
+    background?: 'on-base' | 'on-color';
+    /** Ориентация блока */
+    cardinalDirection?: 'vertical' | 'horizontal';
+    /** Параметры кнопки */
+    buttonParams?: ButtonProps;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+}
+declare const ErrorLoad: React.FC<IErrorLoadProps>;
+export default ErrorLoad;

package/dist/es/components/ErrorLoad/ErrorLoad.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.string.big.js";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import Button from "../Button/Button";
+import Caption from "../Caption/Caption";
+import Header from "../Header/Header";
+import "./ErrorLoad.css";
+var RefreshIcon24 = function RefreshIcon24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.064 8C11.604 8 8 11.588 8 16s3.604 8 8.064 8c4.1 0 7.478-3.033 7.995-6.948l1.983.262C25.393 22.223 21.17 26 16.064 26 10.513 26 6 21.53 6 16S10.513 6 16.064 6c3.456 0 6.507 1.731 8.32 4.371l.704-2.345 1.915.575-1.419 4.726a1 1 0 01-1.228.675l-4.855-1.364.541-1.925 2.664.748A8.074 8.074 0 0016.064 8z"
+  }));
+};
+var cn = cnCreate('mfui-error-load');
+var ErrorLoad = function ErrorLoad(_ref) {
+  var _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'on-base' : _ref$background,
+    _ref$big = _ref.big,
+    big = _ref$big === void 0 ? true : _ref$big,
+    _ref$cardinalDirectio = _ref.cardinalDirection,
+    cardinalDirection = _ref$cardinalDirectio === void 0 ? 'horizontal' : _ref$cardinalDirectio,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs,
+    buttonParams = _ref.buttonParams;
+  var isBaseBackground = background === 'on-base';
+  var isSmallIconSize = cardinalDirection === 'horizontal' || !big;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn({
+      cardinal: cardinalDirection
+    }, className)
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('text', {
+      cardinal: cardinalDirection
+    })
+  }, /*#__PURE__*/React.createElement(Header, {
+    as: big ? 'h3' : 'h5',
+    className: cn('header', {
+      background: background
+    })
+  }, "\u0414\u0430\u043D\u043D\u044B\u0435 \u043D\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043B\u0438\u0441\u044C"), big && /*#__PURE__*/React.createElement(Caption, {
+    hasMargin: false,
+    className: cn('caption', {
+      background: background
+    })
+  }, "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u043F\u043E\u0437\u0436\u0435")), /*#__PURE__*/React.createElement(Button, _extends({
+    icon: /*#__PURE__*/React.createElement(RefreshIcon24, null),
+    theme: isBaseBackground ? 'green' : 'white',
+    sizeAll: isSmallIconSize ? 'small' : 'medium'
+  }, buttonParams, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    }
+  })));
+};
+export default ErrorLoad;

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

@@ -68,6 +68,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

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

@@ -85,6 +85,7 @@ var Search = function Search(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     noticeText = _ref.noticeText,
+    maxLength = _ref.maxLength,
     className = _ref.className,
     classes = _ref.classes,
     _ref$type = _ref.type,
@@ -500,6 +501,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -526,6 +528,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,

package/dist/es/index.d.ts

@@ -18,6 +18,7 @@ export { default as Counter } from './components/Counter/Counter';
 export { default as CounterBadge } from './components/Badges/CounterBadge/CounterBadge';
 export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
 export { default as Day } from './components/Calendar/components/_Day/Day';
+export { default as ErrorLoad } from './components/ErrorLoad/ErrorLoad';
 export { default as Grid } from './components/Grid/Grid';
 export { default as GridColumn } from './components/Grid/GridColumn';
 export { default as Header } from './components/Header/Header';

package/dist/es/index.js

@@ -18,6 +18,7 @@ export { default as Counter } from "./components/Counter/Counter";
 export { default as CounterBadge } from "./components/Badges/CounterBadge/CounterBadge";
 export { default as countGraphemes } from "./components/TextField/utils/countGraphemes";
 export { default as Day } from "./components/Calendar/components/_Day/Day";
+export { default as ErrorLoad } from "./components/ErrorLoad/ErrorLoad";
 export { default as Grid } from "./components/Grid/Grid";
 export { default as GridColumn } from "./components/Grid/GridColumn";
 export { default as Header } from "./components/Header/Header";

package/dist/lib/components/ErrorLoad/ErrorLoad.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-error-load{background:inherit}.mfui-error-load_cardinal_vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-error-load_cardinal_horizontal,.mfui-error-load_cardinal_vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-error-load_cardinal_horizontal{gap:8px;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-error-load__header{text-align:center}.mfui-error-load__text .mfui-error-load__caption_background_on-color,.mfui-error-load__text .mfui-error-load__header_background_on-color{color:var(--stcWhite)}.mfui-error-load__text .mfui-error-load__caption_background_on-base{color:var(--spbSky3)}.mfui-error-load__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.mfui-error-load__text_cardinal_vertical{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IButtonProps } from '../Button/Button';
+import './ErrorLoad.scss';
+type ButtonProps = Pick<IButtonProps, 'disabled' | 'showLoader' | 'onClick'>;
+export interface IErrorLoadProps {
+    /** Размер блока */
+    big?: boolean;
+    /** Цветовая тема */
+    background?: 'on-base' | 'on-color';
+    /** Ориентация блока */
+    cardinalDirection?: 'vertical' | 'horizontal';
+    /** Параметры кнопки */
+    buttonParams?: ButtonProps;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+}
+declare const ErrorLoad: React.FC<IErrorLoadProps>;
+export default ErrorLoad;

package/dist/lib/components/ErrorLoad/ErrorLoad.js

@@ -0,0 +1,68 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.string.big.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _Button = _interopRequireDefault(require("../Button/Button"));
+var _Caption = _interopRequireDefault(require("../Caption/Caption"));
+var _Header = _interopRequireDefault(require("../Header/Header"));
+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); }
+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 && {}.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var RefreshIcon24 = function RefreshIcon24(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.064 8C11.604 8 8 11.588 8 16s3.604 8 8.064 8c4.1 0 7.478-3.033 7.995-6.948l1.983.262C25.393 22.223 21.17 26 16.064 26 10.513 26 6 21.53 6 16S10.513 6 16.064 6c3.456 0 6.507 1.731 8.32 4.371l.704-2.345 1.915.575-1.419 4.726a1 1 0 01-1.228.675l-4.855-1.364.541-1.925 2.664.748A8.074 8.074 0 0016.064 8z"
+  }));
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-error-load');
+var ErrorLoad = function ErrorLoad(_ref) {
+  var _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'on-base' : _ref$background,
+    _ref$big = _ref.big,
+    big = _ref$big === void 0 ? true : _ref$big,
+    _ref$cardinalDirectio = _ref.cardinalDirection,
+    cardinalDirection = _ref$cardinalDirectio === void 0 ? 'horizontal' : _ref$cardinalDirectio,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs,
+    buttonParams = _ref.buttonParams;
+  var isBaseBackground = background === 'on-base';
+  var isSmallIconSize = cardinalDirection === 'horizontal' || !big;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      cardinal: cardinalDirection
+    }, className)
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('text', {
+      cardinal: cardinalDirection
+    })
+  }, /*#__PURE__*/React.createElement(_Header["default"], {
+    as: big ? 'h3' : 'h5',
+    className: cn('header', {
+      background: background
+    })
+  }, "\u0414\u0430\u043D\u043D\u044B\u0435 \u043D\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043B\u0438\u0441\u044C"), big && /*#__PURE__*/React.createElement(_Caption["default"], {
+    hasMargin: false,
+    className: cn('caption', {
+      background: background
+    })
+  }, "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u043F\u043E\u0437\u0436\u0435")), /*#__PURE__*/React.createElement(_Button["default"], (0, _extends2["default"])({
+    icon: /*#__PURE__*/React.createElement(RefreshIcon24, null),
+    theme: isBaseBackground ? 'green' : 'white',
+    sizeAll: isSmallIconSize ? 'small' : 'medium'
+  }, buttonParams, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    }
+  })));
+};
+var _default = exports["default"] = ErrorLoad;

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

@@ -68,6 +68,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/lib/components/Search/Search.js

@@ -94,6 +94,7 @@ var Search = function Search(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     noticeText = _ref.noticeText,
+    maxLength = _ref.maxLength,
     className = _ref.className,
     classes = _ref.classes,
     _ref$type = _ref.type,
@@ -509,6 +510,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -535,6 +537,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,

package/dist/lib/index.d.ts

@@ -18,6 +18,7 @@ export { default as Counter } from './components/Counter/Counter';
 export { default as CounterBadge } from './components/Badges/CounterBadge/CounterBadge';
 export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
 export { default as Day } from './components/Calendar/components/_Day/Day';
+export { default as ErrorLoad } from './components/ErrorLoad/ErrorLoad';
 export { default as Grid } from './components/Grid/Grid';
 export { default as GridColumn } from './components/Grid/GridColumn';
 export { default as Header } from './components/Header/Header';

package/dist/lib/index.js

@@ -111,6 +111,12 @@ Object.defineProperty(exports, "Day", {
     return _Day["default"];
   }
 });
+Object.defineProperty(exports, "ErrorLoad", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorLoad["default"];
+  }
+});
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function get() {
@@ -497,6 +503,7 @@ var _Counter = _interopRequireDefault(require("./components/Counter/Counter"));
 var _CounterBadge = _interopRequireDefault(require("./components/Badges/CounterBadge/CounterBadge"));
 var _countGraphemes = _interopRequireDefault(require("./components/TextField/utils/countGraphemes"));
 var _Day = _interopRequireDefault(require("./components/Calendar/components/_Day/Day"));
+var _ErrorLoad = _interopRequireDefault(require("./components/ErrorLoad/ErrorLoad"));
 var _Grid = _interopRequireDefault(require("./components/Grid/Grid"));
 var _GridColumn = _interopRequireDefault(require("./components/Grid/GridColumn"));
 var _Header = _interopRequireDefault(require("./components/Header/Header"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "7.7.0",
+    "version": "7.8.0",
     "files": [
         "dist",
         "styles"
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "a573f87db1256b45a663aa9acc352edc61a58004"
+    "gitHead": "adbb57b018314be1e716b9f09fe226e66107d198"
 }