plataforma-fundacao-componentes 2.25.8 → 2.25.10

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/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/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/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/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/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

@@ -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; }
 
@@ -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.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';