"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[82942],{9535:(e,t,r)=>{r.d(t,{A:()=>o});var l=r(296540),n=r(861878);const o=({onClear:e,labelId:t="COMMON_ACTION_CLEAR_FILTERS",disabled:r})=>l.createElement(n.A,{onPress:e,labelId:t,disabled:r})},17441:(e,t,r)=>{r.d(t,{A:()=>i});var l=r(296540),n=r(713769),o=r(264863);const i=({children:e})=>l.createElement(o.A,null,l.createElement(n.y,null,e))},67716:(e,t,r)=>{r.d(t,{Ot:()=>p,T_:()=>u,_G:()=>g,d$:()=>f,fy:()=>c,o2:()=>m,sN:()=>A,yE:()=>h});var l=r(822336),n=r(71479),o=r(939703),i=r(566723),a=r(294303),d=r(740618),s=r(343255);const c=(0,n.A)(a.A,{shouldForwardProp:e=>"height"!==e})`
  flex-direction: column;
  flex: 0 0 auto;
  width: calc(${s.b}px + ${i.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: ${i.kc};
  gap: ${i.kc};
`,u=(0,n.A)(a.A)`
  flex-direction: column;
  width: ${s.b}px;
`,m=(0,n.A)(a.A,{shouldForwardProp:e=>"isLeftFilterEditorOpen"!==e})`
  width: fit-content;
  ${({isLeftFilterEditorOpen:e})=>e?`margin-left: ${i.YC};`:""}
`,h=(0,n.A)(a.A)`
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${i.kc};
  // buffer for the last element to be fully visible
  padding-bottom: ${i.Ln};
  ${d.gm?"padding-right: 16px;":"scrollbar-gutter: stable;"}
`,A=(0,n.A)(a.A)`
  width: calc(100% - ${i.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}`]};
`,p=(0,n.A)(a.A,{shouldForwardProp:e=>"hasOverflow"!==e})`
  ${({hasOverflow:e})=>e?"opacity: 0;":""}
`,f=(0,n.A)("div")`
  position: absolute;
  top: -${i.kc};
  left: -${i.Ln};
  width: 100%;
  height: 8px;
  background: linear-gradient(
    180deg,
    ${({theme:{themeName:e}})=>(0,o.b_)(l.Ay[`desktop-color-neutral-00-${e}`],0)} 0%,
    ${({theme:{themeName:e}})=>(0,o.b_)(l.Ay[`desktop-color-neutral-00-${e}`],8)} 100%
  );
`,g=(0,n.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: ${i.xO} ${i.kc};
  background: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-01-${e}`]};
`},77247:(e,t,r)=>{r.d(t,{A:()=>n});var l=r(296540);const n=e=>{const[t,r]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{const t=()=>{e.current&&r(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,r)=>{r.d(t,{A:()=>E});var l=r(296540),n=r(469733),o=r(530281),i=r(514625),a=r(604482),d=r(580176),s=r(789768),c=r(749177),u=r(822336),m=r(71479),h=r(566723),A=r(294303);const p=(0,m.A)(A.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 r=(0,n.useDispatch)(),u=(0,c.A)(e),m=(0,l.useCallback)(()=>{r(u?(0,d.MZ)(e):(0,d.lF)(e)),r((0,s.ZN)(e,{[a.d.PANEL_OPEN]:!u}))},[r,u,e]),h=u?o.A:i.A;return l.createElement(p,{leftFilterPanelOpen:u,buttonTop:t,onClick:m},l.createElement(h,{size:"small",actionable:!0,omitSvgMargin:!0}))},g=(0,m.A)(A.A)`
  width: 100%;
  height: 100%;
  flex-direction: row;
  position: relative;
`,v=(0,m.A)(A.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      `:""}
`,E=({children:e,content:t,leftFilterPageId:r,buttonTop:n,leftFilterContentContainerClassname:o,...i})=>{const a=(0,c.A)(r);return l.createElement(g,{...i},l.createElement(v,{leftFilterPanelOpen:a,className:o},r?l.createElement(f,{leftFilterPageId:r,buttonTop:n}):null,a?t:null),e)}},160087:(e,t,r)=>{r.d(t,{s:()=>a});var l=r(822336),n=r(71479),o=r(566723),i=r(294303);const a=(0,n.A)(i.A)`
  border-bottom: 1px solid ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-02-${e}`]};
  padding: ${o.kc};
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: ${o.kc};
`},264863:(e,t,r)=>{r.d(t,{A:()=>a});var l=r(296540),n=r(113851),o=r(362584),i=r(528552);const a=({children:e})=>{const{[o.A.IS_MAXIMIZED]:t}=(0,l.useContext)(i.A);return l.createElement(n.A,{isHidden:t},e)}},267094:(e,t,r)=>{r.d(t,{A:()=>s});var l=r(296540),n=r(71479),o=r(294303);const i=(0,n.A)(o.A,{shouldForwardProp:e=>"isMaximized"!==e})`
  flex-direction: column;
  ${({isMaximized:e})=>e?"\n  min-height: 0;\n  ":""}
`;var a=r(362584),d=r(528552);const s=({children:e})=>{const{[a.A.IS_MAXIMIZED]:t}=(0,l.useContext)(d.A);return l.createElement(i,{isMaximized:t},e)}},343255:(e,t,r)=>{r.d(t,{b:()=>l});const l=248},362584:(e,t,r)=>{var l;r.d(t,{A:()=>l}),function(e){e.IS_MAXIMIZED="isMaximized",e.MAXIMIZED_ID="maximizedId"}(l||(l={}))},445054:(e,t,r)=>{r.d(t,{A:()=>i});var l=r(469733),n=r(296540),o=r(479503);const i=({leftFilterPageId:e,leftFilterColumnsId:t})=>(0,l.useSelector)((0,n.useMemo)(()=>(0,o.$R)(e,t),[e,t]))},445535:(e,t,r)=>{r.d(t,{A:()=>u});var l=r(296540),n=r(822336),o=r(809536),i=r(259836),a=r(998837),d=r(160087),s=r(528552),c=r(362584);const u=({id:e,label:t,initialExpanded:r=!0,hasPaddedContent:u=!1,isStatic:m=!1,isEditorOpen:h=!1,children:A})=>{const{themeName:p}=(0,a.u)(),[f,g]=(0,l.useState)(r),{[c.A.IS_MAXIMIZED]:v,[c.A.MAXIMIZED_ID]:E}=(0,l.useContext)(s.A),$=(0,l.useCallback)(e=>{g(e)},[g]),b=(0,l.useMemo)(()=>m?o.A:i.A,[m]),x=(0,l.useMemo)(()=>({background:h?n.Ay[`desktop-color-neutral-01-${p}`]:"inherit"}),[h,p]),{isLocked:I,isFullHeight:F,isHidden:k,hasDivider:w}=(0,l.useMemo)(()=>({isLocked:v&&E===e,isFullHeight:v&&E===e,isHidden:v&&E!==e,hasDivider:!(v&&E===e)}),[v,E,e]);return t?l.createElement(b,{label:t,size:"small",isExpanded:f,onExpandedChange:$,hasPaddedContent:u,style:x,isLocked:I,isFullHeight:F,isHidden:k,hasDivider:w},f?A:null):l.createElement(d.s,null,A)}},513587:(e,t,r)=>{r.d(t,{A:()=>n});var l=r(296540);const n=()=>{const e=(0,l.useRef)(!1);return(0,l.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}},528552:(e,t,r)=>{r.d(t,{A:()=>i});var l=r(296540),n=r(362584);const o={[n.A.IS_MAXIMIZED]:!1,[n.A.MAXIMIZED_ID]:null},i=(0,l.createContext)(o)},597073:(e,t,r)=>{r.d(t,{A:()=>o});var l=r(296540),n=r(629318);const o=(0,r(51946).w)(e=>(0,l.createElement)("svg",(0,n.d)({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,l.createElement)("path",{d:"M12 21.6a9.6 9.6 0 0 0 9.6-9.6 9.6 9.6 0 1 0-9.6 9.6Z",fill:"currentColor",className:e.twotonedclassname}),(0,l.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.084 2.906c-.224.243-.36.567-.36.922v4.738c0 .355.26.673.614.707a.682.682 0 0 0 .747-.679V4.845a8.246 8.246 0 0 1 4.153 7.153c0 4.543-3.695 8.239-8.238 8.239-.464 0-.92-.038-1.362-.113v1.378c.446.064.899.096 1.362.096 5.293 0 9.6-4.307 9.6-9.6a9.602 9.602 0 0 0-4.564-8.17h3.815a.682.682 0 0 0 .678-.747c-.034-.354-.351-.614-.706-.614h-4.738c-.396 0-.753.169-1 .44ZM3.762 11.998C3.762 7.456 7.457 3.76 12 3.76c.464 0 .92.038 1.362.113V2.495A9.555 9.555 0 0 0 12 2.398c-5.293 0-9.6 4.307-9.6 9.6a9.602 9.602 0 0 0 4.564 8.17l.005.004H3.15a.682.682 0 0 0-.678.747c.034.354.351.614.707.614h4.737c.396 0 .753-.168 1-.44.226-.242.362-.566.362-.921v-4.766a.682.682 0 0 0-.748-.678c-.354.034-.614.351-.614.706v3.718a8.246 8.246 0 0 1-4.153-7.154Z",fill:"currentColor",className:e.baseclassname}),(0,l.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.085 2.906a1.352 1.352 0 0 0-.361.922v4.738c0 .355.26.673.614.707a.682.682 0 0 0 .747-.679V4.845a8.246 8.246 0 0 1 4.153 7.153c0 4.543-3.695 8.239-8.238 8.239-.464 0-.919-.038-1.362-.113v1.378c.446.064.9.096 1.362.096 5.293 0 9.6-4.307 9.6-9.6a9.602 9.602 0 0 0-4.564-8.17h3.815a.682.682 0 0 0 .678-.747c-.034-.354-.35-.614-.706-.614h-4.738c-.396 0-.753.169-1 .44ZM3.762 11.998C3.762 7.456 7.458 3.76 12 3.76c.464 0 .92.038 1.362.113V2.495A9.554 9.554 0 0 0 12 2.398c-5.293 0-9.6 4.307-9.6 9.6a9.602 9.602 0 0 0 4.565 8.17l.005.004H3.15a.682.682 0 0 0-.679.747c.034.354.352.614.707.614h4.737c.397 0 .753-.168 1.001-.44.225-.242.361-.566.361-.921v-4.766a.682.682 0 0 0-.748-.678c-.354.034-.614.351-.614.706v3.718a8.246 8.246 0 0 1-4.153-7.154Z",fill:"currentColor",className:e.fillclassname})))},713769:(e,t,r)=>{r.d(t,{y:()=>i});var l=r(71479),n=r(566723),o=r(294303);const i=(0,l.A)(o.A)`
  flex-direction: column;
  gap: ${n.kc};
  margin: 0 0 ${n.Ln} ${n.kc};
`},736388:(e,t,r)=>{r.d(t,{A:()=>$});var l=r(296540),n=r(201384),o=r(340936),i=r(77247),a=r(968906),d=r(469733),s=r(479503);const c=e=>(0,d.useSelector)((0,l.useMemo)(()=>(0,s.tR)(e),[e]));var u=r(445054),m=r(67716),h=r(71479),A=r(566723),p=r(294303);const f=(0,h.A)(p.A,{shouldForwardProp:e=>!["isLeftFilterEditorOpen","isLeftFilterColumnsOpen"].includes(e)})`
  ${({isLeftFilterEditorOpen:e,isLeftFilterColumnsOpen:t})=>e||t?`padding-right: ${A.xO};`:""}
`;var g=r(362584),v=r(528552);const E=(0,l.forwardRef)(({children:e,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:r,isMaximized:n,maximizedId:o},i)=>{const a=(0,l.useMemo)(()=>({[g.A.IS_MAXIMIZED]:n,[g.A.MAXIMIZED_ID]:o}),[n,o]);return l.createElement(v.A.Provider,{value:a},l.createElement(f,{ref:i,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:r},e))}),$=({children:e,tabs:t,columns:r,editor:d,footer:s,leftFilterPageId:h,leftFilterColumnsId:A,contentTestId:p,footerTestId:f})=>{const{height:g,ref:v}=(0,o.A)(),$=(0,l.useRef)(null),b=(0,i.A)($),x=c(h),I=(0,u.A)({leftFilterPageId:h,leftFilterColumnsId:A});return l.createElement(n.A,null,n=>l.createElement(E,{ref:v,isLeftFilterEditorOpen:x,isLeftFilterColumnsOpen:I,...n},l.createElement(m.fy,{height:g},t,l.createElement(m.yE,{ref:$,...p?a.A.addDataTestId(p):{}},e,l.createElement(m.Ot,{hasOverflow:b},s)),b?l.createElement(m.sN,{...f?a.A.addDataTestId(f):{}},l.createElement(m.d$,null),s):null),d&&x?l.createElement(m._G,null,d):null,r&&I?l.createElement(m.o2,{isLeftFilterEditorOpen:x},r):null))}},740618:(e,t,r)=>{r.d(t,{gm:()=>o,nr:()=>i});var l=r(146880);const n=r.n(l)().getParser(window.navigator.userAgent).getBrowserName().toLowerCase(),o="firefox"===n,i="safari"===n},861878:(e,t,r)=>{r.d(t,{A:()=>d});var l=r(296540),n=r(217439),o=r(592563),i=r(699784);const a=r(132196).AH`
  justify-content: flex-start;
`,d=({onPress:e,labelId:t,disabled:r})=>l.createElement(o.A,{type:"button",onPress:e,isDisabled:r,className:a},l.createElement(n.A,{size:"medium",color:"inherit"},l.createElement(i.sA,{id:t})))}}]);