@megafon/ui-core 3.15.0 → 3.16.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.16.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.16.0...@megafon/ui-core@3.16.1) (2022-10-25)
+
+
+### Bug Fixes
+
+* **search:** fix input field font-size for all browsers ([f57a17a](https://github.com/MegafonWebLab/megafon-ui/commit/f57a17a7ecb009c6fdb66cd00a6ba43d7d5c567b))
+
+
+
+
+
+# [3.16.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.15.0...@megafon/ui-core@3.16.0) (2022-10-10)
+
+
+### Features
+
+* **select:** add new props useShortListItems ([cd3ee88](https://github.com/MegafonWebLab/megafon-ui/commit/cd3ee88462e36cf725ab9867f5635c3b89d61511))
+
+
+
+
+
 # [3.15.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.14.0...@megafon/ui-core@3.15.0) (2022-10-03)
 
 

package/dist/es/components/Search/Search.css

@@ -50,6 +50,7 @@
   border-radius: 0;
   overflow: auto;
   color: var(--content);
+  font-size: 100%;
   font-family: inherit;
   line-height: 25px;
   background-color: transparent;

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

@@ -144,6 +144,9 @@
   padding: 12px 0;
   overflow-y: auto;
 }
+.mfui-select__list-inner_short {
+  max-height: 195px;
+}
 .mfui-select__list-item {
   font-family: inherit;
   padding: 8px 32px;

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

@@ -50,6 +50,8 @@ export interface ISelectProps<T extends SelectItemValueType> {
     notFoundText?: string;
     /** Массив элементов селекта */
     items: Array<ISelectItem<T>>;
+    /** Отображать короткий выпадающий список */
+    shortList?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */
@@ -82,7 +84,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, 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, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<"classic" | "combobox">;
         label: PropTypes.Requireable<string>;
@@ -137,6 +139,7 @@ declare const Select: {
             title: PropTypes.Validator<string>;
             value: PropTypes.Validator<string | number>;
         }>> | null | undefined)[]>;
+        shortList: PropTypes.Requireable<boolean>;
         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

@@ -69,6 +69,8 @@ var Select = function Select(_ref) {
       items = _ref.items,
       placeholder = _ref.placeholder,
       currentValue = _ref.currentValue,
+      _ref$shortList = _ref.shortList,
+      shortList = _ref$shortList === void 0 ? false : _ref$shortList,
       onClosed = _ref.onClosed,
       onOpened = _ref.onOpened,
       onSelect = _ref.onSelect;
@@ -363,7 +365,9 @@ var Select = function Select(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn('list', [classes.list])
     }, /*#__PURE__*/React.createElement("div", {
-      className: cn('list-inner', [classes.listInner]),
+      className: cn('list-inner', {
+        "short": shortList
+      }, [classes.listInner]),
       ref: itemWrapperNode
     }, currentItems.map(function (_ref3, i) {
       var title = _ref3.title,
@@ -455,6 +459,7 @@ Select.propTypes = {
     title: PropTypes.string.isRequired,
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
   })).isRequired,
+  shortList: PropTypes.bool,
   onSelect: PropTypes.func,
   onOpened: PropTypes.func,
   onClosed: PropTypes.func

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

@@ -50,6 +50,7 @@
   border-radius: 0;
   overflow: auto;
   color: var(--content);
+  font-size: 100%;
   font-family: inherit;
   line-height: 25px;
   background-color: transparent;

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

@@ -144,6 +144,9 @@
   padding: 12px 0;
   overflow-y: auto;
 }
+.mfui-select__list-inner_short {
+  max-height: 195px;
+}
 .mfui-select__list-item {
   font-family: inherit;
   padding: 8px 32px;

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

@@ -50,6 +50,8 @@ export interface ISelectProps<T extends SelectItemValueType> {
     notFoundText?: string;
     /** Массив элементов селекта */
     items: Array<ISelectItem<T>>;
+    /** Отображать короткий выпадающий список */
+    shortList?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */
@@ -82,7 +84,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, 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, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<"classic" | "combobox">;
         label: PropTypes.Requireable<string>;
@@ -137,6 +139,7 @@ declare const Select: {
             title: PropTypes.Validator<string>;
             value: PropTypes.Validator<string | number>;
         }>> | null | undefined)[]>;
+        shortList: PropTypes.Requireable<boolean>;
         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

@@ -104,6 +104,8 @@ var Select = function Select(_ref) {
       items = _ref.items,
       placeholder = _ref.placeholder,
       currentValue = _ref.currentValue,
+      _ref$shortList = _ref.shortList,
+      shortList = _ref$shortList === void 0 ? false : _ref$shortList,
       onClosed = _ref.onClosed,
       onOpened = _ref.onOpened,
       onSelect = _ref.onSelect;
@@ -398,7 +400,9 @@ var Select = function Select(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn('list', [classes.list])
     }, /*#__PURE__*/React.createElement("div", {
-      className: cn('list-inner', [classes.listInner]),
+      className: cn('list-inner', {
+        "short": shortList
+      }, [classes.listInner]),
       ref: itemWrapperNode
     }, currentItems.map(function (_ref3, i) {
       var title = _ref3.title,
@@ -490,6 +494,7 @@ Select.propTypes = {
     title: PropTypes.string.isRequired,
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
   })).isRequired,
+  shortList: PropTypes.bool,
   onSelect: PropTypes.func,
   onOpened: PropTypes.func,
   onClosed: PropTypes.func

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "3.15.0",
+  "version": "3.16.1",
   "files": [
     "dist",
     "styles"
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "16be55dd99791687663b209a67e4ab6ec485b19c"
+  "gitHead": "5d8dca29c01d8b7eac9a5df87ba52a69a824b5db"
 }