@odigos/ui-kit 0.0.183 → 0.0.184
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 +0 -101
- package/README.md +12 -16
- package/lib/chunks/ui-components-32cc0a29.js +2286 -0
- package/lib/chunks/vendor-0965fadc.js +1 -0
- package/lib/components/_v2/drop-data/index.d.ts +7 -9
- package/lib/components/_v2/input/index.d.ts +1 -3
- package/lib/components/_v2/loader/index.d.ts +1 -3
- package/lib/components/_v2/segment/index.d.ts +2 -1
- package/lib/components/_v2/table/styled.d.ts +18 -29
- package/lib/components/_v2/table/types.d.ts +0 -2
- package/lib/components/selection-button/index.d.ts +1 -1
- package/lib/components/styled.d.ts +50 -46
- package/lib/components/tab-list/index.d.ts +3 -4
- package/lib/components/text/index.d.ts +1 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants/sources/index.d.ts +1 -5
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/central-connections/config-drawer/index.d.ts +8 -6
- package/lib/containers/_v2/central-connections/index.d.ts +6 -5
- package/lib/containers/_v2/central-connections/source-drawer/index.d.ts +1 -1
- package/lib/containers/_v2/central-connections/source-drawer/styled.d.ts +15 -15
- package/lib/containers/_v2/index.d.ts +0 -1
- package/lib/containers/_v2/pipeline-collectors/pods-info/index.d.ts +1 -1
- package/lib/containers/data-flow/column/frame.d.ts +1 -0
- package/lib/containers/data-flow/column/index.d.ts +1 -0
- package/lib/containers/data-flow-actions-menu/search/search-results/builder.d.ts +1 -1
- package/lib/containers/data-flow-actions-menu/styled.d.ts +5 -9
- package/lib/containers/instrumentation-rule-modal/index.d.ts +1 -0
- package/lib/containers/source-drawer/describe/index.d.ts +1 -1
- package/lib/containers/source-drawer/odigos-health/index.d.ts +2 -1
- package/lib/containers/v2.js +20 -27
- package/lib/containers.js +130 -128
- package/lib/contexts/odigos-context.d.ts +9 -11
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/useActionFormData.d.ts +1 -1
- package/lib/hooks/useConnection.d.ts +3 -0
- package/lib/hooks.js +1 -1
- package/lib/icons/auth/index.d.ts +0 -1
- package/lib/icons/common/index.d.ts +0 -1
- package/lib/icons.js +1 -1
- package/lib/mock-data/sources/index.d.ts +19 -2
- package/lib/snippets/_v2/yaml-section-card/index.d.ts +0 -2
- package/lib/snippets/add-button/index.d.ts +1 -1
- package/lib/snippets/source-container/index.d.ts +1 -1
- package/lib/snippets/source-container/override-runtime.d.ts +1 -2
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme/animations/index.d.ts +22 -28
- package/lib/theme/index.d.ts +12 -3
- package/lib/theme.js +1 -1
- package/lib/types/common/index.d.ts +1 -1
- package/lib/types/enum/index.d.ts +1 -23
- package/lib/types/index.d.ts +0 -1
- package/lib/types/instrumentation-instances/index.d.ts +0 -1
- package/lib/types/pipeline-collectors/index.d.ts +0 -9
- package/lib/types/sources/index.d.ts +2 -4
- package/lib/types.js +1 -1
- package/lib/visuals/index.d.ts +2 -1
- package/lib/visuals/visual-star/index.d.ts +2 -0
- package/lib/visuals/visual-success/index.d.ts +2 -0
- package/lib/visuals.js +1 -1
- package/package.json +24 -25
- package/lib/chunks/ui-components-CYC_0_iY.js +0 -2296
- package/lib/chunks/vendor-1oZp1FpB.js +0 -1
- package/lib/containers/_v2/system-drawer/describe/index.d.ts +0 -10
- package/lib/containers/_v2/system-drawer/diagnose/index.d.ts +0 -6
- package/lib/containers/_v2/system-drawer/index.d.ts +0 -11
- package/lib/containers/_v2/system-drawer/tokens/index.d.ts +0 -7
- package/lib/containers/_v2/system-drawer/tokens/token-actions.d.ts +0 -12
- package/lib/containers/_v2/system-drawer/tokens/token-expires-at.d.ts +0 -6
- package/lib/containers/_v2/system-drawer/tokens/token-input.d.ts +0 -8
- package/lib/icons/auth/okta-icon/index.d.ts +0 -2
- package/lib/icons/common/diagnose-icon/index.d.ts +0 -2
- package/lib/types/diagnose/index.d.ts +0 -6
- package/lib/visuals/visual-green-rings/index.d.ts +0 -7
- /package/lib/theme/{palettes → palletes}/index.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";import{flushSync as e}from"react-dom";function o(t,e){let o;try{o=t()}catch(t){return}return{getItem:t=>{var r;const n=t=>null===t?null:JSON.parse(t,null==e?void 0:e.reviver),a=null!=(r=o.getItem(t))?r:null;return a instanceof Promise?a.then(n):n(a)},setItem:(t,r)=>o.setItem(t,JSON.stringify(r,null==e?void 0:e.replacer)),removeItem:t=>o.removeItem(t)}}const r=t=>e=>{try{const o=t(e);return o instanceof Promise?o:{then:t=>r(t)(o),catch(t){return this}}}catch(t){return{then(t){return this},catch:e=>r(e)(t)}}},n=(t,e)=>(n,a,s)=>{let i={storage:o(()=>localStorage),partialize:t=>t,version:0,merge:(t,e)=>({...e,...t}),...e},l=!1;const c=new Set,d=new Set;let u=i.storage;if(!u)return t((...t)=>{n(...t)},a,s);const h=()=>{const t=i.partialize({...a()});return u.setItem(i.name,{state:t,version:i.version})},f=s.setState;s.setState=(t,e)=>(f(t,e),h());const b=t((...t)=>(n(...t),h()),a,s);let p;s.getInitialState=()=>b;const g=()=>{var t,e;if(!u)return;l=!1,c.forEach(t=>{var e;return t(null!=(e=a())?e:b)});const o=(null==(e=i.onRehydrateStorage)?void 0:e.call(i,null!=(t=a())?t:b))||void 0;return r(u.getItem.bind(u))(i.name).then(t=>{if(t){if("number"!=typeof t.version||t.version===i.version)return[!1,t.state];if(i.migrate){const e=i.migrate(t.state,t.version);return e instanceof Promise?e.then(t=>[!0,t]):[!0,e]}}return[!1,void 0]}).then(t=>{var e;const[o,r]=t;if(p=i.merge(r,null!=(e=a())?e:b),n(p,!0),o)return h()}).then(()=>{null==o||o(p,void 0),p=a(),l=!0,d.forEach(t=>t(p))}).catch(t=>{null==o||o(void 0,t)})};return s.persist={setOptions:t=>{i={...i,...t},t.storage&&(u=t.storage)},clearStorage:()=>{null==u||u.removeItem(i.name)},getOptions:()=>i,rehydrate:()=>g(),hasHydrated:()=>l,onHydrate:t=>(c.add(t),()=>{c.delete(t)}),onFinishHydration:t=>(d.add(t),()=>{d.delete(t)})},i.skipHydration||g(),p||b};function a(t,e){void 0===e&&(e={});var o=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function s(t,e,o){let r,n=o.initialDeps??[],a=!0;function s(){var s,i,l;let c;o.key&&(null==(s=o.debug)?void 0:s.call(o))&&(c=Date.now());const d=t();if(d.length===n.length&&!d.some((t,e)=>n[e]!==t))return r;let u;return n=d,o.key&&(null==(i=o.debug)?void 0:i.call(o))&&(u=Date.now()),r=e(...d),o.key&&(null==(l=o.debug)?void 0:l.call(o))&&(Math.round(100*(Date.now()-c)),Math.round(100*(Date.now()-u))),!(null==o?void 0:o.onChange)||a&&o.skipInitialOnChange||o.onChange(r),a=!1,r}return s.updateDeps=t=>{n=t},s}function i(t,e){if(void 0===t)throw new Error("Unexpected undefined"+(e?`: ${e}`:""));return t}const l=(t,e,o)=>{let r;return function(...n){t.clearTimeout(r),r=t.setTimeout(()=>e.apply(this,n),o)}},c=t=>{const{offsetWidth:e,offsetHeight:o}=t;return{width:e,height:o}},d=t=>t,u=t=>{const e=Math.max(t.startIndex-t.overscan,0),o=Math.min(t.endIndex+t.overscan,t.count-1),r=[];for(let t=e;t<=o;t++)r.push(t);return r},h=(t,e)=>{const o=t.scrollElement;if(!o)return;const r=t.targetWindow;if(!r)return;const n=t=>{const{width:o,height:r}=t;e({width:Math.round(o),height:Math.round(r)})};if(n(c(o)),!r.ResizeObserver)return()=>{};const a=new r.ResizeObserver(e=>{const r=()=>{const t=e[0];if(null==t?void 0:t.borderBoxSize){const e=t.borderBoxSize[0];if(e)return void n({width:e.inlineSize,height:e.blockSize})}n(c(o))};t.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()});return a.observe(o,{box:"border-box"}),()=>{a.unobserve(o)}},f={passive:!0},b="undefined"==typeof window||"onscrollend"in window,p=(t,e)=>{const o=t.scrollElement;if(!o)return;const r=t.targetWindow;if(!r)return;let n=0;const a=t.options.useScrollendEvent&&b?()=>{}:l(r,()=>{e(n,!1)},t.options.isScrollingResetDelay),s=r=>()=>{const{horizontal:s,isRtl:i}=t.options;n=s?o.scrollLeft*(i?-1:1):o.scrollTop,a(),e(n,r)},i=s(!0),c=s(!1);o.addEventListener("scroll",i,f);const d=t.options.useScrollendEvent&&b;return d&&o.addEventListener("scrollend",c,f),()=>{o.removeEventListener("scroll",i),d&&o.removeEventListener("scrollend",c)}},g=(t,e,o)=>{if(null==e?void 0:e.borderBoxSize){const t=e.borderBoxSize[0];if(t)return Math.round(t[o.options.horizontal?"inlineSize":"blockSize"])}return t[o.options.horizontal?"offsetWidth":"offsetHeight"]},x=(t,{adjustments:e=0,behavior:o},r)=>{var n,a;const s=t+e;null==(a=null==(n=r.scrollElement)?void 0:n.scrollTo)||a.call(n,{[r.options.horizontal?"left":"top"]:s,behavior:o})};class _{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.currentScrollToIndex=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.laneAssignments=new Map,this.pendingMeasuredCacheIndexes=[],this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let t=null;const e=()=>t||(this.targetWindow&&this.targetWindow.ResizeObserver?t=new this.targetWindow.ResizeObserver(t=>{t.forEach(t=>{const e=()=>{this.t(t.target,t)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(e):e()})}):null);return{disconnect:()=>{var o;null==(o=e())||o.disconnect(),t=null},observe:t=>{var o;return null==(o=e())?void 0:o.observe(t,{box:"border-box"})},unobserve:t=>{var o;return null==(o=e())?void 0:o.unobserve(t)}}})(),this.range=null,this.setOptions=t=>{Object.entries(t).forEach(([e,o])=>{void 0===o&&delete t[e]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:d,rangeExtractor:u,onChange:()=>{},measureElement:g,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...t}},this.notify=t=>{var e,o;null==(o=(e=this.options).onChange)||o.call(e,this,t)},this.maybeNotify=s(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),t=>{this.notify(t)},{key:"production"!==process.env.NODE_ENV&&"maybeNotify",debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(t=>t()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this.o=()=>()=>{this.cleanup()},this.i=()=>{var t;const e=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==e){if(this.cleanup(),!e)return void this.maybeNotify();this.scrollElement=e,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=(null==(t=this.scrollElement)?void 0:t.window)??null,this.elementsCache.forEach(t=>{this.observer.observe(t)}),this.unsubs.push(this.options.observeElementRect(this,t=>{this.scrollRect=t,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(t,e)=>{this.scrollAdjustments=0,this.scrollDirection=e?this.getScrollOffset()<t?"forward":"backward":null,this.scrollOffset=t,this.isScrolling=e,this.maybeNotify()})),this.l(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??("function"==typeof this.options.initialOffset?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(t,e)=>{const o=new Map,r=new Map;for(let n=e-1;n>=0;n--){const e=t[n];if(o.has(e.lane))continue;const a=r.get(e.lane);if(null==a||e.end>a.end?r.set(e.lane,e):e.end<a.end&&o.set(e.lane,!0),o.size===this.options.lanes)break}return r.size===this.options.lanes?Array.from(r.values()).sort((t,e)=>t.end===e.end?t.index-e.index:t.end-e.end)[0]:void 0},this.getMeasurementOptions=s(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(t,e,o,r,n,a)=>(void 0!==this.prevLanes&&this.prevLanes!==a&&(this.lanesChangedFlag=!0),this.prevLanes=a,this.pendingMeasuredCacheIndexes=[],{count:t,paddingStart:e,scrollMargin:o,getItemKey:r,enabled:n,lanes:a}),{key:!1,skipInitialOnChange:!0,onChange:()=>{this.notify(this.isScrolling)}}),this.getMeasurements=s(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:t,paddingStart:e,scrollMargin:o,getItemKey:r,enabled:n,lanes:a},s)=>{if(!n)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>t)for(const e of this.laneAssignments.keys())e>=t&&this.laneAssignments.delete(e);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMeasuredCacheIndexes=[]),0!==this.measurementsCache.length||this.lanesSettling||(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(t=>{this.itemSizeCache.set(t.key,t.size)}));const i=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===t&&(this.lanesSettling=!1);const l=this.measurementsCache.slice(0,i),c=new Array(a).fill(void 0);for(let t=0;t<i;t++){const e=l[t];e&&(c[e.lane]=t)}for(let n=i;n<t;n++){const t=r(n),a=this.laneAssignments.get(n);let i,d;if(void 0!==a&&this.options.lanes>1){i=a;const t=c[i],r=void 0!==t?l[t]:void 0;d=r?r.end+this.options.gap:e+o}else{const t=1===this.options.lanes?l[n-1]:this.getFurthestMeasurement(l,n);d=t?t.end+this.options.gap:e+o,i=t?t.lane:n%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(n,i)}const u=s.get(t),h="number"==typeof u?u:this.options.estimateSize(n),f=d+h;l[n]={index:n,start:d,size:h,end:f,key:t,lane:i},c[i]=n}return this.measurementsCache=l,l},{key:"production"!==process.env.NODE_ENV&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=s(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(t,e,o,r)=>this.range=t.length>0&&e>0?function({measurements:t,outerSize:e,scrollOffset:o,lanes:r}){const n=t.length-1;if(t.length<=r)return{startIndex:0,endIndex:n};let a=w(0,n,e=>t[e].start,o),s=a;if(1===r)for(;s<n&&t[s].end<o+e;)s++;else if(r>1){const i=Array(r).fill(0);for(;s<n&&i.some(t=>t<o+e);){const e=t[s];i[e.lane]=e.end,s++}const l=Array(r).fill(o+e);for(;a>=0&&l.some(t=>t>=o);){const e=t[a];l[e.lane]=e.start,a--}a=Math.max(0,a-a%r),s=Math.min(n,s+(r-1-s%r))}return{startIndex:a,endIndex:s}}({measurements:t,outerSize:e,scrollOffset:o,lanes:r}):null,{key:"production"!==process.env.NODE_ENV&&"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=s(()=>{let t=null,e=null;const o=this.calculateRange();return o&&(t=o.startIndex,e=o.endIndex),this.maybeNotify.updateDeps([this.isScrolling,t,e]),[this.options.rangeExtractor,this.options.overscan,this.options.count,t,e]},(t,e,o,r,n)=>null===r||null===n?[]:t({startIndex:r,endIndex:n,overscan:e,count:o}),{key:"production"!==process.env.NODE_ENV&&"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=t=>{const e=this.options.indexAttribute,o=t.getAttribute(e);return o?parseInt(o,10):-1},this.t=(t,e)=>{const o=this.indexFromElement(t),r=this.measurementsCache[o];if(!r)return;const n=r.key,a=this.elementsCache.get(n);a!==t&&(a&&this.observer.unobserve(a),this.observer.observe(t),this.elementsCache.set(n,t)),t.isConnected&&this.resizeItem(o,this.options.measureElement(t,e,this))},this.resizeItem=(t,e)=>{const o=this.measurementsCache[t];if(!o)return;const r=e-(this.itemSizeCache.get(o.key)??o.size);0!==r&&((void 0!==this.shouldAdjustScrollPositionOnItemSizeChange?this.shouldAdjustScrollPositionOnItemSizeChange(o,r,this):o.start<this.getScrollOffset()+this.scrollAdjustments)&&("production"!==process.env.NODE_ENV&&this.options.debug,this.l(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=r,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(o.index),this.itemSizeCache=new Map(this.itemSizeCache.set(o.key,e)),this.notify(!1))},this.measureElement=t=>{t?this.t(t,void 0):this.elementsCache.forEach((t,e)=>{t.isConnected||(this.observer.unobserve(t),this.elementsCache.delete(e))})},this.getVirtualItems=s(()=>[this.getVirtualIndexes(),this.getMeasurements()],(t,e)=>{const o=[];for(let r=0,n=t.length;r<n;r++){const n=e[t[r]];o.push(n)}return o},{key:"production"!==process.env.NODE_ENV&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=t=>{const e=this.getMeasurements();if(0!==e.length)return i(e[w(0,e.length-1,t=>i(e[t]).start,t)])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const t=this.scrollElement.document.documentElement;return this.options.horizontal?t.scrollWidth-this.scrollElement.innerWidth:t.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(t,e,o=0)=>{if(!this.scrollElement)return 0;const r=this.getSize(),n=this.getScrollOffset();"auto"===e&&(e=t>=n+r?"end":"start"),"center"===e?t+=(o-r)/2:"end"===e&&(t-=r);const a=this.getMaxScrollOffset();return Math.max(Math.min(a,t),0)},this.getOffsetForIndex=(t,e="auto")=>{t=Math.max(0,Math.min(t,this.options.count-1));const o=this.measurementsCache[t];if(!o)return;const r=this.getSize(),n=this.getScrollOffset();if("auto"===e)if(o.end>=n+r-this.options.scrollPaddingEnd)e="end";else{if(!(o.start<=n+this.options.scrollPaddingStart))return[n,e];e="start"}if("end"===e&&t===this.options.count-1)return[this.getMaxScrollOffset(),e];const a="end"===e?o.end+this.options.scrollPaddingEnd:o.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,e,o.size),e]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(t,{align:e="start",behavior:o}={})=>{"smooth"===o&&this.isDynamicMode(),this.l(this.getOffsetForAlignment(t,e),{adjustments:void 0,behavior:o})},this.scrollToIndex=(t,{align:e="auto",behavior:o}={})=>{"smooth"===o&&this.isDynamicMode(),t=Math.max(0,Math.min(t,this.options.count-1)),this.currentScrollToIndex=t;let r=0;const n=e=>{if(!this.targetWindow)return;const r=this.getOffsetForIndex(t,e);if(!r)return;const[n,s]=r;this.l(n,{adjustments:void 0,behavior:o}),this.targetWindow.requestAnimationFrame(()=>{const e=()=>{if(this.currentScrollToIndex!==t)return;const e=this.getScrollOffset(),o=this.getOffsetForIndex(t,s);var r,n;o&&(r=o[0],n=e,Math.abs(r-n)<1.01||a(s))};this.isDynamicMode()?this.targetWindow.requestAnimationFrame(e):e()})},a=e=>{this.targetWindow&&this.currentScrollToIndex===t&&(r++,r<10&&("production"!==process.env.NODE_ENV&&this.options.debug,this.targetWindow.requestAnimationFrame(()=>n(e))))};n(e)},this.scrollBy=(t,{behavior:e}={})=>{"smooth"===e&&this.isDynamicMode(),this.l(this.getScrollOffset()+t,{adjustments:void 0,behavior:e})},this.getTotalSize=()=>{var t;const e=this.getMeasurements();let o;if(0===e.length)o=this.options.paddingStart;else if(1===this.options.lanes)o=(null==(t=e[e.length-1])?void 0:t.end)??0;else{const t=Array(this.options.lanes).fill(null);let r=e.length-1;for(;r>=0&&t.some(t=>null===t);){const o=e[r];null===t[o.lane]&&(t[o.lane]=o.end),r--}o=Math.max(...t.filter(t=>null!==t))}return Math.max(o-this.options.scrollMargin+this.options.paddingEnd,0)},this.l=(t,{adjustments:e,behavior:o})=>{this.options.scrollToFn(t,{behavior:o,adjustments:e},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(t)}}const w=(t,e,o,r)=>{for(;t<=e;){const n=(t+e)/2|0,a=o(n);if(a<r)t=n+1;else{if(!(a>r))return n;e=n-1}}return t>0?t-1:0},y="undefined"!=typeof document?t.useLayoutEffect:t.useEffect;function v(o){return function({useFlushSync:o=!0,...r}){const n=t.useReducer(()=>({}),{})[1],a={...r,onChange:(t,a)=>{var s;o&&a?e(n):n(),null==(s=r.onChange)||s.call(r,t,a)}},[s]=t.useState(()=>new _(a));return s.setOptions(a),y(()=>s.o(),[]),y(()=>s.i()),s}({observeElementRect:h,observeElementOffset:p,scrollToFn:x,...o})}var m={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"}}};a(".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{o as c,m as e,n as p,a as s,v as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type FC
|
|
1
|
+
import { type FC } from 'react';
|
|
2
2
|
import type { SVG } from '@/types';
|
|
3
3
|
import { type ButtonProps } from '../button';
|
|
4
4
|
import { type IconButtonProps } from '../icon-button';
|
|
@@ -10,24 +10,22 @@ export declare enum DropDataAlignY {
|
|
|
10
10
|
Top = "top",
|
|
11
11
|
Bottom = "bottom"
|
|
12
12
|
}
|
|
13
|
-
|
|
13
|
+
interface DropDataOption {
|
|
14
14
|
id: string;
|
|
15
15
|
label: string;
|
|
16
16
|
icon?: SVG;
|
|
17
17
|
withCheckbox?: boolean;
|
|
18
18
|
}
|
|
19
19
|
export interface DropDataProps {
|
|
20
|
-
defaultOpen?: boolean;
|
|
21
|
-
alignX?: DropDataAlignX;
|
|
22
|
-
alignY?: DropDataAlignY;
|
|
23
20
|
items: (DropDataOption | null)[];
|
|
24
21
|
selectedIds: DropDataOption['id'][];
|
|
25
22
|
setSelectedIds: (ids: DropDataOption['id'][]) => void;
|
|
26
23
|
withMultiSelect?: boolean;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
buttonProps?:
|
|
24
|
+
alignX?: DropDataAlignX;
|
|
25
|
+
alignY?: DropDataAlignY;
|
|
26
|
+
defaultOpen?: boolean;
|
|
27
|
+
buttonProps?: ButtonProps;
|
|
31
28
|
iconButtonProps?: IconButtonProps;
|
|
32
29
|
}
|
|
33
30
|
export declare const DropData: FC<DropDataProps>;
|
|
31
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type InputHTMLAttributes, type FC
|
|
1
|
+
import { type InputHTMLAttributes, type FC } from 'react';
|
|
2
2
|
import { type SVG } from '@/types';
|
|
3
3
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
4
|
label?: string;
|
|
@@ -8,7 +8,5 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
8
8
|
rightIcon?: SVG;
|
|
9
9
|
errorMessage?: string;
|
|
10
10
|
helpMessage?: string;
|
|
11
|
-
maxWidth?: CSSProperties['maxWidth'];
|
|
12
|
-
small?: boolean;
|
|
13
11
|
}
|
|
14
12
|
export declare const Input: FC<InputProps>;
|
|
@@ -9,12 +9,10 @@ export interface LoaderProps {
|
|
|
9
9
|
subTitle?: string;
|
|
10
10
|
subTitleColor?: CSSProperties['color'];
|
|
11
11
|
subTitleSize?: TypographySize;
|
|
12
|
-
startedAt?: number;
|
|
13
12
|
withGradient?: boolean;
|
|
14
13
|
gradientColor?: string;
|
|
15
14
|
withSpinner?: boolean;
|
|
15
|
+
prettySpinner?: boolean;
|
|
16
16
|
percentage?: number;
|
|
17
|
-
withVisual?: boolean;
|
|
18
|
-
visualIcon?: SVG;
|
|
19
17
|
}
|
|
20
18
|
export declare const Loader: FC<LoaderProps>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import type { SVG } from '@/types';
|
|
2
3
|
export declare enum SegmentSize {
|
|
3
4
|
S = "s",
|
|
@@ -15,5 +16,5 @@ export interface SegmentProps<T = any> {
|
|
|
15
16
|
setSelected: (value: T) => void;
|
|
16
17
|
disabled?: boolean;
|
|
17
18
|
}
|
|
18
|
-
export declare const Segment: <T>({ size, options, selected, setSelected, disabled }: SegmentProps<T>) =>
|
|
19
|
+
export declare const Segment: <T>({ size, options, selected, setSelected, disabled }: SegmentProps<T>) => React.JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -1,30 +1,22 @@
|
|
|
1
|
-
import { type CSSProperties
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
2
|
import { type TableColumn, TableVariant } from './types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
type TableCellProps<P = object> = P & HTMLAttributes<HTMLTableCellElement> & RefAttributes<HTMLTableCellElement>;
|
|
8
|
-
interface ContainerProps {
|
|
9
|
-
$maxHeight: CSSProperties['maxHeight'];
|
|
10
|
-
}
|
|
11
|
-
export declare const Container: IStyledComponent<'web', DivProps<ContainerProps>>;
|
|
12
|
-
interface TableRootProps {
|
|
3
|
+
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$maxHeight: CSSProperties["maxHeight"];
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const TableRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
|
|
13
7
|
$variant: TableVariant;
|
|
14
|
-
}
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const
|
|
17
|
-
interface ThProps {
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const THead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
|
|
10
|
+
export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
|
|
18
11
|
$variant: TableVariant;
|
|
19
|
-
$backgroundColor?: CSSProperties[
|
|
20
|
-
$minWidth?: TableColumn[
|
|
12
|
+
$backgroundColor?: CSSProperties["backgroundColor"];
|
|
13
|
+
$minWidth?: TableColumn["minWidth"];
|
|
21
14
|
$isFirst: boolean;
|
|
22
15
|
$isLast: boolean;
|
|
23
|
-
}
|
|
24
|
-
export declare const
|
|
25
|
-
export declare const
|
|
26
|
-
export declare const
|
|
27
|
-
interface TdProps {
|
|
16
|
+
}>> & string;
|
|
17
|
+
export declare const ThBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
18
|
+
export declare const TBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
|
|
19
|
+
export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
|
|
28
20
|
$variant: TableVariant;
|
|
29
21
|
$withClick: boolean;
|
|
30
22
|
$hovered: boolean;
|
|
@@ -32,10 +24,7 @@ interface TdProps {
|
|
|
32
24
|
$isLastRow: boolean;
|
|
33
25
|
$isFirstCell: boolean;
|
|
34
26
|
$isLastCell: boolean;
|
|
35
|
-
}
|
|
36
|
-
export declare const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
export declare const HeadWrapper: IStyledComponent<'web', DivProps<HeadWrapperProps>>;
|
|
41
|
-
export {};
|
|
27
|
+
}>> & string;
|
|
28
|
+
export declare const HeadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
29
|
+
$textAlign?: TableColumn["textAlign"];
|
|
30
|
+
}>> & string;
|
|
@@ -13,5 +13,5 @@ interface SelectionButtonProps {
|
|
|
13
13
|
hoverColor?: React.CSSProperties['backgroundColor'];
|
|
14
14
|
style?: React.CSSProperties;
|
|
15
15
|
}
|
|
16
|
-
declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: SelectionButtonProps) =>
|
|
16
|
+
declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: SelectionButtonProps) => React.JSX.Element;
|
|
17
17
|
export { SelectionButton, type SelectionButtonProps };
|
|
@@ -1,50 +1,54 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const UpgradeRequiredWrapper: IStyledComponent<'web', DivProps>;
|
|
6
|
-
interface FlexRowProps {
|
|
1
|
+
import { type CSSProperties } from 'styled-components';
|
|
2
|
+
export declare const PageContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const UpgradeRequiredWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const FlexRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
5
|
$gap?: number;
|
|
8
|
-
$alignItems?: CSSProperties[
|
|
9
|
-
$justifyContent?: CSSProperties[
|
|
10
|
-
$wrap?: CSSProperties[
|
|
11
|
-
$
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
export declare const FlexRow: IStyledComponent<'web', DivProps<FlexRowProps>>;
|
|
16
|
-
interface FlexColumnProps {
|
|
6
|
+
$alignItems?: CSSProperties["alignItems"];
|
|
7
|
+
$justifyContent?: CSSProperties["justifyContent"];
|
|
8
|
+
$wrap?: CSSProperties["flexWrap"];
|
|
9
|
+
$padding?: CSSProperties["padding"];
|
|
10
|
+
}>> & string;
|
|
11
|
+
export declare const FlexColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
17
12
|
$gap?: number;
|
|
18
|
-
$alignItems?: CSSProperties[
|
|
19
|
-
$justifyContent?: CSSProperties[
|
|
20
|
-
$wrap?: CSSProperties[
|
|
21
|
-
$
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
13
|
+
$alignItems?: CSSProperties["alignItems"];
|
|
14
|
+
$justifyContent?: CSSProperties["justifyContent"];
|
|
15
|
+
$wrap?: CSSProperties["flexWrap"];
|
|
16
|
+
$padding?: CSSProperties["padding"];
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const CenterThis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap" | "$padding"> & {
|
|
19
|
+
$gap?: number;
|
|
20
|
+
$alignItems?: CSSProperties["alignItems"];
|
|
21
|
+
$justifyContent?: CSSProperties["justifyContent"];
|
|
22
|
+
$wrap?: CSSProperties["flexWrap"];
|
|
23
|
+
$padding?: CSSProperties["padding"];
|
|
24
|
+
}, {
|
|
25
|
+
$width?: CSSProperties["width"];
|
|
26
|
+
$height?: CSSProperties["height"];
|
|
27
|
+
}>> & string;
|
|
28
|
+
export declare const VerticalScroll: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
29
|
+
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
33
30
|
$relativeToParent?: boolean;
|
|
34
|
-
}
|
|
35
|
-
export declare const
|
|
36
|
-
interface ModalBodyProps {
|
|
31
|
+
}>> & string;
|
|
32
|
+
export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
37
33
|
$isNotModal?: boolean;
|
|
38
|
-
$minHeight?: CSSProperties[
|
|
39
|
-
}
|
|
40
|
-
export declare const
|
|
41
|
-
|
|
42
|
-
$
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
$
|
|
48
|
-
}
|
|
49
|
-
export declare const
|
|
50
|
-
|
|
34
|
+
$minHeight?: CSSProperties["minHeight"];
|
|
35
|
+
}>> & string;
|
|
36
|
+
export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap" | "$padding"> & {
|
|
37
|
+
$gap?: number;
|
|
38
|
+
$alignItems?: CSSProperties["alignItems"];
|
|
39
|
+
$justifyContent?: CSSProperties["justifyContent"];
|
|
40
|
+
$wrap?: CSSProperties["flexWrap"];
|
|
41
|
+
$padding?: CSSProperties["padding"];
|
|
42
|
+
}, {
|
|
43
|
+
$maxWidth: CSSProperties["maxWidth"];
|
|
44
|
+
}>> & string;
|
|
45
|
+
export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap" | "$padding"> & {
|
|
46
|
+
$gap?: number;
|
|
47
|
+
$alignItems?: CSSProperties["alignItems"];
|
|
48
|
+
$justifyContent?: CSSProperties["justifyContent"];
|
|
49
|
+
$wrap?: CSSProperties["flexWrap"];
|
|
50
|
+
$padding?: CSSProperties["padding"];
|
|
51
|
+
}, never>> & string;
|
|
52
|
+
export declare const TableWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
53
|
+
$maxHeight: CSSProperties["maxHeight"];
|
|
54
|
+
}>> & string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { type FC } from 'react';
|
|
2
2
|
import type { SVG } from '@/types';
|
|
3
|
-
import { type IStyledComponent } from 'styled-components';
|
|
4
3
|
interface Tab {
|
|
5
4
|
label: string;
|
|
6
5
|
icon?: SVG;
|
|
@@ -11,8 +10,8 @@ interface TabListProps {
|
|
|
11
10
|
tabs?: Tab[];
|
|
12
11
|
hideBorder?: boolean;
|
|
13
12
|
}
|
|
14
|
-
declare const Tab:
|
|
13
|
+
declare const Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
14
|
$selected?: boolean;
|
|
16
|
-
} &
|
|
15
|
+
}>> & string;
|
|
17
16
|
declare const TabList: FC<TabListProps>;
|
|
18
17
|
export { TabList, type TabListProps, type Tab };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type DetailedHTMLProps, type FC, type HTMLAttributes, type ReactNode, CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { DefaultTheme } from 'styled-components';
|
|
3
3
|
interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
color?: string;
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Badge,m as Button,
|
|
1
|
+
export{B as Badge,m as Button,w as ButtonSize,dq as ButtonTab,dr as ButtonTabList,n as ButtonVariants,C as Checkbox,du as CheckboxList,dt as CheckboxSize,Q as CliCommand,K as DataCard,i as Drawer,dw as DropData,G as DropDataAlignX,dv as DropDataAlignY,dx as Header,c7 as HoverActions,M as IconButton,cj as IconButtonSize,dy as Input,I as Island,L as Loader,dz as Modal,dA as Navbar,l as Note,dC as Radio,dD as RadioGroup,dB as RadioSize,k as Search,t as SectionCard,ds as SectionCardSize,U as Segment,dE as SegmentSize,W as StatusCard,x as Table,y as TableVariant,dF as Tag,X as TextCard,d as Toggle,dH as ToggleLabelAlign,dI as ToggleList,e as ToggleSize,dG as ToggleVariant,T as Typography,b as TypographySize,f as TypographyVariants,dJ as WarningModal}from"../chunks/ui-components-32cc0a29.js";import"../icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"../chunks/vendor-0965fadc.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";
|
package/lib/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{aH as AutocompleteInput,a_ as Badge,b0 as Button,as as CancelWarning,j as CenterThis,a6 as Checkbox,d7 as Code,ay as ConditionDetails,az as DataCard,a2 as DataCardFieldTypes,bJ as DataCardFields,d8 as DataFinger,b2 as DataTab,ar as DeleteWarning,c5 as DescribeRow,aI as Divider,ak as DocsButton,aq as Drawer,da as DrawerFooter,d9 as DrawerHeader,bo as Dropdown,db as ErrorBoundary,bw as ExtendArrow,q as FadeLoader,a7 as FieldError,a5 as FieldLabel,F as FlexColumn,a as FlexRow,dc as Header,bv as IconButton,cf as IconGroup,aV as IconTitleBadge,aQ as IconWrapped,c1 as IconsNav,dd as ImageControlled,a9 as Input,af as InputList,ac as InputTable,aY as InteractiveTable,ae as KeyValueInputsList,b$ as LoadingText,aC as Modal,aE as ModalBody,al as MonitorsCheckboxes,aS as MonitorsIcons,aD as NavigationButtons,N as NoDataFound,aF as NotificationNote,dj as Overlay,s as PageContent,bj as Popup,ck as PopupForm,cp as ScrollX,b5 as ScrollY,aj as SectionTitle,ai as Segment,bk as SelectionButton,ba as SkeletonLoader,aK as Status,bI as Stepper,de as TabList,aT as TableContainer,aU as TableTitleWrap,aX as TableWrap,bS as Tag,ah as Text,am as TextArea,ad as Toggle,cn as ToggleCodeComponent,c as Tooltip,aZ as TraceLoader,$ as UpgradeRequiredWrapper,bl as VerticalScroll,di as WarningModal,df as getLinksFromText,dg as getStrongsFromText,dh as renderText}from"./chunks/ui-components-32cc0a29.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-0965fadc.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ProgrammingLanguages } from '@/types';
|
|
2
2
|
import type { DropdownOption } from '@/components';
|
|
3
3
|
export declare const DISPLAY_LANGUAGES: Record<ProgrammingLanguages, string>;
|
|
4
4
|
export declare const LANGUAGE_OPTIONS: DropdownOption<ProgrammingLanguages>[];
|
|
5
|
-
export declare const OTEL_DISTRO_NAME_OPTIONS: Record<ProgrammingLanguages, {
|
|
6
|
-
community: DropdownOption<OtelDistroName>[];
|
|
7
|
-
enterprise: DropdownOption<OtelDistroName>[];
|
|
8
|
-
}>;
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{aw as ACTION_OPTIONS,ap as BUTTON_TEXTS,D as DEFAULT_DATA_STREAM_NAME,bH as DESTINATION_CATEGORIES,bp as DISPLAY_LANGUAGES,a1 as DISPLAY_TITLES,aG as FORM_ALERTS,bW as INSTRUMENTATION_RULE_OPTIONS,c$ as LANGUAGE_OPTIONS,bq as MONITORS_OPTIONS,br as STORAGE_KEYS,d0 as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-32cc0a29.js";import"./icons.js";import"react";import"styled-components";import"zustand";import"javascript-time-ago";import"./chunks/vendor-0965fadc.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
|
-
import { type Connection, type
|
|
2
|
+
import { type Connection, type ConnectionRemoteConfig } from '@/types';
|
|
3
3
|
import { DrawerProps } from '@/components/_v2';
|
|
4
|
-
export
|
|
5
|
-
|
|
4
|
+
export interface ConnectionConfigurationsFormData {
|
|
5
|
+
automaticRollout: boolean;
|
|
6
|
+
}
|
|
7
|
+
export type GetConnectionRemoteConfig = (id: string) => Promise<ConnectionRemoteConfig | undefined>;
|
|
8
|
+
export type ApplyConnectionsConfigurationsFunc = (connectionIds: string[], formData: ConnectionConfigurationsFormData) => Promise<{
|
|
6
9
|
error?: string;
|
|
7
10
|
} | undefined>;
|
|
8
11
|
export interface ConfigDrawerProps {
|
|
@@ -10,9 +13,8 @@ export interface ConfigDrawerProps {
|
|
|
10
13
|
connections: Connection[];
|
|
11
14
|
selectedConnectionIds: string[];
|
|
12
15
|
setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
|
|
13
|
-
|
|
14
|
-
onApply:
|
|
16
|
+
getConnectionRemoteConfig: GetConnectionRemoteConfig;
|
|
17
|
+
onApply: ApplyConnectionsConfigurationsFunc;
|
|
15
18
|
}
|
|
16
19
|
export declare const CONFIG_DRAWER_WIDTH = "75vw";
|
|
17
|
-
export declare const CONFIG_MIN_SUPPORTED_VERSION = 1.16;
|
|
18
20
|
export declare const ConfigDrawer: FC<ConfigDrawerProps>;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { type FC
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { CSSProperties } from 'styled-components';
|
|
2
3
|
import { type Connection, type GetAllClusterSnapshots, type PersistSourcesFunc } from '@/types';
|
|
3
|
-
import { type
|
|
4
|
-
export { type
|
|
4
|
+
import { type ApplyConnectionsConfigurationsFunc, type ConnectionConfigurationsFormData, GetConnectionRemoteConfig } from './config-drawer';
|
|
5
|
+
export { type ApplyConnectionsConfigurationsFunc, type ConnectionConfigurationsFormData, type GetConnectionRemoteConfig };
|
|
5
6
|
export interface CentralConnectionsProps {
|
|
6
7
|
tableRowsMaxHeight: CSSProperties['maxHeight'];
|
|
7
8
|
connections?: Connection[];
|
|
8
9
|
getConnections: () => Promise<Connection[]>;
|
|
9
10
|
onClickConnection: (connection: Connection) => void;
|
|
10
11
|
deleteConnection: (id: string) => Promise<void>;
|
|
11
|
-
|
|
12
|
-
applyConfigurations?:
|
|
12
|
+
getConnectionRemoteConfig?: GetConnectionRemoteConfig;
|
|
13
|
+
applyConfigurations?: ApplyConnectionsConfigurationsFunc;
|
|
13
14
|
getAllClusterSnapshots?: GetAllClusterSnapshots;
|
|
14
15
|
persistSources?: PersistSourcesFunc;
|
|
15
16
|
}
|
|
@@ -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 AllClusterSnapshots, type PersistSourcesFunc } from '@/types';
|
|
3
|
+
import { DrawerProps } from '@/components/_v2';
|
|
4
4
|
export interface SourceDrawerProps {
|
|
5
5
|
onClose: DrawerProps['header']['onClose'];
|
|
6
6
|
snapshots: AllClusterSnapshots;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { type CSSProperties
|
|
2
|
-
|
|
3
|
-
type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
|
|
4
|
-
interface ColumnProps {
|
|
5
|
-
$width: CSSProperties['width'];
|
|
6
|
-
}
|
|
7
|
-
export declare const Column: IStyledComponent<'web', DivProps<ColumnProps>>;
|
|
8
|
-
interface ListProps {
|
|
9
|
-
$borderRadius: CSSProperties['borderRadius'];
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
|
+
export declare const Column: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap" | "$padding"> & {
|
|
10
3
|
$gap?: number;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
$alignItems?: import("styled-components").CSSProperties["alignItems"];
|
|
5
|
+
$justifyContent?: import("styled-components").CSSProperties["justifyContent"];
|
|
6
|
+
$wrap?: import("styled-components").CSSProperties["flexWrap"];
|
|
7
|
+
$padding?: import("styled-components").CSSProperties["padding"];
|
|
8
|
+
}, {
|
|
9
|
+
$width: CSSProperties["width"];
|
|
10
|
+
}>> & string;
|
|
11
|
+
export declare const List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
12
|
+
$borderRadius: CSSProperties["borderRadius"];
|
|
13
|
+
$gap?: number;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const SelectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
14
16
|
$isSelected?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const SelectionWrapper: IStyledComponent<'web', DivProps<SelectionWrapperProps>>;
|
|
17
|
-
export {};
|
|
17
|
+
}>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type FC, type CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { GetExtendedPodInfo, PodInfo } from '@/types';
|
|
3
3
|
export interface PodsInfoProps {
|
|
4
4
|
isLoading?: boolean;
|
|
5
5
|
tableRowsMaxHeight: CSSProperties['maxHeight'];
|
|
@@ -16,7 +16,7 @@ export declare const buildSearchResults: ({ instrumentationRules, sources, actio
|
|
|
16
16
|
entities: InstrumentationRule[] | Source[] | Action[] | Destination[];
|
|
17
17
|
}[];
|
|
18
18
|
searchResults: {
|
|
19
|
-
entities:
|
|
19
|
+
entities: Source[] | Action[] | Destination[] | InstrumentationRule[];
|
|
20
20
|
category: Category;
|
|
21
21
|
label: string;
|
|
22
22
|
count: number;
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const RelativeContainer: IStyledComponent<'web', DivProps>;
|
|
5
|
-
interface AbsoluteContainerProps {
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const AbsoluteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
4
|
$hidden?: boolean;
|
|
7
|
-
$padding?: CSSProperties[
|
|
8
|
-
}
|
|
9
|
-
export declare const AbsoluteContainer: IStyledComponent<'web', DivProps<AbsoluteContainerProps>>;
|
|
10
|
-
export {};
|
|
5
|
+
$padding?: CSSProperties["padding"];
|
|
6
|
+
}>> & string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type FC } from 'react';
|
|
2
2
|
import { type InstrumentationRuleFormData } from '@/types';
|
|
3
3
|
interface InstrumentationRuleModalProps {
|
|
4
|
+
isEnterprise: boolean;
|
|
4
5
|
createInstrumentationRule: (instrumentationRule: InstrumentationRuleFormData) => void;
|
|
5
6
|
}
|
|
6
7
|
declare const InstrumentationRuleModal: FC<InstrumentationRuleModalProps>;
|
|
@@ -7,7 +7,7 @@ interface DescribeProps {
|
|
|
7
7
|
describeSource: DescribeSource;
|
|
8
8
|
};
|
|
9
9
|
}>;
|
|
10
|
-
restartPod
|
|
10
|
+
restartPod: (namespace: string, name: string) => Promise<void>;
|
|
11
11
|
}
|
|
12
12
|
declare const Describe: FC<DescribeProps>;
|
|
13
13
|
export { Describe, type DescribeProps };
|