@odigos/ui-kit 0.0.195 → 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.
Files changed (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/lib/chunks/index-CjudHPMe.js +3 -0
  3. package/lib/chunks/ui-components-OrgB9V7b.js +2381 -0
  4. package/lib/chunks/vendor-DUWBN0Mg.js +1 -0
  5. package/lib/components/_v2/index.d.ts +1 -0
  6. package/lib/components/_v2/loader/index.d.ts +1 -0
  7. package/lib/components/_v2/no-data/index.d.ts +10 -0
  8. package/lib/components/_v2/table/styled.d.ts +5 -8
  9. package/lib/components/_v2/table/table-rows/index.d.ts +1 -1
  10. package/lib/components/scroll-y/index.d.ts +5 -3
  11. package/lib/components/v2.js +1 -1
  12. package/lib/components.js +1 -1
  13. package/lib/constants/destinations/index.d.ts +10 -4
  14. package/lib/constants/sources/index.d.ts +1 -1
  15. package/lib/constants/strings/index.d.ts +16 -0
  16. package/lib/constants.js +1 -1
  17. package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts +1 -1
  18. package/lib/containers/_v2/_drawers/add-destination-drawer/form-column/index.d.ts +9 -0
  19. package/lib/containers/_v2/_drawers/add-destination-drawer/helpers.d.ts +14 -0
  20. package/lib/containers/_v2/_drawers/add-destination-drawer/index.d.ts +12 -0
  21. package/lib/containers/_v2/_drawers/add-destination-drawer/lists-column/index.d.ts +13 -0
  22. package/lib/containers/_v2/_drawers/add-destination-drawer/lists-filters/index.d.ts +9 -0
  23. package/lib/containers/_v2/_drawers/add-destination-drawer/types.d.ts +11 -0
  24. package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/index.d.ts +5 -7
  25. package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/index.d.ts +12 -0
  26. package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/list-item/index.d.ts +20 -0
  27. package/lib/containers/_v2/_drawers/add-source-drawer/utils.d.ts +15 -0
  28. package/lib/containers/_v2/_drawers/index.d.ts +1 -0
  29. package/lib/containers/_v2/_forms/add-destination-form/dynamic-fields/index.d.ts +8 -0
  30. package/lib/containers/_v2/_forms/add-destination-form/index.d.ts +8 -0
  31. package/lib/containers/_v2/_forms/index.d.ts +1 -0
  32. package/lib/containers/_v2/central-connections/index.d.ts +4 -1
  33. package/lib/containers/v2.js +54 -22
  34. package/lib/containers.js +112 -122
  35. package/lib/contexts.js +1 -1
  36. package/lib/functions/compare-condition/index.d.ts +2 -1
  37. package/lib/functions.js +1 -1
  38. package/lib/hooks/index.d.ts +0 -1
  39. package/lib/hooks.js +1 -1
  40. package/lib/snippets/_v2/wide-drawer/column-list-collapse/index.d.ts +1 -0
  41. package/lib/snippets/_v2/wide-drawer/index.d.ts +1 -0
  42. package/lib/snippets.js +1 -1
  43. package/lib/store.js +1 -1
  44. package/lib/theme.js +1 -1
  45. package/lib/types/destinations/index.d.ts +28 -11
  46. package/lib/types/enum/index.d.ts +0 -1
  47. package/lib/types/snapshot/index.d.ts +2 -1
  48. package/lib/types.js +1 -1
  49. package/lib/visuals.js +1 -1
  50. package/package.json +12 -12
  51. package/lib/chunks/index-DvMzoRJQ.js +0 -3
  52. package/lib/chunks/ui-components-ymRfS19x.js +0 -2374
  53. package/lib/chunks/vendor-C-kwkNJP.js +0 -1
  54. 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};
@@ -19,6 +19,7 @@ export * from './island';
19
19
  export * from './loader';
20
20
  export * from './modal';
21
21
  export * from './navbar';
22
+ export * from './no-data';
22
23
  export * from './note';
23
24
  export * from './radio';
24
25
  export * from './search';
@@ -13,6 +13,7 @@ export interface LoaderProps {
13
13
  withGradient?: boolean;
14
14
  gradientColor?: string;
15
15
  withSpinner?: boolean;
16
+ withSpinnerOld?: boolean;
16
17
  percentage?: number;
17
18
  withVisual?: boolean;
18
19
  visualIcon?: SVG;
@@ -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', TableProps<TableRootProps>>;
16
- export declare const THead: IStyledComponent<'web', TableSectionProps>;
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', TableCellProps<ThProps>>;
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', TableCellProps<TdProps>>;
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
- containerHeight: number;
4
- elementHeight: number;
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 };
@@ -1 +1 @@
1
- export{z as Badge,B as Button,r as ButtonSize,dN as ButtonTab,dO as ButtonTabList,p as ButtonVariants,C as Checkbox,dP as CheckboxList,dQ as CheckboxSize,at as CliCommand,ai as DataCard,D as Drawer,ae as DropData,ag as DropDataAlignX,af as DropDataAlignY,dR as DropDown,b as FieldMessage,a as FieldTitle,dS as Header,cp as HoverActions,a9 as IconButton,cz as IconButtonSize,I as Input,f as InputList,d as InputTable,aq as Island,L as Loader,dT as Modal,dU as Navbar,n as Note,dV as Radio,dW as RadioGroup,dX as RadioSize,S as Search,ac as SectionCard,dY as SectionCardSize,t as Segment,dZ as SegmentSize,aw as StatusCard,ao as Table,ap as TableVariant,d_ as Tag,u as TextArea,ax as TextCard,T as Toggle,e as ToggleLabelAlign,d$ as ToggleList,a0 as ToggleSize,e0 as ToggleVariant,q as Typography,m as TypographySize,a1 as TypographyVariants,W as WarningModal}from"../chunks/ui-components-ymRfS19x.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
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{b3 as AutocompleteInput,bn as Badge,bp as Button,aS as CancelWarning,l as CenterThis,aC as Checkbox,cG as Code,aW as ConditionDetails,aX as DataCard,aA as DataCardFieldTypes,c5 as DataCardFields,dy as DataFinger,br as DataTab,aR as DeleteWarning,cn as DescribeRow,b4 as Divider,aL as DocsButton,aQ as Drawer,dz as DrawerFooter,dA as DrawerHeader,bM as Dropdown,dB as ErrorBoundary,bS as ExtendArrow,as as FadeLoader,aD as FieldError,aB as FieldLabel,F as FlexColumn,k as FlexRow,dC as Header,bR as IconButton,cx as IconGroup,bi as IconTitleBadge,bd as IconWrapped,cj as IconsNav,dD as ImageControlled,aE as Input,aI as InputList,aF as InputTable,bl as InteractiveTable,aH as KeyValueInputsList,ch as LoadingText,a$ as Modal,b0 as ModalBody,aM as MonitorsCheckboxes,bf as MonitorsIcons,b5 as NavigationButtons,N as NoDataFound,b1 as NotificationNote,dE as Overlay,an as PageContent,bH as Popup,cA as PopupForm,cF as ScrollX,bu as ScrollY,aK as SectionTitle,aJ as Segment,bJ as SelectionButton,bz as SkeletonLoader,b7 as Status,c4 as Stepper,dF as TabList,bg as TableContainer,bh as TableTitleWrap,bk as TableWrap,c7 as Tag,aO as Text,aN as TextArea,aG as Toggle,cD as ToggleCodeComponent,w as Tooltip,bm as TraceLoader,az as UpgradeRequiredWrapper,bI as VerticalScroll,cb as WarningModal,dG as WhiteSpace,dH as getLinksFromText,dI as getStrongsFromText,dJ as renderText}from"./chunks/ui-components-ymRfS19x.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
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
- DETECTED: {
8
+ exists: {
3
9
  TITLE: string;
4
10
  DESCRIPTION: string;
5
11
  };
6
- EXISTS: {
12
+ detected: {
7
13
  TITLE: string;
8
14
  DESCRIPTION: string;
9
15
  };
10
- MANAGED: {
16
+ "self-hosted": {
11
17
  TITLE: string;
12
18
  DESCRIPTION: string;
13
19
  };
14
- SELF_HOSTED: {
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{U as ACTION_ATTRIBUTE_OPTIONS,aV as ACTION_OPTIONS,X as ACTION_SAMPLER_OPTIONS,al as BUTTON_TEXTS,a4 as DEFAULT_DATA_STREAM_NAME,c2 as DESTINATION_CATEGORIES,E as DISPLAY_LANGUAGES,Z as DISPLAY_TITLES,s as DOCS_BASE_URL,b2 as FORM_ALERTS,_ as INSTRUMENTATION_RULE_OPTIONS,di as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dj as OTEL_DISTRO_NAME_OPTIONS,bN as STORAGE_KEYS,dk as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-ymRfS19x.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
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";
@@ -1,6 +1,6 @@
1
1
  import { type FC, type Dispatch, type SetStateAction } from 'react';
2
- import { DrawerProps } from '@/components/_v2';
3
2
  import { type CreateActionFunc } from '@/types';
3
+ import { DrawerProps } from '@/components/_v2';
4
4
  export interface AddActionDrawerProps {
5
5
  onClose: DrawerProps['header']['onClose'];
6
6
  selectedConnectionIds: string[];
@@ -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,16 +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
5
  isFetching: boolean;
6
6
  formData: FormData;
7
- handleSourceChange: HandleSourceChangeFunc;
8
7
  handleSelectAll: HandleSelectAllFunc;
9
- selectedArea: {
10
- value: SelectedArea;
11
- setValue: Dispatch<SetStateAction<SelectedArea>>;
12
- };
8
+ handleSourceChange: HandleSourceChangeFunc;
9
+ selectedArea: SelectedArea;
10
+ setSelectedArea: Dispatch<SetStateAction<SelectedArea>>;
13
11
  searchText: string;
14
12
  filters: Filters;
15
13
  }
16
- export declare const namespacesColumn: ({ isFetching, 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>;
@@ -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;
@@ -1,4 +1,5 @@
1
1
  export * from './add-action-drawer';
2
+ export * from './add-destination-drawer';
2
3
  export * from './add-rule-drawer';
3
4
  export * from './add-source-drawer';
4
5
  export * from './edit-config-drawer';
@@ -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,2 +1,3 @@
1
1
  export * from './add-action-form';
2
+ export * from './add-destination-form';
2
3
  export * from './add-rule-form';
@@ -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 CreateActionFunc, 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,9 @@ export interface CentralConnectionsProps {
12
12
  snapshotMinSupportedVersion?: number;
13
13
  getAllClusterSnapshots?: GetAllClusterSnapshots;
14
14
  persistSources?: PersistSourcesFunc;
15
+ getDestinationCategories?: GetDestinationCategoriesFunc;
16
+ getPotentialDestinations?: GetPotentialDestinationsFunc;
17
+ createDestination?: CreateDestinationFunc;
15
18
  createAction?: CreateActionFunc;
16
19
  createInstrumentationRule?: CreateInstrumentationRuleFunc;
17
20
  }