pge-front-common 14.1.16 → 14.1.18

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 (11) hide show
  1. package/lib/components/Header/Header.d.ts +3 -2
  2. package/lib/components/Header/Header.stories.d.ts +1 -0
  3. package/lib/components/Select/index.d.ts +1 -1
  4. package/lib/components/Select/index.types.d.ts +2 -0
  5. package/lib/components/Select/select.stories.d.ts +1 -0
  6. package/lib/index.d.ts +5 -2
  7. package/lib/index.esm.js +11 -9
  8. package/lib/index.esm.js.map +1 -1
  9. package/lib/index.js +11 -9
  10. package/lib/index.js.map +1 -1
  11. package/package.json +2 -2
package/lib/components/Header/Header.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- interface HeaderProps {
2
+ export interface HeaderProps {
3
3
  isRHDigital?: boolean;
4
4
  isHonorarios?: boolean;
5
5
  isCASC?: boolean;
@@ -11,10 +11,11 @@ interface HeaderProps {
11
11
  handleLogout: () => void;
12
12
  isPortalServidor?: boolean;
13
13
  isPortalBeneficios?: boolean;
14
+ extraComponent?: React.ReactNode;
14
15
  profile?: string;
15
16
  hasGestor?: boolean;
16
17
  fullName?: string;
17
18
  firstName?: string;
18
19
  }
19
- declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps) => React.JSX.Element;
20
+ declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, }: HeaderProps) => React.JSX.Element;
20
21
  export default Header;
package/lib/components/Header/Header.stories.d.ts CHANGED
@@ -7,3 +7,4 @@ export declare const Default: Story;
7
7
  export declare const WithPGERGLogo: Story;
8
8
  export declare const WithPGEBENEFICIOSLogo: Story;
9
9
  export declare const WithCASCLogo: Story;
10
+ export declare const WithExtraComponent: Story;
package/lib/components/Select/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from "react";
2
2
  import { SelectDefaultProps } from "./index.types";
3
- declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, }: SelectDefaultProps) => React.JSX.Element;
3
+ declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel }: SelectDefaultProps) => React.JSX.Element;
4
4
  export default SelectDefault;
package/lib/components/Select/index.types.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Control } from "react-hook-form";
2
+ import { FormatOptionLabelMeta } from "react-select";
2
3
  export interface SelectDefaultProps {
3
4
  name: string;
4
5
  optionsSelect: OptionsProps[];
@@ -13,6 +14,7 @@ export interface SelectDefaultProps {
13
14
  inputRef?: unknown;
14
15
  hasError?: boolean;
15
16
  control?: Control<any>;
17
+ formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
16
18
  }
17
19
  export type OptionsProps = {
18
20
  label: string;
package/lib/components/Select/select.stories.d.ts CHANGED
@@ -6,3 +6,4 @@ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<imp
6
6
  export declare const DisabledSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
7
7
  export declare const OptionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
8
8
  export declare const ErrorState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
9
+ export declare const WithFormatOptionLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
package/lib/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as React$1 from 'react';
2
2
  import React__default, { InputHTMLAttributes, ReactNode, HtmlHTMLAttributes, ChangeEvent, HTMLAttributes, SVGProps } from 'react';
3
3
  import { Control } from 'react-hook-form';
4
+ import { FormatOptionLabelMeta } from 'react-select';
4
5
 
5
6
  interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
6
7
  variant: "primary" | "secondary" | "outline-danger";
@@ -442,12 +443,13 @@ interface HeaderProps$1 {
442
443
  handleLogout: () => void;
443
444
  isPortalServidor?: boolean;
444
445
  isPortalBeneficios?: boolean;
446
+ extraComponent?: React__default.ReactNode;
445
447
  profile?: string;
446
448
  hasGestor?: boolean;
447
449
  fullName?: string;
448
450
  firstName?: string;
449
451
  }
450
- declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps$1) => React__default.JSX.Element;
452
+ declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, extraComponent, }: HeaderProps$1) => React__default.JSX.Element;
451
453
 
452
454
  interface FooterProps {
453
455
  imageFooter: string;
@@ -687,6 +689,7 @@ interface SelectDefaultProps {
687
689
  inputRef?: unknown;
688
690
  hasError?: boolean;
689
691
  control?: Control<any>;
692
+ formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
690
693
  }
691
694
  type OptionsProps = {
692
695
  label: string;
@@ -694,7 +697,7 @@ type OptionsProps = {
694
697
  isDisabled?: boolean;
695
698
  };
696
699
 
697
- declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, }: SelectDefaultProps) => React$1.JSX.Element;
700
+ declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel }: SelectDefaultProps) => React$1.JSX.Element;
698
701
 
699
702
  interface ModalProps$1 {
700
703
  isModalOpen: boolean;
package/lib/index.esm.js CHANGED
@@ -841,8 +841,8 @@ var RadioGroupBase = function (_a) {
841
841
  !hasError && message && React__default.createElement("p", { className: styles$q.message }, message)));
842
842
  };
843
843
 
844
- var css_248z$t = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n";
845
- var styles$p = {"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","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-"};
844
+ var css_248z$t = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n\r\n.header-module__wrapperUserButton___M-CBj {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}";
845
+ var styles$p = {"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","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"};
846
846
  styleInject(css_248z$t);
847
847
 
848
848
  var css_248z$s = ".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: 280px;\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: 280px;\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: 50px;\r\n border: none;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\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: 100;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\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";
@@ -1055,7 +1055,7 @@ function UserCascButton(_a) {
1055
1055
  }
1056
1056
 
1057
1057
  var Header = function (_a) {
1058
- 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, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios;
1058
+ 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, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios, extraComponent = _a.extraComponent;
1059
1059
  var getHeaderKey = function () {
1060
1060
  if (isRHDigital)
1061
1061
  return "RH_DIGITAL";
@@ -1088,7 +1088,7 @@ var Header = function (_a) {
1088
1088
  CASC: function () { return (React__default.createElement(UserCascButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, isResponsiveCASC: true, isCASC: true, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
1089
1089
  DEFAULT: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
1090
1090
  HONORARIOS: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: false, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
1091
- BENEFICIOS: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
1091
+ BENEFICIOS: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); }
1092
1092
  };
1093
1093
  var headerKey = getHeaderKey();
1094
1094
  var userButtonKey = getUserButton();
@@ -1112,7 +1112,9 @@ var Header = function (_a) {
1112
1112
  React__default.createElement("div", { className: styles$p.IconMenu },
1113
1113
  React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
1114
1114
  React__default.createElement(Logo, null)),
1115
- React__default.createElement(UserButtonComponent, null)))));
1115
+ React__default.createElement("div", { className: styles$p.wrapperUserButton },
1116
+ extraComponent,
1117
+ React__default.createElement(UserButtonComponent, null))))));
1116
1118
  };
1117
1119
 
1118
1120
  var css_248z$o = ".styles-module__container___FWA4h {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__imgContainer___d-9G4 {\r\n width: 100%;\r\n max-width: 1440px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__footerImg___Timhg {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 198px;\r\n object-fit: contain;\r\n}\r\n\r\n.styles-module__footer___em-xX {\r\n width: 100%;\r\n max-width: 1440px;\r\n height: 221px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto; /* Center the container */\r\n background-color: transparent;\r\n margin-bottom: -9px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__footer___em-xX {\r\n margin-bottom: -3px;\r\n height: 63px;\r\n padding: 0px 16px;\r\n }\r\n\r\n .styles-module__footer___em-xX.styles-module__dark___RwoTf {\r\n margin-bottom: -3px;\r\n height: 63px;\r\n padding: 0px 16px;\r\n }\r\n}\r\n\r\n.styles-module__pgeLogoContainer___hF2j3 {\r\n width: 100%;\r\n height: 134px;\r\n background-color: var(--footer-bg-color);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__pgeLogoContainer___hF2j3 {\r\n height: 118px;\r\n }\r\n}\r\n\r\n.styles-module__pgeLogo___b7X5k {\r\n width: 240px;\r\n height: 86px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center bottom;\r\n margin: 0 auto;\r\n}\r\n\r\n.styles-module__copyrightContainer___mh-Zd {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: row;\r\n background-color: #000;\r\n min-height: 46px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__copyrightContainer___mh-Zd {\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n min-height: 30px;\r\n }\r\n}\r\n\r\n.styles-module__copyrightText___U8iv8 {\r\n font-weight: 400;\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 16.34px;\r\n letter-spacing: 0%;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n\r\n.styles-module__footerAddress___wdcT4 {\r\n display: flex;\r\n margin: 0;\r\n justify-content: center;\r\n color: var(--background-color);\r\n font-size: var(--font-size-12);\r\n background-color: var(--footer-bg-color);\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n color: #fff;\r\n}\r\n";
@@ -21165,8 +21167,8 @@ var DateInput = function (_a) {
21165
21167
  restrictionMessage && (React__default.createElement("div", { className: styles$b.restrictionMessage }, restrictionMessage))));
21166
21168
  };
21167
21169
 
21168
- var css_248z$8 = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n";
21169
- var styles$6 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-"};
21170
+ var css_248z$8 = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__formatOptionLabel___xBV8v {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n}";
21171
+ var styles$6 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-","formatOptionLabel":"styles-module__formatOptionLabel___xBV8v"};
21170
21172
  styleInject(css_248z$8);
21171
21173
 
21172
21174
  var isCheckBoxInput = (element) => element.type === 'checkbox';
@@ -21664,7 +21666,7 @@ var selectColourStyles = function (isInvalid, isMobile) { return ({
21664
21666
  },
21665
21667
  }); };
21666
21668
  var SelectDefault = function (_a) {
21667
- var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange;
21669
+ var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel;
21668
21670
  var _d = useController({ name: name, control: control }), _e = _d.field; _e.onChange; _e.value; var rest = __rest(_e, ["onChange", "value"]), error = _d.fieldState.error;
21669
21671
  var _f = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _f[0], setIsMobile = _f[1];
21670
21672
  var CustomDropdownIndicator = function () {
@@ -21688,7 +21690,7 @@ var SelectDefault = function (_a) {
21688
21690
  if (inputValue) {
21689
21691
  handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
21690
21692
  }
21691
- }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: true, isSearchable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
21693
+ }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: true, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
21692
21694
  error && React.createElement("span", { className: styles$6.errorText }, error.message)));
21693
21695
  };
21694
21696