@credithub/harlan-components 1.47.0 → 1.48.0

package/dist/components/common/modalMaintenance.js

@@ -21,12 +21,15 @@ var Title = styled.h2(templateObject_4 || (templateObject_4 = __makeTemplateObje
     var theme = _a.theme;
     return theme.colors.azulCredithub;
 });
-var CloseButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: none;\n  border: none;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: none;\n  border: none;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
+var CloseButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  font-weight: bold;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  font-weight: bold;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.cinzaEscuro;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.colors.azulApoio;
+    return theme.colors.cinzaBase;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
 });
 var Message = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  line-height: 1.6;\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: 24px;\n"], ["\n  ", ";\n  color: ", ";\n  line-height: 1.6;\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: 24px;\n"])), function (_a) {
     var theme = _a.theme;

package/dist/components/processos-juridicos/processosJuridicosList.js

@@ -30,6 +30,7 @@ import AddItem from '../common/addItem';
 import Button from '../common/button';
 import { Result, ResultContent } from '../interface/result';
 import EnvolvidosList from './envolvidosList';
+import { sortProcessosByDate } from '../../utils/sortProcessosByDate';
 var AddProcessoJuridicoField = function (_a) {
     var value = _a.value, props = __rest(_a, ["value"]);
     return (React.createElement(AddItem, __assign({}, props, { value: value || 'Não Informado' })));
@@ -56,7 +57,8 @@ var ResultList = styled(Result)(templateObject_4 || (templateObject_4 = __makeTe
 });
 var ProcessosJuridicosList = function (_a) {
     var processos = _a.processos, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
-    return (React.createElement(ResultList, { resultContentStriped: false }, processos.map(function (processo, i) { return (React.createElement("div", { key: i },
+    var sortedProcessos = sortProcessosByDate(processos);
+    return (React.createElement(ResultList, { resultContentStriped: false }, sortedProcessos.map(function (processo, i) { return (React.createElement("div", { key: i },
         React.createElement(ProcessoJuridicoItem, { processo: processo },
             React.createElement(ConsultarProcessoBtn, { onClick: onClickConsultarProcessoJuridico
                     ? function () { return onClickConsultarProcessoJuridico(processo.id); }

package/dist/utils/sortProcessosByDate.d.ts

@@ -0,0 +1,4 @@
+export declare const extractDateFromCNJ: (cnj: string) => Date | null;
+export declare const sortProcessosByDate: <T extends {
+    numero_novo: string;
+}>(processos: T[]) => T[];

package/dist/utils/sortProcessosByDate.js

@@ -0,0 +1,33 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export var extractDateFromCNJ = function (cnj) {
+    var dateRegex = /\b(\d{4})\.(\d{1,2})\.(\d{1,2})\b/;
+    var match = cnj.match(dateRegex);
+    if (match) {
+        var _1 = match[0], year = match[1], month = match[2], day = match[3];
+        return new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+    }
+    return null;
+};
+export var sortProcessosByDate = function (processos) {
+    try {
+        return __spreadArray([], processos, true).sort(function (a, b) {
+            var dateA = extractDateFromCNJ(a.numero_novo);
+            var dateB = extractDateFromCNJ(b.numero_novo);
+            if (!dateA || !dateB)
+                return 0;
+            return dateB.getTime() - dateA.getTime();
+        });
+    }
+    catch (error) {
+        console.error('Erro ao ordenar processos por data:', error);
+        return processos;
+    }
+};