@odigos/ui-kit 0.0.51 → 0.0.52

package/lib/useSourceSelectionFormData-CwggurLH.js

@@ -1,614 +0,0 @@
-import { ActionKeyTypes, ActionType, StatusType, EntityTypes, FieldTypes } from './types.js';
-import { h as useNotificationStore, F as FORM_ALERTS, c as useDrawerStore, d as useEntityStore, b as useDataStreamStore, k as useSetupStore } from './index-BC03UmY5.js';
-import { useState, useEffect, useMemo } from 'react';
-import 'styled-components';
-import { i as isEmpty, s as safeJsonParse } from './index-BnvrwbRB.js';
-import { c as useGenericForm } from './useTransition-DmHfJSEP.js';
-import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
-
-const INITIAL$2 = {
-    // @ts-expect-error - we know that the field name is in the parsedFields
-    type: '',
-    name: '',
-    notes: '',
-    signals: [],
-    disabled: false,
-    clusterAttributes: null,
-    renames: null,
-    attributeNamesToDelete: null,
-    piiCategories: null,
-    fallbackSamplingRatio: null,
-    samplingPercentage: null,
-    endpointsFilters: null,
-    servicesNameFilters: null,
-    attributeFilters: null,
-};
-const useActionFormData = () => {
-    const { addNotification } = useNotificationStore();
-    const { formData, formErrors, handleFormChange, handleErrorChange, resetFormData } = useGenericForm(INITIAL$2);
-    const validateForm = (params) => {
-        const errors = {};
-        let ok = true;
-        Object.entries(formData).forEach(([k, v]) => {
-            switch (k) {
-                case 'type':
-                case 'signals':
-                    if (isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.ClusterAttributes:
-                    if (formData.type === ActionType.AddClusterInfo && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.Renames:
-                    if (formData.type === ActionType.RenameAttributes && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.AttributeNamesToDelete:
-                    if (formData.type === ActionType.DeleteAttributes && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.PiiCategories:
-                    if (formData.type === ActionType.PiiMasking && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.FallbackSamplingRatio:
-                    if (formData.type === ActionType.ErrorSampler && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.SamplingPercentage:
-                    if (formData.type === ActionType.ProbabilisticSampler && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-                case ActionKeyTypes.EndpointsFilters:
-                    if (formData.type === ActionType.LatencySampler) {
-                        if (isEmpty(v))
-                            errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                        v?.forEach((endpoint) => {
-                            if (endpoint.httpRoute.charAt(0) !== '/')
-                                errors[k] = FORM_ALERTS.LATENCY_HTTP_ROUTE;
-                        });
-                    }
-                    break;
-                case ActionKeyTypes.ServicesNameFilters:
-                    if (formData.type === ActionType.ServiceNameSampler) {
-                        if (isEmpty(v))
-                            errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                        v?.forEach((objV) => {
-                            if (isEmpty(objV))
-                                errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                        });
-                    }
-                    break;
-                case ActionKeyTypes.AttributeFilters:
-                    if (formData.type === ActionType.SpanAttributeSampler && isEmpty(v))
-                        errors[k] = FORM_ALERTS.FIELD_IS_REQUIRED;
-                    break;
-            }
-        });
-        ok = !Object.values(errors).length;
-        if (!ok && params?.withAlert) {
-            addNotification({
-                type: StatusType.Warning,
-                title: params.alertTitle,
-                message: FORM_ALERTS.REQUIRED_FIELDS,
-                hideFromHistory: true,
-            });
-        }
-        handleErrorChange(undefined, undefined, errors);
-        return ok;
-    };
-    const loadFormWithDrawerItem = ({ type, spec }) => {
-        const updatedData = {
-            ...INITIAL$2,
-            type,
-        };
-        Object.entries(spec).forEach(([k, v]) => {
-            if (!!v) {
-                switch (k) {
-                    case 'actionName': {
-                        updatedData['name'] = v;
-                        break;
-                    }
-                    case 'type':
-                    case 'notes':
-                    case 'signals':
-                    case 'disabled':
-                    case ActionKeyTypes.CollectContainerAttributes:
-                    case ActionKeyTypes.CollectReplicaSetAttributes:
-                    case ActionKeyTypes.CollectWorkloadId:
-                    case ActionKeyTypes.CollectClusterId:
-                    case ActionKeyTypes.LabelsAttributes:
-                    case ActionKeyTypes.AnnotationsAttributes:
-                    case ActionKeyTypes.ClusterAttributes:
-                    case ActionKeyTypes.AttributeNamesToDelete:
-                    case ActionKeyTypes.Renames:
-                    case ActionKeyTypes.PiiCategories:
-                    case ActionKeyTypes.FallbackSamplingRatio:
-                    case ActionKeyTypes.SamplingPercentage:
-                    case ActionKeyTypes.EndpointsFilters:
-                    case ActionKeyTypes.ServicesNameFilters:
-                    case ActionKeyTypes.AttributeFilters: {
-                        // @ts-expect-error - we know that the field name is in the parsedFields
-                        updatedData[k] = v;
-                        break;
-                    }
-                }
-            }
-        });
-        handleFormChange(undefined, undefined, updatedData);
-    };
-    return {
-        formData,
-        formErrors,
-        handleFormChange,
-        resetFormData,
-        validateForm,
-        loadFormWithDrawerItem,
-    };
-};
-
-const useClickNotification = () => {
-    const { setDrawerType, setDrawerEntityId } = useDrawerStore();
-    const { markAsDismissed, markAsSeen } = useNotificationStore();
-    const onClickNotification = (notif, options) => {
-        const { id, crdType, target } = notif;
-        const { dismissToast } = options || {};
-        if (crdType && target) {
-            switch (crdType) {
-                case EntityTypes.InstrumentationRule:
-                    setDrawerType(EntityTypes.InstrumentationRule);
-                    setDrawerEntityId(getIdFromSseTarget(target, EntityTypes.InstrumentationRule));
-                    break;
-                case EntityTypes.Source:
-                case 'InstrumentationConfig':
-                case 'InstrumentationInstance':
-                    setDrawerType(EntityTypes.Source);
-                    setDrawerEntityId(getIdFromSseTarget(target, EntityTypes.Source));
-                    break;
-                case EntityTypes.Action:
-                    setDrawerType(EntityTypes.Action);
-                    setDrawerEntityId(getIdFromSseTarget(target, EntityTypes.Action));
-                    break;
-                case EntityTypes.Destination:
-                case 'Destination':
-                    setDrawerType(EntityTypes.Destination);
-                    setDrawerEntityId(getIdFromSseTarget(target, EntityTypes.Destination));
-                    break;
-                default:
-                    console.warn('notif click not handled for:', { crdType, target });
-                    break;
-            }
-        }
-        markAsSeen(id);
-        if (dismissToast)
-            markAsDismissed(id);
-    };
-    return { onClickNotification };
-};
-
-const useDataStreamFormData = (initialFormData) => {
-    const { addNotification } = useNotificationStore();
-    const { formData, handleFormChange, formErrors, handleErrorChange, resetFormData } = useGenericForm(initialFormData);
-    const validateForm = (params) => {
-        const errors = {};
-        let isValid = true;
-        if (!formData['name']) {
-            isValid = false;
-            errors['name'] = FORM_ALERTS.FIELD_IS_REQUIRED;
-        }
-        else if (!isLegalK8sLabel(formData['name'])) {
-            isValid = false;
-            errors['name'] = FORM_ALERTS.ILLEGAL_K8S_LABEL;
-        }
-        else {
-            errors['name'] = undefined;
-        }
-        if (!isValid && params?.withAlert) {
-            addNotification({
-                type: StatusType.Warning,
-                title: params.alertTitle,
-                message: FORM_ALERTS.REQUIRED_FIELDS,
-                hideFromHistory: true,
-            });
-        }
-        handleErrorChange(undefined, undefined, errors);
-        return isValid;
-    };
-    const loadFormWithDrawerItem = ({ name }) => {
-        const updatedData = {
-            ...initialFormData,
-            name,
-        };
-        handleFormChange(undefined, undefined, updatedData);
-    };
-    return {
-        formData,
-        formErrors,
-        handleFormChange,
-        resetFormData,
-        validateForm,
-        loadFormWithDrawerItem,
-    };
-};
-
-const INITIAL$1 = {
-    // @ts-expect-error - form should be initialized with empty values
-    type: '',
-    name: '',
-    exportedSignals: {
-        logs: false,
-        metrics: false,
-        traces: false,
-    },
-    fields: [],
-};
-const buildFormDynamicFields = (fields) => {
-    return fields
-        .filter((f) => !!f)
-        .map((f) => {
-        const { name, componentType, componentProperties, displayName, initialValue, renderCondition } = f;
-        switch (componentType) {
-            case FieldTypes.Dropdown: {
-                const componentPropertiesJson = safeJsonParse(componentProperties, {});
-                const options = Array.isArray(componentPropertiesJson.values)
-                    ? componentPropertiesJson.values.map((value) => ({
-                        id: value,
-                        value,
-                    }))
-                    : Object.entries(componentPropertiesJson.values).map(([key, value]) => ({
-                        id: key,
-                        value,
-                    }));
-                return {
-                    name,
-                    componentType: componentType,
-                    title: displayName,
-                    value: initialValue,
-                    placeholder: componentPropertiesJson.placeholder || 'Select an option',
-                    options,
-                    renderCondition,
-                    ...componentPropertiesJson,
-                };
-            }
-            default: {
-                const componentPropertiesJson = safeJsonParse(componentProperties, {});
-                return {
-                    name,
-                    componentType,
-                    title: displayName,
-                    value: initialValue,
-                    renderCondition,
-                    ...componentPropertiesJson,
-                };
-            }
-        }
-    });
-};
-const useDestinationFormData = (params) => {
-    const { supportedSignals, preLoadedFields } = params || {};
-    const { addNotification } = useNotificationStore();
-    const { formData, formErrors, handleFormChange, handleErrorChange, resetFormData } = useGenericForm(INITIAL$1);
-    const [yamlFields, setYamlFields] = useState([]);
-    const [dynamicFields, setDynamicFields] = useState([]);
-    useEffect(() => {
-        if (yamlFields) {
-            setDynamicFields(buildFormDynamicFields(yamlFields).map((field) => {
-                // if we have preloaded fields, we need to set the value of the field
-                // (this can be from an odigos-detected-destination during create, or from an existing destination during edit/update)
-                if (!!preLoadedFields) {
-                    const parsedFields = typeof preLoadedFields === 'string' ? safeJsonParse(preLoadedFields, {}) : preLoadedFields;
-                    if (field.name in parsedFields) {
-                        return {
-                            ...field,
-                            // @ts-expect-error - we know that the field name is in the parsedFields
-                            value: parsedFields[field.name],
-                        };
-                    }
-                }
-                return field;
-            }));
-        }
-        else {
-            setDynamicFields([]);
-        }
-    }, [yamlFields, preLoadedFields]);
-    useEffect(() => {
-        if (dynamicFields) {
-            const mapped = dynamicFields.map((field) => ({
-                key: field.name,
-                value: field.value,
-            }));
-            handleFormChange('fields', mapped);
-        }
-    }, [dynamicFields]);
-    useEffect(() => {
-        if (supportedSignals && mapExportedSignals(formData.exportedSignals).length === 0) {
-            const { logs, metrics, traces } = supportedSignals;
-            handleFormChange('exportedSignals', {
-                logs: logs.supported,
-                metrics: metrics.supported,
-                traces: traces.supported,
-            });
-        }
-    }, [supportedSignals, formData]);
-    const validateForm = (params) => {
-        const errors = {};
-        let ok = true;
-        dynamicFields.forEach(({ name, value, required }) => {
-            if (required && !value) {
-                ok = false;
-                errors[name] = FORM_ALERTS.FIELD_IS_REQUIRED;
-            }
-        });
-        if (!ok && params?.withAlert) {
-            addNotification({
-                type: StatusType.Warning,
-                title: params.alertTitle,
-                message: FORM_ALERTS.REQUIRED_FIELDS,
-                hideFromHistory: true,
-            });
-        }
-        handleErrorChange(undefined, undefined, errors);
-        return ok;
-    };
-    const loadFormWithDrawerItem = ({ destinationType: { type }, name, exportedSignals, fields }) => {
-        const updatedData = {
-            ...INITIAL$1,
-            type,
-            name,
-            exportedSignals,
-            fields: Object.entries(safeJsonParse(fields, {})).map(([key, value]) => ({ key, value })),
-        };
-        handleFormChange(undefined, undefined, updatedData);
-        return updatedData;
-    };
-    return {
-        formData,
-        formErrors,
-        handleFormChange,
-        resetFormData,
-        validateForm,
-        loadFormWithDrawerItem,
-        yamlFields,
-        setYamlFields,
-        dynamicFields,
-        setDynamicFields,
-    };
-};
-
-const useSessionStorage = () => {
-    const getItemSS = (key, defaultValue) => {
-        const item = sessionStorage.getItem(key);
-        return item ? safeJsonParse(item, defaultValue) : defaultValue;
-    };
-    const setItemSS = (key, value) => {
-        sessionStorage.setItem(key, JSON.stringify(value));
-    };
-    const removeItemSS = (key) => {
-        sessionStorage.removeItem(key);
-    };
-    return { getItemSS, setItemSS, removeItemSS };
-};
-
-const INITIAL = {
-    otelServiceName: '',
-    currentStreamName: '',
-};
-const useSourceFormData = () => {
-    const { formData, formErrors, handleFormChange, handleErrorChange, resetFormData } = useGenericForm(INITIAL);
-    const validateForm = () => {
-        // We don't have any specific validations for this form yet
-        handleErrorChange(undefined, undefined, {});
-        return true;
-    };
-    const loadFormWithDrawerItem = ({ otelServiceName, name }) => {
-        const updatedData = {
-            ...INITIAL,
-            otelServiceName: otelServiceName || name || '',
-        };
-        handleFormChange(undefined, undefined, updatedData);
-    };
-    return {
-        formData,
-        formErrors,
-        handleFormChange,
-        resetFormData,
-        validateForm,
-        loadFormWithDrawerItem,
-    };
-};
-
-const mapToAvailableSource = (source, selectedStreamName, selectAll) => {
-    const isBooleanOverride = typeof selectAll === 'boolean';
-    const isInCurrentStream = source.dataStreamNames?.includes(selectedStreamName) || source.currentStreamName === selectedStreamName;
-    const selected = (isBooleanOverride ? selectAll : source.selected) || false;
-    return {
-        namespace: source.namespace,
-        name: source.name,
-        kind: source.kind,
-        selected: isInCurrentStream || isBooleanOverride ? selected : false,
-        numberOfInstances: source.numberOfInstances,
-    };
-};
-const mapToSelectedSource = (source, selectedStreamName, selectAll) => {
-    return {
-        ...mapToAvailableSource(source, selectedStreamName, selectAll),
-        currentStreamName: selectedStreamName,
-    };
-};
-const mapToSelectedNamespace = (ns, selectedStreamName, selectAll) => {
-    const isBooleanOverride = typeof selectAll === 'boolean';
-    const isInCurrentStream = ns.dataStreamNames?.includes(selectedStreamName);
-    const selected = (isBooleanOverride ? selectAll : ns.selected) || false;
-    return {
-        namespace: ns.name,
-        selected: isInCurrentStream || isBooleanOverride ? selected : false,
-        currentStreamName: selectedStreamName,
-    };
-};
-const mergeAvailableAndSelectedSources = (available, selected, currentStreamName) => {
-    const payload = {};
-    Object.entries(available).forEach(([namespace, sources]) => {
-        payload[namespace] = sources.map((s) => mapToSelectedSource(s, currentStreamName));
-    });
-    Object.entries(selected).forEach(([namespace, sources]) => {
-        sources.forEach((s) => {
-            const foundIdx = payload[namespace].findIndex((src) => src.name === s.name && src.kind === s.kind);
-            const mapped = mapToSelectedSource(s, currentStreamName);
-            if (foundIdx !== -1) {
-                payload[namespace][foundIdx] = mapped;
-            }
-            else {
-                payload[namespace].push(mapped);
-            }
-        });
-    });
-    return payload;
-};
-const useSourceSelectionFormData = (params) => {
-    const { fetchSingleNamespace } = params || {};
-    const { namespaces } = useEntityStore();
-    const { selectedStreamName } = useDataStreamStore();
-    // only for "onboarding" - get unsaved values and set to state
-    // (this is to persist the values when user navigates back to this page)
-    const { configuredSources, configuredFutureApps, availableSources: availableSourcesFromStore } = useSetupStore();
-    // Keeps intial values fetched from API, so we can later filter the user-specific-selections, therebey minimizing the amount of data sent to the API on "persist sources".
-    const [availableSources, setRecordedInitialSources] = useState(availableSourcesFromStore);
-    const [selectedNamespace, setSelectedNamespace] = useState('');
-    const [selectedFutureApps, setSelectedFutureApps] = useState(configuredFutureApps);
-    const [selectedSources, setSelectedSources] = useState(mergeAvailableAndSelectedSources(availableSourcesFromStore, configuredSources, selectedStreamName));
-    const fetchAndSetThisNamespace = async (ns, selectAll) => {
-        if (fetchSingleNamespace) {
-            const { data } = await fetchSingleNamespace({ variables: { namespaceName: ns.name } });
-            const { name, sources = [] } = data?.computePlatform?.k8sActualNamespace || {};
-            if (!name)
-                return;
-            setRecordedInitialSources((prev) => ({
-                ...prev,
-                [name]: sources.map((s) => mapToAvailableSource(s, selectedStreamName)),
-            }));
-            setSelectedSources((prev) => ({
-                ...prev,
-                [name]: typeof selectAll !== 'boolean' && prev[name]?.length ? prev[name] : sources.map((s) => mapToSelectedSource(s, selectedStreamName, selectAll)),
-            }));
-        }
-    };
-    useEffect(() => {
-        if (!!namespaces?.length) {
-            // initialize empty states to avoid undefined errors
-            setRecordedInitialSources((prev) => {
-                const payload = { ...prev };
-                namespaces.forEach(({ name }) => (payload[name] = payload[name] || []));
-                return payload;
-            });
-            setSelectedSources((prev) => {
-                const payload = { ...prev };
-                namespaces.forEach(({ name }) => (payload[name] = payload[name] || []));
-                return payload;
-            });
-            setSelectedFutureApps((prev) => {
-                const payload = { ...prev };
-                namespaces.forEach((ns) => (payload[ns.name] = payload[ns.name] || mapToSelectedNamespace(ns, selectedStreamName)));
-                return payload;
-            });
-            (async () => {
-                for await (const ns of namespaces)
-                    await fetchAndSetThisNamespace(ns);
-            })();
-        }
-    }, [namespaces, selectedStreamName]);
-    // form filters
-    const [searchText, setSearchText] = useState('');
-    const [searchBy, setSearchBy] = useState(EntityTypes.Source);
-    const [showSelectedOnly, setShowSelectedOnly] = useState(false);
-    const onSelectNamespace = (nsName, selectAll) => {
-        const ns = namespaces.find((namespace) => namespace.name === nsName);
-        if (ns) {
-            setSelectedNamespace((prev) => (prev === nsName && typeof selectAll !== 'boolean' ? '' : nsName));
-            fetchAndSetThisNamespace(ns, selectAll);
-        }
-    };
-    const onSelectSource = (source, nsName) => {
-        const id = nsName || selectedNamespace;
-        if (!id)
-            return;
-        const arr = [...(selectedSources[id] || [])];
-        const foundIdx = arr.findIndex(({ name, kind }) => name === source.name && kind === source.kind);
-        if (foundIdx !== -1) {
-            // Replace the item with a new object to avoid mutating a possibly read-only object
-            const updatedItem = { ...arr[foundIdx], selected: !arr[foundIdx].selected, currentStreamName: selectedStreamName };
-            arr[foundIdx] = updatedItem;
-        }
-        else {
-            arr.push({ ...source, selected: true, currentStreamName: selectedStreamName });
-        }
-        setSelectedSources((prev) => ({ ...prev, [id]: arr }));
-    };
-    const onSelectFutureApps = (bool, nsName) => {
-        const id = nsName || selectedNamespace;
-        if (!id)
-            return;
-        const ns = namespaces.find((namespace) => namespace.name === nsName);
-        if (ns)
-            setSelectedFutureApps((prev) => ({ ...prev, [id]: mapToSelectedNamespace(ns, selectedStreamName, bool) }));
-    };
-    const filteredNamespacesAndSources = useMemo(() => {
-        const isSearchOk = (targetText, entityType) => !searchText || searchBy !== entityType || (searchBy === entityType && targetText.toLowerCase().includes(searchText));
-        const isOnlySelectedOk = (source) => !showSelectedOnly || source.selected;
-        const payload = {};
-        const filteredNamespacesMatrix = Object.entries(selectedSources).filter(([ns]) => {
-            return isSearchOk(ns, EntityTypes.Namespace);
-        });
-        filteredNamespacesMatrix.forEach(([ns, srcs]) => {
-            payload[ns] = srcs.filter((src) => isSearchOk(src.name, EntityTypes.Source) && isOnlySelectedOk(src));
-        });
-        return payload;
-    }, [selectedSources, searchText, searchBy, showSelectedOnly]);
-    // This is to filter the user-specific-selections, therebey minimizing the amount of data sent to the API on "persist sources".
-    const getApiSourcesPayload = () => {
-        const payload = {};
-        Object.entries(selectedSources).forEach(([namespace, sources]) => {
-            sources.forEach((source) => {
-                const foundInitial = availableSources[namespace]?.find((src) => src.name === source.name && src.kind === source.kind);
-                if (foundInitial?.selected !== source.selected) {
-                    if (!payload[namespace])
-                        payload[namespace] = [];
-                    payload[namespace].push(source);
-                }
-            });
-        });
-        return payload;
-    };
-    // This is to filter the user-specific-selections, therebey minimizing the amount of data sent to the API on "persist namespaces".
-    const getApiFutureAppsPayload = () => {
-        const payload = {};
-        Object.entries(selectedFutureApps).forEach(([namespace, obj]) => {
-            const foundInitial = namespaces?.find((ns) => ns.name === namespace);
-            if ((obj.selected && !foundInitial?.dataStreamNames?.includes(selectedStreamName)) || (!obj.selected && foundInitial?.dataStreamNames?.includes(selectedStreamName))) {
-                payload[namespace] = obj;
-            }
-        });
-        return payload;
-    };
-    return {
-        availableSources,
-        filteredNamespacesAndSources,
-        getApiSourcesPayload,
-        getApiFutureAppsPayload,
-        selectedNamespace,
-        onSelectNamespace,
-        selectedSources,
-        onSelectSource,
-        selectedFutureApps,
-        onSelectFutureApps,
-        searchText,
-        setSearchText,
-        searchBy,
-        setSearchBy,
-        showSelectedOnly,
-        setShowSelectedOnly,
-    };
-};
-
-export { useClickNotification as a, useDataStreamFormData as b, useDestinationFormData as c, useSessionStorage as d, useSourceFormData as e, useSourceSelectionFormData as f, useActionFormData as u };