robobyte-front-builder 1.0.19 → 1.0.21

package/src/services/builderHelper/thresholdEngine.js

@@ -0,0 +1,77 @@
+/**
+ * Shared threshold evaluation engine.
+ *
+ * A threshold rule:
+ *   { operator: '<' | '<=' | '>' | '>=' | '==' | '!=' | 'between',
+ *     value: number,
+ *     value2: number,   // only used for 'between'
+ *     color: string,    // MUI palette key or CSS color
+ *     label: string,    // optional override label
+ *     bg: string,       // optional background override
+ *   }
+ *
+ * evaluateThreshold returns the first matching rule (or null).
+ * resolveColor maps a MUI palette key to a CSS color.
+ */
+
+const MUI_COLOR_MAP = {
+  // semantic
+  error:    { color: '#d32f2f', bg: '#ffebee' },
+  warning:  { color: '#e65100', bg: '#fff3e0' },
+  success:  { color: '#2e7d32', bg: '#e8f5e9' },
+  info:     { color: '#0277bd', bg: '#e1f5fe' },
+  primary:  { color: '#1565c0', bg: '#e3f2fd' },
+  secondary:{ color: '#6a1b9a', bg: '#f3e5f5' },
+  // extras
+  purple:   { color: '#7b1fa2', bg: '#f3e5f5' },
+  pink:     { color: '#c2185b', bg: '#fce4ec' },
+  teal:     { color: '#00695c', bg: '#e0f2f1' },
+  cyan:     { color: '#00838f', bg: '#e0f7fa' },
+  orange:   { color: '#e64a19', bg: '#fbe9e7' },
+  indigo:   { color: '#283593', bg: '#e8eaf6' },
+  default:  { color: 'inherit', bg: 'transparent' },
+}
+
+/** Resolve a color string: MUI key → { color, bg } or pass-through. */
+export function resolveMuiColor(key) {
+  return MUI_COLOR_MAP[key] ?? { color: key ?? 'inherit', bg: 'transparent' }
+}
+
+/** Evaluate a value against a threshold list. Returns the first matching rule or null. */
+export function evaluateThreshold(value, thresholds) {
+  if (!Array.isArray(thresholds) || !thresholds.length) return null
+  const v = Number(value)
+  for (const rule of thresholds) {
+    if (matches(v, rule)) return rule
+  }
+  return null
+}
+
+function matches(v, rule) {
+  const a = Number(rule.value)
+  const b = Number(rule.value2)
+  switch (rule.operator) {
+    case '<':       return v < a
+    case '<=':      return v <= a
+    case '>':       return v > a
+    case '>=':      return v >= a
+    case '==':      return v === a
+    case '!=':      return v !== a
+    case 'between': return v >= a && v <= b
+    default:        return false
+  }
+}
+
+/**
+ * Convenience: returns { color, bg } for a value+thresholds pair.
+ * Falls back to { color: 'inherit', bg: 'transparent' }.
+ */
+export function thresholdColors(value, thresholds) {
+  const rule = evaluateThreshold(value, thresholds)
+  if (!rule) return { color: 'inherit', bg: 'transparent' }
+  const base = resolveMuiColor(rule.color)
+  return {
+    color: rule.colorOverride ?? base.color,
+    bg:    rule.bg            ?? base.bg,
+  }
+}

package/src/services/builderHelper/tree.js

@@ -10,6 +10,37 @@ export function findNode(node, targetId) {
   return null
 }
 
+/**
+ * Find a node anywhere in the schema — searches both root tree and dialogs array.
+ * Returns { node, location: 'root' | 'dialog', dialogId? }
+ */
+export function findNodeAnywhere(schema, targetId) {
+  const inRoot = findNode(schema.root, targetId)
+  if (inRoot) return { node: inRoot, location: 'root' }
+
+  for (const dialog of schema.dialogs ?? []) {
+    const inDialog = findNode(dialog, targetId)
+    if (inDialog) return { node: inDialog, location: 'dialog', dialogId: dialog.id }
+  }
+
+  return { node: null, location: null }
+}
+
+/**
+ * Update a node anywhere in the schema — patches root tree or the matching dialog.
+ */
+export function updateNodeAnywhere(schema, nodeId, patch, location, dialogId) {
+  if (location === 'dialog') {
+    return {
+      ...schema,
+      dialogs: (schema.dialogs ?? []).map(d =>
+        d.id === dialogId ? updateNodeInTree(d, nodeId, patch) : d
+      ),
+    }
+  }
+  return { ...schema, root: updateNodeInTree(schema.root, nodeId, patch) }
+}
+
 export function removeFromTree(node, targetId) {
   if (!node.children) return node
 

package/src/services/components/agGridAutoComplete.js

@@ -9,10 +9,10 @@ import React, {
 import Autocomplete from '@mui/material/Autocomplete';
 import TextField from '@mui/material/TextField';
 import Chip from '@mui/material/Chip';
-import {SettingsConsumer} from 'src/@core/contexts/settingsContext';
-import ThemeComponent from 'src/@core/theme/ThemeComponent';
+import { ThemeProvider, createTheme, lighten, styled } from '@mui/material/styles';
 import moment from 'moment';
-import {lighten, styled} from '@mui/material/styles';
+
+const defaultTheme = createTheme();
 import izColors from 'src/configs/izColors.json';
 
 // Utility for nested value access
@@ -112,9 +112,7 @@ const AutocompleteEditor = (props, ref) => {
   };
 
   return (
-    <SettingsConsumer>
-      {({settings}) => (
-        <ThemeComponent settings={settings}>
+    <ThemeProvider theme={defaultTheme}>
           <Autocomplete
             multiple={!isSingle}
             size="small"
@@ -163,9 +161,7 @@ const AutocompleteEditor = (props, ref) => {
               ))
             }
           />
-        </ThemeComponent>
-      )}
-    </SettingsConsumer>
+    </ThemeProvider>
   );
 };
 

package/src/services/config.js

@@ -39,9 +39,17 @@ const _config = {
 
   // Default token reader — reads the key Mazajk (and most host apps) use.
   // Override via configureRoboByte({ getAccessToken }) or via the provider prop.
+  //
+  // Resolution order:
+  //   1. localStorage 'accessToken'  (normal auth flow — takes priority)
+  //   2. NEXT_PUBLIC_DEV_ACCESS_TOKEN env var  (dev convenience, .env.local only)
   getAccessToken: () => {
     if (typeof window === 'undefined') return null
-    return localStorage.getItem('accessToken') ?? null
+    return (
+      localStorage.getItem('accessToken') ??
+      (process.env.NODE_ENV === 'development' ? process.env.NEXT_PUBLIC_DEV_ACCESS_TOKEN : null) ??
+      null
+    )
   },
 
   // Default user reader — parses the JSON object Mazajk stores in localStorage.

package/src/services/globalStore.js

@@ -0,0 +1,80 @@
+/**
+ * globalStore — cross-route reactive data store.
+ *
+ * Lives at module scope so it survives Next.js client-side navigations.
+ * Any page, dialog, renderer, or Calculation function can read and write it.
+ *
+ * ── In action code (Calculation functions) ───────────────────────────────────
+ *
+ *   // Read current global state
+ *   console.log(globalData.selectedUser)
+ *
+ *   // Write (like setData but global — persists across route changes)
+ *   setGlobalData(prev => ({ ...prev, selectedUser: clickedItem }))
+ *   setGlobalData({ theme: 'dark', locale: 'en' })   // full replace also works
+ *
+ *   // Then navigate — globalData.selectedUser is still there on the next page
+ *   router.push('/user-detail')
+ *
+ * ── In React components ───────────────────────────────────────────────────────
+ *
+ *   import { useGlobalStore } from 'src/hooks/useGlobalStore'
+ *
+ *   function MyRenderer() {
+ *     const { globalData, setGlobalData } = useGlobalStore()
+ *     return <div>{globalData.selectedUser?.name}</div>
+ *   }
+ */
+
+// ── Internal state ────────────────────────────────────────────────────────────
+
+let _state = {}
+const _listeners = new Set()
+
+// ── Public API ────────────────────────────────────────────────────────────────
+
+/**
+ * Returns a snapshot of the current global state.
+ * This is synchronous and safe to call from anywhere, including jsExecutor.
+ * @returns {object}
+ */
+export function getGlobalData() {
+  return _state
+}
+
+/**
+ * Updates the global state.
+ * Accepts either a plain object (shallow-merged) or an updater function
+ * that receives the previous state and returns the next state.
+ *
+ * All subscribed React components are notified synchronously so they
+ * re-render with the new values.
+ *
+ * @param {object | ((prev: object) => object)} updater
+ */
+export function setGlobalData(updater) {
+  const next = typeof updater === 'function' ? updater(_state) : updater
+  _state = next && typeof next === 'object' ? { ..._state, ...next } : _state
+  _listeners.forEach(fn => fn(_state))
+}
+
+/**
+ * Subscribe to global state changes.
+ * Returns an unsubscribe function — call it in useEffect cleanup.
+ *
+ * @param {(state: object) => void} listener
+ * @returns {() => void} unsubscribe
+ */
+export function subscribeGlobal(listener) {
+  _listeners.add(listener)
+  return () => _listeners.delete(listener)
+}
+
+/**
+ * Resets the global store to an empty object.
+ * Useful for logout / session reset.
+ */
+export function resetGlobalData() {
+  _state = {}
+  _listeners.forEach(fn => fn(_state))
+}

package/src/services/helper/multiSelectEditor.js

@@ -3,12 +3,12 @@ import Autocomplete from '@mui/material/Autocomplete';
 import TextField from '@mui/material/TextField';
 import Chip from '@mui/material/Chip';
 import { createRoot } from 'react-dom/client';
-import ThemeComponent from 'src/@core/theme/ThemeComponent';
+import { ThemeProvider, createTheme, darken, lighten, styled } from "@mui/material/styles";
 import moment from 'moment';
 import Typography from "@mui/material/Typography";
-import { darken, lighten, styled } from "@mui/material/styles";
 import izColors from "src/configs/izColors.json"
-import { SettingsConsumer } from "src/@core/contexts/settingsContext";
+
+const defaultTheme = createTheme();
 const AutocompleteEditor = React.memo(
   forwardRef((props, ref) => {
     // Initialize as an array for multi-selection.
@@ -122,9 +122,7 @@ const AutocompleteEditor = React.memo(
     });
 
     return (
-      <SettingsConsumer>
-        {({ settings }) => (
-          <ThemeComponent settings={settings}>
+      <ThemeProvider theme={defaultTheme}>
             <Autocomplete
               multiple={!props.isSingle === true}
               size="small"
@@ -179,9 +177,7 @@ const AutocompleteEditor = React.memo(
                 ))
               }
             />
-          </ThemeComponent>
-        )}
-      </SettingsConsumer>
+      </ThemeProvider>
     );
   })
 );

package/src/services/helper/multiSelectEditorByBuilder.js

@@ -3,13 +3,13 @@ import Autocomplete from '@mui/material/Autocomplete';
 import TextField from '@mui/material/TextField';
 import Chip from '@mui/material/Chip';
 import {createRoot} from 'react-dom/client';
-import {SettingsConsumer} from 'src/@core/context/settingsContext';
-import ThemeComponent from 'src/@core/theme/ThemeComponent';
+import { ThemeProvider, createTheme, darken, lighten, styled } from "@mui/material/styles";
 import moment from 'moment';
 import Typography from "@mui/material/Typography";
-import {darken, lighten, styled} from "@mui/material/styles";
 import izColors from "src/configs/izColors.json"
 
+const defaultTheme = createTheme();
+
 const AutocompleteEditor = React.memo(
   forwardRef((props, ref) => {
     // Initialize as an array for multi-selection.
@@ -128,9 +128,7 @@ const AutocompleteEditor = React.memo(
     });
 
     return (
-      <SettingsConsumer>
-        {({settings}) => (
-          <ThemeComponent settings={settings}>
+      <ThemeProvider theme={defaultTheme}>
             <Autocomplete
               multiple={!props.isSingle === true}
               size="small"
@@ -198,9 +196,7 @@ const AutocompleteEditor = React.memo(
                 ))
               }
             />
-          </ThemeComponent>
-        )}
-      </SettingsConsumer>
+      </ThemeProvider>
     );
   })
 );

package/src/services/reportData/fetchReportData.js

@@ -8,11 +8,11 @@
 // - isSingle (bool)
 // Optional extras: page (default 1), pageSize (default 50)
 
-import { Services } from 'src/services/Endpoints'
-import { Endpoints } from 'src/services/Endpoints'
-import { ReportBuilderEndpoints } from 'services/Endpoints/ReportBuilderEndpoints'
-import { FilterFormat } from 'services/helper/FilterFormat'
-import { Helper } from 'services/helper/helper'
+import {Services} from 'src/services/Endpoints'
+import {Endpoints} from 'src/services/Endpoints'
+import {ReportBuilderEndpoints} from 'services/Endpoints/ReportBuilderEndpoints'
+import {FilterFormat} from 'services/helper/FilterFormat'
+import {Helper} from 'services/helper/helper'
 
 // In-memory cache for builder models by pageId (resets on refresh/new tab)
 const builderModelCache = new Map()
@@ -48,7 +48,7 @@ function toNestedByUnderscore(input) {
       typeof value === 'object' &&
       !Array.isArray(value)
     ) {
-      ref[last] = { ...existing, ...value }
+      ref[last] = {...existing, ...value}
     } else {
       ref[last] = value
     }
@@ -63,7 +63,7 @@ function toNestedByUnderscore(input) {
       const k = Helper.toCamelCaseDotNet(parts[0])
       const existing = result[k]
       if (existing && typeof existing === 'object' && nestedVal && typeof nestedVal === 'object') {
-        result[k] = { ...existing, ...nestedVal }
+        result[k] = {...existing, ...nestedVal}
       } else {
         result[k] = nestedVal
       }
@@ -96,16 +96,18 @@ function convertToNestedObject(flatObject, builderData) {
 }
 
 export async function fetchReportDataByPageId({
-  pageId,
-  filter = {},
-  isDataOnly = false,
-  dataAsObject = false,
-  isPagination = true,
-  isSingle = false,
-  globalParams = null,
-  page = 1,
-  pageSize = 50
-}) {
+                                                pageId,
+                                                filter = {},
+                                                isDataOnly = false,
+                                                dataAsObject = false,
+                                                isPagination = true,
+                                                isSingle = false,
+                                                globalParams = null,
+                                                page = 1,
+                                                pageSize = 50,
+                                                authContext = null,
+                                                context = null
+                                              }) {
   try {
     const asObject = dataAsObject
 
@@ -117,45 +119,82 @@ export async function fetchReportDataByPageId({
         Endpoints.ReportBuilder.Post.GetReportDetails,
         false,
         {},
-        { id: null, pageId }
+        {id: null, pageId}
       )
 
       const detailsData = detailsResp?.data
       if (!detailsData || !detailsData.value) {
-        return { success: false, error: 'Report details not found' }
+        return {success: false, error: 'Report detailsOld not found'}
       }
 
-      builderModel = { ...JSON.parse(detailsData.value), id: detailsData.id }
+      builderModel = {...JSON.parse(detailsData.value), id: detailsData.id}
       builderModelCache.set(cacheKey, builderModel)
     }
 
     if (globalParams != null && builderModel?.selectionParams != null) {
       builderModel.selectionParams = builderModel.selectionParams.map((param, idx) => {
         if (globalParams.hasOwnProperty(idx)) {
-          return { ...param, value: globalParams[idx] }
+          return {...param, value: globalParams[idx]}
         }
         return param
       })
     }
 
     // 2) Prepare filters (no AG Grid specifics)
-    let localFilter = filter ? { ...filter } : {}
+    let localFilter = filter ? {...filter} : {}
     let localTFilter = localFilter?.Tfilter ? [...localFilter.Tfilter] : []
     localTFilter = localFilter?.TFilter ? [...localTFilter, ...localFilter.TFilter] : [...localTFilter]
     const builderFilter = builderModel?.filter?.Tfilter ?? []
     localTFilter = (localTFilter || []).filter(x => x?.value !== null && x?.value !== undefined && x?.value !== '')
     localTFilter = [...localTFilter, ...builderFilter]
+
+    // Extract customFilterCode from filter or builderModel
+    const customFilterCode = filter?.customFilterCode || builderModel?.filter?.customFilterCode || ''
+
     delete localFilter.Tfilter
     delete localFilter.TFilter
     delete localFilter.LocalTfilter
     delete localFilter.localTfilter
     delete localFilter.fixedTFilter
     delete localFilter.fixedTfilter
+    delete localFilter.customFilterCode
 
     const formattedT = FilterFormat(localTFilter)
+
+    // Execute custom filter code if present
+    let customFilterResult = []
+    if (customFilterCode && customFilterCode.trim()) {
+      try {
+        const executeCode = new Function('authContext', 'context', 'filters', `
+          let customFilter = [];
+          try {
+            ${customFilterCode}
+          } catch (e) {
+            console.error('Inner error in customFilterCode:', e);
+          }
+          return customFilter;
+        `)
+        const result = executeCode(authContext, context, localTFilter)
+
+        if (result && Array.isArray(result)) {
+          customFilterResult = result
+        } else if (result && !Array.isArray(result)) {
+          console.error('Error: Custom filter must return an array')
+        }
+      } catch (error) {
+        console.error('Error executing custom filter code:', error)
+      }
+    }
+
+    // Merge custom filter results with formatted filters
+    const finalTFilter = [
+      ...(Array.isArray(formattedT) ? formattedT.filter(f => (f == null ? false : f.value !== null)) : []),
+      ...customFilterResult
+    ]
+
     let data = {
       ...localFilter,
-      tFilter: Array.isArray(formattedT) ? formattedT.filter(f => (f == null ? false : f.value !== null)) : [],
+      tFilter: finalTFilter,
       selectFields: builderModel?.selectedFields || [],
       selectParams: builderModel?.selectionParams || [],
       rawSql: builderModel?.rawSql
@@ -167,8 +206,8 @@ export async function fetchReportDataByPageId({
         ? 'SqlPagination'
         : 'Pagination'
       : builderModel?.isRaw
-      ? 'SqlNoPagination'
-      : 'NoPagination'
+        ? 'SqlNoPagination'
+        : 'NoPagination'
 
     const response = await Services.PostService(ReportBuilderEndpoints.Post.GenericGet, false, data, {
       page: isSingle ? 1 : page,
@@ -183,7 +222,9 @@ export async function fetchReportDataByPageId({
     if (asObject) {
       rows = rows.map(r => toNestedByUnderscore(r))
     }
-    if (isSingle) rows = rows[0]
+    if (isSingle)
+      rows = rows[0]
+
 
     if (isDataOnly) {
       return rows
@@ -198,12 +239,12 @@ export async function fetchReportDataByPageId({
           getType,
           filter: data,
           sourceModel: builderModel?.reportSource?.fullName,
-          params: { page: isSingle ? 1 : page, pageSize: isSingle ? 1 : pageSize }
+          params: {page: isSingle ? 1 : page, pageSize: isSingle ? 1 : pageSize}
         }
       }
   } catch (error) {
     console.error('fetchReportDataByPageId error', error)
-    return { success: false, error }
+    return {success: false, error}
   }
 }
 

package/src/services/routerRef.js

@@ -0,0 +1,35 @@
+/**
+ * routerRef — module-level Next.js router singleton.
+ *
+ * Why a singleton instead of a hook?
+ * jsExecutor.js runs user Calculation code outside of React's render cycle.
+ * It cannot call useRouter() directly. Instead, RouterSync (mounted inside
+ * RoboByteFrontBuilderProvider) keeps this reference in sync on every
+ * navigation, and jsExecutor imports getRouter() to inject it into every
+ * Calculation as the `router` bare-name variable.
+ *
+ * Usage in action code:
+ *   router.push('/dashboard')
+ *   router.replace({ pathname: '/report/[id]', query: { id: 42 } })
+ *   router.back()
+ *   console.log(router.pathname, router.query)
+ */
+
+let _router = null
+
+/**
+ * Called by RouterSync on every render so the ref is always current.
+ * @param {import('next/router').NextRouter} router
+ */
+export function setRouter(router) {
+  _router = router
+}
+
+/**
+ * Returns the current Next.js router instance, or null if RouterSync has
+ * not mounted yet (e.g. SSR or very early render).
+ * @returns {import('next/router').NextRouter | null}
+ */
+export function getRouter() {
+  return _router
+}

package/src/views/ConfirmDialog.js

@@ -18,7 +18,7 @@ import {
 } from '@mui/material'
 import Box from '@mui/material/Box'
 import { Close } from 'mdi-material-ui'
-import { Warning, DeleteOutline } from '@mui/icons-material'
+import { Warning, DeleteOutlined } from '@mui/icons-material'
 import { useState } from 'react'
 
 const ConfirmDelete = props => {
@@ -111,7 +111,7 @@ const ConfirmDelete = props => {
                   mt: 2,
                   mb: 3
                 }}>
-                  <DeleteOutline
+                  <DeleteOutlined
                     sx={{
                       fontSize: 40,
                       color: '#d32f2f',