@megafon/ui-core 6.0.0-beta.3 → 6.0.0

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

@@ -1 +1,389 @@
-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}
+@-webkit-keyframes listAppear {
+  from {
+    -webkit-transform: translateY(-25px);
+            transform: translateY(-25px);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes listAppear {
+  from {
+    -webkit-transform: translateY(-25px);
+            transform: translateY(-25px);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+}
+.mfui-select {
+  position: relative;
+  z-index: 1;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  min-height: 40px;
+  color: var(--content);
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+}
+.mfui-select__inner {
+  position: relative;
+}
+.mfui-select__control {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  height: 60px;
+  border: 1px solid var(--spbSky2);
+  border-radius: 12px;
+  overflow: hidden;
+  background-color: var(--base);
+  outline: none;
+  cursor: pointer;
+  -webkit-transition: border-color 0.3s;
+  transition: border-color 0.3s;
+}
+.mfui-select__combobox {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  position: relative;
+  z-index: 1;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: 0 45px 0 16px;
+  border: none;
+  border-radius: 0;
+  overflow: auto;
+  color: var(--content);
+  background-color: transparent;
+  outline: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  cursor: text;
+  opacity: 1;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.mfui-select_no-touch .mfui-select__control:hover,
+.mfui-select_no-touch .mfui-select__control:focus-within {
+  border-color: var(--content);
+}
+.mfui-select__title {
+  position: relative;
+  z-index: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 100%;
+  outline: none;
+}
+.mfui-select__title:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 27px;
+  z-index: 1;
+  display: block;
+  border-top: 6px solid;
+  border-right: 5px solid transparent;
+  border-bottom: none;
+  border-left: 5px solid transparent;
+  color: var(--brandGreen);
+  cursor: pointer;
+  -webkit-transition: -webkit-transform 0.6s;
+  transition: -webkit-transform 0.6s;
+  transition: transform 0.6s;
+  transition: transform 0.6s, -webkit-transform 0.6s;
+}
+.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 {
+  position: relative;
+  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;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 100%;
+  padding: 0 45px 0 16px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.mfui-select__title-inner:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 40px;
+  bottom: 0;
+  width: 40px;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
+  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--base));
+}
+.mfui-select__require-mark {
+  margin-left: 1px;
+  color: var(--fury);
+  font-size: 20px;
+  line-height: 0;
+}
+.mfui-select__list {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  left: 0;
+  z-index: 11;
+  display: none;
+  border-radius: 12px;
+  background-color: var(--base);
+  -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
+}
+.mfui-select__list-inner {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  max-height: 368px;
+  padding: 16px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--spbSky2) transparent;
+}
+.mfui-select__list-inner_short {
+  max-height: 235px;
+}
+.mfui-select__list-inner::-webkit-scrollbar {
+  width: 16px;
+}
+.mfui-select__list-inner::-webkit-scrollbar-thumb {
+  border: 6px solid transparent;
+  border-radius: 16px;
+  background-color: #D8D8D8;
+  background-clip: padding-box;
+}
+.mfui-select__list-inner::-webkit-scrollbar-thumb:hover {
+  background-color: #999999;
+}
+.mfui-select__list-item {
+  font-family: inherit;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  border-radius: 16px;
+  background-color: var(--base);
+  cursor: pointer;
+}
+.mfui-select__list-item_hovered {
+  background-color: var(--spbSky0);
+}
+.mfui-select__list-item_paddings_large {
+  padding-right: 32px;
+  padding-left: 32px;
+}
+.mfui-select__list-item_paddings_small {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+.mfui-select__item-title {
+  position: relative;
+  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(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
+  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--spbSky0));
+}
+.mfui-select__not-found {
+  padding: 8px 32px;
+  opacity: 0.5;
+}
+.mfui-select__text {
+  margin-top: 8px;
+  color: var(--spbSky3);
+  font-size: 12px;
+  line-height: 18px;
+}
+.mfui-select__highlighted-fragment {
+  font-weight: bold;
+}
+.mfui-select__label {
+  position: absolute;
+  top: 17px;
+  z-index: 1;
+  display: block;
+  overflow: auto;
+  color: var(--spbSky3);
+  -webkit-transition: top 0.5s, -webkit-transform 0.5s;
+  transition: top 0.5s, -webkit-transform 0.5s;
+  transition: transform 0.5s, top 0.5s;
+  transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
+  pointer-events: none;
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+}
+.mfui-select__combobox + .mfui-select__label {
+  left: 16px;
+}
+.mfui-select__combobox::-webkit-input-placeholder {
+  color: var(--spbSky3);
+  opacity: 0;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.mfui-select__combobox:-moz-placeholder {
+  color: var(--spbSky3);
+  opacity: 0;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.mfui-select__combobox:-ms-input-placeholder {
+  color: var(--spbSky3);
+  opacity: 0;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.mfui-select__combobox::-moz-placeholder {
+  color: var(--spbSky3);
+  opacity: 0;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.mfui-select__combobox::-ms-input-placeholder {
+  color: var(--spbSky3);
+  opacity: 0;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.mfui-select__combobox::placeholder {
+  color: var(--spbSky3);
+  opacity: 0;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.mfui-select_open .mfui-select__label,
+.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label {
+  -webkit-transform: scale(0.8) translate(-12%, -75%);
+          transform: scale(0.8) translate(-12%, -75%);
+  -webkit-transition-duration: 0.2s, 0.01s;
+          transition-duration: 0.2s, 0.01s;
+}
+.mfui-select__combobox:not(.mfui-select__combobox_hide-value) + .mfui-select__label {
+  -webkit-transform: scale(0.8) translate(-12.5%, -75%);
+          transform: scale(0.8) translate(-12.5%, -75%);
+  -webkit-transition-duration: 0.2s, 0.01s;
+          transition-duration: 0.2s, 0.01s;
+}
+.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value {
+  color: var(--spbSky3);
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+  opacity: 0;
+}
+.mfui-select__control_labeled .mfui-select__title-inner,
+.mfui-select__control_labeled .mfui-select__combobox {
+  padding-top: 22px;
+}
+.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-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::-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 {
+  display: block;
+  -webkit-animation-name: listAppear;
+          animation-name: listAppear;
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: ease-in-out;
+          animation-timing-function: ease-in-out;
+}
+.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 {
+  border-color: var(--spbSky1);
+  background-color: var(--spbSky1);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}
+.mfui-select_disabled .mfui-select__title-inner:after {
+  display: none;
+}
+.mfui-select_disabled .mfui-select__title:after {
+  color: var(--content);
+  opacity: 0.5;
+}

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import './Select.scss';
+import * as PropTypes from 'prop-types';
+import './Select.less';
 export declare const SelectItemsPaddings: {
     readonly SMALL: "small";
     readonly LARGE: "large";
@@ -8,14 +9,15 @@ export declare const Verification: {
     readonly VALID: "valid";
     readonly ERROR: "error";
 };
-type VerificationType = (typeof Verification)[keyof typeof Verification];
+declare type VerificationType = typeof Verification[keyof typeof Verification];
 export declare const SelectTypes: {
     readonly CLASSIC: "classic";
     readonly COMBOBOX: "combobox";
 };
-type SelectTypesType = (typeof SelectTypes)[keyof typeof SelectTypes];
-export type SelectItemValueType = number | string | undefined;
-type ViewCallbackArguments = {
+declare type SelectTypesType = typeof SelectTypes[keyof typeof SelectTypes];
+export declare type SelectItemValueType = number | string | undefined;
+declare type ElementOrString = JSX.Element[] | JSX.Element | Element[] | Element | string;
+declare type ViewCallbackArguments = {
     filterValue: string;
     isItemActive: boolean;
 };
@@ -25,11 +27,11 @@ export interface ISelectItem<T extends SelectItemValueType> {
     /** Значение value элемента */
     value: T;
     /** Настраиваемое отображение элементов в выпадающем списке  */
-    view?: React.ReactNode | ((data: ViewCallbackArguments) => React.ReactNode);
+    view?: ElementOrString | ((data: ViewCallbackArguments) => ElementOrString);
     /** Настраиваемое отображение выбранного элемента в поле селекта  */
     selectedView?: JSX.Element | Element | React.ReactElement;
     /** Размер горизонтальных отступов элемента */
-    paddings?: (typeof SelectItemsPaddings)[keyof typeof SelectItemsPaddings];
+    paddings?: typeof SelectItemsPaddings[keyof typeof SelectItemsPaddings];
 }
 export interface ISelectProps<T extends SelectItemValueType> {
     /** Тип компонента */
@@ -91,5 +93,79 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Обработчик при закрытом селекте */
     onClosed?: () => void;
 }
-declare const Select: <T extends SelectItemValueType>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, onClosed, onOpened, onSelect, }: ISelectProps<T>) => JSX.Element;
+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;
+    propTypes: {
+        type: PropTypes.Requireable<"classic" | "combobox">;
+        label: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        currentValue: PropTypes.Requireable<string | number>;
+        verification: PropTypes.Requireable<"error" | "valid">;
+        noticeText: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        required: PropTypes.Requireable<boolean>;
+        placeholder: PropTypes.Requireable<string>;
+        notFoundText: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        classes: PropTypes.Requireable<PropTypes.InferProps<{
+            root: PropTypes.Requireable<string>;
+            control: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            titleInner: PropTypes.Requireable<string>;
+            list: PropTypes.Requireable<string>;
+            listInner: PropTypes.Requireable<string>;
+            listItem: PropTypes.Requireable<string>;
+            listItemTitle: PropTypes.Requireable<string>;
+        }>>;
+        dataAttrs: PropTypes.Requireable<PropTypes.InferProps<{
+            root: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            label: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            control: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            title: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            titleInner: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            input: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            noticeText: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            list: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            listInner: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            listItem: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            listItemTitle: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+            notFound: PropTypes.Requireable<{
+                [x: string]: string;
+            }>;
+        }>>;
+        items: PropTypes.Validator<(Required<PropTypes.InferProps<{
+            view: PropTypes.Requireable<string | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
+            selectedView: PropTypes.Requireable<string | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
+            title: PropTypes.Validator<string>;
+            value: PropTypes.Validator<string | number>;
+            paddings: PropTypes.Requireable<"small" | "large">;
+        }>> | null | undefined)[]>;
+        shortList: PropTypes.Requireable<boolean>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpened: PropTypes.Requireable<(...args: any[]) => any>;
+        onClosed: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
 export default Select;