plataforma-fundacao-componentes 2.25.8 → 2.25.10

package/dist/index.js

@@ -4802,50 +4802,53 @@ Button.defaultProps = {
 };
 var Button$1 = React$1.memo(Button);
 
-(function (BlobFileTypes) {
-  BlobFileTypes["PNG"] = ".png";
-  BlobFileTypes["GIF"] = ".gif";
-  BlobFileTypes["JPG"] = ".jpg";
-  BlobFileTypes["JPEG"] = ".jpeg";
-  BlobFileTypes["SVG"] = ".svg";
-  BlobFileTypes["PDF"] = ".pdf";
-  BlobFileTypes["DOC"] = ".doc";
-  BlobFileTypes["DOCX"] = ".docx";
-  BlobFileTypes["PPT"] = ".ppt";
-  BlobFileTypes["PPTX"] = ".pptx";
-  BlobFileTypes["XLS"] = ".xls";
-  BlobFileTypes["XLSX"] = ".xlsx";
-  BlobFileTypes["ALL_IMAGES"] = "image/*";
-  BlobFileTypes["AVI"] = ".avi";
-  BlobFileTypes["WMV"] = ".wmv";
-  BlobFileTypes["MP4"] = ".mp4";
-})(exports.BlobFileTypes || (exports.BlobFileTypes = {}));
+(function (FileTypes) {
+  FileTypes["ALL_IMAGES"] = "image/*";
+  FileTypes["AVI"] = ".avi";
+  FileTypes["DOC"] = ".doc";
+  FileTypes["DOCX"] = ".docx";
+  FileTypes["GIF"] = ".gif";
+  FileTypes["JPEG"] = ".jpeg";
+  FileTypes["JPG"] = ".jpg";
+  FileTypes["MP4"] = ".mp4";
+  FileTypes["PDF"] = ".pdf";
+  FileTypes["PNG"] = ".png";
+  FileTypes["PPT"] = ".ppt";
+  FileTypes["PPTX"] = ".pptx";
+  FileTypes["ODT"] = ".odt";
+  FileTypes["SVG"] = ".svg";
+  FileTypes["WMV"] = ".wmv";
+  FileTypes["XLS"] = ".xls";
+  FileTypes["XLSX"] = ".xlsx";
+  FileTypes["ZIP"] = ".zip";
+  FileTypes["RAR"] = ".rar";
+})(exports.FileTypes || (exports.FileTypes = {}));
 (function (ImageTypes) {
-  ImageTypes["PNG"] = ".png";
   ImageTypes["GIF"] = ".gif";
-  ImageTypes["JPG"] = ".jpg";
   ImageTypes["JPEG"] = ".jpeg";
+  ImageTypes["JPG"] = ".jpg";
+  ImageTypes["PNG"] = ".png";
 })(exports.ImageTypes || (exports.ImageTypes = {}));
 
 var rootClassName$1H = 'component-button-file-upload';
 function ButtonFileUpload(props) {
-  var _useState = React$1.useState(getUniqueKey()),
-    id = _useState[0];
-  var isAllowedFileType = function isAllowedFileType(fileName) {
+  var _props$inputProps;
+  var id = React$1.useMemo(getUniqueKey, []);
+  var isAllowedFileType = React$1.useCallback(function (fileName) {
     var extension = fileName.replace(/^(.)*(\..+)$/, '$2').toLowerCase();
     if (props.allowedFileTypes && props.allowedFileTypes.length) {
       if (props.allowedFileTypes.indexOf(extension) > -1) {
         return true;
-      } else if (props.allowedFileTypes.indexOf(exports.BlobFileTypes.ALL_IMAGES) > -1 && Object.values(exports.ImageTypes).indexOf(extension) > -1) {
+      } else if (props.allowedFileTypes.indexOf(exports.FileTypes.ALL_IMAGES) > -1 && Object.values(exports.ImageTypes).indexOf(extension) > -1) {
         return true;
       } else {
         return false;
       }
     }
     return true;
-  };
-  var getButtonProps = function getButtonProps() {
-    var p = _extends({
+  }, [props.allowedFileTypes]);
+  var buttonProps = React$1.useMemo(function () {
+    return _extends({
       theme: props.theme,
       onClick: function onClick() {
         var hiddenInput = document.querySelector("#" + id + " input");
@@ -4857,12 +4860,12 @@ function ButtonFileUpload(props) {
       leftIcon: props.leftIcon,
       w100: props.w100
     }, props.buttonProps);
-    return p;
-  };
+  }, [id, props.buttonProps, props.disabled, props.leftIcon, props.theme, props.w100]);
   return React$1__default.createElement("div", {
     className: getMergedClassNames([rootClassName$1H, props.w100 ? 'w100' : '']),
     id: id
-  }, React$1__default.createElement("input", {
+  }, React$1__default.createElement("input", Object.assign({
+    hidden: true,
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined,
     tabIndex: -1,
@@ -4877,9 +4880,11 @@ function ButtonFileUpload(props) {
         return !props.allowedFileTypes || !props.allowedFileTypes.length || isAllowedFileType(file.name);
       });
       if (props.multiple) {
-        props.onChange(filteredFiles);
+        var _props$onChange;
+        (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, filteredFiles);
       } else {
-        props.onChange(filteredFiles[0]);
+        var _props$onChange2;
+        (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, filteredFiles[0]);
       }
       var hiddenInput = document.querySelector("#" + id + " input");
       if (hiddenInput) {
@@ -4887,7 +4892,7 @@ function ButtonFileUpload(props) {
       }
     },
     multiple: props.multiple
-  }), React$1__default.createElement(Button$1, Object.assign({}, getButtonProps()), props.label));
+  }, (_props$inputProps = props.inputProps) != null ? _props$inputProps : {})), React$1__default.createElement(Button$1, Object.assign({}, buttonProps), props.label));
 }
 ButtonFileUpload.defaultProps = {
   label: 'Escolher arquivo',
@@ -7299,7 +7304,7 @@ function DatePickerCalendar(props) {
       },
       key: index,
       className: getMergedClassNames(['day', day.getFullYear() === today.getFullYear() && day.getMonth() === today.getMonth() && day.getDate() === today.getDate() ? 'today' : '', props.value && day.getFullYear() === ((_stringToDate = stringToDate(props.value)) === null || _stringToDate === void 0 ? void 0 : _stringToDate.getFullYear()) && day.getMonth() === ((_stringToDate2 = stringToDate(props.value)) === null || _stringToDate2 === void 0 ? void 0 : _stringToDate2.getMonth()) && day.getDate() === ((_stringToDate3 = stringToDate(props.value)) === null || _stringToDate3 === void 0 ? void 0 : _stringToDate3.getDate()) ? 'selected' : '']),
-      disabled: day.getMonth() !== month
+      disabled: day.getMonth() !== month || props.disabled
     }, day.getDate());
   })))));
 }
@@ -7409,6 +7414,7 @@ function DatePicker(props) {
       }
     }
   }) : undefined, React$1__default.createElement(IconButton$1, {
+    disabled: props.disabled,
     icon: React$1__default.createElement(CalendarIcon, null),
     onClick: function onClick() {
       setOpened(!opened);
@@ -7423,6 +7429,7 @@ function DatePicker(props) {
     className: rootClassName$1W + "-panel"
   }, React$1__default.createElement(DatePickerCalendar$1, {
     language: props.language,
+    disabled: props.disabled,
     value: value,
     onChange: function onChange(date) {
       setValue(date);
@@ -7516,14 +7523,54 @@ function DropdownItem(props) {
 }
 var DropdownItem$1 = React$1.memo(DropdownItem);
 
+function useOutsideClick(refs, handler, options) {
+  var _options3;
+  if (options === void 0) {
+    options = {
+      events: ['mouseup', 'touchstart']
+    };
+  }
+  var handleClickOutside = React$1.useCallback(function (e) {
+    var isInside = refs.some(function (r) {
+      return (r === null || r === void 0 ? void 0 : r.current) && r.current.contains(e.target);
+    });
+    handler(isInside);
+  }, [handler, refs]);
+  React$1.useEffect(function () {
+    var _options;
+    (_options = options) === null || _options === void 0 ? void 0 : _options.events.forEach(function (evt) {
+      document.addEventListener(evt, handleClickOutside);
+    });
+    return function () {
+      var _options2;
+      (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.events.forEach(function (evt) {
+        document.removeEventListener(evt, handleClickOutside);
+      });
+    };
+  }, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
+}
+
+var _excluded = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps"];
 var rootClassName$1Z = 'component-dropdown-menu';
-function DropdownMenu(props) {
+function DropdownMenu(_ref) {
+  var _panelProps$className;
+  var opened = _ref.opened,
+    setOpened = _ref.setOpened,
+    content = _ref.content,
+    closeOnEsc = _ref.closeOnEsc,
+    closeOnOutClick = _ref.closeOnOutClick,
+    children = _ref.children,
+    _ref$panelProps = _ref.panelProps,
+    panelProps = _ref$panelProps === void 0 ? {} : _ref$panelProps,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var id = React$1.useMemo(function () {
     return props.id ? props.id : getUniqueKey();
   }, [props.id]);
   var _useState = React$1.useState(null),
     inter = _useState[0],
     setInter = _useState[1];
+  var wrapperRef = React$1.createRef();
+  var panelRef = React$1.createRef();
   var interRef = React$1.useRef(inter);
   interRef.current = inter;
   React$1.useEffect(function () {
@@ -7557,7 +7604,7 @@ function DropdownMenu(props) {
         }
       }
     };
-    if (props.opened) {
+    if (opened) {
       position();
       var _inter = setInterval(position, 100);
       setInter(_inter);
@@ -7568,72 +7615,46 @@ function DropdownMenu(props) {
         setInter(null);
       }
     };
-  }, [props.opened]);
+  }, [opened]);
+  useOutsideClick([wrapperRef], function (isInside) {
+    if (closeOnOutClick && !isInside) {
+      setOpened(false);
+    }
+  });
   React$1.useEffect(function () {
-    var onHandleClick = function onHandleClick(evt) {
-      if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$1Z + "-panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
-      } else {
-        var aux = evt.target;
-        var deveFechar = true;
-        while (aux && aux.id !== 'root') {
-          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$1Z)) {
-            deveFechar = false;
-            break;
-          }
-          aux = aux.parentElement;
-        }
-        if (deveFechar) {
-          props.setOpened(false);
-        }
-      }
-    };
     var onEscPress = function onEscPress(evt) {
       if (evt.key === 'Escape') {
-        props.setOpened(false);
+        setOpened(false);
       }
     };
-    if (props.closeOnOutClick) {
-      if (props.opened) {
-        document.addEventListener('mousedown', onHandleClick);
-      } else {
-        document.removeEventListener('mousedown', onHandleClick);
-      }
-    }
-    if (props.closeOnEsc) {
-      if (props.opened) {
+    if (closeOnEsc) {
+      if (opened) {
         document.addEventListener('keyup', onEscPress);
       } else {
         document.removeEventListener('keyup', onEscPress);
       }
     }
     return function () {
-      document.removeEventListener('click', onHandleClick);
       document.removeEventListener('keyup', onEscPress);
     };
-  }, [props.opened]);
-  var getProps = function getProps() {
-    var p = _extends({}, props, {
-      id: id,
-      className: getMergedClassNames([rootClassName$1Z, props.className || ''])
-    });
-    delete p.opened;
-    delete p.setOpened;
-    delete p.content;
-    delete p.closeOnOutClick;
-    delete p.closeOnEsc;
-    return p;
-  };
-  return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
+  }, [opened]);
+  return React$1__default.createElement("div", Object.assign({
+    ref: wrapperRef
+  }, props, {
+    id: id,
+    className: [rootClassName$1Z, props.className || ''].join(' ')
+  }), React$1__default.createElement("div", {
     className: rootClassName$1Z + "-children"
-  }, props.children), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
-    "in": props.opened,
+  }, children), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
+    "in": opened,
     timeout: 300,
     classNames: rootClassName$1Z + "-panel-fade",
     unmountOnExit: true
-  }, React$1__default.createElement("div", {
-    className: rootClassName$1Z + "-panel scroll-white"
-  }, props.content)));
+  }, React$1__default.createElement("div", Object.assign({
+    ref: panelRef
+  }, panelProps, {
+    className: [rootClassName$1Z + "-panel scroll-white", (_panelProps$className = panelProps === null || panelProps === void 0 ? void 0 : panelProps.className) != null ? _panelProps$className : ''].join(' ')
+  }), content)));
 }
 DropdownMenu.defaultProps = {
   closeOnOutClick: true,
@@ -8017,7 +8038,7 @@ function FileUpload(props) {
     if (props.allowedFileTypes && props.allowedFileTypes.length) {
       if (props.allowedFileTypes.indexOf(extension) > -1) {
         return true;
-      } else if (props.allowedFileTypes.indexOf(exports.BlobFileTypes.ALL_IMAGES) > -1 && Object.values(exports.ImageTypes).indexOf(extension) > -1) {
+      } else if (props.allowedFileTypes.indexOf(exports.FileTypes.ALL_IMAGES) > -1 && Object.values(exports.ImageTypes).indexOf(extension) > -1) {
         return true;
       } else {
         return false;
@@ -9080,7 +9101,7 @@ function Paginator(props) {
 }
 Paginator.defaultProps = {};
 
-var _excluded = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
+var _excluded$1 = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
 function usePagination(props) {
   if (props === void 0) {
     props = {};
@@ -9103,7 +9124,7 @@ function usePagination(props) {
     _props$siblingCount = _props.siblingCount,
     siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
     maxLength = _props.maxLength,
-    other = _objectWithoutPropertiesLoose(_props, _excluded);
+    other = _objectWithoutPropertiesLoose(_props, _excluded$1);
   var isControlledRef = React$1.useRef(pageProp !== undefined);
   var _useState = React$1.useState(currentPage),
     pageCurrent = _useState[0],
@@ -9242,7 +9263,7 @@ function useScreenSize() {
   return value;
 }
 
-var _excluded$1 = ["page", "type", "selected"];
+var _excluded$2 = ["page", "type", "selected"];
 var rootClassName$2k = 'pagination-component';
 var Pagination = function Pagination(props) {
   var screenSize = useScreenSize();
@@ -9366,7 +9387,7 @@ var Pagination = function Pagination(props) {
     var page = _ref2.page,
       type = _ref2.type,
       selected = _ref2.selected,
-      item = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+      item = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
     var children = null;
     if (type === 'start-ellipsis' || type === 'end-ellipsis') {
       children = React$1__default.createElement("li", {
@@ -9678,30 +9699,6 @@ function Chip(props) {
 }
 var Chip$1 = React$1.memo(Chip);
 
-function useOutsideClick(refs, handler) {
-  var handleClickOutside = React$1.useCallback(function (e) {
-    if (refs && 'current' in refs && refs.current) {
-      var isInside = Array.isArray(refs.current) ? refs.current.some(function (element) {
-        return !!element && element.contains(e.target);
-      }) : !!refs && !!refs.current && refs.current.contains(e.target);
-      handler(isInside);
-    } else {
-      var _isInside = Array.isArray(refs) && refs.some(function (element) {
-        return !!element && !!element.current && element.current.contains(e.target);
-      });
-      handler(_isInside);
-    }
-  }, [handler, refs]);
-  React$1.useEffect(function () {
-    document.addEventListener('mouseup', handleClickOutside);
-    document.addEventListener('touchstart', handleClickOutside);
-    return function () {
-      document.removeEventListener('mouseup', handleClickOutside);
-      document.removeEventListener('touchstart', handleClickOutside);
-    };
-  }, [refs, handler, handleClickOutside]);
-}
-
 var rootClassName$2p = 'component-search';
 function Search(props) {
   var _wrapperRef$current;
@@ -9724,11 +9721,11 @@ function Search(props) {
   var _useState7 = React$1.useState(false),
     showResults = _useState7[0],
     setShowResults = _useState7[1];
-  var wrapperRef = React$1.useRef(null);
+  var wrapperRef = React$1.createRef();
   var handleClickOutside = function handleClickOutside(e) {
     if (!e) setShowResults(false);
   };
-  useOutsideClick(wrapperRef, handleClickOutside);
+  useOutsideClick([wrapperRef], handleClickOutside);
   var onEsc = function onEsc(evt) {
     if (evt.key === 'Escape') {
       setShowResults(false);
@@ -11161,13 +11158,13 @@ TextEditorColorPicker.defaultProps = {
   onChange: function onChange() {}
 };
 
-var _excluded$2 = ["icon", "active"];
+var _excluded$3 = ["icon", "active"];
 var rootClassName$2B = 'text-editor-header-button';
 function TextEditorHeaderButton(_ref) {
   var _props$className;
   var icon = _ref.icon,
     active = _ref.active,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React$1__default.createElement("button", Object.assign({
     className: getMergedClassNames([rootClassName$2B, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
   }, props), icon);
@@ -44326,6 +44323,7 @@ DestructiveModal.defaultProps = {
 (function (IconButtonType) {
   IconButtonType["Primary"] = "primary";
   IconButtonType["Secondary"] = "secondary";
+  IconButtonType["Gray"] = "gray";
   IconButtonType["Dark"] = "dark";
   IconButtonType["Blue"] = "blue";
 })(exports.IconButtonType || (exports.IconButtonType = {}));