@credithub/harlan-components 1.10.0 → 1.11.0

package/lib/cjs/components/adresses/addresses.js

@@ -36,7 +36,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
 var result_1 = require("../interface/result");
 var addItem_1 = __importDefault(require("../common/addItem"));
 var webservice_1 = require("../webservice");
@@ -72,7 +71,7 @@ var Addresses = function (_a) {
                 react_1.default.createElement(addItem_1.default, { name: "Bairro", value: address.district, style: { display: "inline-block" } }),
                 react_1.default.createElement(addItem_1.default, { name: "Cidade", value: address.city, style: { display: "inline-block" } }),
                 react_1.default.createElement(addItem_1.default, { name: "Estado", value: address.state, style: { display: "inline-block" } }),
-                react_1.default.createElement("div", { hidden: true, className: (0, classnames_1.default)("field map") },
+                react_1.default.createElement("div", { hidden: true },
                     react_1.default.createElement("a", { href: '', hidden: true },
                         react_1.default.createElement(LazyMap, { address: address.address, apiKey: apiKey }))))); }))));
     };

package/lib/cjs/components/chart/quantityResult.js

@@ -9,7 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-extra-boolean-cast */
 var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
 var addItem_1 = __importDefault(require("../common/addItem"));
 var number_1 = require("../../utils/number");
 var result_1 = require("../interface/result");
@@ -17,7 +16,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var theme_1 = __importDefault(require("../interface/theme"));
 var QuantityContainer = function (_a) {
     var children = _a.children;
-    return react_1.default.createElement("div", { className: (0, classnames_1.default)('container', 'field-container') }, children);
+    return react_1.default.createElement("div", null, children);
 };
 var QuantidadeResultadosWrapper = (0, styled_components_1.default)(result_1.ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"], ["\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"])), theme_1.default.colors.cinzaClaro);
 var QuantidadeResultados = function (_a) {

package/lib/cjs/components/common/addItem.js

@@ -37,9 +37,9 @@ var FieldName = styled_components_1.default.div(templateObject_1 || (templateObj
 var FieldValue = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n/* Headline 16 */\nfont-family: 'Open Sans';\nfont-style: normal;\nfont-weight: 700;\nfont-size: 16px;\nline-height: 36px;\n/* or 225% */\n\n/* Cinza Escuro */\ncolor: ", ";\n\n"], ["\n/* Headline 16 */\nfont-family: 'Open Sans';\nfont-style: normal;\nfont-weight: 700;\nfont-size: 16px;\nline-height: 36px;\n/* or 225% */\n\n/* Cinza Escuro */\ncolor: ", ";\n\n"])), theme_1.default.colors.cinzaEscuro);
 function AddItemField(_a) {
     var name = _a.name, value = _a.value, children = _a.children, className = _a.className, valueClassName = _a.valueClassName, nameClassName = _a.nameClassName, styleName = _a.styleName, _b = _a.defaultValue, defaultValue = _b === void 0 ? '----' : _b, props = __rest(_a, ["name", "value", "children", "className", "valueClassName", "nameClassName", "styleName", "defaultValue"]);
-    var fieldClassName = (0, classnames_1.default)("field", className);
-    var valueClass = (0, classnames_1.default)("value", valueClassName);
-    var nameClass = (0, classnames_1.default)("name", nameClassName);
+    var fieldClassName = (0, classnames_1.default)(className);
+    var valueClass = (0, classnames_1.default)(valueClassName);
+    var nameClass = (0, classnames_1.default)(nameClassName);
     return (react_1.default.createElement("div", __assign({}, props, { className: fieldClassName }),
         react_1.default.createElement(FieldName, { className: nameClass, style: styleName }, name),
         react_1.default.createElement(FieldValue, { className: valueClass }, value || defaultValue),

package/lib/cjs/components/common/button.js

@@ -37,7 +37,7 @@ var StyledButton = styled_components_1.default.button(templateObject_1 || (templ
 var SmallContent = styled_components_1.default.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"])));
 var Button = function (_a) {
     var children = _a.children, className = _a.className, smallContent = _a.smallContent, props = __rest(_a, ["children", "className", "smallContent"]);
-    var buttonClassName = (0, classnames_1.default)("button", "product-button", className);
+    var buttonClassName = (0, classnames_1.default)(className);
     return (react_1.default.createElement(StyledButton, __assign({ className: buttonClassName }, props),
         react_1.default.createElement("span", null, children),
         smallContent && react_1.default.createElement(SmallContent, null, smallContent)));

package/lib/cjs/components/dossie/transactionTable/transactionTable.js

@@ -9,7 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TransactionsTable = void 0;
 var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
 var addItem_1 = __importDefault(require("../../common/addItem"));
 var xpath_1 = __importDefault(require("../../../utils/xpath"));
 var styled_components_1 = __importDefault(require("styled-components"));
@@ -36,7 +35,7 @@ var TransactionsTable = function (_a) {
             var _a;
             return (react_1.default.createElement(TransactionContent, { key: index },
                 react_1.default.createElement(UserField, null,
-                    react_1.default.createElement(addItem_1.default, { name: "Usu\u00E1rio", value: xpath_1.default.select("string(./usuario)", event), className: (0, classnames_1.default)("mdl-cell", "mdl-cell--6-col"), style: { display: "inline-block", padding: "2px 0px" } })),
+                    react_1.default.createElement(addItem_1.default, { name: "Usu\u00E1rio", value: xpath_1.default.select("string(./usuario)", event), style: { display: "inline-block", padding: "2px 0px" } })),
                 react_1.default.createElement(DateField, null,
                     react_1.default.createElement(addItem_1.default, { name: "Data", value: (_a = new Date(xpath_1.default.select("string(./ultimaConsulta)", event))) === null || _a === void 0 ? void 0 : _a.toLocaleDateString(), style: { display: "inline-block" } }))));
         })));

package/lib/cjs/components/interface/section.js

@@ -42,8 +42,8 @@ var ResultContainer = styled_components_1.default.div(templateObject_1 || (templ
 var Section = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, description = _a.description, _b = _a.minimized, minimized = _b === void 0 ? false : _b, onClose = _a.onClose, variant = _a.variant, loadingProps = _a.loadingProps, icon = _a.icon, actions = _a.actions, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, props = __rest(_a, ["title", "subtitle", "description", "minimized", "onClose", "variant", "loadingProps", "icon", "actions", "children", "className", "contentClassName"]);
     var _c = (0, useToggle_1.default)(!minimized), isOpen = _c[0], toggleOpen = _c[1];
-    var sectionClass = (0, classnames_1.default)("group-type", className);
-    var sectionContentClass = (0, classnames_1.default)("results", contentClassName);
+    var sectionClass = (0, classnames_1.default)(className);
+    var sectionContentClass = (0, classnames_1.default)(contentClassName);
     return (react_1.default.createElement("section", __assign({ className: sectionClass }, props),
         react_1.default.createElement(header_1.default, { title: title, subtitle: subtitle, description: description, loadingProps: loadingProps, icon: icon, variant: variant, actions: react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(btnWrapper_1.default, { hidden: variant === 'loading', onClick: toggleOpen }, isOpen ? react_1.default.createElement(chevronUp_1.default, null) : react_1.default.createElement(chevronDown_1.default, null)),

package/lib/cjs/consultaSimples.d.ts

@@ -5,6 +5,7 @@ type ConsultaSimplesProps = {
     apiKey: string;
     onClose: () => void;
     hasCredits?: HasCreditsType;
+    onClickConsultarProcessoJuridico: (processoId: string) => void;
 };
 declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
 export default ConsultaSimples;

package/lib/cjs/consultaSimples.js

@@ -60,7 +60,7 @@ var statusMessage_1 = __importDefault(require("./components/interface/statusMess
 var consultaRfb_1 = require("./components/consultaRfb");
 var resultado_da_pesquisa_1 = __importDefault(require("./components/resultadoDaPesquisa/resultado-da-pesquisa"));
 var ConsultaSimples = function (_a) {
-    var _documento = _a.documento, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
+    var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
     var documento = _documento.replace(/\D+/, "");
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(globalStyle_1.default, null),
@@ -88,7 +88,7 @@ var ConsultaSimples = function (_a) {
                                         react_1.default.createElement(_1.Veiculos, { documento: documento })),
                                     react_1.default.createElement(_1.Protestos, null),
                                     react_1.default.createElement(_1.CCF, null),
-                                    react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log }))))))))));
+                                    react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico }))))))))));
 };
 var ConsultaSimplesSection = function (_a) {
     var children = _a.children, onClose = _a.onClose, rest = __rest(_a, ["children", "onClose"]);

package/lib/esm/components/adresses/addresses.js

@@ -8,7 +8,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { useContext } from "react";
-import cn from "classnames";
 import { Result, ResultContent } from "../interface/result";
 import AddItemField from "../common/addItem";
 import { Queries } from "../webservice";
@@ -44,7 +43,7 @@ var Addresses = function (_a) {
                 React.createElement(AddItemField, { name: "Bairro", value: address.district, style: { display: "inline-block" } }),
                 React.createElement(AddItemField, { name: "Cidade", value: address.city, style: { display: "inline-block" } }),
                 React.createElement(AddItemField, { name: "Estado", value: address.state, style: { display: "inline-block" } }),
-                React.createElement("div", { hidden: true, className: cn("field map") },
+                React.createElement("div", { hidden: true },
                     React.createElement("a", { href: '', hidden: true },
                         React.createElement(LazyMap, { address: address.address, apiKey: apiKey }))))); }))));
     };

package/lib/esm/components/chart/quantityResult.js

@@ -4,7 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 /* eslint-disable no-extra-boolean-cast */
 import React from "react";
-import cn from "classnames";
 import AddItemField from "../common/addItem";
 import { formatMoney, formatValue } from "../../utils/number";
 import { ResultContent } from "../interface/result";
@@ -12,7 +11,7 @@ import styled from "styled-components";
 import theme from "../interface/theme";
 var QuantityContainer = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: cn('container', 'field-container') }, children);
+    return React.createElement("div", null, children);
 };
 var QuantidadeResultadosWrapper = styled(ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"], ["\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"])), theme.colors.cinzaClaro);
 var QuantidadeResultados = function (_a) {

package/lib/esm/components/common/addItem.js

@@ -32,9 +32,9 @@ var FieldName = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
 var FieldValue = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n/* Headline 16 */\nfont-family: 'Open Sans';\nfont-style: normal;\nfont-weight: 700;\nfont-size: 16px;\nline-height: 36px;\n/* or 225% */\n\n/* Cinza Escuro */\ncolor: ", ";\n\n"], ["\n/* Headline 16 */\nfont-family: 'Open Sans';\nfont-style: normal;\nfont-weight: 700;\nfont-size: 16px;\nline-height: 36px;\n/* or 225% */\n\n/* Cinza Escuro */\ncolor: ", ";\n\n"])), theme.colors.cinzaEscuro);
 function AddItemField(_a) {
     var name = _a.name, value = _a.value, children = _a.children, className = _a.className, valueClassName = _a.valueClassName, nameClassName = _a.nameClassName, styleName = _a.styleName, _b = _a.defaultValue, defaultValue = _b === void 0 ? '----' : _b, props = __rest(_a, ["name", "value", "children", "className", "valueClassName", "nameClassName", "styleName", "defaultValue"]);
-    var fieldClassName = cn("field", className);
-    var valueClass = cn("value", valueClassName);
-    var nameClass = cn("name", nameClassName);
+    var fieldClassName = cn(className);
+    var valueClass = cn(valueClassName);
+    var nameClass = cn(nameClassName);
     return (React.createElement("div", __assign({}, props, { className: fieldClassName }),
         React.createElement(FieldName, { className: nameClass, style: styleName }, name),
         React.createElement(FieldValue, { className: valueClass }, value || defaultValue),

package/lib/esm/components/common/button.js

@@ -32,7 +32,7 @@ var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeT
 var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"])));
 var Button = function (_a) {
     var children = _a.children, className = _a.className, smallContent = _a.smallContent, props = __rest(_a, ["children", "className", "smallContent"]);
-    var buttonClassName = classNames("button", "product-button", className);
+    var buttonClassName = classNames(className);
     return (React.createElement(StyledButton, __assign({ className: buttonClassName }, props),
         React.createElement("span", null, children),
         smallContent && React.createElement(SmallContent, null, smallContent)));

package/lib/esm/components/dossie/transactionTable/transactionTable.js

@@ -3,7 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import React from "react";
-import cn from "classnames";
 import AddItemField from "../../common/addItem";
 import XPathUtils from "../../../utils/xpath";
 import styled from "styled-components";
@@ -30,7 +29,7 @@ export var TransactionsTable = function (_a) {
             var _a;
             return (React.createElement(TransactionContent, { key: index },
                 React.createElement(UserField, null,
-                    React.createElement(AddItemField, { name: "Usu\u00E1rio", value: XPathUtils.select("string(./usuario)", event), className: cn("mdl-cell", "mdl-cell--6-col"), style: { display: "inline-block", padding: "2px 0px" } })),
+                    React.createElement(AddItemField, { name: "Usu\u00E1rio", value: XPathUtils.select("string(./usuario)", event), style: { display: "inline-block", padding: "2px 0px" } })),
                 React.createElement(DateField, null,
                     React.createElement(AddItemField, { name: "Data", value: (_a = new Date(XPathUtils.select("string(./ultimaConsulta)", event))) === null || _a === void 0 ? void 0 : _a.toLocaleDateString(), style: { display: "inline-block" } }))));
         })));

package/lib/esm/components/interface/section.js

@@ -37,8 +37,8 @@ var ResultContainer = styled.div(templateObject_1 || (templateObject_1 = __makeT
 var Section = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, description = _a.description, _b = _a.minimized, minimized = _b === void 0 ? false : _b, onClose = _a.onClose, variant = _a.variant, loadingProps = _a.loadingProps, icon = _a.icon, actions = _a.actions, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, props = __rest(_a, ["title", "subtitle", "description", "minimized", "onClose", "variant", "loadingProps", "icon", "actions", "children", "className", "contentClassName"]);
     var _c = useToggle(!minimized), isOpen = _c[0], toggleOpen = _c[1];
-    var sectionClass = classNames("group-type", className);
-    var sectionContentClass = classNames("results", contentClassName);
+    var sectionClass = classNames(className);
+    var sectionContentClass = classNames(contentClassName);
     return (React.createElement("section", __assign({ className: sectionClass }, props),
         React.createElement(Header, { title: title, subtitle: subtitle, description: description, loadingProps: loadingProps, icon: icon, variant: variant, actions: React.createElement(React.Fragment, null,
                 React.createElement(BtnWrapper, { hidden: variant === 'loading', onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)),

package/lib/esm/consultaSimples.d.ts

@@ -5,6 +5,7 @@ type ConsultaSimplesProps = {
     apiKey: string;
     onClose: () => void;
     hasCredits?: HasCreditsType;
+    onClickConsultarProcessoJuridico: (processoId: string) => void;
 };
 declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
 export default ConsultaSimples;

package/lib/esm/consultaSimples.js

@@ -32,7 +32,7 @@ import StatusMessage from "./components/interface/statusMessage";
 import { ConsultaRfbProvider } from "./components/consultaRfb";
 import ResultadoDaPesquisa from "./components/resultadoDaPesquisa/resultado-da-pesquisa";
 var ConsultaSimples = function (_a) {
-    var _documento = _a.documento, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
+    var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
     var documento = _documento.replace(/\D+/, "");
     return (React.createElement(React.Fragment, null,
         React.createElement(GlobalStyle, null),
@@ -60,7 +60,7 @@ var ConsultaSimples = function (_a) {
                                         React.createElement(Veiculos, { documento: documento })),
                                     React.createElement(Protestos, null),
                                     React.createElement(CCF, null),
-                                    React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log }))))))))));
+                                    React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico }))))))))));
 };
 var ConsultaSimplesSection = function (_a) {
     var children = _a.children, onClose = _a.onClose, rest = __rest(_a, ["children", "onClose"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@credithub/harlan-components",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Provide a set of web components to be used in Harlan and other projects",
   "keywords": [
     "harlan",

package/lib/cjs/components/common/headerAction.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface HeaderActionProps {
-    iconClass: string;
-    onClick: () => void;
-    className?: string;
-    iconClassName?: string;
-}
-declare const HeaderAction: React.FC<HeaderActionProps>;
-export default HeaderAction;

package/lib/cjs/components/common/headerAction.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var HeaderAction = function (_a) {
-    var iconClass = _a.iconClass, onClick = _a.onClick, className = _a.className, iconClassName = _a.iconClassName;
-    var actionClass = (0, classnames_1.default)("header-action", className);
-    var iconClassNames = (0, classnames_1.default)("fa fa-".concat(iconClass), iconClassName);
-    return (react_1.default.createElement("li", { className: actionClass, onClick: onClick, "aria-hidden": "true" },
-        react_1.default.createElement("i", { className: iconClassNames })));
-};
-exports.default = HeaderAction;

package/lib/esm/components/common/headerAction.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface HeaderActionProps {
-    iconClass: string;
-    onClick: () => void;
-    className?: string;
-    iconClassName?: string;
-}
-declare const HeaderAction: React.FC<HeaderActionProps>;
-export default HeaderAction;

package/lib/esm/components/common/headerAction.js

@@ -1,10 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-var HeaderAction = function (_a) {
-    var iconClass = _a.iconClass, onClick = _a.onClick, className = _a.className, iconClassName = _a.iconClassName;
-    var actionClass = classNames("header-action", className);
-    var iconClassNames = classNames("fa fa-".concat(iconClass), iconClassName);
-    return (React.createElement("li", { className: actionClass, onClick: onClick, "aria-hidden": "true" },
-        React.createElement("i", { className: iconClassNames })));
-};
-export default HeaderAction;