{"version":3,"sources":["webpack:///./src/templates/components/ExternalLinkSvg/index.js","webpack:///./src/components/Flex/Flex.js","webpack:///./src/components/Flex/index.js","webpack:///./src/components/LayoutHeader/Header.js","webpack:///./src/utils/patchDOMForGoogleTranslate.js","webpack:///./src/components/SocialBanner/index.js","webpack:///./src/images/oss_logo.png","webpack:///./src/templates/components/MetaTitle/index.js","webpack:///./src/components/SurveyBanner/SurveyBanner.js","webpack:///./src/components/LayoutFooter/FooterLink.js","webpack:///./content/docs/nav.yml","webpack:///./node_modules/gatsby/node_modules/core-js/internals/create-html.js","webpack:///./content/tutorial/nav.yml","webpack:///./src/components/LayoutFooter/SectionLinks.js","webpack:///./src/components/LayoutHeader/DocSearch.js","webpack:///./src/components/LayoutFooter/Footer.js","webpack:///./src/components/LayoutFooter/FooterNav.js","webpack:///./node_modules/gatsby/node_modules/core-js/internals/string-html-forced.js","webpack:///./src/components/LayoutFooter/index.js","webpack:///./src/components/LayoutHeader/index.js","webpack:///./src/components/Layout/index.js","webpack:///./src/components/Container/Container.js","webpack:///./src/site-constants.js","webpack:///./src/components/Container/index.js","webpack:///./content/headerNav.yml","webpack:///./src/components/SurveyBanner/index.js","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es.string.small.js","webpack:///./content/community/nav.yml","webpack:///./src/components/SocialBanner/SocialBanner.js","webpack:///./src/components/LayoutHeader/HeaderLink.js","webpack:///./content/footerNav.yml","webpack:///./src/utils/sectionList.js","webpack:///./src/components/Layout/Layout.js","webpack:///./src/components/LayoutFooter/ExternalFooterLink.js","webpack:///./src/icons/logo.svg"],"names":["ExternalLinkSvg","cssProps","x","y","viewBox","width","height","css","fill","d","points","Flex","basis","children","direction","grow","halign","shrink","type","valign","rest","createElement","display","flexDirection","flexGrow","flexShrink","flexBasis","justifyContent","alignItems","ContainerWrapper","backgroundColor","LanguagesIcon","xmlns","Header","location","colors","darker","color","white","position","zIndex","top","left","style","media","size","lessThan","marginRight","brand","outline","greaterThan","flex","to","src","logoSvg","alt","marginLeft","fontWeight","fontSize","lineHeight","marginTop","overflow","clip","margin","padding","border","overflowX","overflowY","WebkitOverflowScrolling","scrollbarWidth","msOverflowStyle","maskImage","navHeader","items","map","link","key","title","isActive","pathname","includes","activeSelector","whiteSpace","fonts","small","lighter","borderRadius","version","href","target","rel","verticalAlign","subtle","patchDOMForGoogleTranslate","Node","prototype","originalRemoveChild","removeChild","child","parentNode","this","console","error","apply","arguments","originalInsertBefore","insertBefore","newNode","referenceNode","SocialBanner","module","exports","MetaTitle","onDark","subtleOnDark","textTransform","textAlign","letterSpacing","linkProps","SurveyBanner","preserveAspectRatio","transform","text","transition","background","cursor","onClick","window","__dismissSurveyBanner","FooterLink","requireObjectCoercible","quot","string","tag","attribute","value","S","String","p1","replace","SectionLinks","links","item","external","DocSearch","state","enabled","componentDidMount","docsearch","apiKey","indexName","inputSelector","warn","setState","render","paddingLeft","paddingRight","minWidth","appearance","fontFamily","backgroundImage","backgroundSize","backgroundRepeat","backgroundPositionY","backgroundPositionX","id","placeholder","aria-label","Component","Footer","layoutHasSidebar","paddingTop","paddingBottom","flexWrap","between","navFooter","docs","sectionListDocs","section","defaultItem","channels","community","sectionListCommunity","more","order","maxWidth","ossLogoPng","Date","getFullYear","FooterNav","fails","METHOD_NAME","test","toLowerCase","split","length","Layout","Container","urlRoot","babelURL","$","createHTML","proto","forced","forcedStringHTMLMethod","activeStyle","activeAfterStyle","bottom","right","HeaderLink","navDocs","directory","navCommunity","Template","props","match","minHeight","ExternalFooterLink"],"mappings":"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","file":"commons-a15c7dae9de9e56f811b.js","sourcesContent":["/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport React from 'react';\n\nconst ExternalLinkSvg = ({cssProps = {}}: {cssProps: Object}) => (\n  <svg\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 100 100\"\n    width={15}\n    height={15}\n    css={cssProps}>\n    <path\n      fill=\"currentColor\"\n      d={`\n      M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,\n      0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z\n    `}\n    />\n    <polygon\n      fill=\"currentColor\"\n      points={`\n      45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,\n      14.9 62.8,22.9 71.5,22.9\n      `}\n    />\n  </svg>\n);\n\nexport default ExternalLinkSvg;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport {createElement} from 'glamor/react';\n\nimport type {Node} from 'react';\n\ntype Props = {\n  basis: string,\n  children: Node,\n  direction: string,\n  grow: number,\n  halign: string,\n  shrink: number,\n  type: string,\n  valign: string,\n  rest: Array<any>,\n};\n\n/**\n * Convenience component for declaring a flexbox layout.\n */\nconst Flex = ({\n  basis = 'auto',\n  children,\n  direction = 'row',\n  grow = 0,\n  halign = 'flex-start',\n  shrink = 1,\n  type = 'div',\n  valign = 'flex-start',\n  ...rest\n}: Props) =>\n  createElement(\n    type,\n    {\n      css: {\n        display: 'flex',\n        flexDirection: direction,\n        flexGrow: grow,\n        flexShrink: shrink,\n        flexBasis: basis,\n        justifyContent: direction === 'row' ? halign : valign,\n        alignItems: direction === 'row' ? valign : halign,\n      },\n      ...rest,\n    },\n    children,\n  );\n\nexport default Flex;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Flex from './Flex';\n\nexport default Flex;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport SurveyBanner from 'components/SurveyBanner';\nimport SocialBanner from 'components/SocialBanner';\nimport Container from 'components/Container';\nimport HeaderLink from './HeaderLink';\nimport {Link} from 'gatsby';\nimport React from 'react';\nimport {colors, fonts, media} from 'theme';\nimport {version} from 'site-constants';\nimport ExternalLinkSvg from 'templates/components/ExternalLinkSvg';\nimport DocSearch from './DocSearch';\n\n// $FlowFixMe\nimport navHeader from '../../../content/headerNav.yml';\n\nimport logoSvg from 'icons/logo.svg';\n\nconst ContainerWrapper = ({children}) => (\n  <div\n    css={{\n      backgroundColor: 'hsl(222, 14%, 10%)',\n    }}>\n    {children}\n  </div>\n);\n\nconst Header = ({location}: {location: Location}) => (\n  <header\n    css={{\n      backgroundColor: colors.darker,\n      color: colors.white,\n      position: 'fixed',\n      zIndex: 1,\n      width: '100%',\n      top: 0,\n      left: 0,\n      '@media print': {\n        display: 'none',\n      },\n    }}>\n    <ContainerWrapper>\n      <Container>\n        <div style={{position: 'relative'}}>\n          <SurveyBanner />\n          <SocialBanner />\n        </div>\n      </Container>\n    </ContainerWrapper>\n    <Container>\n      <div\n        css={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          height: 'var(--header-height-large)',\n          [media.size('medium')]: {\n            height: 'var(--header-height-normal)',\n          },\n          [media.lessThan('small')]: {\n            height: 'var(--header-height-small)',\n          },\n        }}>\n        <Link\n          css={{\n            display: 'flex',\n            marginRight: 10,\n            height: '100%',\n            alignItems: 'center',\n            color: colors.brand,\n\n            ':focus': {\n              outline: 0,\n              color: colors.white,\n            },\n\n            [media.greaterThan('small')]: {\n              width: 'calc(100% / 6)',\n            },\n            [media.lessThan('small')]: {\n              flex: '0 0 auto',\n            },\n          }}\n          to=\"/\">\n          <img src={logoSvg} alt=\"\" height=\"20\" />\n          <span\n            css={{\n              color: 'inherit',\n              marginLeft: 10,\n              fontWeight: 700,\n              fontSize: 20,\n              lineHeight: '20px',\n              [media.lessThan('large')]: {\n                fontSize: 16,\n                marginTop: 1,\n              },\n              [media.lessThan('small')]: {\n                // Visually hidden\n                position: 'absolute',\n                overflow: 'hidden',\n                clip: 'rect(0 0 0 0)',\n                height: 1,\n                width: 1,\n                margin: -1,\n                padding: 0,\n                border: 0,\n              },\n            }}>\n            React\n          </span>\n        </Link>\n\n        <nav\n          css={{\n            flex: '1',\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'stretch',\n            overflowX: 'auto',\n            overflowY: 'hidden',\n            WebkitOverflowScrolling: 'touch',\n            height: '100%',\n\n            // Hide horizontal scrollbar\n            scrollbarWidth: 'none',\n            msOverflowStyle: 'none',\n            '::-webkit-scrollbar': {\n              display: 'none',\n            },\n\n            [media.size('xsmall')]: {\n              flexGrow: '1',\n              width: 'auto',\n            },\n            [media.greaterThan('xlarge')]: {\n              width: null,\n            },\n            [media.lessThan('small')]: {\n              maskImage:\n                'linear-gradient(to right, transparent, black 20px, black 90%, transparent)',\n            },\n          }}>\n          {navHeader.items.map(link => (\n            <HeaderLink\n              key={link.title}\n              isActive={location.pathname.includes(link.activeSelector)}\n              title={link.title}\n              to={link.to}\n            />\n          ))}\n        </nav>\n\n        <DocSearch />\n\n        <div\n          css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-end',\n            width: 'auto',\n\n            //[media.lessThan('medium')]: {\n            //width: 'auto',\n            //},\n            //[media.greaterThan('large')]: {\n            //width: 'calc(100% / 4)',\n            //},\n          }}>\n          <Link\n            css={{\n              padding: '5px 10px',\n              whiteSpace: 'nowrap',\n              ...fonts.small,\n\n              ':hover': {\n                color: colors.brand,\n              },\n\n              ':focus': {\n                outline: 0,\n                backgroundColor: colors.lighter,\n                borderRadius: 15,\n              },\n\n              [media.lessThan('medium')]: {\n                display: 'none',\n              },\n            }}\n            to=\"/versions\">\n            v{version}\n          </Link>\n          <Link\n            css={{\n              display: 'flex',\n              alignItems: 'center',\n              padding: '5px 10px',\n              whiteSpace: 'nowrap',\n              ...fonts.small,\n\n              ':hover': {\n                color: colors.brand,\n              },\n\n              ':focus': {\n                outline: 0,\n                backgroundColor: colors.lighter,\n                borderRadius: 15,\n              },\n            }}\n            to=\"/languages\">\n            <LanguagesIcon />{' '}\n            <span\n              css={{\n                marginLeft: '0.5rem',\n\n                [media.lessThan('medium')]: {\n                  display: 'none',\n                },\n              }}>\n              Languages\n            </span>\n          </Link>\n          <a\n            css={{\n              padding: '5px 10px',\n              marginLeft: 10,\n              whiteSpace: 'nowrap',\n              ...fonts.small,\n\n              ':hover': {\n                color: colors.brand,\n              },\n\n              ':focus': {\n                outline: 0,\n                backgroundColor: colors.lighter,\n                borderRadius: 15,\n              },\n\n              [media.lessThan('large')]: {\n                display: 'none',\n              },\n            }}\n            href=\"https://github.com/facebook/react/\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            GitHub\n            <ExternalLinkSvg\n              cssProps={{\n                marginLeft: 5,\n                verticalAlign: -2,\n                color: colors.subtle,\n              }}\n            />\n          </a>\n        </div>\n      </div>\n    </Container>\n  </header>\n);\n\nconst LanguagesIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\">\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      css={{fill: 'currentColor'}}\n      d=\"\n        M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5\n        7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09\n        5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62\n        7l1.62-4.33L19.12 17h-3.24z\n      \"\n    />\n  </svg>\n);\n\nexport default Header;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\n// This is not pretty.\n// See https://github.com/facebook/react/issues/11538#issuecomment-417504600\n// We need this because we don't even offer official translations.\n// https://github.com/facebook/react/issues/12460\n\nexport default function patchDOMForGoogleTranslate() {\n  if (typeof Node !== 'function' || Node.prototype == null) {\n    return;\n  }\n\n  // $FlowFixMe Intentionally monkepatching.\n  const originalRemoveChild = Node.prototype.removeChild;\n  // $FlowFixMe Intentionally monkepatching.\n  Node.prototype.removeChild = function(child) {\n    if (child.parentNode !== this) {\n      if (typeof console !== 'undefined') {\n        console.error(\n          'Cannot remove a child from a different parent',\n          child,\n          this,\n        );\n      }\n      return child;\n    }\n    return originalRemoveChild.apply(this, arguments);\n  };\n\n  // $FlowFixMe Intentionally monkepatching.\n  const originalInsertBefore = Node.prototype.insertBefore;\n  // $FlowFixMe Intentionally monkepatching.\n  Node.prototype.insertBefore = function(newNode, referenceNode) {\n    if (referenceNode && referenceNode.parentNode !== this) {\n      if (typeof console !== 'undefined') {\n        console.error(\n          'Cannot insert before a reference node from a different parent',\n          referenceNode,\n          this,\n        );\n      }\n      return newNode;\n    }\n    return originalInsertBefore.apply(this, arguments);\n  };\n}\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport SocialBanner from './SocialBanner';\n\nexport default SocialBanner;\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVQAAABaCAMAAADQMV5DAAAC3FBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+GTFYVAAAA9HRSTlMAG7O/KQR48v/+hA5W2+piObG8RBSU/fehIG7stSWl9nkIStbYU0XN4FUvrHoDcOi3OAuLmheOmRVm4rtBNbDucsnfXlDUJpuGB3vtM3+mHBKMEF3FSDzmaMLpWN7PRh2XkAaAo3X4riuiBctS3WAxtvFx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\"","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport React from 'react';\nimport {colors} from 'theme';\n\nconst MetaTitle = ({children, title, cssProps = {}, onDark = false}) => (\n  <div\n    css={{\n      color: onDark ? colors.subtleOnDark : colors.subtle,\n      fontSize: 14,\n      fontWeight: 700,\n      lineHeight: 3,\n      textTransform: 'uppercase',\n      textAlign: 'start',\n      letterSpacing: '0.08em',\n      ...cssProps,\n    }}>\n    {children}\n  </div>\n);\n\nexport default MetaTitle;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\n// $FlowFixMe Update Flow\nimport React from 'react';\nimport {colors, fonts, media} from 'theme';\nimport ExternalLinkSvg from 'templates/components/ExternalLinkSvg';\n\nconst linkProps = {\n  href: 'https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2',\n  target: '_blank',\n  rel: 'noopener',\n};\n\nexport default function SurveyBanner() {\n  return (\n    <div\n      css={{\n        display: 'var(--survey-banner-display)',\n        height: 'var(--survey-banner-height-normal)',\n        fontSize: 18,\n        [media.lessThan('large')]: {\n          fontSize: 16,\n        },\n        [media.lessThan('small')]: {\n          height: 'var(--survey-banner-height-small)',\n          fontSize: 14,\n        },\n      }}>\n      <div\n        css={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100%',\n        }}>\n        <a\n          css={{\n            display: 'flex',\n            marginRight: '1rem',\n            [media.lessThan('medium')]: {\n              display: 'none',\n            },\n          }}\n          {...linkProps}>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            css={{\n              width: 'auto',\n              height: 35,\n            }}\n            preserveAspectRatio=\"xMidYMid meet\"\n            viewBox=\"0 0 134 58\">\n            <g>\n              <path\n                fill={colors.white}\n                d=\"m60.25002,1.61335l32.24974,1.38664l25.24993,5.24999l10.99997,7.99998l3.74999,8.24998l-1.5,8.24998l-6.24998,5.24999l-10.49997,5.24999l-8.99998,2.24999l0.25,2.99999l4.99999,3.74999c0.00018,0.11336 8.50016,3.11335 8.50016,3.11335c0,0 -11.49997,0.5 -11.50015,0.38664c0.00018,0.11336 -13.24979,-1.38664 -13.24996,-1.5c0.00018,0.11336 -4.49981,-2.63663 -4.49999,-2.74999c0.00018,0.11336 -2.74981,-1.63664 -2.74999,-1.75c0.00018,0.11336 -7.9998,1.36336 -7.99998,1.25c0.00018,0.11336 -25.24976,1.61336 -25.24993,1.5c0.00018,0.11336 -21.99976,-1.38664 -21.99994,-1.5c0.00018,0.11336 -17.74978,-3.38663 -17.74995,-3.49999c0.00018,0.11336 -9.7498,-6.38662 -9.74997,-6.49998c0.00018,0.11336 -3.24982,-6.38662 -3.24999,-6.49998c0.00018,0.11336 2.00017,-9.88662 1.99999,-9.99997c0.00018,0.11336 7.75016,-9.38662 7.74998,-9.49997c0.00018,0.11336 19.75012,-9.38662 19.74995,-9.49997c0.00018,0.11336 23.50012,-4.13663 23.49994,-4.24999\"\n              />\n\n              <rect\n                transform=\"rotate(-5 37.25019073486327,27.62502670288089)\"\n                height=\"18\"\n                width=\"18\"\n                y=\"18.62503\"\n                x=\"25.7502\"\n                fill=\"#ccc\"\n              />\n              <rect\n                transform=\"rotate(-5 66.00012207031251,28.125024795532198)\"\n                height=\"18\"\n                width=\"18\"\n                y=\"19.37502\"\n                x=\"56.00012\"\n                fill=\"#ccc\"\n              />\n              <rect\n                transform=\"rotate(-5 91.75005340576159,25.875030517578093)\"\n                height=\"18\"\n                width=\"18\"\n                y=\"19\"\n                x=\"85.00004\"\n                fill=\"#ccc\"\n              />\n\n              <g transform=\"translate(0,58) scale(0.10000000149011612,-0.10000000149011612) \">\n                <path\n                  fill={colors.white}\n                  d=\"m570,574c-14,-2 -65,-9 -115,-15c-139,-18 -275,-69 -356,-134c-75,-60 -115,-163 -88,-226c41,-99 236,-151 564,-150c122,1 210,6 246,14c51,13 57,12 67,-4c28,-44 237,-67 326,-35l40,14l-45,6c-86,13 -100,18 -130,44c-29,24 -30,27 -13,34c18,8 18,8 0,5c-53,-6 -4,-72 69,-93c49,-14 49,-14 -51,-9c-117,7 -159,16 -189,45c-18,17 -26,18 -56,9c-18,-5 -114,-13 -211,-16c-165,-5 -197,-3 -363,23c-207,34 -284,116 -224,241c57,119 236,203 479,225c197,18 545,-20 671,-74c110,-47 157,-153 104,-234c-14,-22 -97,-73 -150,-92c-16,-6 -23,-11 -15,-11c25,-2 133,54 162,84c59,59 56,147 -9,211c-33,34 -97,68 -146,79c-124,27 -166,35 -257,44c-124,12 -275,19 -310,15z\"\n                />\n                <path\n                  fill={colors.text}\n                  d=\"m377.00009,403.25c-1,-10 -16,-47 -34,-82l-33,-63l-21,36c-24,40 -29,42 -56,21c-21,-16 -18,-22 43,-90l33,-38l19,24c10,13 35,49 56,79c20,30 48,67 62,82c13,15 23,30 20,32c-2,2 -23,7 -46,11c-38,6 -43,4 -43,-12z\"\n                />\n                <path\n                  fill={colors.text}\n                  d=\"m674.7493,403c-1,-10 -16,-47 -34,-82l-33,-63l-21,36c-24,40 -29,42 -56,21c-21,-16 -18,-22 43,-90l33,-38l19,24c10,13 35,49 56,79c20,30 48,67 62,82c13,15 23,30 20,32c-2,2 -23,7 -46,11c-38,6 -43,4 -43,-12z\"\n                />\n                <path\n                  fill={colors.text}\n                  d=\"m965.49854,402.99999c-1,-10 -16,-47 -34,-82l-33,-63l-21,36c-24,40 -29,42 -56,21c-21,-16 -18,-22 43,-90l33,-38l19,24c10,13 35,49 56,79c20,30 48,67 62,82c13,15 23,30 20,32c-2,2 -23,7 -46,11c-38,6 -43,4 -43,-12z\"\n                />\n              </g>\n            </g>\n          </svg>\n        </a>\n\n        <span\n          css={{\n            display: 'flex',\n            [media.lessThan('small')]: {\n              flexDirection: 'column',\n              lineHeight: 1.5,\n            },\n          }}>\n          <span\n            css={{\n              marginRight: '0.5rem',\n            }}>\n            We want to hear from you!\n          </span>\n\n          <a\n            css={{\n              color: '#ddd',\n              transition: 'color 200ms ease-out',\n              ':hover': {\n                color: colors.white,\n              },\n            }}\n            {...linkProps}\n            target=\"_blank\"\n            rel=\"noopener\">\n            <span css={{color: colors.brand}}>\n              Take our 2021 Community Survey!\n            </span>\n            <ExternalLinkSvg\n              cssProps={{\n                verticalAlign: -2,\n                display: 'inline-block',\n                marginLeft: '0.5rem',\n                color: 'inherit',\n              }}\n            />\n          </a>\n        </span>\n\n        <div css={{display: 'flex', justifyContent: 'flex-end', flexGrow: 1}}>\n          <button\n            css={{\n              background: 'transparent',\n              padding: '0.25rem 0.5rem',\n              borderRadius: '0.25rem',\n              border: 0,\n              backgroundColor: 'hsl(222, 14%, 30%)',\n              color: '#ddd',\n              cursor: 'pointer',\n              transition: 'color 200ms ease-out',\n              ':hover': {\n                color: colors.white,\n              },\n              marginLeft: '2rem',\n              fontSize: fonts.small.fontSize,\n            }}\n            onClick={() => {\n              // See html.js\n              window.__dismissSurveyBanner();\n            }}>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              css={{\n                width: 10,\n                height: 10,\n              }}\n              viewBox=\"0 0 5.8 5.8\"\n              alt=\"close\">\n              <path\n                d=\"M5.8 5.16L3.54 2.9 5.8.65 5.16 0 2.9 2.26.65 0 0 .65 2.26 2.9 0 5.16l.65.64L2.9 3.54 5.16 5.8l.64-.64z\"\n                fill=\"currentColor\"></path>\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport {Link} from 'gatsby';\nimport React from 'react';\nimport {colors} from 'theme';\n\nimport type {Node} from 'react';\n\ntype Props = {\n  children: Node,\n  target?: string,\n  to: string,\n};\n\nconst FooterLink = ({children, target, to}: Props) => (\n  <Link\n    css={{\n      lineHeight: 2,\n      ':hover': {\n        color: colors.brand,\n      },\n    }}\n    to={to}\n    target={target}>\n    {children}\n  </Link>\n);\n\nexport default FooterLink;\n","module.exports = [{\"title\":\"Installation\",\"items\":[{\"id\":\"getting-started\",\"title\":\"Getting Started\"},{\"id\":\"add-react-to-a-website\",\"title\":\"Add React to a Website\"},{\"id\":\"create-a-new-react-app\",\"title\":\"Create a New React App\"},{\"id\":\"cdn-links\",\"title\":\"CDN Links\"},{\"id\":\"release-channels\",\"title\":\"Release Channels\"}]},{\"title\":\"Main Concepts\",\"isOrdered\":true,\"items\":[{\"id\":\"hello-world\",\"title\":\"Hello World\"},{\"id\":\"introducing-jsx\",\"title\":\"Introducing JSX\"},{\"id\":\"rendering-elements\",\"title\":\"Rendering Elements\"},{\"id\":\"components-and-props\",\"title\":\"Components and Props\"},{\"id\":\"state-and-lifecycle\",\"title\":\"State and Lifecycle\"},{\"id\":\"handling-events\",\"title\":\"Handling Events\"},{\"id\":\"conditional-rendering\",\"title\":\"Conditional Rendering\"},{\"id\":\"lists-and-keys\",\"title\":\"Lists and Keys\"},{\"id\":\"forms\",\"title\":\"Forms\"},{\"id\":\"lifting-state-up\",\"title\":\"Lifting State Up\"},{\"id\":\"composition-vs-inheritance\",\"title\":\"Composition vs Inheritance\"},{\"id\":\"thinking-in-react\",\"title\":\"Thinking In React\"}]},{\"title\":\"Advanced Guides\",\"items\":[{\"id\":\"accessibility\",\"title\":\"Accessibility\"},{\"id\":\"code-splitting\",\"title\":\"Code-Splitting\"},{\"id\":\"context\",\"title\":\"Context\"},{\"id\":\"error-boundaries\",\"title\":\"Error Boundaries\"},{\"id\":\"forwarding-refs\",\"title\":\"Forwarding Refs\"},{\"id\":\"fragments\",\"title\":\"Fragments\"},{\"id\":\"higher-order-components\",\"title\":\"Higher-Order Components\"},{\"id\":\"integrating-with-other-libraries\",\"title\":\"Integrating with Other Libraries\"},{\"id\":\"jsx-in-depth\",\"title\":\"JSX In Depth\"},{\"id\":\"optimizing-performance\",\"title\":\"Optimizing Performance\"},{\"id\":\"portals\",\"title\":\"Portals\"},{\"id\":\"profiler\",\"title\":\"Profiler\"},{\"id\":\"react-without-es6\",\"title\":\"React Without ES6\"},{\"id\":\"react-without-jsx\",\"title\":\"React Without JSX\"},{\"id\":\"reconciliation\",\"title\":\"Reconciliation\"},{\"id\":\"refs-and-the-dom\",\"title\":\"Refs and the DOM\"},{\"id\":\"render-props\",\"title\":\"Render Props\"},{\"id\":\"static-type-checking\",\"title\":\"Static Type Checking\"},{\"id\":\"strict-mode\",\"title\":\"Strict Mode\"},{\"id\":\"typechecking-with-proptypes\",\"title\":\"Typechecking With PropTypes\"},{\"id\":\"uncontrolled-components\",\"title\":\"Uncontrolled Components\"},{\"id\":\"web-components\",\"title\":\"Web Components\"}]},{\"title\":\"API Reference\",\"items\":[{\"id\":\"react-api\",\"title\":\"React\",\"subitems\":[{\"id\":\"react-component\",\"title\":\"React.Component\"}]},{\"id\":\"react-dom\",\"title\":\"ReactDOM\"},{\"id\":\"react-dom-client\",\"title\":\"ReactDOMClient\"},{\"id\":\"react-dom-server\",\"title\":\"ReactDOMServer\"},{\"id\":\"dom-elements\",\"title\":\"DOM Elements\"},{\"id\":\"events\",\"title\":\"SyntheticEvent\"},{\"id\":\"test-utils\",\"title\":\"Test Utilities\"},{\"id\":\"test-renderer\",\"title\":\"Test Renderer\"},{\"id\":\"javascript-environment-requirements\",\"title\":\"JS Environment Requirements\"},{\"id\":\"glossary\",\"title\":\"Glossary\"}]},{\"title\":\"Hooks\",\"isOrdered\":true,\"items\":[{\"id\":\"hooks-intro\",\"title\":\"Introducing Hooks\"},{\"id\":\"hooks-overview\",\"title\":\"Hooks at a Glance\"},{\"id\":\"hooks-state\",\"title\":\"Using the State Hook\"},{\"id\":\"hooks-effect\",\"title\":\"Using the Effect Hook\"},{\"id\":\"hooks-rules\",\"title\":\"Rules of Hooks\"},{\"id\":\"hooks-custom\",\"title\":\"Building Your Own Hooks\"},{\"id\":\"hooks-reference\",\"title\":\"Hooks API Reference\"},{\"id\":\"hooks-faq\",\"title\":\"Hooks FAQ\"}]},{\"title\":\"Testing\",\"items\":[{\"id\":\"testing\",\"title\":\"Testing Overview\"},{\"id\":\"testing-recipes\",\"title\":\"Testing Recipes\"},{\"id\":\"testing-environments\",\"title\":\"Testing Environments\"}]},{\"title\":\"Contributing\",\"items\":[{\"id\":\"how-to-contribute\",\"title\":\"How to Contribute\"},{\"id\":\"codebase-overview\",\"title\":\"Codebase Overview\"},{\"id\":\"implementation-notes\",\"title\":\"Implementation Notes\"},{\"id\":\"design-principles\",\"title\":\"Design Principles\"}]},{\"title\":\"FAQ\",\"items\":[{\"id\":\"faq-ajax\",\"title\":\"AJAX and APIs\"},{\"id\":\"faq-build\",\"title\":\"Babel, JSX, and Build Steps\"},{\"id\":\"faq-functions\",\"title\":\"Passing Functions to Components\"},{\"id\":\"faq-state\",\"title\":\"Component State\"},{\"id\":\"faq-styling\",\"title\":\"Styling and CSS\"},{\"id\":\"faq-structure\",\"title\":\"File Structure\"},{\"id\":\"faq-versioning\",\"title\":\"Versioning Policy\"},{\"id\":\"faq-internals\",\"title\":\"Virtual DOM and Internals\"}]}]","var requireObjectCoercible = require('../internals/require-object-coercible');\n\nvar quot = /\"/g;\n\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\n// https://tc39.github.io/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = String(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","module.exports = [{\"title\":\"Tutorial\",\"items\":[{\"id\":\"before-we-start-the-tutorial\",\"title\":\"Before We Start the Tutorial\",\"href\":\"/tutorial/tutorial.html#before-we-start-the-tutorial\",\"forceInternal\":true,\"subitems\":[{\"id\":\"what-are-we-building\",\"title\":\"What Are We Building?\",\"href\":\"/tutorial/tutorial.html#what-are-we-building\",\"forceInternal\":true},{\"id\":\"prerequisites\",\"title\":\"Prerequisites\",\"href\":\"/tutorial/tutorial.html#prerequisites\",\"forceInternal\":true}]},{\"id\":\"setup-for-the-tutorial\",\"title\":\"Setup for the Tutorial\",\"href\":\"/tutorial/tutorial.html#setup-for-the-tutorial\",\"forceInternal\":true,\"subitems\":[{\"id\":\"setup-option-1-write-code-in-the-browser\",\"title\":\"Option 1: Write Code in the Browser\",\"href\":\"/tutorial/tutorial.html#setup-option-1-write-code-in-the-browser\",\"forceInternal\":true},{\"id\":\"setup-option-2-local-development-environment\",\"title\":\"Option 2: Local Development Environment\",\"href\":\"/tutorial/tutorial.html#setup-option-2-local-development-environment\",\"forceInternal\":true},{\"id\":\"help-im-stuck\",\"title\":\"Help, I'm Stuck!\",\"href\":\"/tutorial/tutorial.html#help-im-stuck\",\"forceInternal\":true}]},{\"id\":\"overview\",\"title\":\"Overview\",\"href\":\"/tutorial/tutorial.html#overview\",\"forceInternal\":true,\"subitems\":[{\"id\":\"what-is-react\",\"title\":\"What Is React?\",\"href\":\"/tutorial/tutorial.html#what-is-react\",\"forceInternal\":true},{\"id\":\"inspecting-the-starter-code\",\"title\":\"Inspecting the Starter Code\",\"href\":\"/tutorial/tutorial.html#inspecting-the-starter-code\",\"forceInternal\":true},{\"id\":\"passing-data-through-props\",\"title\":\"Passing Data Through Props\",\"href\":\"/tutorial/tutorial.html#passing-data-through-props\",\"forceInternal\":true},{\"id\":\"making-an-interactive-component\",\"title\":\"Making an Interactive Component\",\"href\":\"/tutorial/tutorial.html#making-an-interactive-component\",\"forceInternal\":true},{\"id\":\"developer-tools\",\"title\":\"Developer Tools\",\"href\":\"/tutorial/tutorial.html#developer-tools\",\"forceInternal\":true}]},{\"id\":\"completing-the-game\",\"title\":\"Completing the Game\",\"href\":\"/tutorial/tutorial.html#completing-the-game\",\"forceInternal\":true,\"subitems\":[{\"id\":\"lifting-state-up\",\"title\":\"Lifting State Up\",\"href\":\"/tutorial/tutorial.html#lifting-state-up\",\"forceInternal\":true},{\"id\":\"why-immutability-is-important\",\"title\":\"Why Immutability Is Important\",\"href\":\"/tutorial/tutorial.html#why-immutability-is-important\",\"forceInternal\":true},{\"id\":\"function-components\",\"title\":\"Function Components\",\"href\":\"/tutorial/tutorial.html#function-components\",\"forceInternal\":true},{\"id\":\"taking-turns\",\"title\":\"Taking Turns\",\"href\":\"/tutorial/tutorial.html#taking-turns\",\"forceInternal\":true},{\"id\":\"declaring-a-winner\",\"title\":\"Declaring a Winner\",\"href\":\"/tutorial/tutorial.html#declaring-a-winner\",\"forceInternal\":true}]},{\"id\":\"adding-time-travel\",\"title\":\"Adding Time Travel\",\"href\":\"/tutorial/tutorial.html#adding-time-travel\",\"forceInternal\":true,\"subitems\":[{\"id\":\"storing-a-history-of-moves\",\"title\":\"Storing a History of Moves\",\"href\":\"/tutorial/tutorial.html#storing-a-history-of-moves\",\"forceInternal\":true},{\"id\":\"lifting-state-up-again\",\"title\":\"Lifting State Up, Again\",\"href\":\"/tutorial/tutorial.html#lifting-state-up-again\",\"forceInternal\":true},{\"id\":\"showing-the-past-moves\",\"title\":\"Showing the Past Moves\",\"href\":\"/tutorial/tutorial.html#showing-the-past-moves\",\"forceInternal\":true},{\"id\":\"picking-a-key\",\"title\":\"Picking a Key\",\"href\":\"/tutorial/tutorial.html#picking-a-key\",\"forceInternal\":true},{\"id\":\"implementing-time-travel\",\"title\":\"Implementing Time Travel\",\"href\":\"/tutorial/tutorial.html#implementing-time-travel\",\"forceInternal\":true},{\"id\":\"wrapping-up\",\"title\":\"Wrapping Up\",\"href\":\"/tutorial/tutorial.html#wrapping-up\",\"forceInternal\":true}]}]}]","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @flow\n */\n\nimport React from 'react';\nimport ExternalFooterLink from './ExternalFooterLink';\nimport FooterLink from './FooterLink';\n\ntype Link = {|\n  title: string,\n  to: string,\n|};\n\ntype Props = {|\n  links: Array<Link>,\n|};\n\nconst SectionLinks = ({links}: Props) =>\n  links.map(item => {\n    if (item.external) {\n      return (\n        <ExternalFooterLink\n          key={item.title}\n          href={item.to}\n          target=\"_blank\"\n          rel=\"noopener\">\n          {item.title}\n        </ExternalFooterLink>\n      );\n    }\n\n    return (\n      <FooterLink key={item.title} to={item.to}>\n        {item.title}\n      </FooterLink>\n    );\n  });\n\nexport default SectionLinks;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport React, {Component} from 'react';\nimport {colors, media} from 'theme';\n\ntype State = {\n  enabled: boolean,\n};\n\nclass DocSearch extends Component<{}, State> {\n  state = {\n    enabled: true,\n  };\n  componentDidMount() {\n    // Initialize Algolia search.\n    // TODO Is this expensive? Should it be deferred until a user is about to search?\n    // eslint-disable-next-line no-undef\n    if (window.docsearch) {\n      window.docsearch({\n        apiKey: '36221914cce388c46d0420343e0bb32e',\n        indexName: 'react',\n        inputSelector: '#algolia-doc-search',\n      });\n    } else {\n      console.warn('Search has failed to load and now is being disabled');\n      this.setState({enabled: false});\n    }\n  }\n\n  render() {\n    const {enabled} = this.state;\n\n    return enabled ? (\n      <form\n        css={{\n          display: 'flex',\n          flex: '0 0 auto',\n          flexDirection: 'row',\n          alignItems: 'center',\n          paddingLeft: '0.25rem',\n          paddingRight: '0.25rem',\n          [media.lessThan('expandedSearch')]: {\n            justifyContent: 'flex-end',\n            marginRight: 10,\n          },\n          // TODO: Something like this could show the full search box in more cases\n          // but it currently breaks its expanding animation.\n          // [media.between('mediumSearch', 'largerSearch')]: {\n          //   width: 'calc(100% / 8)',\n          // },\n          [media.greaterThan('expandedSearch')]: {\n            minWidth: 100,\n            width: 'calc(100% / 5)',\n          },\n        }}>\n        <input\n          css={{\n            width: '100%',\n            appearance: 'none',\n            background: 'transparent',\n            border: 0,\n            color: colors.white,\n            fontSize: 18,\n            fontWeight: 300,\n            fontFamily: 'inherit',\n            position: 'relative',\n            padding: '4px 4px 4px 29px',\n            backgroundImage: 'url(/search.svg)',\n            backgroundSize: '16px 16px',\n            backgroundRepeat: 'no-repeat',\n            backgroundPositionY: 'center',\n            backgroundPositionX: '4px',\n\n            ':focus': {\n              outline: 0,\n              backgroundColor: colors.lighter,\n              borderRadius: '0.25rem',\n            },\n\n            [media.lessThan('expandedSearch')]: {\n              fontSize: 16,\n              width: '16px',\n              transition: 'width 0.2s ease, padding 0.2s ease',\n              paddingLeft: '16px',\n\n              ':focus': {\n                paddingLeft: '29px',\n                width: '8rem',\n                outline: 'none',\n              },\n            },\n          }}\n          id=\"algolia-doc-search\"\n          type=\"search\"\n          placeholder=\"Search\"\n          aria-label=\"Search docs\"\n        />\n      </form>\n    ) : null;\n  }\n}\n\nexport default DocSearch;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport Container from 'components/Container';\nimport ExternalFooterLink from './ExternalFooterLink';\nimport FooterLink from './FooterLink';\nimport FooterNav from './FooterNav';\nimport MetaTitle from 'templates/components/MetaTitle';\nimport SectionLinks from './SectionLinks';\nimport React from 'react';\nimport {colors, media} from 'theme';\nimport {sectionListCommunity, sectionListDocs} from 'utils/sectionList';\n\n// $FlowFixMe\nimport navFooter from '../../../content/footerNav.yml';\n\nimport ossLogoPng from 'images/oss_logo.png';\n\nconst Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (\n  <footer\n    css={{\n      backgroundColor: colors.darker,\n      color: colors.white,\n      paddingTop: 10,\n      paddingBottom: 50,\n\n      [media.size('sidebarFixed')]: {\n        paddingTop: 40,\n      },\n      '@media print': {\n        display: 'none',\n      },\n    }}>\n    <Container>\n      <div\n        css={{\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n\n          [media.between('small', 'medium')]: {\n            paddingRight: layoutHasSidebar ? 240 : null,\n          },\n\n          [media.between('large', 'largerSidebar')]: {\n            paddingRight: layoutHasSidebar ? 280 : null,\n          },\n          [media.between('largerSidebar', 'sidebarFixed', true)]: {\n            paddingRight: layoutHasSidebar ? 380 : null,\n          },\n        }}>\n        <div\n          css={{\n            flexWrap: 'wrap',\n            display: 'flex',\n\n            [media.lessThan('large')]: {\n              width: '100%',\n            },\n            [media.greaterThan('xlarge')]: {\n              width: 'calc(100% / 3 * 2)',\n              paddingLeft: 40,\n            },\n          }}>\n          <FooterNav layoutHasSidebar={layoutHasSidebar}>\n            <MetaTitle onDark={true}>{navFooter.docs.title}</MetaTitle>\n            {sectionListDocs.map(section => {\n              const defaultItem = section.items[0];\n              return (\n                <FooterLink\n                  to={`/docs/${defaultItem.id}.html`}\n                  key={section.title}>\n                  {section.title}\n                </FooterLink>\n              );\n            })}\n          </FooterNav>\n          <FooterNav layoutHasSidebar={layoutHasSidebar}>\n            <MetaTitle onDark={true}>{navFooter.channels.title}</MetaTitle>\n            <SectionLinks links={navFooter.channels.items} />\n          </FooterNav>\n          <FooterNav layoutHasSidebar={layoutHasSidebar}>\n            <MetaTitle onDark={true}>{navFooter.community.title}</MetaTitle>\n            <ExternalFooterLink\n              href={`https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md`}>\n              Code of Conduct\n            </ExternalFooterLink>\n            {sectionListCommunity.map(section => (\n              <FooterLink\n                to={`/community/${section.items[0].id}.html`}\n                key={section.title}>\n                {section.title}\n              </FooterLink>\n            ))}\n          </FooterNav>\n          <FooterNav layoutHasSidebar={layoutHasSidebar}>\n            <MetaTitle onDark={true}>{navFooter.more.title}</MetaTitle>\n            <SectionLinks links={navFooter.more.items} />\n            <ExternalFooterLink href=\"https://opensource.facebook.com/legal/privacy\">\n              Privacy\n            </ExternalFooterLink>\n            <ExternalFooterLink href=\"https://opensource.facebook.com/legal/terms\">\n              Terms\n            </ExternalFooterLink>\n          </FooterNav>\n        </div>\n        <section\n          css={{\n            paddingTop: 40,\n            display: 'block !important', // Override 'Installation' <style> specifics\n\n            [media.greaterThan('xlarge')]: {\n              width: 'calc(100% / 3)',\n              order: -1,\n            },\n            [media.greaterThan('large')]: {\n              order: -1,\n              width: layoutHasSidebar ? null : 'calc(100% / 3)',\n            },\n            [media.lessThan('large')]: {\n              textAlign: 'center',\n              width: '100%',\n              paddingTop: 40,\n            },\n          }}>\n          <a\n            href=\"https://opensource.facebook.com/projects/\"\n            target=\"_blank\"\n            rel=\"noopener\">\n            <img\n              alt=\"Facebook Open Source\"\n              css={{\n                maxWidth: 160,\n                height: 'auto',\n              }}\n              src={ossLogoPng}\n            />\n          </a>\n          <p\n            css={{\n              color: colors.subtleOnDark,\n              paddingTop: 15,\n            }}>\n            {`Copyright © ${new Date().getFullYear()} Meta Platforms, Inc.`}\n          </p>\n        </section>\n      </div>\n    </Container>\n  </footer>\n);\n\nexport default Footer;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport React from 'react';\nimport {media} from 'theme';\n\nimport type {Node} from 'react';\n\ntype Props = {\n  children: Node,\n  title?: string,\n  layoutHasSidebar: boolean,\n};\n\nconst FooterNav = ({children, title, layoutHasSidebar = false}: Props) => (\n  <div\n    css={{\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      width: '50%',\n      paddingTop: 40,\n\n      [media.size('sidebarFixed')]: {\n        paddingTop: 0,\n        width: '25%',\n      },\n    }}>\n    <div\n      css={{\n        display: 'inline-flex',\n        flexDirection: 'column',\n      }}>\n      {children}\n    </div>\n  </div>\n);\n\nexport default FooterNav;\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Footer from './Footer';\n\nexport default Footer;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Header from './Header';\n\nexport default Header;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Layout from './Layout';\n\nexport default Layout;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport React from 'react';\n\nimport {media} from 'theme';\n\nimport type {Node} from 'react';\n\n/**\n * This component wraps page content sections (eg header, footer, main).\n * It provides consistent margin and max width behavior.\n */\nconst Container = ({children}: {children: Node}) => (\n  <div\n    css={{\n      paddingLeft: 20,\n      paddingRight: 20,\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      [media.greaterThan('medium')]: {\n        width: '90%',\n      },\n\n      [media.size('xxlarge')]: {\n        maxWidth: 1260,\n      },\n    }}>\n    {children}\n  </div>\n);\n\nexport default Container;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @providesModule site-constants\n * @flow\n */\n\n// NOTE: We can't just use `location.toString()` because when we are rendering\n// the SSR part in node.js we won't have a proper location.\nconst urlRoot = 'https://reactjs.org';\nconst version = '18.2.0';\nconst babelURL = 'https://unpkg.com/babel-standalone@6.26.0/babel.min.js';\n\nexport {babelURL, urlRoot, version};\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport Container from './Container';\n\nexport default Container;\n","module.exports = {\"items\":[{\"title\":\"Docs\",\"to\":\"/docs/getting-started.html\",\"activeSelector\":\"/docs/\"},{\"title\":\"Tutorial\",\"to\":\"/tutorial/tutorial.html\",\"activeSelector\":\"/tutorial\"},{\"title\":\"Blog\",\"to\":\"/blog/\",\"activeSelector\":\"/blog\"},{\"title\":\"Community\",\"to\":\"/community/support.html\",\"activeSelector\":\"/community\"}]}","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n */\n\nimport SurveyBanner from './SurveyBanner';\n\nexport default SurveyBanner;\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.small` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.small\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('small') }, {\n  small: function small() {\n    return createHTML(this, 'small', '', '');\n  }\n});\n","module.exports = [{\"title\":\"Community Resources\",\"items\":[{\"id\":\"support\",\"title\":\"Support\"},{\"id\":\"team\",\"title\":\"Team\"},{\"id\":\"courses\",\"title\":\"Courses\"},{\"id\":\"examples\",\"title\":\"Examples\"},{\"id\":\"meetups\",\"title\":\"Meetups\"},{\"id\":\"conferences\",\"title\":\"Conferences\"},{\"id\":\"articles\",\"title\":\"Articles\"},{\"id\":\"podcasts\",\"title\":\"Podcasts\"},{\"id\":\"videos\",\"title\":\"Videos\"},{\"id\":\"external-resources\",\"title\":\"External Resources\"}]}]","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\n// $FlowFixMe Update Flow\nimport React from 'react';\nimport {colors, media} from 'theme';\n\nconst linkProps = {\n  href: 'https://beta.reactjs.org',\n  target: '_blank',\n  rel: 'noopener',\n};\n\nconst bannerText = 'Try out a preview of the new React Docs!';\nconst bannerLink = '👉 beta.reactjs.org';\n\nexport default function SocialBanner() {\n  return (\n    <div\n      css={{\n        display: 'var(--social-banner-display)',\n        height: 'var(--social-banner-height-normal)',\n        fontSize: 18,\n        fontWeight: 'bold',\n        [media.lessThan('large')]: {\n          fontSize: 16,\n        },\n        [media.lessThan('small')]: {\n          height: 'var(--social-banner-height-small)',\n          fontSize: 14,\n        },\n      }}>\n      <div\n        css={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100%',\n        }}>\n        <span\n          css={{\n            display: 'flex',\n            [media.lessThan('small')]: {\n              flexDirection: 'column',\n              lineHeight: 1.5,\n              textAlign: 'center',\n            },\n          }}>\n          <span\n            css={{\n              marginRight: '0.5rem',\n            }}>\n            {bannerText}\n          </span>\n\n          <a\n            css={{\n              color: colors.brand,\n            }}\n            {...linkProps}\n            target=\"_blank\"\n            rel=\"noopener\">\n            <span css={{color: colors.brand}}>{bannerLink}</span>\n          </a>\n        </span>\n      </div>\n    </div>\n  );\n}\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport {Link} from 'gatsby';\nimport React from 'react';\nimport {colors, media} from 'theme';\n\ntype Props = {\n  isActive: boolean,\n  title: string,\n  to: string,\n};\n\nconst HeaderLink = ({isActive, title, to}: Props) => (\n  <Link css={[style, isActive && activeStyle]} to={to}>\n    {title}\n    {isActive && <span css={activeAfterStyle} />}\n  </Link>\n);\n\nconst style = {\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  color: colors.white,\n  transition: 'color 0.2s ease-out',\n  paddingLeft: 15,\n  paddingRight: 15,\n  fontWeight: 300,\n\n  ':focus': {\n    outline: 0,\n    backgroundColor: colors.lighter,\n    color: colors.white,\n  },\n\n  [media.size('xsmall')]: {\n    paddingLeft: 8,\n    paddingRight: 8,\n  },\n\n  [media.between('small', 'medium')]: {\n    paddingLeft: 10,\n    paddingRight: 10,\n  },\n\n  [media.greaterThan('xlarge')]: {\n    paddingLeft: 20,\n    paddingRight: 20,\n    fontSize: 18,\n\n    ':hover:not(:focus)': {\n      color: colors.brand,\n    },\n  },\n};\n\nconst activeStyle = {\n  color: colors.brand,\n\n  [media.greaterThan('small')]: {\n    position: 'relative',\n  },\n};\n\nconst activeAfterStyle = {\n  [media.greaterThan('small')]: {\n    position: 'absolute',\n    bottom: -1,\n    height: 4,\n    background: colors.brand,\n    left: 0,\n    right: 0,\n    zIndex: 1,\n  },\n};\n\nexport default HeaderLink;\n","module.exports = {\"community\":{\"title\":\"Community\"},\"docs\":{\"title\":\"Docs\"},\"more\":{\"title\":\"More\",\"items\":[{\"title\":\"Tutorial\",\"to\":\"/tutorial/tutorial.html\"},{\"title\":\"Blog\",\"to\":\"/blog\"},{\"title\":\"Acknowledgements\",\"to\":\"/acknowledgements.html\"},{\"title\":\"React Native\",\"to\":\"https://reactnative.dev/\",\"external\":true}]},\"channels\":{\"title\":\"Channels\",\"items\":[{\"title\":\"GitHub\",\"to\":\"https://github.com/facebook/react\",\"external\":true},{\"title\":\"Stack Overflow\",\"to\":\"https://stackoverflow.com/questions/tagged/reactjs\",\"external\":true},{\"title\":\"Discussion Forums\",\"to\":\"https://reactjs.org/community/support.html#popular-discussion-forums\",\"external\":true},{\"title\":\"Reactiflux Chat\",\"to\":\"https://discord.gg/reactiflux\",\"external\":true},{\"title\":\"DEV Community\",\"to\":\"https://dev.to/t/react\",\"external\":true},{\"title\":\"Facebook\",\"to\":\"https://www.facebook.com/react\",\"external\":true},{\"title\":\"Twitter\",\"to\":\"https://twitter.com/reactjs\",\"external\":true}]}}","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\n// $FlowExpectedError\nimport navCommunity from '../../content/community/nav.yml';\n// $FlowExpectedError\nimport navDocs from '../../content/docs/nav.yml';\n// $FlowExpectedError\nimport navTutorial from '../../content/tutorial/nav.yml';\n\nconst sectionListDocs = navDocs.map((item: Object): Object => ({\n  ...item,\n  directory: 'docs',\n}));\n\nconst sectionListCommunity = navCommunity.map((item: Object): Object => ({\n  ...item,\n  directory: 'community',\n}));\n\nexport {\n  sectionListCommunity,\n  sectionListDocs,\n  navTutorial as sectionListTutorial,\n};\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport patchDOMForGoogleTranslate from 'utils/patchDOMForGoogleTranslate';\nimport React, {Component} from 'react';\nimport Flex from 'components/Flex';\nimport Footer from 'components/LayoutFooter';\nimport Header from 'components/LayoutHeader';\nimport {media} from 'theme';\n\npatchDOMForGoogleTranslate();\n\ntype Props = {\n  children: Function,\n  location: Location,\n};\n\nclass Template extends Component<Props> {\n  render() {\n    const {children, location} = this.props;\n\n    // TODO - is there a better way to check if we need we have a sidebar?\n    let layoutHasSidebar = false;\n    if (\n      location.pathname.match(\n        /^\\/(docs|tutorial|community|blog|contributing|warnings)/,\n      )\n    ) {\n      layoutHasSidebar = true;\n    }\n\n    return (\n      <div\n        css={{\n          display: 'flex',\n          flexDirection: 'column',\n          minHeight: 'calc(100vh - 40px)',\n        }}>\n        <Header location={location} />\n        <Flex\n          direction=\"column\"\n          shrink=\"0\"\n          grow=\"1\"\n          valign=\"stretch\"\n          css={{\n            flex: '1 0 auto',\n            marginTop:\n              'calc(var(--header-height-large) + var(--survey-banner-height-normal) + var(--social-banner-height-normal))',\n            [media.size('medium')]: {\n              marginTop:\n                'calc(var(--header-height-normal) + var(--survey-banner-height-normal) + var(--social-banner-height-normal))',\n            },\n            [media.lessThan('small')]: {\n              marginTop:\n                'calc(var(--header-height-small) + var(--survey-banner-height-small) + var(--social-banner-height-small))',\n            },\n          }}>\n          {children}\n        </Flex>\n        <Footer layoutHasSidebar={layoutHasSidebar} />\n      </div>\n    );\n  }\n}\n\nexport default Template;\n","/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * @emails react-core\n * @flow\n */\n\nimport React from 'react';\nimport {colors} from 'theme';\nimport ExternalLinkSvg from 'templates/components/ExternalLinkSvg';\n\nimport type {Node} from 'react';\n\ntype Props = {\n  children: Node,\n  href: string,\n  target?: string,\n  rel?: string,\n};\n\nconst ExternalFooterLink = ({children, href, target, rel}: Props) => (\n  <a\n    css={{\n      lineHeight: 2,\n      ':hover': {\n        color: colors.brand,\n      },\n    }}\n    href={href}\n    target={target}\n    rel={rel}>\n    {children}\n    <ExternalLinkSvg\n      cssProps={{\n        verticalAlign: -2,\n        display: 'inline-block',\n        marginLeft: 5,\n        color: colors.subtle,\n      }}\n    />\n  </a>\n);\n\nexport default ExternalFooterLink;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K\""],"sourceRoot":""}