| 1 | {"version":3,"file":"DocumentCardImage.base.js","sourceRoot":"../src/","sources":["components/DocumentCard/DocumentCardImage.base.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAW7E,IAAM,aAAa,GAAG,kBAAkB,EAA0D,CAAC;AAEnG;;GAEG;AACH;IAA2C,yCAAiE;IAG1G,+BAAY,KAA8B;QAA1C,YACE,kBAAM,KAAK,CAAC,SAIb;QAyBO,kBAAY,GAAG;YACrB,KAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC;QA7BA,sBAAsB,CAAC,KAAI,CAAC,CAAC;QAC7B,KAAI,CAAC,KAAK,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;;IACzC,CAAC;IAEM,sCAAM,GAAb;QACQ,IAAA,eAA0D,EAAxD,kBAAM,EAAE,gBAAK,EAAE,kBAAM,EAAE,sBAAQ,EAAE,sBAAuB,CAAC;QAEjE,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtD,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;YAClC,QAAQ,IAAI,CACX,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,cAAc,EACnB,GAAG,EAAC,EAAE,EACN,MAAM,EAAE,IAAI,CAAC,YAAY,GACzB,CACH;YACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAC5E,CACP,CAAC;IACJ,CAAC;IAMO,iDAAiB,GAAzB;QACU,IAAA,gCAAS,CAAgB;QACjC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,mBAAmB;YAClD,oBAAC,IAAI,aAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,YAAY,IAAM,SAAS,EAAI,CAC7D,CACP,CAAC;IACJ,CAAC;IAEO,iDAAiB,GAAzB;QACU,IAAA,gCAAS,CAAgB;QACjC,OAAO,oBAAC,IAAI,aAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,IAAM,SAAS,EAAI,CAAC;IACzE,CAAC;IACH,4BAAC;AAAD,CAAC,AAlDD,CAA2C,KAAK,CAAC,SAAS,GAkDzD","sourcesContent":["import * as React from 'react';\nimport { Icon } from '../../Icon';\nimport { Image } from '../../Image';\nimport { IProcessedStyleSet } from '../../Styling';\nimport { classNamesFunction, initializeComponentRef } from '../../Utilities';\nimport {\n IDocumentCardImageProps,\n IDocumentCardImageStyleProps,\n IDocumentCardImageStyles,\n} from './DocumentCardImage.types';\n\nexport interface IDocumentCardImageState {\n readonly imageHasLoaded: boolean;\n}\n\nconst getClassNames = classNamesFunction<IDocumentCardImageStyleProps, IDocumentCardImageStyles>();\n\n/**\n * {@docCategory DocumentCard}\n */\nexport class DocumentCardImageBase extends React.Component<IDocumentCardImageProps, IDocumentCardImageState> {\n private _classNames: IProcessedStyleSet<IDocumentCardImageStyles>;\n\n constructor(props: IDocumentCardImageProps) {\n super(props);\n\n initializeComponentRef(this);\n this.state = { imageHasLoaded: false };\n }\n\n public render(): JSX.Element {\n const { styles, width, height, imageFit, imageSrc } = this.props;\n\n this._classNames = getClassNames(styles!, this.props);\n\n return (\n <div className={this._classNames.root}>\n {imageSrc && (\n <Image\n width={width}\n height={height}\n imageFit={imageFit}\n src={imageSrc}\n role=\"presentation\"\n alt=\"\"\n onLoad={this._onImageLoad}\n />\n )}\n {this.state.imageHasLoaded ? this._renderCornerIcon() : this._renderCenterIcon()}\n </div>\n );\n }\n\n private _onImageLoad = () => {\n this.setState({ imageHasLoaded: true });\n };\n\n private _renderCenterIcon(): JSX.Element {\n const { iconProps } = this.props;\n return (\n <div className={this._classNames.centeredIconWrapper}>\n <Icon className={this._classNames.centeredIcon} {...iconProps} />\n </div>\n );\n }\n\n private _renderCornerIcon(): JSX.Element {\n const { iconProps } = this.props;\n return <Icon className={this._classNames.cornerIcon} {...iconProps} />;\n }\n}\n"]} |