@credithub/harlan-components 1.23.2 → 1.24.0

package/dist/components/webservice.d.ts

@@ -1,8 +1,8 @@
 import { Client } from '@credithub/webservice';
-import React, { PropsWithChildren, FC } from 'react';
+import React, { FC, PropsWithChildren } from 'react';
 import Header from './interface/header';
-import { ProcessoJuridicoResponse } from './processos-juridicos/types';
 import { LiminarResponse } from './liminar/types';
+import { ProcessoJuridicoResponse } from './processos-juridicos/types';
 export declare const WebService: React.Context<Client.WebService>;
 export declare const WebServiceProvider: FC<PropsWithChildren<{
     credential: string;
@@ -21,6 +21,7 @@ export type RequestContext<T> = {
     data?: Client.Form;
     urlData?: Client.Form;
     Section: ISection<T>;
+    refetch: () => void;
 } & ({
     type: RequestStatus.Empty;
 } | {

package/dist/components/webservice.js

@@ -28,17 +28,18 @@ var _a;
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/rules-of-hooks */
-import { Client } from '@credithub/webservice';
-import React, { createContext, useState, useContext, useEffect, useMemo, useCallback } from 'react';
-import Header from './interface/header';
-import cn from 'classnames';
-import StatusMessage from './interface/statusMessage';
 import BtnWrapper from '../assets/btn/btnWrapper';
-import useToggle from '../hooks/useToggle';
-import ChevronUp from '../assets/btn/chevronUp';
 import ChevronDown from '../assets/btn/chevronDown';
+import ChevronUp from '../assets/btn/chevronUp';
+import useToggle from '../hooks/useToggle';
+import { Client } from '@credithub/webservice';
+import cn from 'classnames';
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import styled from 'styled-components';
+import Button from './common/button';
 import { PrintSectionWrapper } from './common/printSectionWrapper';
+import Header from './interface/header';
+import StatusMessage from './interface/statusMessage';
 export var WebService = createContext(new Client.WebService());
 export var WebServiceProvider = function (_a) {
     var credential = _a.credential, children = _a.children;
@@ -58,7 +59,9 @@ function CustomProvider(Provider, query) {
         var abortController = useMemo(function () { return new AbortController(); }, []);
         var _b = useState(null), response = _b[0], setResponse = _b[1];
         var _c = useState(null), error = _c[0], setError = _c[1];
-        useEffect(function () {
+        var fetchData = useCallback(function () {
+            setError(null);
+            setResponse(null);
             client
                 .request(query, data, urlData, abortController.signal)
                 .then(function (response) {
@@ -73,8 +76,11 @@ function CustomProvider(Provider, query) {
                     ? requestError
                     : new Error(requestError));
             });
+        }, [client, query, data, urlData, abortController.signal]);
+        useEffect(function () {
+            fetchData();
             return function () { return abortController.abort(); };
-        }, []);
+        }, [fetchData]);
         var value = {
             type: error
                 ? RequestStatus.Error
@@ -88,8 +94,9 @@ function CustomProvider(Provider, query) {
             document: response === null || response === void 0 ? void 0 : response.document,
             Section: function (_a) {
                 var props = __rest(_a, []);
-                return React.createElement(Section, __assign({}, props, { ctx: value }));
-            }
+                return (React.createElement(Section, __assign({}, props, { ctx: value })));
+            },
+            refetch: fetchData
         };
         return React.createElement(Provider.Provider, { value: value }, children);
     };
@@ -167,7 +174,8 @@ export function query(query) {
         Section: function (_a) {
             var props = __rest(_a, []);
             return React.createElement(Section, __assign({}, props));
-        }
+        },
+        refetch: function () { }
     });
     return Object.assign(RequestContext, {
         Request: CustomProvider(RequestContext, query)
@@ -184,9 +192,12 @@ export var Queries = {
     GraficosAnaliticos: query("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'")
 };
 var Section = function (_a) {
-    var onSuccess = _a.onSuccess, _b = _a.isError, isError = _b === void 0 ? function (err) { return ({
+    var onSuccess = _a.onSuccess, _b = _a.isError, isError = _b === void 0 ? function (err, ctx) { return ({
         children: React.createElement(React.Fragment, null),
-        description: React.createElement(StatusMessage, { type: "warning" }, err.message)
+        description: (React.createElement(React.Fragment, null,
+            React.createElement(StatusMessage, { type: "warning" }, err.message))),
+        actions: (React.createElement(React.Fragment, null,
+            React.createElement(Button, { onClick: function () { return ctx.refetch(); } }, "Tentar Novamente")))
     }); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, children = _a.children, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, _e = _a.minimized, minimized = _e === void 0 ? true : _e, headerProps = __rest(_a, ["onSuccess", "isError", "onLoading", "ctx", "children", "className", "hideHeader", "minimized"]);
     var _f = useToggle(!minimized), isOpen = _f[0], toggleOpen = _f[1];
     if (!ctx)
@@ -195,15 +206,15 @@ var Section = function (_a) {
     var renderResponse = useCallback(function () {
         switch (type) {
             case RequestStatus.Success:
-                return onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(ctx === null || ctx === void 0 ? void 0 : ctx.document, ctx);
+                return onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(ctx.document, ctx);
             case RequestStatus.Error:
-                return isError === null || isError === void 0 ? void 0 : isError(ctx === null || ctx === void 0 ? void 0 : ctx.error, ctx);
+                return isError(ctx.error, ctx);
             case RequestStatus.Loading:
-                return onLoading === null || onLoading === void 0 ? void 0 : onLoading(ctx);
+                return onLoading(ctx);
             default:
-                return children;
+                return null;
         }
-    }, [type]);
+    }, [type, onSuccess, isError, onLoading, null, ctx]);
     var renderedResponse = renderResponse();
     var defaultHeaderActions = useMemo(function () { return (React.createElement(BtnWrapper, { hidden: type === RequestStatus.Loading, onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null))); }, [type, isOpen, toggleOpen]);
     var renderHeader = function (props) { return (React.createElement(Header, __assign({ printBar: renderedResponse !== null && isOpen }, props, { className: cn(className, headerStatus[type], props.className), variant: type === RequestStatus.Loading ? 'loading' : props.variant, actions: React.createElement(React.Fragment, null,
@@ -220,7 +231,7 @@ var Section = function (_a) {
         !hideHeader && renderHeader(headerPropsUnified),
         React.createElement(ShowRenderedChildren, { isOpen: isOpen }, renderedChildren)));
 };
-var ShowRenderedChildren = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n\n  /* @media print {\n    display: block;\n  } */\n"], ["\n  display: ", ";\n\n  /* @media print {\n    display: block;\n  } */\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
+var ShowRenderedChildren = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
 export var headerStatus = (_a = {},
     _a[RequestStatus.Loading] = 'external-source loading',
     _a[RequestStatus.Success] = 'success',