robobyte-front-builder 1.0.16 → 1.0.19

package/src/services/helper/multiSelectEditorByBuilder.js

@@ -0,0 +1,245 @@
+import React, {forwardRef, useEffect, useImperativeHandle, useRef, useState} from 'react';
+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 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 AutocompleteEditor = React.memo(
+  forwardRef((props, ref) => {
+    // Initialize as an array for multi-selection.
+    const [selectedValue, setSelectedValue] = useState(props.isSingle ? null : []);
+    // Initialize options from props.
+    const [options, setOptions] = useState(props.options || []);
+    const [searchTerm, setSearchTerm] = useState('');
+    const [debouncedSearchTerm, setDebouncedSearchTerm] = useState(searchTerm);
+    const [loading, setLoading] = useState(false);
+    const inputRef = useRef(null);
+
+    // If an asyncFetchOptions function is provided via cellEditorParams, call it immediately on mount.
+    useEffect(() => {
+      if (props.asyncFetchOptions) {
+        setLoading(true);
+        props.asyncFetchOptions()
+          .then(fetchedOptions => {
+            setOptions(fetchedOptions);
+          })
+          .finally(() => {
+            setLoading(false);
+          });
+      }
+    }, [props.asyncFetchOptions]);
+
+    // Debounce searchTerm changes.
+    useEffect(() => {
+      const handler = setTimeout(() => {
+        setDebouncedSearchTerm(searchTerm);
+      }, 300);
+      return () => clearTimeout(handler);
+    }, [searchTerm]);
+
+    // Optionally, if you want to refetch options on debounced search term changes,
+    // call the asyncFetchOptions function with the search term as argument.
+    useEffect(() => {
+      if (props.asyncFetchOptions) {
+        setLoading(true);
+        // If your asyncFetchOptions function accepts a search term, pass debouncedSearchTerm.
+        props.asyncFetchOptions(debouncedSearchTerm)
+          .then(fetchedOptions => {
+            setOptions(fetchedOptions);
+          })
+          .finally(() => {
+            setLoading(false);
+          });
+      }
+    }, [debouncedSearchTerm, props.asyncFetchOptions]);
+
+    const handleChange = (event, value) => {
+      setSelectedValue(value);
+    };
+
+    const handleBlur = () => {
+      props.api.stopEditing();
+    };
+
+    // Utility: Get nested property if needed.
+    function getNestedProperty(obj, path) {
+      if (!Array.isArray(path)) {
+        return path.split('.').reduce((acc, part) => acc && acc[part], obj);
+      } else {
+        let result;
+        let i = 0;
+        path.forEach((p) => {
+          if (i === 0) result = p.split('.').reduce((acc, part) => acc && acc[part], obj);
+          else result = result + ' - ' + p.split('.').reduce((acc, part) => acc && acc[part], obj);
+          i++;
+        });
+        return result;
+      }
+    }
+
+    const formatValueByType = (value, type) => {
+      let result = value;
+      if (type === 'datetime') result = moment(result).format('L');
+      return result;
+    };
+
+    // Update selected value when props.value changes.
+    useEffect(() => {
+      if (props.value) {
+        setSelectedValue(Array.isArray(props.value) ? props.value : []);
+      }
+    }, [props.value]);
+
+
+    useImperativeHandle(ref, () => {
+      try {
+
+        return ({
+          getValue: () => props?.targetValue != null ? getNestedProperty(selectedValue, props?.targetValue) : selectedValue,
+        })
+      } catch (e) {
+        console.log(e);
+      }
+
+    });
+
+    useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.focus();
+      }
+    }, []);
+
+    const GroupHeader = styled('div')(({theme}) => ({
+      position: 'sticky',
+      top: '-8px',
+      padding: '4px 10px',
+      color: theme.palette.primary.main,
+      backgroundColor: lighten(izColors.grey, 0.70),
+    }));
+
+    const GroupItems = styled('ul')({
+      padding: 0,
+    });
+
+    return (
+      <SettingsConsumer>
+        {({settings}) => (
+          <ThemeComponent settings={settings}>
+            <Autocomplete
+              multiple={!props.isSingle === true}
+              size="small"
+              loading={loading}
+              options={options}
+              groupBy={option => {
+                return props.groupByField == null ? null : getNestedProperty(option, props.groupByField);
+              }}
+              renderGroup={(params) => (
+                <li key={params.key}>
+                  {props.groupByField && <GroupHeader>{params.group}</GroupHeader>}
+                  <GroupItems>{params.children}</GroupItems>
+                </li>
+              )}
+              onBlur={handleBlur}
+              disableCloseOnSelect={!props.isSingle === true}
+              isOptionEqualToValue={(option, value) => option?.id === value?.id}
+              getOptionLabel={(option) => {
+                let result;
+
+                if (Array.isArray(props.fieldName)) {
+                  result = props.fieldName
+                    .map((field) => getNestedProperty(option, field))
+                    .filter(Boolean)
+                    .join(" - ");
+                } else {
+                  result = props.fieldName == null
+                    ? option?.name
+                    : getNestedProperty(option, props.fieldName);
+                }
+
+                if (props.type != null) {
+                  result = formatValueByType(result, props.type);
+                }
+
+                return result;
+              }}
+              value={selectedValue}
+              onChange={handleChange}
+              renderInput={(params) => {
+                params.InputProps.disableUnderline = true;
+                return (
+                  <TextField
+                    autoFocus
+                    {...params}
+                    variant="standard"
+                    size="small"
+                    hiddenLabel
+                    onChange={(e) => setSearchTerm(e.target.value)}
+                    inputRef={inputRef}
+                  />
+                );
+              }}
+              renderTags={(value, getTagProps) =>
+                value.map((option, index) => (
+                  <Chip
+                    key={option?.id}
+                    label={option?.name}
+                    {...getTagProps({index})}
+                    onMouseDown={(e) => {
+                      e.stopPropagation();
+                      e.preventDefault();
+                    }}
+                  />
+                ))
+              }
+            />
+          </ThemeComponent>
+        )}
+      </SettingsConsumer>
+    );
+  })
+);
+
+export class MultiSelectEditorWrapper {
+  constructor() {
+    this.eInput = document.createElement('div');
+    this.eInput.style = 'width: 100%; height: 100%;';
+  }
+
+  init(params) {
+    this.params = params;
+    this.root = createRoot(this.eInput);
+    this.root.render(
+      <AutocompleteEditor {...params} ref={(input) => (this.reactComponent = input)}/>
+    );
+  }
+
+  getGui() {
+    return this.eInput;
+  }
+
+  afterGuiAttached() {
+    // Optionally focus after attachment.
+  }
+
+  getValue() {
+    return this.reactComponent.getValue();
+  }
+
+  destroy() {
+    if (this.root) {
+      setTimeout(() => {
+        this.root.unmount();
+      }, 0);
+    }
+  }
+
+  isPopup() {
+    return false;
+  }
+}

package/src/services/helper/reportSessionHelper.js

@@ -0,0 +1,83 @@
+
+const STORAGE_KEY_PREFIX = 'RV_SESSION_';
+const EXPIRATION_DAYS = 7;
+
+export const generateSessionId = () => {
+  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  let result = '';
+  for (let i = 0; i < 6; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return result;
+};
+
+export const saveReportSession = (payload) => {
+  if (typeof window === 'undefined') return null;
+
+  const sessionId = generateSessionId();
+  const data = {
+    payload,
+    timestamp: Date.now()
+  };
+
+  try {
+    localStorage.setItem(`${STORAGE_KEY_PREFIX}${sessionId}`, JSON.stringify(data));
+    return sessionId;
+  } catch (e) {
+    console.error('Failed to save report session to localStorage', e);
+    return null;
+  }
+};
+
+export const getReportSession = (sessionId) => {
+  if (typeof window === 'undefined' || !sessionId) return null;
+
+  try {
+    const stored = localStorage.getItem(`${STORAGE_KEY_PREFIX}${sessionId}`);
+    if (!stored) return null;
+
+    const { payload, timestamp } = JSON.parse(stored);
+
+    // Check if expired
+    const now = Date.now();
+    const sevenDaysInMs = EXPIRATION_DAYS * 24 * 60 * 60 * 1000;
+    if (now - timestamp > sevenDaysInMs) {
+      localStorage.removeItem(`${STORAGE_KEY_PREFIX}${sessionId}`);
+      return null;
+    }
+
+    return payload;
+  } catch (e) {
+    console.error('Failed to get report session from localStorage', e);
+    return null;
+  }
+};
+
+export const cleanupOldSessions = () => {
+  if (typeof window === 'undefined') return;
+
+  try {
+    const now = Date.now();
+    const sevenDaysInMs = EXPIRATION_DAYS * 24 * 60 * 60 * 1000;
+
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (key && key.startsWith(STORAGE_KEY_PREFIX)) {
+        try {
+          const stored = localStorage.getItem(key);
+          if (stored) {
+            const { timestamp } = JSON.parse(stored);
+            if (now - timestamp > sevenDaysInMs) {
+              localStorage.removeItem(key);
+            }
+          }
+        } catch (e) {
+          // If parsing fails, it's probably corrupt, might as well remove it
+          localStorage.removeItem(key);
+        }
+      }
+    }
+  } catch (e) {
+    console.error('Failed to cleanup old report sessions', e);
+  }
+};