https://www.edutopia.org/assets/pages-SearchPage-SearchPage.6d79853a32bcb8a5be37.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[861],{42634:()=>{},57666:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>X});var a=t(54705),o=t(66353),r=t.n(o),i=t(93404),s=t.n(i),l=t(43856),c=t.n(l),d=t(16762),p=t.n(d),h=t(23655),m=t.n(h),u=t(96540),g=t(29970),x=t(68154),f=t(78726),b=t(74080),y=t(4276),v=t(34439),E=t(70887),A=t(21962),S=t(27100),w=t(20331),T=t(44206),k=t(41278),_=t(75930),C=t(17904),j=t(62524),N="\n  font-family: ".concat(j.A.sansSerif,";\n  font-weight: 600;\n  border: 2px solid ").concat(C.Tj.brand2,";\n  border-radius: 6px;\n  background-color: ").concat(C.Tj.brand2,";\n  cursor: pointer;\n  padding: 0 22px;\n  height: 42px;\n  line-height: 42px;\n  text-align: center;\n  text-decoration: none;\n  color: ").concat(C.Tj.white,";\n  font-size: 19px;\n  letter-spacing: 1.2px;\n\n  &:active,\n  &:hover,\n  &:focus {\n    background-color: ").concat(C.Tj.white,";\n    color: ").concat(C.Tj.brand2,";\n  }\n\n  // @TODO: this is not what the disabled state is for.\n  &[disabled] {\n    display: none;\n  }\n");const O={searchResults:(0,_.AH)("{\n    .ais-CurrentRefinements-label {\n      display: none;\n    }\n\n    .ais-CurrentRefinements-list {\n      margin-top: 9px;\n    }\n\n    .ais-CurrentRefinements-item {\n      display: inline;\n    }\n\n    .ais-CurrentRefinements-category {\n      display: inline-block;\n      position: relative;\n      margin: 9px 8px 0 0;\n      padding: 4px 40px 3px 10px;\n      background: ".concat(C.Tj.brand2Light,";\n      color: ").concat(C.Tj.brand2,";\n      font-size: 17px;\n      font-weight: 500;\n      letter-spacing: 0.4px;\n    }\n\n    .ais-CurrentRefinements-delete {\n      position: absolute;\n      top: 0;\n      right: 0;\n      height: 36px;\n      padding: 12px 18px 8px;\n      border: 0;\n      outline: 0;\n      overflow: hidden;\n      background-image: url('/assets/close-black.svg');\n      background: ").concat(C.Tj.brand2Light," url('/assets/close-black.svg') no-repeat center\n        center / 10px 10px;\n      text-indent: -9999px;\n      cursor: pointer;\n    }\n    .list-component__list-item {\n      border-top: 1px solid ").concat(C.Tj.lightGrey2,";\n      padding-top: 27px;\n    }\n\n    .ais-InfiniteHits-list {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .ais-InfiniteHits-item {\n      border-top: 1px solid ").concat(C.Tj.lightGrey2,";\n      margin-bottom: 21px;\n      padding-top: 27px;\n    }\n\n    .ais-InfiniteHits-loadMore {\n      ").concat(N,"\n      display: table;\n      margin: 30px auto;\n      padding: 0 30px;\n      height: 54px;\n      line-height: 50px;\n\n      &[disabled] {\n        display: none;\n      }\n    }\n\n    .teaser2 {\n      margin: 0;\n    }\n\n    .eyebrow {\n      display: none;\n    }\n  }")),searchBox:(0,_.AH)("{\n    .ais-SearchBox-form {\n      position: relative;\n      max-width: 400px;\n    }\n\n    input[type='search'] {\n      font-size: 18px;\n      margin-bottom: 2em;\n      border: 1px solid ".concat(C.Tj.lightGrey,";\n      border-radius: 5px;\n      padding: 0 10px;\n      width: 100%;\n      height: 45px;\n      -webkit-appearance: none;\n    }\n\n    .ais-SearchBox-submit {\n      display: block;\n      position: absolute;\n      top: 0;\n      right: 0;\n      border: 1px solid ").concat(C.Tj.brand2,";\n      border-radius: 0 5px 5px 0;\n      background: ").concat(C.Tj.brand2," url('/assets/search-white.svg') no-repeat center center / 24px 24px;\n      cursor: pointer;\n      width: 60px;\n      height: 45px;\n\n      svg {\n        display: none;\n      }\n    }\n\n    .ais-SearchBox-reset {\n      display: none;\n    }\n  }")),openFilters:(0,_.AH)("{\n    ".concat(N,"\n  }")),filtersWrapper:(0,_.AH)("{\n    &.closed {\n      display: none;\n    }\n  }"),filtersOverlay:(0,_.AH)("{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    z-index: 500;\n  }"),filtersContainer:(0,_.AH)("{\n    position: absolute;\n    top: 100px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 550;\n    max-width: 830px;\n    width: 100%;\n    padding: 0 20px;\n  }"),filters:(0,_.AH)("{\n    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .15);\n    background-color: ".concat(C.Tj.white,";\n    margin: 0 auto;\n    position: relative;\n    padding: 9px 0 24px;\n    border: 1px solid ").concat(C.Tj.lightGrey2,";\n\n    ul {\n      list-style: none;\n    }\n\n    .filters-heading {\n      margin: 0 20px 6px;\n      padding: 6px 0;\n      border-bottom: 1px solid ").concat(C.Tj.lightestGrey,";\n      text-transform: none;\n    }\n\n    .refinements {\n      overflow: hidden;\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 18px;\n    }\n\n    .ais-Panel {\n      margin: 0 20px;\n      flex-grow: 1;\n    }\n\n    .ais-Panel--noRefinement {\n      display: none;\n    }\n\n    .ais-RefinementList-labelText {\n      margin-left: 5px;\n    }\n\n    .close-filters {\n      position: absolute;\n      right: 0;\n      padding: 10px 30px;\n      border: 0;\n      background: transparent url('/assets/close-black.svg') no-repeat center\n        center / 24px 24px;\n      text-indent: -9999px;\n      overflow: hidden;\n      cursor: pointer;\n    }\n\n    .filters-buttons {\n      padding: 0 20px;\n    }\n\n    .apply-filters {\n      ").concat(N,"\n      display: block;\n      width: 100%;\n      margin: 0 auto;\n      overflow: hidden;\n      @media screen and (min-width: ").concat(C.T5.xsmall,") {\n        display: inline;\n        width: auto;\n      }\n    }\n\n    .ais-ClearRefinements {\n      padding-top: 27px;\n      text-align: center;\n\n      @media screen and (min-width: ").concat(C.T5.xsmall,") {\n        display: inline;\n        padding: 0 0 0 20px;\n      }\n    }\n\n    .ais-ClearRefinements-button {\n      border: 0;\n      background: 0;\n      color: ").concat(C.Tj.brand2,";\n      font-size: 17px;\n      font-weight: 600;\n      letter-spacing: 0.4px;\n\n      &:hover {\n        background-color: ").concat(C.Tj.brand2Light,";\n        cursor: pointer;\n      }\n    }\n\n    .ais-ClearRefinements-button--disabled,\n    .ais-RefinementList-count {\n      display: none;\n    }\n  }")),stats:(0,_.AH)("{\n    font-family: ".concat(j.A.sansSerif,";\n    margin: 1em 0;\n    color: ").concat(C.Tj.darkGrey,";\n    font-size: 21px;\n    letter-spacing: 0.6px;\n  }")),searchHeader:(0,_.AH)("{\n    padding: 21px 0 0;\n\n    a {\n      font-family: ".concat(j.A.sansSerif,";\n      font-weight: 500;\n      text-decoration: none;\n      color: ").concat(C.Tj.brand2,";\n    }\n\n    a:hover {\n      color: ").concat(C.Tj.brand2Light,";\n    }\n  }"))};var H,M,L,R,D,B,G,z,I=t(83643),K=t.n(I),U=t(55373),P=t.n(U),F=K()("WGUBCT5PIA","ce1a627f68afe756e022de7a998b2471"),W=n=>P().parse(n.search.slice(1)),Y=n=>{var e,{hit:t}=n,a=p()(t,"coverMedia","{}"),o=p()(t,"video","{}"),i=r()(s()(new Date(1e3*Number(p()(t,"created",""))),7),"MMMM D, YYYY"),l=t.summary?t.summary:t.intro;if("podcast"===t.type&&(l=t.intro?t.intro:t.summary),"person"==t.type){l=l||t.content,t.person_role=void 0===t.person_role?["author"]:t.person_role,t.person_role=t.person_role instanceof Array?t.person_role:[t.person_role];var d=[];t.person_role.includes("author")&&d.push("Author"),t.person_role.includes("staff")&&d.push("Staff"),t.person_role.includes("board")&&d.push("Board Member"),l=d.length?"".concat(d.join(", ")," • ").concat(l):"".concat(d.join(", ")," ").concat(l)}return u.createElement(k.A,{link:t.slug,title:t.title,summary:c()(l,250),type:null!==(e={article:"node--article",person:"node--pers

1on",video:"node--video",package:"node--package",school:"node--school",podcast:"node--podcast",resource:"node--resource",quiz:"node--quiz"}[t.type])&&void 0!==e?e:t.type,image:a,video:o,postDate:i,variant:"3"})},q=()=>u.createElement(f.A,{hitComponent:Y,translations:{loadMore:"More"}});class V extends u.Component{constructor(n){super(n),(0,a.A)(this,"handleModalState",(()=>{this.setState((n=>({modalOpen:!n.modalOpen,modalOffset:100+(document.body.scrollTop||document.documentElement.scrollTop)}))),this.state.modalOpen?document.removeEventListener("keydown",this.handleOnKey,!1):(document.addEventListener("keydown",this.handleOnKey,!1),g.Ay.event({category:"Search",action:"filtersOpen"}))})),(0,a.A)(this,"handleOnKey",(n=>{"Escape"===n.key&&this.handleModalState()})),(0,a.A)(this,"transformItems",((n,e)=>{var t=n.filter((n=>e[n.label])).map((n=>{var t=e[n.label];return n.label=t.label,n.position=t.position,n}));return m()(t,["position","count"],["asc","desc"])})),(0,a.A)(this,"transformTypes",(n=>this.transformItems(n,{article:{label:"Articles",position:1},video:{label:"Videos",position:2}}))),(0,a.A)(this,"transformGrades",(n=>this.transformItems(n,{"K-2 Primary":{label:"K-2 Primary",position:1},"3-5 Upper Elementary":{label:"3-5 Upper Elementary",position:2},"6-8 Middle School":{label:"6-8 Middle School",position:3},"9-12 High School":{label:"9-12 High School",position:4}}))),(0,a.A)(this,"onSearchStateChange",(n=>{clearTimeout(this.debounceChange),this.debounceChange=setTimeout((()=>{var e;this.props.router.push({pathname:"/search",search:(e=n,"?".concat(P().stringify(e)))})}),1500),this.setState({searchState:n})})),this.state={searchState:W(n.location),modalOpen:!1,modalOffset:0}}componentDidMount(){var n=W(this.props.location);delete n.page,this.setState({searchState:n})}UNSAFE_componentWillReceiveProps(n){n.location!==this.props.location&&this.setState({searchState:W(n.location)})}componentWillUnmount(){clearTimeout(this.debounceChange)}render(){return u.createElement("div",{className:"component"},u.createElement(x.m,null,H||(H=u.createElement("title",null,"Search | Edutopia")),M||(M=u.createElement("link",{rel:"canonical",href:"https://www.edutopia.org/search"})),""),u.createElement("div",{className:"page-inner page-inner--content ".concat(O.searchResults)},u.createElement(b.A,{searchClient:F,indexName:"prod_wp_content",searchState:this.state.searchState,onSearchStateChange:this.onSearchStateChange},u.createElement("div",{className:O.searchHeader},L||(L=u.createElement("h1",null,"Search")),u.createElement("div",{className:O.searchBox},u.createElement(y.A,{translations:{placeholder:"Type here to search"},searchAsYouType:!1})),u.createElement("button",{className:O.openFilters,onClick:this.handleModalState},"Filter results"),u.createElement("div",{className:"".concat(O.filtersWrapper," ").concat(this.state.modalOpen?"opened":"closed")},u.createElement("div",{className:O.filtersOverlay,onClick:this.handleModalState}),u.createElement("div",{className:O.filtersContainer,style:{top:"".concat(this.state.modalOffset,"px")}},u.createElement("div",{id:"filters",className:O.filters},u.createElement("button",{className:"close-filters",onClick:this.handleModalState},"X"),R||(R=u.createElement("h3",{className:"filters-heading section-heading"},"Filter Results")),u.createElement("div",{className:"refinements"},u.createElement(v.A,{header:D||(D=u.createElement("h3",{className:"section-heading"},"Content Type"))},u.createElement(E.A,{attribute:"type",transformItems:this.transformTypes})),u.createElement(v.A,{header:B||(B=u.createElement("h3",{className:"section-heading"},"Grade Band"))},u.createElement(E.A,{attribute:"taxonomy_term--grade_levels",transformItems:this.transformGrades}))),u.createElement("div",{className:"filters-buttons"},u.createElement("button",{className:"apply-filters",onClick:this.handleModalState},u.createElement(A.A,{translations:{stats:n=>"View ".concat(n.toLocaleString()," results")}})),u.createElement(S.A,{translations:{reset:"Clear all"}}))))),G||(G=u.createElement(w.A,null)),u.createElement("div",{className:O.stats},u.createElement(A.A,{translations:{stats:n=>

1"".concat(n.toLocaleString()," results found ").concat(this.state.searchState.query?'for "'.concat(this.state.searchState.query,'"'):"")}}))),z||(z=u.createElement(q,null)))))}}const X=(0,T.h)(V)}}]);