@visns-studio/visns-components 5.15.23 → 5.15.24

package/package.json

@@ -94,7 +94,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.15.23",
+    "version": "5.15.24",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/Fetch.jsx

@@ -52,12 +52,15 @@ const generateCacheKey = (url, method, formData) => {
 };
 
 // Helper to determine if request should be cached
-const shouldCache = (method, url) => {
+const shouldCache = (method, url, cacheOption = true) => {
     const normalizedMethod = method.toUpperCase();
-    
+
+    // If caching is explicitly disabled via option, return false
+    if (cacheOption === false) return false;
+
     // Don't cache GET requests
     if (normalizedMethod === 'GET') return false;
-    
+
     // Cache specific safe POST endpoints that return reference data
     const cacheableEndpoints = [
         '/dropdown',          // Dropdown data (industries, facilities, etc.)
@@ -69,7 +72,7 @@ const shouldCache = (method, url) => {
         '/getWharfUsage',
         '/getFloatingWharfUsage',
     ];
-    
+
     return cacheableEndpoints.some(endpoint => url.includes(endpoint));
 };
 
@@ -292,11 +295,14 @@ const CustomFetch = (
     method,
     formData,
     successCallback = null,
-    errorCallback = null
+    errorCallback = null,
+    options = {}
 ) => {
     const queryClient = getQueryClient();
     const cacheKey = generateCacheKey(url, method, formData);
-    const useCache = shouldCache(method, url);
+    // Default cache to true, allow override via options.cache
+    const cacheEnabled = options.cache !== undefined ? options.cache : true;
+    const useCache = shouldCache(method, url, cacheEnabled);
     
     if (useCache) {
         // Use TanStack Query for cacheable requests

package/src/components/generic/GenericDashboard.jsx

@@ -645,10 +645,16 @@ function GenericDashboard({ setting, userProfile, dynamicDashboard = false }) {
                         ...widgetFilters,
                     };
 
+                    // Check for cache option in widget.api (default: true)
+                    const cacheOption = widget.api.cache !== undefined ? widget.api.cache : true;
+
                     return CustomFetch(
                         widget.api.url,
                         widget.api.method,
-                        requestParams
+                        requestParams,
+                        null,
+                        null,
+                        { cache: cacheOption }
                     );
                 }
                 return null;

package/src/components/generic/GenericFormBuilder.jsx

@@ -1595,6 +1595,10 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                                                                                     optionKey
                                                                                 ].label =
                                                                                     e.target.value;
+                                                                                newOptions[
+                                                                                    optionKey
+                                                                                ].id =
+                                                                                    `${slugify(e.target.value)}-`;
                                                                                 setDataField(
                                                                                     (
                                                                                         items
@@ -1732,6 +1736,10 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                                                                                     optionKey
                                                                                 ].label =
                                                                                     e.target.value;
+                                                                                newOptions[
+                                                                                    optionKey
+                                                                                ].id =
+                                                                                    `${slugify(e.target.value)}-`;
                                                                                 setDataField(
                                                                                     (
                                                                                         items
@@ -2093,6 +2101,10 @@ function GenericFormBuilder({ setting, urlParam, userProfile }) {
                                                                                     rowKey
                                                                                 ].label =
                                                                                     e.target.value;
+                                                                                newRows[
+                                                                                    rowKey
+                                                                                ].id =
+                                                                                    `${slugify(e.target.value)}-`;
                                                                                 setDataField(
                                                                                     (
                                                                                         items