"use strict";(self.webpackChunkweb_toolbox=self.webpackChunkweb_toolbox||[]).push([[424],{70778:(e,t,n)=>{n.d(t,{A:()=>p});var a=n(9950),r=n(19223),l=n(25979),o=n(3788),s=n(19890),i=n(2046),m=n(25333),c=n(52097);const u=(0,n(25131).A)((e=>({root:{margin:e.spacing(1)}}))),p=e=>{let{label:t="Search",autofocus:n=!1,fullWidth:p=!1,initialFilter:g="",onFilterChange:E}=e;const[h,d]=a.useState(g),A=u(),f=(0,c.YQ)((e=>E(e)),300);return a.useEffect((()=>f(h)),[h,f]),a.createElement(l.A,{fullWidth:p,className:A.root},a.createElement(o.A,{htmlFor:"searchField"},t),a.createElement(s.A,{id:"searchField",autoFocus:n,type:"text",value:h,onChange:e=>d(e.target.value),endAdornment:a.createElement(i.A,{position:"end"},a.createElement(m.A,null,a.createElement(r.A,null)))}))}},99083:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(9950),r=n(82053),l=n(67270);const o=(0,n(25131).A)((e=>({root:{margin:e.spacing(1)}}))),s=e=>{let{count:t,searching:n}=e;const s=o(),[i,m]=a.useState(l.t);return a.useEffect((()=>{n?m("filtering\u2026"):setTimeout((()=>m(l.t)),800)}),[n]),a.createElement("div",{className:s.root},a.createElement(r.A,{align:"right"},i),a.createElement(r.A,{align:"right"},t))}},19424:(e,t,n)=>{n.r(t),n.d(t,{default:()=>W,mapDispatchToProps:()=>_,mapStateToProps:()=>I});var a=n(9950),r=n(2235),l=n(38200),o=n(84142),s=n(83239),i=n(16491),m=n(6258),c=n(1320),u=n(15769),p=n(69780),g=n(9213),E=n(34075),h=n(72772),d=n(3507),A=n.n(d),f=n(10300),T=n(1351),P=n(23422),b=n(70778),y=n(99083),v=n(65579),w=n(1810),M=n(21671),N=n(39287),x=n(25131);const C=(0,N.A)((()=>({body:{fontSize:14,whiteSpace:"normal",wordBreak:"break-word"}})))(M.A),S=(0,N.A)((e=>({root:{"&:nth-of-type(even)":{backgroundColor:e.palette.action.hover}}})))(g.A),H=(0,x.A)((e=>({root:{margin:e.spacing(1)},toolbar:{margin:0,padding:0,"& > *":{marginLeft:e.spacing(1)}},tabsPanel:{flexGrow:1,width:"100%",marginTop:e.spacing(3),backgroundColor:e.palette.background.paper},tabsBar:{marginBottom:e.spacing(2)},tableHeader:{backgroundColor:e.palette.primary.main}}))),F=e=>{let{children:t,value:n,index:r}=e;const l=n===r;return a.createElement("div",{id:"scrollable-auto-tabpanel-".concat(r),"aria-labelledby":"scrollable-auto-tab-".concat(r),hidden:!l,role:"tabpanel"},l&&a.createElement(a.Fragment,null,t))};var k=function(e){return e[e.MIME_TYPES=0]="MIME_TYPES",e[e.HTML_ENTITIES=1]="HTML_ENTITIES",e}(k||{});function I(e){return{mimeTypes:e.mimeTypes.elements,filteringMimeTypes:e.mimeTypes.filtering,htmlEntities:e.htmlEntities.elements,filteringHtmlEntities:e.htmlEntities.filtering}}function _(e){return{applyMimeTypesFilter:t=>e((0,P.kg)(t)),applyHtmlEntitiesFilter:t=>e((0,T.Nx)(t))}}const W=(0,f.Ng)(I,_)((e=>{let{filteringMimeTypes:t,mimeTypes:n,filteringHtmlEntities:d,htmlEntities:f,applyMimeTypesFilter:T,applyHtmlEntitiesFilter:P}=e;const M=H(),N=(0,w.Pb)("md"),[x,I]=a.useState(k.MIME_TYPES),[_,W]=a.useState(""),Y=t||d,{page:B,setPage:L,rowsPerPage:R,handleChangeRowsPerPage:z}=(0,v.W)();function j(e){W(e),L(0),x===k.MIME_TYPES?T(e):P(e)}return a.createElement(a.Fragment,null,a.createElement(h.m,{title:"Mime-types, HTML Entities\u2026"}),a.createElement(r.A,{square:!0},a.createElement(l.A,{value:x,onChange:(e,t)=>{I(t),j(""),L(0)},indicatorColor:"primary",textColor:"primary",variant:"scrollable",scrollButtons:!0,"aria-label":"Common web lists"},a.createElement(o.A,{label:"Mime-types",id:"mime-types","aria-controls":"tab-mime-types"}),a.createElement(o.A,{label:"HTML Entities",id:"html-entities","aria-controls":"tab-html-entities"}))),a.createElement("div",{className:M.root},a.createElement(s.A,{className:M.toolbar},a.createElement(b.A,{initialFilter:_,onFilterChange:j}),a.createElement(i.A,{component:"div",flexGrow:1}),a.createElement(y.A,{count:x===k.MIME_TYPES?n.size:f.length,searching:Y})),a.createElement(F,{value:x,index:k.MIME_TYPES},a.createElement(m.A,{rowsPerPageOptions:[5,10,25,50,100],component:"div",count:[...n.keys()].length,rowsPerPage:R,page:B,onPageChange:(e,t)=>L(t),onRowsPerPageChange:z}),a.createElement(c.A,{component:r.A},a.createElement(u.A,{size:N?"medium":"small"},a.createElement(p.A,{className:M.tableHeader},a.createElement(g.A,null,a.createElement(C,{component:"th",scope:"row"},"Mime Type"),a.createElement(C,{component:"th",scope:"row"},"File extension"))),a.createElement(E.A,null,[...n.keys()].slice(B*R,B*R+R).map((e=>{var t;const r=(null!==(t=n.get(e))&&void 0!==t?t:[]).join(", ");return a.createElement(S,{key:e},a.createElement(C,null,a.createElement(A(),{searchWords:[_],textToHighlight:e})),a.createElement(C,null,a.createElement(A(),{searchWords:[_],textToHighlight:r})))})))))),a.createElement(F,{value:x,index:k.HTML_ENTITIES},a.createElement(m.A,{rowsPerPageOptions:[5,10,25,50,100],component:"div",count:f.length,rowsPerPage:R,page:B,onPageChange:(e,t)=>L(t),onRowsPerPageChange:z}),a.createElement(c.A,{component:r.A},a.createElement(u.A,{size:N?"medium":"small"},a.createElement(p.A,{className:M.tableHeader},a.createElement(g.A,null,a.createElement(C,{component:"th",scope:"row"},"Entity"),a.createElement(C,{component:"th",scope:"row"},"Name"),a.createElement(C,{component:"th",scope:"row"},"Number"),a.createElement(C,{component:"th",scope:"row"},"Description"))),a.createElement(E.A,null,f.slice(B*R,B*R+R).map((e=>a.createElement(S,{key:e.entityNumber},a.createElement(C,null,a.createElement(A(),{searchWords:[_],textToHighlight:e.character})),a.createElement(C,null,a.createElement(A(),{searchWords:[_],textToHighlight:e.entityName})),a.createElement(C,null,a.createElement(A(),{searchWords:[_],textToHighlight:e.entityNumber})),a.createElement(C,null,a.createElement(A(),{searchWords:[_],textToHighlight:e.description})))))))))))}))},65579:(e,t,n)=>{n.d(t,{W:()=>r});var a=n(9950);const r=()=>{const[e,t]=(0,a.useState)(0),[n,r]=(0,a.useState)(10);return{page:e,setPage:t,rowsPerPage:n,handleChangeRowsPerPage:e=>{r(+e.target.value),t(0)}}}},16491:(e,t,n)=>{n.d(t,{A:()=>T});var a=n(58168),r=n(98587),l=n(9950),o=n(72004),s=n(10116),i=n(70505),m=n(80237),c=n(7148),u=n(44414);const p=["className","component"];var g=n(41681),E=n(58258),h=n(67550);const d=(0,n(80863).A)("MuiBox",["root"]),A=(0,E.A)(),f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{themeId:t,defaultTheme:n,defaultClassName:g="MuiBox-root",generateClassName:E}=e,h=(0,s.default)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(i.A);return l.forwardRef((function(e,l){const s=(0,c.A)(n),i=(0,m.A)(e),{className:d,component:A="div"}=i,f=(0,r.A)(i,p);return(0,u.jsx)(h,(0,a.A)({as:A,ref:l,className:(0,o.A)(d,E?E(g):g),theme:t&&s[t]||s},f))}))}({themeId:h.A,defaultTheme:A,defaultClassName:d.root,generateClassName:g.A.generate}),T=f},39287:(e,t,n)=>{n.d(t,{A:()=>g});var a=n(58168),r=n(98587),l=n(9950),o=n(23876),s=n.n(o),i=n(25131);var m=n(80806),c=n(44414);const u=["defaultTheme","withTheme","name"],p=["classes"],g=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return n=>{const{defaultTheme:o,withTheme:g=!1,name:E}=t,h=(0,r.A)(t,u);let d=E;const A=(0,i.A)(e,(0,a.A)({defaultTheme:o,Component:n,name:E||n.displayName,classNamePrefix:d},h)),f=l.forwardRef((function(e,t){const l=(0,r.A)(e,p),s=A((0,a.A)({},n.defaultProps,e));let i,u=l;return("string"===typeof E||g)&&(i=(0,m.A)()||o,E&&(u=function(e){const{theme:t,name:n,props:r}=e;if(!t||!t.components||!t.components[n]||!t.components[n].defaultProps)return r;const l=(0,a.A)({},r),o=t.components[n].defaultProps;let s;for(s in o)void 0===l[s]&&(l[s]=o[s]);return l}({theme:i,name:E,props:l})),g&&!u.theme&&(u.theme=i)),(0,c.jsx)(n,(0,a.A)({ref:t,classes:s},u))}));return s()(f,n),f}}}}]);