jclib-ui 1.0.119 → 1.0.121

package/dist/jclib-ui.es.js

@@ -1,6 +1,6 @@
 import * as t from "react";
 import t__default, { createContext, useState, useCallback, useEffect, useContext, useRef, useLayoutEffect, useMemo } from "react";
-import { isDarkMode, random, isMobile, isDesktop, getDateTimeStr, getHash, formatValor, validarCPF, validarCNPJ } from "jcinfo-utils";
+import { isDarkMode, random, isMobile, formatData, formatDataHora, formatValor, isDesktop, getDateTimeStr, getHash, validarCPF, validarCNPJ } from "jcinfo-utils";
 import { useDragControls, motion } from "framer-motion";
 import styled from "styled-components";
 import { Dropdown, DropdownMenu, DropdownItem, DropdownToggle, Button, InputGroup, Input as Input$1 } from "reactstrap";
@@ -4390,67 +4390,6 @@ const CheckedArea = styled.span`
   color: ${(props) => props.value ? "#fff" : ""};
   background-color: ${(props) => props.value ? "#346fdd" : "#fff"};
 `;
-function adjustValue(value) {
-  if (typeof value != "number") {
-    value = 0;
-  }
-  if (!value) {
-    value = 0;
-  }
-  if (Number.isNaN(value)) {
-    value = 0;
-  }
-  if (!Number.isFinite(value)) {
-    value = 0;
-  }
-  return value;
-}
-const FormatValor = ({
-  value = 0,
-  money = true,
-  decimalScale = 2,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: Intl.NumberFormat("pt-br", {
-  maximumFractionDigits: decimalScale,
-  minimumFractionDigits: decimalScale,
-  style: money ? "currency" : "decimal",
-  currency: "BRL"
-}).format(adjustValue(value)) });
-const FormatQuant = ({ value = 0, decimalScale = 2, ...rest }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: Intl.NumberFormat("pt-br", {
-  maximumFractionDigits: decimalScale,
-  minimumFractionDigits: decimalScale,
-  style: "decimal"
-}).format(adjustValue(value)) });
-const FormatPercent = ({ value = 0, decimalScale = 2, ...rest }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: Intl.NumberFormat("pt-br", {
-  maximumFractionDigits: decimalScale,
-  minimumFractionDigits: decimalScale,
-  style: "decimal"
-}).format(adjustValue(value)) + "%" });
-const FormatData = ({ value = 0, incHour = true }) => {
-  let result = "";
-  if (value) {
-    let data, hora;
-    if (value.indexOf("T") !== -1) {
-      data = value.split("T");
-      hora = data[1];
-      data = data[0];
-    } else {
-      data = value.split(" ");
-      if (data.length > 1) {
-        hora = data[1];
-      }
-      data = data[0];
-    }
-    if (data.indexOf("-") !== -1) {
-      data = data.split("-").reverse().join("/");
-    }
-    if (hora && incHour) {
-      data = data + " " + hora;
-    }
-    result = data;
-  }
-  return result;
-};
 function DropDownButton({
   title,
   items,
@@ -4521,6 +4460,39 @@ function DropDownButton({
     }
   );
 }
+const createTableCols = (cols) => cols;
+const createTableActions = (action) => action;
+const createTableOptions = (options) => options;
+function getDataCol(col, line) {
+  if (typeof col.campo == "function") {
+    return col.campo(line);
+  } else if (typeof col.campo == "string") {
+    const vvalue = line[col.campo];
+    if (col.campo2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-campo2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fw-bold", children: vvalue }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("small", { className: "text-secondary", children: line[col.campo2] })
+      ] });
+    }
+    if (col.tipo == "date") {
+      return formatData(vvalue);
+    }
+    if (col.tipo == "datetime") {
+      return formatDataHora(vvalue);
+    }
+    if (col.tipo == "float" || col.tipo == "numeric") {
+      return formatValor(vvalue, 2, false);
+    }
+    if (col.tipo == "money" || col.tipo == "currency" || col.money) {
+      return formatValor(vvalue, 2, true);
+    }
+    if (typeof vvalue == "boolean") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckedArea, { value: vvalue, children: vvalue ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-check" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("i", { children: " " }) });
+    }
+    return vvalue;
+  }
+  return null;
+}
 function Table({
   colunas,
   acoes,
@@ -4534,7 +4506,7 @@ function Table({
 }) {
   if (colunas) {
     colunas.forEach((e) => {
-      if (e.tipo && (e.tipo == "float" || e.tipo == "currency")) {
+      if (e.tipo && (e.tipo == "money" || e.tipo == "currency")) {
         e.money = true;
       }
     });
@@ -4580,7 +4552,7 @@ function TableHead({ colunas, incColActions = true }) {
 function TableBody({ colunas, acoes, opcoes, dados, colorir }) {
   var _a;
   const width = ((_a = acoes == null ? void 0 : acoes.acoes) == null ? void 0 : _a.length) || "auto";
-  if (!dados || (dados == null ? void 0 : dados.length) === 0) {
+  if (!dados || (dados == null ? void 0 : dados.length) == 0) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: dados == null ? void 0 : dados.map((line, index) => {
@@ -4601,21 +4573,15 @@ function TableBody({ colunas, acoes, opcoes, dados, colorir }) {
             style: {
               textAlign: getAlign(col),
               fontWeight: col.campoChave || col.bold ? "bold" : "normal",
-              width: width2,
-              color: colorir ? line.color || "var(--bs-body-color)" : "var(--bs-body-color)"
+              color: colorir && line.color ? line.color : "var(--bs-body-color)",
+              width: width2
             },
             children: [
               col.titulo && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "titulo", children: [
                 col.titulo,
                 ": "
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldData, { children: [
-                typeof col.campo === "function" && col.campo(line),
-                typeof col.campo === "string" && (col.campo2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-campo2", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: line[col.campo] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: col.campo2 && line[col.campo2] })
-                ] }) : col.money ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormatValor, { value: line[col.campo] }) : typeof line[col.campo] === "boolean" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Checked, { value: line[col.campo] }) : line[col.campo])
-              ] })
+              getDataCol(col, line)
             ]
           },
           colId
@@ -4650,12 +4616,6 @@ function TableBody({ colunas, acoes, opcoes, dados, colorir }) {
     ] }, index);
   }) });
 }
-const Checked = ({ value }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckedArea, { value, children: value ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-check" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("i", { children: " " }) });
-};
-const FieldData = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: typeof children === "boolean" ? children === true ? "Sim" : "Não" : children });
-};
 const getAlign = (col) => {
   let align = "left";
   if (col.tipo === "float" || col.tipo === "currency" || col.money) {
@@ -4669,9 +4629,6 @@ const getAlign = (col) => {
   }
   return align;
 };
-const createTableCols = (cols) => cols;
-const createTableActions = (action) => action;
-const createTableOptions = (options) => options;
 styled.div`
   display: inline-block;
   width: 27px;
@@ -8281,31 +8238,6 @@ function ModalHeader({
     }
   );
 }
-function ModalBox({
-  visible,
-  setVisible,
-  title,
-  children,
-  paddingBottom = 10,
-  fixed = true,
-  //TODO: o padrão deve ser falso qdo resolver problema do framer-motion
-  ...rest
-}) {
-  const controls = useDragControls();
-  if (!visible) {
-    return null;
-  }
-  function startDrag(e) {
-    if (isMobile() || fixed) {
-      return;
-    }
-    controls.start(e);
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { setVisible, visible, ...rest, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalHeader, { onPointerDown: startDrag, setVisible, children: title }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { style: { paddingBottom }, children }) })
-  ] });
-}
 var n, o, i = (n = function(t2, e) {
   return n = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t3, e2) {
     t3.__proto__ = e2;
@@ -18187,81 +18119,74 @@ function QRCodeReader({ onResult, setVisible, title }) {
     }
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ModalBox,
-      {
-        title,
-        visible: true,
-        setVisible,
-        hideScrollBar: false,
-        maxWidth: 500,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "position-relative my-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            jo,
-            {
-              onResult: handleResult,
-              constraints: { facingMode: "environment" }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "svg",
-            {
-              width: "50px",
-              viewBox: "0 0 100 100",
-              style: {
-                top: "0px",
-                left: "0px",
-                zIndex: 1,
-                boxSizing: "border-box",
-                border: "50px solid rgba(0, 0, 0, 0.25)",
-                borderRadius: "15px",
-                position: "absolute",
-                width: "100%",
-                height: "100%"
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "path",
-                  {
-                    fill: "none",
-                    d: "M13,0 L0,0 L0,13",
-                    stroke: "rgba(255, 0, 0, 0.5)",
-                    strokeWidth: "5"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "path",
-                  {
-                    fill: "none",
-                    d: "M0,87 L0,100 L13,100",
-                    stroke: "rgba(255, 0, 0, 0.5)",
-                    strokeWidth: "5"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "path",
-                  {
-                    fill: "none",
-                    d: "M87,100 L100,100 L100,87",
-                    stroke: "rgba(255, 0, 0, 0.5)",
-                    strokeWidth: "5"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "path",
-                  {
-                    fill: "none",
-                    d: "M100,13 L100,0 87,0",
-                    stroke: "rgba(255, 0, 0, 0.5)",
-                    strokeWidth: "5"
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      }
-    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { visible: true, setVisible, hideScrollBar: false, maxWidth: 500, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ModalHeader, { setVisible, children: title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ModalContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "position-relative my-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          jo,
+          {
+            onResult: handleResult,
+            constraints: { facingMode: "environment" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "svg",
+          {
+            width: "50px",
+            viewBox: "0 0 100 100",
+            style: {
+              top: "0px",
+              left: "0px",
+              zIndex: 1,
+              boxSizing: "border-box",
+              border: "50px solid rgba(0, 0, 0, 0.25)",
+              borderRadius: "15px",
+              position: "absolute",
+              width: "100%",
+              height: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "path",
+                {
+                  fill: "none",
+                  d: "M13,0 L0,0 L0,13",
+                  stroke: "rgba(255, 0, 0, 0.5)",
+                  strokeWidth: "5"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "path",
+                {
+                  fill: "none",
+                  d: "M0,87 L0,100 L13,100",
+                  stroke: "rgba(255, 0, 0, 0.5)",
+                  strokeWidth: "5"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "path",
+                {
+                  fill: "none",
+                  d: "M87,100 L100,100 L100,87",
+                  stroke: "rgba(255, 0, 0, 0.5)",
+                  strokeWidth: "5"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "path",
+                {
+                  fill: "none",
+                  d: "M100,13 L100,0 87,0",
+                  stroke: "rgba(255, 0, 0, 0.5)",
+                  strokeWidth: "5"
+                }
+              )
+            ]
+          }
+        )
+      ] }) }) })
+    ] }),
     error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alerta, { onConfirm: handleError, children: error })
   ] });
 }
@@ -18364,6 +18289,67 @@ function CheckBox({ enabled = true, onChange, children, ...rest }) {
     children
   ] }) });
 }
+function adjustValue(value) {
+  if (typeof value != "number") {
+    value = 0;
+  }
+  if (!value) {
+    value = 0;
+  }
+  if (Number.isNaN(value)) {
+    value = 0;
+  }
+  if (!Number.isFinite(value)) {
+    value = 0;
+  }
+  return value;
+}
+const FormatValor = ({
+  value = 0,
+  money = true,
+  decimalScale = 2,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: Intl.NumberFormat("pt-br", {
+  maximumFractionDigits: decimalScale,
+  minimumFractionDigits: decimalScale,
+  style: money ? "currency" : "decimal",
+  currency: "BRL"
+}).format(adjustValue(value)) });
+const FormatQuant = ({ value = 0, decimalScale = 2, ...rest }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: Intl.NumberFormat("pt-br", {
+  maximumFractionDigits: decimalScale,
+  minimumFractionDigits: decimalScale,
+  style: "decimal"
+}).format(adjustValue(value)) });
+const FormatPercent = ({ value = 0, decimalScale = 2, ...rest }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...rest, children: Intl.NumberFormat("pt-br", {
+  maximumFractionDigits: decimalScale,
+  minimumFractionDigits: decimalScale,
+  style: "decimal"
+}).format(adjustValue(value)) + "%" });
+const FormatData = ({ value = 0, incHour = true }) => {
+  let result = "";
+  if (value) {
+    let data, hora;
+    if (value.indexOf("T") !== -1) {
+      data = value.split("T");
+      hora = data[1];
+      data = data[0];
+    } else {
+      data = value.split(" ");
+      if (data.length > 1) {
+        hora = data[1];
+      }
+      data = data[0];
+    }
+    if (data.indexOf("-") !== -1) {
+      data = data.split("-").reverse().join("/");
+    }
+    if (hora && incHour) {
+      data = data + " " + hora;
+    }
+    result = data;
+  }
+  return result;
+};
 const LoadingBarContainer = styled.div`
   --loading-bar-size: 2px;
 
@@ -18857,6 +18843,7 @@ function BoxSearch({
   onClick
 }) {
   var _a;
+  const [inputId] = useState(`box-inp-${random(1e4)}`);
   const [dados, setDados] = useState(null);
   const [error, setError] = useState("");
   const [q2, setQ] = useState("");
@@ -18877,6 +18864,13 @@ function BoxSearch({
     }
     setDados(null);
     loadDados();
+    focarNoInput();
+  }
+  function focarNoInput() {
+    var _a2;
+    if (isDesktop()) {
+      (_a2 = document.querySelector(`#${inputId}`)) == null ? void 0 : _a2.focus();
+    }
   }
   function handleKeyDown(e) {
     if (e.keyCode === 13) {
@@ -18889,40 +18883,53 @@ function BoxSearch({
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, { visible: info.loading }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBox, { title, maxWidth: 800, visible: true, setVisible: setOpen, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "my-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        InputPesquisa,
-        {
-          search: q2,
-          setSearch: setQ,
-          fnSearch: pesquisar,
-          placeHolder,
-          onKeyDown: handleKeyDown,
-          autoFocus: isDesktop()
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "box-search--data-container", children: [
-        ((_a = info.data) == null ? void 0 : _a.length) === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "alert alert-info text-center bold", children: "Nenhum registro encontrado!" }),
-        dados && /* @__PURE__ */ jsxRuntimeExports.jsx("table", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: dados == null ? void 0 : dados.map((item, id) => /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { onClick: () => onClick(item[keyField], item), children: renderLine ? renderLine(item) : fields.map((col, index) => {
-          let style;
-          if (index == 0) {
-            style = {
-              width: 60,
-              textAlign: "center",
-              fontWeight: "bold"
-            };
-          } else {
-            style = {
-              width: "auto",
-              textAlign: "left",
-              fontWeight: "normal"
-            };
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { title, maxWidth: 800, visible: true, setVisible: setOpen, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ModalHeader, { setVisible: setOpen, children: title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ModalContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBody, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "my-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          InputPesquisa,
+          {
+            search: q2,
+            setSearch: setQ,
+            fnSearch: pesquisar,
+            placeHolder,
+            onKeyDown: handleKeyDown,
+            autoFocus: isDesktop(),
+            id: inputId
           }
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { style, children: item[col] }, index);
-        }) }, id)) }) })
-      ] })
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "box-search--data-container", children: [
+          ((_a = info.data) == null ? void 0 : _a.length) === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "alert alert-info text-center bold", children: "Nenhum registro encontrado!" }),
+          dados && /* @__PURE__ */ jsxRuntimeExports.jsx("table", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: dados == null ? void 0 : dados.map((item, id) => /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { onClick: () => onClick(item[keyField], item), children: renderLine ? renderLine(item) : fields.map((col, index) => {
+            let style;
+            if (index == 0) {
+              style = {
+                width: 60,
+                textAlign: "center",
+                fontWeight: "bold"
+              };
+            } else {
+              style = {
+                width: "auto",
+                textAlign: "left",
+                fontWeight: "normal"
+              };
+            }
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { style, children: item[col] }, index);
+          }) }, id)) }) })
+        ] })
+      ] }) })
     ] }),
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alerta, { onConfirm: () => setError(), children: error })
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Alerta,
+      {
+        onConfirm: () => {
+          setError();
+          focarNoInput();
+        },
+        children: error
+      }
+    )
   ] });
 }
 function InputFinder({
@@ -19183,6 +19190,31 @@ function ModalFooter({
     }
   );
 }
+function ModalBox({
+  visible,
+  setVisible,
+  title,
+  children,
+  paddingBottom = 10,
+  fixed = true,
+  //TODO: o padrão deve ser falso qdo resolver problema do framer-motion
+  ...rest
+}) {
+  const controls = useDragControls();
+  if (!visible) {
+    return null;
+  }
+  function startDrag(e) {
+    if (isMobile() || fixed) {
+      return;
+    }
+    controls.start(e);
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { setVisible, visible, ...rest, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalHeader, { onPointerDown: startDrag, setVisible, children: title }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { style: { paddingBottom }, children }) })
+  ] });
+}
 function ModalFilter({
   setVisible,
   maxWidth,
@@ -19195,19 +19227,22 @@ function ModalFilter({
   const handleClickCancel = () => {
     fnApplyFilter && fnApplyFilter(false);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBox, { title: "Filtros", maxWidth, setVisible, visible: true, children: [
-    children,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("hr", {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mod-filter--btn-area", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { block: true, color: "primary", onClick: handleClickApply, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IconChecked, {}),
-        " Aplicar filtros"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { block: true, color: "outline-danger", onClick: handleClickCancel, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IconeFechar, {}),
-        " Cancelar filtros"
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { maxWidth, setVisible, visible: true, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalHeader, { setVisible, children: "Filtros" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBody, { children: [
+      children,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("hr", {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mod-filter--btn-area", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { block: true, color: "primary", onClick: handleClickApply, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconChecked, {}),
+          " Aplicar filtros"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { block: true, color: "outline-danger", onClick: handleClickCancel, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconeFechar, {}),
+          " Cancelar filtros"
+        ] })
       ] })
-    ] })
+    ] }) })
   ] });
 }
 function Paginacao({ pages, page, setPage }) {
@@ -19722,7 +19757,7 @@ function useLocalForage(key, initialValue, versao = 1) {
   useEffect(() => {
     report.getItem(key).then((value) => {
       if (value) {
-        if (value.versao === versao) {
+        if (value.versao == versao) {
           setStoredValue(value.data);
         } else {
           report.removeItem(key);
@@ -20782,6 +20817,7 @@ export {
   createTableActions,
   createTableCols,
   createTableOptions,
+  getDataCol,
   setRouteMain,
   useApi,
   useLibContext,