@megafon/ui-core 3.14.0 → 3.16.0

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.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)
+
+
+### Features
+
+* **select:** add class to list-inner element ([44a366c](https://github.com/MegafonWebLab/megafon-ui/commit/44a366ce6b79222f3ef68532c719f5ee13d3d6bf))
+
+
+
+
+
 # [3.14.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.13.0...@megafon/ui-core@3.14.0) (2022-09-06)
 
 

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;
     /** Дополнительные классы для внутренних элементов */
@@ -59,6 +61,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
         title?: string;
         titleInner?: string;
         list?: string;
+        listInner?: string;
         listItem?: string;
         listItemTitle?: string;
     };
@@ -81,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>;
@@ -100,6 +103,7 @@ declare const Select: {
             title: PropTypes.Requireable<string>;
             titleInner: PropTypes.Requireable<string>;
             list: PropTypes.Requireable<string>;
+            listInner: PropTypes.Requireable<string>;
             listItem: PropTypes.Requireable<string>;
             listItemTitle: PropTypes.Requireable<string>;
         }>>;
@@ -135,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'),
+      className: cn('list-inner', {
+        "short": shortList
+      }, [classes.listInner]),
       ref: itemWrapperNode
     }, currentItems.map(function (_ref3, i) {
       var title = _ref3.title,
@@ -435,6 +439,7 @@ Select.propTypes = {
     title: PropTypes.string,
     titleInner: PropTypes.string,
     list: PropTypes.string,
+    listInner: PropTypes.string,
     listItem: PropTypes.string,
     listItemTitle: PropTypes.string
   }),
@@ -454,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/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;
     /** Дополнительные классы для внутренних элементов */
@@ -59,6 +61,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
         title?: string;
         titleInner?: string;
         list?: string;
+        listInner?: string;
         listItem?: string;
         listItemTitle?: string;
     };
@@ -81,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>;
@@ -100,6 +103,7 @@ declare const Select: {
             title: PropTypes.Requireable<string>;
             titleInner: PropTypes.Requireable<string>;
             list: PropTypes.Requireable<string>;
+            listInner: PropTypes.Requireable<string>;
             listItem: PropTypes.Requireable<string>;
             listItemTitle: PropTypes.Requireable<string>;
         }>>;
@@ -135,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'),
+      className: cn('list-inner', {
+        "short": shortList
+      }, [classes.listInner]),
       ref: itemWrapperNode
     }, currentItems.map(function (_ref3, i) {
       var title = _ref3.title,
@@ -470,6 +474,7 @@ Select.propTypes = {
     title: PropTypes.string,
     titleInner: PropTypes.string,
     list: PropTypes.string,
+    listInner: PropTypes.string,
     listItem: PropTypes.string,
     listItemTitle: PropTypes.string
   }),
@@ -489,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.14.0",
+  "version": "3.16.0",
   "files": [
     "dist",
     "styles"
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "24435bfc98f949ea9e2d60a415d4e90554cb1166"
+  "gitHead": "9cee39ff2a0a8bc21655cfd30de96a2de75e5f13"
 }