linear-react-components-ui 0.4.77-beta.2 → 0.4.77-beta.5

package/lib/inputs/select/Dropdown.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,11 +19,11 @@ var helper = _interopRequireWildcard(require("./helper"));
 
 var _Popup = _interopRequireDefault(require("../../dropdown/Popup"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -71,11 +71,11 @@ var Dropdown = function Dropdown(props) {
       setDropdownDynamicStyles(helper.returnDropdownDynamicStyles(_extends({}, props)));
     }
   }, [dropdownRef.current, dataCombo]);
-  return /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+  return /*#__PURE__*/_react.default.createElement(_Popup.default, {
     leftPosition: dropdownDynamicStyles.left,
     topPosition: dropdownDynamicStyles.top,
     minWidth: dropdownWidth
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "select-dropdown",
     ref: dropdownRef,
     style: {
@@ -83,9 +83,9 @@ var Dropdown = function Dropdown(props) {
       marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',
       maxHeight: dropdownDynamicStyles.maxHeight
     }
-  }, searchOnDropdown && /*#__PURE__*/_react["default"].createElement("div", {
+  }, searchOnDropdown && /*#__PURE__*/_react.default.createElement("div", {
     className: "filtercontainer"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     className: "filterinput",
     type: "text",
     value: inputValue,
@@ -99,7 +99,7 @@ var Dropdown = function Dropdown(props) {
       handleOnKeydown(e);
     },
     autoFocus: opened
-  }), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: "search",
     viewBox: "0 0 32 32"
   })), dataCombo.map(function (item) {
@@ -107,10 +107,10 @@ var Dropdown = function Dropdown(props) {
       return s === item;
     }) : false;
     var itemSelected = selected === item;
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: "dropdowmIten ".concat(item[idKey], "}"),
       className: helper.getDropdownItemCssClass(itemSelected, disabled, striped)
-    }, /*#__PURE__*/_react["default"].createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       role: "button",
       className: "menubutton",
       tabIndex: "-1",
@@ -121,49 +121,49 @@ var Dropdown = function Dropdown(props) {
           handleOnBlur(item);
         }
       }
-    }, item.iconName && /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    }, item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: item.iconName,
       customClass: "menuicon",
       style: {
         order: imageAlign === 'left' ? 0 : 1
       }
-    }), item[imgSrcKey] && /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    }), item[imgSrcKey] && /*#__PURE__*/_react.default.createElement(_avatar.default, {
       src: item[imgSrcKey],
       customClass: "menuicon",
       style: {
         order: imageAlign === 'left' ? 0 : 1
       }
-    }), /*#__PURE__*/_react["default"].createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "label"
     }, item[descriptionKey])));
-  }), dataCombo.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  }), dataCombo.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "notfound"
   }, searchNotFoundText)));
 };
 
 Dropdown.propTypes = {
-  dataCombo: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  idKey: _propTypes["default"].string.isRequired,
-  descriptionKey: _propTypes["default"].string.isRequired,
-  imgSrcKey: _propTypes["default"].string,
-  dropdownWidth: _propTypes["default"].number.isRequired,
-  selected: _propTypes["default"].object,
-  handleOnSelect: _propTypes["default"].func.isRequired,
-  handleOnFilter: _propTypes["default"].func.isRequired,
-  searchOnDropdown: _propTypes["default"].bool.isRequired,
-  handleOnKeydown: _propTypes["default"].func.isRequired,
-  searchNotFoundText: _propTypes["default"].string.isRequired,
-  handleOnBlur: _propTypes["default"].func.isRequired,
-  handleOnFocus: _propTypes["default"].func.isRequired,
-  opened: _propTypes["default"].bool.isRequired,
-  dropdownRef: _propTypes["default"].object.isRequired,
-  currents: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  imageAlign: _propTypes["default"].oneOf(['left', 'right']),
-  striped: _propTypes["default"].bool,
-  gridWrapperStyle: _propTypes["default"].object,
-  selectFieldRef: _propTypes["default"].object,
-  dropdownMaxHeight: _propTypes["default"].number,
-  inputValue: _propTypes["default"].string
+  dataCombo: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  idKey: _propTypes.default.string.isRequired,
+  descriptionKey: _propTypes.default.string.isRequired,
+  imgSrcKey: _propTypes.default.string,
+  dropdownWidth: _propTypes.default.number.isRequired,
+  selected: _propTypes.default.object,
+  handleOnSelect: _propTypes.default.func.isRequired,
+  handleOnFilter: _propTypes.default.func.isRequired,
+  searchOnDropdown: _propTypes.default.bool.isRequired,
+  handleOnKeydown: _propTypes.default.func.isRequired,
+  searchNotFoundText: _propTypes.default.string.isRequired,
+  handleOnBlur: _propTypes.default.func.isRequired,
+  handleOnFocus: _propTypes.default.func.isRequired,
+  opened: _propTypes.default.bool.isRequired,
+  dropdownRef: _propTypes.default.object.isRequired,
+  currents: _propTypes.default.arrayOf(_propTypes.default.object),
+  imageAlign: _propTypes.default.oneOf(['left', 'right']),
+  striped: _propTypes.default.bool,
+  gridWrapperStyle: _propTypes.default.object,
+  selectFieldRef: _propTypes.default.object,
+  dropdownMaxHeight: _propTypes.default.number,
+  inputValue: _propTypes.default.string
 };
 Dropdown.defaultProps = {
   selected: null,
@@ -174,7 +174,7 @@ Dropdown.defaultProps = {
   gridWrapperStyle: undefined,
   selectFieldRef: undefined,
   dropdownMaxHeight: undefined,
-  inputValue: undefined
+  inputValue: ''
 };
 var _default = Dropdown;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/select/helper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.returnDropdownDynamicStyles = exports.getFilteredMultipleDataCombo = exports.getFilteredSimpleDataCombo = exports.getDropdownItemCssClass = exports.contentClass = void 0;
+exports.returnDropdownDynamicStyles = exports.getFilteredSimpleDataCombo = exports.getFilteredMultipleDataCombo = exports.getDropdownItemCssClass = exports.contentClass = void 0;
 
 var contentClass = function contentClass(props) {
   return "content ".concat(props.showClearButton ? '' : 'noclear');
@@ -51,11 +51,15 @@ var returnDropdownPosition = function returnDropdownPosition(_ref3) {
   var aboveDropdown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var DEFAULT_MARGIN_BOTTOM = 10;
 
-  if (aboveDropdown) {
-    return selectFieldRects.top + window.scrollY - (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;
+  if (selectFieldRects) {
+    if (aboveDropdown) {
+      return selectFieldRects.top + window.scrollY - (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;
+    }
+
+    return selectFieldRects.top + window.scrollY + selectFieldRects.height;
   }
 
-  return selectFieldRects.top + window.scrollY + selectFieldRects.height;
+  return 0;
 };
 
 var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(_ref4) {

package/lib/inputs/select/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,7 +19,7 @@ var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
 
 var _excluded = ["gridLayout", "multiple"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -30,10 +30,10 @@ var SelectField = function SelectField(props) {
       multiple = props.multiple,
       newProps = _objectWithoutProperties(props, _excluded);
 
-  var component = multiple ? /*#__PURE__*/_react["default"].createElement(_multiple["default"], newProps) : /*#__PURE__*/_react["default"].createElement(_simple["default"], newProps);
+  var component = multiple ? /*#__PURE__*/_react.default.createElement(_multiple.default, newProps) : /*#__PURE__*/_react.default.createElement(_simple.default, newProps);
 
   if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
       customClass: "-withinput",
       cols: gridLayout
     }, component);
@@ -43,12 +43,12 @@ var SelectField = function SelectField(props) {
 };
 
 SelectField.propTypes = {
-  multiple: _propTypes["default"].bool,
-  gridLayout: _propTypes["default"].string
+  multiple: _propTypes.default.bool,
+  gridLayout: _propTypes.default.string
 };
 SelectField.defaultProps = {
   multiple: false,
   gridLayout: undefined
 };
 var _default = SelectField;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/select/multiple/Selecteds.js

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Selecteds = function Selecteds(_ref) {
   var currents = _ref.currents,
       descriptionKey = _ref.descriptionKey,
       idKey = _ref.idKey,
       handleOnUnselect = _ref.handleOnUnselect;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, currents.map(function (s) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currents.map(function (s) {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "selecteditem",
       key: "selected-".concat(s[idKey])
-    }, s[descriptionKey], /*#__PURE__*/_react["default"].createElement("span", {
+    }, s[descriptionKey], /*#__PURE__*/_react.default.createElement("span", {
       className: "close",
       role: "button",
       tabIndex: "-1",
@@ -33,10 +33,10 @@ var Selecteds = function Selecteds(_ref) {
 };
 
 Selecteds.propTypes = {
-  idKey: _propTypes["default"].string.isRequired,
-  descriptionKey: _propTypes["default"].string.isRequired,
-  currents: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  handleOnUnselect: _propTypes["default"].func.isRequired
+  idKey: _propTypes.default.string.isRequired,
+  descriptionKey: _propTypes.default.string.isRequired,
+  currents: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  handleOnUnselect: _propTypes.default.func.isRequired
 };
 var _default = Selecteds;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/select/multiple/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -27,11 +27,11 @@ var _InputTextBase = _interopRequireDefault(require("../../base/InputTextBase"))
 
 var _helper = require("../helper");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -59,7 +59,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -81,9 +81,9 @@ var MultipleSelect = /*#__PURE__*/function (_Component) {
 
     _initialiseProps.call(_assertThisInitialized(_this));
 
-    _this.componentId = "select-component".concat(_uuid["default"].v1());
-    _this.componentRef = /*#__PURE__*/_react["default"].createRef();
-    _this.dropdownRef = /*#__PURE__*/_react["default"].createRef();
+    _this.componentId = "select-component".concat(_uuid.default.v1());
+    _this.componentRef = /*#__PURE__*/_react.default.createRef();
+    _this.dropdownRef = /*#__PURE__*/_react.default.createRef();
     _this.state = {
       valueFromProps: null,
       dataCombo: props.dataSource,
@@ -291,7 +291,7 @@ var MultipleSelect = /*#__PURE__*/function (_Component) {
         var inputValue = this.state.inputValue;
 
         if (inputValue === '') {
-          var currents = _lodash["default"].dropRight(this.state.currents);
+          var currents = _lodash.default.dropRight(this.state.currents);
 
           this.setState({
             currents: currents
@@ -325,11 +325,11 @@ var MultipleSelect = /*#__PURE__*/function (_Component) {
       var _this$props5 = this.props,
           readOnly = _this$props5.readOnly,
           gridLayout = _this$props5.gridLayout;
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         id: this.componentId,
         ref: this.componentRef,
         className: "select-component"
-      }, /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], _extends({}, this.props, {
+      }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, this.props, {
         value: inputValue,
         readOnly: this.shouldBeReadOnly(),
         onFocus: function onFocus() {
@@ -350,7 +350,7 @@ var MultipleSelect = /*#__PURE__*/function (_Component) {
           _this3.selectWrapper = r;
         },
         handlerSetOnDenied: this.setOnDenied,
-        rightElements: /*#__PURE__*/_react["default"].createElement(_ActionButtons["default"], _extends({}, this.state, this.props, {
+        rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, this.state, this.props, {
           disabled: this.shouldDisable() || this.shouldBeReadOnly(),
           dropDownOpened: opened,
           handleClear: function handleClear() {
@@ -361,9 +361,9 @@ var MultipleSelect = /*#__PURE__*/function (_Component) {
             _this3.onOpenClose();
           }
         }))
-      }), /*#__PURE__*/_react["default"].createElement(_Selecteds["default"], _extends({}, this.state, this.props, {
+      }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({}, this.state, this.props, {
         handleOnUnselect: this.onUnselect
-      }))), opened && /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], _extends({}, this.state, this.props, {
+      }))), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, this.state, this.props, {
         selectFieldRef: this.componentRef,
         dropdownRef: this.dropdownRef,
         gridWrapperStyle: gridLayout ? window.getComputedStyle(this.gridEl) : undefined,
@@ -444,21 +444,21 @@ var _initialiseProps = function _initialiseProps() {
 };
 
 MultipleSelect.propTypes = {
-  dataSource: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  idKey: _propTypes["default"].string.isRequired,
-  descriptionKey: _propTypes["default"].string.isRequired,
-  value: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].number), _propTypes["default"].arrayOf(_propTypes["default"].string)]),
-  showClearButton: _propTypes["default"].bool,
-  readOnly: _propTypes["default"].bool,
-  searchOnDropdown: _propTypes["default"].bool,
-  searchNotFoundText: _propTypes["default"].string,
-  onSearch: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  remoteSearch: _propTypes["default"].bool,
-  onBlur: _propTypes["default"].func,
-  handlerClear: _propTypes["default"].func,
-  disabled: _propTypes["default"].bool,
-  gridLayout: _propTypes["default"].string
+  dataSource: _propTypes.default.arrayOf(_propTypes.default.object),
+  idKey: _propTypes.default.string.isRequired,
+  descriptionKey: _propTypes.default.string.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.string)]),
+  showClearButton: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool,
+  searchOnDropdown: _propTypes.default.bool,
+  searchNotFoundText: _propTypes.default.string,
+  onSearch: _propTypes.default.func,
+  onSelect: _propTypes.default.func,
+  remoteSearch: _propTypes.default.bool,
+  onBlur: _propTypes.default.func,
+  handlerClear: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  gridLayout: _propTypes.default.string
 };
 MultipleSelect.defaultProps = {
   dataSource: [],
@@ -476,4 +476,4 @@ MultipleSelect.defaultProps = {
   gridLayout: undefined
 };
 var _default = MultipleSelect;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/select/select.spec.js

@@ -12,9 +12,9 @@ var _simple = _interopRequireDefault(require("./simple"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -39,7 +39,7 @@ var SelectFieldTest = function SelectFieldTest(props) {
     }];
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_simple["default"], _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_simple.default, _extends({}, props, {
     dataSource: dataArray(),
     idKey: "id",
     descriptionKey: "name",
@@ -61,14 +61,14 @@ describe('Select', function () {
   describe('Permission', function () {
     var defineStorage = function defineStorage() {
       Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock["default"])()
+        value: (0, _storageMock.default)()
       });
     };
 
     it('should check permission', function () {
       defineStorage();
 
-      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_simple["default"], {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_simple.default, {
         idKey: "id",
         descriptionKey: "name",
         permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
@@ -82,7 +82,7 @@ describe('Select', function () {
       defineStorage();
       var mockOnClick = jest.fn();
 
-      var mockButton = /*#__PURE__*/_react["default"].createElement(_simple["default"], {
+      var mockButton = /*#__PURE__*/_react.default.createElement(_simple.default, {
         idKey: "id",
         descriptionKey: "name",
         onClick: mockOnClick,
@@ -100,7 +100,7 @@ describe('Select', function () {
     it('should check permission, be unavaible and onDenied is unvisible', function () {
       defineStorage();
 
-      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_simple["default"], {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_simple.default, {
         idKey: "id",
         descriptionKey: "name",
         permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
@@ -311,7 +311,7 @@ describe('Select', function () {
         }
       });
 
-      expect(container.querySelector('.select-component').lastElementChild).toHaveClass('dropdown');
+      expect(document.querySelector('.select-dropdown')).toBeInTheDocument();
     });
     it('should apply onSearch', function () {
       var onSearch = jest.fn();
@@ -344,7 +344,7 @@ describe('Select', function () {
         }
       });
 
-      expect(container.querySelector('.dropdown').querySelectorAll('.item')[0]).toHaveTextContent('C#');
+      expect(document.querySelector('.select-dropdown').querySelectorAll('.item')[0]).toHaveTextContent('C#');
     });
     it('should selectFirstOnEnter', function () {
       var _render30 = (0, _react2.render)(SelectFieldTest({
@@ -360,7 +360,7 @@ describe('Select', function () {
         }
       });
 
-      var dropdown = container.querySelector('.select-component').lastElementChild;
+      var dropdown = document.querySelector('.select-dropdown');
       expect(dropdown.firstChild).toHaveClass('-selected');
     });
     it('should openDropdownOnFocus', function () {
@@ -384,7 +384,7 @@ describe('Select', function () {
         }
       });
 
-      var dropdown = container.querySelector('.dropdown');
+      var dropdown = document.querySelector('.dropdown-component');
       expect(dropdown.firstChild !== dropdown.lastChild);
     });
   });