"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[61422],{445054(e,t,n){n.d(t,{A:()=>o});var r=n(296540),l=n(469733),i=n(479503);const o=({leftFilterPageId:e,leftFilterColumnsId:t})=>(0,l.useSelector)((0,r.useMemo)(()=>(0,i.$R)(e,t),[e,t]))},105540(e,t,n){n.d(t,{A:()=>g});var r=n(296540),l=n(968906),i=n(469733),o=n(530281),a=n(514625),d=n(604482),s=n(580176),c=n(789768),u=n(749177),m=n(822336),A=n(71479),p=n(566723),h=n(294303),f=n(311785);const E=(0,A.A)(h.A,(0,f.A)("leftFilterPanelOpen","buttonTop"))`
  position: absolute;
  z-index: 10;
  cursor: pointer;
  border: 1px solid ${({theme:{themeName:e}})=>m.Ay[`desktop-color-divider-border-${e}`]};
  border-radius: ${m.Ay["desktop-radius-base"]};
  top: ${({buttonTop:e})=>e??p.xO};
  right: ${({leftFilterPanelOpen:e})=>e?"-11":"-14"}px;
  background: ${({theme:{themeName:e}})=>m.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}})=>m.Ay[`desktop-color-neutral-07-${e}`]};
  }
`,$=({leftFilterPageId:e,buttonTop:t})=>{const n=(0,i.useDispatch)(),l=(0,u.A)(e),m=(0,r.useCallback)(()=>{n(l?(0,s.MZ)(e):(0,s.lF)(e)),n((0,c.ZN)(e,{[d.d.PANEL_OPEN]:!l}))},[n,l,e]);return r.createElement(E,{leftFilterPanelOpen:l,buttonTop:t,onClick:m},r.createElement(l?o.A:a.A,{size:"small",actionable:!0,omitSvgMargin:!0}))},b=(0,A.A)(h.A)`
  width: 100%;
  height: 100%;
  flex-direction: row;
  position: relative;
`,I=(0,A.A)(h.A,(0,f.A)("leftFilterPanelOpen"))`
  position: relative;
  padding-top: ${p.xO};
  ${({leftFilterPanelOpen:e,theme:{themeName:t}})=>e?`\n        border-right: 1px solid ${m.Ay[`desktop-color-divider-border-${t}`]};\n        padding-left: ${p.xO};\n      `:""}
`,g=({children:e,content:t,leftFilterPageId:n,buttonTop:i,leftFilterContentContainerClassname:o,...a})=>{const d=(0,u.A)(n);return r.createElement(b,{...a},r.createElement(I,{leftFilterPanelOpen:d,className:o,...l.A.addDataTestId(l.A.TestId.LEFT_FILTER)},n?r.createElement($,{leftFilterPageId:n,buttonTop:i}):null,d?t:null),e)}},736388(e,t,n){n.d(t,{A:()=>I});var r=n(296540),l=n(201384),i=n(340936),o=n(77247),a=n(968906),d=n(469733),s=n(479503);var c=n(445054),u=n(67716),m=n(71479),A=n(566723),p=n(294303),h=n(311785);const f=(0,m.A)(p.A,(0,h.A)("isLeftFilterEditorOpen","isLeftFilterColumnsOpen"))`
  ${({isLeftFilterEditorOpen:e,isLeftFilterColumnsOpen:t})=>e||t?`padding-right: ${A.xO};`:""}
`;var E=n(362584),$=n(528552);const b=(0,r.forwardRef)(({children:e,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:n,isMaximized:l,maximizedId:i},o)=>{const a=(0,r.useMemo)(()=>({[E.A.IS_MAXIMIZED]:l,[E.A.MAXIMIZED_ID]:i}),[l,i]);return r.createElement($.A.Provider,{value:a},r.createElement(f,{ref:o,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:n},e))}),I=({children:e,tabs:t,columns:n,editor:m,footer:A,leftFilterPageId:p,leftFilterColumnsId:h,contentTestId:f,footerTestId:E})=>{const{height:$,ref:I}=(0,i.A)(),g=(0,r.useRef)(null),x=(0,o.A)(g),v=(e=>(0,d.useSelector)((0,r.useMemo)(()=>(0,s.tR)(e),[e])))(p),k=(0,c.A)({leftFilterPageId:p,leftFilterColumnsId:h});return r.createElement(l.A,null,l=>r.createElement(b,{ref:I,isLeftFilterEditorOpen:v,isLeftFilterColumnsOpen:k,...l},r.createElement(u.fy,{height:$},t,r.createElement(u.yE,{ref:g,...f?a.A.addDataTestId(f):{}},e,r.createElement(u.Ot,{hasOverflow:x},A)),x?r.createElement(u.sN,{...E?a.A.addDataTestId(E):{}},r.createElement(u.d$,null),A):null),m&&v?r.createElement(u._G,null,m):null,n&&k?r.createElement(u.o2,{isLeftFilterEditorOpen:v},n):null))}},67716(e,t,n){n.d(t,{Ot:()=>h,T_:()=>u,_G:()=>E,d$:()=>f,fy:()=>c,o2:()=>m,sN:()=>p,yE:()=>A});var r=n(822336),l=n(71479),i=n(939703),o=n(566723),a=n(294303),d=n(343255),s=n(311785);const c=(0,l.A)(a.A,(0,s.A)("height"))`
  flex-direction: column;
  flex: 0 0 auto;
  width: calc(${d.b}px + ${o.Ln});
  height: ${({height:e})=>e?`${e}px`:"auto"};
  position: relative;
  background-color: ${({theme:{themeName:e}})=>r.Ay[`desktop-color-neutral-00-${e}`]};
  z-index: 1;
  padding-bottom: ${o.kc};
  gap: ${o.kc};
`,u=(0,l.A)(a.A)`
  flex-direction: column;
  width: ${d.b}px;
`,m=(0,l.A)(a.A,(0,s.A)("isLeftFilterEditorOpen"))`
  width: fit-content;
  ${({isLeftFilterEditorOpen:e})=>e?`margin-left: ${o.YC};`:""}
`,A=(0,l.A)(a.A)`
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${o.kc};
  // buffer for the last element to be fully visible
  padding-bottom: ${o.Ln};
  scrollbar-gutter: stable;
`,p=(0,l.A)(a.A)`
  width: calc(100% - ${o.xO});
  position: absolute;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
  background-color: ${({theme:{themeName:e}})=>r.Ay[`desktop-color-neutral-00-${e}`]};
`,h=(0,l.A)(a.A,(0,s.A)("hasOverflow"))`
  ${({hasOverflow:e})=>e?"opacity: 0;":""}
`,f=(0,l.A)("div")`
  position: absolute;
  top: -${o.kc};
  width: 100%;
  height: 8px;
  background: linear-gradient(
    180deg,
    ${({theme:{themeName:e}})=>(0,i.b_)(r.Ay[`desktop-color-neutral-00-${e}`],0)} 0%,
    ${({theme:{themeName:e}})=>(0,i.b_)(r.Ay[`desktop-color-neutral-00-${e}`],8)} 100%
  );
`,E=(0,l.A)(a.A)`
  width: 248px;
  border: 1px solid ${({theme:{themeName:e}})=>r.Ay[`desktop-color-neutral-03-${e}`]};
  border-radius: ${r.Ay["desktop-radius-base"]};
  padding: ${o.xO} ${o.kc};
  background: ${({theme:{themeName:e}})=>r.Ay[`desktop-color-neutral-01-${e}`]};
`},343255(e,t,n){n.d(t,{b:()=>r});const r=248},267094(e,t,n){n.d(t,{A:()=>c});var r=n(296540),l=n(71479),i=n(294303),o=n(311785);const a=(0,l.A)(i.A,(0,o.A)("isMaximized"))`
  flex-direction: column;
  ${({isMaximized:e})=>e?"\n  min-height: 0;\n  ":""}
`;var d=n(362584),s=n(528552);const c=({children:e})=>{const{[d.A.IS_MAXIMIZED]:t}=(0,r.useContext)(s.A);return r.createElement(a,{isMaximized:t},e)}},528552(e,t,n){n.d(t,{A:()=>i});var r=n(296540),l=n(362584);const i=(0,r.createContext)({[l.A.IS_MAXIMIZED]:!1,[l.A.MAXIMIZED_ID]:null})},362584(e,t,n){var r;n.d(t,{A:()=>r}),function(e){e.IS_MAXIMIZED="isMaximized",e.MAXIMIZED_ID="maximizedId"}(r||(r={}))},445535(e,t,n){n.d(t,{A:()=>u});var r=n(296540),l=n(822336),i=n(809536),o=n(769444),a=n(382389),d=n(160087),s=n(528552),c=n(362584);const u=({id:e,label:t,initialExpanded:n=!0,hasPaddedContent:u=!1,isStatic:m=!1,isEditorOpen:A=!1,children:p})=>{const{themeName:h}=(0,a.u)(),[f,E]=(0,r.useState)(n),{[c.A.IS_MAXIMIZED]:$,[c.A.MAXIMIZED_ID]:b}=(0,r.useContext)(s.A),I=(0,r.useCallback)(e=>{E(e)},[E]),g=(0,r.useMemo)(()=>m?i.A:o.A,[m]),x=(0,r.useMemo)(()=>({background:A?l.Ay[`desktop-color-neutral-01-${h}`]:"inherit"}),[A,h]),{isLocked:v,isFullHeight:k,isHidden:F,hasDivider:O}=(0,r.useMemo)(()=>({isLocked:$&&b===e,isFullHeight:$&&b===e,isHidden:$&&b!==e,hasDivider:!($&&b===e)}),[$,b,e]);return t?r.createElement(g,{label:t,size:"small",isExpanded:f,onExpandedChange:I,hasPaddedContent:u,style:x,isLocked:v,isFullHeight:k,isHidden:F,hasDivider:O},f?p:null):r.createElement(d.s,null,p)}},160087(e,t,n){n.d(t,{s:()=>a});var r=n(822336),l=n(71479),i=n(566723),o=n(294303);const a=(0,l.A)(o.A)`
  border-bottom: 1px solid ${({theme:{themeName:e}})=>r.Ay[`desktop-color-neutral-02-${e}`]};
  padding: ${i.kc};
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: ${i.kc};
`},9535(e,t,n){n.d(t,{A:()=>i});var r=n(296540),l=n(861878);const i=({onClear:e,labelId:t="COMMON_ACTION_CLEAR_FILTERS",disabled:n})=>r.createElement(l.A,{onPress:e,labelId:t,disabled:n})},17441(e,t,n){n.d(t,{A:()=>o});var r=n(296540),l=n(713769),i=n(264863);const o=({children:e})=>r.createElement(i.A,null,r.createElement(l.y,null,e))},713769(e,t,n){n.d(t,{y:()=>o});var r=n(71479),l=n(566723),i=n(294303);const o=(0,r.A)(i.A)`
  flex-direction: column;
  gap: ${l.kc};
  margin: 0 0 ${l.Ln} ${l.kc};
`},861878(e,t,n){n.d(t,{A:()=>s});var r=n(296540),l=n(217439),i=n(592563),o=n(916537),a=n(199582);const d=n(132196).AH`
  justify-content: flex-start;
`,s=({onPress:e,labelId:t,disabled:n,[a.L]:s})=>r.createElement(i.A,{type:"button",onPress:e,isDisabled:n,className:d,...s&&{[a.L]:s}},r.createElement(l.A,{size:"medium",color:"inherit"},r.createElement(o.sA,{id:t})))},264863(e,t,n){n.d(t,{A:()=>a});var r=n(296540),l=n(113851),i=n(362584),o=n(528552);const a=({children:e})=>{const{[i.A.IS_MAXIMIZED]:t}=(0,r.useContext)(o.A);return r.createElement(l.A,{isHidden:t},e)}},513587(e,t,n){n.d(t,{A:()=>l});var r=n(296540);const l=()=>{const e=(0,r.useRef)(!1);return(0,r.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}},77247(e,t,n){n.d(t,{A:()=>l});var r=n(296540);const l=e=>{const[t,n]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{const t=()=>{e.current&&n(e.current.scrollHeight>e.current.clientHeight)};t();const r=new ResizeObserver(t);return e.current&&r.observe(e.current),()=>{r.disconnect()}},[e]),t}}}]);