@odigos/ui-kit 0.0.86 → 0.0.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/lib/components.js +3 -3
- package/lib/containers.js +3 -3
- package/lib/icons.js +1 -1
- package/lib/{index-7c675ed2.js → index-59b6fb7a.js} +2 -2
- package/lib/{index-806238da.js → index-5dc10442.js} +1 -1
- package/lib/{index-4010222c.js → index-c766be17.js} +11 -9
- package/lib/snippets.js +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.87](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.86...ui-kit-v0.0.87) (2025-08-19)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* odigos logos ([#330](https://github.com/odigos-io/ui-kit/issues/330)) ([77424e5](https://github.com/odigos-io/ui-kit/commit/77424e5adfd2507ad3aa8dc68c30504fe412f408))
|
|
9
|
+
|
|
3
10
|
## [0.0.86](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.85...ui-kit-v0.0.86) (2025-08-19)
|
|
4
11
|
|
|
5
12
|
|
package/lib/components.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as Button } from './index-
|
|
2
|
-
export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-
|
|
3
|
-
export { C as CancelWarning, D as DeleteWarning } from './index-
|
|
1
|
+
import { B as Button } from './index-c766be17.js';
|
|
2
|
+
export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-c766be17.js';
|
|
3
|
+
export { C as CancelWarning, D as DeleteWarning } from './index-5dc10442.js';
|
|
4
4
|
import React, { createContext, Component, createElement } from 'react';
|
|
5
5
|
import { T as Theme } from './index-86030474.js';
|
|
6
6
|
import 'styled-components';
|
package/lib/containers.js
CHANGED
|
@@ -2,14 +2,14 @@ import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, us
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { b as DISPLAY_TITLES, T as Theme, U as usePendingStore, V as useNotificationStore, O as useDrawerStore, B as BUTTON_TEXTS, W as useEntityStore, A as ACTION_OPTIONS, g as getActionIcon, z as useModalStore, F as FORM_ALERTS, X as useFilterStore, d as getInstrumentationRuleIcon, Y as useDataStreamStore, Z as useInstrumentStore, c as getEntityId, D as DISPLAY_LANGUAGES, M as MONITORS_OPTIONS, S as STORAGE_KEYS, a as DEFAULT_DATA_STREAM_NAME, _ as useSetupStore, e as getProgrammingLanguageIcon, I as INSTRUMENTATION_RULE_OPTIONS, $ as useSelectedStore, k as ImageErrorIcon, a0 as useDarkMode } from './index-86030474.js';
|
|
4
4
|
import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, EdgeTypes, AddNodeTypes, SignalType, HeadersCollectionKeyTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, ProgrammingLanguages, MountMethod, AgentEnvVarsInjectionMethod, Profile, InstallationMethod } from './types.js';
|
|
5
|
-
import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, a3 as Toggle, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, a2 as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a8 as FlexColumn, M as Modal, N as NavigationButtons, ac as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a7 as FlexRow, a4 as Tooltip, s as IconWrapped, G as MonitorsIcons, ad as TableContainer, ae as TableTitleWrap, r as IconTitleBadge, af as TableWrap, y as InteractiveTable, a9 as CenterThis, J as NoDataFound, a5 as TraceLoader, a as Badge, ag as nodeConfig, ah as useNodesState, ai as useEdgesState, aj as Flow, ak as applyNodeChanges, P as Popup, U as SelectionButton, aa as VerticalScroll, n as Dropdown, B as Button, I as IconButton, E as ExtendArrow, al as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, am as MarkerType, t as IconsNav, an as CopyText, h as DescribeRow, ao as PodContainer, ap as SourceContainer, q as IconGroup, O as PopupForm } from './index-
|
|
5
|
+
import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, a3 as Toggle, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, a2 as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a8 as FlexColumn, M as Modal, N as NavigationButtons, ac as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a7 as FlexRow, a4 as Tooltip, s as IconWrapped, G as MonitorsIcons, ad as TableContainer, ae as TableTitleWrap, r as IconTitleBadge, af as TableWrap, y as InteractiveTable, a9 as CenterThis, J as NoDataFound, a5 as TraceLoader, a as Badge, ag as nodeConfig, ah as useNodesState, ai as useEdgesState, aj as Flow, ak as applyNodeChanges, P as Popup, U as SelectionButton, aa as VerticalScroll, n as Dropdown, B as Button, I as IconButton, E as ExtendArrow, al as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, am as MarkerType, t as IconsNav, an as CopyText, h as DescribeRow, ao as PodContainer, ap as SourceContainer, q as IconGroup, O as PopupForm } from './index-c766be17.js';
|
|
6
6
|
import { i as isEmpty, s as safeJsonParse, d as deepClone } from './index-5e5f7bda.js';
|
|
7
7
|
import { C as CheckCircledIcon, O as OdigosLogo } from './index-d30e26c2.js';
|
|
8
|
-
import { C as CrossCircledIcon, O as OdigosLogoText, F as FilterIcon, D as DataStreamsIcon, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, a as OverviewIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-
|
|
8
|
+
import { C as CrossCircledIcon, O as OdigosLogoText, F as FilterIcon, D as DataStreamsIcon, A as ArrowIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, a as OverviewIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon, G as GearIcon } from './index-59b6fb7a.js';
|
|
9
9
|
import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.js';
|
|
10
10
|
import { u as useKeyDown, a as useContainerSize, b as useClickNode, c as usePopup, d as useOnClickOutside, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-cac1649d.js';
|
|
11
11
|
import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-72089d6e.js';
|
|
12
|
-
import { D as DeleteWarning, C as CancelWarning } from './index-
|
|
12
|
+
import { D as DeleteWarning, C as CancelWarning } from './index-5dc10442.js';
|
|
13
13
|
import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, h as splitCamelString, c as capitalizeFirstLetter, i as isStringABoolean, p as parseBooleanFromString } from './index-d87a2c69.js';
|
|
14
14
|
import { f as filterActions, l as getEntityLabel, k as getEntityIcon, t as sleep, g as formatBytes, i as getContainersIcons, n as getValueForRange, j as getDestinationIcon, e as filterSourcesByStream, d as filterSources, b as filterDestinationsByStream, a as filterDestinations, s as mapDestinationFieldsForDisplay, c as compareCondition, p as getYamlFieldsForDestination, m as getMetricForEntity, o as getWorkloadId, q as hasUnhealthyInstances, h as getContainersInstrumentedCount, r as isOverTime } from './index-8b736e84.js';
|
|
15
15
|
import { m as mapExportedSignals } from './index-6a6bea6e.js';
|
package/lib/icons.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { T as Theme } from './index-86030474.js';
|
|
2
2
|
export { h as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, i as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, k as ImageErrorIcon, J as JavaLogo, K as K8sLogo, f as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, j as SamplerIcon, y as SwiftLogo } from './index-86030474.js';
|
|
3
3
|
export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-d30e26c2.js';
|
|
4
|
-
export { A as ArrowIcon, C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, G as GearIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RefreshLeftArrowIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-
|
|
4
|
+
export { A as ArrowIcon, C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, G as GearIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RefreshLeftArrowIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-59b6fb7a.js';
|
|
5
5
|
import React from 'react';
|
|
6
6
|
export { h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-72089d6e.js';
|
|
7
7
|
export { V as VmLogo } from './index-1b05e560.js';
|
|
@@ -7,8 +7,8 @@ const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
|
7
7
|
return (React.createElement("svg", { width: size, height: size * (32 / 143), viewBox: '0 0 143 32', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
8
8
|
React.createElement("defs", null,
|
|
9
9
|
React.createElement("clipPath", { id: 'clip0_6008_4278' },
|
|
10
|
-
React.createElement("rect", { fill: fill, width:
|
|
11
|
-
React.createElement("g", {
|
|
10
|
+
React.createElement("rect", { fill: fill, width: '143', height: '32' }))),
|
|
11
|
+
React.createElement("g", { clipPath: 'url(#clip0_6008_4278)' },
|
|
12
12
|
React.createElement("path", { fill: fill, d: 'M121.59 10.9688H119.354C119.158 10.9688 118.982 10.8888 118.854 10.7609C118.727 10.6329 118.647 10.4569 118.647 10.2614V8.02531C118.647 7.82979 118.567 7.65382 118.439 7.52584C118.311 7.39786 118.135 7.31787 117.939 7.31787H107.439C107.32 7.31787 107.203 7.34098 107.093 7.38186C106.968 7.42985 106.855 7.50273 106.759 7.60049L103.702 10.6578C103.611 10.7484 103.542 10.8533 103.494 10.9688C103.446 11.0844 103.419 11.2106 103.419 11.3403V21.7866C103.419 21.9448 103.471 22.0905 103.558 22.2078C103.686 22.382 103.894 22.494 104.127 22.494H106.362C106.531 22.494 106.684 22.5527 106.807 22.6504C106.967 22.7802 107.07 22.9793 107.07 23.2014V25.4375C107.07 25.633 107.15 25.809 107.278 25.937C107.406 26.065 107.581 26.145 107.777 26.145H118.263C118.391 26.145 118.515 26.1201 118.632 26.0721C118.75 26.0241 118.854 25.953 118.945 25.8623L122.018 22.7891C122.103 22.7038 122.171 22.6042 122.219 22.494C122.272 22.3731 122.301 22.2416 122.301 22.1065V11.6763C122.301 11.5163 122.247 11.3688 122.158 11.2514C122.029 11.0808 121.824 10.9688 121.593 10.9688H121.59ZM118.647 21.7848C118.647 21.959 118.583 22.119 118.478 22.2434C118.348 22.3962 118.154 22.4922 117.939 22.4922H107.773C107.578 22.4922 107.402 22.4122 107.274 22.2843C107.146 22.1563 107.066 21.9803 107.066 21.7848V11.6745C107.066 11.479 107.146 11.303 107.274 11.175C107.402 11.047 107.578 10.967 107.773 10.967H117.939C118.135 10.967 118.311 11.047 118.439 11.175C118.567 11.303 118.647 11.479 118.647 11.6745V21.7848Z' }),
|
|
13
13
|
React.createElement("path", { fill: fill, d: 'M80.1801 26.1432H77.9266C77.7311 26.1432 77.5551 26.0632 77.4272 25.9352C77.2992 25.8072 77.2192 25.6313 77.2192 25.4357V8.02531C77.2192 7.83867 77.2903 7.66981 77.4076 7.54361C77.5374 7.40497 77.7204 7.31787 77.9266 7.31787H80.1801C80.349 7.31787 80.5036 7.37653 80.6244 7.47429C80.7844 7.60405 80.8875 7.80135 80.8875 8.02531V25.4357C80.8875 25.6313 80.8075 25.8072 80.6795 25.9352C80.5516 26.0632 80.3756 26.1432 80.1801 26.1432Z' }),
|
|
14
14
|
React.createElement("path", { fill: fill, d: 'M80.1801 3.66872H77.9266C77.7524 3.66872 77.5925 3.60473 77.4681 3.49986C77.3152 3.37011 77.2192 3.17636 77.2192 2.96128V0.707438C77.2192 0.519025 77.2921 0.348386 77.4112 0.222185C77.5409 0.0853191 77.7222 0 77.9266 0H80.1801C80.3756 0 80.5516 0.0799867 80.6795 0.207965C80.8075 0.335944 80.8875 0.511915 80.8875 0.707438V2.96128C80.8875 3.15681 80.8075 3.33278 80.6795 3.46076C80.5516 3.58874 80.3756 3.66872 80.1801 3.66872Z' }),
|
|
@@ -72,15 +72,17 @@ const renderText = (text, theme) => {
|
|
|
72
72
|
const Text = ({ children, color, size, weight, align, family, opacity, decoration, ...props }) => {
|
|
73
73
|
const theme = Theme.useTheme();
|
|
74
74
|
const textArray = useMemo(() => {
|
|
75
|
-
const str =
|
|
76
|
-
?
|
|
77
|
-
:
|
|
78
|
-
?
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
75
|
+
const str = !children
|
|
76
|
+
? ''
|
|
77
|
+
: ['string', 'number'].includes(typeof children)
|
|
78
|
+
? children.toString()
|
|
79
|
+
: Array.isArray(children)
|
|
80
|
+
? // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
81
|
+
children
|
|
82
|
+
.map((x) => (typeof x === 'object' && Object.hasOwn(x, 'props') ? x.props.children : x))
|
|
83
|
+
.filter((x) => x && ['string', 'number'].includes(typeof x))
|
|
84
|
+
.join(' ')
|
|
85
|
+
: '';
|
|
84
86
|
return str.split('\n');
|
|
85
87
|
}, [children]);
|
|
86
88
|
return (React.createElement(TextWrapper$2, { "$color": color, "$size": size, "$weight": weight, "$align": align, "$family": family, "$opacity": opacity, "$decoration": decoration, ...props }, textArray.length
|
package/lib/snippets.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as Button, _ as Text, L as NotificationNote } from './index-
|
|
2
|
-
export { al as AddButton, aq as AddNode, ar as BaseNode, an as CopyText, as as EdgedNode, aj as Flow, at as FrameNode, au as HeaderNode, az as LabeledEdge, av as MapItemNode, aw as NoDataNode, ao as PodContainer, ax as ScrollNode, ay as SkeletonNode, ap as SourceContainer, ag as nodeConfig } from './index-
|
|
1
|
+
import { B as Button, _ as Text, L as NotificationNote } from './index-c766be17.js';
|
|
2
|
+
export { al as AddButton, aq as AddNode, ar as BaseNode, an as CopyText, as as EdgedNode, aj as Flow, at as FrameNode, au as HeaderNode, az as LabeledEdge, av as MapItemNode, aw as NoDataNode, ao as PodContainer, ax as ScrollNode, ay as SkeletonNode, ap as SourceContainer, ag as nodeConfig } from './index-c766be17.js';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-86030474.js';
|
|
5
5
|
import { E as EditIcon } from './index-72089d6e.js';
|