@odigos/ui-kit 0.0.33 → 0.0.35

package/lib/{index-BedCNcwV.js → index-THrvNIPj.js}

@@ -1,14 +1,13 @@
 import React, { useState, useEffect, useRef, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
-import { T as Theme, n as ImageErrorIcon, M as MONITORS_OPTIONS } from './index-CVH8Q8Sl.js';
+import { T as Theme, o as ImageErrorIcon, M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-CKOBXat_.js';
+import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
+import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-CEWs8CTN.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString, n as numbersOnly } from './index-CCX1HLUr.js';
 import styled, { css } from 'styled-components';
-import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-CNfdJ1X8.js';
-import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages } from './types.js';
 import { s as safeJsonParse, i as isEmpty } from './index-BV85P9UP.js';
-import { B as BUTTON_TEXTS } from './index-mOgS3e5E.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-B_Gl6Qa6.js';
-import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-B0eagOib.js';
+import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-D9f1CP9n.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-Do3CYz7N.js';
+import { I as InfoIcon } from './index-BVj4fOL3.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -3992,6 +3991,9 @@ const Row = styled.div `
 const TextNoWrap = styled(Text) `
   white-space: nowrap;
 `;
+const IconWrap$1 = styled(FlexColumn) `
+  width: 16px;
+`;
 const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed', headerLabelWarning = "Something isn't right", headerLabelSuccess = 'Everything Successful', }) => {
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(false);
@@ -4022,9 +4024,9 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
             React.createElement(Text, { color: headerSubTextColor, size: 12, family: 'secondary' }, headerSubText),
             React.createElement(ExtendArrow, { extend: extend, align: 'right' })),
         extend && (React.createElement(Body, null, conditions.map(({ status, type, reason, message, lastTransitionTime }, idx) => {
-            const Icon = status === 'loading' ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === 'disabled' ? getStatusIcon(StatusType.Info, theme) : getStatusIcon(status, theme);
-            const color = status === 'disabled' ? theme.text.info : status === StatusType.Error ? theme.text.error : status === StatusType.Warning ? theme.text.warning : theme.text.info;
-            const boldColor = status === 'disabled'
+            const Icon = status === OtherStatus.Loading ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === OtherStatus.Disabled ? getStatusIcon(StatusType.Info, theme) : getStatusIcon(status, theme);
+            const color = status === OtherStatus.Disabled ? theme.text.info : status === StatusType.Error ? theme.text.error : status === StatusType.Warning ? theme.text.warning : theme.text.info;
+            const boldColor = status === OtherStatus.Disabled
                 ? theme.text.info_secondary
                 : status === StatusType.Error
                     ? theme.text.error_secondary
@@ -4032,7 +4034,8 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
                         ? theme.text.warning_secondary
                         : theme.text.info_secondary;
             return (React.createElement(Row, { key: `condition-${idx}` },
-                React.createElement(Icon, null),
+                React.createElement(IconWrap$1, null,
+                    React.createElement(Icon, null)),
                 React.createElement(FlexRow, { "$gap": 12, style: { width: '100%', justifyContent: 'space-between' } },
                     React.createElement(Text, { color: color, size: 12 },
                         React.createElement(TextNoWrap, { color: boldColor, size: 12, weight: 700 }, type),
@@ -4640,7 +4643,7 @@ const RenderValue = ({ type, value }) => {
                 actualDevice: { title: '', subTitle: '', tooltip: '' },
                 processes: [{ health: StatusType.Info, message: '', identifyingAttributes: [] }],
             });
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${processes.length} Instrumented Processes`, renderActions: () => {
+            return (React.createElement(DataTab, { title: containerName, subTitle: processes.length ? `${processes.length} Instrumented Processes` : undefined, renderActions: () => {
                     return React.createElement(Status, { status: StatusType.Info, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true });
                 }, extendableProps: {
                     isExtended: !!processes.length,
@@ -4655,29 +4658,29 @@ const RenderValue = ({ type, value }) => {
                 } }));
         }
         case DataCardFieldTypes.SourceContainer: {
-            const { containerName, language, runtimeVersion, instrumented, instrumentationMessage, otelDistroName } = safeJsonParse(value, {
+            const { containerName, language, runtimeVersion, instrumented, instrumentationMessage, otelDistroName, isDisabled } = safeJsonParse(value, {
                 containerName: '',
                 language: ProgrammingLanguages.Unknown,
                 runtimeVersion: '',
                 instrumented: false,
                 instrumentationMessage: '',
                 otelDistroName: '',
+                isDisabled: false,
             });
             const awaitingInstrumentation = !instrumented && !instrumentationMessage;
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${language === ProgrammingLanguages.JavaScript ? 'Node.js' : capitalizeFirstLetter(language)}` + (!!runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: {
-                    icon: getProgrammingLanguageIcon(language),
-                }, extendableProps: {
+            const statusType = isDisabled ? StatusType.Info : instrumented ? StatusType.Success : awaitingInstrumentation ? StatusType.Warning : StatusType.Error;
+            const statusTitle = isDisabled
+                ? IntrumentationStatus.NOT_INSTRUMENTED
+                : instrumented
+                    ? IntrumentationStatus.INSTRUMNETED
+                    : awaitingInstrumentation
+                        ? `${IntrumentationStatus.INSTRUMENTING}...`
+                        : IntrumentationStatus.UNINSTRUMENTED;
+            return (React.createElement(DataTab, { title: containerName, subTitle: `${language === ProgrammingLanguages.JavaScript ? 'Node.js' : capitalizeFirstLetter(language)}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
                     isExtended: !!instrumentationMessage,
-                    renderExtended: () => {
-                        if (!!instrumentationMessage) {
-                            return (React.createElement(AlignCenter, null,
-                                React.createElement(Status, { status: StatusType.Info, title: splitCamelString(instrumentationMessage) })));
-                        }
-                        return null;
-                    },
-                }, renderActions: () => {
-                    return (React.createElement(Status, { status: instrumented ? StatusType.Success : awaitingInstrumentation ? StatusType.Warning : StatusType.Error, title: instrumented ? 'Instrumented' : awaitingInstrumentation ? 'Instrumenting...' : 'Uninstrumented', subtitle: otelDistroName, withIcon: true, withBorder: true }));
-                } }));
+                    renderExtended: () => (React.createElement(AlignCenter, null,
+                        React.createElement(Status, { status: StatusType.Info, title: splitCamelString(instrumentationMessage) }))),
+                }, renderActions: () => React.createElement(Status, { status: statusType, title: statusTitle, subtitle: otelDistroName, withIcon: true, withBorder: true }) }));
         }
         default: {
             return React.createElement(PreWrap, null, parseJsonStringToPrettyString(typeof value === 'string' ? value || '-' : ''));
@@ -4726,7 +4729,7 @@ const DataCard = ({ title = 'Details', titleBadge, description, action: Action,
         !!title || !!description || !!Action ? (React.createElement(Header$1, { "$clickable": withExtend || false, onClick: () => withExtend && setExtend((prev) => !prev), onMouseEnter: () => withExtend && setHovered(true), onMouseLeave: () => withExtend && setHovered(false) },
             (!!title || !!Action) && (React.createElement(Title$8, null,
                 title,
-                titleBadge !== undefined && React.createElement(Badge, { label: titleBadge }),
+                titleBadge === OtherStatus.Loading ? React.createElement(FadeLoader, null) : titleBadge !== undefined && React.createElement(Badge, { label: titleBadge }),
                 React.createElement(ActionWrapper, null,
                     typeof Action === 'function' ? React.createElement(Action, null) : Action,
                     withExtend && React.createElement(ExtendArrow, { extend: false })))),
@@ -5001,15 +5004,15 @@ const Button$1 = styled.button `
     cursor: not-allowed;
   }
 `;
-const Input = ({ icon: Icon, buttonLabel, onButtonClick, hasError, errorMessage, title, tooltip, required, onChange, type = 'text', name, ...props }) => {
+const Input = ({ icon: Icon, buttonLabel, onButtonClick, hasError, errorMessage, title, tooltip, required, value, onChange, type = InputTypes.Text, name, ...props }) => {
     const theme = Theme.useTheme();
-    const isSecret = type === 'password';
+    const isSecret = type === InputTypes.Password;
     const [revealSecret, setRevealSecret] = useState(false);
     const handleInputChange = (e) => {
         e.stopPropagation();
-        const v = e.target.value;
-        const actualValue = type === 'number' ? v.replace(/[^\d]/g, '') : v;
-        e.target.value = actualValue;
+        if (type === InputTypes.Number) {
+            e.target.value = numbersOnly(e.target.value);
+        }
         onChange?.(e);
     };
     const handleKeyDown = (e) => {
@@ -5021,7 +5024,7 @@ const Input = ({ icon: Icon, buttonLabel, onButtonClick, hasError, errorMessage,
         React.createElement(InputWrapper$1, { "$disabled": props.disabled, "$hasError": hasError || !!errorMessage, "$isActive": !!props.autoFocus },
             isSecret ? (React.createElement(IconWrapperClickable, { onClick: () => setRevealSecret((prev) => !prev) }, revealSecret ? React.createElement(EyeClosedIcon, { size: 14, fill: theme.text.grey }) : React.createElement(EyeOpenIcon, { size: 14, fill: theme.text.grey }))) : Icon ? (React.createElement(IconWrapper$2, null,
                 React.createElement(Icon, { size: 14, fill: theme.text.grey }))) : null,
-            React.createElement(StyledInput, { "data-id": name, type: revealSecret ? 'text' : type, "$hasIcon": !!Icon || isSecret, name: name, onChange: handleInputChange, onKeyDown: handleKeyDown, ...props }),
+            React.createElement(StyledInput, { "data-id": name, type: revealSecret ? InputTypes.Text : type === InputTypes.Number ? InputTypes.Text : type, "$hasIcon": !!Icon || isSecret, name: name, value: value, onChange: handleInputChange, onKeyDown: handleKeyDown, ...props }),
             buttonLabel && onButtonClick && (React.createElement(Button$1, { onClick: onButtonClick, disabled: props.disabled }, buttonLabel))),
         !!errorMessage && React.createElement(FieldError, null, errorMessage)));
 };
@@ -5098,7 +5101,7 @@ const IconWrapper$1 = styled.div `
   align-items: center;
   gap: 4px;
 `;
-const Dropdown = ({ options, value, onSelect, onDeselect, title, tooltip, placeholder, disabled = false, isMulti = false, showSearch = false, required = false, errorMessage }) => {
+const Dropdown = ({ options, value, onSelect, onDeselect, title, tooltip, placeholder, disabled = false, isMulti = false, showSearch = false, required = false, errorMessage, hasError = false, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [openUpwards, setOpenUpwards] = useState(false);
     const containerRef = useRef(null);
@@ -5118,7 +5121,7 @@ const Dropdown = ({ options, value, onSelect, onDeselect, title, tooltip, placeh
     return (React.createElement(RootContainer, { "$disabled": disabled },
         React.createElement(FieldLabel, { title: title, required: required, tooltip: tooltip }),
         React.createElement(RelativeContainer, { ref: containerRef },
-            React.createElement(DropdownHeader, { "$isOpen": isOpen, "$isMulti": isMulti, "$hasSelections": Array.isArray(value) ? !!value.length : false, "$hasError": !!errorMessage, "$disabled": disabled, onClick: () => !disabled && toggleOpen() },
+            React.createElement(DropdownHeader, { "$isOpen": isOpen, "$isMulti": isMulti, "$hasSelections": Array.isArray(value) ? !!value.length : false, "$hasError": !!errorMessage || hasError, "$disabled": disabled, onClick: () => !disabled && toggleOpen() },
                 React.createElement(DropdownPlaceholder, { value: value, placeholder: placeholder, onDeselect: onDeselect }),
                 React.createElement(IconWrapper$1, null,
                     isMulti && React.createElement(Badge, { label: arrLen, filled: !!arrLen }),
@@ -5391,22 +5394,44 @@ const InputList = ({ initialValues = [], value, onChange, title, tooltip, requir
         React.createElement(AddButton, { onClick: handleAddInput, disabled: isAddButtonDisabled })));
 };
 
+const ColumnsToFields = ({ col, colIdx, row, rowIdx, rowsLength, maxWidth, handleChange, errorMessage, limitFieldsPerRow }) => {
+    const { keyName, title, tooltip, placeholder, required, type, componentType, options, renderCondition } = col;
+    const value = row[keyName];
+    if (renderCondition && !renderCondition(row))
+        return null;
+    const render = () => {
+        switch (componentType) {
+            case FieldTypes.Dropdown:
+                const selectedOption = options?.find((opt) => opt.id === value);
+                return (React.createElement(Dropdown, { title: limitFieldsPerRow ? title : undefined, tooltip: limitFieldsPerRow ? tooltip : undefined, placeholder: placeholder, required: required, options: options || [], value: selectedOption, onSelect: (opt) => handleChange(keyName, opt.id, rowIdx), onDeselect: (opt) => handleChange(keyName, '', rowIdx), hasError: !!errorMessage && (!required || (required && isEmpty(value))) }));
+            default:
+                const hasMoreThanOneRow = rowsLength > 1;
+                const isLastRow = rowIdx === rowsLength - 1;
+                const isFirstColumn = colIdx === 0;
+                const shouldAutoFocus = hasMoreThanOneRow && isLastRow && isFirstColumn && isEmpty(value);
+                return (React.createElement(Input, { title: limitFieldsPerRow ? title : undefined, tooltip: limitFieldsPerRow ? tooltip : undefined, placeholder: placeholder, type: type, required: required, autoFocus: shouldAutoFocus, value: value, onChange: ({ target: { value: val } }) => handleChange(keyName, val, rowIdx), style: { maxWidth, paddingLeft: 10 }, hasError: !!errorMessage && (!required || (required && isEmpty(value))) }));
+        }
+    };
+    return (React.createElement("td", { key: `input-table-${rowIdx}-${keyName}`, style: { maxWidth, padding: '4px 6px 4px 0' } }, render()));
+};
+
 const Container$b = styled.div `
   display: flex;
   flex-direction: column;
   width: 100%;
 `;
 const DeleteButton$1 = styled.button `
+  margin-top: ${({ $marginTop }) => $marginTop};
   background: none;
   border: none;
-  cursor: pointer;
   cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
   opacity: ${({ disabled }) => (disabled ? 0.5 : 1)};
 `;
-const InputTable = ({ columns, initialValues = [], value, onChange, errorMessage }) => {
+const InputTable = ({ columns, initialValues = [], value, onChange, errorMessage, limitFieldsPerRow }) => {
     // INITIAL_ROW as state, because it's dynamic to the "columns" prop
     const [initialRow, setInitialRow] = useState({});
     const [rows, setRows] = useState(value || initialValues);
+    const columnMap = useMemo(() => new Map(columns.map((col) => [col.keyName, col])), [columns]);
     useEffect(() => {
         if (!rows.length) {
             const init = {};
@@ -5415,9 +5440,28 @@ const InputTable = ({ columns, initialValues = [], value, onChange, errorMessage
             setRows([{ ...init }]);
         }
     }, []);
+    const isRowValid = (row) => {
+        for (const [key, val] of Object.entries(row)) {
+            const col = columnMap.get(key);
+            if (col?.renderCondition && !col.renderCondition(row)) {
+                // If the column has a render condition and it shouldn't render, skip/pass this column as valid
+                continue;
+                // Else, keep checking it below
+            }
+            if (col?.required && isEmpty(val)) {
+                // If the column is required, and is empty, this row is invalid
+                return false;
+            }
+        }
+        return true;
+    };
     // Filter out rows where either key or value is empty
-    const validRows = rows.filter((row) => !Object.values(row).filter((val) => isEmpty(val)).length);
+    const validRows = rows.filter(isRowValid);
     const recordedRows = useRef(JSON.stringify(validRows));
+    const isAddButtonDisabled = validRows.length !== rows.length;
+    // adjust cell-width based on the amount of inputs on-screen,
+    // the "0.4" is to consider the delete button
+    const maxWidth = `${Math.floor(640 / ((limitFieldsPerRow || columns.length) + 0.4))}px`;
     useEffect(() => {
         const stringified = JSON.stringify(validRows);
         // Only trigger onChange if valid key-value pairs have changed
@@ -5435,7 +5479,12 @@ const InputTable = ({ columns, initialValues = [], value, onChange, errorMessage
         });
     };
     const handleDeleteRow = (idx) => {
-        setRows((prev) => prev.filter((_, i) => i !== idx));
+        if (rows.length > 1) {
+            setRows((prev) => prev.filter((_, i) => i !== idx));
+        }
+        else {
+            columns.forEach(({ keyName, type }) => handleChange(keyName, type === InputTypes.Number ? '0' : '', idx));
+        }
     };
     const handleChange = (key, val, idx) => {
         setRows((prev) => {
@@ -5444,36 +5493,35 @@ const InputTable = ({ columns, initialValues = [], value, onChange, errorMessage
             return payload;
         });
     };
-    // Check if any key or value field is empty
-    const isMinRows = rows.length <= 1;
-    const isAddButtonDisabled = rows.some((row) => !!Object.values(row).filter((val) => isEmpty(val)).length);
-    const isDelButtonDisabled = isMinRows && isAddButtonDisabled;
-    // adjust cell-width based on the amount of inputs on-screen,
-    // the "0.4" is to consider the delete button
-    const maxWidth = `${Math.floor(640 / (columns.length + 0.4))}px`;
+    const matrixColumns = useMemo(() => {
+        if (limitFieldsPerRow) {
+            const matrix = [];
+            for (let i = 0; true; i += limitFieldsPerRow) {
+                const arr = columns.slice(i, i + limitFieldsPerRow);
+                if (!arr.length)
+                    break;
+                matrix.push(arr);
+            }
+            return matrix;
+        }
+        return [columns];
+    }, [limitFieldsPerRow, columns]);
     return (React.createElement(Container$b, null,
         React.createElement("table", { style: { borderCollapse: 'collapse' } },
-            React.createElement("thead", null,
+            !limitFieldsPerRow && (React.createElement("thead", null,
                 React.createElement("tr", null,
                     columns.map(({ title, tooltip, required }) => (React.createElement("th", { key: `input-table-head-${title}`, style: { maxWidth } },
                         React.createElement(FieldLabel, { title: title, required: required, tooltip: tooltip })))),
-                    React.createElement("th", null))),
-            React.createElement("tbody", null, rows.map((row, idx) => (React.createElement("tr", { key: `input-table-row-${idx}` },
-                columns.map(({ type, keyName, placeholder, required }, innerIdx) => {
-                    const value = row[keyName];
-                    return (React.createElement("td", { key: `input-table-${idx}-${keyName}`, style: { maxWidth, padding: '4px 6px 4px 0' } },
-                        React.createElement(Input, { autoFocus: isEmpty(value) && !isMinRows && idx === rows.length - 1 && innerIdx === 0, type: type, placeholder: placeholder, value: value, onChange: ({ target: { value: val } }) => handleChange(keyName, type === 'number' ? Number(val) : val, idx), style: { maxWidth, paddingLeft: 10 }, hasError: !!errorMessage && (!required || (required && isEmpty(value))) })));
-                }),
-                React.createElement("td", null,
-                    React.createElement(DeleteButton$1, { disabled: isDelButtonDisabled, onClick: () => {
-                            if (isMinRows) {
-                                columns.forEach(({ keyName }) => handleChange(keyName, '', idx));
-                            }
-                            else {
-                                handleDeleteRow(idx);
-                            }
-                        } },
-                        React.createElement(TrashIcon, null)))))))),
+                    React.createElement("th", null)))),
+            React.createElement("tbody", null, rows.map((row, rowIdx) => (React.createElement(Fragment, { key: `input-table-row-${rowIdx}` },
+                limitFieldsPerRow && rowIdx > 0 ? (React.createElement("tr", null,
+                    React.createElement("td", { colSpan: matrixColumns.length },
+                        React.createElement(Divider, null)))) : null,
+                matrixColumns.map((cols, colIdx) => (React.createElement("tr", { key: `input-table-matrix-${rowIdx}-${colIdx}` },
+                    cols.map((obj, colIdx) => (React.createElement(ColumnsToFields, { key: `input-table-row-${rowIdx}-col-${colIdx}`, col: obj, colIdx: colIdx, row: row, rowIdx: rowIdx, rowsLength: rows.length, maxWidth: maxWidth, limitFieldsPerRow: limitFieldsPerRow, errorMessage: errorMessage, handleChange: handleChange }))),
+                    colIdx === 0 && (React.createElement("td", null,
+                        React.createElement(DeleteButton$1, { "$marginTop": limitFieldsPerRow ? '24px' : '0', onClick: () => handleDeleteRow(rowIdx) },
+                            React.createElement(TrashIcon, null)))))))))))),
         !!errorMessage && React.createElement(FieldError, null, errorMessage),
         React.createElement(AddButton, { onClick: handleAddRow, disabled: isAddButtonDisabled })));
 };

package/lib/{index-Iq7U_fzb.js → index-dLZvpGw3.js}

@@ -1,11 +1,10 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { K as K8sLogo } from './index-CVH8Q8Sl.js';
-import { D as DEFAULT_DATA_STREAM_NAME } from './index-mOgS3e5E.js';
-import { a as getProgrammingLanguageIcon } from './index-B_Gl6Qa6.js';
+import { D as DEFAULT_DATA_STREAM_NAME, K as K8sLogo } from './index-CKOBXat_.js';
+import { a as getProgrammingLanguageIcon } from './index-CCX1HLUr.js';
 import 'react';
 import 'styled-components';
-import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-1N9wymEq.js';
-import { K as KafkaLogo, O as OdigosLogo } from './index-Do3CYz7N.js';
+import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-9R2N835W.js';
+import { K as KafkaLogo, O as OdigosLogo } from './index-BVj4fOL3.js';
 import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -328,12 +327,6 @@ const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
         .filter((item) => item.value !== null);
 };
 
-const mapExportedSignals = (exportedSignals) => {
-    if (!exportedSignals)
-        return [];
-    return Object.keys(exportedSignals).filter((signal) => exportedSignals[signal]);
-};
-
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getConditionsBooleans as i, getContainersInstrumentedCount as j, getContainersIcons as k, getDestinationIcon as l, getEntityIcon as m, getEntityLabel as n, getMetricForEntity as o, getPlatformIcon as p, getPlatformLabel as q, getValueForRange as r, getWorkloadId as s, getYamlFieldsForDestination as t, isOverTime as u, mapDestinationFieldsForDisplay as v, mapExportedSignals as w, sleep as x };
+export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getConditionsBooleans as i, getContainersInstrumentedCount as j, getContainersIcons as k, getDestinationIcon as l, getEntityIcon as m, getEntityLabel as n, getMetricForEntity as o, getPlatformIcon as p, getPlatformLabel as q, getValueForRange as r, getWorkloadId as s, getYamlFieldsForDestination as t, isOverTime as u, mapDestinationFieldsForDisplay as v, sleep as w };

package/lib/mock-data/sources/index.d.ts

@@ -1,4 +1,6 @@
 import { K8sResourceKind, ProgrammingLanguages, type Source } from '@/types';
+export declare const MOCK_SOURCES_SIMPLE_DEMO: Source[];
+export declare const MOCK_SOURCES_GOOGLE: Source[];
 export declare const MOCK_SOURCES: Source[];
 export declare const MOCK_SOURCE_JAEGER: {
     namespace: string;

package/lib/snippets.js

@@ -1,14 +1,13 @@
-export { A as AddButton } from './index-BedCNcwV.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-BjVl4-os.js';
+export { A as AddButton } from './index-THrvNIPj.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-DmCjUtBQ.js';
 import 'react';
-import './index-CVH8Q8Sl.js';
+import './index-CKOBXat_.js';
 import './types.js';
 import 'styled-components';
-import './index-CNfdJ1X8.js';
+import './index-CEWs8CTN.js';
+import './index-CCX1HLUr.js';
+import './index-BVj4fOL3.js';
 import './index-BV85P9UP.js';
-import './index-mOgS3e5E.js';
-import './index-B_Gl6Qa6.js';
-import './index-Do3CYz7N.js';
-import './useTransition-B0eagOib.js';
+import './useTransition-D9f1CP9n.js';
 import 'react-dom';
-import './index-BQQZyvRz.js';
+import './index-DqaI44fJ.js';

package/lib/store.js

@@ -1,4 +1,4 @@
-export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-CVH8Q8Sl.js';
+export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-CKOBXat_.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

@@ -1,4 +1,4 @@
-export { T as default } from './index-CVH8Q8Sl.js';
+export { T as default } from './index-CKOBXat_.js';
 import 'styled-components';
 import 'react';
 import './types.js';

package/lib/types/actions/index.d.ts

@@ -1,14 +1,37 @@
 import { SignalType } from '../signals';
 import type { Condition, SVG } from '../common';
+export declare enum ActionCategory {
+    Attributes = "attributes",
+    Samplers = "samplers"
+}
 export declare enum ActionType {
     K8sAttributes = "K8sAttributesResolver",
     AddClusterInfo = "AddClusterInfo",
     DeleteAttributes = "DeleteAttribute",
     RenameAttributes = "RenameAttribute",
+    PiiMasking = "PiiMasking",
     ErrorSampler = "ErrorSampler",
     ProbabilisticSampler = "ProbabilisticSampler",
     LatencySampler = "LatencySampler",
-    PiiMasking = "PiiMasking"
+    ServiceNameSampler = "ServiceNameSampler",
+    SpanAttributeSampler = "SpanAttributeSampler"
+}
+export declare enum ActionKeyTypes {
+    CollectContainerAttributes = "collectContainerAttributes",
+    CollectReplicaSetAttributes = "collectReplicaSetAttributes",
+    CollectWorkloadId = "collectWorkloadId",
+    CollectClusterId = "collectClusterId",
+    LabelsAttributes = "labelsAttributes",
+    AnnotationsAttributes = "annotationsAttributes",
+    ClusterAttributes = "clusterAttributes",
+    AttributeNamesToDelete = "attributeNamesToDelete",
+    Renames = "renames",
+    PiiCategories = "piiCategories",
+    FallbackSamplingRatio = "fallbackSamplingRatio",
+    SamplingPercentage = "samplingPercentage",
+    EndpointsFilters = "endpointsFilters",
+    ServicesNameFilters = "servicesNameFilters",
+    AttributeFilters = "attributeFilters"
 }
 export interface Action {
     id: string;
@@ -19,35 +42,23 @@ export interface Action {
         notes?: string;
         signals: SignalType[];
         disabled?: boolean;
-        collectContainerAttributes?: boolean | null;
-        collectReplicaSetAttributes?: boolean | null;
-        collectWorkloadId?: boolean | null;
-        collectClusterId?: boolean | null;
-        labelsAttributes?: {
-            labelKey: string;
-            attributeKey: string;
-        }[] | null;
-        annotationsAttributes?: {
-            annotationKey: string;
-            attributeKey: string;
-        }[] | null;
-        clusterAttributes?: {
-            attributeName: string;
-            attributeStringValue: string;
-        }[] | null;
-        attributeNamesToDelete?: string[] | null;
-        renames?: {
+        [ActionKeyTypes.CollectContainerAttributes]?: boolean | null;
+        [ActionKeyTypes.CollectReplicaSetAttributes]?: boolean | null;
+        [ActionKeyTypes.CollectWorkloadId]?: boolean | null;
+        [ActionKeyTypes.CollectClusterId]?: boolean | null;
+        [ActionKeyTypes.LabelsAttributes]?: LabelsAttributes[] | null;
+        [ActionKeyTypes.AnnotationsAttributes]?: AnnotationsAttributes[] | null;
+        [ActionKeyTypes.ClusterAttributes]?: ClusterAttributes[] | null;
+        [ActionKeyTypes.AttributeNamesToDelete]?: string[] | null;
+        [ActionKeyTypes.Renames]?: {
             [oldKey: string]: string;
         } | null;
-        piiCategories?: string[] | null;
-        fallbackSamplingRatio?: number | null;
-        samplingPercentage?: number | null;
-        endpointsFilters?: {
-            serviceName: string;
-            httpRoute: string;
-            minimumLatencyThreshold: number;
-            fallbackSamplingRatio: number;
-        }[] | null;
+        [ActionKeyTypes.PiiCategories]?: string[] | null;
+        [ActionKeyTypes.FallbackSamplingRatio]?: number | null;
+        [ActionKeyTypes.SamplingPercentage]?: number | null;
+        [ActionKeyTypes.EndpointsFilters]?: EndpointsFilters[] | null;
+        [ActionKeyTypes.ServicesNameFilters]?: ServicesNameFilters[] | null;
+        [ActionKeyTypes.AttributeFilters]?: AttributeFilters[] | null;
     };
 }
 export interface ActionOption {
@@ -66,17 +77,102 @@ export interface ActionFormData {
     notes: Action['spec']['notes'];
     signals: Action['spec']['signals'];
     disabled: Action['spec']['disabled'];
-    collectContainerAttributes: Action['spec']['collectContainerAttributes'];
-    collectReplicaSetAttributes: Action['spec']['collectReplicaSetAttributes'];
-    collectWorkloadId: Action['spec']['collectWorkloadId'];
-    collectClusterId: Action['spec']['collectClusterId'];
-    labelsAttributes: Action['spec']['labelsAttributes'];
-    annotationsAttributes: Action['spec']['annotationsAttributes'];
-    clusterAttributes: Action['spec']['clusterAttributes'];
-    attributeNamesToDelete: Action['spec']['attributeNamesToDelete'];
-    renames: Action['spec']['renames'];
-    piiCategories: Action['spec']['piiCategories'];
-    fallbackSamplingRatio: Action['spec']['fallbackSamplingRatio'];
-    samplingPercentage: Action['spec']['samplingPercentage'];
-    endpointsFilters: Action['spec']['endpointsFilters'];
+    [ActionKeyTypes.CollectContainerAttributes]: Action['spec'][ActionKeyTypes.CollectContainerAttributes];
+    [ActionKeyTypes.CollectReplicaSetAttributes]: Action['spec'][ActionKeyTypes.CollectReplicaSetAttributes];
+    [ActionKeyTypes.CollectWorkloadId]: Action['spec'][ActionKeyTypes.CollectWorkloadId];
+    [ActionKeyTypes.CollectClusterId]: Action['spec'][ActionKeyTypes.CollectClusterId];
+    [ActionKeyTypes.LabelsAttributes]: Action['spec'][ActionKeyTypes.LabelsAttributes];
+    [ActionKeyTypes.AnnotationsAttributes]: Action['spec'][ActionKeyTypes.AnnotationsAttributes];
+    [ActionKeyTypes.ClusterAttributes]: Action['spec'][ActionKeyTypes.ClusterAttributes];
+    [ActionKeyTypes.AttributeNamesToDelete]: Action['spec'][ActionKeyTypes.AttributeNamesToDelete];
+    [ActionKeyTypes.Renames]: Action['spec'][ActionKeyTypes.Renames];
+    [ActionKeyTypes.PiiCategories]: Action['spec'][ActionKeyTypes.PiiCategories];
+    [ActionKeyTypes.FallbackSamplingRatio]: Action['spec'][ActionKeyTypes.FallbackSamplingRatio];
+    [ActionKeyTypes.SamplingPercentage]: Action['spec'][ActionKeyTypes.SamplingPercentage];
+    [ActionKeyTypes.EndpointsFilters]: Action['spec'][ActionKeyTypes.EndpointsFilters];
+    [ActionKeyTypes.ServicesNameFilters]: Action['spec'][ActionKeyTypes.ServicesNameFilters];
+    [ActionKeyTypes.AttributeFilters]: Action['spec'][ActionKeyTypes.AttributeFilters];
+}
+export interface LabelsAttributes {
+    labelKey: string;
+    attributeKey: string;
+}
+export interface AnnotationsAttributes {
+    annotationKey: string;
+    attributeKey: string;
+}
+export interface ClusterAttributes {
+    attributeName: string;
+    attributeStringValue: string;
+}
+export interface EndpointsFilters {
+    serviceName: string;
+    httpRoute: string;
+    minimumLatencyThreshold: number;
+    fallbackSamplingRatio: number;
+}
+export interface ServicesNameFilters {
+    serviceName: string;
+    samplingRatio: number;
+    fallbackSamplingRatio: number;
+}
+export declare enum StringOperation {
+    EXISTS = "exists",
+    EQUALS = "equals",
+    NOT_EQUALS = "not_equals",
+    CONTAINS = "contains",
+    NOT_CONTAINS = "not_contains",
+    REGEX = "regex"
+}
+export declare enum NumberOperation {
+    EXISTS = "exists",
+    EQUALS = "equals",
+    NOT_EQUALS = "not_equals",
+    GREATER_THAN = "greater_than",
+    LESS_THAN = "less_than",
+    GREATER_THAN_OR_EQUAL = "greater_than_or_equal",
+    LESS_THAN_OR_EQUAL = "less_than_or_equal"
+}
+export declare enum BooleanOperation {
+    EXISTS = "exists",
+    EQUALS = "equals"
+}
+export declare enum JsonOperation {
+    EXISTS = "exists",
+    EQUALS = "equals",
+    NOT_EQUALS = "not_equals",
+    IS_VALID_JSON = "is_valid_json",
+    IS_INVALID_JSON = "is_invalid_json",
+    JSONPATH_EXISTS = "jsonpath_exists",
+    KEY_EQUALS = "key_equals",
+    KEY_NOT_EQUALS = "key_not_equals"
+}
+export interface StringCondition {
+    operation: StringOperation;
+    expectedValue?: string;
+}
+export interface NumberCondition {
+    operation: NumberOperation;
+    expectedValue?: string | number;
+}
+export interface BooleanCondition {
+    operation: BooleanOperation;
+    expectedValue?: string | boolean;
+}
+export interface JsonCondition {
+    operation: JsonOperation;
+    expectedValue?: string;
+    jsonPath?: string;
+}
+export interface AttributeFiltersCondition {
+    stringCondition?: StringCondition;
+    numberCondition?: NumberCondition;
+    booleanCondition?: BooleanCondition;
+    jsonCondition?: JsonCondition;
+}
+export interface AttributeFilters {
+    serviceName: string;
+    attributeKey: string;
+    fallbackSamplingRatio: number;
+    condition: AttributeFiltersCondition;
 }