@odigos/ui-kit 0.0.63 → 0.0.65

package/lib/{useTransition-750816e0.js → useTransition-c2aef0e4.js}

@@ -1,32 +1,55 @@
 import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-bd48e6e2.js';
 import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
-import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';
+import React, { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import styled from 'styled-components';
+import { d as deepClone } from './index-5e5f7bda.js';
 
 const useGenericForm = (initialFormData) => {
     function copyInitial() {
         // this is to avoid reference issues with the initial form data,
         // when an object has arrays or objects as part of it's values, a simple spread operator won't work, the children would act as references,
         // so we use JSON.parse(JSON.stringify()) to create a deep copy of the object without affecting the original
+        if (initialFormData === undefined)
+            return {};
         return JSON.parse(JSON.stringify(initialFormData));
     }
     const [formData, setFormData] = useState(copyInitial());
     const [formErrors, setFormErrors] = useState({});
+    const isFormDirty = useMemo(() => {
+        return initialFormData !== undefined && JSON.stringify(formData) !== JSON.stringify(initialFormData);
+    }, [initialFormData, formData]);
+    useEffect(() => {
+        if (initialFormData !== undefined && JSON.stringify(formData) === '{}')
+            setFormData(copyInitial());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialFormData, formData]);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const handleFormChange = (key, val, obj) => {
         if (key) {
             // this is for cases where the form contains objects such as "exportedSignals",
             // the object's child is targeted with a "." for example: "exportedSignals.logs"
-            const [parentKey, childKey] = key.toString().split('.');
-            setFormData((prev) => ({
-                ...prev,
-                [parentKey]: childKey
-                    ? {
-                        ...prev[parentKey],
-                        [childKey]: val,
+            const splittedKeys = key.toString().split('.');
+            if (splittedKeys.length === 1) {
+                setFormData((prev) => ({ ...prev, [key]: val }));
+            }
+            else {
+                setFormData((prev) => {
+                    const payload = deepClone(prev);
+                    let current = payload;
+                    // Navigate to the parent of the final key, creating objects as needed
+                    for (let i = 0; i < splittedKeys.length - 1; i++) {
+                        const key = splittedKeys[i];
+                        if (!current[key] || typeof current[key] !== 'object') {
+                            current[key] = {};
+                        }
+                        current = current[key];
                     }
-                    : val,
-            }));
+                    // Set the final value
+                    const finalKey = splittedKeys[splittedKeys.length - 1];
+                    current[finalKey] = val;
+                    return payload;
+                });
+            }
         }
         else if (obj) {
             setFormData({ ...obj });
@@ -44,9 +67,6 @@ const useGenericForm = (initialFormData) => {
         setFormData(copyInitial());
         setFormErrors({});
     };
-    const isFormDirty = useMemo(() => {
-        return JSON.stringify(formData) !== JSON.stringify(initialFormData);
-    }, [formData, initialFormData]);
     return {
         formData,
         formErrors,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.63",
+  "version": "0.0.65",
   "author": "Odigos",
   "repository": {
     "type": "git",