@credithub/harlan-components 1.110.0 → 1.111.0

package/dist/assets/btn/btnWrapper.js

@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import styled from 'styled-components';
-var BtnWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n"], ["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n"])), function (_a) {
+var BtnWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  body.print-mode & {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n"], ["\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  @media print {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  body.print-mode & {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.cinza85;
 });

package/dist/components/common/button.d.ts

@@ -3,6 +3,7 @@ import React, { ReactNode } from 'react';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     smallContent?: ReactNode;
     isLoading?: boolean;
+    showInPrint?: boolean;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/common/button.js

@@ -24,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { usePrintMode } from '../../contexts/printModeContext';
 import classNames from 'classnames';
 import { SpinnerGap } from 'phosphor-react';
 import React from 'react';
@@ -68,7 +69,11 @@ var SmallContent = styled.small(templateObject_5 || (templateObject_5 = __makeTe
     return theme.colors.alerta;
 });
 var Button = function (_a) {
-    var children = _a.children, className = _a.className, smallContent = _a.smallContent, isLoading = _a.isLoading, props = __rest(_a, ["children", "className", "smallContent", "isLoading"]);
+    var children = _a.children, className = _a.className, smallContent = _a.smallContent, isLoading = _a.isLoading, _b = _a.showInPrint, showInPrint = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "smallContent", "isLoading", "showInPrint"]);
+    var printMode = usePrintMode().printMode;
+    if (printMode && !showInPrint) {
+        return null;
+    }
     var buttonClassName = classNames(className);
     return (React.createElement(StyledButton, __assign({ className: buttonClassName, isLoading: isLoading }, props),
         isLoading ? (React.createElement(React.Fragment, null,

package/dist/contexts/printModeContext.js

@@ -1,9 +1,19 @@
-import React, { createContext, useContext } from 'react';
+import React, { createContext, useContext, useEffect } from 'react';
 var PrintModeContext = createContext({
     printMode: false
 });
 export var usePrintMode = function () { return useContext(PrintModeContext); };
 export var PrintModeProvider = function (_a) {
     var children = _a.children, printMode = _a.printMode;
+    useEffect(function () {
+        if (typeof document === 'undefined')
+            return;
+        document.body.classList.toggle('print-mode', printMode);
+        document.body.dataset.printMode = String(printMode);
+        return function () {
+            document.body.classList.remove('print-mode');
+            delete document.body.dataset.printMode;
+        };
+    }, [printMode]);
     return (React.createElement(PrintModeContext.Provider, { value: { printMode: printMode } }, children));
 };

package/dist/styles/globalStyle.js

@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 // src/styles/globalStyle.tsx
 import React from 'react';
 import { createGlobalStyle } from 'styled-components';
-var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Reset + fonte padr\u00E3o para toda a aplica\u00E7\u00E3o (inclui modais e portais) */\n  *, *::before, *::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Open Sans Condensed', sans-serif;\n  }\n\n  body {\n    -webkit-font-smoothing: antialiased;\n  }\n\n  /* Oculta bot\u00F5es e tooltips na impress\u00E3o */\n  @media print {\n    button,\n    [role=\"button\"],\n    [class*=\"Button\"],\n    [class^=\"Button\"],\n    [class*=\"btn\"],\n    [class^=\"btn\"],\n    .button,\n    .btn,\n    [class*=\"tooltip\"],\n    [class*=\"Tooltip\"],\n    [data-tooltip] {\n      display: none !important;\n      visibility: hidden !important;\n    }\n  }\n\n  /* Anima\u00E7\u00F5es utilit\u00E1rias */\n  @keyframes highlight {\n    from {\n      background-color: rgba(255, 215, 0, 0.35);\n    }\n    to {\n      background-color: transparent;\n    }\n  }\n\n  .highlighted-process {\n    animation: highlight 3s ease-out forwards !important;\n  }\n\n  @keyframes blueHighlight {\n    from {\n      background-color: rgba(0, 122, 255, 0.35);\n    }\n    to {\n      background-color: rgba(0, 122, 255, 0.15);\n    }\n  }\n\n  .blue-highlighted-process {\n    animation: blueHighlight 2.5s ease-in-out;\n    background-color: rgba(0, 122, 255, 0.15);\n    transition: background-color 0.3s ease-in-out;\n  }\n"], ["\n  /* Reset + fonte padr\u00E3o para toda a aplica\u00E7\u00E3o (inclui modais e portais) */\n  *, *::before, *::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Open Sans Condensed', sans-serif;\n  }\n\n  body {\n    -webkit-font-smoothing: antialiased;\n  }\n\n  /* Oculta bot\u00F5es e tooltips na impress\u00E3o */\n  @media print {\n    button,\n    [role=\"button\"],\n    [class*=\"Button\"],\n    [class^=\"Button\"],\n    [class*=\"btn\"],\n    [class^=\"btn\"],\n    .button,\n    .btn,\n    [class*=\"tooltip\"],\n    [class*=\"Tooltip\"],\n    [data-tooltip] {\n      display: none !important;\n      visibility: hidden !important;\n    }\n  }\n\n  /* Anima\u00E7\u00F5es utilit\u00E1rias */\n  @keyframes highlight {\n    from {\n      background-color: rgba(255, 215, 0, 0.35);\n    }\n    to {\n      background-color: transparent;\n    }\n  }\n\n  .highlighted-process {\n    animation: highlight 3s ease-out forwards !important;\n  }\n\n  @keyframes blueHighlight {\n    from {\n      background-color: rgba(0, 122, 255, 0.35);\n    }\n    to {\n      background-color: rgba(0, 122, 255, 0.15);\n    }\n  }\n\n  .blue-highlighted-process {\n    animation: blueHighlight 2.5s ease-in-out;\n    background-color: rgba(0, 122, 255, 0.15);\n    transition: background-color 0.3s ease-in-out;\n  }\n"])));
+var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Reset + fonte padr\u00E3o para toda a aplica\u00E7\u00E3o (inclui modais e portais) */\n  *, *::before, *::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Open Sans Condensed', sans-serif;\n  }\n\n  body {\n    -webkit-font-smoothing: antialiased;\n  }\n\n  /* Oculta bot\u00F5es e tooltips na impress\u00E3o */\n  @media print {\n    button,\n    [role=\"button\"],\n    [class*=\"Button\"],\n    [class^=\"Button\"],\n    [class*=\"btn\"],\n    [class^=\"btn\"],\n    .button,\n    .btn,\n    [class*=\"tooltip\"],\n    [class*=\"Tooltip\"],\n    [data-tooltip] {\n      display: none !important;\n      visibility: hidden !important;\n    }\n  }\n\n  body.print-mode,\n  body[data-print-mode='true'] {\n    button,\n    [role=\"button\"],\n    [class*=\"Button\"],\n    [class^=\"Button\"],\n    [class*=\"btn\"],\n    [class^=\"btn\"],\n    .button,\n    .btn,\n    [class*=\"tooltip\"],\n    [class*=\"Tooltip\"],\n    [data-tooltip] {\n      display: none !important;\n      visibility: hidden !important;\n    }\n  }\n\n  /* Anima\u00E7\u00F5es utilit\u00E1rias */\n  @keyframes highlight {\n    from {\n      background-color: rgba(255, 215, 0, 0.35);\n    }\n    to {\n      background-color: transparent;\n    }\n  }\n\n  .highlighted-process {\n    animation: highlight 3s ease-out forwards !important;\n  }\n\n  @keyframes blueHighlight {\n    from {\n      background-color: rgba(0, 122, 255, 0.35);\n    }\n    to {\n      background-color: rgba(0, 122, 255, 0.15);\n    }\n  }\n\n  .blue-highlighted-process {\n    animation: blueHighlight 2.5s ease-in-out;\n    background-color: rgba(0, 122, 255, 0.15);\n    transition: background-color 0.3s ease-in-out;\n  }\n"], ["\n  /* Reset + fonte padr\u00E3o para toda a aplica\u00E7\u00E3o (inclui modais e portais) */\n  *, *::before, *::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Open Sans Condensed', sans-serif;\n  }\n\n  body {\n    -webkit-font-smoothing: antialiased;\n  }\n\n  /* Oculta bot\u00F5es e tooltips na impress\u00E3o */\n  @media print {\n    button,\n    [role=\"button\"],\n    [class*=\"Button\"],\n    [class^=\"Button\"],\n    [class*=\"btn\"],\n    [class^=\"btn\"],\n    .button,\n    .btn,\n    [class*=\"tooltip\"],\n    [class*=\"Tooltip\"],\n    [data-tooltip] {\n      display: none !important;\n      visibility: hidden !important;\n    }\n  }\n\n  body.print-mode,\n  body[data-print-mode='true'] {\n    button,\n    [role=\"button\"],\n    [class*=\"Button\"],\n    [class^=\"Button\"],\n    [class*=\"btn\"],\n    [class^=\"btn\"],\n    .button,\n    .btn,\n    [class*=\"tooltip\"],\n    [class*=\"Tooltip\"],\n    [data-tooltip] {\n      display: none !important;\n      visibility: hidden !important;\n    }\n  }\n\n  /* Anima\u00E7\u00F5es utilit\u00E1rias */\n  @keyframes highlight {\n    from {\n      background-color: rgba(255, 215, 0, 0.35);\n    }\n    to {\n      background-color: transparent;\n    }\n  }\n\n  .highlighted-process {\n    animation: highlight 3s ease-out forwards !important;\n  }\n\n  @keyframes blueHighlight {\n    from {\n      background-color: rgba(0, 122, 255, 0.35);\n    }\n    to {\n      background-color: rgba(0, 122, 255, 0.15);\n    }\n  }\n\n  .blue-highlighted-process {\n    animation: blueHighlight 2.5s ease-in-out;\n    background-color: rgba(0, 122, 255, 0.15);\n    transition: background-color 0.3s ease-in-out;\n  }\n"])));
 // Componente que aplica os estilos globais da aplicação.
 // A fonte "Open Sans Condensed" já é carregada via index.html.
 var GlobalStyleProvider = function () { return (React.createElement(React.Fragment, null,