pge-front-common 14.2.38 → 14.2.40

package/lib/index.d.ts

@@ -2,7 +2,7 @@ import * as React$1 from 'react';
 import React__default, { InputHTMLAttributes, ReactNode, HtmlHTMLAttributes, ButtonHTMLAttributes, ChangeEvent, JSX, HTMLAttributes, SVGProps } from 'react';
 import { Control } from 'react-hook-form';
 import { FormatOptionLabelMeta } from 'react-select';
-import { TreeSelectSelectionKeysType, TreeSelectChangeEvent } from 'primereact/treeselect';
+import { TreeSelectProps as TreeSelectProps$1 } from 'primereact/treeselect';
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant: "primary" | "secondary" | "outline-danger";
@@ -674,22 +674,29 @@ interface FieldsetProps {
 
 declare function Fieldset({ legend, children, className, }: FieldsetProps): React__default.JSX.Element;
 
-interface TreeSelectProps {
+/**
+ * Props do PrimeReact controladas ou mapeadas pelo wrapper.
+ * - invalid → isError
+ * - metaKeySelection → sempre false no wrapper
+ * - required → asterisco no rótulo do design system
+ */
+type TreeSelectOmittedPrimeProps = "invalid" | "metaKeySelection" | "required";
+interface TreeSelectProps extends Omit<TreeSelectProps$1, TreeSelectOmittedPrimeProps> {
     customClass?: string;
     restrictionMessage?: string;
+    /** Rótulo do campo exibido acima do TreeSelect. */
     label?: string;
-    value?: string | TreeSelectSelectionKeysType | TreeSelectSelectionKeysType[] | null;
-    onChange?: (e: TreeSelectChangeEvent) => void;
+    /** Mapeado para a prop `invalid` do PrimeReact. */
     isError?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
+    /** Exibe o asterisco de obrigatório no rótulo. */
     required?: boolean | false;
-    options?: any;
-    display?: "comma" | "chip" | undefined;
-    filter?: boolean | undefined;
-    selectionMode?: "checkbox" | "multiple" | "single";
+    /**
+     * Exibe "Selecionar todos" no painel. Ativo apenas com selectionMode="checkbox".
+     * Quando true, o wrapper controla expandedKeys, filterTemplate e panelHeaderTemplate.
+     */
     showSelectAll?: boolean;
 }
+
 type TreeSelectOptions = {
     label: string;
     value: string;
@@ -697,7 +704,7 @@ type TreeSelectOptions = {
     children?: TreeSelectOptions[];
 };
 
-declare const TreeSelect: ({ label, value, restrictionMessage, onChange, isError, disabled, placeholder, required, display, filter, options, selectionMode, showSelectAll, }: TreeSelectProps) => React__default.JSX.Element;
+declare const TreeSelect: ({ label, isError, restrictionMessage, required, showSelectAll, customClass, value, onChange, disabled, placeholder, display, filter, options, selectionMode, expandedKeys: expandedKeysProp, onToggle: onToggleProp, filterValue: filterValueProp, onFilterValueChange: onFilterValueChangeProp, onHide: onHideProp, filterTemplate: filterTemplateProp, panelHeaderTemplate: panelHeaderTemplateProp, ...restPrimeProps }: TreeSelectProps) => React__default.JSX.Element;
 
 declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 

package/lib/index.esm.js

@@ -9120,7 +9120,7 @@ var TableComponent = function (_a) {
                 React__default.createElement("td", { colSpan: columns.length + (hasIcon ? 1 : 0), className: styles$j.noRecords }, noRecordsMessage)))))));
 };
 
-var css_248z$i = ".styles-module__textInput___gaz7I {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n  border-radius: 8px;\n  gap: 4px;\n  font-size: 13px;\n  border: 1px solid var(--color-border);\n  color: var(--color-dark-gray);\n  outline: none;\n  transition: all 0.5s;\n}\n\n.styles-module__inputContainer___fmTYP {\n  width: 100%;\n  color: var(--color-input);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.styles-module__inputContainer___fmTYP input {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\n  border-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\n.styles-module__inputContainer___fmTYP input:disabled {\n  background-color: #eeeeee !important;\n  cursor: not-allowed;\n}\n\n.styles-module__inputContainer___fmTYP input::placeholder {\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.styles-module__inputContainer___fmTYP .p-inputtext {\n  border-color: var(--color-border);\n}\n\n.styles-module__inputContainer___fmTYP .p-button {\n  line-height: 22px;\n  border-color: var(--color-border);\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.styles-module__iconWrapper___H3Icv {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__labelRequired___4ewKH::after {\n  content: \" *\";\n  color: var(--color-danger);\n}\n\n.styles-module__titleLabel___6M8ua {\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  justify-content: space-between;\n}\n\n.styles-module__labelInput___wWffN {\n  color: var(--color-label);\n  line-height: 24px;\n  font-size: 16px;\n  bottom: 5px;\n  font-weight: 700;\n}\n\n.styles-module__textInput___gaz7I:disabled {\n  background: var(--background-color-table-primary);\n  cursor: not-allowed;\n}\n\n.styles-module__textInput___gaz7I:focus {\n  color: var(--color-gray-medium);\n  outline: none;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\n}\n\n.styles-module__textInput___gaz7I::placeholder {\n  font-weight: bold;\n  color: var(--color-input) 33;\n}\n\n.styles-module__textInputDanger___YqaWP {\n  border: 1px solid var(--alert-color);\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\n}\n\n.styles-module__password-input-container___o0AsP {\n  position: relative;\n  width: 360px;\n}\n\n.styles-module__inputTextPswUser___0xWHh:focus {\n  border-color: var(--color-primary);\n  box-shadow: none;\n}\n\n.styles-module__inputTextPswUser___0xWHh:disabled {\n  background-color: var(--light-grey-color);\n  border: var(--color-border);\n}\n\n.styles-module__inputTextPswUser___0xWHh::placeholder {\n  font-weight: 587;\n  color: var(--light-grey-color);\n}\n\n.styles-module__buttonTextPswUser___-UY3m {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\n  top: 35%;\n}\n\n.styles-module__iconEye___MiJMN {\n  width: 24px;\n  height: 24px;\n  color: var(--light-grey-color);\n}\n\n.styles-module__restrictionMessage___QA5v7 {\n  color: var(--alert-color);\n  font-size: var(--font-size-12, 12px);\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n  margin-left: 8px;\n  font-family: var(--font-open-sans-serif);\n}\n\n.styles-module__iconWrapperLeft___mzyII {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__iconWrapperRight___-s-pG {\n  position: absolute;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: inherit;\n}\n\n#styles-module__inputwrapper___4UacS {\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n}\n\n#styles-module__buttonDisplay___tNJLk {\n  width: 100%;\n}\n\n.styles-module__errorRequired___YsP4q {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: var(--color-danger);\n}\n\n.styles-module__calendarWrapper___Txz5G:focus-within {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n}\n\n.styles-module__calendarWrapper___Txz5G {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid var(--color-border);\n}\n\n.styles-module__calendarError___UUWT4 {\n  border: 1px solid #cb0a0a;\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\n}\n\n.styles-module__calendarFocus___B899c {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n}\n\n.p-calendar .p-inputtext,\n.p-calendar .p-button-icon-only {\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.p-highlight {\n  background-color: #005a921a;\n  color: #005a92;\n}\n";
+var css_248z$i = ".styles-module__textInput___gaz7I {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n  border-radius: 8px;\n  gap: 4px;\n  font-size: 13px;\n  border: 1px solid var(--color-border);\n  color: var(--color-dark-gray);\n  outline: none;\n  transition: all 0.5s;\n}\n\n.styles-module__inputContainer___fmTYP {\n  width: 100%;\n  color: var(--color-input);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.styles-module__inputContainer___fmTYP input {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\n  border-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\n.styles-module__inputContainer___fmTYP input:disabled {\n  background-color: #eeeeee !important;\n  cursor: not-allowed;\n}\n\n.styles-module__inputContainer___fmTYP input::placeholder {\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.styles-module__inputContainer___fmTYP .p-inputtext {\n  border-color: var(--color-border);\n}\n\n.styles-module__inputContainer___fmTYP .p-button {\n  line-height: 22px;\n  border-color: var(--color-border);\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.styles-module__iconWrapper___H3Icv {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__labelRequired___4ewKH::after {\n  content: \" *\";\n  color: var(--color-danger);\n}\n\n.styles-module__titleLabel___6M8ua {\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  justify-content: space-between;\n}\n\n.styles-module__labelInput___wWffN {\n  color: var(--color-label);\n  line-height: 24px;\n  font-size: 16px;\n  bottom: 5px;\n  font-weight: 700;\n}\n\n.styles-module__textInput___gaz7I:disabled {\n  background: var(--background-color-table-primary);\n  cursor: not-allowed;\n}\n\n.styles-module__textInput___gaz7I:focus {\n  color: var(--color-gray-medium);\n  outline: none;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\n}\n\n.styles-module__textInput___gaz7I::placeholder {\n  font-weight: bold;\n  color: var(--color-input) 33;\n}\n\n.styles-module__textInputDanger___YqaWP {\n  border: 1px solid var(--alert-color);\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\n}\n\n.styles-module__password-input-container___o0AsP {\n  position: relative;\n  width: 360px;\n}\n\n.styles-module__inputTextPswUser___0xWHh:focus {\n  border-color: var(--color-primary);\n  box-shadow: none;\n}\n\n.styles-module__inputTextPswUser___0xWHh:disabled {\n  background-color: var(--light-grey-color);\n  border: var(--color-border);\n}\n\n.styles-module__inputTextPswUser___0xWHh::placeholder {\n  font-weight: 587;\n  color: var(--light-grey-color);\n}\n\n.styles-module__buttonTextPswUser___-UY3m {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\n  top: 35%;\n}\n\n.styles-module__iconEye___MiJMN {\n  width: 24px;\n  height: 24px;\n  color: var(--light-grey-color);\n}\n\n.styles-module__restrictionMessage___QA5v7 {\n  color: var(--alert-color);\n  font-size: var(--font-size-12, 12px);\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n  margin-left: 8px;\n  font-family: var(--font-open-sans-serif);\n}\n\n.styles-module__iconWrapperLeft___mzyII {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__iconWrapperRight___-s-pG {\n  position: absolute;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: inherit;\n}\n\n#styles-module__inputwrapper___4UacS {\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n}\n\n#styles-module__buttonDisplay___tNJLk {\n  width: 100%;\n}\n\n.styles-module__errorRequired___YsP4q {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: var(--color-danger);\n}\n\n.styles-module__calendarWrapper___Txz5G:focus-within {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.styles-module__calendarWrapper___Txz5G {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid var(--color-border);\n}\n\n.styles-module__calendarError___UUWT4 {\n  border: 1px solid #cb0a0a;\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\n}\n\n.styles-module__calendarFocus___B899c {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.p-calendar .p-inputtext,\n.p-calendar .p-button-icon-only {\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.p-highlight {\n  background-color: #005a921a;\n  color: #005a92;\n}\n";
 var styles$i = {"inputContainer":"styles-module__inputContainer___fmTYP","labelRequired":"styles-module__labelRequired___4ewKH","labelInput":"styles-module__labelInput___wWffN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","calendarWrapper":"styles-module__calendarWrapper___Txz5G","textCalendar":"styles-module__textCalendar___0ZZB-","calendarError":"styles-module__calendarError___UUWT4","calendarFocus":"styles-module__calendarFocus___B899c"};
 styleInject(css_248z$i);
 
@@ -28815,7 +28815,7 @@ var getFilteredKeys = function (nodes, filterText) {
     return result;
 };
 var TreeSelect = function (_a) {
-    var label = _a.label, value = _a.value, restrictionMessage = _a.restrictionMessage, onChange = _a.onChange, isError = _a.isError, disabled = _a.disabled, placeholder = _a.placeholder, required = _a.required, _b = _a.display, display = _b === void 0 ? "comma" : _b, _c = _a.filter, filter = _c === void 0 ? false : _c, options = _a.options, _d = _a.selectionMode, selectionMode = _d === void 0 ? "checkbox" : _d, _e = _a.showSelectAll, showSelectAll = _e === void 0 ? false : _e;
+    var label = _a.label, isError = _a.isError, restrictionMessage = _a.restrictionMessage, required = _a.required, _b = _a.showSelectAll, showSelectAll = _b === void 0 ? false : _b, customClass = _a.customClass, value = _a.value, onChange = _a.onChange, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.display, display = _c === void 0 ? "comma" : _c, _d = _a.filter, filter = _d === void 0 ? false : _d, options = _a.options, _e = _a.selectionMode, selectionMode = _e === void 0 ? "checkbox" : _e, expandedKeysProp = _a.expandedKeys, onToggleProp = _a.onToggle, filterValueProp = _a.filterValue, onFilterValueChangeProp = _a.onFilterValueChange, onHideProp = _a.onHide, filterTemplateProp = _a.filterTemplate, panelHeaderTemplateProp = _a.panelHeaderTemplate, restPrimeProps = __rest(_a, ["label", "isError", "restrictionMessage", "required", "showSelectAll", "customClass", "value", "onChange", "disabled", "placeholder", "display", "filter", "options", "selectionMode", "expandedKeys", "onToggle", "filterValue", "onFilterValueChange", "onHide", "filterTemplate", "panelHeaderTemplate"]);
     var _f = useState(value !== null && value !== void 0 ? value : null), selectedItems = _f[0], setSelectedItems = _f[1];
     var _g = useState(""), filterText = _g[0], setFilterText = _g[1];
     var _h = useState({}), expandedKeys = _h[0], setExpandedKeys = _h[1];
@@ -28874,18 +28874,29 @@ var TreeSelect = function (_a) {
                 },
             }, onChange: handleSelectAll }),
         React__default.createElement("label", { htmlFor: "tree-select-all", className: styles$1.selectAllLabel }, "Selecionar todos")));
-    return (React__default.createElement("div", { className: styles$1.inputContainer },
+    var primeExpandedKeys = showSelectAllOption ? expandedKeys : expandedKeysProp;
+    var primeOnToggle = showSelectAllOption
+        ? function (e) {
+            return setExpandedKeys(e.value);
+        }
+        : onToggleProp;
+    var primeFilterValue = showSelectAllOption && filter ? filterText : filterValueProp;
+    var primeOnFilterValueChange = showSelectAllOption && filter
+        ? function (e) { var _a; return setFilterText((_a = e.value) !== null && _a !== void 0 ? _a : ""); }
+        : onFilterValueChangeProp;
+    var primeOnHide = showSelectAllOption && filter ? function () { return setFilterText(""); } : onHideProp;
+    var primeFilterTemplate = showSelectAllOption && filter
+        ? function (opts) { return (React__default.createElement("div", { className: styles$1.filterTemplateWrapper },
+            opts.element,
+            selectAllCheckbox)); }
+        : filterTemplateProp;
+    var primePanelHeaderTemplate = showSelectAllOption && !filter
+        ? function () { return selectAllCheckbox; }
+        : panelHeaderTemplateProp;
+    return (React__default.createElement("div", { className: [styles$1.inputContainer, customClass].filter(Boolean).join(" ") },
         React__default.createElement("label", { htmlFor: label, className: "".concat(styles$1.labelInput, " ").concat(required ? styles$1.labelRequired : "") }, label),
         React__default.createElement("div", { className: styles$1.inputContent },
-            React__default.createElement(TreeSelect$1, { value: selectedItems, invalid: isError, onChange: handleChange, disabled: disabled, placeholder: placeholder, metaKeySelection: false, options: options, filter: filter, display: display, selectionMode: selectionMode, expandedKeys: showSelectAllOption ? expandedKeys : undefined, onToggle: showSelectAllOption
-                    ? function (e) { return setExpandedKeys(e.value); }
-                    : undefined, filterValue: showSelectAllOption && filter ? filterText : undefined, onFilterValueChange: showSelectAllOption && filter
-                    ? function (e) { var _a; return setFilterText((_a = e.value) !== null && _a !== void 0 ? _a : ""); }
-                    : undefined, onHide: showSelectAllOption && filter ? function () { return setFilterText(""); } : undefined, filterTemplate: showSelectAllOption && filter
-                    ? function (opts) { return (React__default.createElement("div", { className: styles$1.filterTemplateWrapper },
-                        opts.element,
-                        selectAllCheckbox)); }
-                    : undefined, panelHeaderTemplate: showSelectAllOption && !filter ? function () { return selectAllCheckbox; } : undefined })),
+            React__default.createElement(TreeSelect$1, __assign({}, restPrimeProps, { value: selectedItems, invalid: isError, onChange: handleChange, disabled: disabled, placeholder: placeholder, metaKeySelection: false, options: options, filter: filter, display: display, selectionMode: selectionMode, expandedKeys: primeExpandedKeys, onToggle: primeOnToggle, filterValue: primeFilterValue, onFilterValueChange: primeOnFilterValueChange, onHide: primeOnHide, filterTemplate: primeFilterTemplate, panelHeaderTemplate: primePanelHeaderTemplate }))),
         restrictionMessage && (React__default.createElement("div", { className: styles$1.restrictionMessage }, restrictionMessage))));
 };