@odigos/ui-kit 0.0.216 → 0.0.217
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/chunks/index-eGTPcqRB.js +3 -0
- package/lib/chunks/{ui-components-DvThY8Em.js → ui-components-DaRAAytB.js} +2 -2
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/index.d.ts +1 -1
- package/lib/containers/_v2/settings/index.d.ts +13 -0
- package/lib/containers/v2.js +102 -156
- package/lib/containers.js +1 -1
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/mock-data/config/index.d.ts +3 -0
- package/lib/snippets/_v2/dynamic-field/index.d.ts +19 -0
- package/lib/snippets/_v2/index.d.ts +1 -0
- package/lib/snippets/v2.js +55 -0
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/config/index.d.ts +78 -0
- package/lib/types/destinations/index.d.ts +2 -2
- package/lib/types/index.d.ts +1 -0
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +10 -5
- package/lib/chunks/index-3rwrQKyF.js +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.217](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.216...ui-kit-v0.0.217) (2026-04-06)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* settings page ([#746](https://github.com/odigos-io/ui-kit/issues/746)) ([ae6f48a](https://github.com/odigos-io/ui-kit/commit/ae6f48ad4be3e45d7e1f114fafbb34a5cbe1c78d))
|
|
9
|
+
|
|
3
10
|
## [0.0.216](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.215...ui-kit-v0.0.216) (2026-04-05)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useState as o,useMemo as e}from"react";import i from"styled-components";import{u as n,B as a,a as r,A as s,g as l,S as c,C as d,b as p,N as m}from"./ui-components-DaRAAytB.js";import{VIcon as u,CopyIcon as f,ChevronUpIcon as h,ChevronDownIcon as y,YamlIcon as b}from"../icons.js";const g=i.div`
|
|
2
|
+
padding: 0 12px;
|
|
3
|
+
`,C=({title:i="YAML",yaml:C,defaultOpen:S,fullHeight:k})=>{const{clickCopy:v,isCopied:A}=n(),[Y,j]=o(S??!1),x=e(()=>C?[{id:l(),type:s.Button,buttonProps:{variant:r.Secondary,size:a.S,leftIcon:A?u:f,onClick:()=>v(C||""),disabled:A}},{id:l(),type:s.Button,buttonProps:{variant:r.Secondary,size:a.S,leftIcon:Y?h:y,onClick:()=>j(t=>!t)}}]:[],[C,A,Y]);return t(c,{richTitle:{icon:b,title:i},actions:x,fullHeight:k,children:Y&&t(g,{children:C?t(d,{code:C,language:"yaml",theme:"duotoneDark"}):t(p,{children:t(m,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{C as Y};
|
|
@@ -2139,7 +2139,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as o,RenameAttributeIcon
|
|
|
2139
2139
|
right: ${({$right:e})=>e||"12px"};
|
|
2140
2140
|
top: 50%;
|
|
2141
2141
|
transform: translateY(-50%);
|
|
2142
|
-
`,Yh=({isOpen:e,actions:t,positionRight:o})=>e?Ot(qh,{$right:o,children:t.map(e=>e?Ot(hs,{text:e.tooltip||"",children:Ot(Ku,{...e,variant:Vu.Secondary,size:Hu.S,label:e.label})},e.id):null)}):null,Qh=({values:e,setValues:t,name:o,label:r,tooltip:i,badge:n,required:a,errorMessage:s,warnMessage:l,helpMessage:c,placeholder:d,disabled:p})=>{const u=Zt(),h=e.length<=1,m=p,g=p||h&&m;return Rt(Ri,{"data-id":o,$gap:6,children:[Ot(du,{label:r,tooltip:i,required:a,badge:n}),Ot(Ri,{$gap:8,children:(e.length?e:[""]).map((o,r)=>{const i=r===e.length-1;return Rt(Oi,{$gap:8,$alignItems:"center",children:[Ot(gu,{width:"100%",autoFocus:pi(o)&&!h&&i,value:o,onChange:o=>((o,r)=>{const i=[...e||[]];i[r]=o,t(i)})(o.target.value,r),disabled:p,placeholder:d,hasError:!!s}),Ot(Ku,{leftIcon:mt,variant:Vu.Secondary,size:Hu.S,disabled:m,onClick:()=>(()=>{const o=[...e||[]];o.push(""),t(o)})()}),Ot(Ku,{leftIcon:g?vt:()=>Ot(vt,{fill:u.v2.colors.red[500]}),variant:Vu.Secondary,size:Hu.S,disabled:g,onClick:()=>(o=>{const r=[...e||[]].filter((e,t)=>t!==o);r.length||r.push(""),t(r)})(r)})]},`input-list-${r}`)})}),Ot(pu,{errorMessage:s,warnMessage:l,helpMessage:c})]})},Zh=({col:e,colIdx:t,row:o,rowIdx:r,rowsLength:i,handleChange:n,errorMessage:a,disabled:s})=>{const{keyName:l,componentType:c,inputType:d,label:p,placeholder:u,options:h,renderCondition:m}=e,g=o[l];if(m&&!m(o))return null;switch(c){case Go.Dropdown:case"multi-dropdown":const e=Array.isArray(g)&&h?.filter(e=>
|
|
2142
|
+
`,Yh=({isOpen:e,actions:t,positionRight:o})=>e?Ot(qh,{$right:o,children:t.map(e=>e?Ot(hs,{text:e.tooltip||"",children:Ot(Ku,{...e,variant:Vu.Secondary,size:Hu.S,label:e.label})},e.id):null)}):null,Qh=({values:e,setValues:t,name:o,label:r,tooltip:i,badge:n,required:a,errorMessage:s,warnMessage:l,helpMessage:c,placeholder:d,disabled:p})=>{const u=Zt(),h=e.length<=1,m=p,g=p||h&&m;return Rt(Ri,{"data-id":o,$gap:6,children:[Ot(du,{label:r,tooltip:i,required:a,badge:n}),Ot(Ri,{$gap:8,children:(e.length?e:[""]).map((o,r)=>{const i=r===e.length-1;return Rt(Oi,{$gap:8,$alignItems:"center",children:[Ot(gu,{width:"100%",autoFocus:pi(o)&&!h&&i,value:o,onChange:o=>((o,r)=>{const i=[...e||[]];i[r]=o,t(i)})(o.target.value,r),disabled:p,placeholder:d,hasError:!!s}),Ot(Ku,{leftIcon:mt,variant:Vu.Secondary,size:Hu.S,disabled:m,onClick:()=>(()=>{const o=[...e||[]];o.push(""),t(o)})()}),Ot(Ku,{leftIcon:g?vt:()=>Ot(vt,{fill:u.v2.colors.red[500]}),variant:Vu.Secondary,size:Hu.S,disabled:g,onClick:()=>(o=>{const r=[...e||[]].filter((e,t)=>t!==o);r.length||r.push(""),t(r)})(r)})]},`input-list-${r}`)})}),Ot(pu,{errorMessage:s,warnMessage:l,helpMessage:c})]})},Zh=({col:e,colIdx:t,row:o,rowIdx:r,rowsLength:i,handleChange:n,errorMessage:a,disabled:s})=>{const{keyName:l,componentType:c,inputType:d,label:p,placeholder:u,options:h,renderCondition:m}=e,g=o[l];if(m&&!m(o))return null;switch(c){case Go.Dropdown:case"multi-dropdown":{const e="multi-dropdown"===c,t=Array.isArray(g)?g:null!=g&&""!==g?[String(g)]:[],o=h?.filter(e=>t.includes(e.id)).map(e=>e.id)||[];return Ot(Vh,{name:l,label:u?p:void 0,placeholder:u||p,options:h||[],withMultiSelect:e,withSearch:e,values:o,setValues:t=>n(l,e?t:t[0]??"",r),disabled:s,hasError:!!a},l)}default:const e=i>1&&0===r&&0===t&&pi(g);return Ot(gu,{name:l,label:u?p:void 0,placeholder:u||p,autoFocus:e,type:d,value:g,onChange:({target:{value:e}})=>n(l,e,r),disabled:s,hasError:!!a})}},em=Yt.table`
|
|
2143
2143
|
width: 100%;
|
|
2144
2144
|
border-collapse: separate;
|
|
2145
2145
|
border-spacing: 0 8px;
|
|
@@ -2419,4 +2419,4 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as o,RenameAttributeIcon
|
|
|
2419
2419
|
gap: 16px;
|
|
2420
2420
|
padding: 16px 24px;
|
|
2421
2421
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2422
|
-
`,eg=({visual:e,title:t,description:o,isOpen:r,onClose:i,onDeny:n,denyLabel:a="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Zt();return Ot(cm,{isOpen:r,onClose:i,...c,children:Rt(Ym,{children:[Rt(Qm,{children:[e&&Ot(e,{}),Ot(Xi,{size:Wi.M,weight:500,color:d.v2.colors.white[500],children:t}),Ot(Ri,{$alignItems:"center",$gap:4,children:o.split("\n").map(e=>Ot(Xi,{size:Wi.XS,weight:400,color:d.v2.colors.silver[200],children:e},e))})]}),(n||s)&&Rt(Zm,{children:[Ot(Ku,{variant:Vu.Secondary,label:a,onClick:()=>{n?.(),i()}}),s&&Ot(Ku,{variant:Vu.Primary,label:l,onClick:()=>{s(),i()}})]})]})})};export{
|
|
2422
|
+
`,eg=({visual:e,title:t,description:o,isOpen:r,onClose:i,onDeny:n,denyLabel:a="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Zt();return Ot(cm,{isOpen:r,onClose:i,...c,children:Rt(Ym,{children:[Rt(Qm,{children:[e&&Ot(e,{}),Ot(Xi,{size:Wi.M,weight:500,color:d.v2.colors.white[500],children:t}),Ot(Ri,{$alignItems:"center",$gap:4,children:o.split("\n").map(e=>Ot(Xi,{size:Wi.XS,weight:400,color:d.v2.colors.silver[200],children:e},e))})]}),(n||s)&&Rt(Zm,{children:[Ot(Ku,{variant:Vu.Secondary,label:a,onClick:()=>{n?.(),i()}}),s&&Ot(Ku,{variant:Vu.Primary,label:l,onClick:()=>{s(),i()}})]})]})})};export{su as $,$h as A,Hu as B,Hs as C,ns as D,Nn as E,Ri as F,$n as G,wi as H,gu as I,hr as J,No as K,vi as L,li as M,Yu as N,kr as O,gm as P,Vo as Q,nr as R,Eh as S,Xi as T,hs as U,ar as V,lr as W,fr as X,gr as Y,sr as Z,ir as _,Vu as a,uc as a$,Cn as a0,zr as a1,za as a2,Sr as a3,wr as a4,Ba as a5,Wa as a6,ja as a7,Lo as a8,jo as a9,hi as aA,nh as aB,ih as aC,bh as aD,Fa as aE,Ar as aF,Ii as aG,zm as aH,Sm as aI,nm as aJ,wm as aK,ei as aL,Zs as aM,Lh as aN,ra as aO,Sh as aP,vh as aQ,Th as aR,_h as aS,cr as aT,_i as aU,ku as aV,Yh as aW,Hc as aX,nc as aY,Ls as aZ,Zi as a_,xn as aa,yn as ab,Er as ac,$a as ad,ya as ae,Xu as af,vn as ag,Br as ah,Vh as ai,fu as aj,_n as ak,wn as al,Ko as am,Wm as an,ji as ao,Ua as ap,Bn as aq,Ln as ar,ph as as,Qu as at,Bo as au,bm as av,dh as aw,Xh as ax,Aa as ay,Ja as az,Fi as b,ko as b$,tp as b0,ou as b1,lp as b2,Yd as b3,fs as b4,hl as b5,Tp as b6,kp as b7,hd as b8,mp as b9,Co as bA,wl as bB,Wr as bC,Al as bD,Mi as bE,Bi as bF,Wd as bG,Ur as bH,Ui as bI,Vc as bJ,jl as bK,nu as bL,aa as bM,Di as bN,da as bO,Un as bP,Ol as bQ,rr as bR,bp as bS,Nr as bT,Xr as bU,Mr as bV,Pp as bW,xa as bX,Dr as bY,Eo as bZ,br as b_,Zp as ba,qi as bb,In as bc,Rd as bd,pd as be,Rs as bf,ha as bg,jr as bh,bn as bi,ll as bj,nd as bk,Or as bl,Uo as bm,Fn as bn,Ni as bo,rs as bp,Pi as bq,ks as br,mn as bs,xp as bt,Rr as bu,ul as bv,Jo as bw,bi as bx,ti as by,Rn as bz,Oi as c,er as c$,ga as c0,Ta as c1,ds as c2,zi as c3,_p as c4,Da as c5,yi as c6,xc as c7,Sn as c8,Cr as c9,fl as cA,Vd as cB,oi as cC,di as cD,gl as cE,Ml as cF,Ul as cG,mi as cH,Ci as cI,_a as cJ,tr as cK,Oc as cL,Lr as cM,Ha as cN,kl as cO,Fr as cP,Tc as cQ,Dn as cR,Ir as cS,Bs as cT,Yr as cU,bl as cV,eg as cW,zu as cX,Ao as cY,Zo as cZ,Oo as c_,Na as ca,wa as cb,Gn as cc,vr as cd,tl as ce,xl as cf,Wo as cg,$i as ch,Ca as ci,ci as cj,xo as ck,xr as cl,Vp as cm,Qc as cn,Hr as co,Kp as cp,zn as cq,Ea as cr,Os as cs,Zn as ct,si as cu,fa as cv,Yo as cw,ai as cx,fn as cy,tc as cz,th as d,Pu as d$,Qo as d0,Mo as d1,Ho as d2,Ro as d3,Fo as d4,_o as d5,or as d6,Po as d7,ur as d8,pr as d9,So as dA,Ti as dB,kn as dC,En as dD,An as dE,qn as dF,ia as dG,Qn as dH,Kn as dI,Ra as dJ,Pa as dK,Ma as dL,ma as dM,Jl as dN,Gl as dO,dd as dP,Nd as dQ,Cd as dR,zd as dS,Ud as dT,$l as dU,pp as dV,Li as dW,xd as dX,Hi as dY,Ji as dZ,Ki as d_,dr as da,qo as db,yr as dc,mr as dd,zo as de,Io as df,yo as dg,Tr as dh,wo as di,Pr as dj,Gr as dk,Vr as dl,Jr as dm,Kr as dn,qr as dp,Qr as dq,Zr as dr,ri as ds,ui as dt,gi as du,xi as dv,Si as dw,ki as dx,Ei as dy,Ai as dz,Wi as e,Lu as e0,Uu as e1,gh as e2,fh as e3,rh as e4,Kh as e5,cm as e6,pm as e7,vm as e8,fm as e9,Ch as ea,xu as eb,Pm as ec,qm as ed,jm as ee,To as f,_r as g,Yn as h,du as i,pu as j,Xo as k,pi as l,rm as m,Jm as n,Gm as o,Qh as p,Ku as q,Go as r,Do as s,pa as t,va as u,vo as v,$r as w,wu as x,Um as y,$o as z};
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{as as Autocomplete,$ as Badge,q as Button,B as ButtonSize,e2 as ButtonTab,e3 as ButtonTabList,a as ButtonVariants,d as Checkbox,e4 as CheckboxList,at as CheckboxSize,aN as CliCommand,aD as DataCard,ax as Drawer,aw as DropData,aC as DropDataAlignX,aB as DropDataAlignY,ai as DropDown,j as FieldMessage,i as FieldTitle,e5 as Header,aW as HoverActions,ad as IconButton,ae as IconButtonSize,I as Input,p as InputList,m as InputTable,aJ as Island,af as Loader,e6 as Modal,e7 as Navbar,N as NoData,P as Note,av as Radio,e8 as RadioGroup,e9 as RadioSize,aV as Search,S as SectionCard,ea as SectionCardSize,x as Segment,aj as SegmentSize,eb as SegmentVariant,aR as StatusCard,aK as Stepper,aH as Table,aI as TableVariant,ec as Tag,y as TextArea,aS as TextCard,n as Toggle,o as ToggleLabelAlign,ed as ToggleList,an as ToggleSize,ee as ToggleVariant,T as Typography,e as TypographySize,ao as TypographyVariants,cW as WarningModal}from"../chunks/ui-components-DaRAAytB.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
package/lib/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{bs as AutocompleteInput,bM as Badge,bO as Button,bf as CancelWarning,b as CenterThis,aZ as Checkbox,C as Code,bj as ConditionDetails,bk as DataCard,aX as DataCardFieldTypes,cn as DataCardFields,dP as DataFinger,bQ as DataTab,be as DeleteWarning,cF as DescribeRow,D as Divider,b8 as DocsButton,bd as Drawer,dQ as DrawerFooter,dR as DrawerHeader,c7 as Dropdown,dS as ErrorBoundary,ce as ExtendArrow,aM as FadeLoader,a_ as FieldError,aY as FieldLabel,F as FlexColumn,c as FlexRow,dT as Header,b4 as IconButton,cO as IconGroup,bG as IconTitleBadge,bB as IconWrapped,cB as IconsNav,dU as ImageControlled,a$ as Input,b3 as InputList,b0 as InputTable,bJ as InteractiveTable,b2 as KeyValueInputsList,dV as LoadingText,bp as Modal,bq as ModalBody,b9 as MonitorsCheckboxes,bD as MonitorsIcons,bt as NavigationButtons,bK as NoDataFound,br as NotificationNote,dW as Overlay,aG as PageContent,c2 as Popup,cQ as PopupForm,cV as ScrollX,bS as ScrollY,b7 as SectionTitle,b6 as Segment,c4 as SelectionButton,bW as SkeletonLoader,bv as Status,cm as Stepper,dX as TabList,bE as TableContainer,bF as TableTitleWrap,bI as TableWrap,cp as Tag,bb as Text,ba as TextArea,b1 as Toggle,cT as ToggleCodeComponent,U as Tooltip,bL as TraceLoader,aU as UpgradeRequiredWrapper,c3 as VerticalScroll,cs as WarningModal,dY as getLinksFromText,dZ as getStrongsFromText,d_ as renderText}from"./chunks/ui-components-DaRAAytB.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{aa as ACTION_ATTRIBUTE_OPTIONS,bi as ACTION_OPTIONS,ab as ACTION_SAMPLER_OPTIONS,aF as BUTTON_TEXTS,a4 as DEFAULT_CLUSTER_ID,a3 as DEFAULT_CLUSTER_NAME,cd as DEFAULT_DATA_STREAM_NAME,ag as DESTINATION_CATEGORIES,a0 as DISPLAY_LANGUAGES,ac as DISPLAY_TITLES,w as DOCS_BASE_URL,G as DestinationCategoryTypes,O as FORM_ALERTS,al as INSTRUMENTATION_RULE_OPTIONS,dC as LANGUAGE_OPTIONS,c8 as MONITORS_OPTIONS,dD as OTEL_DISTRO_NAME_OPTIONS,c9 as STORAGE_KEYS,dE as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-DaRAAytB.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type ConfigYaml, type EffectiveConfig, type LocalUiConfigInput } from '@/types';
|
|
3
|
+
export interface SettingsProps {
|
|
4
|
+
minSupportedVersion?: number;
|
|
5
|
+
pageHeightOffset?: number;
|
|
6
|
+
configYamls: ConfigYaml[];
|
|
7
|
+
configYamlsLoading: boolean;
|
|
8
|
+
effectiveConfig: EffectiveConfig | null;
|
|
9
|
+
effectiveConfigLoading: boolean;
|
|
10
|
+
onSave: (config: LocalUiConfigInput) => Promise<void>;
|
|
11
|
+
saveLoading: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const Settings: FC<SettingsProps>;
|