linear-react-components-ui 0.4.76-beta.0 → 0.4.76-beta.12

package/lib/assets/styles/multiSelect.scss

@@ -1,105 +0,0 @@
-@import "commons.scss";
-@import "effects.scss";
-.multiSelect-component {
-  width: 100%;
-  display: block;
-  .selectwrapper {
-    height: auto;
-
-    > .multiselect {
-      flex-wrap: wrap;
-      position: relative;
-      > .textinput {
-        order: 1;
-        display: inline-block;
-      }
-      > .selecteditem {
-        font-size: 14px;
-        position: absolute;
-        top: 50%;
-        left: 10px;
-        transform: translateY(-50%);
-      }
-    }
-
-    > .actionbutton {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      margin: 0 3px;
-      padding: 0 3px;
-
-      > svg {
-        margin: 0;
-      }
-    }
-  }
-}
-
-.multiSelect-component > .dropdown {
-  animation: 0.5s ease-in 0s 1 slideDown;
-  background-color: #fff;
-  border: $component-border-color;
-  @extend %component-menu-dropdown;
-  display: grid;
-  grid-template-rows: auto;
-  height: auto;
-  overflow-y: auto;
-  overflow-x: hidden;
-  position: absolute;
-  z-index: 9999;
-  > .filtercontainer {
-    position: relative;
-    display: grid;
-    grid-template-columns: 1fr 20px;
-    border: 1px solid $component-border-color;
-    margin: 4px;
-    > .filterinput {
-      border: 0;
-      font-size: 13px;
-      text-indent: 4px;
-      padding: 10px 5px;
-    }
-    > .filtericon {
-      position: absolute;
-      right: 5px;
-      top: 10px;
-    }
-  }
-  > .listcontainer > .item {
-    margin: 0;
-    padding: 6px 10px;
-    display: flex;
-    cursor: pointer;
-    justify-content: stretch;
-    border-bottom: solid 1px #e1e1e1;
-    &:last-child {
-      border-bottom: none;
-    }
-    &:hover {
-      background-color: $default-hover-color;
-    }
-    &.-selected {
-      background-color: $default-hover-color;
-    }
-    .menubutton {
-      background-color: transparent;
-      border: 0;
-      padding: 0;
-      margin: 0;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      width: 100%;
-      > .checkboxicon {
-        margin-right: 5px;
-      }
-      > .label {
-        flex-grow: 1;
-      }
-      > .menuicon {
-        margin-right: 5px;
-      }
-    }
-  }
-}

package/lib/assets/styles/periodpicker.scss

@@ -1,65 +0,0 @@
-@import "commons.scss";
-@import "effects.scss";
-.periodpicker-component {
-  height: auto;
-  position: relative;
-  display: flex;
-  border-radius: 2px;
-  border: 1px solid #dae1e8;
-
-  .inputwrapper {
-      border: none;
-  }
-
-  .separation_icon {
-    font-size: 16px;
-    flex: 0 0 10px;
-  }
-
-  .calendar-button {
-    flex: 0 0 20px;
-    padding: 4px;
-    border: none;
-  }
- 
-  .input-base-component {
-    flex: 1;
-  }
-
-}
-
-.dropdown-period>.item {
-  margin: 0;
-  padding: 6px 10px;
-  display: flex;
-  cursor: pointer;
-  justify-content: stretch;
-  border-bottom: solid 1px #e1e1e1;
-
-  &:hover {
-    background-color: $default-hover-color;
-  }
-  &.-selected {
-    background-color: $default-hover-color;
-  }
-  &.-disabled {
-    @extend %component-menu-disabled;
-    &:hover {
-      background-color: transparent;
-    }
-  }
-}
-
-.dropdown-period {
-  width: 100%;
-  /* animation: 0.5s ease-in 0s 1 slideDown; */
-  background-color: #FFF;
-  border: #dae1e8;
-  display: grid;
-  grid-template-rows: auto;
-  height: auto;
-  overflow-y: auto;
-  overflow-x: hidden;
-  /* margin-top: 2px; */
-  z-index: 99999999999;
-}

package/lib/checkbox/Label.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var Label = function Label(_ref) {
-  var label = _ref.label,
-      targetRef = _ref.targetRef;
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "checkbox-description",
-    ref: function ref(r) {
-      return targetRef && targetRef(r);
-    }
-  }, label);
-};
-
-Label.propTypes = {
-  label: _propTypes["default"].string.isRequired,
-  targetRef: _propTypes["default"].func
-};
-Label.defaultProps = {
-  targetRef: undefined
-};
-
-var _default = (0, _withTooltip["default"])(Label);
-
-exports["default"] = _default;

package/lib/form/FieldPeriod.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
-
-var _helpers = require("./helpers");
-
-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); }
-
-var FieldPeriod = function FieldPeriod(props) {
-  var data = props.data,
-      nameDateInitial = props.nameDateInitial,
-      nameDateFinal = props.nameDateFinal,
-      handlerFieldChange = props.handlerFieldChange,
-      handlerFieldValidade = props.handlerFieldValidade,
-      fieldErrors = props.fieldErrors,
-      externalMessagesErrors = props.externalMessagesErrors,
-      _onChange = props.onChange,
-      validators = props.validators;
-  var errorMessages = (0, _helpers.getErrorMessages)({
-    name: nameDateInitial,
-    fieldErrors: fieldErrors,
-    externalMessagesErrors: externalMessagesErrors
-  });
-  return /*#__PURE__*/_react["default"].createElement(props.component, _extends({}, props, {
-    errorMessages: errorMessages,
-    onChange: function onChange(_ref) {
-      var initial = _ref.initial,
-          _final = _ref["final"];
-
-      if (validators) {
-        handlerFieldValidade(nameDateInitial, {
-          initial: initial,
-          "final": _final
-        }, validators);
-      }
-
-      handlerFieldChange({
-        target: {
-          name: nameDateInitial,
-          value: initial
-        }
-      });
-      handlerFieldChange({
-        target: {
-          name: nameDateFinal,
-          value: _final
-        }
-      });
-
-      _onChange({
-        initial: initial,
-        "final": _final
-      });
-    },
-    value: {
-      initial: _lodash["default"].get(data, nameDateInitial),
-      "final": _lodash["default"].get(data, nameDateFinal)
-    }
-  }));
-};
-
-FieldPeriod.propTypes = {
-  data: _propTypes["default"].object.isRequired,
-  nameDateInitial: _propTypes["default"].string.isRequired,
-  nameDateFinal: _propTypes["default"].string.isRequired,
-  handlerFieldChange: _propTypes["default"].func.isRequired,
-  component: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].func]),
-  onBlur: _propTypes["default"].func,
-  validators: _propTypes["default"].oneOf([_propTypes["default"].func, _propTypes["default"].arrayOf(_propTypes["default"].func)]),
-  fieldErrors: _propTypes["default"].object,
-  externalMessagesErrors: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  handlerFieldValidade: _propTypes["default"].func,
-  onChange: _propTypes["default"].func
-};
-FieldPeriod.defaultProps = {
-  component: undefined,
-  onBlur: undefined,
-  validators: undefined,
-  fieldErrors: {},
-  externalMessagesErrors: [],
-  handlerFieldValidade: undefined,
-  onChange: undefined
-};
-
-var _default = (0, _withFieldHOC["default"])(FieldPeriod);
-
-exports["default"] = _default;

package/lib/form/withFormSecurity.js

@@ -1,106 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormSecurityContext = exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _excluded = ["handlerClose"];
-
-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 _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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var FormSecurityContext = /*#__PURE__*/_react["default"].createContext();
-
-exports.FormSecurityContext = FormSecurityContext;
-
-var withFormSecurity = function withFormSecurity(WrappedComponent) {
-  var EnhancedComponent = function EnhancedComponent(_ref) {
-    var handlerClose = _ref.handlerClose,
-        props = _objectWithoutProperties(_ref, _excluded);
-
-    var changedData = (0, _react.useRef)(false);
-
-    var _useState = (0, _react.useState)(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        securityBeforeUnload = _useState2[0],
-        setSecurityBeforeUnload = _useState2[1];
-
-    var _useState3 = (0, _react.useState)(false),
-        _useState4 = _slicedToArray(_useState3, 2),
-        showQuestion = _useState4[0],
-        setShowQuestion = _useState4[1];
-
-    var newHandlerClose = function newHandlerClose() {
-      if (changedData.current && securityBeforeUnload) {
-        setShowQuestion(true);
-      } else {
-        handlerClose();
-      }
-    };
-
-    var onConfirmClick = function onConfirmClick() {
-      handlerClose();
-    };
-
-    var onUnconfirmClick = function onUnconfirmClick() {
-      setShowQuestion(false);
-    };
-
-    var onChangedData = function onChangedData(value) {
-      changedData.current = value;
-    };
-
-    return /*#__PURE__*/_react["default"].createElement(FormSecurityContext.Provider, {
-      value: {
-        onChangedData: onChangedData,
-        showQuestion: showQuestion,
-        onConfirmClick: onConfirmClick,
-        onUnconfirmClick: onUnconfirmClick,
-        setSecurityBeforeUnload: setSecurityBeforeUnload
-      }
-    }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, _extends({}, props, {
-      handlerClose: newHandlerClose
-    })));
-  };
-
-  EnhancedComponent.propTypes = {
-    handlerClose: _propTypes["default"].func,
-    onClick: _propTypes["default"].func
-  };
-  EnhancedComponent.defaultProps = {
-    handlerClose: undefined,
-    onClick: undefined
-  };
-  return EnhancedComponent;
-};
-
-var _default = withFormSecurity;
-exports["default"] = _default;

package/lib/inputs/multiSelect/ActionButtons.js

@@ -1,68 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _buttons = _interopRequireDefault(require("../../buttons"));
-
-var _list = _interopRequireWildcard(require("../../list"));
-
-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; }
-
-var ActionButtons = function ActionButtons(_ref) {
-  var disabled = _ref.disabled,
-      dropdownOpened = _ref.dropdownOpened,
-      handleOpenClose = _ref.handleOpenClose,
-      handleCheckAll = _ref.handleCheckAll,
-      handleUncheckAll = _ref.handleUncheckAll;
-  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
-    disabled: disabled,
-    size: "small",
-    iconName: dropdownOpened ? 'up' : 'down',
-    onClick: handleOpenClose,
-    customClass: "actionbutton",
-    transparent: true,
-    boxShadow: false
-  }), /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
-    disabled: disabled,
-    iconName: "more1",
-    transparent: true,
-    boxShadow: false,
-    customClass: "actionbutton",
-    dropdown: true,
-    showIconDropdown: false
-  }, /*#__PURE__*/_react["default"].createElement(_list["default"], null, /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
-    itemId: "1",
-    text: "Marcar Todos",
-    onClick: handleCheckAll
-  }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
-    itemId: "2",
-    text: "Desmarcar Todos",
-    onClick: handleUncheckAll
-  }))));
-};
-
-var _default = ActionButtons;
-exports["default"] = _default;
-ActionButtons.propTypes = {
-  dropdownOpened: _propTypes["default"].bool,
-  handleOpenClose: _propTypes["default"].func.isRequired,
-  handleCheckAll: _propTypes["default"].func.isRequired,
-  handleUncheckAll: _propTypes["default"].func.isRequired,
-  disabled: _propTypes["default"].bool.isRequired
-};
-ActionButtons.defaultProps = {
-  dropdownOpened: false
-};

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,200 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _icons = _interopRequireDefault(require("../../icons"));
-
-var _avatar = _interopRequireDefault(require("../../avatar"));
-
-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 _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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight) {
-  var selectFieldRects = selectFieldRef.current.getBoundingClientRect();
-  var dropdownBottomDistance = window.innerHeight - selectFieldRects.bottom;
-  var maxDropdownBottomDistance = 200;
-  var height = dropdownMaxHeight;
-  var dropdownPosition;
-
-  if (!height || height <= 0) {
-    if (dropdownBottomDistance < maxDropdownBottomDistance) {
-      height = selectFieldRects.top;
-      dropdownPosition = window.innerHeight - selectFieldRef.current.offsetTop + 10;
-    } else {
-      height = dropdownBottomDistance;
-    }
-  } else {
-    maxDropdownBottomDistance = height;
-
-    if (dropdownBottomDistance < maxDropdownBottomDistance) {
-      dropdownPosition = window.innerHeight - selectFieldRef.current.offsetTop + 10;
-    }
-  }
-
-  return {
-    maxHeight: "".concat(height - 30, "px"),
-    bottom: dropdownBottomDistance < maxDropdownBottomDistance && "".concat(dropdownPosition, "px")
-  };
-};
-
-var Dropdown = function Dropdown(_ref) {
-  var dataCombo = _ref.dataCombo,
-      dropdownWidth = _ref.dropdownWidth,
-      _onBlur = _ref.onBlur,
-      _onFocus = _ref.onFocus,
-      onSelect = _ref.onSelect,
-      onFilter = _ref.onFilter,
-      opened = _ref.opened,
-      idKey = _ref.idKey,
-      descriptionKey = _ref.descriptionKey,
-      selecteds = _ref.selecteds,
-      imageAlign = _ref.imageAlign,
-      imgSrcKey = _ref.imgSrcKey,
-      gridWrapperStyle = _ref.gridWrapperStyle,
-      selectFieldRef = _ref.selectFieldRef,
-      dropdownMaxHeight = _ref.dropdownMaxHeight,
-      isAllChecked = _ref.isAllChecked,
-      onUncheckAll = _ref.onUncheckAll,
-      onCheckAll = _ref.onCheckAll,
-      inputValue = _ref.inputValue;
-
-  var _useState = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight)),
-      _useState2 = _slicedToArray(_useState, 1),
-      dropdownDynamicStyles = _useState2[0];
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dropdown",
-    style: _extends({
-      width: dropdownWidth,
-      marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0'
-    }, dropdownDynamicStyles)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "filtercontainer"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    className: "filterinput",
-    type: "text",
-    value: inputValue,
-    onFocus: function onFocus() {
-      _onFocus();
-    },
-    onBlur: function onBlur() {
-      _onBlur();
-    },
-    onChange: function onChange(e) {
-      onFilter(e.target.value);
-    },
-    autoFocus: opened
-  }), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
-    customClass: "filtericon",
-    name: "search",
-    viewBox: "0 0 32 32"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "listcontainer"
-  }, dataCombo.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "item selectall"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    role: "button",
-    className: "menubutton",
-    tabIndex: "-1",
-    onKeyPress: function onKeyPress() {},
-    onClick: function onClick() {
-      return isAllChecked ? onUncheckAll(true) : onCheckAll(true);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
-    name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
-    customClass: "checkboxicon"
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "label"
-  }, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo.map(function (item) {
-    var isChecked = selecteds.find(function (selected) {
-      return selected[idKey] === item[idKey];
-    });
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: "dropdowmItem ".concat(item[idKey], "}"),
-      className: "item ".concat(isChecked && '-selected')
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      role: "button",
-      className: "menubutton",
-      tabIndex: "-1",
-      onKeyPress: function onKeyPress() {},
-      onClick: function onClick() {
-        onSelect(item);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
-      name: isChecked ? 'checkboxChecked2' : 'checkboxUnchecked2',
-      customClass: "checkboxicon"
-    }), 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"], {
-      src: item[imgSrcKey],
-      customClass: "menuicon",
-      style: {
-        order: imageAlign === 'left' ? 0 : 1
-      }
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "label"
-    }, item[descriptionKey])));
-  })));
-};
-
-Dropdown.propTypes = {
-  dataCombo: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  idKey: _propTypes["default"].string.isRequired,
-  descriptionKey: _propTypes["default"].string.isRequired,
-  inputValue: _propTypes["default"].string.isRequired,
-  isAllChecked: _propTypes["default"].bool.isRequired,
-  imgSrcKey: _propTypes["default"].string,
-  dropdownWidth: _propTypes["default"].number.isRequired,
-  onFocus: _propTypes["default"].func.isRequired,
-  onBlur: _propTypes["default"].func.isRequired,
-  onSelect: _propTypes["default"].func.isRequired,
-  onFilter: _propTypes["default"].func.isRequired,
-  onUncheckAll: _propTypes["default"].func.isRequired,
-  onCheckAll: _propTypes["default"].func.isRequired,
-  opened: _propTypes["default"].bool.isRequired,
-  selecteds: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  imageAlign: _propTypes["default"].oneOf(['left', 'right']),
-  gridWrapperStyle: _propTypes["default"].object,
-  selectFieldRef: _propTypes["default"].object,
-  dropdownMaxHeight: _propTypes["default"].number
-};
-Dropdown.defaultProps = {
-  selecteds: [],
-  imageAlign: 'left',
-  imgSrcKey: undefined,
-  gridWrapperStyle: undefined,
-  selectFieldRef: undefined,
-  dropdownMaxHeight: undefined
-};
-var _default = Dropdown;
-exports["default"] = _default;