@megafon/ui-core 8.17.0 → 8.17.1

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

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import './RadioButton.scss';
-export interface IRadioButtonProps {
-    /** Тема кнопки */
-    color?: 'dark' | 'light';
-    /** Значение */
-    value: string;
-    /** Имя для тега form */
-    name?: string;
-    /** Размер текста лейбла */
-    textSize?: 'small' | 'medium';
-    /** Отключение радио-кнопки */
-    disabled?: boolean;
-    /** Управление состоянием вкл/выкл компонента */
-    isChecked?: boolean;
-    /** Дополнительный класс корневого элемента */
-    className?: string | string[];
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        label?: string;
-        customInput?: string;
-        labelText?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        input?: Record<string, string>;
-        text?: Record<string, string>;
-    };
-    children?: React.ReactNode;
-    /** Обработчик изменения значения 'value' */
-    onChange?: (value: string) => void;
-    /** Ссылка на input */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-declare const RadioButton: React.FC<IRadioButtonProps>;
-export default RadioButton;

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

@@ -1,64 +0,0 @@
-"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"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.is-array.js");
-require("core-js/modules/es.function.name.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-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 cn = (0, _uiHelpers.cnCreate)('mfui-radio-button');
-var RadioButton = function RadioButton(_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'dark' : _ref$color,
-    isChecked = _ref.isChecked,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    name = _ref.name,
-    value = _ref.value,
-    _ref$textSize = _ref.textSize,
-    textSize = _ref$textSize === void 0 ? 'medium' : _ref$textSize,
-    children = _ref.children,
-    inputRef = _ref.inputRef,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs,
-    onChange = _ref.onChange;
-  var checkedProp = isChecked !== undefined ? {
-    checked: isChecked
-  } : {};
-  var rootClassNames = Array.isArray(className) ? [].concat((0, _toConsumableArray2["default"])(className), [classes.root]) : [className, classes.root];
-  var handleChange = function handleChange() {
-    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn(rootClassNames)
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("label", {
-    className: cn('label', (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, color, true), "disabled", disabled), classes.label)
-  }, /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({}, checkedProp, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
-    className: cn('input', (0, _defineProperty2["default"])({}, color, true)),
-    type: "radio",
-    name: name,
-    value: value,
-    onChange: handleChange,
-    disabled: disabled,
-    ref: inputRef
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('custom-input', classes.customInput)
-  }), children && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
-    className: cn('text', {
-      size: textSize
-    }, classes.labelText)
-  }), children)));
-};
-var _default = exports["default"] = RadioButton;

package/dist/lib/components/Row/Row.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-row{background-color:var(--base);border:none;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12px 16px;position:relative;text-decoration:none;-webkit-transition:background-color,color,-webkit-box-shadow;transition:background-color,color,-webkit-box-shadow;transition:background-color,color,box-shadow;transition:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}@media screen and (min-width:768px){.mfui-row{padding:20px 24px}}@media screen and (min-width:1024px){.mfui-row{padding:24px 32px}}.mfui-row:hover{text-decoration:none}.mfui-row__wrapper{width:100%}.mfui-row__icon-container,.mfui-row__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-row__icon-container{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:40px;justify-content:center;margin-right:8px;width:40px}@media screen and (max-width:767px){.mfui-row__icon-container{margin-left:-4px}}@media screen and (min-width:768px){.mfui-row__icon-container{height:48px;margin-right:12px;width:48px}}@media screen and (min-width:1024px){.mfui-row__icon-container{height:56px;margin-right:16px;width:56px}}.mfui-row__icon-container svg{fill:var(--content)}.mfui-row__icon-container_colored{background-color:var(--brandGreen20);border-radius:50%}.mfui-row__icon-container_colored svg{fill:var(--brandGreen)}.mfui-row__icon,.mfui-row__icon svg{height:32px;min-width:32px;width:32px}@media screen and (min-width:1024px){.mfui-row__icon,.mfui-row__icon svg{height:40px;min-width:40px;width:40px}}.mfui-row__header{margin-right:auto;padding-right:12px}@media screen and (max-width:767px){.mfui-row__title{font-size:15px;font-weight:500;line-height:24px}}.mfui-row__sub-title{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:2px}@media screen and (min-width:768px){.mfui-row__sub-title:not(.mfui-row_size_small){font-size:15px;line-height:24px;margin-top:4px}}.mfui-row__arrow{height:32px;min-width:32px;width:32px;fill:var(--spbSky3)}@media screen and (min-width:768px){.mfui-row__arrow{margin-left:4px}}@media screen and (min-width:1024px){.mfui-row__arrow{margin-left:12px}}.mfui-row__children{font-size:15px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-row__children{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}}@media screen and (min-width:768px) and (min-width:1280px){.mfui-row__children{font-size:20px;line-height:28px}}.mfui-row_view_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-row_view_stroke{background-color:inherit;border:1px solid var(--spbSky2)}.mfui-row_pointer{cursor:pointer}.mfui-row_pointer.mfui-row_view_shadow:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-row_pointer.mfui-row_view_shadow:hover:after{background-color:var(--stcWhite10);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mfui-row_pointer.mfui-row_view_stroke:hover{background-color:var(--spbSky0)}.mfui-row_has-arrow{padding-right:8px}@media screen and (min-width:768px){.mfui-row_has-arrow{padding-right:16px}}@media screen and (min-width:1024px){.mfui-row_has-arrow{padding-right:20px}.mfui-row_has-arrow.mfui-row_size_small{padding-right:16px}}@media screen and (min-width:768px){.mfui-row_size_small{padding:16px 24px 16px 20px}}@media screen and (min-width:1024px){.mfui-row_size_small{padding:20px 24px}.mfui-row_size_small .mfui-row__sub-title{font-size:15px;line-height:24px;margin-top:4px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-row_size_small .mfui-row__icon-container{height:40px;width:40px}.mfui-row_size_small .mfui-row__arrow{margin-right:-4px}}.mfui-row_size_small .mfui-row__children{font-size:15px;font-weight:500;line-height:24px}.mfui-row_auto-height{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}

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

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import './Row.scss';
-export interface IRowProps {
-    /** Заголовок */
-    title: string;
-    /** Дополнительный текст */
-    subTitle?: string;
-    /** Размер компонента */
-    size?: 'big' | 'small';
-    /** Визуальный эффект фона */
-    backgroundView?: 'shadow' | 'stroke';
-    /** Иконка */
-    icon?: JSX.Element;
-    /** Фоновая заливка у иконки */
-    isIconColored?: boolean;
-    /** Показать стелку */
-    showArrow?: boolean;
-    /** Показать загрузку */
-    showLoader?: boolean;
-    /** Ссылка */
-    href?: string;
-    /** Атрибут для открытия ссылки */
-    target?: '_self' | '_blank';
-    /** rel - аргумент тега <a> */
-    rel?: string;
-    /** Автоматическая высота */
-    autoHeight?: boolean;
-    /** Обработчик клика */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-    /** Дочерние элементы: Badges, Switcher, Selector */
-    children?: React.ReactNode | string;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        title?: string;
-        subtitle?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        arrow?: Record<string, string>;
-        preloader?: Record<string, string>;
-    };
-}
-declare const Row: React.FC<IRowProps>;
-export default Row;

package/dist/lib/components/Row/Row.js

@@ -1,95 +0,0 @@
-"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"));
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _Header = _interopRequireDefault(require("../Header/Header"));
-var _Preloader = _interopRequireDefault(require("../Preloader/Preloader"));
-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 ArrowRight = function ArrowRight(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-row');
-var Row = function Row(_ref) {
-  var title = _ref.title,
-    subTitle = _ref.subTitle,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'big' : _ref$size,
-    _ref$backgroundView = _ref.backgroundView,
-    backgroundView = _ref$backgroundView === void 0 ? 'shadow' : _ref$backgroundView,
-    icon = _ref.icon,
-    _ref$isIconColored = _ref.isIconColored,
-    isIconColored = _ref$isIconColored === void 0 ? false : _ref$isIconColored,
-    _ref$showArrow = _ref.showArrow,
-    showArrow = _ref$showArrow === void 0 ? false : _ref$showArrow,
-    _ref$showLoader = _ref.showLoader,
-    showLoader = _ref$showLoader === void 0 ? false : _ref$showLoader,
-    href = _ref.href,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_self' : _ref$target,
-    rel = _ref.rel,
-    _ref$autoHeight = _ref.autoHeight,
-    autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs;
-  var ElementType = href ? 'a' : 'div';
-  var isActive = !showLoader && (!!href || !!onClick);
-  var isSmallSize = size === 'small';
-  var handleClick = function handleClick(e) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-  };
-  return /*#__PURE__*/React.createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      size: size,
-      view: backgroundView,
-      pointer: isActive,
-      'has-arrow': showArrow && !showLoader,
-      'auto-height': autoHeight
-    }, [className, classes.root]),
-    href: href,
-    target: href ? target : undefined,
-    rel: rel,
-    onClick: handleClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('wrapper')
-  }, !!icon && /*#__PURE__*/React.createElement("div", {
-    className: cn('icon-container', {
-      colored: isIconColored
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('icon')
-  }, icon)), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, /*#__PURE__*/React.createElement(_Header["default"], {
-    className: cn('title', [classes.title]),
-    as: isSmallSize ? 'h5' : 'h3',
-    space: isSmallSize ? 'tight' : 'wide'
-  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), !!subTitle && /*#__PURE__*/React.createElement("div", {
-    className: cn('sub-title', [classes.subtitle])
-  }, (0, _uiHelpers.convert)(subTitle, _uiHelpers.textConvertConfig))), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cn('children')
-  }, children), showArrow && /*#__PURE__*/React.createElement(ArrowRight, (0, _extends2["default"])({
-    className: cn('arrow')
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrow)))) : /*#__PURE__*/React.createElement(_Preloader["default"], {
-    delay: false,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.preloader
-    }
-  })));
-};
-var _default = exports["default"] = Row;

package/dist/lib/components/ScrollBar/ScrollBar.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar_show-always .simplebar-vertical{-webkit-animation:none;animation:none}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}

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

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import 'simplebar-react/dist/simplebar.min.css';
-import './ScrollBar.scss';
-export interface IScrollBarProps {
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        init?: string;
-        scrollContent?: string;
-        childrenWrap?: string;
-    };
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        init?: Record<string, string>;
-    };
-    /** Максимальная высота контента */
-    maxHeight: number | null;
-    /** Не отображать на всех разрешениях экрана */
-    hideAll?: boolean;
-    /** Не отображать на разрешении экрана 1280+ */
-    hideWide?: boolean;
-    /** Не отображать на разрешении экрана 1024+ */
-    hideDesktop?: boolean;
-    /** Не отображать на разрешении экрана 768-1023 */
-    hideTablet?: boolean;
-    /** Не отображать на разрешении экрана 0-767 */
-    hideMobile?: boolean;
-    /** Отображать скролл всегда */
-    showAlways?: boolean;
-    /** Ref обработчик */
-    getScrollBar?: (node: HTMLElement) => void;
-    /** Ref обработчик для Scrollable element */
-    getScrollable?: (node: HTMLElement) => void;
-    children?: React.ReactNode;
-}
-declare const ScrollBar: React.FC<IScrollBarProps>;
-export default ScrollBar;

package/dist/lib/components/ScrollBar/ScrollBar.js

@@ -1,105 +0,0 @@
-"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"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _simplebarReact = _interopRequireDefault(require("simplebar-react"));
-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 cn = (0, _uiHelpers.cnCreate)('mfui-scroll-bar');
-var ScrollBar = function ScrollBar(_ref) {
-  var classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs,
-    maxHeight = _ref.maxHeight,
-    hideAll = _ref.hideAll,
-    hideWide = _ref.hideWide,
-    hideDesktop = _ref.hideDesktop,
-    hideTablet = _ref.hideTablet,
-    hideMobile = _ref.hideMobile,
-    showAlways = _ref.showAlways,
-    getScrollBar = _ref.getScrollBar,
-    getScrollable = _ref.getScrollable,
-    children = _ref.children;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isInitialHide = _React$useState2[0],
-    setIsInitialHide = _React$useState2[1];
-  var scrollBarInitNode = React.useRef(null);
-  var scrollableNode = React.useRef(null);
-  var resizeObserver = React.useRef(null);
-  function handleGetScrollBarRef(node) {
-    if (!node) {
-      return;
-    }
-    var scrollInitEl = node.el;
-    scrollBarInitNode.current = scrollInitEl;
-    getScrollBar === null || getScrollBar === void 0 ? void 0 : getScrollBar(scrollInitEl);
-  }
-  function handleGetScrollableRef(node) {
-    scrollableNode.current = node;
-    getScrollable === null || getScrollable === void 0 ? void 0 : getScrollable(node);
-  }
-  var handleSetInitialHide = React.useCallback(function () {
-    if (!scrollBarInitNode.current || !maxHeight) {
-      setIsInitialHide(false);
-      return;
-    }
-    var scrollContentNode = scrollBarInitNode.current.querySelector(".".concat(cn('scroll-content')));
-    if (!scrollContentNode) {
-      setIsInitialHide(false);
-      return;
-    }
-    var scrollContentOffsetHeight = scrollContentNode.offsetHeight;
-    setIsInitialHide(scrollContentOffsetHeight <= maxHeight);
-  }, [maxHeight]);
-  React.useEffect(function () {
-    if (!scrollBarInitNode.current || !maxHeight) {
-      return undefined;
-    }
-    resizeObserver.current = new ResizeObserver(handleSetInitialHide);
-    resizeObserver.current.observe(scrollBarInitNode.current);
-    return function () {
-      if (resizeObserver.current && scrollBarInitNode.current) {
-        resizeObserver.current.unobserve(scrollBarInitNode.current);
-      }
-    };
-  }, [handleSetInitialHide, maxHeight]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      'initial-hide': isInitialHide,
-      'hide-all': hideAll,
-      'hide-wide': hideWide,
-      'hide-desktop': hideDesktop,
-      'hide-tablet': hideTablet,
-      'hide-mobile': hideMobile,
-      'show-always': showAlways
-    }, [classes === null || classes === void 0 ? void 0 : classes.root])
-  }), /*#__PURE__*/React.createElement(_simplebarReact["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
-    className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
-    classNames: {
-      track: cn('scroll-track'),
-      scrollbar: cn('scroll-track-bar'),
-      hover: cn('scroll-track-hover'),
-      scrolling: cn('init-scrolling'),
-      contentEl: cn('scroll-content', [classes === null || classes === void 0 ? void 0 : classes.scrollContent])
-    },
-    style: {
-      maxHeight: "".concat(maxHeight, "px")
-    },
-    forceVisible: "y",
-    ref: handleGetScrollBarRef,
-    scrollableNodeProps: {
-      ref: handleGetScrollableRef
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('children-wrap', [classes === null || classes === void 0 ? void 0 : classes.childrenWrap])
-  }, children)));
-};
-var _default = exports["default"] = ScrollBar;

package/dist/lib/components/Search/Search.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-search{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;line-height:24px;min-height:40px;position:relative;z-index:auto}.mfui-search__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-search__control{border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none;position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.mfui-search__field_labeled::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-search__field:focus::-webkit-input-placeholder{opacity:1}.mfui-search__field:focus::-moz-placeholder{opacity:1}.mfui-search__field:focus:-ms-input-placeholder{opacity:1}.mfui-search__field:focus::-ms-input-placeholder{opacity:1}.mfui-search__field:focus::placeholder{opacity:1}.mfui-search__field{display:block;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--brandGreen);color:var(--content);cursor:text;flex-grow:1;font-family:inherit;font-size:100%;height:100%;line-height:24px;opacity:1;outline:none;overflow:auto;padding:0;resize:none;width:100%}@media screen and (max-width:767px){.mfui-search__field{width:90%}}.mfui-search__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;-webkit-transition:scale .5s,top .01s,-webkit-transform .5s;transition:scale .5s,top .01s,-webkit-transform .5s;transition:transform .5s,scale .5s,top .01s;transition:transform .5s,scale .5s,top .01s,-webkit-transform .5s;z-index:1}.mfui-search__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:-1px;position:absolute;right:-1px;top:calc(100% + 1px);z-index:0}.mfui-search__clear,.mfui-search__submit-button{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;background-color:transparent;border:none;cursor:pointer;height:100%;justify-content:center;padding:0;text-align:center}.mfui-search__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-width:none}.mfui-search__list-inner::-webkit-scrollbar{display:none}.mfui-search__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-search__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-search__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-search__popular-item{background-color:var(--base);border-radius:16px;cursor:pointer;min-height:48px;padding-left:12px;padding-right:16px;text-decoration:none}.mfui-search__popular-icon,.mfui-search__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-search__popular-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:16px;width:32px}.mfui-search__list-item_active,.mfui-search__popular-item_active{background-color:var(--spbSky0)}.mfui-search__item-title,.mfui-search__popular-item-title{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;white-space:nowrap}.mfui-search__item-title:after,.mfui-search__popular-item-title:after{background:var(--base);bottom:0;content:"";-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--base) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);position:absolute;right:0;top:0;width:40px}.mfui-search__list-item_active .mfui-search__item-title:after,.mfui-search__popular-item_active .mfui-search__popular-item-title:after{background:var(--spbSky0);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%)}.mfui-search__highlighted-fragment{font-weight:700}.mfui-search__notice{font-size:12px;line-height:16px;margin-top:4px}.mfui-search__notice_error{color:var(--fury)}.mfui-search__notice_success{color:var(--brandGreen)}.mfui-search__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mfui-search__list_not-found{cursor:default}.mfui-search__not-found-text{background-color:var(--base);color:var(--spbSky3);font-family:inherit;padding:12px 32px}.mfui-search__not-found-text_show-popular{border-bottom:1px solid var(--spbSky2);padding:0 0 16px}.mfui-search__popular-title{padding-bottom:8px;padding-top:16px}.mfui-search_open{z-index:12}.mfui-search_open .mfui-search__list{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:listAppear;animation-name:listAppear;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:block}.mfui-search_type_textfield .mfui-search__control{background-color:var(--base);border-color:var(--spbSky2);border-radius:12px;height:60px;padding:0 16px}.mfui-search_type_textfield .mfui-search__control:hover,.mfui-search_type_textfield .mfui-search__control_focused{border-color:var(--content)}.mfui-search_type_textfield .mfui-search__label{top:17px}.mfui-search_type_textfield .mfui-search__field:focus+.mfui-search__label,.mfui-search_type_textfield .mfui-search__field_filled+.mfui-search__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition:scale .2s,top .01s,-webkit-transform .2s;transition:scale .2s,top .01s,-webkit-transform .2s;transition:transform .2s,scale .2s,top .01s;transition:transform .2s,scale .2s,top .01s,-webkit-transform .2s}.mfui-search_type_textfield .mfui-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-search_type_textfield .mfui-search__submit-icon{height:32px;width:32px;fill:var(--content)}.mfui-search_textarea .mfui-search__control{height:auto;min-height:60px}.mfui-search_textarea .mfui-search__field{-webkit-box-sizing:content-box;box-sizing:content-box;max-height:204px;padding-bottom:9px;padding-top:17px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-search_textarea .mfui-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-search_textarea .mfui-search__icons{height:58px;margin-left:8px}.mfui-search_textarea .mfui-search__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-search__textarea-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;width:100%}.mfui-search_type_textfield.mfui-search_disabled .mfui-search__control{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-search_type_textfield.mfui-search_disabled .mfui-search__submit-icon{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-search_type_compact .mfui-search__control{background-color:var(--spbSky0);border-color:var(--spbSky0);border-radius:24px;height:40px;padding:0 12px;-webkit-transition:background-color,border-color .3s;transition:background-color,border-color .3s}.mfui-search_type_compact .mfui-search__control:hover{background-color:var(--spbSky1)}.mfui-search_type_compact .mfui-search__field{height:100%;padding:8px 0 8px 12px}.mfui-search_type_compact .mfui-search__label{left:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mfui-search_type_compact .mfui-search__field:focus+.mfui-search__label,.mfui-search_type_compact .mfui-search__field_filled+.mfui-search__label{opacity:0}.mfui-search_type_compact .mfui-search__submit-icon{height:20px;width:20px;fill:var(--spbSky3)}.mfui-search_type_compact .mfui-search__clear{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;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:12px;padding:0;width:24px}.mfui-search_type_compact .mfui-search__clear-icon{height:24px;width:24px;fill:var(--spbSky3)}.mfui-search_type_compact .mfui-search__clear-icon:hover{fill:var(--content)}.mfui-search_type_compact .mfui-search__clear-icon:active{fill:var(--buttonDown)}.mfui-search_type_compact.mfui-search_open .mfui-search__control{background-color:var(--spbSky1)}.mfui-search_type_compact.mfui-search_open .mfui-search__submit-icon{fill:var(--content)}.mfui-search_disabled .mfui-search__control{cursor:default;pointer-events:none}.mfui-search_disabled .mfui-search__submit-icon{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-search_error .mfui-search__control{border-color:var(--fury)}.mfui-search_success .mfui-search__control{border-color:var(--brandGreen)}.mfui-search__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-search__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-search__resizer:active svg,.mfui-search__resizer:hover svg{stroke:var(--spbSky3)}

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

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import './Search.scss';
-export declare const MinTextareaHeight: {
-    readonly ONE_ROW: 24;
-    readonly THREE_ROWS: number;
-};
-type MinTextareaHeightType = (typeof MinTextareaHeight)[keyof typeof MinTextareaHeight];
-export declare const Verification: {
-    readonly VALID: "valid";
-    readonly ERROR: "error";
-};
-type VerificationType = (typeof Verification)[keyof typeof Verification];
-export declare const SearchItemsPaddings: {
-    readonly SMALL: "small";
-    readonly LARGE: "large";
-};
-export type SearchItem = {
-    /** Значение value элемента */
-    value: string;
-    /** Ссылка элемента */
-    href?: string;
-    /** Настраиваемое отображение элементов в выпадающем списке */
-    searchView?: React.ReactNode;
-    /** Размер горизонтальных отступов элемента */
-    paddings?: (typeof SearchItemsPaddings)[keyof typeof SearchItemsPaddings];
-};
-export type PopularItem = {
-    /** Название элемента */
-    title: string;
-    /** Ссылка элемента */
-    href?: string;
-    /** Иконка элемента */
-    icon?: JSX.Element;
-};
-export interface ISearchProps {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        control?: Record<string, string>;
-        searchField?: Record<string, string>;
-        submit?: Record<string, string>;
-        item?: Record<string, string>;
-        itemTitle?: Record<string, string>;
-        notice?: Record<string, string>;
-        popularItem?: Record<string, string>;
-        clearButton?: Record<string, string>;
-        resizer?: Record<string, string>;
-    };
-    /** Значение */
-    value?: string;
-    /** Вид отображения */
-    type?: 'textfield' | 'compact';
-    /** Включить режим textarea */
-    textarea?: boolean;
-    /** Заголовок поля */
-    label?: string;
-    /** HTML идентификатор поля поиска */
-    searchId?: string;
-    /** Текст внутри поля по умолчанию */
-    placeholder?: string;
-    /** Запрещает отрисовку иконки */
-    hideIcon?: boolean;
-    /** Элементы выпадающего списка */
-    items?: SearchItem[];
-    /** Использование функции debounce для onChange */
-    changeDelay?: number;
-    /** Результат проверки данных */
-    verification?: VerificationType;
-    /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string | JSX.Element;
-    /** Максимальное вводимое количество текста */
-    maxLength?: number;
-    /** Максимальная высота для скролла */
-    maxHeightScrollBar?: number;
-    /** Отключение поля ввода */
-    disabled?: boolean;
-    /** Делает поле обязательным */
-    required?: boolean;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        label?: string;
-        input?: string;
-        listItemTitle?: string;
-        list?: string;
-        listInner?: string;
-        control?: string;
-        icon?: string;
-        submitButton?: string;
-        textNotFound?: string;
-        popularTitle?: string;
-        popularItem?: string;
-        resizer?: string;
-    };
-    /** Отображение загрузки */
-    showLoader?: boolean;
-    /** Выводить результат, когда нет результатов поиска */
-    showNotFound?: boolean;
-    /** Текст, когда нет результатов поиска */
-    textNotFound?: string;
-    /** Популярные элементы (max 5) */
-    popularItems?: PopularItem[];
-    /** Заголовок перед популярными элементами */
-    popularTitle?: string;
-    /** Ссылка на элемент списка с результатами */
-    listRef?: React.Ref<HTMLDivElement>;
-    /** Минимальная высота textarea, px */
-    minTextareaHeight?: MinTextareaHeightType;
-    /** Показать хендлер для ресайза текстового поля */
-    showResizer?: boolean;
-    /** Ref обработчик */
-    inputRef?: (node: HTMLInputElement | HTMLTextAreaElement) => void;
-    /** Обработчик изменения поля */
-    onChange?: (value: string) => void;
-    /** Обработчик нажатия на enter */
-    onSubmit?: (value: string) => void;
-    /** Обработчик выхода из фокуса */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Обработчик входа в фокус */
-    onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Обработчик нажатия на популярный элемент */
-    onPopularItemClick?: (popularItemValue?: string) => void;
-}
-declare const Search: React.FC<ISearchProps>;
-export default Search;