@odigos/ui-kit 0.0.47 → 0.0.49

package/lib/{useTransition-DsrDiKOV.js → useTransition-mupXsbop.js}

@@ -1,6 +1,6 @@
+import { f as useModalStore, b as useDrawerStore } from './index-Bw7RE2T2.js';
+import { AddNodeTypes, EntityTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-BRGQ84pJ.js';
-import { CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import styled from 'styled-components';
 
 const useGenericForm = (initialFormData) => {
@@ -12,6 +12,7 @@ const useGenericForm = (initialFormData) => {
     }
     const [formData, setFormData] = useState(copyInitial());
     const [formErrors, setFormErrors] = useState({});
+    // 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",
@@ -60,6 +61,39 @@ const useGenericForm = (initialFormData) => {
     };
 };
 
+const useClickNode = () => {
+    const { setCurrentModal } = useModalStore();
+    const { setDrawerType, setDrawerEntityId } = useDrawerStore();
+    const onClickNode = (_, object) => {
+        const { data: { id, type }, } = object;
+        switch (type) {
+            case EntityTypes.Source:
+            case EntityTypes.Destination:
+            case EntityTypes.Action:
+            case EntityTypes.InstrumentationRule:
+                setDrawerType(type);
+                setDrawerEntityId(id);
+                break;
+            case AddNodeTypes.AddSource:
+                setCurrentModal(EntityTypes.Source);
+                break;
+            case AddNodeTypes.AddDestination:
+                setCurrentModal(EntityTypes.Destination);
+                break;
+            case AddNodeTypes.AddAction:
+                setCurrentModal(EntityTypes.Action);
+                break;
+            case AddNodeTypes.AddRule:
+                setCurrentModal(EntityTypes.InstrumentationRule);
+                break;
+            default:
+                console.warn('Unhandled node click', object);
+                break;
+        }
+    };
+    return { onClickNode };
+};
+
 const useContainerSize = () => {
     const ref = useRef(null);
     const [width, setWidth] = useState(0);
@@ -142,17 +176,19 @@ const INITIAL = {
         [CodeAttributesKeyTypes.Namespace]: null,
         [CodeAttributesKeyTypes.StackTrace]: null,
     },
+    headersCollection: null,
+    customInstrumentations: {
+        [CustomInstrumentationsKeyTypes.Probes]: null,
+    },
 };
 const useInstrumentationRuleFormData = () => {
-    const { addNotification } = useNotificationStore();
     const { formData, formErrors, handleFormChange, handleErrorChange, resetFormData } = useGenericForm(INITIAL);
-    const validateForm = (params) => {
-        const errors = {};
-        let ok = true;
-        handleErrorChange(undefined, undefined, errors);
-        return ok;
+    const validateForm = () => {
+        // We don't have any specific validations for this form yet
+        handleErrorChange(undefined, undefined, {});
+        return true;
     };
-    const loadFormWithDrawerItem = ({ ruleName, notes, disabled, payloadCollection, codeAttributes }) => {
+    const loadFormWithDrawerItem = ({ ruleName, notes, disabled, payloadCollection, codeAttributes, headersCollection, customInstrumentations }) => {
         const updatedData = {
             ...INITIAL,
             ruleName,
@@ -177,6 +213,14 @@ const useInstrumentationRuleFormData = () => {
                 [CodeAttributesKeyTypes.StackTrace]: codeAttributes[CodeAttributesKeyTypes.StackTrace] || null,
             };
         }
+        if (headersCollection) {
+            updatedData['headersCollection'] = headersCollection;
+        }
+        if (customInstrumentations) {
+            updatedData['customInstrumentations'] = {
+                [CustomInstrumentationsKeyTypes.Probes]: customInstrumentations[CustomInstrumentationsKeyTypes.Probes] || null,
+            };
+        }
         handleFormChange(undefined, undefined, updatedData);
     };
     return {
@@ -3475,7 +3519,9 @@ const useTransition = ({ container, animateIn, animateOut, duration = 300 }) =>
   `;
     // !! Do not deprecate this "useCallback" hook, it is necessary for the transition to work properly
     const Transition = useCallback(({ children, enter, ...props }) => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         const [mounted, setMounted] = useState(false);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(() => {
             const t = setTimeout(() => setMounted(enter), duration + 50); // +50ms to ensure the animation is finished
             return () => clearTimeout(t);
@@ -3489,4 +3535,4 @@ const useTransition = ({ container, animateIn, animateOut, duration = 300 }) =>
     return Transition;
 };
 
-export { useCopy as a, useGenericForm as b, useInstrumentationRuleFormData as c, useKeyDown as d, useOnClickOutside as e, useTimeAgo as f, useTransition as g, useContainerSize as u };
+export { useContainerSize as a, useCopy as b, useGenericForm as c, useInstrumentationRuleFormData as d, useKeyDown as e, useOnClickOutside as f, useTimeAgo as g, useTransition as h, useClickNode as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -10,7 +10,8 @@
     "dev": "storybook dev -p 6006",
     "prebuild": "rm -rf lib",
     "build": "rollup -c --bundleConfigAsCjs",
-    "watch": "rollup -c --bundleConfigAsCjs -w"
+    "watch": "rollup -c --bundleConfigAsCjs -w",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
   },
   "release": {
     "branches": [

package/lib/containers/data-flow/nodes/skeleton-node.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { NodeTypes } from '@/types';
-import { type Node, type NodeProps } from '@xyflow/react';
-export interface SkeletonNodeProps extends NodeProps<Node<{
-    nodeWidth: number;
-}, NodeTypes.Skeleton>> {
-}
-export declare const SkeletonNode: React.FC<SkeletonNodeProps>;