{ "version": 3, "sources": ["../../../../../../owl-nest/ulule/features/project/src/public/views/detail/components/EditButton.tsx"], "sourcesContent": ["import * as React from 'react'\nimport styled, { css } from 'styled-components'\n\nimport * as plume from '@ulule/owl-kit-components/next'\nimport { t } from '@owl-nest/localize'\n\nimport { EDIT_MODE_LAPTOP_BREAKPOINT } from '../constants'\n\ntype EditButtonProps = {\n children?: React.ReactNode\n className?: string\n fullWidth?: boolean\n glyph?: React.ReactNode\n link: string\n}\n\nfunction EditButtonComponent({\n children,\n className,\n glyph,\n link,\n}: EditButtonProps): React.ReactElement<EditButtonProps> {\n return (\n <Anchor href={link} className={className}>\n <plume.EditButton glyph={glyph ? glyph : <plume.glyphs.stroke.Edit size={21} />}>\n {children ? children : t('Edit')}\n </plume.EditButton>\n </Anchor>\n )\n}\nexport const EditButton = styled(EditButtonComponent)<EditButtonProps>`\n ${({ fullWidth }) => {\n if (fullWidth) {\n return css`\n width: calc(100% - 20px);\n margin-top: 0px;\n margin-bottom: 10px;\n\n ${plume.EditButton} {\n width: 100%;\n justify-content: flex-start;\n }\n\n @media screen and ${EDIT_MODE_LAPTOP_BREAKPOINT} {\n ${plume.EditButton} {\n align-items: center;\n }\n }\n `\n }\n }}\n`\n\nconst Anchor = styled.a`\n text-decoration: none;\n`\n"], "mappings": "6LAAAA,IAAAC,IAAA,IAAAC,EAAuB,OAgBvB,SAASC,EAAoB,CAC3B,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,CACF,EAAyD,CACvD,OACE,gBAACC,EAAA,CAAO,KAAMD,EAAM,UAAWF,GAC7B,gBAAOI,EAAN,CAAiB,MAAOH,GAAgB,gBAAOI,EAAO,OAAO,KAApB,CAAyB,KAAM,GAAI,GAC1EN,MAAsB,KAAE,MAAM,CACjC,CACF,CAEJ,CA7BA,IAAAO,EAAAC,EA8BaH,EAAaI,EAAOV,CAAmB,EAA1BS,MAA4CE,EAAA,QAoBnE,QAnBC,CAAC,CAAE,UAAAC,CAAU,IAAM,CACnB,GAAIA,EACF,OAAOC,EAAAL,MAAGG,EAAA,2GAKU,8GAK6B,iBAC3B,0EANZL,EAKYQ,EACVR,EAMhB,GAlDFS,EAqDMV,EAASK,EAAO,EAAPK,MAAQJ,EAAA", "names": ["init_define_process_env", "init_sentry_release_injection_stub", "React", "EditButtonComponent", "children", "className", "glyph", "link", "Anchor", "EditButton", "glyphs_exports", "_a", "_b", "src_default", "__template", "fullWidth", "css", "EDIT_MODE_LAPTOP_BREAKPOINT", "_c"] }