pge-front-common 14.2.38 → 14.2.39

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

@@ -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))));
 };