pge-front-common 14.1.40 → 14.1.42

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

@@ -1,3 +1,3 @@
 import * as React from "react";
 import { SelectDefaultProps } from "./index.types";
-export declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps) => React.JSX.Element;
+export declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, isClearable, }: SelectDefaultProps) => React.JSX.Element;

package/lib/components/BasicSelect/index.types.d.ts

@@ -12,6 +12,7 @@ export interface SelectDefaultProps {
     isRequired?: boolean;
     inputRef?: unknown;
     hasError?: boolean;
+    isClearable?: boolean;
 }
 export type OptionsProps = {
     label: string;

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

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { SelectDefaultProps } from "./index.types";
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, }: SelectDefaultProps) => React.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, noOptionsMessage, }: SelectDefaultProps) => React.JSX.Element;
 export default SelectDefault;

package/lib/components/Select/index.types.d.ts

@@ -17,6 +17,7 @@ export interface SelectDefaultProps {
     formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
     isClearable?: boolean;
     maxMenuHeight?: number;
+    noOptionsMessage?: string;
 }
 export type OptionsProps = {
     label: string;

package/lib/index.d.ts

@@ -562,13 +562,14 @@ interface SelectDefaultProps$1 {
     isRequired?: boolean;
     inputRef?: unknown;
     hasError?: boolean;
+    isClearable?: boolean;
 }
 type OptionsProps$1 = {
     label: string;
     value: string;
 };
 
-declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps$1) => React$1.JSX.Element;
+declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, isClearable, }: SelectDefaultProps$1) => React$1.JSX.Element;
 
 interface Props$1 {
     isOpen: boolean;
@@ -702,6 +703,7 @@ interface SelectDefaultProps {
     formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
     isClearable?: boolean;
     maxMenuHeight?: number;
+    noOptionsMessage?: string;
 }
 type OptionsProps = {
     label: string;
@@ -709,7 +711,7 @@ type OptionsProps = {
     isDisabled?: boolean;
 };
 
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, }: SelectDefaultProps) => React$1.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, noOptionsMessage, }: SelectDefaultProps) => React$1.JSX.Element;
 
 interface ModalProps$1 {
     isModalOpen: boolean;

package/lib/index.esm.js

@@ -8729,7 +8729,7 @@ 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;
+    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 isDarkMode = useDarkMode();
     useIsMobile();
     var CustomDropdownIndicator = function () { return (React.createElement("div", { className: styles$l.contentIcon },
@@ -8739,7 +8739,7 @@ var BasicSelect = function (_a) {
             label,
             isRequired ? React.createElement("span", { className: styles$l.errorRequired }, "*") : null)),
         React.createElement("div", { className: styles$l.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: true, 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: selectColourStyles$1(hasError, isDarkMode), isSearchable: true, isClearable: isClearable, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: {
                     DropdownIndicator: CustomDropdownIndicator,
                     ClearIndicator: CustomClearIndicator,
                 }, "aria-label": typeof label === "string"
@@ -21768,9 +21768,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;
-    var _e = useController({ name: name, control: control }), _f = _e.field; _f.onChange; _f.value; var rest = __rest(_f, ["onChange", "value"]), error = _e.fieldState.error;
-    var _g = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _g[0], setIsMobile = _g[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;
+    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 CustomDropdownIndicator = function () {
         return (React.createElement("div", { className: styles$c.contentIcon },
             React.createElement(IconTriangleRecall, { className: styles$c.iconChefron })));
@@ -21792,7 +21792,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 "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
+                }, 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))),
         error && React.createElement("span", { className: styles$c.errorText }, error.message)));
 };