linear-react-components-ui 0.4.77-beta.22 → 0.4.77-beta.25

package/lib/inputs/multiSelect/ActionButtons.js

@@ -1,25 +1,23 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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 _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; }
 
 var ActionButtons = function ActionButtons(_ref) {
   var disabled = _ref.disabled,
@@ -27,7 +25,7 @@ var ActionButtons = function ActionButtons(_ref) {
       handleOpenClose = _ref.handleOpenClose,
       handleCheckAll = _ref.handleCheckAll,
       handleUncheckAll = _ref.handleUncheckAll;
-  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: disabled,
     size: "small",
     iconName: dropdownOpened ? 'up' : 'down',
@@ -35,7 +33,7 @@ var ActionButtons = function ActionButtons(_ref) {
     customClass: "actionbutton",
     transparent: true,
     boxShadow: false
-  }), /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: disabled,
     iconName: "more1",
     transparent: true,
@@ -43,11 +41,11 @@ var ActionButtons = function ActionButtons(_ref) {
     customClass: "actionbutton",
     dropdown: true,
     showIconDropdown: false
-  }, /*#__PURE__*/_react["default"].createElement(_list["default"], null, /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+  }, /*#__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, {
+  }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     itemId: "2",
     text: "Desmarcar Todos",
     onClick: handleUncheckAll
@@ -55,14 +53,4 @@ var ActionButtons = function ActionButtons(_ref) {
 };
 
 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
-};
+exports.default = _default;

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,27 +1,25 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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 _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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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(); }
 
@@ -31,21 +29,25 @@ 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; }
 
 var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight) {
-  var selectFieldRects = selectFieldRef.current.getBoundingClientRect();
-  var dropdownBottomDistance = window.innerHeight - selectFieldRects.bottom;
+  var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
+
+  var selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
+  var bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
+  var offsetTop = selectFieldRef !== null && selectFieldRef !== void 0 && (_selectFieldRef$curre2 = selectFieldRef.current) !== null && _selectFieldRef$curre2 !== void 0 && _selectFieldRef$curre2.offsetTop ? selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre3 = selectFieldRef.current) === null || _selectFieldRef$curre3 === void 0 ? void 0 : _selectFieldRef$curre3.offsetTop : 0;
+  var dropdownBottomDistance = window.innerHeight - 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;
+      height = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.top ? selectFieldRects.top : 0;
+      dropdownPosition = window.innerHeight - offsetTop + 10;
     } else {
       height = dropdownBottomDistance;
     }
@@ -53,148 +55,119 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFie
     maxDropdownBottomDistance = height;
 
     if (dropdownBottomDistance < maxDropdownBottomDistance) {
-      dropdownPosition = window.innerHeight - selectFieldRef.current.offsetTop + 10;
+      dropdownPosition = window.innerHeight - offsetTop + 10;
     }
   }
 
   return {
     maxHeight: "".concat(height - 30, "px"),
-    bottom: dropdownBottomDistance < maxDropdownBottomDistance && "".concat(dropdownPosition, "px")
+    bottom: "".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)),
+var Dropdown = function Dropdown(props) {
+  var _props$imageAlign = props.imageAlign,
+      imageAlign = _props$imageAlign === void 0 ? 'left' : _props$imageAlign,
+      descriptionKey = props.descriptionKey,
+      idKey = props.idKey,
+      dropdownMaxHeight = props.dropdownMaxHeight,
+      selectFieldRef = props.selectFieldRef,
+      isAllChecked = props.isAllChecked,
+      dropdownWidth = props.dropdownWidth,
+      inputValue = props.inputValue,
+      gridWrapperStyle = props.gridWrapperStyle,
+      _onFocus = props.onFocus,
+      onFilter = props.onFilter,
+      _onBlur = props.onBlur,
+      dataCombo = props.dataCombo,
+      opened = props.opened,
+      onUncheckAll = props.onUncheckAll,
+      onCheckAll = props.onCheckAll,
+      selecteds = props.selecteds,
+      onSelect = props.onSelect;
+
+  var _useState = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0)),
       _useState2 = _slicedToArray(_useState, 1),
       dropdownDynamicStyles = _useState2[0];
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "dropdown",
     style: _extends({
       width: dropdownWidth,
       marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0'
     }, dropdownDynamicStyles)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filtercontainer"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     className: "filterinput",
     type: "text",
     value: inputValue,
     onFocus: function onFocus() {
       _onFocus();
     },
-    onBlur: function onBlur() {
-      _onBlur();
+    onBlur: function onBlur(e) {
+      _onBlur(e);
     },
     onChange: function onChange(e) {
       onFilter(e.target.value);
     },
     autoFocus: opened
-  }), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
     customClass: "filtericon",
     name: "search",
     viewBox: "0 0 32 32"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "listcontainer"
-  }, dataCombo.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  }, dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "item selectall"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
     className: "menubutton",
-    tabIndex: "-1",
+    tabIndex: -1,
     onKeyPress: function onKeyPress() {},
     onClick: function onClick() {
       return isAllChecked ? onUncheckAll(true) : onCheckAll(true);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
     customClass: "checkboxicon"
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "label"
   }, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo.map(function (item) {
-    var isChecked = selecteds.find(function (selected) {
+    var isChecked = selecteds ? selecteds.find(function (selected) {
       return selected[idKey] === item[idKey];
-    });
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    }) : undefined;
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: "dropdowmItem ".concat(item[idKey], "}"),
       className: "item ".concat(isChecked && '-selected')
-    }, /*#__PURE__*/_react["default"].createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       role: "button",
       className: "menubutton",
-      tabIndex: "-1",
+      tabIndex: -1,
       onKeyPress: function onKeyPress() {},
       onClick: function onClick() {
         onSelect(item);
       }
-    }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: isChecked ? 'checkboxChecked2' : 'checkboxUnchecked2',
       customClass: "checkboxicon"
-    }), 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"], {
-      src: item[imgSrcKey],
+    }), 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])));
   })));
 };
 
-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;
+exports.default = _default;

package/lib/inputs/multiSelect/helper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
   var dataSource = _ref.dataSource,
@@ -15,4 +15,4 @@ var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
 };
 
 var _default = getFilteredDataCombo;
-exports["default"] = _default;
+exports.default = _default;