plataforma-fundacao-componentes 2.25.9 → 2.25.10

package/dist/components/buttonFileUpload/ButtonFileUpload.d.ts

@@ -11,11 +11,11 @@ export declare type ButtonFileUploadProps = {
     disabled?: boolean;
     onTypeNotAllowed?: () => void;
     buttonProps?: Omit<ButtonProps, 'theme' | 'onClick' | 'disabled' | 'leftIcon' | 'w100' | 'children'> & {
-        'data-testid': string;
+        'data-testid'?: string;
     };
     w100?: boolean;
     inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'multiple' | 'tabIndex' | 'type' | 'accept' | 'hidden'> & {
-        'data-testid': string;
+        'data-testid'?: string;
     };
 } & ({
     multiple: true;

package/dist/components/checkbox/Checkbox.d.ts

@@ -6,6 +6,7 @@ export interface CheckboxProps {
     'tooltip-position'?: TooltipPosition;
     'tooltip-text'?: string;
     disabled?: boolean;
+    'aria-disabled'?: boolean;
     value?: boolean;
     onChange?: (value: boolean, evt: React.MouseEvent<HTMLElement>) => void;
     theme?: CheckboxThemes;

package/dist/components/dropdownMenu/DropdownMenu.d.ts

@@ -1,16 +1,14 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import './DropdownMenu.scss';
-export interface DropdownMenuProps {
-    id?: string;
+export interface DropdownMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
     opened?: boolean;
-    setOpened: (evt?: any) => void;
+    setOpened: (evt: boolean) => void;
     content?: React.ReactNode;
     closeOnOutClick?: boolean;
     closeOnEsc?: boolean;
-    className?: string;
-    children?: any;
+    panelProps?: HTMLAttributes<HTMLDivElement>;
 }
-declare function DropdownMenu(props: DropdownMenuProps): React.JSX.Element;
+declare function DropdownMenu({ opened, setOpened, content, closeOnEsc, closeOnOutClick, children, panelProps, ...props }: DropdownMenuProps): React.JSX.Element;
 declare namespace DropdownMenu {
     var defaultProps: {
         closeOnOutClick: boolean;

package/dist/components/table/components/TableUpperHeader/TableUpperHeader.d.ts

@@ -10,7 +10,7 @@ interface upperHeaderButtonType {
     rightIcon?: JSX.Element | React.ReactNode;
     disabled?: boolean;
 }
-export interface upperHeaderDropdownMenuType extends DropdownMenuProps {
+export interface upperHeaderDropdownMenuType extends Omit<DropdownMenuProps, 'children'> {
     type: 'DropdownMenu';
     children: upperHeaderButtonType;
 }

package/dist/hooks/useOutsideClick/useOutsideClick.d.ts

@@ -1,2 +1,4 @@
 import { RefObject } from 'react';
-export default function useOutsideClick(refs: RefObject<null | HTMLButtonElement | HTMLDivElement | HTMLInputElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement> | Array<RefObject<null | HTMLButtonElement | HTMLDivElement | HTMLInputElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement>>, handler: (isInside: boolean) => void): void;
+export default function useOutsideClick(refs: Array<RefObject<null | HTMLButtonElement | HTMLDivElement | HTMLInputElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement>>, handler: (isInside: boolean) => void, options?: {
+    events: (keyof DocumentEventMap)[];
+}): void;

package/dist/index.css

@@ -5943,6 +5943,82 @@ h5 {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
+.component-chip {
+  font-size: 14px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 200px;
+  border-width: 1px;
+  border-style: solid;
+  font-weight: 600;
+  transition: all 0.3s ease; }
+  .component-chip span {
+    max-width: calc(100% - 24px);
+    padding-left: 4px;
+    text-overflow: ellipsis;
+    overflow: hidden; }
+  .component-chip.w100 {
+    width: 100%; }
+  .component-chip.all-clickable,
+  .component-chip .component-chip-button {
+    transform: scale(1);
+    transition: transform 0.3s ease;
+    cursor: pointer; }
+    .component-chip.all-clickable:active,
+    .component-chip .component-chip-button:active {
+      transform: scale(0.95); }
+  .component-chip .component-chip-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px; }
+    .component-chip .component-chip-button svg {
+      width: 20px;
+      height: 20px; }
+  .component-chip.primary-outline {
+    color: #3fa110;
+    background-color: rgba(0, 0, 0, 0);
+    border: 1px solid #3fa110; }
+  .component-chip.primary {
+    color: #fefefe;
+    background-color: #3fa110;
+    border: 1px solid #3fa110; }
+  .component-chip.danger {
+    color: #fefefe;
+    background-color: #e60000;
+    border: 1px solid #e60000; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
 .component-search {
   position: relative;
   width: 100%; }
@@ -6038,82 +6114,6 @@ h5 {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.component-chip {
-  font-size: 14px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 200px;
-  border-width: 1px;
-  border-style: solid;
-  font-weight: 600;
-  transition: all 0.3s ease; }
-  .component-chip span {
-    max-width: calc(100% - 24px);
-    padding-left: 4px;
-    text-overflow: ellipsis;
-    overflow: hidden; }
-  .component-chip.w100 {
-    width: 100%; }
-  .component-chip.all-clickable,
-  .component-chip .component-chip-button {
-    transform: scale(1);
-    transition: transform 0.3s ease;
-    cursor: pointer; }
-    .component-chip.all-clickable:active,
-    .component-chip .component-chip-button:active {
-      transform: scale(0.95); }
-  .component-chip .component-chip-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 2px; }
-    .component-chip .component-chip-button svg {
-      width: 20px;
-      height: 20px; }
-  .component-chip.primary-outline {
-    color: #3fa110;
-    background-color: rgba(0, 0, 0, 0);
-    border: 1px solid #3fa110; }
-  .component-chip.primary {
-    color: #fefefe;
-    background-color: #3fa110;
-    border: 1px solid #3fa110; }
-  .component-chip.danger {
-    color: #fefefe;
-    background-color: #e60000;
-    border: 1px solid #e60000; }
-
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
-  blueDarker: #2b517b;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
 .component-select-outer {
   position: relative;
   width: 100%; }

package/dist/index.js

@@ -7523,39 +7523,54 @@ function DropdownItem(props) {
 }
 var DropdownItem$1 = React$1.memo(DropdownItem);
 
-function useOutsideClick(refs, handler) {
+function useOutsideClick(refs, handler, options) {
+  var _options3;
+  if (options === void 0) {
+    options = {
+      events: ['mouseup', 'touchstart']
+    };
+  }
   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);
-    }
+    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 () {
-    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 = 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 panelRef = React$1.useRef(null);
+  var wrapperRef = React$1.createRef();
+  var panelRef = React$1.createRef();
   var interRef = React$1.useRef(inter);
   interRef.current = inter;
   React$1.useEffect(function () {
@@ -7589,7 +7604,7 @@ function DropdownMenu(props) {
         }
       }
     };
-    if (props.opened) {
+    if (opened) {
       position();
       var _inter = setInterval(position, 100);
       setInter(_inter);
@@ -7600,20 +7615,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);
     }
   });
   React$1.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);
@@ -7622,30 +7637,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__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", {
-    ref: panelRef,
-    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,
@@ -9092,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 = {};
@@ -9115,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],
@@ -9254,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();
@@ -9378,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", {
@@ -9712,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);
@@ -11149,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);