pge-front-common 14.2.33 → 14.2.35

package/lib/index.d.ts

@@ -296,7 +296,12 @@ type OptionsProps$2 = {
 
 declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, maxMenuHeight, }: SelectMultProps) => React__default.JSX.Element;
 
-interface SelectDefaultProps$1 {
+interface ReactSelectMenuPortalProps {
+    usarMenuPortal?: boolean;
+    zIndexMenuPortal?: number;
+}
+
+interface SelectDefaultProps$1 extends ReactSelectMenuPortalProps {
     name: string;
     optionsSelect: OptionsProps$1[];
     value: any;
@@ -316,7 +321,7 @@ type OptionsProps$1 = {
     value: string;
 };
 
-declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, isClearable, }: SelectDefaultProps$1) => React$1.JSX.Element;
+declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, isClearable, usarMenuPortal, zIndexMenuPortal, }: SelectDefaultProps$1) => React$1.JSX.Element;
 
 interface Props {
     isOpen: boolean;
@@ -460,10 +465,10 @@ interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "ty
 
 declare const TimeInput: ({ restrictionMessage, label, onChange, isError, valueTime, disabled, placeholder, required, minutesStep, hoursRange: hoursRangeProp, textoCancelar, textoConfirmar, ...inputProps }: TimeInputProps) => React__default.JSX.Element;
 
-interface SelectDefaultProps {
+interface SelectDefaultProps extends ReactSelectMenuPortalProps {
     name: string;
     optionsSelect: OptionsProps[];
-    value: any;
+    value?: any;
     placeholder?: string;
     className?: string;
     label?: string;
@@ -485,7 +490,7 @@ type OptionsProps = {
     isDisabled?: boolean;
 };
 
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, noOptionsMessage, }: SelectDefaultProps) => React$1.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, noOptionsMessage, usarMenuPortal, zIndexMenuPortal, }: SelectDefaultProps) => React$1.JSX.Element;
 
 interface ModalProps$1 {
     isModalOpen: boolean;
@@ -842,7 +847,9 @@ declare const IconAlarmClock: ({ className, ...props }: SVGProps<SVGSVGElement>)
 
 declare const IconPlus: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
+declare const IconExclamation: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+
 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, IconAlarmClock, 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, IconLock, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPlus, 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, TimeInput, 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, IconAlarmClock, 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, IconExclamation, IconExclude, IconFluxo, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLista, IconLoadingProgress, IconLock, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPlus, 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, TimeInput, Title, Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
 export type { AccordionItemProps, ButtonProps, ChipProps, Column, FieldsetProps, InformativeBoxProps, InputProps, OptionsProps$2 as OptionsProps, PaginationProps, PaginationTableProps, ProgressCircleProps, RadioButtonProps, RadioGroupBaseProps, SelectDefaultProps, SelectMultProps, TableComponentProps, TextareaBaseProps, TimeInputProps, TreeSelectOptions, TreeSelectProps };

package/lib/index.esm.js

@@ -645,6 +645,12 @@ var IconPlus = function (_a) {
         React__default.createElement("path", { d: "M4 9.33333V5.33333H0V4H4V0H5.33333V4H9.33333V5.33333H5.33333V9.33333H4Z", fill: "currentColor" })));
 };
 
+var IconExclamation = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React__default.createElement("svg", __assign({ viewBox: "0 0 2 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
+        React__default.createElement("path", { d: "M0 9V0H2V9H0ZM0 14V12H2V14H0Z", fill: "currentColor" })));
+};
+
 var css_248z$J = ".styles-module__toast___JCV9s {\r\n  height: auto;\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n  width: fit-content;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n  background-color: var(--bg-informative-success);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n  color: var(--success-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n  background-color: var(--bg-informative-alert);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n  color: var(--alert-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n  background-color: var(--bg-informative-warning);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n  color: var(--warning-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n  background-color: var(--bg-informative);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n  color: var(--information-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__content___AING8 {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__info___g8ce2 {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__iconSize___os5JS {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__iconSize___os5JS {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n  color: var(--success-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n  color: var(--warning-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n  color: var(--information-color);\r\n}\r\n\r\n.styles-module__text___UCxPH {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  gap: 4px;\r\n}\r\n\r\n.styles-module__text___UCxPH strong {\r\n  font-size: var(--font-size-16, 16px);\r\n  font-weight: 700;\r\n  line-height: 16px;\r\n  text-align: left;\r\n  text-decoration-skip-ink: none;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__text___UCxPH strong {\r\n    font-size: var(--font-size-12, 12px);\r\n  }\r\n}\r\n\r\n.styles-module__text___UCxPH span {\r\n  font-weight: 400;\r\n  text-align: left;\r\n  text-decoration-skip-ink: none;\r\n}\r\n\r\n.styles-module__textContent___S1KEv {\r\n  color: var(--foreground);\r\n  font-size: var(--font-size-16);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n  font-weight: 700;\r\n  color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n  font-weight: 700;\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n  font-weight: 700;\r\n  color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n  color: var(--information-color);\r\n  font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__textContent___S1KEv {\r\n    font-size: var(--font-size-12);\r\n  }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: var(--font-size-20, 20px);\r\n  color: var(--foreground);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__closeButton___ELkqN {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN:hover {\r\n  color: var(--foreground);\r\n}\r\n\r\n.styles-module__iconClose___OPoN8 {\r\n  color: var(--foreground);\r\n}\r\n";
 var styles$F = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
 styleInject(css_248z$J);
@@ -8889,6 +8895,29 @@ var css_248z$n = ".styles-module__selectContainer___uFP2d {\r\n  width: 100%;\r\
 var styles$m = {"selectContainer":"styles-module__selectContainer___uFP2d","errorText":"styles-module__errorText___grCcq","errorRequired":"styles-module__errorRequired___PNeLN","contentIcon":"styles-module__contentIcon___SAMFM","iconChefron":"styles-module__iconChefron___Cp81j"};
 styleInject(css_248z$n);
 
+var Z_INDEX_MENU_PORTAL_PADRAO = 9999;
+function obterConfigMenuPortal(usarMenuPortal, zIndex) {
+    if (zIndex === void 0) { zIndex = Z_INDEX_MENU_PORTAL_PADRAO; }
+    if (!usarMenuPortal) {
+        return {
+            menuPortalTarget: undefined,
+            menuPosition: "absolute",
+            estiloMenuPortal: undefined,
+        };
+    }
+    return {
+        menuPortalTarget: typeof document !== "undefined" ? document.body : undefined,
+        menuPosition: "fixed",
+        estiloMenuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: zIndex })); },
+    };
+}
+function mesclarEstilosComPortal(estilos, estiloMenuPortal) {
+    if (!estiloMenuPortal) {
+        return estilos;
+    }
+    return __assign(__assign({}, estilos), { menuPortal: estiloMenuPortal });
+}
+
 var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return ({
     control: function (styles, _a) {
         var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
@@ -8932,9 +8961,12 @@ var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return (
     menuList: function (base) { return (__assign(__assign({}, base), { backgroundColor: isDarkMode ? "#4B4B4C" : "#fff", padding: "0.5rem 0", borderRadius: "8px" })); },
 }); };
 var BasicSelect = function (_a) {
-    var name = _a.name, 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, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d;
+    var name = _a.name, 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, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d, _e = _a.usarMenuPortal, usarMenuPortal = _e === void 0 ? false : _e, _f = _a.zIndexMenuPortal, zIndexMenuPortal = _f === void 0 ? Z_INDEX_MENU_PORTAL_PADRAO : _f;
     var isDarkMode = useDarkMode();
     useIsMobile();
+    var _g = obterConfigMenuPortal(usarMenuPortal, zIndexMenuPortal), menuPortalTarget = _g.menuPortalTarget, menuPosition = _g.menuPosition, estiloMenuPortal = _g.estiloMenuPortal;
+    var estilos = selectColourStyles$1(hasError, isDarkMode);
+    var estilosComPortal = mesclarEstilosComPortal(estilos, estiloMenuPortal);
     var CustomDropdownIndicator = function () { return (React.createElement("div", { className: styles$m.contentIcon },
         React.createElement(IconTriangleRecall, { className: styles$m.iconChefron }))); };
     return (React.createElement("div", { className: "".concat(styles$m.selectContainer) },
@@ -8942,10 +8974,10 @@ var BasicSelect = function (_a) {
             label,
             isRequired ? React.createElement("span", { className: styles$m.errorRequired }, "*") : null)),
         React.createElement("div", { className: styles$m.selectElement },
-            React.createElement(StateManagedSelect$1, { inputId: name, isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, placeholder: placeholder, styles: selectColourStyles$1(hasError, isDarkMode), isSearchable: true, isClearable: isClearable, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: {
+            React.createElement(StateManagedSelect$1, { inputId: name, isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, placeholder: placeholder, styles: estilosComPortal, isSearchable: true, isClearable: isClearable, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: {
                     DropdownIndicator: CustomDropdownIndicator,
                     ClearIndicator: CustomClearIndicator,
-                }, "aria-label": typeof label === "string"
+                }, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, "aria-label": typeof label === "string"
                     ? label
                     : placeholder || "Campo para seleção" })),
         hasError && (React.createElement("span", { className: styles$m.errorText }, "Campo obrigat\u00F3rio ou inv\u00E1lido"))));
@@ -22395,9 +22427,9 @@ var selectColourStyles = function (isInvalid, isMobile, maxMenuHeight) { return
     menuList: function (styles) { return (__assign(__assign({}, styles), { maxHeight: maxMenuHeight ? "".concat(maxMenuHeight, "px") : "300px" })); },
 }); };
 var SelectDefault = function (_a) {
-    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, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d, maxMenuHeight = _a.maxMenuHeight, _e = _a.noOptionsMessage, noOptionsMessage = _e === void 0 ? "Nenhuma opção disponível" : _e;
-    var _f = useController({ name: name, control: control }), _g = _f.field; _g.onChange; _g.value; var rest = __rest(_g, ["onChange", "value"]), error = _f.fieldState.error;
-    var _h = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _h[0], setIsMobile = _h[1];
+    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, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d, maxMenuHeight = _a.maxMenuHeight, _e = _a.noOptionsMessage, noOptionsMessage = _e === void 0 ? "Nenhuma opção disponível" : _e, _f = _a.usarMenuPortal, usarMenuPortal = _f === void 0 ? false : _f, _g = _a.zIndexMenuPortal, zIndexMenuPortal = _g === void 0 ? Z_INDEX_MENU_PORTAL_PADRAO : _g;
+    var _h = useController({ name: name, control: control }), _j = _h.field; _j.onChange; _j.value; var rest = __rest(_j, ["onChange", "value"]), error = _h.fieldState.error;
+    var _k = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _k[0], setIsMobile = _k[1];
     var CustomDropdownIndicator = function () {
         return (React.createElement("div", { className: styles$c.contentIcon },
             React.createElement(IconTriangleRecall, { className: styles$c.iconChefron })));
@@ -22409,6 +22441,9 @@ var SelectDefault = function (_a) {
         window.addEventListener("resize", onResize);
         return function () { return window.removeEventListener("resize", onResize); };
     }, []);
+    var _l = obterConfigMenuPortal(usarMenuPortal, zIndexMenuPortal), menuPortalTarget = _l.menuPortalTarget, menuPosition = _l.menuPosition, estiloMenuPortal = _l.estiloMenuPortal;
+    var estilos = selectColourStyles(hasError || !!error, isMobile, maxMenuHeight);
+    var estilosComPortal = mesclarEstilosComPortal(estilos, estiloMenuPortal);
     return (React.createElement("div", { className: "".concat(styles$c.selectContainer) },
         label && (React.createElement("label", null,
             label,
@@ -22419,7 +22454,7 @@ var SelectDefault = function (_a) {
                     if (inputValue) {
                         handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
                     }
-                }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile, maxMenuHeight), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return noOptionsMessage || "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
+                }, placeholder: placeholder, styles: estilosComPortal, isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return noOptionsMessage || "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
         error && React.createElement("span", { className: styles$c.errorText }, error.message)));
 };
 
@@ -28426,5 +28461,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, IconAlarmClock, 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, IconLock, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPlus, 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, TimeInput, 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, IconAlarmClock, 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, IconExclamation, IconExclude, IconFluxo, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLista, IconLoadingProgress, IconLock, IconLogout, IconMail, IconMedalha, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPlus, 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, TimeInput, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
 //# sourceMappingURL=index.esm.js.map