@odigos/ui-kit 0.0.17 → 0.0.18

package/lib/useSetupStore-CoYx1UQw.js

@@ -1,211 +0,0 @@
-import { c as create } from './react-CjImwkhV.js';
-import { g as getEntityId, i as isTimeElapsed } from './index-BQs4sULy.js';
-import { E as EntityTypes } from './index-BVVVevuY.js';
-
-const useDrawerStore = create((set) => ({
-    drawerType: null,
-    drawerEntityId: null,
-    setDrawerType: (value) => set({ drawerType: value }),
-    setDrawerEntityId: (value) => set({ drawerEntityId: value }),
-}));
-
-const useEntityStore = create((set) => ({
-    namespacesLoading: false,
-    namespaces: [],
-    sourcesLoading: false,
-    sources: [],
-    destinationsLoading: false,
-    destinations: [],
-    actionsLoading: false,
-    actions: [],
-    instrumentationRulesLoading: false,
-    instrumentationRules: [],
-    setEntitiesLoading: (entityType, bool) => {
-        const KEY = entityType === EntityTypes.Namespace
-            ? 'namespacesLoading'
-            : entityType === EntityTypes.Source
-                ? 'sourcesLoading'
-                : entityType === EntityTypes.Destination
-                    ? 'destinationsLoading'
-                    : entityType === EntityTypes.Action
-                        ? 'actionsLoading'
-                        : entityType === EntityTypes.InstrumentationRule
-                            ? 'instrumentationRulesLoading'
-                            : 'NONE';
-        if (KEY === 'NONE')
-            return;
-        set({ [KEY]: bool });
-    },
-    setEntities: (entityType, payload) => {
-        const KEY = entityType === EntityTypes.Namespace
-            ? 'namespaces'
-            : entityType === EntityTypes.Source
-                ? 'sources'
-                : entityType === EntityTypes.Destination
-                    ? 'destinations'
-                    : entityType === EntityTypes.Action
-                        ? 'actions'
-                        : entityType === EntityTypes.InstrumentationRule
-                            ? 'instrumentationRules'
-                            : 'NONE';
-        if (KEY === 'NONE')
-            return;
-        set({ [KEY]: payload });
-    },
-    addEntities: (entityType, entities) => {
-        const KEY = entityType === EntityTypes.Namespace
-            ? 'namespaces'
-            : entityType === EntityTypes.Source
-                ? 'sources'
-                : entityType === EntityTypes.Destination
-                    ? 'destinations'
-                    : entityType === EntityTypes.Action
-                        ? 'actions'
-                        : entityType === EntityTypes.InstrumentationRule
-                            ? 'instrumentationRules'
-                            : 'NONE';
-        if (KEY === 'NONE')
-            return;
-        set((state) => {
-            const prev = [...state[KEY]];
-            entities.forEach((newItem) => {
-                const foundIdx = prev.findIndex((oldItem) => JSON.stringify(getEntityId(oldItem)) === JSON.stringify(getEntityId(newItem)));
-                if (foundIdx !== -1) {
-                    prev[foundIdx] = { ...prev[foundIdx], ...newItem };
-                }
-                else {
-                    prev.push(newItem);
-                }
-            });
-            return { [KEY]: prev };
-        });
-    },
-    removeEntities: (entityType, entityIds) => {
-        const KEY = entityType === EntityTypes.Namespace
-            ? 'namespaces'
-            : entityType === EntityTypes.Source
-                ? 'sources'
-                : entityType === EntityTypes.Destination
-                    ? 'destinations'
-                    : entityType === EntityTypes.Action
-                        ? 'actions'
-                        : entityType === EntityTypes.InstrumentationRule
-                            ? 'instrumentationRules'
-                            : 'NONE';
-        if (KEY === 'NONE')
-            return;
-        set((state) => {
-            const prev = [...state[KEY]];
-            entityIds.forEach((id) => {
-                const foundIdx = prev.findIndex((entity) => entityType === EntityTypes.Source ? JSON.stringify(getEntityId(entity)) === JSON.stringify(getEntityId(id)) : getEntityId(entity) === id);
-                if (foundIdx !== -1) {
-                    prev.splice(foundIdx, 1);
-                }
-            });
-            return { [KEY]: prev };
-        });
-    },
-    resetEntityStore: () => {
-        set({
-            namespacesLoading: false,
-            namespaces: [],
-            sourcesLoading: false,
-            sources: [],
-            destinationsLoading: false,
-            destinations: [],
-            actionsLoading: false,
-            actions: [],
-            instrumentationRulesLoading: false,
-            instrumentationRules: [],
-        });
-    },
-}));
-
-const useModalStore = create((set) => ({
-    currentModal: '',
-    setCurrentModal: (str) => set({ currentModal: str }),
-}));
-
-const useNotificationStore = create((set, get) => ({
-    notifications: [],
-    addNotification: (notif) => {
-        const date = new Date();
-        const id = `${date.getTime().toString()}${!!notif.target ? `#${notif.target}` : ''}`;
-        // This is to prevent duplicate notifications within a 10 second time-frame.
-        // This is useful for notifications that are triggered multiple times in a short period, like failed API queries...
-        const foundThisNotif = !!get().notifications.find((n) => n.type === notif.type && n.title === notif.title && n.message === notif.message && !isTimeElapsed(n.time, 3000)); // 3 seconds
-        if (!foundThisNotif) {
-            set((state) => ({
-                notifications: [
-                    {
-                        ...notif,
-                        id,
-                        time: date.toISOString(),
-                        dismissed: false,
-                        seen: false,
-                    },
-                    ...state.notifications,
-                ],
-            }));
-        }
-    },
-    markAsDismissed: (id) => {
-        set((state) => {
-            const foundIdx = state.notifications.findIndex((notif) => notif.id === id);
-            if (foundIdx !== -1) {
-                state.notifications[foundIdx].dismissed = true;
-            }
-            return {
-                notifications: state.notifications,
-            };
-        });
-    },
-    markAsSeen: (id) => {
-        set((state) => {
-            const foundIdx = state.notifications.findIndex((notif) => notif.id === id);
-            if (foundIdx !== -1) {
-                state.notifications[foundIdx].seen = true;
-            }
-            return {
-                notifications: state.notifications,
-            };
-        });
-    },
-    removeNotification: (id) => {
-        set((state) => {
-            const foundIdx = state.notifications.findIndex((notif) => notif.id === id);
-            if (foundIdx !== -1) {
-                state.notifications.splice(foundIdx, 1);
-            }
-            return {
-                notifications: state.notifications,
-            };
-        });
-    },
-    removeNotifications: (target) => {
-        if (!target)
-            return;
-        set((state) => {
-            const filtered = state.notifications.filter((notif) => notif.id.split('#')[1] !== target);
-            return {
-                notifications: filtered,
-            };
-        });
-    },
-}));
-
-const useSetupStore = create((set) => ({
-    availableSources: {},
-    configuredSources: {},
-    configuredFutureApps: {},
-    configuredDestinations: [],
-    setAvailableSources: (payload) => set({ availableSources: payload }),
-    setConfiguredSources: (payload) => set({ configuredSources: payload }),
-    setConfiguredFutureApps: (payload) => set({ configuredFutureApps: payload }),
-    setConfiguredDestinations: (payload) => set({ configuredDestinations: payload }),
-    addConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: [...state.configuredDestinations, payload] })),
-    removeConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: state.configuredDestinations.filter(({ stored }) => stored.type !== payload.type) })),
-    resetState: () => set(() => ({ availableSources: {}, configuredSources: {}, configuredFutureApps: {}, configuredDestinations: [] })),
-}));
-
-export { useEntityStore as a, useModalStore as b, useNotificationStore as c, useSetupStore as d, useDrawerStore as u };

package/lib/useTransition-D0wUpPGk.js

@@ -1,128 +0,0 @@
-import React, { useRef, useState, useEffect, useCallback } from 'react';
-import styled from 'styled-components';
-
-const useContainerSize = () => {
-    const ref = useRef(null);
-    const [width, setWidth] = useState(0);
-    const [height, setHeight] = useState(0);
-    useEffect(() => {
-        const resize = () => {
-            if (ref.current) {
-                const { width, height } = ref.current.getBoundingClientRect();
-                setWidth(width);
-                setHeight(height);
-            }
-        };
-        resize();
-        window.addEventListener('resize', resize);
-        return () => window.removeEventListener('resize', resize);
-    }, []);
-    return {
-        containerRef: ref,
-        containerWidth: width,
-        containerHeight: height,
-    };
-};
-
-const useCopy = () => {
-    const [isCopied, setIsCopied] = useState(false);
-    const [copiedIndex, setCopiedIndex] = useState(-1);
-    const clickCopy = async (str, idx) => {
-        if (!isCopied) {
-            setIsCopied(true);
-            if (idx !== undefined)
-                setCopiedIndex(idx);
-            if (navigator?.clipboard && navigator.clipboard.writeText) {
-                try {
-                    await navigator.clipboard.writeText(str);
-                }
-                catch (err) {
-                    console.error('Clipboard write failed:', err);
-                }
-            }
-            else {
-                // Fallback: Create a temporary textarea
-                const textArea = document.createElement('textarea');
-                textArea.value = str;
-                document.body.appendChild(textArea);
-                textArea.select();
-                try {
-                    document.execCommand('copy');
-                }
-                catch (err) {
-                    console.error('execCommand copy failed:', err);
-                }
-                document.body.removeChild(textArea);
-            }
-            setTimeout(() => {
-                setIsCopied(false);
-                setCopiedIndex(-1);
-            }, 1000);
-        }
-    };
-    return { isCopied, copiedIndex, clickCopy };
-};
-
-const useKeyDown = ({ active, key, withAltKey, withCtrlKey, withShiftKey, withMetaKey }, callback) => {
-    useEffect(() => {
-        const handleKeyDown = (e) => {
-            if (active &&
-                key === e.key &&
-                (!withAltKey || (withAltKey && e.altKey)) &&
-                (!withCtrlKey || (withCtrlKey && e.ctrlKey)) &&
-                (!withShiftKey || (withShiftKey && e.shiftKey)) &&
-                (!withMetaKey || (withMetaKey && e.metaKey))) {
-                e.preventDefault();
-                e.stopPropagation();
-                callback(e);
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [key, active, withAltKey, withCtrlKey, withShiftKey, withMetaKey, callback]);
-    return null;
-};
-
-const useOnClickOutside = (ref, handler) => {
-    useEffect(() => {
-        const listener = (event) => {
-            // Do nothing if clicking ref's element or descendent elements
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
-            }
-            handler();
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return () => {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [ref, handler]);
-};
-
-const useTransition = ({ container, animateIn, animateOut, duration = 300 }) => {
-    const Animated = styled(container) `
-    animation-name: ${({ $isEntering, $isLeaving }) => ($isEntering ? animateIn : $isLeaving ? animateOut : 'none')};
-    animation-duration: ${duration}ms;
-    animation-fill-mode: forwards;
-  `;
-    // !! Do not deprecate this "useCallback" hook, it is necessary for the transition to work properly
-    const Transition = useCallback(({ children, enter, ...props }) => {
-        const [mounted, setMounted] = useState(false);
-        useEffect(() => {
-            const t = setTimeout(() => setMounted(enter), duration + 50); // +50ms to ensure the animation is finished
-            return () => clearTimeout(t);
-        }, [enter, duration]);
-        if (!enter && !mounted)
-            return null;
-        return (React.createElement(Animated, { "$isEntering": enter, "$isLeaving": !enter && mounted, ...props }, children));
-    }, 
-    // !! Do not add dependencies here, it will cause re-renders which we want to avoid
-    []);
-    return Transition;
-};
-
-export { useCopy as a, useKeyDown as b, useOnClickOutside as c, useTransition as d, useContainerSize as u };