{"applicationInfo":{"name":"BUG Table Tags Click","createAt":1755809561135,"createBy":"6860dbb515248c47be8999d9","applicationId":"68a78719129a5b3560b09f9d","applicationType":1},"applicationDSL":{"ui":{"layout":{"e62c51ee":{"i":"e62c51ee","h":8,"w":15,"x":2,"y":0,"pos":1},"99d662fb":{"i":"99d662fb","h":36,"w":12,"x":2,"y":8,"pos":0}},"items":{"99d662fb":{"compType":"table","comp":{"showRowGridBorder":true,"showHRowGridBorder":true,"autoHeight":"auto","data":"[\n {\n  \"id\": 1,\n  \"name\": \"Reagen Gilberthorpe\",\n  \"date\": \"7/5/2022\",\n  \"department\": \"Marketing\"\n },\n {\n  \"id\": 2,\n  \"name\": \"Haroun Lortzing\",\n  \"date\": \"11/6/2022\",\n  \"department\": \"Human Resources\"\n },\n {\n  \"id\": 3,\n  \"name\": \"Garret Kilmaster\",\n  \"date\": \"11/14/2021\",\n  \"department\": \"Research and Development\"\n },\n {\n  \"id\": 4,\n  \"name\": \"Israel Harrowsmith\",\n  \"date\": \"4/3/2022\",\n  \"department\": \"Training\"\n },\n {\n  \"id\": 5,\n  \"name\": \"Loren O'Lagen\",\n  \"date\": \"9/10/2022\",\n  \"department\": \"Services\"\n },\n {\n  \"id\": 6,\n  \"name\": \"Wallis Hothersall\",\n  \"date\": \"4/18/2022\",\n  \"department\": \"Accounting\"\n },\n {\n  \"id\": 7,\n  \"name\": \"Kaia Biskup\",\n  \"date\": \"3/4/2022\",\n  \"department\": \"Sales\"\n },\n {\n  \"id\": 8,\n  \"name\": \"Travers Saterweyte\",\n  \"date\": \"1/9/2022\",\n  \"department\": \"Human Resources\"\n },\n {\n  \"id\": 9,\n  \"name\": \"Mikey Niemetz\",\n  \"date\": \"1/4/2022\",\n  \"department\": \"Marketing\"\n },\n {\n  \"id\": 10,\n  \"name\": \"Mano Meckiff\",\n  \"date\": \"2/19/2022\",\n  \"department\": \"Research and Development\"\n }\n]","columns":[{"title":"ID","showTitle":true,"isCustom":false,"dataIndex":"id","width":"55","autoWidth":"fixed","render":{"compType":"text","comp":{"text":"{{currentCell}}"}},"align":"left","fixed":"close","background":"","margin":"","text":"","border":"","borderWidth":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":"","summaryColumns":[{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""}]},{"title":"Name","showTitle":true,"isCustom":false,"dataIndex":"name","width":"200","autoWidth":"fixed","render":{"compType":"text","comp":{"text":"{{currentCell}}"}},"align":"left","fixed":"close","background":"","margin":"","text":"","border":"","borderWidth":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":"","summaryColumns":[{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""}]},{"title":"Date","showTitle":true,"isCustom":false,"dataIndex":"date","width":"110","autoWidth":"fixed","render":{"compType":"text","comp":{"text":"{{currentCell}}"}},"align":"left","fixed":"close","background":"","margin":"","text":"","border":"","borderWidth":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":"","summaryColumns":[{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""}]},{"title":"Department","showTitle":true,"isCustom":false,"dataIndex":"department","width":"250","autoWidth":"fixed","render":{"compType":"tag","comp":{"text":"{{currentCell}}","tagColors":{"optionType":"map","manual":{"manual":[{"label":"Tag1","icon":"/icon:solid/tag","colorType":"preset","presetColor":"blue","color":"#1890ff","textColor":"#ffffff","border":"","radius":"","margin":"","padding":""},{"label":"Tag2","icon":"/icon:solid/tag","colorType":"preset","presetColor":"green","color":"#1890ff","textColor":"#ffffff","border":"","radius":"","margin":"","padding":""}]},"mapData":{"data":"{{tags.value}}","mapData":{"label":"{{item.name}}","colorType":"preset","presetColor":"blue","color":"#1890ff","textColor":"#ffffff","border":"","radius":"","margin":"","padding":"","onEvent":[{"name":"click","handler":{"compType":"message","comp":{"text":"{{item.name}}","level":"info"},"condition":"","slowdown":"debounce","delay":""}}]}}}}},"align":"left","fixed":"close","background":"","margin":"","text":"","border":"","borderWidth":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":"","summaryColumns":[{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""},{"isCustom":false,"dataIndex":"","render":{"compType":"text","comp":{}},"align":"left","background":"","margin":"","text":"","border":"","radius":"","textSize":"","textWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","textOverflow":"wrap","linkColor":"#3377ff","linkHoverColor":"","linkActiveColor":""}]}],"size":"middle","selection":{"mode":"single"},"pagination":{"changeablePageSize":null,"pageSizeOptions":"[5, 10, 20, 50]"},"sort":[],"toolbar":{"showRefresh":true,"showDownload":true,"showFilter":true,"position":"below","columnSeparator":",","showUpdateButtons":true},"summaryRows":"1","hideToolbar":false,"rowAutoHeight":"auto","tableAutoHeight":"auto","expansion":{"slot":{"container":{"layout":{}}}},"editModeClicks":"single","showDataLoadingIndicators":false,"preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"table1"},"e62c51ee":{"compType":"text","comp":{"text":"###  Click on a tag. It should nofity with the name of the tag clicked on","autoHeight":"auto","type":"markdown","horizontalAlignment":"left","contentScrollBar":true,"verticalAlignment":"center","margin":{"left":"","right":"","top":"","bottom":""},"padding":{"left":"","right":"","top":"","bottom":""},"showDataLoadingIndicators":false,"preventStyleOverwriting":false,"appliedThemeId":"","version":"latest"},"name":"text1"}}},"transformers":[{"name":"tags","script":"return [{ name: \"Marketing\", other: \"mar\" },\n        { name: \"Human Resources\", other: \"hum\" },\n        { name: \"Research and Development\", other: \"rea\" },\n        { name: \"Training\", other: \"tra\" },\n        { name: \"Services\", other: \"ser\" }\n       ];\n"}],"refTree":{"value":"","items":[{"value":"tags"}]},"hooks":[{"compType":"urlParams","comp":{},"name":"url"},{"compType":"dayJsLib","comp":{},"name":"dayjs"},{"compType":"lodashJsLib","comp":{},"name":"_"},{"compType":"utils","comp":{},"name":"utils"},{"compType":"message","comp":{},"name":"message"},{"compType":"toast","comp":{},"name":"toast"},{"compType":"localStorage","comp":{},"name":"localStorage"},{"compType":"currentUser","comp":{},"name":"currentUser"},{"compType":"screenInfo","comp":{},"name":"screenInfo"},{"compType":"theme","comp":{},"name":"theme"}],"settings":{"title":"","description":"","category":"Business","showHeaderInPublic":true,"themeId":"default","preventAppStylesOverwriting":true,"disableCollision":false,"lowcoderCompVersion":"latest","maxWidth":{"dropdown":"1920","input":0},"gridRowCount":"Infinity","gridPaddingX":"20","gridPaddingY":"20"},"preload":{"script":"","css":"","globalCSS":""}}}