@megafon/ui-core 6.6.1 → 6.8.0

package/dist/es/components/List/List.css

@@ -61,6 +61,6 @@
 .mfui-v6-list__inner_type_ul {
   list-style: disc;
 }
-.mfui-v6-list_inner_type_ol {
+.mfui-v6-list__inner_type_ol {
   list-style: decimal;
 }

package/dist/es/components/Row/Row.css

@@ -30,6 +30,9 @@
     padding: 24px 32px;
   }
 }
+.mfui-v6-row:hover {
+  text-decoration: none;
+}
 .mfui-v6-row__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -37,6 +40,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  width: 100%;
 }
 .mfui-v6-row__icon-container {
   display: -webkit-box;
@@ -236,3 +240,12 @@
   line-height: 24px;
   font-weight: 500;
 }
+.mfui-v6-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/es/components/Row/Row.d.ts

@@ -23,6 +23,8 @@ export interface IRowProps {
     target?: '_self' | '_blank';
     /** rel - аргумент тега <a> */
     rel?: string;
+    /** Автоматическая высота */
+    autoHeight?: boolean;
     /** Обработчик клика */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
     /** Дочерние элементы: Badges, Switcher, Selector */

package/dist/es/components/Row/Row.js

@@ -34,6 +34,8 @@ var Row = function Row(_ref) {
       _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,
@@ -53,7 +55,8 @@ var Row = function Row(_ref) {
       size: size,
       view: backgroundView,
       pointer: isActive,
-      'has-arrow': showArrow && !showLoader
+      'has-arrow': showArrow && !showLoader,
+      'auto-height': autoHeight
     }, [className, classes.root]),
     href: href,
     target: href ? target : undefined,
@@ -71,7 +74,8 @@ var Row = function Row(_ref) {
     className: cn('header')
   }, /*#__PURE__*/React.createElement(Header, {
     className: cn('title', [classes.title]),
-    as: isSmallSize ? 'h5' : 'h3'
+    as: isSmallSize ? 'h5' : 'h3',
+    space: isSmallSize ? 'tight' : 'wide'
   }, title), !!subTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('sub-title', [classes.subtitle])
   }, subTitle)), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -98,6 +102,7 @@ Row.propTypes = {
   href: PropTypes.string,
   target: PropTypes.oneOf(['_self', '_blank']),
   rel: PropTypes.string,
+  autoHeight: PropTypes.bool,
   onClick: PropTypes.func,
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -79,6 +79,8 @@ export interface ISearchProps {
     classes?: {
         label?: string;
         input?: string;
+        list?: string;
+        listInner?: string;
         listItemTitle?: string;
         control?: string;
         icon?: string;
@@ -104,6 +106,8 @@ export interface ISearchProps {
     minTextareaHeight?: MinTextareaHeightType;
     /** Показать хендлер для ресайза текстового поля */
     showResizer?: boolean;
+    /** Ref обработчик */
+    inputRef?: (node: HTMLInputElement | HTMLTextAreaElement) => void;
     /** Обработчик изменения поля */
     onChange?: (value: string) => void;
     /** Обработчик нажатия на enter */

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

@@ -107,6 +107,7 @@ var Search = function Search(_ref) {
       _ref$minTextareaHeigh = _ref.minTextareaHeight,
       minTextareaHeight = _ref$minTextareaHeigh === void 0 ? MinTextareaHeight.ONE_ROW : _ref$minTextareaHeigh,
       showResizer = _ref.showResizer,
+      inputRef = _ref.inputRef,
       onChange = _ref.onChange,
       onSubmit = _ref.onSubmit,
       onBlur = _ref.onBlur,
@@ -172,6 +173,7 @@ var Search = function Search(_ref) {
     }
 
     fieldRef.current = node;
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
   };
 
   var textareaResize = React.useCallback(function () {
@@ -477,10 +479,10 @@ var Search = function Search(_ref) {
 
   var renderList = function renderList() {
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('list'),
+      className: cn('list', [classes === null || classes === void 0 ? void 0 : classes.list]),
       ref: listRef
     }, /*#__PURE__*/React.createElement("div", {
-      className: cn('list-inner')
+      className: cn('list-inner', [classes === null || classes === void 0 ? void 0 : classes.listInner])
     }, items.map(function (_ref2, i) {
       var itemValue = _ref2.value,
           searchView = _ref2.searchView,
@@ -660,6 +662,8 @@ Search.propTypes = {
   classes: PropTypes.shape({
     label: PropTypes.string,
     input: PropTypes.string,
+    list: PropTypes.string,
+    listInner: PropTypes.string,
     listItemTitle: PropTypes.string,
     control: PropTypes.string,
     icon: PropTypes.string,
@@ -681,6 +685,7 @@ Search.propTypes = {
   }), PropTypes.any])]),
   minTextareaHeight: PropTypes.oneOf([MinTextareaHeight.ONE_ROW, MinTextareaHeight.THREE_ROWS]),
   showResizer: PropTypes.bool,
+  inputRef: PropTypes.func,
   onChange: PropTypes.func,
   onSubmit: PropTypes.func,
   onBlur: PropTypes.func,

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

@@ -86,6 +86,8 @@ export interface ISelectProps<T extends SelectItemValueType> {
         listItemTitle?: Record<string, string>;
         notFound?: Record<string, string>;
     };
+    /** Ref обработчик */
+    inputRef?: (node: HTMLDivElement) => void;
     /** Обработчик выбора элемента селекта */
     onSelect?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | null, dataItem?: ISelectItem<T>) => void;
     /** Обработчик при открытом селекте */
@@ -94,7 +96,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     onClosed?: () => void;
 }
 declare const Select: {
-    <T extends string | number | undefined>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
+    <T extends string | number | undefined>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, inputRef, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<"classic" | "combobox">;
         label: PropTypes.Requireable<string>;
@@ -163,6 +165,7 @@ declare const Select: {
             paddings: PropTypes.Requireable<"small" | "large">;
         }>> | null | undefined)[]>;
         shortList: PropTypes.Requireable<boolean>;
+        inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onOpened: PropTypes.Requireable<(...args: any[]) => any>;
         onClosed: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -75,6 +75,7 @@ var Select = function Select(_ref) {
       currentValue = _ref.currentValue,
       _ref$shortList = _ref.shortList,
       shortList = _ref$shortList === void 0 ? false : _ref$shortList,
+      inputRef = _ref.inputRef,
       onClosed = _ref.onClosed,
       onOpened = _ref.onOpened,
       onSelect = _ref.onSelect;
@@ -96,6 +97,16 @@ var Select = function Select(_ref) {
   var currentIndex = itemsList.findIndex(function (elem) {
     return elem.value === currentValue;
   });
+
+  var getFieldNode = function getFieldNode(node) {
+    if (!node) {
+      return;
+    }
+
+    selectNode.current = node;
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
+  };
+
   var handleClickOutside = useCallback(function (e) {
     var _a;
 
@@ -421,7 +432,7 @@ var Select = function Select(_ref) {
       valid: verification === Verification.VALID,
       error: verification === Verification.ERROR
     }, [className, classes.root]),
-    ref: selectNode
+    ref: getFieldNode
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('inner')
   }, /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {
@@ -481,6 +492,7 @@ Select.propTypes = {
     paddings: PropTypes.oneOf(Object.values(SelectItemsPaddings))
   })).isRequired,
   shortList: PropTypes.bool,
+  inputRef: PropTypes.func,
   onSelect: PropTypes.func,
   onOpened: PropTypes.func,
   onClosed: PropTypes.func

package/dist/lib/components/List/List.css

@@ -61,6 +61,6 @@
 .mfui-v6-list__inner_type_ul {
   list-style: disc;
 }
-.mfui-v6-list_inner_type_ol {
+.mfui-v6-list__inner_type_ol {
   list-style: decimal;
 }

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

@@ -30,6 +30,9 @@
     padding: 24px 32px;
   }
 }
+.mfui-v6-row:hover {
+  text-decoration: none;
+}
 .mfui-v6-row__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -37,6 +40,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  width: 100%;
 }
 .mfui-v6-row__icon-container {
   display: -webkit-box;
@@ -236,3 +240,12 @@
   line-height: 24px;
   font-weight: 500;
 }
+.mfui-v6-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

@@ -23,6 +23,8 @@ export interface IRowProps {
     target?: '_self' | '_blank';
     /** rel - аргумент тега <a> */
     rel?: string;
+    /** Автоматическая высота */
+    autoHeight?: boolean;
     /** Обработчик клика */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
     /** Дочерние элементы: Badges, Switcher, Selector */

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

@@ -53,6 +53,8 @@ var Row = function Row(_ref) {
       _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,
@@ -72,7 +74,8 @@ var Row = function Row(_ref) {
       size: size,
       view: backgroundView,
       pointer: isActive,
-      'has-arrow': showArrow && !showLoader
+      'has-arrow': showArrow && !showLoader,
+      'auto-height': autoHeight
     }, [className, classes.root]),
     href: href,
     target: href ? target : undefined,
@@ -90,7 +93,8 @@ var Row = function Row(_ref) {
     className: cn('header')
   }, /*#__PURE__*/_react["default"].createElement(_Header["default"], {
     className: cn('title', [classes.title]),
-    as: isSmallSize ? 'h5' : 'h3'
+    as: isSmallSize ? 'h5' : 'h3',
+    space: isSmallSize ? 'tight' : 'wide'
   }, title), !!subTitle && /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('sub-title', [classes.subtitle])
   }, subTitle)), !showLoader ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -117,6 +121,7 @@ Row.propTypes = {
   href: PropTypes.string,
   target: PropTypes.oneOf(['_self', '_blank']),
   rel: PropTypes.string,
+  autoHeight: PropTypes.bool,
   onClick: PropTypes.func,
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -79,6 +79,8 @@ export interface ISearchProps {
     classes?: {
         label?: string;
         input?: string;
+        list?: string;
+        listInner?: string;
         listItemTitle?: string;
         control?: string;
         icon?: string;
@@ -104,6 +106,8 @@ export interface ISearchProps {
     minTextareaHeight?: MinTextareaHeightType;
     /** Показать хендлер для ресайза текстового поля */
     showResizer?: boolean;
+    /** Ref обработчик */
+    inputRef?: (node: HTMLInputElement | HTMLTextAreaElement) => void;
     /** Обработчик изменения поля */
     onChange?: (value: string) => void;
     /** Обработчик нажатия на enter */

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

@@ -143,6 +143,7 @@ var Search = function Search(_ref) {
       _ref$minTextareaHeigh = _ref.minTextareaHeight,
       minTextareaHeight = _ref$minTextareaHeigh === void 0 ? MinTextareaHeight.ONE_ROW : _ref$minTextareaHeigh,
       showResizer = _ref.showResizer,
+      inputRef = _ref.inputRef,
       onChange = _ref.onChange,
       onSubmit = _ref.onSubmit,
       onBlur = _ref.onBlur,
@@ -215,6 +216,7 @@ var Search = function Search(_ref) {
     }
 
     fieldRef.current = node;
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
   };
 
   var textareaResize = _react["default"].useCallback(function () {
@@ -539,10 +541,10 @@ var Search = function Search(_ref) {
 
   var renderList = function renderList() {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: cn('list'),
+      className: cn('list', [classes === null || classes === void 0 ? void 0 : classes.list]),
       ref: listRef
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: cn('list-inner')
+      className: cn('list-inner', [classes === null || classes === void 0 ? void 0 : classes.listInner])
     }, items.map(function (_ref2, i) {
       var itemValue = _ref2.value,
           searchView = _ref2.searchView,
@@ -725,6 +727,8 @@ Search.propTypes = {
   classes: PropTypes.shape({
     label: PropTypes.string,
     input: PropTypes.string,
+    list: PropTypes.string,
+    listInner: PropTypes.string,
     listItemTitle: PropTypes.string,
     control: PropTypes.string,
     icon: PropTypes.string,
@@ -746,6 +750,7 @@ Search.propTypes = {
   }), PropTypes.any])]),
   minTextareaHeight: PropTypes.oneOf([MinTextareaHeight.ONE_ROW, MinTextareaHeight.THREE_ROWS]),
   showResizer: PropTypes.bool,
+  inputRef: PropTypes.func,
   onChange: PropTypes.func,
   onSubmit: PropTypes.func,
   onBlur: PropTypes.func,

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

@@ -86,6 +86,8 @@ export interface ISelectProps<T extends SelectItemValueType> {
         listItemTitle?: Record<string, string>;
         notFound?: Record<string, string>;
     };
+    /** Ref обработчик */
+    inputRef?: (node: HTMLDivElement) => void;
     /** Обработчик выбора элемента селекта */
     onSelect?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | null, dataItem?: ISelectItem<T>) => void;
     /** Обработчик при открытом селекте */
@@ -94,7 +96,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     onClosed?: () => void;
 }
 declare const Select: {
-    <T extends string | number | undefined>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
+    <T extends string | number | undefined>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, inputRef, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<"classic" | "combobox">;
         label: PropTypes.Requireable<string>;
@@ -163,6 +165,7 @@ declare const Select: {
             paddings: PropTypes.Requireable<"small" | "large">;
         }>> | null | undefined)[]>;
         shortList: PropTypes.Requireable<boolean>;
+        inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onOpened: PropTypes.Requireable<(...args: any[]) => any>;
         onClosed: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -110,6 +110,7 @@ var Select = function Select(_ref) {
       currentValue = _ref.currentValue,
       _ref$shortList = _ref.shortList,
       shortList = _ref$shortList === void 0 ? false : _ref$shortList,
+      inputRef = _ref.inputRef,
       onClosed = _ref.onClosed,
       onOpened = _ref.onOpened,
       onSelect = _ref.onSelect;
@@ -131,6 +132,16 @@ var Select = function Select(_ref) {
   var currentIndex = itemsList.findIndex(function (elem) {
     return elem.value === currentValue;
   });
+
+  var getFieldNode = function getFieldNode(node) {
+    if (!node) {
+      return;
+    }
+
+    selectNode.current = node;
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
+  };
+
   var handleClickOutside = (0, React.useCallback)(function (e) {
     var _a;
 
@@ -456,7 +467,7 @@ var Select = function Select(_ref) {
       valid: verification === Verification.VALID,
       error: verification === Verification.ERROR
     }, [className, classes.root]),
-    ref: selectNode
+    ref: getFieldNode
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('inner')
   }, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {
@@ -516,6 +527,7 @@ Select.propTypes = {
     paddings: PropTypes.oneOf(Object.values(SelectItemsPaddings))
   })).isRequired,
   shortList: PropTypes.bool,
+  inputRef: PropTypes.func,
   onSelect: PropTypes.func,
   onOpened: PropTypes.func,
   onClosed: PropTypes.func

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "6.6.1",
+    "version": "6.8.0",
     "files": [
         "dist",
         "styles"
@@ -99,5 +99,5 @@
         "react-popper": "^2.2.3",
         "swiper": "^6.5.6"
     },
-    "gitHead": "c119b673112829f75ebb828789f183e7c061b715"
+    "gitHead": "05256f0d8c8ed175460371157ac6dde4e521183a"
 }