\n \n ))}\n \n \n )\n}\n","import React from 'react'\nimport {css} from '@emotion/react'\nimport {useElementSize} from '@kensho/tacklebox'\nimport {MDXProvider} from '@mdx-js/react'\nimport {graphql, PageProps} from 'gatsby'\nimport {MDXRenderer} from 'gatsby-plugin-mdx'\n\nimport NavigationProvider from '../providers/NavigationProvider'\nimport Cards from '../components/Cards'\nimport {articleMaxWidth} from '../constants'\nimport VersionProvider from '../providers/VersionProvider'\nimport {BaseVersionedPageContext, Mdx, PageEntry} from '../types'\n\nimport PageWithNav from './PageWithNav'\n\nconst articleCss = css`\n margin: auto;\n margin-top: 20px;\n max-width: ${articleMaxWidth}px;\n padding: 10px;\n`\n\ninterface SectionOverviewProps extends PageProps {\n data: {\n mdx: Mdx\n }\n pageContext: BaseVersionedPageContext & {\n section: string\n pages: PageEntry[]\n }\n}\n\nexport const pageQuery = graphql`\n query SectionOverviewMarkdownQuery($id: String) {\n mdx(id: {eq: $id}) {\n id\n body\n tableOfContents\n }\n }\n`\n\nexport default function SectionOverview({\n data: {mdx},\n pageContext: {version, versions, navList, section, pages, pageConfig},\n location,\n}: SectionOverviewProps): JSX.Element | null {\n const [{width}, sizeRef] = useElementSize()\n\n let cardsSize = 'lg'\n if (width < 700) {\n cardsSize = 'sm'\n } else if (width < 800) {\n cardsSize = 'md'\n }\n\n return (\n \n \n \n \n {mdx ? (\n \n {mdx.body}\n \n ) : (\n
{section}
\n )}\n \n \n \n \n \n )\n}\n","import _slicedToArray from \"/app/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";\nimport { useState, useCallback } from 'react';\nimport useResizeObserver from './useResizeObserver';\nimport areSizesEqual from './utils/areSizesEqual';\n/**\n * Tracks the measured size of an element.\n *\n * @returns The element's current size, and a callback ref to attach to the element.\n *\n * @see `useResizeObserver`, which this hook composes.\n * @see https://tacklebox.beta-p.kensho.com/useElementSize\n */\n\nexport default function useElementSize() {\n var _useState = useState({\n height: 0,\n width: 0\n }),\n _useState2 = _slicedToArray(_useState, 2),\n size = _useState2[0],\n setSize = _useState2[1];\n var ref = useResizeObserver(useCallback(function (nextSize) {\n setSize(function (prevSize) {\n // `nextSize` will always be a new object, but the state update can safely bail out if it's\n // equal by value to `prevSize`.\n if (areSizesEqual(prevSize, nextSize)) return prevSize;\n return nextSize;\n });\n }, []));\n return [size, ref];\n}","/** Determines whether two sizes are equal by value. */\nexport default function areSizesEqual(a, b) {\n return a.height === b.height && a.width === b.width;\n}","/**\n * Welcome to gatsby-plugin-mdx!\n *\n * Start reading in gatsby-node.js\n */\n\nconst MDXRenderer = require(`./mdx-renderer`)\n\nmodule.exports = {\n MDXRenderer: MDXRenderer,\n}\n","const React = require(`react`)\nconst { mdx } = require(`@mdx-js/react`)\nconst { useMDXScope } = require(`./context`)\n\nmodule.exports = function MDXRenderer({\n scope,\n children,\n ...props\n}) {\n const mdxScope = useMDXScope(scope)\n\n // Memoize the compiled component\n const End = React.useMemo(() => {\n if (!children) {\n return null\n }\n\n const fullScope = {\n // React is here just in case the user doesn't pass them in\n // in a manual usage of the renderer\n React,\n mdx,\n ...mdxScope,\n }\n\n const keys = Object.keys(fullScope)\n const values = keys.map(key => fullScope[key])\n const fn = new Function(`_fn`, ...keys, `${children}`)\n\n return fn({}, ...values)\n }, [children, scope])\n\n return React.createElement(End, {...props })\n}\n"],"names":["generateGridPlacementCss","numColumns","maxItems","styleObj","i","msGridColumn","msGridRow","Math","ceil","css","IEGridCss","gridCss","gridItemCss","cardCss","titleCss","descriptionCss","Cards","className","title","items","pathPrefix","map","item","key","url","onClick","navigate","normalizePath","onKeyPress","event","description","articleCss","articleMaxWidth","SectionOverview","_useState","_useState2","size","setSize","mdx","data","pageContext","version","versions","navList","section","pages","pageConfig","location","useState","height","width","useResizeObserver","useCallback","nextSize","prevSize","b","a","sizeRef","cardsSize","VersionProvider","NavigationProvider","tableOfContents","PageWithNav","ref","MDXProvider","MDXRenderer","body","latest","identifier","require","module","exports","React","useMDXScope","scope","children","props","mdxScope","End","useMemo","fullScope","keys","Object","values","Function","createElement"],"sourceRoot":""}