ui-soxo-bootstrap-core 2.6.5 → 2.6.7

package/core/lib/Store.js

@@ -50,7 +50,7 @@ const initialTheme = () => {
     //  manage theme with env
     const isEnvThemeTrue = process.env.REACT_APP_THEME;
 
-    console.log('REACT_APP_THEME:', isEnvThemeTrue);
+    // console.log('REACT_APP_THEME:', isEnvThemeTrue);
     const matchedTheme = themes.find((t) => t.name === isEnvThemeTrue);
 
     if (matchedTheme) return matchedTheme;
@@ -64,7 +64,7 @@ const initialTheme = () => {
     // Fallback to default
     return themes[0];
   } catch (e) {
-    console.error('Error loading theme:', e);
+    // console.error('Error loading theme:', e);
     return themes[0];
   }
 };
@@ -94,7 +94,7 @@ export const GlobalProvider = ({ children, CustomModels,CustomComponents, appSet
 
   const [state, dispatch] = useReducer(AppReducer, initialState);
 
-  console.log(state);
+  // console.log(state);
 
   const { isMobile } = useDeviceDetect();
 

package/core/lib/components/global-header/global-header.js

@@ -49,7 +49,7 @@ import { useTranslation } from "react-i18next";
 import BorderStyle from "pdf-lib/cjs/core/annotation/BorderStyle";
 
 import SettingsUtil from "../../../utils/settings.utils";
-import { SpotlightSearch } from "..";
+import SpotlightSearch from "../spotlight-search/spotlight-search.component";
 
 
 
@@ -410,4 +410,4 @@ function ProfileAvatar() {
       {/* {user.name} */}
     </Link>
   );
-}
+}

package/core/lib/elements/basic/menu-tree/menu-tree.js

@@ -23,7 +23,7 @@
  */
 
 import React from 'react';
-import { Checkbox, Collapse } from 'antd';
+import { Checkbox, Collapse, Tag } from 'antd';
 
 const { Panel } = Collapse;
 
@@ -73,11 +73,15 @@ export const MenuTree = ({ menus, selectedMenus = [], toggleMenu, parentId = nul
               background: '#fff',
               display: 'flex',
               alignItems: 'center',
-              gap: 8,
+              justifyContent: 'space-between',
             }}
           >
-            {showCheckbox && <Checkbox checked={selectedMenus.includes(menu.id)} onChange={(e) => onParentChange(e.target.checked)} />}
-            <span>{menu.title || menu.caption}</span>
+            {/* Left Side */}
+            <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+              {showCheckbox && <Checkbox checked={selectedMenus.includes(menu.id)} onChange={(e) => onParentChange(e.target.checked)} />}
+              <span>{menu.title || menu.caption}</span>
+            </div>
+            <Tag color={menu.is_visible === true ? 'green' : 'blue'}>{menu.is_visible === true ? 'VISIBLE' : 'NOT VISIBLE'}</Tag>{' '}
           </div>
         );
       }
@@ -91,15 +95,24 @@ export const MenuTree = ({ menus, selectedMenus = [], toggleMenu, parentId = nul
           <Panel
             key={menu.id}
             header={
-              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-                {showCheckbox && (
-                  <Checkbox
-                    checked={children.every((c) => selectedMenus.includes(c.id))}
-                    indeterminate={children.some((c) => selectedMenus.includes(c.id)) && !children.every((c) => selectedMenus.includes(c.id))}
-                    onChange={(e) => onParentChange(e.target.checked)}
-                  />
-                )}
-                <span>{menu.title || menu.caption}</span>
+              <div
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'space-between',
+                }}
+              >
+                <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                  {showCheckbox && (
+                    <Checkbox
+                      checked={children.every((c) => selectedMenus.includes(c.id))}
+                      indeterminate={children.some((c) => selectedMenus.includes(c.id)) && !children.every((c) => selectedMenus.includes(c.id))}
+                      onChange={(e) => onParentChange(e.target.checked)}
+                    />
+                  )}
+                  <span>{menu.title || menu.caption}</span>
+                </div>
+                <Tag color={menu.is_visible === true ? 'green' : 'blue'}>{menu.is_visible === true ? 'VISIBLE' : 'NOT VISIBLE'}</Tag>{' '}
               </div>
             }
           >

package/core/lib/models/forms/components/form-creator/form-creator.scss

@@ -4,14 +4,14 @@
     }
 
     .new-record {
-            gap: 10px !important;
+        gap: 10px !important;
     }
 
     .form-item-element {
         position: relative;
         padding: 8px;
         border-radius: 4px;
-        border: 1px solid #e3e3e3;
+        // border: 1px solid #e3e3e3;
         margin-bottom: 3px;
 
         .field-customizer {
@@ -22,9 +22,10 @@
                 // right: 0px;
             }
         }
-     
+
     }
-    .submit-button{
+
+    .submit-button {
         margin-top: 10px;
     }
 }