{"version":3,"file":"static/js/ContentArea.6b76e6c2.js","mappings":"mNAEO,MAAMA,E,SAAYC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,4E,eCQnC,MAAMI,EAAcA,EAChBC,QACAC,WACAC,YAAY,GACZC,WAAW,SACXC,oBACAC,mBAkBIC,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAN,SAAA,CACKA,GAAYA,GACbO,EAAAA,EAAAA,KAACd,EAAS,CAACQ,UAAWA,MAAeO,EAAAA,EAAAA,IAAkBN,GAASF,SAC3DD,GAASA,EAAMU,KAnBRC,CAACC,EAAkBC,IACnCD,IACIJ,EAAAA,EAAAA,KAACM,EAAAA,EAAW,CACRC,UAAWH,EAAKG,UAChBC,MAAO,CAAEC,MAAO,QAAShB,UAGzBO,EAAAA,EAAAA,KAACU,EAAAA,EAAsB,CACnBd,kBAAmBA,EACnBe,QAASP,EACTP,aAAcA,KALZ,cAAaO,EAAKG,YAAYF,YAoBpD,MAAeO,EAAAA,KAAWrB,E","sources":["components/ContentArea/ContentArea.styled.ts","components/ContentArea/ContentArea.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nexport const Container = styled.div`\n    display: flex;\n    flex-flow: row wrap;\n    justify-content: flex-start;\n    width: 100%;\n`;\n","import React, { ReactChild, ReactElement } from \"react\";\n\nimport BlockComponentSelector from \"components/BlockComponentSelector/BlockComponentSelector\";\nimport EditWrapper from \"components/EditWrapper\";\nimport EpiContent from \"types/EpiContent\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport { Container } from \"./ContentArea.styled\";\nimport { ContentAreaProps } from \"./ContentAreaProps\";\n\nconst ContentArea = ({\n    items,\n    children,\n    className = \"\",\n    areaName = \"Blocks\",\n    componentSelector,\n    contentSizes,\n}: ContentAreaProps): ReactElement => {\n    const blockMapper = (item: EpiContent, index: number): ReactChild =>\n        item && (\n            <EditWrapper\n                contentId={item.contentId}\n                style={{ width: \"100%\" }}\n                key={`ContentArea${item.contentId}${index}`}\n            >\n                <BlockComponentSelector\n                    componentSelector={componentSelector}\n                    content={item}\n                    contentSizes={contentSizes}\n                />\n            </EditWrapper>\n        );\n\n    return (\n        <>\n            {children && children}\n            <Container className={className} {...addEditAttributes(areaName)}>\n                {items && items.map(blockMapper)}\n            </Container>\n        </>\n    );\n};\n\nexport default React.memo(ContentArea);\n"],"names":["Container","styled","div","withConfig","componentId","ContentArea","items","children","className","areaName","componentSelector","contentSizes","_jsxs","_Fragment","_jsx","addEditAttributes","map","blockMapper","item","index","EditWrapper","contentId","style","width","BlockComponentSelector","content","React"],"sourceRoot":""}