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.
- package/dist/assets/icons/AlertIcon.d.ts +3 -0
- package/dist/components/buttonFileUpload/ButtonFileUpload.d.ts +2 -2
- package/dist/components/checkbox/Checkbox.d.ts +1 -0
- package/dist/components/dropdownMenu/DropdownMenu.d.ts +5 -7
- package/dist/components/dropdownMenu/DropdownMenu.stories.d.ts +1 -0
- package/dist/components/table/components/TableUpperHeader/TableUpperHeader.d.ts +1 -1
- package/dist/hooks/useOutsideClick/useOutsideClick.d.ts +3 -1
- package/dist/index.css +76 -76
- package/dist/index.d.ts +2 -1
- package/dist/index.js +667 -644
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +668 -646
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -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'
|
|
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'
|
|
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
|
|
5
|
+
setOpened: (evt: boolean) => void;
|
|
7
6
|
content?: React.ReactNode;
|
|
8
7
|
closeOnOutClick?: boolean;
|
|
9
8
|
closeOnEsc?: boolean;
|
|
10
|
-
|
|
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;
|
|
@@ -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:
|
|
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, };
|