{"version":3,"file":"ActionSummaryListItem.mjs","names":["React","FC","useMemo","MutableRefObject","Chip","makeStyles","useActions","UdpTheme","ActionSummaryListItemProps","value","highlighted","enabled","actionId","setLoading","Function","selectedNode","useStyles","theme","listItemWithChip","paddingTop","paddingBottom","alignItems","listItemGutters","paddingLeft","chipSelected","backgroundColor","palette","secondary","main","color","getThemeData","mode","chipWhite","background","paper","chipRoot","width","justifyContent","chipWhiteDeselected","chipHover","ActionSummaryListItem","classes","triggerAction","render","nodeObj","colorPrimary","root","clickableColorPrimary"],"sources":["../../../src/actions/actionSummary/ActionSummaryListItem.tsx"],"sourcesContent":["import React, { FC, useMemo, MutableRefObject } from 'react';\nimport { Chip, makeStyles } from '@material-ui/core';\nimport { useActions } from '../../hooks/useActions';\nimport { UdpTheme } from '../../utilities/theme/theme.types';\n\nexport type ActionSummaryListItemProps = {\n  value: string;\n  highlighted?: boolean; // gives an mui chip background\n  enabled?: boolean; // greys out the item\n  actionId: string;\n  setLoading: Function;\n  selectedNode?: any;\n};\n\nconst useStyles = makeStyles((theme: UdpTheme) => ({\n  listItemWithChip: {\n    paddingTop: 1,\n    paddingBottom: 1,\n    alignItems: 'start'\n  },\n  listItemGutters: {\n    paddingLeft: 10\n  },\n  chipSelected: {\n    backgroundColor: theme.palette.secondary.main + '1A',\n    color: theme?.getThemeData()?.mode === 'light' ? 'black' : 'white'\n  },\n  chipWhite: {\n    color: theme?.getThemeData()?.mode === 'light' ? 'black' : 'white',\n    backgroundColor: theme.palette.background.paper\n  },\n  chipRoot: {\n    width: '100%',\n    justifyContent: 'start',\n    paddingTop: 1\n  },\n  chipWhiteDeselected: {\n    color: 'grey',\n    backgroundColor: theme.palette.background.paper\n  },\n  chipHover: {\n    '&:hover': {\n      backgroundColor: theme.palette.secondary.main + '3A'\n    },\n    '&:focus': {\n      backgroundColor: theme.palette.secondary.main + '3A'\n    }\n  }\n}));\n\nexport const ActionSummaryListItem: FC<ActionSummaryListItemProps> = ({\n  value,\n  highlighted,\n  enabled,\n  actionId,\n  selectedNode\n}: ActionSummaryListItemProps) => {\n  const classes = useStyles();\n  const { triggerAction } = useActions();\n  const render = useMemo(() => {\n    return (\n      <div className={classes.listItemWithChip}>\n        <Chip\n          color='primary'\n          clickable={enabled}\n          onClick={\n            enabled\n              ? () => triggerAction(actionId, selectedNode?.nodeObj)\n              : () => {}\n          }\n          classes={{\n            colorPrimary: enabled\n              ? highlighted\n                ? classes.chipSelected\n                : classes.chipWhite\n              : classes.chipWhiteDeselected,\n            root: classes.chipRoot,\n            clickableColorPrimary: classes.chipHover\n          }}\n          label={value}\n        />\n      </div>\n    );\n  }, [highlighted, enabled, value]);\n\n  return render;\n};\n"],"mappings":";;;;AAcA,MAAMgB,YAAYX,YAAYY,WAAqB;CACjDC,kBAAkB;EAChBC,YAAY;EACZC,eAAe;EACfC,YAAY;EACb;CACDC,iBAAiB,EACfC,aAAa,IACd;CACDC,cAAc;EACZC,iBAAiBR,MAAMS,QAAQC,UAAUC,OAAO;EAChDC,OAAOZ,OAAOa,cAAc,EAAEC,SAAS,UAAU,UAAU;EAC5D;CACDC,WAAW;EACTH,OAAOZ,OAAOa,cAAc,EAAEC,SAAS,UAAU,UAAU;EAC3DN,iBAAiBR,MAAMS,QAAQO,WAAWC;EAC3C;CACDC,UAAU;EACRC,OAAO;EACPC,gBAAgB;EAChBlB,YAAY;EACb;CACDmB,qBAAqB;EACnBT,OAAO;EACPJ,iBAAiBR,MAAMS,QAAQO,WAAWC;EAC3C;CACDK,WAAW;EACT,WAAW,EACTd,iBAAiBR,MAAMS,QAAQC,UAAUC,OAAO,MACjD;EACD,WAAW,EACTH,iBAAiBR,MAAMS,QAAQC,UAAUC,OAAO,MAClD;EACF;CACD,EAAE;AAEH,MAAaY,yBAAyD,EACpE/B,OACAC,aACAC,SACAC,UACAG,mBACgC;CAChC,MAAM0B,UAAUzB,WAAW;CAC3B,MAAM,EAAE0B,kBAAkBpC,YAAY;AA2BtC,QA1BeJ,cAAc;AAC3B,SACE,sBAAA,cAAC,OAAD,EAAK,WAAWuC,QAAQvB,kBAoBlB,EAnBJ,sBAAA,cAAC,MAAD;GACE,OAAM;GACN,WAAWP;GACX,SACEA,gBACU+B,cAAc9B,UAAUG,cAAc6B,QAAQ,SAC9C;GAEZ,SAAS;IACPC,cAAclC,UACVD,cACE+B,QAAQjB,eACRiB,QAAQT,YACVS,QAAQH;IACZQ,MAAML,QAAQN;IACdY,uBAAuBN,QAAQF;IAChC;GACD,OAAO9B;GAAM,CAAA,CAEX;IAEP;EAACC;EAAaC;EAASF;EAAM,CAAC"}