{"version":3,"sources":["node_modules/browser-pack/_prelude.js","frontend/Common/js/modules/Bio/BioApp.jsx","frontend/Common/js/modules/Bio/entry/bio.js","frontend/Common/js/modules/Bio/renderBio.jsx"],"names":["r","e","n","t","o","i","f","c","require","u","a","Error","code","p","exports","call","length","1","module","_react","__esModule","default","_getRequireWildcardCache","has","get","__proto__","Object","defineProperty","getOwnPropertyDescriptor","hasOwnProperty","set","_interopRequireWildcard","_propTypes","_lodash","_interopRequireDefault","_lodash2","_reactFadeIn","_classnames","WeakMap","propTypes","index","number","people","arrayOf","shape","image","name","string","occupation","description","Bio","props","windowWidth","setWindowWidth","useState","window","innerWidth","activeGroup","setActiveGroup","activePerson","setActivePerson","peopleGroups","useMemo","activePersonRef","useRef","useEffect","handleResize","addEventListener","removeEventListener","createElement","className","map","group","key","person","j","aria-expanded","id","onClick","type","bio__img--active","alt","srcSet","small","large","ref","aria-label","dangerouslySetInnerHTML","__html","_renderBio","document","querySelectorAll","forEach","mount","dataModel","JSON","parse","dataset","model","_reactDom","render","_BioApp","_extends","assign","bind","arguments","apply"],"mappings":"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","file":"bio-generated.js","sourcesContent":["(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()","import React, { useState, useMemo, useEffect, useRef } from \"react\";\r\nimport { arrayOf, shape, string, number } from \"prop-types\";\r\nimport chunk from \"lodash.chunk\";\r\nimport debounce from \"lodash.debounce\";\r\n\r\nimport FadeIn from \"react-fade-in\";\r\nimport cx from \"classnames\";\r\n\r\nconst propTypes = {\r\n  index: number,\r\n  people: arrayOf(\r\n    shape({\r\n      image: shape({}),\r\n      name: string,\r\n      occupation: string,\r\n      description: string,\r\n    }),\r\n  ),\r\n};\r\n\r\nconst Bio = (props) => {\r\n  const { index, people } = props;\r\n\r\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n  const [activeGroup, setActiveGroup] = useState(null);\r\n  const [activePerson, setActivePerson] = useState(null);\r\n\r\n  const mobileCutoff = 780;\r\n\r\n  const peopleGroups = useMemo(() => {\r\n    return windowWidth > mobileCutoff ? chunk(people, 3) : chunk(people, 2);\r\n  }, [people, windowWidth]);\r\n\r\n  const activePersonRef = useRef();\r\n\r\n  useEffect(() => {\r\n    const handleResize = debounce(() => setWindowWidth(window.innerWidth), 200);\r\n\r\n    window.addEventListener(\"resize\", handleResize);\r\n    return () => window.removeEventListener(\"resize\", handleResize);\r\n  });\r\n\r\n  return (\r\n    <section className=\"bio component\">\r\n      {peopleGroups &&\r\n        peopleGroups.map((group, i) => (\r\n          <div key={`group-${i}`}>\r\n            <div className=\"bio__people-group\">\r\n              {group &&\r\n                group.map((person, j) => (\r\n                  <button\r\n                    aria-expanded={activeGroup === i && activePerson === j}\r\n                    className=\"bio__person-button btn\"\r\n                    id={`${index}-person-${i}-${j}`}\r\n                    key={`${index}-group-${i}-thumbnail-${j}`}\r\n                    onClick={() => {\r\n                      if (activeGroup === i && activePerson === j) {\r\n                        setActiveGroup(null);\r\n                        setActivePerson(null);\r\n                      } else {\r\n                        setActiveGroup(i);\r\n                        setActivePerson(j);\r\n                      }\r\n                    }}\r\n                    type=\"button\"\r\n                  >\r\n                    {person.image && (\r\n                      <img\r\n                        className={cx(\"bio__img\", {\r\n                          \"bio__img--active\":\r\n                            activeGroup === i && activePerson === j,\r\n                        })}\r\n                        alt={person.image.alt}\r\n                        srcSet={`${person.image.small} 240w, ${person.image.large} 460w`}\r\n                      />\r\n                    )}\r\n                    <div className=\"bio__person\">\r\n                      {person.name && (\r\n                        <div className=\"bio__name bio__name--outer\">\r\n                          {person.name}\r\n                        </div>\r\n                      )}\r\n                      {person.occupation && (\r\n                        <div className=\"bio__occupation\">\r\n                          {person.occupation}\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  </button>\r\n                ))}\r\n            </div>\r\n            {group &&\r\n              group.map((person, j) =>\r\n                j === activePerson && activeGroup === i ? (\r\n                  <FadeIn key={`expand-${j}`}>\r\n                    <div\r\n                      ref={activePersonRef}\r\n                      id={`${index}-active-person`}\r\n                      className=\"bio__person-expand\"\r\n                    >\r\n                      {person.image && windowWidth > mobileCutoff ? (\r\n                        <button\r\n                          className=\"bio__person-expand-btn btn\"\r\n                          type=\"button\"\r\n                          aria-label=\"close bio\"\r\n                          onClick={() => {\r\n                            setActiveGroup(null);\r\n                            setActivePerson(null);\r\n                          }}\r\n                        >\r\n                          <img\r\n                            className=\"bio__img-expand\"\r\n                            alt={person.image.alt}\r\n                            srcSet={`${person.image.small} 240w, ${person.image.large} 460w`}\r\n                          />\r\n                        </button>\r\n                      ) : (\r\n                        <img\r\n                          className=\"bio__img-expand\"\r\n                          alt={person.image.alt}\r\n                          srcSet={`${person.image.small} 240w, ${person.image.large} 460w`}\r\n                        />\r\n                      )}\r\n                      <div className=\"bio__info-wrapper\">\r\n                        {person.name && (\r\n                          <div className=\"bio__name bio__name--inner\">\r\n                            {person.name}\r\n                          </div>\r\n                        )}\r\n                        {person.occupation && (\r\n                          <div className=\"bio__occupation bio__occupation--inner\">\r\n                            {person.occupation}\r\n                          </div>\r\n                        )}\r\n                        {person.description && (\r\n                          <div\r\n                            className=\"bio__description\"\r\n                            dangerouslySetInnerHTML={{\r\n                              __html: person.description,\r\n                            }}\r\n                          />\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  </FadeIn>\r\n                ) : null,\r\n              )}\r\n          </div>\r\n        ))}\r\n    </section>\r\n  );\r\n};\r\n\r\nBio.propTypes = propTypes;\r\nexport default Bio;\r\n","import renderBio from \"../renderBio.jsx\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  renderBio();\r\n});\r\n","import React from \"react\";\r\nimport ReactDom from \"react-dom\";\r\n\r\nimport BioApp from \"./BioApp.jsx\";\r\n\r\nexport default function renderBio() {\r\n  document.querySelectorAll(\".js-bio-mount\").forEach((mount, i) => {\r\n    const dataModel = JSON.parse(mount.dataset.model);\r\n\r\n    ReactDom.render(<BioApp index={i} {...dataModel} />, mount);\r\n  });\r\n}\r\n"]}