@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
1 lines • 3.32 kB
Source Map (JSON)
{"version":3,"file":"index.cjs","sources":["../../../../src/components/Alert/index.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TAlertProps } from './Alert.type';\r\n\r\n// Styles\r\nimport styles from './styles.module.scss';\r\n\r\n// Constants\r\nimport { ALERT_COLORS, ALERT_DEFAULT_PROPS, DEFAULT_ICON } from './Alert.constant';\r\n\r\nconst Alert = (props: TAlertProps) => {\r\n\tconst {\r\n\t\tclassName,\r\n\t\tcolor = ALERT_DEFAULT_PROPS.color,\r\n\t\tdescription,\r\n\t\tdescriptionClassName,\r\n\t\tleftIcon,\r\n\t\tleftIconClassName,\r\n\t\tnoLeftIcon,\r\n\t\trightIcon,\r\n\t\trightIconClassName,\r\n\t\ttitle,\r\n\t\ttitleClassName,\r\n\t\t...restProps\r\n\t} = props;\r\n\tconst DefaultIcon = ALERT_COLORS.includes(color!) ? DEFAULT_ICON[color!] : DEFAULT_ICON.information;\r\n\r\n\tconst alertCN = cn(styles.legion_alert, className, styles[color!], {\r\n\t\t[styles.has_right_icon]: !!rightIcon,\r\n\t\t[styles.no_title]: !title,\r\n\t})\r\n\tconst descriptionCN = cn(styles.description, descriptionClassName);\r\n\tconst titleCN = cn(styles.title, titleClassName);\r\n\tconst leftIconCN = cn(styles.left_icon, leftIconClassName);\r\n\tconst rightIconCN = cn(styles.right_icon, rightIconClassName);\r\n\r\n\treturn (\r\n\t\t<div className={alertCN} {...restProps}>\r\n\t\t\t{!noLeftIcon && (\r\n\t\t\t\t<span className={leftIconCN}>\r\n\t\t\t\t\t{leftIcon ? leftIcon : <i className={styles.default_icon}>{DefaultIcon}</i>}\r\n\t\t\t\t</span>\r\n\t\t\t)}\r\n\t\t\t<div className={styles.alert_content}>\r\n\t\t\t\t{title && <p className={titleCN}>{title}</p>}\r\n\t\t\t\t{description && <p className={descriptionCN}>{description}</p>}\r\n\t\t\t</div>\r\n\t\t\t{rightIcon && (\r\n\t\t\t\t<span className={rightIconCN}>\r\n\t\t\t\t\t{rightIcon}\r\n\t\t\t\t</span>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t)\r\n}\r\n\r\nexport default Alert;\r\n"],"names":["props","className","color","ALERT_DEFAULT_PROPS","description","descriptionClassName","leftIcon","leftIconClassName","noLeftIcon","rightIcon","rightIconClassName","title","titleClassName","restProps","DefaultIcon","ALERT_COLORS","includes","DEFAULT_ICON","information","alertCN","cn","styles","legion_alert","has_right_icon","no_title","descriptionCN","titleCN","leftIconCN","left_icon","rightIconCN","right_icon","_jsxs","children","_jsx","default_icon","alert_content"],"mappings":"qRAYeA,IACd,MAAMC,UACLA,EAASC,MACTA,EAAQC,EAAAA,oBAAoBD,MAAKE,YACjCA,EAAWC,qBACXA,EAAoBC,SACpBA,EAAQC,kBACRA,EAAiBC,WACjBA,EAAUC,UACVA,EAASC,mBACTA,EAAkBC,MAClBA,EAAKC,eACLA,KACGC,GACAb,EACEc,EAAcC,EAAAA,aAAaC,SAASd,GAAUe,eAAaf,GAAUe,EAAAA,aAAaC,YAElFC,EAAUC,EAAAA,QAAGC,EAAAA,QAAOC,aAAcrB,EAAWoB,EAAAA,QAAOnB,GAAS,CAClE,CAACmB,EAAAA,QAAOE,kBAAmBd,EAC3B,CAACY,EAAAA,QAAOG,WAAYb,IAEfc,EAAgBL,EAAAA,QAAGC,UAAOjB,YAAaC,GACvCqB,EAAUN,EAAAA,QAAGC,UAAOV,MAAOC,GAC3Be,EAAaP,EAAAA,QAAGC,UAAOO,UAAWrB,GAClCsB,EAAcT,EAAAA,QAAGC,UAAOS,WAAYpB,GAE1C,OACCqB,EAAAA,KAAA,MAAA,CAAK9B,UAAWkB,KAAaN,EAASmB,SAAA,EACnCxB,GACDyB,EAAAA,IAAA,OAAA,CAAMhC,UAAW0B,EAAUK,SACzB1B,GAAsB2B,EAAAA,SAAGhC,UAAWoB,EAAAA,QAAOa,aAAYF,SAAGlB,MAG7DiB,EAAAA,KAAA,MAAA,CAAK9B,UAAWoB,EAAAA,QAAOc,cAAaH,SAAA,CAClCrB,GAASsB,EAAAA,SAAGhC,UAAWyB,EAAOM,SAAGrB,IACjCP,GAAe6B,EAAAA,SAAGhC,UAAWwB,EAAaO,SAAG5B,OAE9CK,GACAwB,EAAAA,IAAA,OAAA,CAAMhC,UAAW4B,EAAWG,SAC1BvB"}