component---src-components-cms-pages-split-page-split-page-tsx-b9d5f1ece6f1279f3793.js.map

{"version":3,"sources":["webpack:///./src/components/cms/content-types/RichText/RichText.tsx","webpack:///./src/utils/cms/component-resolver.tsx","webpack:///./src/components/cms/content-types/Image/Image.tsx","webpack:///./src/components/cms/SplitContainer/SplitContainer.tsx","webpack:///./src/components/cms/pages/SplitPage/SplitPage.tsx"],"names":["_react","_interopRequireDefault","__webpack_require__","_RichTextModule","_classnames","_richTextTypes","_richTextReactRenderer","_AppLink","Text","children","default","createElement","className","Paragraph","node","data","ClassNames","RichText","doc","options","renderNode","[object Object]","BLOCKS","EMBEDDED_ENTRY","JSON","stringify","PARAGRAPH","INLINES","HYPERLINK","to","uri","content","value","ENTRY_HYPERLINK","toId","target","sys","id","documentToReactComponents","constructRichText","ContentTypes","_environment","_RichText","_Image","item","orgTypeId","contentType","typeId","charAt","toUpperCase","substring","Component","Image","fields","image","text","isDev","console","error","key","_ImageModule","img","src","file","url","_componentResolver","_SplitContainerModule","area1","area2","renderArea","index","items","map","SplitContainer","_SplitPageModule","_SplitContainer","props","pageContext","SplitPage"],"mappings":"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","file":"component---src-components-cms-pages-split-page-split-page-tsx-b9d5f1ece6f1279f3793.js","sourcesContent":["/*\n * https://www.contentful.com/developers/docs/javascript/tutorials/rendering-contentful-rich-text-with-javascript/\n * https://github.com/contentful/rich-text/tree/master/packages/rich-text-react-renderer\n * */\nimport React, { FunctionComponent } from 'react';\nimport ClassNames from './RichText.module.scss';\nimport classNames from 'classnames';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport { documentToReactComponents, Options } from '@contentful/rich-text-react-renderer';\nimport AppLink from '../../../../util-components/AppLink/AppLink';\n\ninterface Props {\n    className?: string;\n    data: any;\n}\n\nconst Text: FunctionComponent = ({ children }) => <p className=\"align-center\">{children}</p>;\n\nconst Paragraph = (node, children) => {\n    return <Text>{children}</Text>;\n};\n\nfunction constructRichText(doc) {\n    const options: Options = {\n        renderNode: {\n            [BLOCKS.EMBEDDED_ENTRY]: function EmbeddedEntry(node) {\n                return <div>{JSON.stringify(node)}</div>;\n            },\n            [BLOCKS.PARAGRAPH]: Paragraph,\n            [INLINES.HYPERLINK]: function HyperLink(node) {\n                return <AppLink to={node.data.uri}>{(node.content[0] as any).value}</AppLink>;\n            },\n            [INLINES.ENTRY_HYPERLINK]: function EntryHyperLink(node) {\n                return <AppLink toId={node.data.target.sys.id}>{(node.content[0] as any).value}</AppLink>;\n            },\n        },\n    };\n\n    return documentToReactComponents(doc, options);\n}\nconst RichText: FunctionComponent<Props> = ({ className, data }) => {\n    return <div className={classNames(ClassNames.RichText, className)}>{constructRichText(data)}</div>;\n};\n\nexport default RichText;\n","import { isDev } from '../environment/environment';\nimport RichText from '../../components/cms/content-types/RichText/RichText';\nimport Image from '../../components/cms/content-types/Image/Image';\nimport React, { ReactNode } from 'react';\n\nenum ContentTypes {\n    Image,\n    RichText,\n}\n\ninterface IContentFulItem {\n    sys: {\n        id: string;\n        contentType: {\n            sys: {\n                id: string;\n            };\n        };\n    };\n    [key: string]: any;\n}\n\nfunction getComponent(item: IContentFulItem): ReactNode {\n    const orgTypeId = item.sys.contentType.sys.id;\n    const typeId = orgTypeId.charAt(0).toUpperCase() + orgTypeId.substring(1);\n\n    const id = item.sys.id;\n    const type = ContentTypes[typeId];\n\n    let data;\n    let Component;\n    switch (type) {\n        case ContentTypes.Image:\n            Component = Image;\n            data = item.fields.image;\n            break;\n        case ContentTypes.RichText:\n            Component = RichText;\n            data = item.fields.text;\n            break;\n        default:\n            Component = function TBIComp(): ReactNode {\n                return <div>TO BE IMPLEMENTED ... unknown from CMS</div>;\n            };\n            data = item;\n            if (isDev()) {\n                console.error(`Missing implementation for CMS content type [${orgTypeId}]`);\n            }\n            break;\n    }\n    return <Component key={id} data={data} />;\n}\n\nexport default getComponent;\n","import React, { FunctionComponent } from 'react';\nimport ClassNames from './Image.module.scss';\nimport classNames from 'classnames';\n\ninterface Props {\n    className?: string;\n    data: any;\n}\n\nconst Image: FunctionComponent<Props> = ({ className, data }) => {\n    return (\n        <div className={classNames(ClassNames.Image, className)}>\n            <img className={ClassNames.img} src={data.fields.file.url} />\n        </div>\n    );\n};\n\nexport default Image;\n","import React, { FunctionComponent, ReactNode } from 'react';\nimport getComponent from '../../../utils/cms/component-resolver';\n\nimport ClassNames from './SplitContainer.module.scss';\n\ninterface Props {\n    area1: any[];\n    area2: any[];\n}\n\nconst SplitContainer: FunctionComponent<Props> = ({ area1, area2 }) => {\n    function renderArea(index: number, items: any[]): ReactNode {\n        return (\n            <div className={ClassNames['area' + index]}>\n                <h3>Area{index} from CMS SplitContainer</h3>\n                <div>{items.map(item => getComponent(item))}</div>\n            </div>\n        );\n    }\n\n    return (\n        <div className={ClassNames.SplitContainer}>\n            {renderArea(1, area1)}\n            {renderArea(2, area2)}\n        </div>\n    );\n};\n\nexport default SplitContainer;\n","import React, { FunctionComponent } from 'react';\nimport ClassNames from './SplitPage.module.scss';\nimport SplitContainer from '../../SplitContainer/SplitContainer';\n\ninterface Props {\n    pageContext: {\n        fields: {\n            area1: any[];\n            area2: any[];\n        };\n    };\n}\n\nconst SplitPage: FunctionComponent<Props> = props => {\n    const { area1, area2 } = props.pageContext.fields;\n    return (\n        <div className={ClassNames.SplitPage}>\n            <SplitContainer area1={area1} area2={area2} />\n        </div>\n    );\n};\n\nexport default SplitPage;\n"],"sourceRoot":""}