jclib-ui 1.0.160 → 1.0.162

package/dist/jclib-ui.es.js

@@ -4222,7 +4222,7 @@ function createApiConfig(obj = initConfig) {
   result.auth = { ...initConfig.auth, ...obj.auth };
   return result;
 }
-const Container$8 = styled.div`
+const Container$7 = styled.div`
   @media (max-width: 767px) {
     overflow-x: auto;
   }
@@ -4556,7 +4556,7 @@ function Table({
   }
   if (!dados || dados.length == 0)
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "alert alert-warning", children: msgSemDados });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$8, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TableContainer, { alignTop, sizeBreak, hasBorder: border, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$7, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TableContainer, { alignTop, sizeBreak, hasBorder: border, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { colunas, incColActions }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       TableBody,
@@ -4892,7 +4892,7 @@ function BoxColor({ corFonte, setCorFonte, corFundo, setCorFundo }) {
     )
   ] });
 }
-const Container$7 = styled.div`
+const Container$6 = styled.div`
   margin: ${({ noMargin }) => noMargin ? "0" : "5px 0 8px"};
   border: 1px solid var(--bi-color-border);
   border-radius: ${(props) => props.open ? "0 0 var(--pn-border-radius) var(--pn-border-radius)" : "0"};
@@ -4981,7 +4981,7 @@ function BoxInfo({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$7, { open, noMargin, ...rest, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$6, { open, noMargin, ...rest, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bi-btn-area", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => setOpen(!open), children: [
       title,
       " ",
@@ -5032,7 +5032,7 @@ const ButtonClose = ({ ...rest }) => {
 const ButtonBack = ({ ...rest }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonStyled, { type: "button", className: "back", ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fa-solid fa-arrow-left" }) });
 };
-const Container$6 = styled.div`
+const Container$5 = styled.div`
   font-size: 1.4rem;
   line-height: 100%;
   color: #fff;
@@ -5094,7 +5094,7 @@ function ButtonTop({ smooth, center }) {
     };
   }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: visible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Container$6,
+    Container$5,
     {
       title: "Ir para o início da tela",
       visible: showBtnTop,
@@ -7671,7 +7671,7 @@ function LinkToMaps({
 function LinkToNewPage({ to: to2, children, ...rest }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: to2 || children, target: "_blank", rel: "noreferrer", ...rest, children: children || to2 });
 }
-const Container$5 = styled.div`
+const Container$4 = styled.div`
   .alert {
     font-weight: bold;
     margin-bottom: 0;
@@ -7697,7 +7697,7 @@ const Container$5 = styled.div`
   }
 `;
 function MessageNoConection() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$5, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$4, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "alert alert-danger", children: "Sem conexão com o servidor!" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       "Possíveis causas:",
@@ -18400,7 +18400,7 @@ function Loading({ visible, message = "Aguarde...", isbar = false }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingBar, { visible });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "loading--container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "loading-body", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "loading-spinner" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-border text-info" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: message })
   ] }) });
 }
@@ -19151,7 +19151,7 @@ function Input({
       return /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "form-control", onClick: handleClick, ...props });
   }
 }
-const Container$4 = styled.div`
+const Container$3 = styled.div`
   display: inline-block;
 `;
 const Label = styled.span`
@@ -19177,7 +19177,7 @@ const InputCheckBox = ({ disabled, children, name, checked, onChange }) => {
       onChange(event);
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$4, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { disabled, onClick: handleClick, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$3, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { disabled, onClick: handleClick, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
       checked && /* @__PURE__ */ jsxRuntimeExports.jsx(IconToggleOn, { color: disabled && "silver" }),
       !checked && /* @__PURE__ */ jsxRuntimeExports.jsx(IconToggleOff, { color: disabled && "silver" })
@@ -19481,7 +19481,7 @@ function TextHTML({ value }) {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { dangerouslySetInnerHTML: { __html: value } });
 }
-const Container$3 = styled.div`
+const Container$2 = styled.div`
   --toggle-color-on: #4169ed;
   --toggle-color-off: #666;
   --toggle-color-inactive: #999;
@@ -19544,7 +19544,7 @@ function Toggle({
       });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$3, { checked, disabled, className, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$2, { checked, disabled, className, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "label",
     {
       style: {
@@ -19567,97 +19567,11 @@ function Toggle({
     }
   ) });
 }
-const Container$2 = styled.div`
-  --margin-up: 15px;
-  --margin-down: -120px;
-
-  @keyframes update-box-up {
-    0% {
-      opacity: 0;
-      bottom: var(--margin-down);
-    }
-    100% {
-      opacity: 1;
-      bottom: var(--margin-up);
-    }
-  }
-
-  @keyframes update-box-down {
-    0% {
-      opacity: 1;
-      bottom: var(--margin-up);
-    }
-    100% {
-      opacity: 0;
-      bottom: var(--margin-down);
-      display: none;
-    }
-  }
-
-  .update-box {
-    position: fixed;
-    right: 20px;
-    bottom: var(--margin-up);
-
-    display: none;
-    align-items: center;
-    gap: 8px;
-
-    background-color: #fffbd6;
-    color: #333;
-    padding: 15px 20px;
-    border: 1px solid var(--bs-warning);
-    border-radius: 4px;
-    box-shadow: var(--sombra-login);
-
-    font-family: 'Segoe UI', Geneva, Verdana, sans-serif;
-    font-size: 0.9rem;
-    width: auto;
-    white-space: nowrap;
-    user-select: none;
-    cursor: pointer;
-
-    z-index: 9999991;
-
-    i {
-      color: var(--bs-warning);
-      font-size: 1.3rem;
-    }
-
-    .update-line {
-      position: absolute;
-      min-height: 85%;
-      border-left: 3px solid var(--bs-warning);
-      left: 4px;
-    }
-  }
-
-  .update-show {
-    display: flex;
-    animation: update-box-up 500ms both;
-  }
-
-  @media (max-width: 575px) {
-    :root {
-      --margin-up: 5px;
-    }
-
-    .update-box {
-      max-width: 95vw;
-      width: 95vw;
-      white-space: unset;
-      right: initial;
-      left: 50%;
-      transform: translateX(-50%);
-      border-radius: 0;
-    }
-  }
-`;
 function CheckUpdates() {
   const showRef = useRef();
   function checkUpdate() {
     if ("serviceWorker" in navigator && window.location.origin.startsWith("http")) {
-      console.log("Procurando atualizações...");
+      console.info("Procurando atualizações...");
       navigator.serviceWorker.getRegistration().then((registration) => {
         if (!registration) {
           console.info("Sem Service Worker!");
@@ -19668,16 +19582,18 @@ function CheckUpdates() {
           setShow(true);
           const installingWorker = registration.installing;
           installingWorker.addEventListener("statechange", () => {
-            if (installingWorker.state === "installed") {
-              if (navigator.serviceWorker.controller) {
-                setTimeout(() => window.location.reload(true), 1e3);
-              }
+            if (installingWorker.state == "installed") {
+              setTimeout(() => window.location.reload(true), 1e3);
+              console.info("Nova versão instalada");
             }
-            if (installingWorker.state === "activated") {
+            if (installingWorker.state == "activated") {
               setShow(false);
+              console.info("Nova versão ativada");
             }
           });
         });
+        console.info("SW execute update!");
+        registration.update();
       }).catch((error) => {
         console.error("=> Service Worker não encontrado:", error);
       });
@@ -19702,17 +19618,9 @@ function CheckUpdates() {
   useLayoutEffect(() => {
     checkUpdate();
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$2, { onClick: handleClick, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: showRef, className: "update-box", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "update-check-box", onClick: handleClick, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: showRef, className: "update-box", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "update-line" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "spinner-border text-warning",
-        role: "status",
-        style: { width: "22px", height: "22px" },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "visually-hidden", children: "Loading..." })
-      }
-    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-border text-warning w-22", role: "status", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "visually-hidden", children: "Carregando..." }) }),
     "Nova versão disponível, atualizando..."
   ] }) });
 }