@megafon/ui-core 5.18.1 → 6.0.0-beta.2

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './RadioButton.less';
+import './RadioButton.scss';
 export interface IRadioButtonProps {
     /** Тема кнопки */
     color?: 'dark' | 'light';

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

@@ -1,70 +1,50 @@
 "use strict";
 
-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); }
-
+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.function.name.js");
-
-require("core-js/modules/es.array.is-array.js");
-
 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");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
+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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-radio-button');
-
 var RadioButton = function RadioButton(_ref) {
-  var _cn;
-
   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;
+    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', (_cn = {}, (0, _defineProperty2["default"])(_cn, color, true), (0, _defineProperty2["default"])(_cn, "disabled", disabled), _cn), classes.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",
@@ -81,31 +61,4 @@ var RadioButton = function RadioButton(_ref) {
     }, classes.labelText)
   }), children)));
 };
-
-RadioButton.propTypes = {
-  color: PropTypes.oneOf(['dark', 'light']),
-  value: PropTypes.string.isRequired,
-  name: PropTypes.string,
-  textSize: PropTypes.oneOf(['small', 'medium']),
-  disabled: PropTypes.bool,
-  isChecked: PropTypes.bool,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    label: PropTypes.string,
-    customInput: PropTypes.string,
-    labelText: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    input: PropTypes.objectOf(PropTypes.string.isRequired),
-    text: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  children: PropTypes.node,
-  onChange: PropTypes.func,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])])
-};
-var _default = RadioButton;
-exports["default"] = _default;
+var _default = exports["default"] = RadioButton;

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import './Row.less';
+import * as React from 'react';
+import './Row.scss';
 export interface IRowProps {
     /** Заголовок */
     title: string;

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

@@ -1,73 +1,57 @@
 "use strict";
 
-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); }
-
+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 = _interopRequireDefault(require("react"));
-
+var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _Header = _interopRequireDefault(require("../Header/Header"));
-
 var _Preloader = _interopRequireDefault(require("../Preloader/Preloader"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
+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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var ArrowRight = function ArrowRight(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, 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,
-      onClick = _ref.onClick,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
+    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,
+    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["default"].createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  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,
@@ -78,50 +62,30 @@ var Row = function Row(_ref) {
     target: href ? target : undefined,
     rel: rel,
     onClick: handleClick
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: cn('wrapper')
-  }, !!icon && /*#__PURE__*/_react["default"].createElement("div", {
+  }, !!icon && /*#__PURE__*/React.createElement("div", {
     className: cn('icon-container', {
       colored: isIconColored
     })
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: cn('icon')
-  }, icon)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, icon)), /*#__PURE__*/React.createElement("div", {
     className: cn('header')
-  }, /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+  }, /*#__PURE__*/React.createElement(_Header["default"], {
     className: cn('title', [classes.title]),
     as: isSmallSize ? 'h5' : 'h3'
-  }, title), !!subTitle && /*#__PURE__*/_react["default"].createElement("div", {
+  }, title), !!subTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('sub-title', [classes.subtitle])
-  }, subTitle)), !showLoader ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  }, subTitle)), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: cn('children')
-  }, children), showArrow && /*#__PURE__*/_react["default"].createElement(ArrowRight, (0, _extends2["default"])({
+  }, 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["default"].createElement(_Preloader["default"], {
+  }, (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
     }
   })));
 };
-
-Row.propTypes = {
-  title: PropTypes.string.isRequired,
-  subTitle: PropTypes.string,
-  size: PropTypes.oneOf(['big', 'small']),
-  backgroundView: PropTypes.oneOf(['shadow', 'stroke']),
-  icon: PropTypes.element,
-  isIconColored: PropTypes.bool,
-  showArrow: PropTypes.bool,
-  showLoader: PropTypes.bool,
-  href: PropTypes.string,
-  target: PropTypes.oneOf(['_self', '_blank']),
-  rel: PropTypes.string,
-  onClick: PropTypes.func,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  classes: PropTypes.objectOf(PropTypes.string),
-  dataAttrs: PropTypes.objectOf(PropTypes.object)
-};
-var _default = Row;
-exports["default"] = _default;
+var _default = exports["default"] = Row;

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

@@ -0,0 +1,34 @@
+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;
+    /** Ref обработчик */
+    getScrollBar?: (node: HTMLElement) => void;
+    children?: React.ReactNode;
+}
+declare const ScrollBar: React.FC<IScrollBarProps>;
+export default ScrollBar;

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

@@ -0,0 +1,94 @@
+"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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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,
+    getScrollBar = _ref.getScrollBar,
+    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 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);
+  }
+  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"])({
+    className: cn({
+      'initial-hide': isInitialHide,
+      'hide-all': hideAll,
+      'hide-wide': hideWide,
+      'hide-desktop': hideDesktop,
+      'hide-tablet': hideTablet,
+      'hide-mobile': hideMobile
+    }, [classes === null || classes === void 0 ? void 0 : classes.root])
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.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
+  }), /*#__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.d.ts

@@ -1,26 +1,25 @@
-import React from 'react';
-import './Search.less';
+import * as React from 'react';
+import './Search.scss';
 export declare const Verification: {
     readonly VALID: "valid";
     readonly ERROR: "error";
 };
-declare type VerificationType = typeof Verification[keyof typeof Verification];
-declare type ElementOrString = JSX.Element[] | JSX.Element | Element[] | Element;
+type VerificationType = (typeof Verification)[keyof typeof Verification];
 export declare const SearchItemsPaddings: {
     readonly SMALL: "small";
     readonly LARGE: "large";
 };
-export declare type SearchItem = {
+export type SearchItem = {
     /** Значение value элемента */
     value: string;
     /** Ссылка элемента */
     href?: string;
     /** Настраиваемое отображение элементов в выпадающем списке */
-    searchView?: ElementOrString;
+    searchView?: React.ReactNode;
     /** Размер горизонтальных отступов элемента */
-    paddings?: typeof SearchItemsPaddings[keyof typeof SearchItemsPaddings];
+    paddings?: (typeof SearchItemsPaddings)[keyof typeof SearchItemsPaddings];
 };
-export declare type PopularItem = {
+export type PopularItem = {
     /** Название элемента */
     title: string;
     /** Ссылка элемента */