{"version":3,"file":"component---src-pages-who-we-are-executive-directors-management-team-js-b6d0b11ea33d394e3c5d.js","mappings":"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","sources":["webpack://imf-2021/./src/components/read-next.js","webpack://imf-2021/./src/components/people-grid.js","webpack://imf-2021/./src/pages/who-we-are/executive-directors-management-team.js","webpack://imf-2021/./src/images/arrow.inline.svg"],"sourcesContent":["import React, { useState } from \"react\"\nimport Image from \"../components/image\"\nimport menuData from \"../data/menu.json\"\nimport findObject from \"../helpers/find-object\"\nimport { Link } from \"gatsby\"\nimport VisibilitySensor from \"react-visibility-sensor\"\n\nexport default function ReadNext({ sectionID, pageID }) {\n  const [loaded, setLoaded] = useState(false)\n  const onChange = isVisible => {\n    isVisible ? setLoaded(true) : setLoaded(false)\n  }\n\n  const menu = findObject(menuData, \"id\", sectionID)\n  const content =\n    menu && pageID ? findObject(menu.children, \"id\", pageID) : menu\n\n  return (\n    <div className=\"container container--max\">\n      <VisibilitySensor\n        onChange={onChange}\n        partialVisibility={true}\n        offset={{ bottom: 75 }}\n      >\n        <Link\n          className={`read-next ${\n            loaded ? \"read-next--show\" : \"read-next--hidden\"\n          }`}\n          to={content.href}\n        >\n          <header>Read Next</header>\n          <div className=\"read-next__inner\">\n            {content.thumbnail && (\n              <Image\n                path={content.thumbnail}\n                alt={`Read next: ${content.name}`}\n                className=\"read-next__image\"\n              />\n            )}\n            <div className=\"read-next__inner__content\">\n              <h4>{content.name}</h4>\n              {content.deck && (\n                <p className=\"read-next__deck\">{content.deck}</p>\n              )}\n            </div>\n          </div>\n        </Link>\n      </VisibilitySensor>\n    </div>\n  )\n}\n","import React, { useState, useRef, useEffect, useCallback } from \"react\"\nimport peopleData from \"../data/people.json\"\nimport Image from \"../components/image\"\nimport { slugify } from \"../helpers/strings\"\nimport IconClose from \"../images/close.inline.svg\"\nimport Arrow from \"../images/arrow.inline.svg\"\nimport Modal from \"react-modal\"\n\nexport default function PeopleGrid({\n  className,\n  overlayActive,\n  toggleOverlayVisibility,\n}) {\n  const [activeOverlayIndex, setActiveOverlayIndex] = useState(0)\n  const [activeGridIndex, setActiveGridIndex] = useState(0)\n  const [gridFocused, setGridFocus] = useState(false)\n  const totalSlides = peopleData.length\n  const forwardButton = useRef()\n  const backButton = useRef()\n  const peopleGrid = useRef()\n\n  const toggleOverlay = id => {\n    setActiveOverlayIndex(id)\n    toggleOverlayVisibility()\n  }\n\n  const overlayGoBack = useCallback(() => {\n    const previous =\n      activeOverlayIndex === 0 ? peopleData.length - 1 : activeOverlayIndex - 1\n    setActiveOverlayIndex(previous)\n  }, [activeOverlayIndex])\n\n  const overlayGoForward = useCallback(() => {\n    const next =\n      activeOverlayIndex === peopleData.length - 1 ? 0 : activeOverlayIndex + 1\n    setActiveOverlayIndex(next)\n  }, [activeOverlayIndex])\n\n  const gridGoBack = useCallback(() => {\n    const previous =\n      activeGridIndex === 0 ? peopleData.length - 1 : activeGridIndex - 1\n    setActiveGridIndex(previous)\n    const activeElement = document.activeElement.className\n    if (activeElement === \"people-grid__grid__button\") {\n      peopleGrid.current.children[previous].children[0].focus()\n    }\n  }, [activeGridIndex])\n\n  const gridGoForward = useCallback(() => {\n    const next =\n      activeGridIndex === peopleData.length - 1 ? 0 : activeGridIndex + 1\n    setActiveGridIndex(next)\n    const activeElement = document.activeElement.className\n    if (activeElement === \"people-grid__grid__button\") {\n      peopleGrid.current.children[next].children[0].focus()\n    }\n  }, [activeGridIndex])\n\n  const downHandler = useCallback(\n    ({ key }) => {\n      if ((key === \"ArrowLeft\" || key === \"Left\") && overlayActive) {\n        overlayGoBack()\n        backButton.current.focus()\n      }\n\n      if ((key === \"ArrowRight\" || key === \"Right\") && overlayActive) {\n        overlayGoForward()\n        forwardButton.current.focus()\n      }\n\n      if ((key === \"ArrowRight\" || key === \"Right\") && !overlayActive) {\n        gridGoForward()\n      }\n\n      if ((key === \"ArrowLeft\" || key === \"Left\") && !overlayActive) {\n        gridGoBack()\n      }\n\n      if ((key === \"Escape\" || key === \"Esc\") && overlayActive) {\n        toggleOverlayVisibility()\n      }\n    },\n    [\n      overlayGoBack,\n      overlayGoForward,\n      gridGoBack,\n      gridGoForward,\n      toggleOverlayVisibility,\n      overlayActive,\n    ]\n  )\n\n  const showGridInstructions = () => {\n    let userIsTabbing = document.body.classList.contains(\"user-is-tabbing\")\n    if (userIsTabbing) {\n      setGridFocus(true)\n    }\n  }\n\n  useEffect(() => {\n    document.addEventListener(\"keydown\", downHandler)\n    // Remove event listeners on cleanup\n    return () => {\n      document.removeEventListener(\"keydown\", downHandler)\n    }\n  }, [overlayActive, activeOverlayIndex, downHandler])\n\n  const getAlternatesText = alternatesArray => {\n    if (alternatesArray.length === 1) {\n      return \"Alternate\"\n    } else {\n      return \"Alternates\"\n    }\n  }\n\n  return (\n    <>\n      <section className={`people-grid ${className}`}>\n        <div\n          className={\n            gridFocused\n              ? `people-grid__instructions people-grid__instructions--focused`\n              : `people-grid__instructions`\n          }\n          aria-live=\"polite\"\n        >\n          {gridFocused &&\n            \"Use the left and right arrow keys on your keyboard to navigate\"}\n        </div>\n\n        <div role=\"grid\">\n          <div role=\"row\" className=\"people-grid__grid\" ref={peopleGrid}>\n            {peopleData.map((person, index) => (\n              <span role=\"gridcell\" key={index}>\n                <button\n                  onClick={() => toggleOverlay(index)}\n                  tabIndex={index === activeGridIndex ? 0 : -1}\n                  onFocus={() => showGridInstructions()}\n                  onBlur={() => setGridFocus(false)}\n                  className=\"people-grid__grid__button\"\n                >\n                  <figure>\n                    <Image\n                      path={`who-we-are/people/${slugify(person.name)}.jpg`}\n                      alt={`Photo of ${person.name}`}\n                    />\n                    <figcaption>\n                      {person.title && (\n                        <span className=\"title--micro title--light\">\n                          {person.title}\n                        </span>\n                      )}\n                      {person.name}\n                    </figcaption>\n                  </figure>\n                </button>\n              </span>\n            ))}\n          </div>\n        </div>\n      </section>\n\n      <Modal\n        isOpen={overlayActive}\n        overlayClassName=\"overlay people-grid__overlay\"\n        className=\"overlay__content people-grid__overlay__content\"\n        bodyOpenClassName=\"util__body-lock\"\n      >\n        <button\n          className=\"overlay__button overlay__button--close\"\n          onClick={() => toggleOverlayVisibility()}\n          aria-label=\"Close overlay\"\n          aria-controls=\"overlay\"\n          aria-hidden={overlayActive ? \"false\" : \"true\"}\n        >\n          <IconClose />\n        </button>\n\n        <div className=\"people-grid__overlay__inner\">\n          <div className=\"people-grid__overlay__info\">\n            <Image\n              path={`who-we-are/people/${slugify(\n                peopleData[activeOverlayIndex].name\n              )}.jpg`}\n              alt={peopleData[activeOverlayIndex].name}\n            />\n            <div className=\"people-grid__overlay__info__inner\">\n              <h3>{peopleData[activeOverlayIndex].name}</h3>\n              <h4>\n                {getAlternatesText(\n                  peopleData[activeOverlayIndex].alternates.split(\",\")\n                )}\n              </h4>\n              <p>{peopleData[activeOverlayIndex].alternates}</p>\n              <h4>Contituency</h4>\n              <p>{peopleData[activeOverlayIndex].contituency}</p>\n            </div>\n          </div>\n        </div>\n\n        <div\n          className=\"people-grid__overlay__controls\"\n          aria-hidden={overlayActive ? \"false\" : \"true\"}\n        >\n          <button\n            className=\"overlay__previous overlay__button\"\n            onClick={() => overlayGoBack()}\n            ref={backButton}\n            aria-label=\"Go to previous slide\"\n          >\n            <Arrow />\n          </button>\n\n          <div className=\"people-grid__overlay__controls__count\">\n            {activeOverlayIndex + 1} of {totalSlides}\n          </div>\n\n          <button\n            aria-label=\"Go to next slide\"\n            className=\"overlay__next overlay__button\"\n            ref={forwardButton}\n            onClick={() => overlayGoForward()}\n          >\n            <Arrow />\n          </button>\n        </div>\n      </Modal>\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport Layout from \"../../components/layout\"\nimport Image from \"../../components/image\"\nimport { AppendixWaypoint, Appendix } from \"../../components/appendix\"\nimport Hero from \"../../components/hero\"\nimport PeopleGrid from \"../../components/people-grid\"\nimport ReadNext from \"../../components/read-next\"\n\nconst PAGESLUG = \"executive-directors-management-team\"\n\nfunction ManagementPhoto({ image, name, title, classes }) {\n  return (\n    <div\n      className={\n        classes ? `management-team__photo ${classes}` : `management-team__photo`\n      }\n    >\n      <Image path={image} />\n      <div className=\"management-team__photo__info\">\n        <div className=\"management-team__photo__info__title\">{title}</div>\n        <div className=\"management-team__photo__info__name\">{name}</div>\n      </div>\n    </div>\n  )\n}\n\nexport default function IMFOrganizationChart() {\n  const [peopleOverlayActive, setPeopleOverlayActive] = useState(false)\n  const toggleOverlayVisibility = () => {\n    setPeopleOverlayActive(!peopleOverlayActive)\n  }\n\n  return (\n    <Layout>\n      <section className=\"page page--pullBottom text-block page--margin-medium\">\n        <Hero title=\"Executive Directors & Management Team\" />\n\n        <section className=\"executive-directors\">\n          <div className=\"executive-directors__right\">\n            <h2 style={{ marginBottom: 5 }}>\n              Executive Directors & Alternates\n            </h2>\n            <p className=\"title--s\" style={{ marginBottom: 20 }}>\n              <b>As of April 30, 2021</b>\n            </p>\n            <AppendixWaypoint page={PAGESLUG} id={1} />\n            <p>\n              <b>The Executive Board is responsible</b> for conducting the\n              day-to-day business of the IMF. It is composed of 24 Executive\n              Directors, who are elected by member countries or by groups of\n              countries, and the Managing Director, who serves as its Chair.\n            </p>\n            <p>\n              All IMF member countries are represented on its Executive Board,\n              which discusses the national, regional, and global consequences of\n              each member’s economic policies and approves IMF financing to help\n              member countries address temporary balance of payments problems,\n              as well as oversees the IMF’s capacity development efforts.\n            </p>\n            <button\n              className=\"cta--primary\"\n              onClick={() => setPeopleOverlayActive(!peopleOverlayActive)}\n            >\n              View Executive Directors\n            </button>\n          </div>\n          <div className=\"executive-directors__left\">\n            <PeopleGrid\n              id=\"Executive Directors\"\n              overlayActive={peopleOverlayActive}\n              toggleOverlayVisibility={toggleOverlayVisibility}\n            />\n          </div>\n        </section>\n\n        <section className=\"management-team\">\n          <div className=\"management-team__intro\">\n            <h2>Management Team</h2>\n            <p>\n              <b>The IMF has a Managing Director,</b> who is head of the staff\n              and Chair of the Executive Board. The Managing Director is\n              assisted by a First Deputy Managing Director and three other\n              Deputy Managing Directors.\n            </p>\n          </div>\n\n          <ManagementPhoto\n            image=\"who-we-are/people/mitsuhiro-furusawa.jpg\"\n            name=\"Mitsuhiro Furusawa\"\n            title=\"Deputy Managing Director\"\n            classes=\"util__desktop-only\"\n          />\n\n          <ManagementPhoto\n            image=\"who-we-are/people/tao-zhang.jpg\"\n            name=\"Tao Zhang\"\n            title=\"Deputy Managing Director\"\n            classes=\"util__desktop-only\"\n          />\n\n          <ManagementPhoto\n            image=\"who-we-are/people/kristalina-georgieva.jpg\"\n            name=\"Kristalina Georgieva\"\n            title=\"Managing Director\"\n          />\n\n          <ManagementPhoto\n            image=\"who-we-are/people/geoffrey-okamoto.jpg\"\n            name=\"Geoffrey W.S. Okamoto\"\n            title=\"First Deputy Managing Director\"\n          />\n\n          <ManagementPhoto\n            image=\"who-we-are/people/antoinette-sayeh.jpg\"\n            name=\"Antoinette Sayeh\"\n            title=\"Deputy Managing Director\"\n          />\n\n          <ManagementPhoto\n            image=\"who-we-are/people/mitsuhiro-furusawa.jpg\"\n            name=\"Mitsuhiro Furusawa\"\n            title=\"Deputy Managing Director\"\n            classes=\"util__mobile-only\"\n          />\n\n          <ManagementPhoto\n            image=\"who-we-are/people/tao-zhang.jpg\"\n            name=\"Tao Zhang\"\n            title=\"Deputy Managing Director\"\n            classes=\"util__mobile-only\"\n          />\n        </section>\n      </section>\n\n      <ReadNext sectionID=\"who-we-are\" pageID=\"resources\" />\n      <Appendix page={PAGESLUG} />\n    </Layout>\n  )\n}\n","var React = require('react');\n\nfunction ArrowInline (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M20.7207 9.64844L1.27925 9.64844\",\"stroke\":\"#004C97\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M11 18.2971L1.27928 9.64858L11 1.00004\",\"stroke\":\"#004C97\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"key\":1})]);\n}\n\nArrowInline.defaultProps = {\"width\":\"22\",\"height\":\"20\",\"viewBox\":\"0 0 22 20\",\"fill\":\"none\"};\n\nmodule.exports = ArrowInline;\n\nArrowInline.default = ArrowInline;\n"],"names":["ReadNext","sectionID","pageID","useState","loaded","setLoaded","menu","findObject","menuData","content","children","className","onChange","isVisible","partialVisibility","offset","bottom","Link","to","href","thumbnail","path","alt","name","deck","PeopleGrid","overlayActive","toggleOverlayVisibility","activeOverlayIndex","setActiveOverlayIndex","activeGridIndex","setActiveGridIndex","gridFocused","setGridFocus","totalSlides","peopleData","forwardButton","useRef","backButton","peopleGrid","overlayGoBack","useCallback","previous","overlayGoForward","next","gridGoBack","document","activeElement","current","focus","gridGoForward","downHandler","key","useEffect","addEventListener","removeEventListener","role","ref","person","index","onClick","tabIndex","onFocus","body","classList","contains","onBlur","slugify","title","isOpen","overlayClassName","bodyOpenClassName","alternates","split","length","contituency","PAGESLUG","ManagementPhoto","image","classes","IMFOrganizationChart","peopleOverlayActive","setPeopleOverlayActive","style","marginBottom","page","id","React","ArrowInline","props","createElement","defaultProps","module","exports","default"],"sourceRoot":""}