plataforma-fundacao-componentes 2.25.9 → 2.25.10

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React$1, { useMemo, useState, useEffect, memo, useCallback, useRef, useLayoutEffect, Fragment as Fragment$1, forwardRef, useImperativeHandle, createRef } from 'react';
+import React$1, { useMemo, useState, useEffect, memo, useCallback, useRef, useLayoutEffect, createRef, Fragment as Fragment$1, forwardRef, useImperativeHandle } from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import { Chart } from 'chart.js';
 import moment from 'moment';
@@ -7529,39 +7529,54 @@ function DropdownItem(props) {
 }
 var DropdownItem$1 = memo(DropdownItem);
 
-function useOutsideClick(refs, handler) {
+function useOutsideClick(refs, handler, options) {
+  var _options3;
+  if (options === void 0) {
+    options = {
+      events: ['mouseup', 'touchstart']
+    };
+  }
   var handleClickOutside = 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);
-    }
+    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]);
   useEffect(function () {
-    document.addEventListener('mouseup', handleClickOutside);
-    document.addEventListener('touchstart', handleClickOutside);
+    var _options;
+    (_options = options) === null || _options === void 0 ? void 0 : _options.events.forEach(function (evt) {
+      document.addEventListener(evt, handleClickOutside);
+    });
     return function () {
-      document.removeEventListener('mouseup', handleClickOutside);
-      document.removeEventListener('touchstart', handleClickOutside);
+      var _options2;
+      (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.events.forEach(function (evt) {
+        document.removeEventListener(evt, handleClickOutside);
+      });
     };
-  }, [refs, handler, 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 = useMemo(function () {
     return props.id ? props.id : getUniqueKey();
   }, [props.id]);
   var _useState = useState(null),
     inter = _useState[0],
     setInter = _useState[1];
-  var panelRef = useRef(null);
+  var wrapperRef = createRef();
+  var panelRef = createRef();
   var interRef = useRef(inter);
   interRef.current = inter;
   useEffect(function () {
@@ -7595,7 +7610,7 @@ function DropdownMenu(props) {
         }
       }
     };
-    if (props.opened) {
+    if (opened) {
       position();
       var _inter = setInterval(position, 100);
       setInter(_inter);
@@ -7606,20 +7621,20 @@ function DropdownMenu(props) {
         setInter(null);
       }
     };
-  }, [props.opened]);
-  useOutsideClick([panelRef], function (isInside) {
-    if (props.closeOnOutClick && !isInside) {
-      props.setOpened(false);
+  }, [opened]);
+  useOutsideClick([wrapperRef], function (isInside) {
+    if (closeOnOutClick && !isInside) {
+      setOpened(false);
     }
   });
   useEffect(function () {
     var onEscPress = function onEscPress(evt) {
       if (evt.key === 'Escape') {
-        props.setOpened(false);
+        setOpened(false);
       }
     };
-    if (props.closeOnEsc) {
-      if (props.opened) {
+    if (closeOnEsc) {
+      if (opened) {
         document.addEventListener('keyup', onEscPress);
       } else {
         document.removeEventListener('keyup', onEscPress);
@@ -7628,30 +7643,24 @@ function DropdownMenu(props) {
     return function () {
       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.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
+  }, [opened]);
+  return React$1.createElement("div", Object.assign({
+    ref: wrapperRef
+  }, props, {
+    id: id,
+    className: [rootClassName$1Z, props.className || ''].join(' ')
+  }), React$1.createElement("div", {
     className: rootClassName$1Z + "-children"
-  }, props.children), React$1.createElement(CSSTransition, {
-    "in": props.opened,
+  }, children), React$1.createElement(CSSTransition, {
+    "in": opened,
     timeout: 300,
     classNames: rootClassName$1Z + "-panel-fade",
     unmountOnExit: true
-  }, React$1.createElement("div", {
-    ref: panelRef,
-    className: rootClassName$1Z + "-panel scroll-white"
-  }, props.content)));
+  }, React$1.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,
@@ -9100,7 +9109,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 = {};
@@ -9123,7 +9132,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 = useRef(pageProp !== undefined);
   var _useState = useState(currentPage),
     pageCurrent = _useState[0],
@@ -9262,7 +9271,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();
@@ -9386,7 +9395,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.createElement("li", {
@@ -9721,11 +9730,11 @@ function Search(props) {
   var _useState7 = useState(false),
     showResults = _useState7[0],
     setShowResults = _useState7[1];
-  var wrapperRef = useRef(null);
+  var wrapperRef = 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);
@@ -11158,13 +11167,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.createElement("button", Object.assign({
     className: getMergedClassNames([rootClassName$2B, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
   }, props), icon);