pge-front-common 14.2.25 → 14.2.28

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.
Files changed (14) hide show
  1. package/README.md +3 -3
  2. package/lib/components/DropDown/Dropdown.d.ts +2 -1
  3. package/lib/components/Header/Header.d.ts +2 -1
  4. package/lib/components/HeaderPge/Header.d.ts +2 -1
  5. package/lib/components/Menu/index.d.ts +2 -1
  6. package/lib/components/Upload/FileUpload.stories.d.ts +1 -0
  7. package/lib/components/Upload/index.d.ts +3 -0
  8. package/lib/components/Upload/index.type.d.ts +3 -0
  9. package/lib/index.d.ts +8 -3
  10. package/lib/index.esm.js +20 -18
  11. package/lib/index.esm.js.map +1 -1
  12. package/lib/index.js +20 -18
  13. package/lib/index.js.map +1 -1
  14. package/package.json +1 -1
package/README.md CHANGED
@@ -1,10 +1,10 @@
1
1
  # 🖼️ Biblioteca de componentes da PGE
2
2
 
3
- [![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)
3
+ [![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/)
4
4
 
5
5
  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.
6
6
 
7
- Você pode visitá-la [nesse link](http://componentes-dev.apps.ocppge.in.pge.rj.gov.br/)
7
+ 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/)
8
8
 
9
9
  ## Índice
10
10
 
@@ -80,7 +80,7 @@ Inicie o Storybook para visualizar e desenvolver componentes:
80
80
  npm run storybook
81
81
  ```
82
82
 
83
- O Storybook estará disponível em http://localhost:6006.
83
+ 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/).
84
84
 
85
85
  ## 🖌️ FIGMA
86
86
 
package/lib/components/DropDown/Dropdown.d.ts CHANGED
@@ -24,6 +24,7 @@ type DropDownProps = React.HTMLProps<HTMLDivElement> & {
24
24
  showDropDown: boolean;
25
25
  toggleDropDown: Function;
26
26
  optionSelection: (name: string, id: number) => void;
27
+ enableScroll?: boolean;
27
28
  };
28
- declare const DropDown: ({ options, optionSelection, toggleDropDown, ...restProps }: DropDownProps) => JSX.Element;
29
+ declare const DropDown: ({ options, optionSelection, toggleDropDown, enableScroll, ...restProps }: DropDownProps) => JSX.Element;
29
30
  export default DropDown;
package/lib/components/Header/Header.d.ts CHANGED
@@ -19,6 +19,7 @@ export interface HeaderProps {
19
19
  fullName?: string;
20
20
  firstName?: string;
21
21
  hasLogin?: boolean;
22
+ enableMenuScroll?: boolean;
22
23
  }
23
- declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, constrainMaxWidth, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, }: HeaderProps) => React.JSX.Element;
24
+ declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, constrainMaxWidth, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, enableMenuScroll, }: HeaderProps) => React.JSX.Element;
24
25
  export default Header;
package/lib/components/HeaderPge/Header.d.ts CHANGED
@@ -18,6 +18,7 @@ export interface HeaderProps {
18
18
  brandLogos?: React.ReactNode;
19
19
  showLoginButton?: boolean;
20
20
  hasLogin?: boolean;
21
+ enableMenuScroll?: boolean;
21
22
  }
22
- declare const HeaderPge: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, handleLogin, isPortalServidor, profile, hasGestor, fullName, firstName, brandLogos, showLoginButton, hasLogin, }: HeaderProps) => React.JSX.Element;
23
+ declare const HeaderPge: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, handleLogin, isPortalServidor, profile, hasGestor, fullName, firstName, brandLogos, showLoginButton, hasLogin, enableMenuScroll, }: HeaderProps) => React.JSX.Element;
23
24
  export default HeaderPge;
package/lib/components/Menu/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import { IFuncoesMenuHorizontal } from "../DropDown/Dropdown";
3
3
  export interface MenuProps {
4
4
  options: IFuncoesMenuHorizontal[];
5
5
  optionSelection: (name: string, id: number) => void;
6
+ enableScroll?: boolean;
6
7
  }
7
- declare const Menu: ({ options, optionSelection }: MenuProps) => React.JSX.Element;
8
+ declare const Menu: ({ options, optionSelection, enableScroll }: MenuProps) => React.JSX.Element;
8
9
  export default Menu;
package/lib/components/Upload/FileUpload.stories.d.ts CHANGED
@@ -4,3 +4,4 @@ declare const meta: Meta<typeof FileUpload>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof meta>;
6
6
  export declare const Default: Story;
7
+ export declare const WithDowloadAndRightIcon: Story;
package/lib/components/Upload/index.d.ts CHANGED
@@ -11,6 +11,9 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
11
11
  noSelectedFileText?: string;
12
12
  maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
13
13
  helperText?: React.ReactNode;
14
+ rightIcon?: React.ReactNode;
15
+ isDownloadable?: boolean;
16
+ onDownload?: () => void;
14
17
  } & {
15
18
  disabled?: boolean | undefined | undefined;
16
19
  form?: string | undefined | undefined;
package/lib/components/Upload/index.type.d.ts CHANGED
@@ -12,6 +12,9 @@ export type UploadFileProps = {
12
12
  noSelectedFileText?: string;
13
13
  maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
14
14
  helperText?: ReactNode;
15
+ rightIcon?: React.ReactNode;
16
+ isDownloadable?: boolean;
17
+ onDownload?: () => void;
15
18
  } & ButtonAttrs;
16
19
  export type FileUploadHandle = {
17
20
  reset: () => void;
package/lib/index.d.ts CHANGED
@@ -91,6 +91,9 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
91
91
  noSelectedFileText?: string;
92
92
  maxFileSize?: `${number}KB` | `${number}MB` | `${number}GB`;
93
93
  helperText?: React__default.ReactNode;
94
+ rightIcon?: React__default.ReactNode;
95
+ isDownloadable?: boolean;
96
+ onDownload?: () => void;
94
97
  } & {
95
98
  defaultChecked?: boolean | undefined | undefined;
96
99
  defaultValue?: string | number | readonly string[] | undefined;
@@ -389,6 +392,7 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
389
392
  'data-pr-autohide'?: boolean | undefined | undefined;
390
393
  'data-pr-showondisabled'?: boolean | undefined | undefined;
391
394
  disabled?: boolean | undefined | undefined;
395
+ value?: string | number | readonly string[] | undefined;
392
396
  form?: string | undefined | undefined;
393
397
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
394
398
  formEncType?: string | undefined | undefined;
@@ -397,7 +401,6 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
397
401
  formTarget?: string | undefined | undefined;
398
402
  name?: string | undefined | undefined;
399
403
  type?: "submit" | "reset" | "button" | undefined | undefined;
400
- value?: string | number | readonly string[] | undefined;
401
404
  } & React__default.RefAttributes<FileUploadHandle>>;
402
405
 
403
406
  interface TooltipProps$1 {
@@ -485,8 +488,9 @@ interface HeaderProps$1 {
485
488
  fullName?: string;
486
489
  firstName?: string;
487
490
  hasLogin?: boolean;
491
+ enableMenuScroll?: boolean;
488
492
  }
489
- declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, constrainMaxWidth, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, }: HeaderProps$1) => React__default.JSX.Element;
493
+ declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, constrainMaxWidth, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, hasLogin, enableMenuScroll, }: HeaderProps$1) => React__default.JSX.Element;
490
494
 
491
495
  interface FooterProps {
492
496
  imageFooter: string;
@@ -670,8 +674,9 @@ interface HeaderProps {
670
674
  brandLogos?: React__default.ReactNode;
671
675
  showLoginButton?: boolean;
672
676
  hasLogin?: boolean;
677
+ enableMenuScroll?: boolean;
673
678
  }
674
- declare const HeaderPge: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, handleLogin, isPortalServidor, profile, hasGestor, fullName, firstName, brandLogos, showLoginButton, hasLogin, }: HeaderProps) => React__default.JSX.Element;
679
+ declare const HeaderPge: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, handleLogin, isPortalServidor, profile, hasGestor, fullName, firstName, brandLogos, showLoginButton, hasLogin, enableMenuScroll, }: HeaderProps) => React__default.JSX.Element;
675
680
 
676
681
  type TitleProps = {
677
682
  title: string;
package/lib/index.esm.js CHANGED
@@ -743,8 +743,8 @@ var PgeButton = React__default.forwardRef(function (_a, ref) {
743
743
  });
744
744
  PgeButton.displayName = "PgeButton";
745
745
 
746
- 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";
747
- 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"};
746
+ 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";
747
+ 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"};
748
748
  styleInject(css_248z$E);
749
749
 
750
750
  var parseSizeToBytes = function (size) {
@@ -768,14 +768,14 @@ var parseSizeToBytes = function (size) {
768
768
  };
769
769
  var FileUpload = forwardRef(function (_a, ref) {
770
770
  var _b;
771
- 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"]);
771
+ 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"]);
772
772
  var buttonClass = clsx(styles$A.labelUpload, styles$A.button, styles$A[variant], (_b = {},
773
773
  _b[styles$A.danger] = danger && variant !== "primary",
774
774
  _b), className);
775
775
  var inputId = useId$1();
776
776
  var helperId = useId$1();
777
777
  var errorId = useId$1();
778
- var _l = React__default.useState(""), fileName = _l[0], setFileName = _l[1];
778
+ var _o = React__default.useState(""), fileName = _o[0], setFileName = _o[1];
779
779
  var fileInputRef = useRef(null);
780
780
  var handleFileChange = function (event) {
781
781
  var _a, _b;
@@ -828,7 +828,9 @@ var FileUpload = forwardRef(function (_a, ref) {
828
828
  React__default.createElement(IconUploadFile, { "aria-hidden": "true" }),
829
829
  descricaoLabel),
830
830
  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 }),
831
- React__default.createElement("span", { className: styles$A.description }, fileName || noSelectedFileText)),
831
+ 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 === " ")
832
+ onDownload(); } : undefined }, fileName || noSelectedFileText),
833
+ rightIcon && (React__default.createElement("div", { className: styles$A.rightIcon }, rightIcon))),
832
834
  React__default.createElement("span", { id: errorText ? errorId : helperId, role: "alert", "aria-live": "polite", className: errorText
833
835
  ? styles$A.errorText
834
836
  : fileName
@@ -988,13 +990,13 @@ var css_248z$z = ".header-module__separator_background___lYfCd {\r\n background
988
990
  var styles$v = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","iconLogo":"header-module__iconLogo___pcEoN","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y","limitedWidth":"header-module__limitedWidth___fsCel","constrainedPadding":"header-module__constrainedPadding___IzbnO","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","limitedWidthBeneficios":"header-module__limitedWidthBeneficios___-Jcji","IconMenu":"header-module__IconMenu___7JWj-","wrapperUserButton":"header-module__wrapperUserButton___M-CBj"};
989
991
  styleInject(css_248z$z);
990
992
 
991
- var css_248z$y = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background: var(--header-bg-dropdown);\r\n padding: 8px 0;\r\n color: #0062cc;\r\n border-radius: 4px;\r\n z-index: 400;\r\n min-width: 306px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas {\r\n margin: 0;\r\n padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n min-width: 304px;\r\n color: var(--header-font-dropdown);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 600;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n min-height: 56px;\r\n border: none;\r\n white-space: pre-wrap;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .dropdown-module__primaryDropdown___I7kas {\r\n font-size: var(--font-size-14, 14);\r\n }\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas:hover {\r\n background-color: var(--header-hover-dropdown);\r\n width: 100%;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__disabled___McFgs {\r\n color: #c3c3c3;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__home___4Odwr {\r\n font-weight: 700;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__submenu___eXCiN {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 24px;\r\n text-align: left;\r\n padding-left: 30px;\r\n font-weight: 400;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n}\r\n\r\n.dropdown-module__colorIcon___7UTK3 {\r\n color: var(--header-menu-seta-color);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__active___RRrmk {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__inactive___AQdLm {\r\n transform: rotate(180deg);\r\n}\r\n";
992
- var styles$u = {"dropdown":"dropdown-module__dropdown___EIaq-","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","primaryDropdown__disabled":"dropdown-module__primaryDropdown__disabled___McFgs","primaryDropdown__submenu":"dropdown-module__primaryDropdown__submenu___eXCiN","contentIcon":"dropdown-module__contentIcon___aqI89","colorIcon":"dropdown-module__colorIcon___7UTK3","active":"dropdown-module__active___RRrmk","inactive":"dropdown-module__inactive___AQdLm"};
993
+ var css_248z$y = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background: var(--header-bg-dropdown);\r\n padding: 8px 0;\r\n color: #0062cc;\r\n border-radius: 4px;\r\n z-index: 400;\r\n min-width: 306px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.dropdown-module__dropdownScrollable___BdyCA {\r\n max-height: min(70vh, 560px);\r\n overflow-y: auto;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas {\r\n margin: 0;\r\n padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n min-width: 304px;\r\n color: var(--header-font-dropdown);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 600;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n min-height: 56px;\r\n border: none;\r\n white-space: pre-wrap;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .dropdown-module__primaryDropdown___I7kas {\r\n font-size: var(--font-size-14, 14);\r\n }\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas:hover {\r\n background-color: var(--header-hover-dropdown);\r\n width: 100%;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__disabled___McFgs {\r\n color: #c3c3c3;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__home___4Odwr {\r\n font-weight: 700;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__submenu___eXCiN {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 24px;\r\n text-align: left;\r\n padding-left: 30px;\r\n font-weight: 400;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n}\r\n\r\n.dropdown-module__colorIcon___7UTK3 {\r\n color: var(--header-menu-seta-color);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__active___RRrmk {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__inactive___AQdLm {\r\n transform: rotate(180deg);\r\n}\r\n";
994
+ var styles$u = {"dropdown":"dropdown-module__dropdown___EIaq-","dropdownScrollable":"dropdown-module__dropdownScrollable___BdyCA","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","primaryDropdown__disabled":"dropdown-module__primaryDropdown__disabled___McFgs","primaryDropdown__submenu":"dropdown-module__primaryDropdown__submenu___eXCiN","contentIcon":"dropdown-module__contentIcon___aqI89","colorIcon":"dropdown-module__colorIcon___7UTK3","active":"dropdown-module__active___RRrmk","inactive":"dropdown-module__inactive___AQdLm"};
993
995
  styleInject(css_248z$y);
994
996
 
995
997
  var DropDown = function (_a) {
996
- var options = _a.options, optionSelection = _a.optionSelection, toggleDropDown = _a.toggleDropDown, restProps = __rest(_a, ["options", "optionSelection", "toggleDropDown"]);
997
- var _b = useState(null), expandedMenuId = _b[0], setExpandedMenuId = _b[1];
998
+ var options = _a.options, optionSelection = _a.optionSelection, toggleDropDown = _a.toggleDropDown, _b = _a.enableScroll, enableScroll = _b === void 0 ? false : _b, restProps = __rest(_a, ["options", "optionSelection", "toggleDropDown", "enableScroll"]);
999
+ var _c = useState(null), expandedMenuId = _c[0], setExpandedMenuId = _c[1];
998
1000
  var handleMenuClick = function (item, ev) {
999
1001
  ev.stopPropagation();
1000
1002
  if (!item.checked)
@@ -1006,7 +1008,7 @@ var DropDown = function (_a) {
1006
1008
  optionSelection(item.chave, item.id);
1007
1009
  }
1008
1010
  };
1009
- var _c = useState(-1); _c[0]; var setFocusedIndex = _c[1];
1011
+ var _d = useState(-1); _d[0]; var setFocusedIndex = _d[1];
1010
1012
  var itemRefs = useRef([]);
1011
1013
  var handleSubmenuClick = function (subItem, ev) {
1012
1014
  ev.stopPropagation();
@@ -1032,7 +1034,7 @@ var DropDown = function (_a) {
1032
1034
  document.removeEventListener("keydown", handleKeyDown);
1033
1035
  };
1034
1036
  }, []);
1035
- return (React__default.createElement("div", __assign({ className: styles$u.dropdown }, restProps), options.map(function (item, index) {
1037
+ return (React__default.createElement("div", __assign({ className: "".concat(styles$u.dropdown, " ").concat(enableScroll ? styles$u.dropdownScrollable : "") }, restProps), options.map(function (item, index) {
1036
1038
  var isExpanded = expandedMenuId === item.id;
1037
1039
  var hasSubmenu = item.submenu.length > 0;
1038
1040
  return (React__default.createElement("div", { key: item.id, className: styles$u.menuItem },
@@ -1075,8 +1077,8 @@ var styles$t = {"iconMenu":"menu-module__iconMenu___hsJkY","menuButton":"menu-mo
1075
1077
  styleInject(css_248z$x);
1076
1078
 
1077
1079
  var Menu$2 = function (_a) {
1078
- var options = _a.options, optionSelection = _a.optionSelection;
1079
- var _b = useState(false), showDropDown = _b[0], setShowDropDown = _b[1];
1080
+ var options = _a.options, optionSelection = _a.optionSelection, _b = _a.enableScroll, enableScroll = _b === void 0 ? false : _b;
1081
+ var _c = useState(false), showDropDown = _c[0], setShowDropDown = _c[1];
1080
1082
  var buttonRef = useRef(null);
1081
1083
  var toggleDropDown = function () {
1082
1084
  setShowDropDown(!showDropDown);
@@ -1101,7 +1103,7 @@ var Menu$2 = function (_a) {
1101
1103
  }, [showDropDown]);
1102
1104
  return (React__default.createElement("button", { ref: buttonRef, className: "".concat(styles$t.menuButton, " ").concat(showDropDown ? styles$t.active : ""), onClick: toggleDropDown, "aria-expanded": showDropDown, "aria-label": "Abrir menu" },
1103
1105
  React__default.createElement(MenuIcon, { className: styles$t.iconMenu }),
1104
- showDropDown && (React__default.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption }))));
1106
+ showDropDown && (React__default.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption, enableScroll: enableScroll }))));
1105
1107
  };
1106
1108
 
1107
1109
  var LogoCASC = function (props) { return (React__default.createElement("svg", __assign({ width: 150, height: 59, viewBox: "0 0 134 41", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
@@ -1198,7 +1200,7 @@ function UserCascButton(_a) {
1198
1200
  }
1199
1201
 
1200
1202
  var Header = function (_a) {
1201
- var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, _e = _a.constrainMaxWidth, constrainMaxWidth = _e === void 0 ? false : _e, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _f = _a.hasGestor, hasGestor = _f === void 0 ? true : _f, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios, extraComponent = _a.extraComponent, _g = _a.hasLogin, hasLogin = _g === void 0 ? true : _g;
1203
+ var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, _e = _a.constrainMaxWidth, constrainMaxWidth = _e === void 0 ? false : _e, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _f = _a.hasGestor, hasGestor = _f === void 0 ? true : _f, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios, extraComponent = _a.extraComponent, _g = _a.hasLogin, hasLogin = _g === void 0 ? true : _g, _h = _a.enableMenuScroll, enableMenuScroll = _h === void 0 ? false : _h;
1202
1204
  var getHeaderKey = function () {
1203
1205
  if (isRHDigital)
1204
1206
  return "RH_DIGITAL";
@@ -1253,7 +1255,7 @@ var Header = function (_a) {
1253
1255
  React__default.createElement("div", { className: "".concat(styles$v.container, " ").concat(isCASC || constrainMaxWidth ? styles$v.limitedWidth : "", " ").concat(constrainMaxWidth ? styles$v.constrainedPadding : "", " ").concat(isPortalBeneficios ? styles$v.limitedWidthBeneficios : "") },
1254
1256
  React__default.createElement("div", { className: styles$v.wrapperMenu },
1255
1257
  React__default.createElement("div", { className: styles$v.IconMenu },
1256
- React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
1258
+ React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection, enableScroll: enableMenuScroll })),
1257
1259
  React__default.createElement(Logo, null)),
1258
1260
  React__default.createElement("div", { className: styles$v.wrapperUserButton },
1259
1261
  extraComponent,
@@ -8916,7 +8918,7 @@ var styles$k = {"separator_background":"header-module__separator_background___Si
8916
8918
  styleInject(css_248z$k);
8917
8919
 
8918
8920
  var HeaderPge = function (_a) {
8919
- var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, handleLogin = _a.handleLogin, isPortalServidor = _a.isPortalServidor, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, brandLogos = _a.brandLogos, _f = _a.showLoginButton, showLoginButton = _f === void 0 ? false : _f, _g = _a.hasLogin, hasLogin = _g === void 0 ? true : _g;
8921
+ var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, handleLogin = _a.handleLogin, isPortalServidor = _a.isPortalServidor, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, brandLogos = _a.brandLogos, _f = _a.showLoginButton, showLoginButton = _f === void 0 ? false : _f, _g = _a.hasLogin, hasLogin = _g === void 0 ? true : _g, _h = _a.enableMenuScroll, enableMenuScroll = _h === void 0 ? false : _h;
8920
8922
  var renderUserArea = function () {
8921
8923
  if (showLoginButton) {
8922
8924
  if (!hasLogin) {
@@ -8936,7 +8938,7 @@ var HeaderPge = function (_a) {
8936
8938
  React__default.createElement("div", { className: "".concat(styles$k.container, " ").concat(isCASC ? styles$k.limitedWidth : "") },
8937
8939
  React__default.createElement("div", { className: styles$k.wrapperMenu },
8938
8940
  React__default.createElement("div", { className: styles$k.IconMenu },
8939
- React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
8941
+ React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection, enableScroll: enableMenuScroll })),
8940
8942
  isRHDigital && React__default.createElement(LogoRhDigital, { className: styles$k.iconLogo }),
8941
8943
  !isRHDigital && !isCASC && (React__default.createElement("div", { className: styles$k.dividaAtivaLogoContainer }, brandLogos && brandLogos)),
8942
8944
  isCASC && !isRHDigital && (React__default.createElement(React__default.Fragment, null,