pge-front-common 14.2.24 → 14.2.26

package/README.md

@@ -1,10 +1,10 @@
 # 🖼️ Biblioteca de componentes da PGE
 
-[![npm version](https://badge.fury.io/js/my-component-library.svg)](https://badge.fury.io/js/my-component-library) [![Storybook](https://raw.githubusercontent.com/storybookjs/brand/master/badge/badge-storybook.svg)](https://my-component-library/storybook)
+[![npm version](https://badge.fury.io/js/my-component-library.svg)](https://badge.fury.io/js/my-component-library) [![Storybook](https://raw.githubusercontent.com/storybookjs/brand/master/badge/badge-storybook.svg)](https://componentes-dev.in.pge.rj.gov.br/)
 
 Essa biblioteca consiste de componentes reutilizáveis entre os diversos projetos da PGE-RJ. Oferecendo componentes reutilizáveis e testados para ajudar a acelerar o desenvolvimento de interfaces de usuário.
 
-Você pode visitá-la [nesse link](http://componentes-dev.apps.ocppge.in.pge.rj.gov.br/)
+O Storybook desta biblioteca é publicado no ambiente de desenvolvimento: [https://componentes-dev.in.pge.rj.gov.br/](https://componentes-dev.in.pge.rj.gov.br/)
 
 ## Índice
 
@@ -80,7 +80,7 @@ Inicie o Storybook para visualizar e desenvolver componentes:
 npm run storybook
 ```
 
-O Storybook estará disponível em http://localhost:6006.
+O Storybook estará disponível em http://localhost:6006. A versão implantada no ambiente de desenvolvimento fica em [https://componentes-dev.in.pge.rj.gov.br/](https://componentes-dev.in.pge.rj.gov.br/).
 
 ## 🖌️ FIGMA
 

package/lib/components/Upload/FileUpload.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof FileUpload>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const WithDowloadAndRightIcon: Story;

package/lib/components/Upload/index.d.ts

@@ -11,6 +11,9 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
     noSelectedFileText?: string;
     maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
     helperText?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    isDownloadable?: boolean;
+    onDownload?: () => void;
 } & {
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;

package/lib/components/Upload/index.type.d.ts

@@ -12,6 +12,9 @@ export type UploadFileProps = {
     noSelectedFileText?: string;
     maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
     helperText?: ReactNode;
+    rightIcon?: React.ReactNode;
+    isDownloadable?: boolean;
+    onDownload?: () => void;
 } & ButtonAttrs;
 export type FileUploadHandle = {
     reset: () => void;

package/lib/icons/icons.stories.d.ts

@@ -7,4 +7,5 @@ export declare const AnalyzeDocument: Story;
 export declare const Statement: Story;
 export declare const Value: Story;
 export declare const Report: Story;
+export declare const LoadingProgress: Story;
 export declare const IconesCardsHome: Story;

package/lib/icons/index.d.ts

@@ -74,7 +74,8 @@ import { IconReport } from "./report-icon";
 import { IconAlertInfo } from "./alert-info-icon";
 import { IconDocumento } from "./documento-icon";
 import { IconLista } from "./lista-icon";
+import { IconLoadingProgress } from "./loading-progress-icon";
 import { IconMedalha } from "./medalha-icon";
 import { IconFluxo } from "./fluxo-icon";
 import { IconBloco } from "./bloco-icon";
-export { IconAlertInfo, IconAnalyze, IconAnalyzeDocument, IconStatement, IconValue, IconReport, IconCopy, IconRequerimentoAdm, IconPayment, IconTwoUsers, IconTwoUsersSearch, IconCalculate, IconUpArrow, IconArrowRight, IconArrowLeft, IconCertidaoRegularidade, IconEmissaoDarj, IconDebitoFiscal, IconParcelamento, IconLeftDirection, IconRightDirection, IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconDotsVertical, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, IconRoundAddCell, IconConfig, MenuIcon, LogoRhDigital, LogoPGERG, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout, CommonDotIcon, IconExclude, IconView, IconUploadFile2, IconInfoRound, IconMail, IconUsers, IconDocumento, IconLista, IconMedalha, IconFluxo, IconBloco, };
+export { IconAlertInfo, IconAnalyze, IconAnalyzeDocument, IconStatement, IconValue, IconReport, IconCopy, IconRequerimentoAdm, IconPayment, IconTwoUsers, IconTwoUsersSearch, IconCalculate, IconUpArrow, IconArrowRight, IconArrowLeft, IconCertidaoRegularidade, IconEmissaoDarj, IconDebitoFiscal, IconParcelamento, IconLeftDirection, IconRightDirection, IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconDotsVertical, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, IconRoundAddCell, IconConfig, MenuIcon, LogoRhDigital, LogoPGERG, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout, CommonDotIcon, IconExclude, IconView, IconUploadFile2, IconInfoRound, IconMail, IconUsers, IconDocumento, IconLista, IconLoadingProgress, IconMedalha, IconFluxo, IconBloco, };

package/lib/icons/loading-progress-icon.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from "react";
+export type IconLoadingProgressProps = SVGProps<SVGSVGElement> & {
+    spinning?: boolean;
+};
+export declare const IconLoadingProgress: ({ spinning, className, style, ...props }: IconLoadingProgressProps) => React.JSX.Element;

package/lib/index.d.ts

@@ -91,6 +91,9 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
     noSelectedFileText?: string;
     maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
     helperText?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    isDownloadable?: boolean;
+    onDownload?: () => void;
 } & {
     style?: React__default.CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
@@ -1093,6 +1096,11 @@ declare const IconDocumento: ({ className, ...props }: SVGProps<SVGSVGElement>)
 
 declare const IconLista: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
+type IconLoadingProgressProps = SVGProps<SVGSVGElement> & {
+    spinning?: boolean;
+};
+declare const IconLoadingProgress: ({ spinning, className, style, ...props }: IconLoadingProgressProps) => React__default.JSX.Element;
+
 declare const IconMedalha: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
 declare const IconFluxo: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
@@ -1101,5 +1109,5 @@ declare const IconBloco: ({ className, ...props }: SVGProps<SVGSVGElement>) => R
 
 declare function installPrimeReactStyles(): void;
 
-export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button, Checkbox, Chip, CommonDotIcon, DateInput, Dropdown, Fieldset, FileUpload, FloatingMenu, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconAlertInfo, IconAnalyze, IconAnalyzeDocument, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconBloco, IconCLose, IconCalculate, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconConfig, IconCopy, IconDebitoFiscal, IconDelete, IconDocumento, IconDotsVertical, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconFluxo, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLista, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconReport, IconRequerimentoAdm, IconRightDirection, IconRoundAddCell, IconSearch, IconStatement, IconSwap, IconTriangleExpand, IconTriangleRecall, IconTwoUsers, IconTwoUsersSearch, IconUpAndDownArror, IconUpArrow, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconValue, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, RadioButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title, Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
+export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button, Checkbox, Chip, CommonDotIcon, DateInput, Dropdown, Fieldset, FileUpload, FloatingMenu, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconAlertInfo, IconAnalyze, IconAnalyzeDocument, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconBloco, IconCLose, IconCalculate, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconConfig, IconCopy, IconDebitoFiscal, IconDelete, IconDocumento, IconDotsVertical, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconFluxo, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLista, IconLoadingProgress, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconReport, IconRequerimentoAdm, IconRightDirection, IconRoundAddCell, IconSearch, IconStatement, IconSwap, IconTriangleExpand, IconTriangleRecall, IconTwoUsers, IconTwoUsersSearch, IconUpAndDownArror, IconUpArrow, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconValue, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, RadioButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title, Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
 export type { AccordionItemProps, ButtonProps, ChipProps, Column, FieldsetProps, InformativeBoxProps, InputProps, OptionsProps$2 as OptionsProps, ProgressCircleProps, RadioButtonProps, RadioGroupBaseProps, SelectDefaultProps, SelectMultProps, TableComponentProps, TextareaBaseProps, TreeSelectOptions, TreeSelectProps };

package/lib/index.esm.js

@@ -600,6 +600,15 @@ var IconLista = function (_a) {
         React__default.createElement("path", { d: "M4 14H11V12H4V14ZM4 10H14V8H4V10ZM4 6H14V4H4V6ZM2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H2ZM2 16H16V2H2V16Z", fill: "currentColor" })));
 };
 
+var IconLoadingProgress = function (_a) {
+    var _b = _a.spinning, spinning = _b === void 0 ? true : _b, className = _a.className, style = _a.style, props = __rest(_a, ["spinning", "className", "style"]);
+    return (React__default.createElement("svg", __assign({ width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: __assign({ color: "#005A92" }, style) }, props),
+        React__default.createElement("circle", { cx: "13", cy: "13", r: "11", stroke: "currentColor", strokeOpacity: 0.1, strokeWidth: "4", fill: "none" }),
+        React__default.createElement("g", null,
+            spinning ? (React__default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 13 13", to: "360 13 13", dur: "1s", repeatCount: "indefinite" })) : null,
+            React__default.createElement("path", { d: "M14.9121 2L15.849 2.2077L16.7642 2.49627L17.6508 2.8635L18.502 3.30661L19.3113 3.82221L20.0726 4.4064L20.7802 5.05471L21.4285 5.76222L22.0127 6.52355L22.5283 7.33289L22.9714 8.18408L23.3386 9.07066L23.6272 9.98588L23.8349 10.9228L23.9601 11.8742L24.002 12.8329L23.9601 13.7916L23.8349 14.743", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round" }))));
+};
+
 var IconMedalha = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
     return (React__default.createElement("svg", __assign({ viewBox: "0 0 16 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
@@ -734,8 +743,8 @@ var PgeButton = React__default.forwardRef(function (_a, ref) {
 });
 PgeButton.displayName = "PgeButton";
 
-var css_248z$E = ".styles-module__container___9pLua {\r\n  width: 100%;\r\n  height: fit-content;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__label___AWyTG {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--color-label);\r\n  }\r\n\r\n  .styles-module__labelUpload___LOAO- {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--color-label);\r\n  }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n  width: 100%;\r\n  height: 58px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border: 2px dotted var(--upload-border-color, #005a9280);\r\n  border-radius: 16px;\r\n  padding: 10px;\r\n  margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__inputContainer___tsCfV {\r\n    height: 52px;\r\n  }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n  width: fit-content;\r\n  height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 7px 13px;\r\n  gap: 8px;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__button___1GicM {\r\n    min-width: 91px;\r\n    height: 32px;\r\n  }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n  display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__description___S1vZj {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--input-placeholder-focus);\r\n  }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-primary-color);\r\n  border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-hover-primary-color);\r\n  outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n  border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n  box-shadow: 0px 4px 4px 0px #00000040;\r\n  background: var(--btn-bg-focus-primary-color, #00436d);\r\n  color: var(--btn-text-focus-primary-color);\r\n  outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n  background: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  background: var(--btn-up-bg-secondary-color);\r\n  color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n  background: var(--btn-up-bg-hover-secondary-color);\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n  background: #00436d1a;\r\n  border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n  background: var(--btn-up-bg-focus-secondary-color);\r\n  color: var(--btn-up-text-focus-secondary-color);\r\n  outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n  border: 1px solid var(--light-grey-color, #c3c3c3);\r\n  color: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n  border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n  color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__errorText___1LAhk {\r\n    font-size: var(--font-size-10);\r\n  }\r\n\r\n  .styles-module__successText___s1G4K {\r\n    font-size: var(--font-size-10);\r\n  }\r\n}\r\n";
-var styles$A = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
+var css_248z$E = ".styles-module__container___9pLua {\r\n  width: 100%;\r\n  height: fit-content;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__label___AWyTG {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--color-label);\r\n  }\r\n\r\n  .styles-module__labelUpload___LOAO- {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--color-label);\r\n  }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n  width: 100%;\r\n  height: 58px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border: 2px dotted var(--upload-border-color, #005a9280);\r\n  border-radius: 16px;\r\n  padding: 10px;\r\n  margin-top: 5px;\r\n}\r\n\r\n\r\n\r\n.styles-module__rightIcon___UN4xe {\r\n  margin-left: auto;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__inputContainer___tsCfV {\r\n    height: 52px;\r\n  }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n  width: fit-content;\r\n  height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 7px 13px;\r\n  gap: 8px;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__button___1GicM {\r\n    min-width: 91px;\r\n    height: 32px;\r\n  }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n  display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__linkDescription___T2DrY {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  text-decoration: underline;\r\n  color: var(--color-primary);\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module__linkDescription___T2DrY:hover {\r\n  opacity: 0.75;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__description___S1vZj {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--input-placeholder-focus);\r\n  }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-primary-color);\r\n  border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-hover-primary-color);\r\n  outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n  border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n  box-shadow: 0px 4px 4px 0px #00000040;\r\n  background: var(--btn-bg-focus-primary-color, #00436d);\r\n  color: var(--btn-text-focus-primary-color);\r\n  outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n  background: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  background: var(--btn-up-bg-secondary-color);\r\n  color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n  background: var(--btn-up-bg-hover-secondary-color);\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n  background: #00436d1a;\r\n  border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n  background: var(--btn-up-bg-focus-secondary-color);\r\n  color: var(--btn-up-text-focus-secondary-color);\r\n  outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n  border: 1px solid var(--light-grey-color, #c3c3c3);\r\n  color: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n  border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n  color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__errorText___1LAhk {\r\n    font-size: var(--font-size-10);\r\n  }\r\n\r\n  .styles-module__successText___s1G4K {\r\n    font-size: var(--font-size-10);\r\n  }\r\n}\r\n";
+var styles$A = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","rightIcon":"styles-module__rightIcon___UN4xe","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","linkDescription":"styles-module__linkDescription___T2DrY","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
 styleInject(css_248z$E);
 
 var parseSizeToBytes = function (size) {
@@ -759,14 +768,14 @@ var parseSizeToBytes = function (size) {
 };
 var FileUpload = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, fileTypes = _a.fileTypes, onFileSelect = _a.onFileSelect, _e = _a.title, title = _e === void 0 ? React__default.createElement(React__default.Fragment, null, "Upload de Arquivos:") : _e, _f = _a.descricaoLabel, descricaoLabel = _f === void 0 ? "Escolher arquivo" : _f, className = _a.className, _g = _a.errorText, errorText = _g === void 0 ? "" : _g, _h = _a.noSelectedFileText, noSelectedFileText = _h === void 0 ? "Nenhum arquivo selecionado" : _h, _j = _a.helperText, helperText = _j === void 0 ? "" : _j, _k = _a.maxFileSize, maxFileSize = _k === void 0 ? "" : _k; __rest(_a, ["variant", "danger", "fileTypes", "onFileSelect", "title", "descricaoLabel", "className", "errorText", "noSelectedFileText", "helperText", "maxFileSize"]);
+    var _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, fileTypes = _a.fileTypes, onFileSelect = _a.onFileSelect, _e = _a.title, title = _e === void 0 ? React__default.createElement(React__default.Fragment, null, "Upload de Arquivos:") : _e, _f = _a.descricaoLabel, descricaoLabel = _f === void 0 ? "Escolher arquivo" : _f, className = _a.className, _g = _a.errorText, errorText = _g === void 0 ? "" : _g, _h = _a.noSelectedFileText, noSelectedFileText = _h === void 0 ? "Nenhum arquivo selecionado" : _h, _j = _a.helperText, helperText = _j === void 0 ? "" : _j, _k = _a.maxFileSize, maxFileSize = _k === void 0 ? "" : _k, _l = _a.rightIcon, rightIcon = _l === void 0 ? null : _l, _m = _a.isDownloadable, isDownloadable = _m === void 0 ? false : _m, onDownload = _a.onDownload; __rest(_a, ["variant", "danger", "fileTypes", "onFileSelect", "title", "descricaoLabel", "className", "errorText", "noSelectedFileText", "helperText", "maxFileSize", "rightIcon", "isDownloadable", "onDownload"]);
     var buttonClass = clsx(styles$A.labelUpload, styles$A.button, styles$A[variant], (_b = {},
         _b[styles$A.danger] = danger && variant !== "primary",
         _b), className);
     var inputId = useId$1();
     var helperId = useId$1();
     var errorId = useId$1();
-    var _l = React__default.useState(""), fileName = _l[0], setFileName = _l[1];
+    var _o = React__default.useState(""), fileName = _o[0], setFileName = _o[1];
     var fileInputRef = useRef(null);
     var handleFileChange = function (event) {
         var _a, _b;
@@ -819,7 +828,9 @@ var FileUpload = forwardRef(function (_a, ref) {
                 React__default.createElement(IconUploadFile, { "aria-hidden": "true" }),
                 descricaoLabel),
             React__default.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$A.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-label": "Campo de input para selecionar arquivo", "aria-invalid": !!errorText }),
-            React__default.createElement("span", { className: styles$A.description }, fileName || noSelectedFileText)),
+            React__default.createElement("span", { className: isDownloadable ? styles$A.linkDescription : styles$A.description, onClick: isDownloadable && onDownload ? onDownload : undefined, role: isDownloadable && onDownload ? "button" : undefined, tabIndex: isDownloadable && onDownload ? 0 : undefined, onKeyDown: isDownloadable && onDownload ? function (e) { if (e.key === "Enter" || e.key === " ")
+                    onDownload(); } : undefined }, fileName || noSelectedFileText),
+            rightIcon && (React__default.createElement("div", { className: styles$A.rightIcon }, rightIcon))),
         React__default.createElement("span", { id: errorText ? errorId : helperId, role: "alert", "aria-live": "polite", className: errorText
                 ? styles$A.errorText
                 : fileName
@@ -27959,5 +27970,5 @@ function installPrimeReactStyles() {
     require("primereact/resources/primereact.css");
 }
 
-export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox$1 as Checkbox, Chip, CommonDotIcon, DateInput, Dropdown, Fieldset, FileUpload, FloatingMenu, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconAlertInfo, IconAnalyze, IconAnalyzeDocument, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconBloco, IconCLose, IconCalculate, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconConfig, IconCopy, IconDebitoFiscal, IconDelete$1 as IconDelete, IconDocumento, IconDotsVertical, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconFluxo, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLista, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconReport, IconRequerimentoAdm, IconRightDirection, IconRoundAddCell, IconSearch, IconStatement, IconSwap, IconTriangleExpand, IconTriangleRecall, IconTwoUsers, IconTwoUsersSearch, IconUpAndDownArror, IconUpArrow, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconValue, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, RadioButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
+export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox$1 as Checkbox, Chip, CommonDotIcon, DateInput, Dropdown, Fieldset, FileUpload, FloatingMenu, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconAlertInfo, IconAnalyze, IconAnalyzeDocument, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconBloco, IconCLose, IconCalculate, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconConfig, IconCopy, IconDebitoFiscal, IconDelete$1 as IconDelete, IconDocumento, IconDotsVertical, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconFluxo, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLista, IconLoadingProgress, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconReport, IconRequerimentoAdm, IconRightDirection, IconRoundAddCell, IconSearch, IconStatement, IconSwap, IconTriangleExpand, IconTriangleRecall, IconTwoUsers, IconTwoUsersSearch, IconUpAndDownArror, IconUpArrow, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconValue, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, RadioButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
 //# sourceMappingURL=index.esm.js.map