pge-front-common 14.2.8 → 14.2.10

package/lib/components/TreeSelect/TreeSelect.stories.d.ts

@@ -13,4 +13,5 @@ export declare const ExibicaoEmChips: Story;
 export declare const ComIcones: Story;
 export declare const ComIconesMultiplo: Story;
 export declare const SemOpcoes: Story;
+export declare const IncluirSubstituto: Story;
 export declare const TodosOsCenarios: Story;

package/lib/index.d.ts

@@ -93,6 +93,8 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
 } & {
     style?: React__default.CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    value?: string | number | readonly string[] | undefined;
     form?: string | undefined | undefined;
     formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
@@ -101,7 +103,6 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
     formTarget?: string | undefined | undefined;
     name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
     onChange?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -110,7 +111,6 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;

package/lib/index.esm.js

@@ -1187,7 +1187,7 @@ function FooterPge(_a) {
             React__default.createElement("span", { className: styles$q.copyrightText }, "2025 \u00A9 Copyright - Todos os direitos reservados."))));
 }
 
-var css_248z$t = ".styles-module__accordion___BdbSg {\r\n  border-radius: 15px;\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__accordionItem___AcHG1 {\r\n  background-color: var(--background-color);\r\n  border-radius: 15px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.styles-module__header___0zXFp {\r\n  border-radius: 15px;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F {\r\n  width: 100%;\r\n  background-color: var(--background-color);\r\n  box-shadow: none;\r\n  border: 1px solid var(--light-grey-color);\r\n  font-size: var(--font-size-20);\r\n  font-weight: var(--input-font-weight);\r\n  line-height: 30px;\r\n  text-align: left;\r\n  color: var(--primary-color);\r\n  padding: 12px 16px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi {\r\n  border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus {\r\n  border: 2px solid var(--color-weaker-blue);\r\n  outline: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F.styles-module__collapsed___7DjAi:focus {\r\n  border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:not(.styles-module__collapsed___7DjAi):focus {\r\n  border: 1px solid var();\r\n  outline: none;\r\n  box-shadow: none;\r\n  border-top-left-radius: 15px;\r\n  border-top-right-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionIcon___s2ytc {\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 24px;\r\n  background-image: url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"24\" height=\"24\" rx=\"12\" fill=\"%23005A92\" fill-opacity=\"0.2\"/><path d=\"M12.5 17L6 10.5135L7.51667 9L12.5 13.973L17.4833 9L19 10.5135L12.5 17Z\" fill=\"white\"/></svg>');\r\n  transition: transform 0.3s ease-in-out;\r\n  transform: rotate(0deg);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi .styles-module__accordionIcon___s2ytc {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6 {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.2s ease-out;\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6.styles-module__show___xeyUH {\r\n  max-height: fit-content;\r\n}\r\n\r\n.styles-module__accordionBody___goPRU {\r\n  background-color: var(--background-color);\r\n  border: 1px solid var(--light-grey-color);\r\n  border-top: none;\r\n  border-bottom-left-radius: 15px;\r\n  border-bottom-right-radius: 15px;\r\n  padding: 16px;\r\n}\r\n";
+var css_248z$t = ".styles-module__accordion___BdbSg {\r\n  border-radius: 15px;\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__accordionItem___AcHG1 {\r\n  background-color: var(--background-color);\r\n  border-radius: 15px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.styles-module__header___0zXFp {\r\n  border-radius: 15px;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F {\r\n  width: 100%;\r\n  background-color: var(--background-color);\r\n  box-shadow: none;\r\n  border: 1px solid var(--light-grey-color);\r\n  font-size: var(--font-size-20);\r\n  font-weight: var(--input-font-weight);\r\n  line-height: 30px;\r\n  text-align: left;\r\n  color: var(--primary-color);\r\n  padding: 12px 16px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi {\r\n  border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:focus {\r\n  border: 2px solid var(--color-weaker-blue);\r\n  outline: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F.styles-module__collapsed___7DjAi:focus {\r\n  border-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionButton___5W70F:not(.styles-module__collapsed___7DjAi):focus {\r\n  border: 1px solid var();\r\n  outline: none;\r\n  box-shadow: none;\r\n  border-top-left-radius: 15px;\r\n  border-top-right-radius: 15px;\r\n}\r\n\r\n.styles-module__accordionIcon___s2ytc {\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 24px;\r\n  background-image: url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"24\" height=\"24\" rx=\"12\" fill=\"%23005A92\" fill-opacity=\"0.2\"/><path d=\"M12.5 17L6 10.5135L7.51667 9L12.5 13.973L17.4833 9L19 10.5135L12.5 17Z\" fill=\"white\"/></svg>');\r\n  transition: transform 0.3s ease-in-out;\r\n  transform: rotate(180deg);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.styles-module__collapsed___7DjAi .styles-module__accordionIcon___s2ytc {\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6 {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.2s ease-out;\r\n}\r\n\r\n.styles-module__accordionCollapse___g1CA6.styles-module__show___xeyUH {\r\n  max-height: fit-content;\r\n}\r\n\r\n.styles-module__accordionBody___goPRU {\r\n  background-color: var(--background-color);\r\n  border: 1px solid var(--light-grey-color);\r\n  border-top: none;\r\n  border-bottom-left-radius: 15px;\r\n  border-bottom-right-radius: 15px;\r\n  padding: 16px;\r\n}\r\n";
 var styles$p = {"accordion":"styles-module__accordion___BdbSg","accordionItem":"styles-module__accordionItem___AcHG1","header":"styles-module__header___0zXFp","accordionButton":"styles-module__accordionButton___5W70F","collapsed":"styles-module__collapsed___7DjAi","accordionIcon":"styles-module__accordionIcon___s2ytc","accordionCollapse":"styles-module__accordionCollapse___g1CA6","show":"styles-module__show___xeyUH","accordionBody":"styles-module__accordionBody___goPRU"};
 styleInject(css_248z$t);
 
@@ -24116,9 +24116,14 @@ function Modal(_a) {
         var els = contentRef.current.querySelectorAll(ELEMENTOS_COM_FOCO);
         els.length && els[els.length - 1].focus();
     };
-    return (React__default.createElement("div", { className: style.modalOverlay, onClick: closeOnClickOutside ? onClose : undefined, role: "presentation" },
+    var handleOverlayClick = function (e) {
+        if (closeOnClickOutside && e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    return (React__default.createElement("div", { className: style.modalOverlay, onClick: handleOverlayClick, role: "presentation" },
         React__default.createElement("div", { tabIndex: 0, onFocus: moveToLast, "aria-hidden": "true" }),
-        React__default.createElement("div", { ref: contentRef, className: "".concat(style.modal, " ").concat(className), role: "dialog", "aria-modal": "true", tabIndex: -1, onClick: function (e) { return e.stopPropagation(); }, onKeyDown: function (e) {
+        React__default.createElement("div", { ref: contentRef, className: "".concat(style.modal, " ").concat(className), role: "dialog", "aria-modal": "true", tabIndex: -1, onKeyDown: function (e) {
                 if (e.key === "Escape" && closeOnClickOutside)
                     onClose();
                 if (e.key === "Escape" && !closeOnClickOutside)
@@ -24647,7 +24652,7 @@ function Fieldset(_a) {
             children)));
 }
 
-var css_248z$2 = ".styles-module__inputContainer___RtwTT {\r\n  width: 100%;\r\n  color: var(--color-input);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___RtwTT input {\r\n  border-top-left-radius: 8px;\r\n  border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__labelRequired___28CTx::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__labelInput___uFjhd {\r\n  color: var(--color-label);\r\n  line-height: 24px;\r\n  font-size: 16px;\r\n  bottom: 5px;\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__restrictionMessage___uLp6K {\r\n  color: var(--alert-color);\r\n  font-size: var(--font-size-12, 12px);\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  margin-left: 8px;\r\n  font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n.p-disabled {\r\n  background-color: #eeeeee !important;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.p-focus {\r\n  color: var(--color-gray-medium);\r\n  outline: none;\r\n  border: 1px solid var(--color-primary);\r\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.p-placeholder {\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n\r\n.p-tree-toggler {\r\n  margin-right: 0 !important;\r\n  color: inherit !important;\r\n}\r\n\r\n.p-treenode:focus {\r\n  box-shadow: inset 0 0 0 0 !important;\r\n}\r\n\r\n.p-inputtext:enabled:focus,\r\n.p-treenode-selectable,\r\n.p-treenode-content {\r\n  box-shadow: 0 0 0 0 !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box {\r\n  border-color: var(--checkbox-border-color) !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box.p-highlight,\r\n.p-checkbox.p-indeterminate .p-checkbox-box,\r\n.p-checkbox.p-highlight .p-checkbox-box,\r\n.p-checkbox[data-p-checked=\"true\"] .p-checkbox-box {\r\n  border-color: var(--checkbox-checked-bg-color) !important;\r\n  background: var(--checkbox-checked-bg-color) !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,\r\n.p-checkbox.p-indeterminate .p-checkbox-box .p-checkbox-icon,\r\n.p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box.p-highlight .p-icon.p-checkbox-icon,\r\n.p-checkbox.p-indeterminate .p-checkbox-box .p-icon.p-checkbox-icon,\r\n.p-checkbox.p-highlight .p-checkbox-box .p-icon.p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box[data-p-highlight=\"true\"] .p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-checkbox[data-p-checked=\"true\"] .p-checkbox-box .p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight,\r\n.p-tree\r\n      .p-tree-container\r\n      .p-treenode\r\n      .p-treenode-content.p-highlight\r\n      .p-treenode-icon {\r\n  color: #4b5563 !important;\r\n}\r\n\r\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {\r\n  background: #005a921a !important;\r\n}\r\n";
+var css_248z$2 = ".styles-module__inputContainer___RtwTT {\r\n  width: 100%;\r\n  color: var(--color-input);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___RtwTT input {\r\n  border-top-left-radius: 8px;\r\n  border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__labelRequired___28CTx::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__labelInput___uFjhd {\r\n  color: var(--color-label);\r\n  line-height: 24px;\r\n  font-size: 16px;\r\n  bottom: 5px;\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__restrictionMessage___uLp6K {\r\n  color: var(--alert-color);\r\n  font-size: var(--font-size-12, 12px);\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  margin-left: 8px;\r\n  font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n.p-treeselect {\r\n  min-height: 48px !important;\r\n}\r\n\r\n.p-treeselect .p-treeselect-label {\r\n  line-height: normal !important;\r\n}\r\n\r\n.p-disabled {\r\n  background-color: #eeeeee !important;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.p-focus {\r\n  color: var(--color-gray-medium);\r\n  outline: none;\r\n  border: 1px solid var(--color-primary);\r\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.p-placeholder {\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n\r\n.p-tree-toggler {\r\n  margin-right: 0 !important;\r\n  color: inherit !important;\r\n}\r\n\r\n.p-treenode:focus {\r\n  box-shadow: inset 0 0 0 0 !important;\r\n}\r\n\r\n.p-inputtext:enabled:focus,\r\n.p-treenode-selectable,\r\n.p-treenode-content {\r\n  box-shadow: 0 0 0 0 !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box {\r\n  border-color: var(--checkbox-border-color) !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box.p-highlight,\r\n.p-checkbox.p-indeterminate .p-checkbox-box,\r\n.p-checkbox.p-highlight .p-checkbox-box,\r\n.p-checkbox[data-p-checked=\"true\"] .p-checkbox-box {\r\n  border-color: var(--checkbox-checked-bg-color) !important;\r\n  background: var(--checkbox-checked-bg-color) !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,\r\n.p-checkbox.p-indeterminate .p-checkbox-box .p-checkbox-icon,\r\n.p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box.p-highlight .p-icon.p-checkbox-icon,\r\n.p-checkbox.p-indeterminate .p-checkbox-box .p-icon.p-checkbox-icon,\r\n.p-checkbox.p-highlight .p-checkbox-box .p-icon.p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-checkbox .p-checkbox-box[data-p-highlight=\"true\"] .p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-checkbox[data-p-checked=\"true\"] .p-checkbox-box .p-checkbox-icon {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight,\r\n.p-tree\r\n    .p-tree-container\r\n    .p-treenode\r\n    .p-treenode-content.p-highlight\r\n    .p-treenode-icon {\r\n  color: #4b5563 !important;\r\n}\r\n\r\n.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {\r\n  background: #005a921a !important;\r\n}\r\n";
 var styles$1 = {"inputContainer":"styles-module__inputContainer___RtwTT","labelRequired":"styles-module__labelRequired___28CTx","labelInput":"styles-module__labelInput___uFjhd","restrictionMessage":"styles-module__restrictionMessage___uLp6K"};
 styleInject(css_248z$2);