| 1 | {"version":3,"file":"EmptyStateCard.js","sources":["../src/components/Card/assets/empty-state-card-illustration-default.png","../src/components/Card/EmptyStateCard.js"],"sourcesContent":["export default \"48526b4ed811c6ff.png\"","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Inside } from 'use-inside'\nimport { GU, textStyle } from '../../style'\nimport { warnOnce } from '../../utils'\nimport { usePublicUrl } from '../../providers/PublicUrl'\nimport { useTheme } from '../../theme'\nimport Card from './Card'\nimport illustrationDefault from './assets/empty-state-card-illustration-default.png'\n\nconst EmptyStateCard = React.memo(function EmptyStateCard({\n action,\n icon,\n illustration,\n text,\n ...props\n}) {\n const theme = useTheme()\n const publicUrl = usePublicUrl()\n\n if (icon !== undefined) {\n warnOnce(\n 'EmptyStateCard:icon',\n 'EmptyStateCard: the `icon` prop is deprecated, please use `illustration` instead.'\n )\n if (illustration === undefined) {\n illustration = icon\n }\n }\n\n // default illustration\n if (!illustration) {\n illustration = (\n <img src={publicUrl + illustrationDefault} alt=\"\" height={20 * GU} />\n )\n }\n\n return (\n <Inside name=\"EmptyStateCard\">\n <Card\n css={`\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: ${20 * GU}px 1fr auto;\n height: ${42 * GU}px;\n padding: ${2 * GU}px;\n text-align: center;\n `}\n {...props}\n >\n <div\n css={`\n display: flex;\n justify-content: center;\n overflow: hidden;\n `}\n >\n {illustration}\n </div>\n <div\n css={`\n color: ${theme.surfaceContent};\n ${textStyle('title4')};\n `}\n >\n {text}\n </div>\n <div>{action}</div>\n </Card>\n </Inside>\n )\n})\n\nEmptyStateCard.propTypes = {\n action: PropTypes.node,\n illustration: PropTypes.node,\n text: PropTypes.node.isRequired,\n\n // deprecated\n icon: PropTypes.node,\n}\n\nexport default EmptyStateCard\n"],"names":["EmptyStateCard","React","memo","action","icon","illustration","text","props","theme","useTheme","publicUrl","usePublicUrl","undefined","warnOnce","illustrationDefault","GU","Inside","surfaceContent","textStyle","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;ACUf,IAAMA,cAAc,gBAAGC,cAAK,CAACC,IAAN,CAAW,SAASF,cAAT,OAM/B;AAAA,MALDG,MAKC,QALDA,MAKC;AAAA,MAJDC,IAIC,QAJDA,IAIC;AAAA,MAHDC,YAGC,QAHDA,YAGC;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MADEC,KACF;;AACD,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AACA,MAAMC,SAAS,GAAGC,oBAAY,EAA9B;;AAEA,MAAIP,IAAI,KAAKQ,SAAb,EAAwB;AACtBC,IAAAA,oBAAQ,CACN,qBADM,EAEN,mFAFM,CAAR;;AAIA,QAAIR,YAAY,KAAKO,SAArB,EAAgC;AAC9BP,MAAAA,YAAY,GAAGD,IAAf;AACD;AACF,GAZA;;;AAeD,MAAI,CAACC,YAAL,EAAmB;AACjBA,IAAAA,YAAY,gBACVJ;AAAK,MAAA,GAAG,EAAES,SAAS,GAAGI,mBAAtB;AAA2C,MAAA,GAAG,EAAC,EAA/C;AAAkD,MAAA,MAAM,EAAE,KAAKC;AAA/D,MADF;AAGD;;AAED,sBACEd,6BAACe,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,kBACEf,kEASMM,KATN;AAAA,UAI0B,KAAKQ,YAJ/B;AAAA,WAKc,KAAKA,YALnB;AAAA,WAMe,IAAIA;AANnB,mBAWEd,+CAOGI,YAPH,CAXF,eAoBEJ;AAAA,WAEaO,KAAK,CAACS,cAFnB;AAAA,WAGMC,oBAAS,CAAC,QAAD;AAHf,KAMGZ,IANH,CApBF,eA4BEL,0CAAME,MAAN,CA5BF,CADF,CADF;AAkCD,CA7DsB,CAAvB;AA+DAH,cAAc,CAACmB,SAAf,GAA2B;AACzBhB,EAAAA,MAAM,EAAEiB,eAAS,CAACC,IADO;AAEzBhB,EAAAA,YAAY,EAAEe,eAAS,CAACC,IAFC;AAGzBf,EAAAA,IAAI,EAAEc,eAAS,CAACC,IAAV,CAAeC,UAHI;AAKzB;AACAlB,EAAAA,IAAI,EAAEgB,eAAS,CAACC;AANS,CAA3B;;;;"} |