@odigos/ui-kit 0.0.194 → 0.0.196
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 +24 -0
- package/lib/chunks/index-CjudHPMe.js +3 -0
- package/lib/chunks/ui-components-OrgB9V7b.js +2381 -0
- package/lib/chunks/vendor-DUWBN0Mg.js +1 -0
- package/lib/components/_v2/drawer/header/index.d.ts +1 -0
- package/lib/components/_v2/index.d.ts +1 -0
- package/lib/components/_v2/loader/index.d.ts +1 -0
- package/lib/components/_v2/no-data/index.d.ts +10 -0
- package/lib/components/_v2/table/styled.d.ts +5 -8
- package/lib/components/_v2/table/table-rows/index.d.ts +1 -1
- package/lib/components/_v2/typography/index.d.ts +2 -0
- package/lib/components/scroll-y/index.d.ts +5 -3
- package/lib/components/styled.d.ts +1 -0
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants/actions/index.d.ts +2 -0
- package/lib/constants/destinations/index.d.ts +10 -4
- package/lib/constants/sources/index.d.ts +1 -1
- package/lib/constants/strings/index.d.ts +16 -0
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/_drawers/add-action-drawer/helpers.d.ts +7 -0
- package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts +10 -0
- package/lib/containers/_v2/_drawers/add-destination-drawer/form-column/index.d.ts +9 -0
- package/lib/containers/_v2/_drawers/add-destination-drawer/helpers.d.ts +14 -0
- package/lib/containers/_v2/_drawers/add-destination-drawer/index.d.ts +12 -0
- package/lib/containers/_v2/_drawers/add-destination-drawer/lists-column/index.d.ts +13 -0
- package/lib/containers/_v2/_drawers/add-destination-drawer/lists-filters/index.d.ts +9 -0
- package/lib/containers/_v2/_drawers/add-destination-drawer/types.d.ts +11 -0
- package/lib/containers/_v2/_drawers/add-source-drawer/index.d.ts +2 -2
- package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/index.d.ts +6 -7
- package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/index.d.ts +12 -0
- package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/list-item/index.d.ts +20 -0
- package/lib/containers/_v2/_drawers/add-source-drawer/utils.d.ts +15 -0
- package/lib/containers/_v2/_drawers/index.d.ts +2 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/add-cluster-info/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/delete-attributes/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/error-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/index.d.ts +7 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/k8s-attributes/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/latency-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/pii-masking/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/probabilistic-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/rename-attributes/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/service-name-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/span-attribute-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/index.d.ts +7 -0
- package/lib/containers/_v2/_forms/add-destination-form/dynamic-fields/index.d.ts +8 -0
- package/lib/containers/_v2/_forms/add-destination-form/index.d.ts +8 -0
- package/lib/containers/_v2/_forms/index.d.ts +2 -0
- package/lib/containers/_v2/central-connections/index.d.ts +5 -1
- package/lib/containers/v2.js +76 -27
- package/lib/containers.js +111 -121
- package/lib/contexts.js +1 -1
- package/lib/functions/compare-condition/index.d.ts +2 -1
- package/lib/functions.js +1 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets/_v2/wide-drawer/column/index.d.ts +0 -1
- package/lib/snippets/_v2/wide-drawer/column-list-collapse/index.d.ts +8 -0
- package/lib/snippets/_v2/wide-drawer/column-list-item/index.d.ts +2 -0
- package/lib/snippets/_v2/wide-drawer/index.d.ts +6 -5
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/actions/index.d.ts +4 -1
- package/lib/types/destinations/index.d.ts +28 -11
- package/lib/types/enum/index.d.ts +0 -1
- package/lib/types/instrumentation-rules/index.d.ts +1 -1
- package/lib/types/snapshot/index.d.ts +2 -1
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +12 -12
- package/lib/chunks/index-CAnSZt6a.js +0 -3
- package/lib/chunks/ui-components-DzbQmwE9.js +0 -2365
- package/lib/chunks/vendor-C-kwkNJP.js +0 -1
- package/lib/hooks/useInfiniteScroll.d.ts +0 -10
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e,o){let r;try{r=e()}catch(e){return}return{getItem:e=>{var o;const t=e=>null===e?null:JSON.parse(e,void 0),n=null!=(o=r.getItem(e))?o:null;return n instanceof Promise?n.then(t):t(n)},setItem:(e,o)=>r.setItem(e,JSON.stringify(o,void 0)),removeItem:e=>r.removeItem(e)}}const o=e=>r=>{try{const t=e(r);return t instanceof Promise?t:{then:e=>o(e)(t),catch(e){return this}}}catch(e){return{then(e){return this},catch:r=>o(r)(e)}}},r=(r,t)=>(n,a,l)=>{let c={storage:e(()=>window.localStorage),partialize:e=>e,version:0,merge:(e,o)=>({...o,...e}),...t},s=!1,d=0;const i=new Set,u=new Set;let f=c.storage;if(!f)return r((...e)=>{n(...e)},a,l);const b=()=>{const e=c.partialize({...a()});return f.setItem(c.name,{state:e,version:c.version})},p=l.setState;l.setState=(e,o)=>(p(e,o),b());const _=r((...e)=>(n(...e),b()),a,l);let x;l.getInitialState=()=>_;const w=()=>{var e,r;if(!f)return;const t=++d;s=!1,i.forEach(e=>{var o;return e(null!=(o=a())?o:_)});const l=(null==(r=c.onRehydrateStorage)?void 0:r.call(c,null!=(e=a())?e:_))||void 0;return o(f.getItem.bind(f))(c.name).then(e=>{if(e){if("number"!=typeof e.version||e.version===c.version)return[!1,e.state];if(c.migrate){const o=c.migrate(e.state,e.version);return o instanceof Promise?o.then(e=>[!0,e]):[!0,o]}}return[!1,void 0]}).then(e=>{var o;if(t!==d)return;const[r,l]=e;return x=c.merge(l,null!=(o=a())?o:_),n(x,!0),r?b():void 0}).then(()=>{t===d&&(null==l||l(x,void 0),x=a(),s=!0,u.forEach(e=>e(x)))}).catch(e=>{t===d&&(null==l||l(void 0,e))})};return l.persist={setOptions:e=>{c={...c,...e},e.storage&&(f=e.storage)},clearStorage:()=>{null==f||f.removeItem(c.name)},getOptions:()=>c,rehydrate:()=>w(),hasHydrated:()=>s,onHydrate:e=>(i.add(e),()=>{i.delete(e)}),onFinishHydration:e=>(u.add(e),()=>{u.delete(e)})},c.skipHydration||w(),x||_};function t(e,o){void 0===o&&(o={});var r=o.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var n={locale:"en",long:{year:{previous:"last year",current:"this year",next:"next year",past:{one:"{0} year ago",other:"{0} years ago"},future:{one:"in {0} year",other:"in {0} years"}},quarter:{previous:"last quarter",current:"this quarter",next:"next quarter",past:{one:"{0} quarter ago",other:"{0} quarters ago"},future:{one:"in {0} quarter",other:"in {0} quarters"}},month:{previous:"last month",current:"this month",next:"next month",past:{one:"{0} month ago",other:"{0} months ago"},future:{one:"in {0} month",other:"in {0} months"}},week:{previous:"last week",current:"this week",next:"next week",past:{one:"{0} week ago",other:"{0} weeks ago"},future:{one:"in {0} week",other:"in {0} weeks"}},day:{previous:"yesterday",current:"today",next:"tomorrow",past:{one:"{0} day ago",other:"{0} days ago"},future:{one:"in {0} day",other:"in {0} days"}},hour:{current:"this hour",past:{one:"{0} hour ago",other:"{0} hours ago"},future:{one:"in {0} hour",other:"in {0} hours"}},minute:{current:"this minute",past:{one:"{0} minute ago",other:"{0} minutes ago"},future:{one:"in {0} minute",other:"in {0} minutes"}},second:{current:"now",past:{one:"{0} second ago",other:"{0} seconds ago"},future:{one:"in {0} second",other:"in {0} seconds"}}},short:{year:{previous:"last yr.",current:"this yr.",next:"next yr.",past:"{0} yr. ago",future:"in {0} yr."},quarter:{previous:"last qtr.",current:"this qtr.",next:"next qtr.",past:{one:"{0} qtr. ago",other:"{0} qtrs. ago"},future:{one:"in {0} qtr.",other:"in {0} qtrs."}},month:{previous:"last mo.",current:"this mo.",next:"next mo.",past:"{0} mo. ago",future:"in {0} mo."},week:{previous:"last wk.",current:"this wk.",next:"next wk.",past:"{0} wk. ago",future:"in {0} wk."},day:{previous:"yesterday",current:"today",next:"tomorrow",past:{one:"{0} day ago",other:"{0} days ago"},future:{one:"in {0} day",other:"in {0} days"}},hour:{current:"this hour",past:"{0} hr. ago",future:"in {0} hr."},minute:{current:"this minute",past:"{0} min. ago",future:"in {0} min."},second:{current:"now",past:"{0} sec. ago",future:"in {0} sec."}},narrow:{year:{previous:"last yr.",current:"this yr.",next:"next yr.",past:"{0}y ago",future:"in {0}y"},quarter:{previous:"last qtr.",current:"this qtr.",next:"next qtr.",past:"{0}q ago",future:"in {0}q"},month:{previous:"last mo.",current:"this mo.",next:"next mo.",past:"{0}mo ago",future:"in {0}mo"},week:{previous:"last wk.",current:"this wk.",next:"next wk.",past:"{0}w ago",future:"in {0}w"},day:{previous:"yesterday",current:"today",next:"tomorrow",past:"{0}d ago",future:"in {0}d"},hour:{current:"this hour",past:"{0}h ago",future:"in {0}h"},minute:{current:"this minute",past:"{0}m ago",future:"in {0}m"},second:{current:"now",past:"{0}s ago",future:"in {0}s"}},now:{now:{current:"now",future:"in a moment",past:"just now"}},mini:{year:"{0}yr",month:"{0}mo",week:"{0}wk",day:"{0}d",hour:"{0}h",minute:"{0}m",second:"{0}s",now:"now"},"short-time":{year:"{0} yr.",month:"{0} mo.",week:"{0} wk.",day:{one:"{0} day",other:"{0} days"},hour:"{0} hr.",minute:"{0} min.",second:"{0} sec."},"long-time":{year:{one:"{0} year",other:"{0} years"},month:{one:"{0} month",other:"{0} months"},week:{one:"{0} week",other:"{0} weeks"},day:{one:"{0} day",other:"{0} days"},hour:{one:"{0} hour",other:"{0} hours"},minute:{one:"{0} minute",other:"{0} minutes"},second:{one:"{0} second",other:"{0} seconds"}}};t(".react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:hsla(0,0%,100%,.5);--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:hsla(0,0%,94%,.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:hsla(0,0%,94%,.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(0,0,0,.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:rgba(0,89,220,.08);--xy-selection-border-default:1px dotted rgba(0,89,220,.8);--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,.08);--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:hsla(0,0%,59%,.25);--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:rgba(60,60,60,.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:hsla(0,0%,94%,.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px hsla(0,0%,100%,.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:rgba(200,200,220,.08);--xy-selection-border-default:1px dotted rgba(200,200,220,.8);--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,.08);--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(\n --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))\n )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(\n --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))\n );stroke:var(\n --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))\n );stroke-width:var(\n --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))\n )}.react-flow__minimap-node{fill:var(\n --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))\n );stroke:var(\n --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))\n );stroke-width:var(\n --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))\n )}.react-flow__background-pattern.dots{fill:var(\n --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))\n )}.react-flow__background-pattern.lines{stroke:var(\n --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))\n )}.react-flow__background-pattern.cross{stroke:var(\n --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))\n )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(\n --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))\n );color:var(\n --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))\n );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(\n --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))\n );color:var(\n --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))\n )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(\n --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))\n )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}");export{e as c,n as e,r as p,t as s};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import type { SVG } from '@/types';
|
|
3
|
+
import { type ButtonProps } from '../button';
|
|
4
|
+
export interface NoDataProps {
|
|
5
|
+
icon?: SVG;
|
|
6
|
+
title?: string;
|
|
7
|
+
subTitle?: string;
|
|
8
|
+
button?: Omit<ButtonProps, 'variant'>;
|
|
9
|
+
}
|
|
10
|
+
export declare const NoData: FC<NoDataProps>;
|
|
@@ -2,9 +2,6 @@ import { type CSSProperties, type HTMLAttributes, type RefAttributes } from 'rea
|
|
|
2
2
|
import { type TableColumn, TableVariant } from './types';
|
|
3
3
|
import { type IStyledComponent } from 'styled-components';
|
|
4
4
|
type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
|
|
5
|
-
type TableProps<P = object> = P & HTMLAttributes<HTMLTableElement> & RefAttributes<HTMLTableElement>;
|
|
6
|
-
type TableSectionProps<P = object> = P & HTMLAttributes<HTMLTableSectionElement> & RefAttributes<HTMLTableSectionElement>;
|
|
7
|
-
type TableCellProps<P = object> = P & HTMLAttributes<HTMLTableCellElement> & RefAttributes<HTMLTableCellElement>;
|
|
8
5
|
interface ContainerProps {
|
|
9
6
|
$maxHeight: CSSProperties['maxHeight'];
|
|
10
7
|
}
|
|
@@ -12,8 +9,9 @@ export declare const Container: IStyledComponent<'web', DivProps<ContainerProps>
|
|
|
12
9
|
interface TableRootProps {
|
|
13
10
|
$variant: TableVariant;
|
|
14
11
|
}
|
|
15
|
-
export declare const TableRoot: IStyledComponent<'web',
|
|
16
|
-
export declare const THead: IStyledComponent<'web',
|
|
12
|
+
export declare const TableRoot: IStyledComponent<'web', DivProps<TableRootProps>>;
|
|
13
|
+
export declare const THead: IStyledComponent<'web', DivProps>;
|
|
14
|
+
export declare const Row: IStyledComponent<'web', DivProps>;
|
|
17
15
|
interface ThProps {
|
|
18
16
|
$variant: TableVariant;
|
|
19
17
|
$backgroundColor?: CSSProperties['backgroundColor'];
|
|
@@ -21,9 +19,8 @@ interface ThProps {
|
|
|
21
19
|
$isFirst: boolean;
|
|
22
20
|
$isLast: boolean;
|
|
23
21
|
}
|
|
24
|
-
export declare const Th: IStyledComponent<'web',
|
|
22
|
+
export declare const Th: IStyledComponent<'web', DivProps<ThProps>>;
|
|
25
23
|
export declare const ThBorder: IStyledComponent<'web', DivProps>;
|
|
26
|
-
export declare const TBody: IStyledComponent<'web', TableSectionProps>;
|
|
27
24
|
interface TdProps {
|
|
28
25
|
$variant: TableVariant;
|
|
29
26
|
$withClick: boolean;
|
|
@@ -33,7 +30,7 @@ interface TdProps {
|
|
|
33
30
|
$isFirstCell: boolean;
|
|
34
31
|
$isLastCell: boolean;
|
|
35
32
|
}
|
|
36
|
-
export declare const Td: IStyledComponent<'web',
|
|
33
|
+
export declare const Td: IStyledComponent<'web', DivProps<TdProps>>;
|
|
37
34
|
interface HeadWrapperProps {
|
|
38
35
|
$textAlign?: TableColumn['textAlign'];
|
|
39
36
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type FC, type CSSProperties } from 'react';
|
|
2
|
+
import { TableColumn, TableRow, TableVariant } from '../types';
|
|
2
3
|
import { HoverAction } from '../../hover-actions';
|
|
3
|
-
import type { TableColumn, TableRow, TableVariant } from '../types';
|
|
4
4
|
interface TableRowsProps {
|
|
5
5
|
variant: TableVariant;
|
|
6
6
|
columns: TableColumn[];
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import { type FC, type ReactNode, type CSSProperties } from 'react';
|
|
2
2
|
interface ScrollYProps {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
width?: CSSProperties['width'];
|
|
4
|
+
height?: CSSProperties['height'];
|
|
5
|
+
gap?: number;
|
|
5
6
|
elements: ReactNode[];
|
|
7
|
+
noAnimation?: boolean;
|
|
6
8
|
}
|
|
7
9
|
declare const ScrollY: FC<ScrollYProps>;
|
|
8
10
|
export { ScrollY, type ScrollYProps };
|
|
@@ -28,6 +28,7 @@ export declare const FlexColumn: IStyledComponent<'web', DivProps<FlexColumnProp
|
|
|
28
28
|
interface CenterThisProps extends FlexColumnProps {
|
|
29
29
|
$width?: CSSProperties['width'];
|
|
30
30
|
$height?: CSSProperties['height'];
|
|
31
|
+
$padding?: CSSProperties['padding'];
|
|
31
32
|
}
|
|
32
33
|
export declare const CenterThis: IStyledComponent<'web', DivProps<CenterThisProps>>;
|
|
33
34
|
export declare const VerticalScroll: IStyledComponent<'web', DivProps>;
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{Z as Badge,B as Button,s as ButtonSize,dQ as ButtonTab,dR as ButtonTabList,q as ButtonVariants,C as Checkbox,dS as CheckboxList,dT as CheckboxSize,aG as CliCommand,av as DataCard,D as Drawer,ar as DropData,at as DropDataAlignX,as as DropDataAlignY,x as DropDown,b as FieldMessage,a as FieldTitle,dU as Header,cu as HoverActions,a6 as IconButton,a7 as IconButtonSize,I as Input,f as InputList,d as InputTable,aD as Island,L as Loader,dV as Modal,dW as Navbar,N as NoData,o as Note,dX as Radio,dY as RadioGroup,dZ as RadioSize,n as Search,ap as SectionCard,d_ as SectionCardSize,u as Segment,ab as SegmentSize,aJ as StatusCard,aB as Table,aC as TableVariant,d$ as Tag,v as TextArea,aK as TextCard,T as Toggle,e as ToggleLabelAlign,e0 as ToggleList,af as ToggleSize,e1 as ToggleVariant,r as Typography,m as TypographySize,ag as TypographyVariants,W as WarningModal}from"../chunks/ui-components-OrgB9V7b.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-DUWBN0Mg.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{bf as AutocompleteInput,bA as Badge,bC as Button,b3 as CancelWarning,l as CenterThis,aP as Checkbox,cK as Code,b7 as ConditionDetails,b8 as DataCard,aN as DataCardFieldTypes,ca as DataCardFields,dB as DataFinger,bE as DataTab,b2 as DeleteWarning,cs as DescribeRow,bg as Divider,aY as DocsButton,b1 as Drawer,dC as DrawerFooter,dD as DrawerHeader,bW as Dropdown,dE as ErrorBoundary,c0 as ExtendArrow,aF as FadeLoader,aQ as FieldError,aO as FieldLabel,F as FlexColumn,k as FlexRow,dF as Header,b$ as IconButton,cC as IconGroup,bu as IconTitleBadge,bp as IconWrapped,co as IconsNav,dG as ImageControlled,aR as Input,aV as InputList,aS as InputTable,bx as InteractiveTable,aU as KeyValueInputsList,cm as LoadingText,bc as Modal,bd as ModalBody,aZ as MonitorsCheckboxes,br as MonitorsIcons,bh as NavigationButtons,by as NoDataFound,be as NotificationNote,dH as Overlay,aA as PageContent,bR as Popup,cE as PopupForm,cJ as ScrollX,S as ScrollY,aX as SectionTitle,aW as Segment,bT as SelectionButton,bJ as SkeletonLoader,bj as Status,c9 as Stepper,dI as TabList,bs as TableContainer,bt as TableTitleWrap,bw as TableWrap,cc as Tag,a$ as Text,a_ as TextArea,aT as Toggle,cH as ToggleCodeComponent,J as Tooltip,bz as TraceLoader,aM as UpgradeRequiredWrapper,bS as VerticalScroll,cg as WarningModal,dJ as WhiteSpace,dK as getLinksFromText,dL as getStrongsFromText,dM as renderText}from"./chunks/ui-components-OrgB9V7b.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-DUWBN0Mg.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
|
@@ -1,17 +1,23 @@
|
|
|
1
|
+
export declare enum DestinationCategoryTypes {
|
|
2
|
+
EXISTS = "exists",
|
|
3
|
+
DETECTED = "detected",
|
|
4
|
+
SELF_HOSTED = "self-hosted",
|
|
5
|
+
MANAGED = "managed"
|
|
6
|
+
}
|
|
1
7
|
export declare const DESTINATION_CATEGORIES: {
|
|
2
|
-
|
|
8
|
+
exists: {
|
|
3
9
|
TITLE: string;
|
|
4
10
|
DESCRIPTION: string;
|
|
5
11
|
};
|
|
6
|
-
|
|
12
|
+
detected: {
|
|
7
13
|
TITLE: string;
|
|
8
14
|
DESCRIPTION: string;
|
|
9
15
|
};
|
|
10
|
-
|
|
16
|
+
"self-hosted": {
|
|
11
17
|
TITLE: string;
|
|
12
18
|
DESCRIPTION: string;
|
|
13
19
|
};
|
|
14
|
-
|
|
20
|
+
managed: {
|
|
15
21
|
TITLE: string;
|
|
16
22
|
DESCRIPTION: string;
|
|
17
23
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { OtelDistroName, ProgrammingLanguages } from '@/types';
|
|
2
1
|
import type { DropdownOption } from '@/components';
|
|
2
|
+
import { OtelDistroName, ProgrammingLanguages } from '@/types';
|
|
3
3
|
export declare const DISPLAY_LANGUAGES: Record<ProgrammingLanguages, string>;
|
|
4
4
|
export declare const LANGUAGE_OPTIONS: DropdownOption<ProgrammingLanguages>[];
|
|
5
5
|
export declare const OTEL_DISTRO_NAME_OPTIONS: Record<ProgrammingLanguages, {
|
|
@@ -113,6 +113,22 @@ export declare const DISPLAY_TITLES: {
|
|
|
113
113
|
ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC: string;
|
|
114
114
|
JAVA_CUSTOM_PROBES: string;
|
|
115
115
|
GOLANG_CUSTOM_PROBES: string;
|
|
116
|
+
FETCHING_NAMESPACES: string;
|
|
117
|
+
FETCHING_NAMESPACES_SUBTITLE: string;
|
|
118
|
+
ADD_SOURCES_DESCRIPTION: string;
|
|
119
|
+
CREATING_SOURCES: string;
|
|
120
|
+
CREATING_SOURCES_SUBTITLE: string;
|
|
121
|
+
SELECT_NAMESPACE: string;
|
|
122
|
+
SELECT_NAMESPACE_SUBTITLE: string;
|
|
123
|
+
CREATING_ACTION: string;
|
|
124
|
+
CREATING_ACTION_SUBTITLE: string;
|
|
125
|
+
ADD_ACTION_DESCRIPTION: string;
|
|
126
|
+
CREATING_INSTRUMENTATION_RULE: string;
|
|
127
|
+
CREATING_INSTRUMENTATION_RULE_SUBTITLE: string;
|
|
128
|
+
ADD_INSTRUMENTATION_RULE_DESCRIPTION: string;
|
|
129
|
+
CREATING_DESTINATION: string;
|
|
130
|
+
CREATING_DESTINATION_SUBTITLE: string;
|
|
131
|
+
ADD_DESTINATION_DRAWER_DESCRIPTION: string;
|
|
116
132
|
};
|
|
117
133
|
export declare const BUTTON_TEXTS: {
|
|
118
134
|
ADD: string;
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{a1 as ACTION_ATTRIBUTE_OPTIONS,b6 as ACTION_OPTIONS,a2 as ACTION_SAMPLER_OPTIONS,az as BUTTON_TEXTS,ai as DEFAULT_DATA_STREAM_NAME,a9 as DESTINATION_CATEGORIES,_ as DISPLAY_LANGUAGES,a4 as DISPLAY_TITLES,t as DOCS_BASE_URL,a8 as DestinationCategoryTypes,a5 as FORM_ALERTS,ad as INSTRUMENTATION_RULE_OPTIONS,dm as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dn as OTEL_DISTRO_NAME_OPTIONS,bX as STORAGE_KEYS,dp as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-OrgB9V7b.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-DUWBN0Mg.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GenericFormResult } from '@/hooks';
|
|
2
|
+
import { type ActionFormData, type ActionOption } from '@/types';
|
|
3
|
+
export declare const INITIAL_FORM_DATA: ActionFormData;
|
|
4
|
+
export declare const validateForm: (selectedOption: ActionOption | null, genericForm: GenericFormResult<ActionFormData>) => {
|
|
5
|
+
isOk: boolean;
|
|
6
|
+
preparedFormData: ActionFormData;
|
|
7
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
|
+
import { type CreateActionFunc } from '@/types';
|
|
3
|
+
import { DrawerProps } from '@/components/_v2';
|
|
4
|
+
export interface AddActionDrawerProps {
|
|
5
|
+
onClose: DrawerProps['header']['onClose'];
|
|
6
|
+
selectedConnectionIds: string[];
|
|
7
|
+
setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
|
|
8
|
+
createAction: CreateActionFunc;
|
|
9
|
+
}
|
|
10
|
+
export declare const AddActionDrawer: FC<AddActionDrawerProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { SelectedArea } from '../types';
|
|
2
|
+
import type { GenericFormResult } from '@/hooks';
|
|
3
|
+
import { WideDrawerProps } from '@/snippets/_v2';
|
|
4
|
+
import type { DestinationFormData } from '@/types';
|
|
5
|
+
export interface FormColumnProps {
|
|
6
|
+
selectedArea: SelectedArea | null;
|
|
7
|
+
genericForm: GenericFormResult<DestinationFormData>;
|
|
8
|
+
}
|
|
9
|
+
export declare const formColumn: ({ selectedArea, genericForm }: FormColumnProps) => WideDrawerProps["leftColumn"];
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SelectedArea } from './types';
|
|
2
|
+
import { GenericFormResult } from '@/hooks';
|
|
3
|
+
import { type DestinationDynamicField, type DestinationFormData, type DestinationOption, type DestinationYamlProperties, type GetDestinationCategoriesResult, type GetPotentialDestinationsResult } from '@/types';
|
|
4
|
+
export declare const getOptionsFromResults: (categoriesResult?: GetDestinationCategoriesResult, detectedResult?: GetPotentialDestinationsResult) => {
|
|
5
|
+
detectedDestinations: DestinationOption[];
|
|
6
|
+
selfHostedDestinations: DestinationOption[];
|
|
7
|
+
managedDestinations: DestinationOption[];
|
|
8
|
+
};
|
|
9
|
+
export declare const buildDynamicFields: (fields: DestinationYamlProperties[]) => DestinationDynamicField[];
|
|
10
|
+
export declare const INITIAL_FORM_DATA: (currentStreamName: string) => DestinationFormData;
|
|
11
|
+
export declare const validateForm: (selectedArea: SelectedArea | null, genericForm: GenericFormResult<DestinationFormData>) => {
|
|
12
|
+
isOk: boolean;
|
|
13
|
+
preparedFormData: DestinationFormData;
|
|
14
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
|
+
import { DrawerProps } from '@/components/_v2';
|
|
3
|
+
import { type CreateDestinationFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc } from '@/types';
|
|
4
|
+
export interface AddDestinationDrawerProps {
|
|
5
|
+
onClose: DrawerProps['header']['onClose'];
|
|
6
|
+
selectedConnectionIds: string[];
|
|
7
|
+
setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
|
|
8
|
+
getDestinationCategories: GetDestinationCategoriesFunc;
|
|
9
|
+
getPotentialDestinations: GetPotentialDestinationsFunc;
|
|
10
|
+
createDestination: CreateDestinationFunc;
|
|
11
|
+
}
|
|
12
|
+
export declare const AddDestinationDrawer: FC<AddDestinationDrawerProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { WideDrawerProps } from '@/snippets/_v2';
|
|
2
|
+
import type { DestinationOption } from '@/types';
|
|
3
|
+
import type { Filters, SelectedArea } from '../types';
|
|
4
|
+
import { DestinationCategoryTypes } from '@/constants';
|
|
5
|
+
export interface ListsColumnProps {
|
|
6
|
+
isFetching: boolean;
|
|
7
|
+
destinationsByCategory: Record<DestinationCategoryTypes, DestinationOption[]>;
|
|
8
|
+
searchText: string;
|
|
9
|
+
filters: Filters;
|
|
10
|
+
selectedArea: SelectedArea | null;
|
|
11
|
+
onSelect: (area: SelectedArea) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters, selectedArea, onSelect }: ListsColumnProps) => WideDrawerProps["leftColumn"];
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type Filters } from '../types';
|
|
2
|
+
import { DestinationCategoryTypes } from '@/constants';
|
|
3
|
+
import { type DestinationOption } from '@/types';
|
|
4
|
+
export interface FiltersProps {
|
|
5
|
+
destinationsByCategory: Record<DestinationCategoryTypes, DestinationOption[]>;
|
|
6
|
+
filters: Filters;
|
|
7
|
+
setFilters: (filters: Filters) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const ListsFilters: ({ destinationsByCategory, filters, setFilters }: FiltersProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DestinationCategoryTypes } from '@/constants';
|
|
2
|
+
import type { DestinationDynamicField, DestinationOption, SignalType } from '@/types';
|
|
3
|
+
export interface Filters {
|
|
4
|
+
categoryType: DestinationCategoryTypes | null;
|
|
5
|
+
signalType: SignalType | null;
|
|
6
|
+
}
|
|
7
|
+
export interface SelectedArea {
|
|
8
|
+
listType: DestinationCategoryTypes;
|
|
9
|
+
option: DestinationOption;
|
|
10
|
+
dynamicFields: DestinationDynamicField[];
|
|
11
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
2
|
import { DrawerProps } from '@/components/_v2';
|
|
3
|
-
import { type
|
|
3
|
+
import { type PersistSourcesFunc, GetAllClusterSnapshots } from '@/types';
|
|
4
4
|
export interface AddSourceDrawerProps {
|
|
5
5
|
onClose: DrawerProps['header']['onClose'];
|
|
6
6
|
selectedConnectionIds: string[];
|
|
7
7
|
setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
|
|
8
|
-
|
|
8
|
+
getAllClusterSnapshots: GetAllClusterSnapshots;
|
|
9
9
|
persistSources: PersistSourcesFunc;
|
|
10
10
|
}
|
|
11
11
|
export declare const AddSourceDrawer: FC<AddSourceDrawerProps>;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
|
1
|
+
import { type Dispatch, type SetStateAction } from 'react';
|
|
2
2
|
import { WideDrawerProps } from '@/snippets/_v2';
|
|
3
3
|
import type { Filters, FormData, HandleSelectAllFunc, HandleSourceChangeFunc, SelectedArea } from '../types';
|
|
4
4
|
export interface NamespacesColumnProps {
|
|
5
|
+
isFetching: boolean;
|
|
5
6
|
formData: FormData;
|
|
6
|
-
handleSourceChange: HandleSourceChangeFunc;
|
|
7
7
|
handleSelectAll: HandleSelectAllFunc;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
8
|
+
handleSourceChange: HandleSourceChangeFunc;
|
|
9
|
+
selectedArea: SelectedArea;
|
|
10
|
+
setSelectedArea: Dispatch<SetStateAction<SelectedArea>>;
|
|
12
11
|
searchText: string;
|
|
13
12
|
filters: Filters;
|
|
14
13
|
}
|
|
15
|
-
export declare const namespacesColumn: ({ formData, handleSourceChange, handleSelectAll, selectedArea, searchText, filters }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];
|
|
14
|
+
export declare const namespacesColumn: ({ isFetching, formData, handleSourceChange, handleSelectAll, selectedArea, setSelectedArea, searchText, filters, }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Dispatch, type SetStateAction, type FC } from 'react';
|
|
2
|
+
import type { VisibleNamespace } from '../../utils';
|
|
3
|
+
import type { HandleSourceChangeFunc, SelectedArea } from '../../types';
|
|
4
|
+
export interface ListProps {
|
|
5
|
+
clusterId: string;
|
|
6
|
+
clusterName: string;
|
|
7
|
+
namespaces: VisibleNamespace[];
|
|
8
|
+
selectedArea: SelectedArea;
|
|
9
|
+
setSelectedArea: Dispatch<SetStateAction<SelectedArea>>;
|
|
10
|
+
handleSourceChange: HandleSourceChangeFunc;
|
|
11
|
+
}
|
|
12
|
+
export declare const List: FC<ListProps>;
|
package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/list-item/index.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type HandleSourceChangeFunc } from '../../../types';
|
|
3
|
+
interface ListItemProps {
|
|
4
|
+
clusterId: string;
|
|
5
|
+
namespaceName: string;
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
onActive: () => void;
|
|
8
|
+
isFutureApps: boolean;
|
|
9
|
+
checkbox: {
|
|
10
|
+
all: boolean;
|
|
11
|
+
partial: boolean;
|
|
12
|
+
};
|
|
13
|
+
selectedCounts: {
|
|
14
|
+
sourced: number;
|
|
15
|
+
total: number;
|
|
16
|
+
};
|
|
17
|
+
handleSourceChange: HandleSourceChangeFunc;
|
|
18
|
+
}
|
|
19
|
+
export declare const ListItem: FC<ListItemProps>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { NamespaceSnapshot, WorkloadSnapshot } from '@/types';
|
|
2
|
+
import type { Filters } from './types';
|
|
3
|
+
export interface NamespaceState {
|
|
4
|
+
selectedCount: number;
|
|
5
|
+
isAllSourced: boolean;
|
|
6
|
+
isSomeSourced: boolean;
|
|
7
|
+
isFutureApps: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface VisibleNamespace extends NamespaceState {
|
|
10
|
+
name: string;
|
|
11
|
+
totalWorkloads: number;
|
|
12
|
+
}
|
|
13
|
+
export declare const getNamespaceState: (namespace: NamespaceSnapshot) => NamespaceState;
|
|
14
|
+
export declare const isNamespaceVisible: (namespace: NamespaceSnapshot, searchText: string, filters: Filters) => boolean;
|
|
15
|
+
export declare const isWorkloadVisible: (workload: WorkloadSnapshot, searchText: string, filters: Filters) => boolean;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { ActionType, type ActionFormData, type CustomFieldProps } from '@/types';
|
|
3
|
+
interface CustomFieldsProps extends CustomFieldProps<ActionFormData['fields']> {
|
|
4
|
+
actionType?: ActionType;
|
|
5
|
+
}
|
|
6
|
+
declare const CustomFields: FC<CustomFieldsProps>;
|
|
7
|
+
export { CustomFields, type CustomFieldsProps };
|
package/lib/containers/_v2/_forms/add-action-form/custom-fields/probabilistic-sampler/index.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type ActionFormData, type CustomFieldProps } from '@/types';
|
|
3
|
+
type ProbabilisticSamplerProps = CustomFieldProps<ActionFormData['fields']>;
|
|
4
|
+
export declare const ProbabilisticSampler: FC<ProbabilisticSamplerProps>;
|
|
5
|
+
export {};
|
package/lib/containers/_v2/_forms/add-action-form/custom-fields/span-attribute-sampler/index.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type ActionFormData, type CustomFieldProps } from '@/types';
|
|
3
|
+
type SpanAttributeSamplerProps = CustomFieldProps<ActionFormData['fields']>;
|
|
4
|
+
export declare const SpanAttributeSampler: FC<SpanAttributeSamplerProps>;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import type { GenericFormResult } from '@/hooks';
|
|
3
|
+
import { type ActionFormData, type ActionOption } from '@/types';
|
|
4
|
+
export interface AddActionFormProps extends GenericFormResult<ActionFormData> {
|
|
5
|
+
option: ActionOption;
|
|
6
|
+
}
|
|
7
|
+
export declare const AddActionForm: FC<AddActionFormProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { GenericFormResult } from '@/hooks';
|
|
3
|
+
import { DestinationDynamicField, DestinationFormData, SignalType } from '@/types';
|
|
4
|
+
export interface DynamicFieldsProps extends Pick<GenericFormResult<DestinationFormData>, 'formData' | 'handleFormChange' | 'formErrors'> {
|
|
5
|
+
signals: SignalType[];
|
|
6
|
+
fields: DestinationDynamicField[];
|
|
7
|
+
}
|
|
8
|
+
export declare const DynamicFields: FC<DynamicFieldsProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { GenericFormResult } from '@/hooks';
|
|
3
|
+
import { type DestinationFormData, type DestinationOption, DestinationDynamicField } from '@/types';
|
|
4
|
+
export interface AddDestinationFormProps extends GenericFormResult<DestinationFormData> {
|
|
5
|
+
option: DestinationOption;
|
|
6
|
+
dynamicFields: DestinationDynamicField[];
|
|
7
|
+
}
|
|
8
|
+
export declare const AddDestinationForm: FC<AddDestinationFormProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type FC, type CSSProperties } from 'react';
|
|
2
|
-
import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc, type GetAllClusterSnapshots, type PersistSourcesFunc, type CreateInstrumentationRuleFunc } from '@/types';
|
|
2
|
+
import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc, type GetAllClusterSnapshots, type PersistSourcesFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc, type CreateDestinationFunc, type CreateActionFunc, type CreateInstrumentationRuleFunc } from '@/types';
|
|
3
3
|
export interface CentralConnectionsProps {
|
|
4
4
|
tableRowsMaxHeight: CSSProperties['maxHeight'];
|
|
5
5
|
connections?: Connection[];
|
|
@@ -12,6 +12,10 @@ export interface CentralConnectionsProps {
|
|
|
12
12
|
snapshotMinSupportedVersion?: number;
|
|
13
13
|
getAllClusterSnapshots?: GetAllClusterSnapshots;
|
|
14
14
|
persistSources?: PersistSourcesFunc;
|
|
15
|
+
getDestinationCategories?: GetDestinationCategoriesFunc;
|
|
16
|
+
getPotentialDestinations?: GetPotentialDestinationsFunc;
|
|
17
|
+
createDestination?: CreateDestinationFunc;
|
|
18
|
+
createAction?: CreateActionFunc;
|
|
15
19
|
createInstrumentationRule?: CreateInstrumentationRuleFunc;
|
|
16
20
|
}
|
|
17
21
|
export declare const CentralConnections: FC<CentralConnectionsProps>;
|