jclib-ui 1.0.278 → 1.0.280

package/dist/jclib-ui.es.js

@@ -3920,7 +3920,7 @@ const LibContext = createContext({
 });
 const cTheme = "sys/theme";
 const LibProvider = ({ apiConfig, children, versionApp, useTheme }) => {
-  const canChangeTheme = useTheme && typeof useTheme == "boolean" ? useTheme : false;
+  const canChangeTheme = typeof useTheme == "boolean" ? useTheme : false;
   const [theme, setTheme] = useState(() => {
     let result = "";
     if (canChangeTheme) {
@@ -3933,6 +3933,7 @@ const LibProvider = ({ apiConfig, children, versionApp, useTheme }) => {
     }
     return result;
   });
+  const toggleTheme = () => setTheme(theme == "dark" ? "light" : "dark");
   const [reportType, setReportType] = useLocalStorage("sys/reportType", 0);
   const [modalList, setModalList] = useState([]);
   const [showBtnTop, setShowBtnTop] = useState(false);
@@ -3971,7 +3972,6 @@ const LibProvider = ({ apiConfig, children, versionApp, useTheme }) => {
     },
     [modalList]
   );
-  const toggleTheme = () => setTheme(theme == "dark" ? "light" : "dark");
   useEffect(() => {
     const MARCADOR = " 🔴 ";
     const inLocalhost = window.location.hostname == "localhost" || window.location.hostname == "127.0.0.1" || window.location.hostname == "[::1]" || window.location.hostname.startsWith("192.168.");
@@ -5300,9 +5300,10 @@ function DataItem({
   isForm = false,
   children,
   className,
+  minHeight = 40,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "di-box " + (className || ""), ...rest, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "di-box " + (className || ""), ...rest, style: { minHeight }, children: [
     caption && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: { fontWeight: isForm ? "bold" : "normal" }, children: caption }),
     isForm ? /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "form-control", value: children, readOnly: true }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
@@ -6160,23 +6161,21 @@ function Modal({
 }) {
   const { addModal, removeModal } = useLibContext();
   const [modalId] = useState(id || "modal-" + random());
+  function closeModal() {
+    removeModal(modalId);
+    if (hideScrollBar) {
+      document.body.classList.remove(CLASS);
+    }
+  }
   useEffect(() => {
     if (visible) {
       if (hideScrollBar) {
         document.body.classList.add(CLASS);
       }
     } else {
-      removeModal(modalId);
-      if (hideScrollBar) {
-        document.body.classList.remove(CLASS);
-      }
+      closeModal();
     }
-    return () => {
-      removeModal(modalId);
-      if (hideScrollBar) {
-        document.body.classList.remove(CLASS);
-      }
-    };
+    return () => closeModal();
   }, [visible, hideScrollBar]);
   useEffect(() => {
     addModal(modalId, setVisible);