plataforma-fundacao-componentes 2.25.9 → 2.25.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import './Icon.scss';
3
+ export declare const AlertIcon: () => React.JSX.Element;
@@ -11,11 +11,11 @@ export declare type ButtonFileUploadProps = {
11
11
  disabled?: boolean;
12
12
  onTypeNotAllowed?: () => void;
13
13
  buttonProps?: Omit<ButtonProps, 'theme' | 'onClick' | 'disabled' | 'leftIcon' | 'w100' | 'children'> & {
14
- 'data-testid': string;
14
+ 'data-testid'?: string;
15
15
  };
16
16
  w100?: boolean;
17
17
  inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'multiple' | 'tabIndex' | 'type' | 'accept' | 'hidden'> & {
18
- 'data-testid': string;
18
+ 'data-testid'?: string;
19
19
  };
20
20
  } & ({
21
21
  multiple: true;
@@ -6,6 +6,7 @@ export interface CheckboxProps {
6
6
  'tooltip-position'?: TooltipPosition;
7
7
  'tooltip-text'?: string;
8
8
  disabled?: boolean;
9
+ 'aria-disabled'?: boolean;
9
10
  value?: boolean;
10
11
  onChange?: (value: boolean, evt: React.MouseEvent<HTMLElement>) => void;
11
12
  theme?: CheckboxThemes;
@@ -1,16 +1,14 @@
1
- import React from 'react';
1
+ import React, { HTMLAttributes } from 'react';
2
2
  import './DropdownMenu.scss';
3
- export interface DropdownMenuProps {
4
- id?: string;
3
+ export interface DropdownMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
5
4
  opened?: boolean;
6
- setOpened: (evt?: any) => void;
5
+ setOpened: (evt: boolean) => void;
7
6
  content?: React.ReactNode;
8
7
  closeOnOutClick?: boolean;
9
8
  closeOnEsc?: boolean;
10
- className?: string;
11
- children?: any;
9
+ panelProps?: HTMLAttributes<HTMLDivElement>;
12
10
  }
13
- declare function DropdownMenu(props: DropdownMenuProps): React.JSX.Element;
11
+ declare function DropdownMenu({ opened, setOpened, content, closeOnEsc, closeOnOutClick, children, panelProps, ...props }: DropdownMenuProps): React.JSX.Element;
14
12
  declare namespace DropdownMenu {
15
13
  var defaultProps: {
16
14
  closeOnOutClick: boolean;
@@ -7,3 +7,4 @@ declare const _default: {
7
7
  export default _default;
8
8
  export declare const Example: () => React.JSX.Element;
9
9
  export declare const Oversized: () => React.JSX.Element;
10
+ export declare const HeaderExample: () => React.JSX.Element;
@@ -10,7 +10,7 @@ interface upperHeaderButtonType {
10
10
  rightIcon?: JSX.Element | React.ReactNode;
11
11
  disabled?: boolean;
12
12
  }
13
- export interface upperHeaderDropdownMenuType extends DropdownMenuProps {
13
+ export interface upperHeaderDropdownMenuType extends Omit<DropdownMenuProps, 'children'> {
14
14
  type: 'DropdownMenu';
15
15
  children: upperHeaderButtonType;
16
16
  }
@@ -1,2 +1,4 @@
1
1
  import { RefObject } from 'react';
2
- 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;
2
+ export default function useOutsideClick(refs: Array<RefObject<null | HTMLButtonElement | HTMLDivElement | HTMLInputElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement>>, handler: (isInside: boolean) => void, options?: {
3
+ events: (keyof DocumentEventMap)[];
4
+ }): void;
package/dist/index.css CHANGED
@@ -5943,6 +5943,82 @@ h5 {
5943
5943
  warningLight: #ffeb98;
5944
5944
  warningDark: #765f00; }
5945
5945
 
5946
+ .component-chip {
5947
+ font-size: 14px;
5948
+ -webkit-user-select: none;
5949
+ -moz-user-select: none;
5950
+ user-select: none;
5951
+ display: flex;
5952
+ align-items: center;
5953
+ justify-content: space-between;
5954
+ border-radius: 200px;
5955
+ border-width: 1px;
5956
+ border-style: solid;
5957
+ font-weight: 600;
5958
+ transition: all 0.3s ease; }
5959
+ .component-chip span {
5960
+ max-width: calc(100% - 24px);
5961
+ padding-left: 4px;
5962
+ text-overflow: ellipsis;
5963
+ overflow: hidden; }
5964
+ .component-chip.w100 {
5965
+ width: 100%; }
5966
+ .component-chip.all-clickable,
5967
+ .component-chip .component-chip-button {
5968
+ transform: scale(1);
5969
+ transition: transform 0.3s ease;
5970
+ cursor: pointer; }
5971
+ .component-chip.all-clickable:active,
5972
+ .component-chip .component-chip-button:active {
5973
+ transform: scale(0.95); }
5974
+ .component-chip .component-chip-button {
5975
+ display: flex;
5976
+ align-items: center;
5977
+ justify-content: center;
5978
+ padding: 2px; }
5979
+ .component-chip .component-chip-button svg {
5980
+ width: 20px;
5981
+ height: 20px; }
5982
+ .component-chip.primary-outline {
5983
+ color: #3fa110;
5984
+ background-color: rgba(0, 0, 0, 0);
5985
+ border: 1px solid #3fa110; }
5986
+ .component-chip.primary {
5987
+ color: #fefefe;
5988
+ background-color: #3fa110;
5989
+ border: 1px solid #3fa110; }
5990
+ .component-chip.danger {
5991
+ color: #fefefe;
5992
+ background-color: #e60000;
5993
+ border: 1px solid #e60000; }
5994
+
5995
+ :export {
5996
+ widthXs: 575.98px;
5997
+ widthSm: 767.98px;
5998
+ widthMd: 991.98px;
5999
+ widthLg: 1199.98px; }
6000
+
6001
+ :export {
6002
+ white: #fefefe;
6003
+ darkenWhite: #efefef;
6004
+ black: #121212;
6005
+ transparent: rgba(0, 0, 0, 0);
6006
+ primary: #3fa110;
6007
+ primaryDark: #33820d;
6008
+ primaryLight: #d7e6c8;
6009
+ secondaryDarker: #323c32;
6010
+ secondaryDark: #5a645a;
6011
+ blueDarker: #2b517b;
6012
+ secondary: #828a82;
6013
+ secondaryLight: #cdd3cd;
6014
+ secondaryLighter: #f8f9f7;
6015
+ danger: #e60000;
6016
+ dangerLight: #ffb4b4;
6017
+ dangerDark: #ab4745;
6018
+ warning: #ffcd00;
6019
+ warningLight: #ffeb98;
6020
+ warningDark: #765f00; }
6021
+
5946
6022
  .component-search {
5947
6023
  position: relative;
5948
6024
  width: 100%; }
@@ -6038,82 +6114,6 @@ h5 {
6038
6114
  warningLight: #ffeb98;
6039
6115
  warningDark: #765f00; }
6040
6116
 
6041
- .component-chip {
6042
- font-size: 14px;
6043
- -webkit-user-select: none;
6044
- -moz-user-select: none;
6045
- user-select: none;
6046
- display: flex;
6047
- align-items: center;
6048
- justify-content: space-between;
6049
- border-radius: 200px;
6050
- border-width: 1px;
6051
- border-style: solid;
6052
- font-weight: 600;
6053
- transition: all 0.3s ease; }
6054
- .component-chip span {
6055
- max-width: calc(100% - 24px);
6056
- padding-left: 4px;
6057
- text-overflow: ellipsis;
6058
- overflow: hidden; }
6059
- .component-chip.w100 {
6060
- width: 100%; }
6061
- .component-chip.all-clickable,
6062
- .component-chip .component-chip-button {
6063
- transform: scale(1);
6064
- transition: transform 0.3s ease;
6065
- cursor: pointer; }
6066
- .component-chip.all-clickable:active,
6067
- .component-chip .component-chip-button:active {
6068
- transform: scale(0.95); }
6069
- .component-chip .component-chip-button {
6070
- display: flex;
6071
- align-items: center;
6072
- justify-content: center;
6073
- padding: 2px; }
6074
- .component-chip .component-chip-button svg {
6075
- width: 20px;
6076
- height: 20px; }
6077
- .component-chip.primary-outline {
6078
- color: #3fa110;
6079
- background-color: rgba(0, 0, 0, 0);
6080
- border: 1px solid #3fa110; }
6081
- .component-chip.primary {
6082
- color: #fefefe;
6083
- background-color: #3fa110;
6084
- border: 1px solid #3fa110; }
6085
- .component-chip.danger {
6086
- color: #fefefe;
6087
- background-color: #e60000;
6088
- border: 1px solid #e60000; }
6089
-
6090
- :export {
6091
- widthXs: 575.98px;
6092
- widthSm: 767.98px;
6093
- widthMd: 991.98px;
6094
- widthLg: 1199.98px; }
6095
-
6096
- :export {
6097
- white: #fefefe;
6098
- darkenWhite: #efefef;
6099
- black: #121212;
6100
- transparent: rgba(0, 0, 0, 0);
6101
- primary: #3fa110;
6102
- primaryDark: #33820d;
6103
- primaryLight: #d7e6c8;
6104
- secondaryDarker: #323c32;
6105
- secondaryDark: #5a645a;
6106
- blueDarker: #2b517b;
6107
- secondary: #828a82;
6108
- secondaryLight: #cdd3cd;
6109
- secondaryLighter: #f8f9f7;
6110
- danger: #e60000;
6111
- dangerLight: #ffb4b4;
6112
- dangerDark: #ab4745;
6113
- warning: #ffcd00;
6114
- warningLight: #ffeb98;
6115
- warningDark: #765f00; }
6116
-
6117
6117
  .component-select-outer {
6118
6118
  position: relative;
6119
6119
  width: 100%; }
package/dist/index.d.ts CHANGED
@@ -90,6 +90,7 @@ import { ChevronArrowLeftIcon } from './assets/icons/ChevronArrowLeftIcon';
90
90
  import { FontColorIcon } from './assets/icons/FontColorIcon';
91
91
  import { ParticipantesIcon } from './assets/icons/ParticipantesIcon';
92
92
  import { AgencyIcon } from './assets/icons/AgencyIcon';
93
+ import { AlertIcon } from './assets/icons/AlertIcon';
93
94
  import { BigPlayIcon } from './assets/icons/BigPlayIcon';
94
95
  import { CalendarCheckIcon } from './assets/icons/CalendarCheckIcon';
95
96
  import { CataventoVerde } from './assets/icons/CataventoVerde';
@@ -229,4 +230,4 @@ export { AconteceuIcon, AddAssemblyIcon, AddIcon,
229
230
  /**
230
231
  * @deprecated Use AddIcon instead
231
232
  */
232
- AddIcon as AddCircleIcon, AgencyIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, ATMIcon, BackOfficeIcon, BarChartIcon, BeeIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };
233
+ AddIcon as AddCircleIcon, AgencyIcon, AlertIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, ATMIcon, BackOfficeIcon, BarChartIcon, BeeIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };