plataforma-fundacao-componentes 2.25.7 → 2.25.9

package/dist/components/button/Button.stories.d.ts

@@ -1,33 +1,32 @@
-declare namespace _default {
-    export const title: string;
-    export { Button as component };
-}
+import React from 'react';
+declare const _default: {
+    title: string;
+};
 export default _default;
-export function Primary(): import("react").JSX.Element;
-export function LoadingOnClick(): import("react").JSX.Element;
-export function PrimaryLight(): import("react").JSX.Element;
-export function PrimaryDisabled(): import("react").JSX.Element;
-export function PrimaryLightDisabled(): import("react").JSX.Element;
-export function PrimaryLoading(): import("react").JSX.Element;
-export function Secondary(): import("react").JSX.Element;
-export function SecondaryWhiteBackground(): import("react").JSX.Element;
-export function SecondaryDisabled(): import("react").JSX.Element;
-export function StyleDefault(): import("react").JSX.Element;
-export function Danger(): import("react").JSX.Element;
-export function DangerDarker(): import("react").JSX.Element;
-export function DangerDarkerOutline(): import("react").JSX.Element;
-export function DangerDisabled(): import("react").JSX.Element;
-export function Black(): import("react").JSX.Element;
-export function FullWidth(): import("react").JSX.Element;
-export function LeftIcon(): import("react").JSX.Element;
-export function LeftIconFullWidth(): import("react").JSX.Element;
-export function RightIcon(): import("react").JSX.Element;
-export function RightIconFullWidth(): import("react").JSX.Element;
-export function TDLoader(): import("react").JSX.Element;
-export function TDLoaderFullWidth(): import("react").JSX.Element;
-export function BottomMobileWithLoader(): import("react").JSX.Element;
-export function headerButtonPrimary(): import("react").JSX.Element;
-export function headerButtonSecondary(): import("react").JSX.Element;
-export function headerUserButtonPrimary(): import("react").JSX.Element;
-export function headerUserButtonSecondary(): import("react").JSX.Element;
-import Button from "./Button";
+export declare const Primary: () => React.JSX.Element;
+export declare const LoadingOnClick: () => React.JSX.Element;
+export declare const PrimaryLight: () => React.JSX.Element;
+export declare const PrimaryDisabled: () => React.JSX.Element;
+export declare const PrimaryLightDisabled: () => React.JSX.Element;
+export declare const PrimaryLoading: () => React.JSX.Element;
+export declare const Secondary: () => React.JSX.Element;
+export declare const SecondaryWhiteBackground: () => React.JSX.Element;
+export declare const SecondaryDisabled: () => React.JSX.Element;
+export declare const StyleDefault: () => React.JSX.Element;
+export declare const Danger: () => React.JSX.Element;
+export declare const DangerDarker: () => React.JSX.Element;
+export declare const DangerDarkerOutline: () => React.JSX.Element;
+export declare const DangerDisabled: () => React.JSX.Element;
+export declare const Black: () => React.JSX.Element;
+export declare const FullWidth: () => React.JSX.Element;
+export declare const LeftIcon: () => React.JSX.Element;
+export declare const LeftIconFullWidth: () => React.JSX.Element;
+export declare const RightIcon: () => React.JSX.Element;
+export declare const RightIconFullWidth: () => React.JSX.Element;
+export declare const TDLoader: () => React.JSX.Element;
+export declare const TDLoaderFullWidth: () => React.JSX.Element;
+export declare const BottomMobileWithLoader: () => React.JSX.Element;
+export declare const headerButtonPrimary: () => React.JSX.Element;
+export declare const headerButtonSecondary: () => React.JSX.Element;
+export declare const headerUserButtonPrimary: () => React.JSX.Element;
+export declare const headerUserButtonSecondary: () => React.JSX.Element;

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

@@ -1,21 +1,31 @@
-import React from 'react';
-import { BlobFileTypes } from '../../libraries/BlobFileTypes';
+import React, { InputHTMLAttributes } from 'react';
 import { ButtonThemes } from '../../libraries/ButtonTheme';
+import { FileTypes } from '../../libraries/FileTypes';
 import { ButtonProps } from '../button/Button';
 import './ButtonFileUpload.scss';
-export interface ButtonFileUploadProps {
+export declare type ButtonFileUploadProps = {
     label?: string;
     leftIcon?: React.ReactNode;
     theme?: ButtonThemes;
-    allowedFileTypes?: Array<BlobFileTypes>;
-    multiple?: boolean;
+    allowedFileTypes?: Array<FileTypes | string>;
     disabled?: boolean;
-    value?: null | object | object[] | Blob | Blob[] | File | File[];
-    onChange: (value: File | File[] | Blob | Blob[] | object | object[]) => void;
     onTypeNotAllowed?: () => void;
-    buttonProps?: ButtonProps | object;
+    buttonProps?: Omit<ButtonProps, 'theme' | 'onClick' | 'disabled' | 'leftIcon' | 'w100' | 'children'> & {
+        'data-testid': string;
+    };
     w100?: boolean;
-}
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'multiple' | 'tabIndex' | 'type' | 'accept' | 'hidden'> & {
+        'data-testid': string;
+    };
+} & ({
+    multiple: true;
+    value?: File[];
+    onChange?: (value: File[]) => void;
+} | {
+    multiple?: false;
+    value?: File;
+    onChange?: (value?: File) => void;
+});
 declare function ButtonFileUpload(props: ButtonFileUploadProps): React.JSX.Element;
 declare namespace ButtonFileUpload {
     var defaultProps: {

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

@@ -1,11 +1,10 @@
-declare namespace _default {
-    export const title: string;
-    export { ButtonFileUpload as component };
-}
+import React from 'react';
+declare const _default: {
+    title: string;
+};
 export default _default;
-export function Single(): import("react").JSX.Element;
-export function SingleFileTypes(): import("react").JSX.Element;
-export function Multiple(): import("react").JSX.Element;
-export function MultipleW100(): import("react").JSX.Element;
-export function NotAllowedEvent(): import("react").JSX.Element;
-import ButtonFileUpload from "./ButtonFileUpload";
+export declare const Single: () => React.JSX.Element;
+export declare const SingleFileTypes: () => React.JSX.Element;
+export declare const Multiple: () => React.JSX.Element;
+export declare const MultipleW100: () => React.JSX.Element;
+export declare const NotAllowedEvent: () => React.JSX.Element;

package/dist/components/datePicker/components/datePickerCalendar/DatePickerCalendar.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './DatePickerCalendar.scss';
 interface calendarProps {
     value?: string | null;
+    disabled?: boolean;
     onChange?: (date: string) => void;
     language: {
         daysOfWeek: string[];

package/dist/components/fileUpload/FileUpload.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BlobFileTypes } from '../../libraries/BlobFileTypes';
+import { FileTypes } from '../../libraries/FileTypes';
 import './FileUpload.scss';
 interface FileUploadProps {
     label: string | React.ReactNode;
@@ -10,7 +10,7 @@ interface FileUploadProps {
     error?: boolean;
     onChange: (evt?: any) => void;
     inputFileProps?: object;
-    allowedFileTypes?: BlobFileTypes[];
+    allowedFileTypes?: FileTypes[];
     multiple?: boolean;
     disabled?: boolean;
     className?: string;

package/dist/components/toast/Toast.stories.d.ts

@@ -6,6 +6,7 @@ export default _default;
 export function Default(): React.JSX.Element;
 export function Success(): React.JSX.Element;
 export function Error(): React.JSX.Element;
+export function Warning(): React.JSX.Element;
 export function DefaultWithButton(): React.JSX.Element;
 import Toast from "./Toast";
 import React from "react";

package/dist/index.css

@@ -1432,9 +1432,6 @@ h5 {
 .component-button-file-upload.w100 {
   width: 100%; }
 
-.component-button-file-upload input {
-  display: none; }
-
 :export {
   widthXs: 575.98px;
   widthSm: 767.98px;
@@ -1719,6 +1716,9 @@ h5 {
 .component-icon-button:not(:disabled).component-icon-button-secondary {
   color: #fefefe; }
 
+.component-icon-button:not(:disabled).component-icon-button-gray {
+  color: #cdd3cd; }
+
 .component-icon-button:not(:disabled).component-icon-button-dark {
   color: #323c32; }
 
@@ -7631,6 +7631,12 @@ nav.component-tabs {
   .component-toast-error .component-toast-close-button svg {
     color: #fefefe; }
 
+.component-toast-warning {
+  color: #765f00;
+  background-color: #ffcd00; }
+  .component-toast-warning .component-toast-close-button svg {
+    color: #765f00; }
+
 @keyframes fillToZero {
   0% {
     width: 100%; }

package/dist/index.d.ts

@@ -200,7 +200,7 @@ import FormattedText from './components/formattedText/FormattedText';
 import { LeftControlWithLabel } from './components/table/components/leftControlWithLabel/LeftControlWithLabel';
 export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
-export * from './libraries/BlobFileTypes';
+export * from './libraries/FileTypes';
 export * from './libraries/ButtonTheme';
 export * from './libraries/ControlLabelPosition';
 export * from './libraries/CardThemes';

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,6 +7523,30 @@ function DropdownItem(props) {
 }
 var DropdownItem$1 = React$1.memo(DropdownItem);
 
+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$1Z = 'component-dropdown-menu';
 function DropdownMenu(props) {
   var id = React$1.useMemo(function () {
@@ -7524,6 +7555,7 @@ function DropdownMenu(props) {
   var _useState = React$1.useState(null),
     inter = _useState[0],
     setInter = _useState[1];
+  var panelRef = React$1.useRef(null);
   var interRef = React$1.useRef(inter);
   interRef.current = inter;
   React$1.useEffect(function () {
@@ -7569,37 +7601,17 @@ function DropdownMenu(props) {
       }
     };
   }, [props.opened]);
+  useOutsideClick([panelRef], function (isInside) {
+    if (props.closeOnOutClick && !isInside) {
+      props.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);
       }
     };
-    if (props.closeOnOutClick) {
-      if (props.opened) {
-        document.addEventListener('mousedown', onHandleClick);
-      } else {
-        document.removeEventListener('mousedown', onHandleClick);
-      }
-    }
     if (props.closeOnEsc) {
       if (props.opened) {
         document.addEventListener('keyup', onEscPress);
@@ -7608,7 +7620,6 @@ function DropdownMenu(props) {
       }
     }
     return function () {
-      document.removeEventListener('click', onHandleClick);
       document.removeEventListener('keyup', onEscPress);
     };
   }, [props.opened]);
@@ -7632,6 +7643,7 @@ function DropdownMenu(props) {
     classNames: rootClassName$1Z + "-panel-fade",
     unmountOnExit: true
   }, React$1__default.createElement("div", {
+    ref: panelRef,
     className: rootClassName$1Z + "-panel scroll-white"
   }, props.content)));
 }
@@ -8017,7 +8029,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;
@@ -9028,7 +9040,6 @@ function Paginator(props) {
     }
     setArrOfNumbers(arr);
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
-  console.log(props.loading);
   return React$1__default.createElement("div", {
     id: props.id ? props.id : undefined,
     className: getMergedClassNames([rootClassName$2i, props.className || ''])
@@ -9679,30 +9690,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;
@@ -11632,6 +11619,7 @@ Title.defaultProps = {};
   ToastTypes["Default"] = "default";
   ToastTypes["Success"] = "success";
   ToastTypes["Error"] = "error";
+  ToastTypes["Warning"] = "warning";
 })(exports.ToastTypes || (exports.ToastTypes = {}));
 
 var rootClassName$2G = 'component-toast';
@@ -44326,6 +44314,7 @@ DestructiveModal.defaultProps = {
 (function (IconButtonType) {
   IconButtonType["Primary"] = "primary";
   IconButtonType["Secondary"] = "secondary";
+  IconButtonType["Gray"] = "gray";
   IconButtonType["Dark"] = "dark";
   IconButtonType["Blue"] = "blue";
 })(exports.IconButtonType || (exports.IconButtonType = {}));