"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[13015],{9535:(e,t,o)=>{o.d(t,{A:()=>n});var l=o(296540),i=o(861878);const n=({onClear:e,labelId:t="COMMON_ACTION_CLEAR_FILTERS",disabled:o})=>l.createElement(i.A,{onPress:e,labelId:t,disabled:o})},67716:(e,t,o)=>{o.d(t,{Ot:()=>A,T_:()=>u,_G:()=>b,d$:()=>f,fy:()=>c,o2:()=>m,sN:()=>p,yE:()=>h});var l=o(822336),i=o(71479),n=o(939703),r=o(566723),a=o(294303),s=o(740618),d=o(343255);const c=(0,i.A)(a.A,{shouldForwardProp:e=>"height"!==e})`
  flex-direction: column;
  flex: 0 0 auto;
  width: calc(${d.b}px + ${r.Ln});
  height: ${({height:e})=>e?`${e}px`:"auto"};
  position: relative;
  background-color: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-00-${e}`]};
  z-index: 1;
  padding-bottom: ${r.kc};
  gap: ${r.kc};
`,u=(0,i.A)(a.A)`
  flex-direction: column;
  width: ${d.b}px;
`,m=(0,i.A)(a.A,{shouldForwardProp:e=>"isLeftFilterEditorOpen"!==e})`
  width: fit-content;
  ${({isLeftFilterEditorOpen:e})=>e?`margin-left: ${r.YC};`:""}
`,h=(0,i.A)(a.A)`
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${r.kc};
  // buffer for the last element to be fully visible
  padding-bottom: ${r.Ln};
  ${s.gm?"padding-right: 16px;":"scrollbar-gutter: stable;"}
`,p=(0,i.A)(a.A)`
  width: calc(100% - ${r.xO});
  position: absolute;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
  background-color: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-00-${e}`]};
`,A=(0,i.A)(a.A,{shouldForwardProp:e=>"hasOverflow"!==e})`
  ${({hasOverflow:e})=>e?"opacity: 0;":""}
`,f=(0,i.A)("div")`
  position: absolute;
  top: -${r.kc};
  left: -${r.Ln};
  width: 100%;
  height: 8px;
  background: linear-gradient(
    180deg,
    ${({theme:{themeName:e}})=>(0,n.b_)(l.Ay[`desktop-color-neutral-00-${e}`],0)} 0%,
    ${({theme:{themeName:e}})=>(0,n.b_)(l.Ay[`desktop-color-neutral-00-${e}`],8)} 100%
  );
`,b=(0,i.A)(a.A)`
  width: 248px;
  border: 1px solid ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-03-${e}`]};
  border-radius: ${l.Ay["desktop-radius-base"]};
  padding: ${r.xO} ${r.kc};
  background: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-01-${e}`]};
`},77034:(e,t,o)=>{o.d(t,{M:()=>l});const l="COLUMN_VISIBILITY_SHOW_ALL_FIELDS_ID"},77247:(e,t,o)=>{o.d(t,{A:()=>i});var l=o(296540);const i=e=>{const[t,o]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{const t=()=>{e.current&&o(e.current.scrollHeight>e.current.clientHeight)};t();const l=new ResizeObserver(t);return e.current&&l.observe(e.current),()=>{l.disconnect()}},[e]),t}},105540:(e,t,o)=>{o.d(t,{A:()=>$});var l=o(296540),i=o(469733),n=o(530281),r=o(514625),a=o(604482),s=o(580176),d=o(789768),c=o(749177),u=o(822336),m=o(71479),h=o(566723),p=o(294303);const A=(0,m.A)(p.A,{shouldForwardProp:e=>!["leftFilterPanelOpen","buttonTop"].includes(e)})`
  position: absolute;
  z-index: 10;
  cursor: pointer;
  border: 1px solid ${({theme:{themeName:e}})=>u.Ay[`desktop-color-divider-border-${e}`]};
  border-radius: ${u.Ay["desktop-radius-base"]};
  top: ${({buttonTop:e})=>e??h.xO};
  right: ${({leftFilterPanelOpen:e})=>e?"-11":"-14"}px;
  background: ${({theme:{themeName:e}})=>u.Ay[`desktop-color-neutral-01-${e}`]};
  > div:first-child {
    width: 18px;
    height: 32px;
  }
  svg {
    left: ${({leftFilterPanelOpen:e})=>e?"0":"4"}px;
    position: relative;
    color: ${({theme:{themeName:e}})=>u.Ay[`desktop-color-neutral-07-${e}`]};
  }
`,f=({leftFilterPageId:e,buttonTop:t})=>{const o=(0,i.useDispatch)(),u=(0,c.A)(e),m=(0,l.useCallback)(()=>{o(u?(0,s.MZ)(e):(0,s.lF)(e)),o((0,d.ZN)(e,{[a.d.PANEL_OPEN]:!u}))},[o,u,e]),h=u?n.A:r.A;return l.createElement(A,{leftFilterPanelOpen:u,buttonTop:t,onClick:m},l.createElement(h,{size:"small",actionable:!0,omitSvgMargin:!0}))},b=(0,m.A)(p.A)`
  width: 100%;
  height: 100%;
  flex-direction: row;
  position: relative;
`,g=(0,m.A)(p.A,{shouldForwardProp:e=>"leftFilterPanelOpen"!==e})`
  position: relative;
  padding-top: ${h.xO};
  ${({leftFilterPanelOpen:e,theme:{themeName:t}})=>e?`\n        border-right: 1px solid ${u.Ay[`desktop-color-divider-border-${t}`]};\n        padding-left: ${h.xO};\n      `:""}
`,$=({children:e,content:t,leftFilterPageId:o,buttonTop:i,leftFilterContentContainerClassname:n,...r})=>{const a=(0,c.A)(o);return l.createElement(b,{...r},l.createElement(g,{leftFilterPanelOpen:a,className:n},o?l.createElement(f,{leftFilterPageId:o,buttonTop:i}):null,a?t:null),e)}},160087:(e,t,o)=>{o.d(t,{s:()=>a});var l=o(822336),i=o(71479),n=o(566723),r=o(294303);const a=(0,i.A)(r.A)`
  border-bottom: 1px solid ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-02-${e}`]};
  padding: ${n.kc};
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: ${n.kc};
`},225269:(e,t,o)=>{o.d(t,{A:()=>m});var l=o(469733),i=o(296540),n=o(653943),r=o(699784),a=o(200826),s=o(789768),d=o(840279),c=o(77034),u=o(381749);const m=({columns:e,columnLabels:t,tableType:o,hidden:m=[]})=>{const h=(0,l.useDispatch)(),{initialColumns:p=[],initialColumnSnapshot:A={}}=(0,a.A)(o)||{initialColumns:[],initialColumnSnapshot:{}},f=(0,i.useMemo)(()=>Object.values(e),[e]),b=(0,i.useMemo)(()=>f.every(e=>p.includes(e)),[p,f]),g=(0,i.useCallback)(()=>{const e=b?[...(0,d.A)()]:f;h((0,s.yT)(o,{initialColumns:e,initialColumnSnapshot:b?Object.keys(A).reduce((e,t)=>(e[t]=!1,e),{...A}):e.reduce((e,t)=>(e[t]=!0,e),{...A})}))},[h,b,o,f,A]),$=(0,i.useCallback)(e=>({target:{checked:t}})=>{const l=t?[...p,e]:p.filter(t=>t!==e);h((0,s.yT)(o,{initialColumns:l,initialColumnSnapshot:Object.keys(A).reduce((e,t)=>(e[t]=l.includes(t),e),{...A})}))},[h,p,o,A]),k=(0,i.useMemo)(()=>{const e=[],o=f.length;for(let l=0;l<o;l+=1){const o=f[l];m.includes(o)||e.push({full:!0,id:o,checked:p.includes(o),children:t?.[o]?i.createElement(r.sA,{id:t[o]}):o,onChange:$(o)})}return e},[$,p,f,m,t]),E=(0,i.useMemo)(()=>[{full:!0,id:c.M,checked:b||!!p?.length&&"mixed",children:i.createElement(r.sA,{id:"COMMON_ALL"}),onChange:g}].concat(k),[b,p,g,k]);return i.createElement(u.g,null,i.createElement(n.A,{spacing:"flush",items:E,variant:"list"}))}},343255:(e,t,o)=>{o.d(t,{b:()=>l});const l=248},362584:(e,t,o)=>{var l;o.d(t,{A:()=>l}),function(e){e.IS_MAXIMIZED="isMaximized",e.MAXIMIZED_ID="maximizedId"}(l||(l={}))},381749:(e,t,o)=>{o.d(t,{g:()=>r});var l=o(71479),i=o(566723),n=o(294303);const r=(0,l.A)(n.A)`
  > div:first-child > label:first-child {
    margin-bottom: ${i.xO};
  }
`},445054:(e,t,o)=>{o.d(t,{A:()=>r});var l=o(469733),i=o(296540),n=o(479503);const r=({leftFilterPageId:e,leftFilterColumnsId:t})=>(0,l.useSelector)((0,i.useMemo)(()=>(0,n.$R)(e,t),[e,t]))},445535:(e,t,o)=>{o.d(t,{A:()=>u});var l=o(296540),i=o(822336),n=o(809536),r=o(259836),a=o(998837),s=o(160087),d=o(528552),c=o(362584);const u=({id:e,label:t,initialExpanded:o=!0,hasPaddedContent:u=!1,isStatic:m=!1,isEditorOpen:h=!1,children:p})=>{const{themeName:A}=(0,a.u)(),[f,b]=(0,l.useState)(o),{[c.A.IS_MAXIMIZED]:g,[c.A.MAXIMIZED_ID]:$}=(0,l.useContext)(d.A),k=(0,l.useCallback)(e=>{b(e)},[b]),E=(0,l.useMemo)(()=>m?n.A:r.A,[m]),v=(0,l.useMemo)(()=>({background:h?i.Ay[`desktop-color-neutral-01-${A}`]:"inherit"}),[h,A]),{isLocked:I,isFullHeight:x,isHidden:O,hasDivider:C}=(0,l.useMemo)(()=>({isLocked:g&&$===e,isFullHeight:g&&$===e,isHidden:g&&$!==e,hasDivider:!(g&&$===e)}),[g,$,e]);return t?l.createElement(E,{label:t,size:"small",isExpanded:f,onExpandedChange:k,hasPaddedContent:u,style:v,isLocked:I,isFullHeight:x,isHidden:O,hasDivider:C},f?p:null):l.createElement(s.s,null,p)}},518089:(e,t,o)=>{o.d(t,{CW:()=>a,Ot:()=>d,kp:()=>s});var l=o(822336),i=o(71479),n=o(566723),r=o(294303);const a=(0,i.A)(r.A,{shouldForwardProp:e=>"hasOverflow"!==e})`
  width: 184px;
  position: relative;
  border: 1px solid ${({theme:{themeName:e}})=>l.Ay[`desktop-color-divider-border-${e}`]};
  border-radius: ${l.Ay["desktop-radius-base"]};
  gap: ${n.kc};
  flex-direction: column;
  padding: ${({hasOverflow:e})=>e?`${n.kc} 0 ${n.kc} ${n.kc}`:n.kc};
`,s=(0,i.A)(r.A)`
  flex-direction: column;
  overflow: auto;
  padding-bottom: ${n.fS};
  > div:nth-child(2) > div:first-child > label {
    padding-left: 0;
  }
  > span:first-child {
    margin-bottom: ${n.YC};
  }
`,d=(0,i.A)(r.A)`
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  min-height: 36px;
  background-color: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-00-${e}`]};
  width: calc(100% - (${n.Er}));
  padding-bottom: ${n.Ln};
`},528552:(e,t,o)=>{o.d(t,{A:()=>r});var l=o(296540),i=o(362584);const n={[i.A.IS_MAXIMIZED]:!1,[i.A.MAXIMIZED_ID]:null},r=(0,l.createContext)(n)},736388:(e,t,o)=>{o.d(t,{A:()=>k});var l=o(296540),i=o(201384),n=o(340936),r=o(77247),a=o(968906),s=o(469733),d=o(479503);const c=e=>(0,s.useSelector)((0,l.useMemo)(()=>(0,d.tR)(e),[e]));var u=o(445054),m=o(67716),h=o(71479),p=o(566723),A=o(294303);const f=(0,h.A)(A.A,{shouldForwardProp:e=>!["isLeftFilterEditorOpen","isLeftFilterColumnsOpen"].includes(e)})`
  ${({isLeftFilterEditorOpen:e,isLeftFilterColumnsOpen:t})=>e||t?`padding-right: ${p.xO};`:""}
`;var b=o(362584),g=o(528552);const $=(0,l.forwardRef)(({children:e,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:o,isMaximized:i,maximizedId:n},r)=>{const a=(0,l.useMemo)(()=>({[b.A.IS_MAXIMIZED]:i,[b.A.MAXIMIZED_ID]:n}),[i,n]);return l.createElement(g.A.Provider,{value:a},l.createElement(f,{ref:r,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:o},e))}),k=({children:e,tabs:t,columns:o,editor:s,footer:d,leftFilterPageId:h,leftFilterColumnsId:p,contentTestId:A,footerTestId:f})=>{const{height:b,ref:g}=(0,n.A)(),k=(0,l.useRef)(null),E=(0,r.A)(k),v=c(h),I=(0,u.A)({leftFilterPageId:h,leftFilterColumnsId:p});return l.createElement(i.A,null,i=>l.createElement($,{ref:g,isLeftFilterEditorOpen:v,isLeftFilterColumnsOpen:I,...i},l.createElement(m.fy,{height:b},t,l.createElement(m.yE,{ref:k,...A?a.A.addDataTestId(A):{}},e,l.createElement(m.Ot,{hasOverflow:E},d)),E?l.createElement(m.sN,{...f?a.A.addDataTestId(f):{}},l.createElement(m.d$,null),d):null),s&&v?l.createElement(m._G,null,s):null,o&&I?l.createElement(m.o2,{isLeftFilterEditorOpen:v},o):null))}},740618:(e,t,o)=>{o.d(t,{gm:()=>n,nr:()=>r});var l=o(146880);const i=o.n(l)().getParser(window.navigator.userAgent).getBrowserName().toLowerCase(),n="firefox"===i,r="safari"===i},861878:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(296540),i=o(217439),n=o(592563),r=o(699784);const a=o(132196).AH`
  justify-content: flex-start;
`,s=({onPress:e,labelId:t,disabled:o})=>l.createElement(n.A,{type:"button",onPress:e,isDisabled:o,className:a},l.createElement(i.A,{size:"medium",color:"inherit"},l.createElement(r.sA,{id:t})))}}]);