@megafon/ui-core 8.15.0 → 8.16.0

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

@@ -33,12 +33,16 @@ export interface IChipsProps {
         root?: string;
         dropdown?: string;
         dropdownList?: string;
+        scroll?: string;
+        scrollInner?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
         dropdown?: Record<string, string>;
         dropdownList?: Record<string, string>;
+        scroll?: Record<string, string>;
+        scrollInner?: Record<string, string>;
     };
 }
 declare const Chips: React.FC<IChipsProps>;

package/dist/es/components/Chips/Chips.js

@@ -76,6 +76,14 @@ var Chips = function Chips(_ref) {
   var renderItems = function renderItems() {
     if (isScrollableMode) {
       return /*#__PURE__*/React.createElement(ChipsScrollPanel, {
+        classes: {
+          root: classes.scroll,
+          inner: classes.scrollInner
+        },
+        dataAttrs: {
+          root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scroll,
+          inner: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scrollInner
+        },
         value: selectedId,
         items: visibleItems,
         color: color,

package/dist/es/components/Chips/components/ChipsScrollPanel/ChipsScrollPanel.d.ts

@@ -2,6 +2,14 @@ import * as React from 'react';
 import { ChipColorsType, ChipIdType, IChipProps } from '../../Chip';
 import './ChipsScrollPanel.scss';
 export interface IChipsScrollPanelProps {
+    classes?: {
+        root?: string;
+        inner?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        inner?: Record<string, string>;
+    };
     value?: ChipIdType;
     items: IChipProps[];
     color: ChipColorsType;

package/dist/es/components/Chips/components/ChipsScrollPanel/ChipsScrollPanel.js

@@ -12,13 +12,16 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import Chip from "../../Chip";
 import "./ChipsScrollPanel.css";
 var HALF_DIVIDER = 2;
 var cn = cnCreate('mfui-chips-scroll-panel');
 var ChipsScrollPanel = function ChipsScrollPanel(_ref) {
-  var value = _ref.value,
+  var _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    value = _ref.value,
     items = _ref.items,
     color = _ref.color,
     onClick = _ref.onClick;
@@ -57,13 +60,13 @@ var ChipsScrollPanel = function ChipsScrollPanel(_ref) {
       setCurrentValue(value);
     }
   }, [value, currentValue, scrollToActiveItem]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(),
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn([classes.root]),
     ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('inner'),
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", _extends({
+    className: cn('inner', [classes.inner]),
     tabIndex: -1
-  }, items.map(function (_a) {
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner)), items.map(function (_a) {
     var id = _a.id,
       children = _a.children,
       rest = __rest(_a, ["id", "children"]);

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

@@ -1 +1 @@
-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-select{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;font-weight:400;line-height:24px;min-height:40px;z-index:1}.mfui-select,.mfui-select__inner{position:relative}.mfui-select__control{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:pointer;height:60px;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s}.mfui-select__combobox,.mfui-select__control{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;width:100%}.mfui-select__combobox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:var(--content);cursor:text;font-size:15px;font-weight:400;height:100%;line-height:24px;opacity:1;overflow:auto;padding:0 45px 0 16px;position:relative;z-index:1}.mfui-select_no-touch .mfui-select__control:focus-within,.mfui-select_no-touch .mfui-select__control:hover{border-color:var(--content)}.mfui-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;outline:none;width:100%}.mfui-select__title:after{border:5px solid transparent;border-bottom:none;border-top:6px solid;color:var(--brandGreen);content:"";cursor:pointer;display:block;position:absolute;right:27px;top:50%;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;z-index:1}.mfui-select__title-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3)}.mfui-select__title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden;padding:0 45px 0 16px;white-space:nowrap}.mfui-select__title-inner:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--base));bottom:0;content:"";position:absolute;right:40px;top:0;width:40px}.mfui-select__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-select__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 1px 16px rgba(0,0,0,.2);box-shadow:0 1px 16px rgba(0,0,0,.2);display:none;left:0;position:absolute;right:0;top:100%;z-index:11}.mfui-select__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-select__list-inner_short{max-height:235px}.mfui-select__list-inner::-webkit-scrollbar{width:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-select__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-select__list-item_hovered{background-color:var(--spbSky0)}.mfui-select__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-select__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-select__item-title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-select__item-title_active{font-weight:600}.mfui-select__list-item_hovered .mfui-select__item-title:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--spbSky0))}.mfui-select__not-found{opacity:.5;padding:8px 32px}.mfui-select__text{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:8px}.mfui-select__highlighted-fragment{font-weight:700}.mfui-select__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:17px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-select__combobox+.mfui-select__label{left:16px}.mfui-select__combobox::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label,.mfui-select_open .mfui-select__label{-webkit-transform:scale(.8) translate(-12%,-75%);transform:scale(.8) translate(-12%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__combobox:not(.mfui-select__combobox_hide-value)+.mfui-select__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__control_labeled .mfui-select__combobox,.mfui-select__control_labeled .mfui-select__title-inner{padding-top:22px}.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus:-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-moz-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::placeholder{opacity:1}.mfui-select_open{z-index:12}.mfui-select_open .mfui-select__title:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mfui-select_open .mfui-select__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-select_open .mfui-select__control{border-color:var(--content)}.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value{opacity:1}.mfui-select_valid .mfui-select__control{border-color:var(--brandGreen)!important}.mfui-select_error .mfui-select__control{border-color:var(--fury)!important}.mfui-select_error .mfui-select__text{color:var(--fury)}.mfui-select_disabled .mfui-select__control{background-color:var(--spbSky1);border-color:var(--spbSky1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-select_disabled .mfui-select__title-inner:after{display:none}.mfui-select_disabled .mfui-select__title:after{color:var(--content);opacity:.5}
+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-select{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;font-weight:400;line-height:24px;min-height:40px;z-index:1}.mfui-select,.mfui-select__inner{position:relative}.mfui-select__control{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:pointer;height:60px;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s}.mfui-select__combobox,.mfui-select__control{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;width:100%}.mfui-select__combobox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:var(--content);cursor:text;font-size:15px;font-weight:400;height:100%;line-height:24px;opacity:1;overflow:auto;padding:0 45px 0 16px;position:relative;z-index:1}.mfui-select_no-touch .mfui-select__control:focus-within,.mfui-select_no-touch .mfui-select__control:hover{border-color:var(--content)}.mfui-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;outline:none;width:100%}.mfui-select__title:after{border:5px solid transparent;border-bottom:none;border-top:6px solid;color:var(--brandGreen);content:"";cursor:pointer;display:block;position:absolute;right:27px;top:50%;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;z-index:1}.mfui-select__title-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3)}.mfui-select__title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden;padding:0 45px 0 16px;white-space:nowrap}.mfui-select__title-inner:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--base));bottom:0;content:"";position:absolute;right:40px;top:0;width:40px}.mfui-select__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-select__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 1px 16px rgba(0,0,0,.2);box-shadow:0 1px 16px rgba(0,0,0,.2);display:none;left:0;position:absolute;right:0;top:100%;z-index:11}.mfui-select__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-select__list-inner_short{max-height:235px}.mfui-select__list-inner::-webkit-scrollbar{width:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-select__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-select__list-item_hovered{background-color:var(--spbSky0)}.mfui-select__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-select__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-select__item-title-part:not(:last-child){margin-right:2px}.mfui-select__item-title{position:relative}.mfui-select__item-title_custom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-select__item-title_active{font-weight:600}.mfui-select__list-item_hovered .mfui-select__item-title:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--spbSky0))}.mfui-select__not-found{opacity:.5;padding:8px 32px}.mfui-select__text{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:8px}.mfui-select__highlighted-fragment{font-weight:700}.mfui-select__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:17px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-select__combobox+.mfui-select__label{left:16px}.mfui-select__combobox::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label,.mfui-select_open .mfui-select__label{-webkit-transform:scale(.8) translate(-12%,-75%);transform:scale(.8) translate(-12%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__combobox:not(.mfui-select__combobox_hide-value)+.mfui-select__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__control_labeled .mfui-select__combobox,.mfui-select__control_labeled .mfui-select__title-inner{padding-top:22px}.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus:-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-moz-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::placeholder{opacity:1}.mfui-select_open{z-index:12}.mfui-select_open .mfui-select__title:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mfui-select_open .mfui-select__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-select_open .mfui-select__control{border-color:var(--content)}.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value{opacity:1}.mfui-select_valid .mfui-select__control{border-color:var(--brandGreen)!important}.mfui-select_error .mfui-select__control{border-color:var(--fury)!important}.mfui-select_error .mfui-select__text{color:var(--fury)}.mfui-select_disabled .mfui-select__control{background-color:var(--spbSky1);border-color:var(--spbSky1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-select_disabled .mfui-select__title-inner:after{display:none}.mfui-select_disabled .mfui-select__title:after{color:var(--content);opacity:.5}

package/dist/es/components/Select/Select.js

@@ -274,6 +274,9 @@ var Select = function Select(_ref) {
     }
     return true;
   };
+  var isMatch = function isMatch(fragment, find) {
+    return fragment.toLowerCase() === find.toLowerCase() && fragment !== '';
+  };
   var highlightString = function highlightString(title, isItemActive, view) {
     if (type === SelectTypes.CLASSIC) {
       if (typeof view === 'function' && ! /*#__PURE__*/React.isValidElement(view)) {
@@ -297,7 +300,7 @@ var Select = function Select(_ref) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, stringFragments.map(function (fragment, i) {
       return /*#__PURE__*/React.createElement(Fragment, {
         key: i
-      }, fragment.toLowerCase() === filterValue.toLowerCase() && fragment !== '' ? /*#__PURE__*/React.createElement("span", {
+      }, isMatch(fragment, filterValue) ? /*#__PURE__*/React.createElement("span", {
         className: cn('highlighted-fragment')
       }, fragment) : fragment);
     }));
@@ -377,7 +380,8 @@ var Select = function Select(_ref) {
         ref: getNodeList
       }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItemTitle, i + 1), {
         className: cn('item-title', {
-          active: isItemActive && !view
+          active: isItemActive && !view,
+          custom: !!view
         }, [classes.listItemTitle])
       }), highlightString(title, isItemActive, view)));
     }), type === SelectTypes.COMBOBOX && !currentItems.length && /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notFound), {

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

@@ -33,12 +33,16 @@ export interface IChipsProps {
         root?: string;
         dropdown?: string;
         dropdownList?: string;
+        scroll?: string;
+        scrollInner?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
         dropdown?: Record<string, string>;
         dropdownList?: Record<string, string>;
+        scroll?: Record<string, string>;
+        scrollInner?: Record<string, string>;
     };
 }
 declare const Chips: React.FC<IChipsProps>;

package/dist/lib/components/Chips/Chips.js

@@ -85,6 +85,14 @@ var Chips = function Chips(_ref) {
   var renderItems = function renderItems() {
     if (isScrollableMode) {
       return /*#__PURE__*/React.createElement(_ChipsScrollPanel["default"], {
+        classes: {
+          root: classes.scroll,
+          inner: classes.scrollInner
+        },
+        dataAttrs: {
+          root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scroll,
+          inner: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scrollInner
+        },
         value: selectedId,
         items: visibleItems,
         color: color,

package/dist/lib/components/Chips/components/ChipsScrollPanel/ChipsScrollPanel.d.ts

@@ -2,6 +2,14 @@ import * as React from 'react';
 import { ChipColorsType, ChipIdType, IChipProps } from '../../Chip';
 import './ChipsScrollPanel.scss';
 export interface IChipsScrollPanelProps {
+    classes?: {
+        root?: string;
+        inner?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        inner?: Record<string, string>;
+    };
     value?: ChipIdType;
     items: IChipProps[];
     color: ChipColorsType;

package/dist/lib/components/Chips/components/ChipsScrollPanel/ChipsScrollPanel.js

@@ -27,7 +27,10 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 var HALF_DIVIDER = 2;
 var cn = (0, _uiHelpers.cnCreate)('mfui-chips-scroll-panel');
 var ChipsScrollPanel = function ChipsScrollPanel(_ref) {
-  var value = _ref.value,
+  var _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    value = _ref.value,
     items = _ref.items,
     color = _ref.color,
     onClick = _ref.onClick;
@@ -66,13 +69,13 @@ var ChipsScrollPanel = function ChipsScrollPanel(_ref) {
       setCurrentValue(value);
     }
   }, [value, currentValue, scrollToActiveItem]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(),
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn([classes.root]),
     ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('inner'),
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn('inner', [classes.inner]),
     tabIndex: -1
-  }, items.map(function (_a) {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner)), items.map(function (_a) {
     var id = _a.id,
       children = _a.children,
       rest = __rest(_a, ["id", "children"]);

package/dist/lib/components/Select/Select.css

@@ -1 +1 @@
-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-select{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;font-weight:400;line-height:24px;min-height:40px;z-index:1}.mfui-select,.mfui-select__inner{position:relative}.mfui-select__control{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:pointer;height:60px;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s}.mfui-select__combobox,.mfui-select__control{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;width:100%}.mfui-select__combobox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:var(--content);cursor:text;font-size:15px;font-weight:400;height:100%;line-height:24px;opacity:1;overflow:auto;padding:0 45px 0 16px;position:relative;z-index:1}.mfui-select_no-touch .mfui-select__control:focus-within,.mfui-select_no-touch .mfui-select__control:hover{border-color:var(--content)}.mfui-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;outline:none;width:100%}.mfui-select__title:after{border:5px solid transparent;border-bottom:none;border-top:6px solid;color:var(--brandGreen);content:"";cursor:pointer;display:block;position:absolute;right:27px;top:50%;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;z-index:1}.mfui-select__title-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3)}.mfui-select__title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden;padding:0 45px 0 16px;white-space:nowrap}.mfui-select__title-inner:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--base));bottom:0;content:"";position:absolute;right:40px;top:0;width:40px}.mfui-select__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-select__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 1px 16px rgba(0,0,0,.2);box-shadow:0 1px 16px rgba(0,0,0,.2);display:none;left:0;position:absolute;right:0;top:100%;z-index:11}.mfui-select__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-select__list-inner_short{max-height:235px}.mfui-select__list-inner::-webkit-scrollbar{width:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-select__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-select__list-item_hovered{background-color:var(--spbSky0)}.mfui-select__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-select__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-select__item-title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-select__item-title_active{font-weight:600}.mfui-select__list-item_hovered .mfui-select__item-title:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--spbSky0))}.mfui-select__not-found{opacity:.5;padding:8px 32px}.mfui-select__text{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:8px}.mfui-select__highlighted-fragment{font-weight:700}.mfui-select__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:17px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-select__combobox+.mfui-select__label{left:16px}.mfui-select__combobox::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label,.mfui-select_open .mfui-select__label{-webkit-transform:scale(.8) translate(-12%,-75%);transform:scale(.8) translate(-12%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__combobox:not(.mfui-select__combobox_hide-value)+.mfui-select__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__control_labeled .mfui-select__combobox,.mfui-select__control_labeled .mfui-select__title-inner{padding-top:22px}.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus:-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-moz-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::placeholder{opacity:1}.mfui-select_open{z-index:12}.mfui-select_open .mfui-select__title:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mfui-select_open .mfui-select__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-select_open .mfui-select__control{border-color:var(--content)}.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value{opacity:1}.mfui-select_valid .mfui-select__control{border-color:var(--brandGreen)!important}.mfui-select_error .mfui-select__control{border-color:var(--fury)!important}.mfui-select_error .mfui-select__text{color:var(--fury)}.mfui-select_disabled .mfui-select__control{background-color:var(--spbSky1);border-color:var(--spbSky1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-select_disabled .mfui-select__title-inner:after{display:none}.mfui-select_disabled .mfui-select__title:after{color:var(--content);opacity:.5}
+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-select{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;font-weight:400;line-height:24px;min-height:40px;z-index:1}.mfui-select,.mfui-select__inner{position:relative}.mfui-select__control{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:pointer;height:60px;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s}.mfui-select__combobox,.mfui-select__control{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;width:100%}.mfui-select__combobox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:var(--content);cursor:text;font-size:15px;font-weight:400;height:100%;line-height:24px;opacity:1;overflow:auto;padding:0 45px 0 16px;position:relative;z-index:1}.mfui-select_no-touch .mfui-select__control:focus-within,.mfui-select_no-touch .mfui-select__control:hover{border-color:var(--content)}.mfui-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;outline:none;width:100%}.mfui-select__title:after{border:5px solid transparent;border-bottom:none;border-top:6px solid;color:var(--brandGreen);content:"";cursor:pointer;display:block;position:absolute;right:27px;top:50%;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;z-index:1}.mfui-select__title-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3)}.mfui-select__title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden;padding:0 45px 0 16px;white-space:nowrap}.mfui-select__title-inner:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--base));bottom:0;content:"";position:absolute;right:40px;top:0;width:40px}.mfui-select__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-select__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 1px 16px rgba(0,0,0,.2);box-shadow:0 1px 16px rgba(0,0,0,.2);display:none;left:0;position:absolute;right:0;top:100%;z-index:11}.mfui-select__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-select__list-inner_short{max-height:235px}.mfui-select__list-inner::-webkit-scrollbar{width:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-select__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-select__list-item_hovered{background-color:var(--spbSky0)}.mfui-select__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-select__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-select__item-title-part:not(:last-child){margin-right:2px}.mfui-select__item-title{position:relative}.mfui-select__item-title_custom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-select__item-title_active{font-weight:600}.mfui-select__list-item_hovered .mfui-select__item-title:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--spbSky0))}.mfui-select__not-found{opacity:.5;padding:8px 32px}.mfui-select__text{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:8px}.mfui-select__highlighted-fragment{font-weight:700}.mfui-select__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:17px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-select__combobox+.mfui-select__label{left:16px}.mfui-select__combobox::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label,.mfui-select_open .mfui-select__label{-webkit-transform:scale(.8) translate(-12%,-75%);transform:scale(.8) translate(-12%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__combobox:not(.mfui-select__combobox_hide-value)+.mfui-select__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__control_labeled .mfui-select__combobox,.mfui-select__control_labeled .mfui-select__title-inner{padding-top:22px}.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus:-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-moz-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::-ms-input-placeholder{opacity:1}.mfui-select__control_labeled .mfui-select__combobox:focus::placeholder{opacity:1}.mfui-select_open{z-index:12}.mfui-select_open .mfui-select__title:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mfui-select_open .mfui-select__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-select_open .mfui-select__control{border-color:var(--content)}.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value{opacity:1}.mfui-select_valid .mfui-select__control{border-color:var(--brandGreen)!important}.mfui-select_error .mfui-select__control{border-color:var(--fury)!important}.mfui-select_error .mfui-select__text{color:var(--fury)}.mfui-select_disabled .mfui-select__control{background-color:var(--spbSky1);border-color:var(--spbSky1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-select_disabled .mfui-select__title-inner:after{display:none}.mfui-select_disabled .mfui-select__title:after{color:var(--content);opacity:.5}

package/dist/lib/components/Select/Select.js

@@ -283,6 +283,9 @@ var Select = function Select(_ref) {
     }
     return true;
   };
+  var isMatch = function isMatch(fragment, find) {
+    return fragment.toLowerCase() === find.toLowerCase() && fragment !== '';
+  };
   var highlightString = function highlightString(title, isItemActive, view) {
     if (type === SelectTypes.CLASSIC) {
       if (typeof view === 'function' && ! /*#__PURE__*/React.isValidElement(view)) {
@@ -306,7 +309,7 @@ var Select = function Select(_ref) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, stringFragments.map(function (fragment, i) {
       return /*#__PURE__*/React.createElement(_react.Fragment, {
         key: i
-      }, fragment.toLowerCase() === filterValue.toLowerCase() && fragment !== '' ? /*#__PURE__*/React.createElement("span", {
+      }, isMatch(fragment, filterValue) ? /*#__PURE__*/React.createElement("span", {
         className: cn('highlighted-fragment')
       }, fragment) : fragment);
     }));
@@ -386,7 +389,8 @@ var Select = function Select(_ref) {
         ref: getNodeList
       }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItemTitle, i + 1), {
         className: cn('item-title', {
-          active: isItemActive && !view
+          active: isItemActive && !view,
+          custom: !!view
         }, [classes.listItemTitle])
       }), highlightString(title, isItemActive, view)));
     }), type === SelectTypes.COMBOBOX && !currentItems.length && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notFound), {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.15.0",
+    "version": "8.16.0",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.13.0",
+        "@megafon/ui-icons": "^3.14.1",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -89,7 +89,7 @@
         "@datepicker-react/hooks": "^2.7.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
-        "@megafon/ui-helpers": "^4.0.2",
+        "@megafon/ui-helpers": "^4.1.0",
         "@mona-health/react-input-mask": "^3.0.3",
         "@popperjs/core": "^2.11.8",
         "core-js": "^3.6.4",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "d437f757fd789410b9ce0dbf116ca4ada997583b"
+    "gitHead": "a1e1cdfda5bd5b260d70f76ddef91872992e4f92"
 }