npm - @corva/ui - Versions diffs - 0.32.0-9 → 0.32.0-rc.2 - Mend

@corva/ui 0.32.0-9 → 0.32.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (727) hide show

package/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorSquare.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CheckRoundedIcon from '@material-ui/icons/CheckRounded';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport Checkboard from '~/assets/checkboard.svg';\n\nconst useStyles = makeStyles({\n container: {\n position: 'relative',\n cursor: 'pointer',\n width: '16px',\n height: '16px',\n borderRadius: '2px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '&:hover': {\n border: '1px solid white',\n },\n },\n containerSelected: {\n border: '1px solid white',\n '& $squareCheck': {\n visibility: 'visible',\n },\n },\n transparentContainer: {\n position: 'relative',\n border: '1px solid #C4C4C4;',\n backgroundImage: `url(${Checkboard})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n display: 'block',\n width: '100%',\n height: '2px',\n background: '#FF0000',\n transform: 'rotate(135deg)',\n borderRadius: '2px',\n },\n },\n squareCheck: {\n width: '16px',\n height: '16px',\n color: 'white',\n visibility: 'hidden',\n zIndex: 2,\n },\n});\n\nfunction ColorSquare({ color, isSelected, onClick }) {\n const classes = useStyles();\n\n return (\n <div\n className={classNames(classes.container, {\n [classes.transparentContainer]: chroma(color).alpha() === 0,\n [classes.containerSelected]: isSelected,\n })}\n style={{ backgroundColor: color }}\n onClick={onClick}\n >\n <CheckRoundedIcon fontSize=\"small\" className={classes.squareCheck} />\n </div>\n );\n}\n\nColorSquare.propTypes = {\n color: PropTypes.string.isRequired,\n isSelected: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default ColorSquare;\n"],"names":["useStyles","makeStyles","container","position","cursor","width","height","borderRadius","display","justifyContent","alignItems","border","containerSelected","visibility","transparentContainer","backgroundImage","Checkboard","backgroundSize","backgroundPosition","content","background","transform","squareCheck","color","zIndex","ColorSquare","isSelected","onClick","classes","_jsx","classNames","chroma","alpha","backgroundColor","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":";;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,UADD;AAETC,IAAAA,MAAM,EAAE,SAFC;AAGTC,IAAAA,KAAK,EAAE,MAHE;AAITC,IAAAA,MAAM,EAAE,MAJC;AAKTC,IAAAA,YAAY,EAAE,KALL;AAMTC,IAAAA,OAAO,EAAE,MANA;AAOTC,IAAAA,cAAc,EAAE,QAPP;AAQTC,IAAAA,UAAU,EAAE,QARH;AAST,eAAW;AACTC,MAAAA,MAAM,EAAE;AADC;AATF,GADgB;AAc3BC,EAAAA,iBAAiB,EAAE;AACjBD,IAAAA,MAAM,EAAE,iBADS;AAEjB,sBAAkB;AAChBE,MAAAA,UAAU,EAAE;AADI;AAFD,GAdQ;AAoB3BC,EAAAA,oBAAoB,EAAE;AACpBX,IAAAA,QAAQ,EAAE,UADU;AAEpBQ,IAAAA,MAAM,EAAE,oBAFY;AAGpBI,IAAAA,eAAe,gBAASC,UAAT,MAHK;AAIpBC,IAAAA,cAAc,EAAE,OAJI;AAKpBC,IAAAA,kBAAkB,EAAE,QALA;AAOpB,iBAAa;AACXC,MAAAA,OAAO,EAAE,IADE;AAEXhB,MAAAA,QAAQ,EAAE,UAFC;AAGXK,MAAAA,OAAO,EAAE,OAHE;AAIXH,MAAAA,KAAK,EAAE,MAJI;AAKXC,MAAAA,MAAM,EAAE,KALG;AAMXc,MAAAA,UAAU,EAAE,SAND;AAOXC,MAAAA,SAAS,EAAE,gBAPA;AAQXd,MAAAA,YAAY,EAAE;AARH;AAPO,GApBK;AAsC3Be,EAAAA,WAAW,EAAE;AACXjB,IAAAA,KAAK,EAAE,MADI;AAEXC,IAAAA,MAAM,EAAE,MAFG;AAGXiB,IAAAA,KAAK,EAAE,OAHI;AAIXV,IAAAA,UAAU,EAAE,QAJD;AAKXW,IAAAA,MAAM,EAAE;AALG;AAtCc,CAAD,CAA5B;;AA+CA,SAASC,WAAT,OAAqD;AAAA;;AAAA,MAA9BF,KAA8B,QAA9BA,KAA8B;AAAA,MAAvBG,UAAuB,QAAvBA,UAAuB;AAAA,MAAXC,OAAW,QAAXA,OAAW;AACnD,MAAMC,OAAO,GAAG5B,SAAS,EAAzB;AAEA,sBACE6B;AACE,IAAA,SAAS,EAAEC,UAAU,CAACF,OAAO,CAAC1B,SAAT,kDAClB0B,OAAO,CAACd,oBADU,EACaiB,MAAM,CAACR,KAAD,CAAN,CAAcS,KAAd,OAA0B,CADvC,gCAElBJ,OAAO,CAAChB,iBAFU,EAEUc,UAFV,gBADvB;AAKE,IAAA,KAAK,EAAE;AAAEO,MAAAA,eAAe,EAAEV;AAAnB,KALT;AAME,IAAA,OAAO,EAAEI,OANX;AAAA,2BAQEE,IAAC,gBAAD;AAAkB,MAAA,QAAQ,EAAC,OAA3B;AAAmC,MAAA,SAAS,EAAED,OAAO,CAACN;AAAtD;AARF,IADF;AAYD;;AAEDG,WAAW,CAACS,SAAZ,GAAwB;AACtBX,EAAAA,KAAK,EAAEY,SAAS,CAACC,MAAV,CAAiBC,UADF;AAEtBX,EAAAA,UAAU,EAAES,SAAS,CAACG,IAAV,CAAeD,UAFL;AAGtBV,EAAAA,OAAO,EAAEQ,SAAS,CAACI,IAAV,CAAeF;AAHF,CAAxB;;;;"}

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,0DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Palette.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/Palette.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { CustomPicker } from 'react-color';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport ColorSquare from '../ColorSquare';\nimport { paletteColors, paletteColorsWithTransparent } from './PaletteConstants';\n\nimport styles from './Palette.css';\n\nconst isSelected = (currentColor, predefinedColor) => {\n const currentColorAlpha = chroma(currentColor).alpha();\n const predefinedColorAlpha = chroma(predefinedColor).alpha();\n\n if (!currentColorAlpha) return currentColorAlpha === predefinedColorAlpha;\n return currentColor === predefinedColor;\n};\n\nconst Palette = ({ onChange, color, className, enableTransparencyPalette }) => {\n const colors = enableTransparencyPalette ? paletteColorsWithTransparent : paletteColors;\n\n return (\n <div className={classNames(styles.paletteContainer, className)}>\n {colors.map(predefinedColor => (\n <ColorSquare\n key={predefinedColor}\n color={predefinedColor}\n isSelected={isSelected(color, predefinedColor)}\n onClick={() => {\n onChange(predefinedColor);\n }}\n />\n ))}\n </div>\n );\n};\n\nPalette.propTypes = {\n onChange: PropTypes.func.isRequired,\n color: PropTypes.string.isRequired,\n className: PropTypes.string,\n enableTransparencyPalette: PropTypes.bool.isRequired,\n};\n\nPalette.defaultProps = {\n className: null,\n};\n\nexport default CustomPicker(Palette);\n"],"names":["isSelected","currentColor","predefinedColor","currentColorAlpha","chroma","alpha","predefinedColorAlpha","Palette","onChange","color","className","enableTransparencyPalette","colors","paletteColorsWithTransparent","paletteColors","_jsx","classNames","styles","paletteContainer","map","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","CustomPicker"],"mappings":";;;;;;;;;AAUA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,YAAD,EAAeC,eAAf,EAAmC;AACpD,MAAMC,iBAAiB,GAAGC,MAAM,CAACH,YAAD,CAAN,CAAqBI,KAArB,EAA1B;AACA,MAAMC,oBAAoB,GAAGF,MAAM,CAACF,eAAD,CAAN,CAAwBG,KAAxB,EAA7B;AAEA,MAAI,CAACF,iBAAL,EAAwB,OAAOA,iBAAiB,KAAKG,oBAA7B;AACxB,SAAOL,YAAY,KAAKC,eAAxB;AACD,CAND;;AAQA,IAAMK,OAAO,GAAG,SAAVA,OAAU,OAA+D;AAAA,MAA5DC,QAA4D,QAA5DA,QAA4D;AAAA,MAAlDC,KAAkD,QAAlDA,KAAkD;AAAA,MAA3CC,SAA2C,QAA3CA,SAA2C;AAAA,MAAhCC,yBAAgC,QAAhCA,yBAAgC;AAC7E,MAAMC,MAAM,GAAGD,yBAAyB,GAAGE,4BAAH,GAAkCC,aAA1E;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,gBAAR,EAA0BR,SAA1B,CAA1B;AAAA,cACGE,MAAM,CAACO,GAAP,CAAW,UAAAjB,eAAe;AAAA,0BACzBa,IAAC,WAAD;AAEE,QAAA,KAAK,EAAEb,eAFT;AAGE,QAAA,UAAU,EAAEF,UAAU,CAACS,KAAD,EAAQP,eAAR,CAHxB;AAIE,QAAA,OAAO,EAAE,mBAAM;AACbM,UAAAA,QAAQ,CAACN,eAAD,CAAR;AACD;AANH,SACOA,eADP,CADyB;AAAA,KAA1B;AADH,IADF;AAcD,CAjBD;;AAmBAK,OAAO,CAACa,SAAR,GAAoB;AAClBZ,EAAAA,QAAQ,EAAEa,SAAS,CAACC,IAAV,CAAeC,UADP;AAElBd,EAAAA,KAAK,EAAEY,SAAS,CAACG,MAAV,CAAiBD,UAFN;AAGlBb,EAAAA,SAAS,EAAEW,SAAS,CAACG,MAHH;AAIlBb,EAAAA,yBAAyB,EAAEU,SAAS,CAACI,IAAV,CAAeF;AAJxB,CAApB;AAOAhB,OAAO,CAACmB,YAAR,GAAuB;AACrBhB,EAAAA,SAAS,EAAE;AADU,CAAvB;AAIA,gBAAeiB,YAAY,CAACpB,OAAD,CAA3B;;;;"}

package/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PaletteConstants.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js"],"sourcesContent":["export const paletteColors = [\n // row 1\n '#c4c4c4',\n '#9b2310',\n '#ac5d09',\n '#a99704',\n '#6f920d',\n '#408e00',\n '#05907b',\n '#028597',\n '#295abb',\n '#4d2fbf',\n '#8a1caa',\n '#921d48',\n '#445f6c',\n // row 2\n '#000000',\n '#eb3f24',\n '#ff8200',\n '#ffe300',\n '#b9ed24',\n '#7eed24',\n '#1edcc1',\n '#00e0ff',\n '#558dfc',\n '#714cff',\n '#cc2afb',\n '#f6377c',\n '#738e9d',\n // row 3\n '#ffffff',\n '#fe8977',\n '#fbb368',\n '#fff17f',\n '#d6ff61',\n '#b9ff81',\n '#78feea',\n '#79efff',\n '#97baff',\n '#ad99fb',\n '#e488ff',\n '#ff87b3',\n '#bbc6cc',\n];\n\nexport const TRANSPARENT_HEX = '#00000000';\n\nexport const paletteColorsWithTransparent = paletteColors.map((color, i) => {\n return i === 0 ? TRANSPARENT_HEX : color;\n});\n"],"names":["paletteColors","TRANSPARENT_HEX","paletteColorsWithTransparent","map","color","i"],"mappings":"IAAaA,aAAa,GAAG;AAE3B,SAF2B,EAG3B,SAH2B,EAI3B,SAJ2B,EAK3B,SAL2B,EAM3B,SAN2B,EAO3B,SAP2B,EAQ3B,SAR2B,EAS3B,SAT2B,EAU3B,SAV2B,EAW3B,SAX2B,EAY3B,SAZ2B,EAa3B,SAb2B,EAc3B,SAd2B;AAgB3B,SAhB2B,EAiB3B,SAjB2B,EAkB3B,SAlB2B,EAmB3B,SAnB2B,EAoB3B,SApB2B,EAqB3B,SArB2B,EAsB3B,SAtB2B,EAuB3B,SAvB2B,EAwB3B,SAxB2B,EAyB3B,SAzB2B,EA0B3B,SA1B2B,EA2B3B,SA3B2B,EA4B3B,SA5B2B;AA8B3B,SA9B2B,EA+B3B,SA/B2B,EAgC3B,SAhC2B,EAiC3B,SAjC2B,EAkC3B,SAlC2B,EAmC3B,SAnC2B,EAoC3B,SApC2B,EAqC3B,SArC2B,EAsC3B,SAtC2B,EAuC3B,SAvC2B,EAwC3B,SAxC2B,EAyC3B,SAzC2B,EA0C3B,SA1C2B;IA6ChBC,eAAe,GAAG;IAElBC,4BAA4B,GAAGF,aAAa,CAACG,GAAd,CAAkB,UAACC,KAAD,EAAQC,CAAR,EAAc;AAC1E,SAAOA,CAAC,KAAK,CAAN,GAAUJ,eAAV,GAA4BG,KAAnC;AACD,CAF2C;;;;"}

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PaletteChromePicker.js","sources":["../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js"],"sourcesContent":["import { useState, useLayoutEffect, forwardRef } from 'react';\nimport { ChromePicker } from 'react-color';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { makeStyles, IconButton, Tooltip } from '@material-ui/core';\nimport PaletteIcon from '@material-ui/icons/Palette';\nimport ColorizeIcon from '@material-ui/icons/Colorize';\n\nimport Palette from './Palette';\n\nconst COLOR_PICK_MODE = {\n PALETTE: 'PALETTE',\n CHROME_PICKER: 'CHROME_PICKER',\n};\n\nconst chromePickerStyles = {\n default: {\n picker: {\n width: '100%',\n boxShadow: 'none',\n },\n body: {\n backgroundColor: '#3b3b3b',\n padding: '16px 16px 0',\n },\n color: {\n width: '32px',\n height: '32px',\n marginRight: '16px',\n borderRadius: '2px',\n },\n swatch: {\n marginTop: 0,\n width: '100%',\n height: '100%',\n borderRadius: 0,\n position: 'relative',\n overflow: 'hidden',\n },\n toggles: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n Alpha: {\n checkboard: {\n display: 'none',\n },\n gradient: {\n borderRadius: '5px',\n },\n },\n },\n};\n\nconst useStyles = makeStyles({\n container: {\n backgroundColor: '#3b3b3b',\n boxShadow: '0px 3px 10px rgba(0, 0, 0, 0.4)',\n width: '250px',\n paddingBottom: '8px',\n borderRadius: '4px',\n\n '& input': {\n border: '1px solid #616161 !important',\n backgroundColor: '#3b3b3b',\n color: '#fff !important',\n boxShadow: 'none !important',\n outline: 'none',\n },\n\n '& svg:not(.MuiSvgIcon-root)': {\n fill: '#bdbdbd !important',\n },\n },\n chomePickerPalette: {\n margin: '0 8px',\n paddingTop: '8px',\n },\n buttonsContainer: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: '8px',\n },\n iconButton: {\n padding: '8px',\n '&:hover': {\n backgroundColor: '#333333',\n },\n '&:hover $icon': {\n color: '#fff',\n },\n },\n icon: { color: '#bdbdbd', fontSize: '24px' },\n iconActive: { color: '#fff' },\n tooltip: {\n background: '#414141',\n color: '#fff',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n borderRadius: '4px',\n opacity: 1,\n fontSize: '11px',\n },\n});\n\nconst PaletteChromePicker = forwardRef(\n ({ color, onChange, onSizeChange, enableTransparencyPalette }, ref) => {\n const classes = useStyles();\n const [pickMode, setPickMode] = useState(COLOR_PICK_MODE.PALETTE);\n\n useLayoutEffect(onSizeChange, [pickMode]);\n\n return (\n <div className={classes.container} ref={ref}>\n {pickMode === COLOR_PICK_MODE.PALETTE && (\n <Palette\n className={classes.chomePickerPalette}\n color={color}\n onChange={onChange}\n enableTransparencyPalette={enableTransparencyPalette}\n />\n )}\n {pickMode === COLOR_PICK_MODE.CHROME_PICKER && (\n <ChromePicker styles={chromePickerStyles} color={color} onChange={onChange} />\n )}\n <div className={classes.buttonsContainer}>\n <Tooltip title=\"Palette\" classes={{ tooltip: classes.tooltip }}>\n <IconButton\n className={classes.iconButton}\n onClick={() => setPickMode(COLOR_PICK_MODE.PALETTE)}\n >\n <PaletteIcon\n className={classNames(classes.icon, {\n [classes.iconActive]: pickMode === COLOR_PICK_MODE.PALETTE,\n })}\n fontSize=\"small\"\n />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Pick your own\" classes={{ tooltip: classes.tooltip }}>\n <IconButton\n className={classes.iconButton}\n onClick={() => setPickMode(COLOR_PICK_MODE.CHROME_PICKER)}\n >\n <ColorizeIcon\n className={classNames(classes.icon, {\n [classes.iconActive]: pickMode === COLOR_PICK_MODE.CHROME_PICKER,\n })}\n fontSize=\"small\"\n />\n </IconButton>\n </Tooltip>\n </div>\n </div>\n );\n }\n);\n\nPaletteChromePicker.propTypes = {\n color: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n onSizeChange: PropTypes.func.isRequired,\n enableTransparencyPalette: PropTypes.bool.isRequired,\n};\n\nexport default PaletteChromePicker;\n"],"names":["COLOR_PICK_MODE","PALETTE","CHROME_PICKER","chromePickerStyles","default","picker","width","boxShadow","body","backgroundColor","padding","color","height","marginRight","borderRadius","swatch","marginTop","position","overflow","toggles","display","flexDirection","justifyContent","Alpha","checkboard","gradient","useStyles","makeStyles","container","paddingBottom","border","outline","fill","chomePickerPalette","margin","paddingTop","buttonsContainer","iconButton","icon","fontSize","iconActive","tooltip","background","opacity","PaletteChromePicker","forwardRef","ref","onChange","onSizeChange","enableTransparencyPalette","classes","useState","pickMode","setPickMode","useLayoutEffect","_jsxs","_jsx","classNames","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":"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"}

package/components/Comment/CommentIcon/BadgeIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BadgeIcon.js","sources":["../../../../src/components/Comment/CommentIcon/BadgeIcon.js"],"sourcesContent":["import { memo } from 'react';\n\nfunction BadgeIcon() {\n return (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z\"\n fill=\"#03BCD4\"\n stroke=\"#212121\"\n />\n <path\n d=\"M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z\"\n fill=\"#212121\"\n />\n </svg>\n );\n}\n\nexport default memo(BadgeIcon);\n"],"names":["BadgeIcon","_jsxs","_jsx","memo"],"mappings":";;;AAEA,SAASA,SAAT,GAAqB;AACnB,sBACEC;AAAK,IAAA,KAAK,EAAC,IAAX;AAAgB,IAAA,MAAM,EAAC,IAAvB;AAA4B,IAAA,OAAO,EAAC,WAApC;AAAgD,IAAA,IAAI,EAAC,MAArD;AAA4D,IAAA,KAAK,EAAC,4BAAlE;AAAA,4BACEC;AACE,MAAA,CAAC,EAAC,4oBADJ;AAEE,MAAA,IAAI,EAAC,SAFP;AAGE,MAAA,MAAM,EAAC;AAHT,MADF,eAMEA;AACE,MAAA,CAAC,EAAC,sOADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MANF;AAAA,IADF;AAaD;;AAED,kBAAeC,IAAI,CAACH,SAAD,CAAnB;;;;"}

package/components/Comment/CommentIcon/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/Comment/CommentIcon/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Badge, IconButton, Tooltip, makeStyles } from '@material-ui/core';\n\nimport Avatar from '../../Avatar';\n\nimport BadgeIcon from './BadgeIcon';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n padding: 0,\n '&:hover': {\n '& .MuiBadge-root .MuiBadge-badge svg path': {\n '&:first-of-type': { fill: theme.palette.primary.light },\n },\n '& .MuiAvatar-root': {\n outline: `1px solid ${theme.palette.primary.light}`,\n },\n },\n marginTop: 4,\n },\n badge: {\n top: 2,\n right: 6,\n '&:hover': {\n '& svg path': { '&:first-of-type': { fill: theme.palette.primary.light } },\n },\n },\n tooltip: {\n marginTop: 8,\n },\n}));\n\nconst CommentIcon = ({ displayName, imgSrc, size }) => {\n const classes = useStyles();\n\n return (\n <Tooltip title=\"Comment\" placement=\"bottom\" classes={{ tooltip: classes.tooltip }}>\n <IconButton classes={{ root: classes.icon }}>\n <Badge classes={{ badge: classes.badge }} badgeContent={<BadgeIcon />}>\n <Avatar displayName={displayName} size={size} imgSrc={imgSrc} />\n </Badge>\n </IconButton>\n </Tooltip>\n );\n};\n\nCommentIcon.propTypes = {\n displayName: PropTypes.string,\n imgSrc: PropTypes.string,\n size: PropTypes.number,\n};\n\nCommentIcon.defaultProps = {\n displayName: false,\n imgSrc: undefined,\n size: 24,\n};\n\nexport default CommentIcon;\n"],"names":["useStyles","makeStyles","theme","icon","padding","fill","palette","primary","light","outline","marginTop","badge","top","right","tooltip","CommentIcon","displayName","imgSrc","size","classes","_jsx","root","propTypes","PropTypes","string","number","defaultProps","undefined"],"mappings":";;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,CADL;AAEJ,iBAAW;AACT,qDAA6C;AAC3C,6BAAmB;AAAEC,YAAAA,IAAI,EAAEH,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBC;AAA9B;AADwB,SADpC;AAIT,6BAAqB;AACnBC,UAAAA,OAAO,sBAAeP,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBC,KAArC;AADY;AAJZ,OAFP;AAUJE,MAAAA,SAAS,EAAE;AAVP,KAD+B;AAarCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,GAAG,EAAE,CADA;AAELC,MAAAA,KAAK,EAAE,CAFF;AAGL,iBAAW;AACT,sBAAc;AAAE,6BAAmB;AAAER,YAAAA,IAAI,EAAEH,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBC;AAA9B;AAArB;AADL;AAHN,KAb8B;AAoBrCM,IAAAA,OAAO,EAAE;AACPJ,MAAAA,SAAS,EAAE;AADJ;AApB4B,GAAL;AAAA,CAAN,CAA5B;;IAyBMK,WAAW,GAAG,SAAdA,WAAc,OAAmC;AAAA,MAAhCC,WAAgC,QAAhCA,WAAgC;AAAA,MAAnBC,MAAmB,QAAnBA,MAAmB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AACrD,MAAMC,OAAO,GAAGnB,SAAS,EAAzB;AAEA,sBACEoB,IAAC,OAAD;AAAS,IAAA,KAAK,EAAC,SAAf;AAAyB,IAAA,SAAS,EAAC,QAAnC;AAA4C,IAAA,OAAO,EAAE;AAAEN,MAAAA,OAAO,EAAEK,OAAO,CAACL;AAAnB,KAArD;AAAA,2BACEM,IAAC,UAAD;AAAY,MAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAEF,OAAO,CAAChB;AAAhB,OAArB;AAAA,6BACEiB,IAAC,KAAD;AAAO,QAAA,OAAO,EAAE;AAAET,UAAAA,KAAK,EAAEQ,OAAO,CAACR;AAAjB,SAAhB;AAA0C,QAAA,YAAY,eAAES,IAAC,SAAD,KAAxD;AAAA,+BACEA,IAAC,MAAD;AAAQ,UAAA,WAAW,EAAEJ,WAArB;AAAkC,UAAA,IAAI,EAAEE,IAAxC;AAA8C,UAAA,MAAM,EAAED;AAAtD;AADF;AADF;AADF,IADF;AASD;;AAEDF,WAAW,CAACO,SAAZ,GAAwB;AACtBN,EAAAA,WAAW,EAAEO,SAAS,CAACC,MADD;AAEtBP,EAAAA,MAAM,EAAEM,SAAS,CAACC,MAFI;AAGtBN,EAAAA,IAAI,EAAEK,SAAS,CAACE;AAHM,CAAxB;AAMAV,WAAW,CAACW,YAAZ,GAA2B;AACzBV,EAAAA,WAAW,EAAE,KADY;AAEzBC,EAAAA,MAAM,EAAEU,SAFiB;AAGzBT,EAAAA,IAAI,EAAE;AAHmB,CAA3B;;;;"}

package/components/Comment/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/defineProperty";import ~~t from"moment";import~~{noop as r,get as n}from"lodash";import o from"@babel/runtime/helpers/classCallCheck";import i from"@babel/runtime/regenerator";import a from"@babel/runtime/helpers/asyncToGenerator";import s from"@material-ui/core/colors/grey";import c from"../../utils/main.js";import{isNativeDetected as m}from"../../utils/mobileDetect.js";import l from"@babel/runtime/helpers/createClass";import{jsxs as p,jsx as u}from"react/jsx-runtime";import{createRef as d,PureComponent as h}from"react";import{deleteFeedItemComment as f}from"../../clients/jsonApi/index.js";import g from"prop-types";import v from"classnames";import{withStyles as y}from"@material-ui/core/styles";import b from"@babel/runtime/helpers/assertThisInitialized";import C from"@babel/runtime/helpers/inherits";import D from"@babel/runtime/helpers/possibleConstructorReturn";import M from"@babel/runtime/helpers/getPrototypeOf";import E from"~~@material-ui~~/~~core/Typography";import w from"../ConfirmationDialog~~.js";import I from"~~../Avatar~~/~~index.js~~";import O from"../UserCardPopover.js";import{formatMentionText as j}from"../UserMention/utils/index.js";import{isUserAdmin as k,isUserCorvaAdmin as x}from"../../utils/user.js";import A from"@material-ui/icons/MoreVert";import N from"@material-ui/core/IconButton";import S from"../Attachment/index.js";import _ from"../CommentInput/index.js";import R from"../CommentWrapper.js";import P from"../CommentLoader.js";import T from"@material-ui/core/Menu";import U from"@material-ui/core/MenuItem";import z from"./styles.css.js";function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function W(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=M(e);if(t){var o=M(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return D(this,r)}}var B={chatAvatarWrapper:{paddingTop:2,position:"absolute",top:6,left:-18},commentInfoContainer:{display:"inline-flex",alignItems:"center",width:"100%",paddingTop:5},userNameWrapper:{overflow:"hidden"},infoContainer:{display:"inline-block",verticalAlign:"top",width:"100%",paddingLeft:10}},q={commentWrapper:{width:"calc(100% - 10px)"},timeRoot:{color:s[700],float:"right",marginRight:5,marginLeft:10,fontSize:"10px"},textRoot:{marginTop:5,color:"#CCC",fontWeight:"normal",fontSize:"14px"},iconButtonRoot:{float:"right",height:40,width:40,padding:0,visibility:"hidden"},userName:{fontSize:"12px"}},F=function(m){C(y,h);var g=W(y);function y(t){var r,n;return o(this,y),r=g.call(this,t),e(b(r),"deleteComment",(n=a(i.mark((function e(t,r){var n;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f(t,r);case 3:n=e.sent,e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.error(e.t0);case 9:return e.abrupt("return",n);case 10:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return n.apply(this,arguments)})),e(b(r),"showIntoView",(function(){r.props.handleShowOnMount(),r.commentEl.current.scrollIntoView({block:"end"})})),e(b(r),"handleToggleActionsMenu",(function(e){var t=e.currentTarget;r.setState((function(e){return{actionsMenuAnchorEl:e.actionsMenuAnchorEl?null:t}}))})),e(b(r),"handleKeyDown",(function(e){27===e.keyCode&&r.setState({isEditing:!1}),document.removeEventListener("keydown",r.handleKeyDown,!1)})),e(b(r),"handleEditMenuItem",(function(){document.addEventListener("keydown",r.handleKeyDown,!1),r.setState({isEditing:!0},(function(){r.inputEl.current&&r.inputEl.current.focus()}))})),e(b(r),"getEditCommentProps",(function(){var e=r.props.comment,t=e.id,n=e.body,o=e.attachment;return{editFeedItemId:e.feed_activity_id,editCommentId:t,editComment:n,editAttachment:o}})),e(b(r),"onEditFinish",(function(){r.setState({isEditing:!1,isLoading:!1})})),e(b(r),"handleDeleteMenuItem",(function(){r.setState({openDeleteDialog:!0})})),e(b(r),"handleDelete",a(i.mark((function e(){var t,n,o;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=r.props.comment.id,n=r.props.comment.feed_activity_id,r.setState({isLoading:!0}),e.next=5,r.deleteComment(n,t);case 5:o=e.sent,r.setState({isLoading:!1,openDeleteDialog:!1}),o&&r.props.handleDeleteCallback(t);case 8:case"end":return e.stop()}}),e)})))),r.state={actionsMenuAnchorEl:null,isLoading:!1,isEditing:!1,openDeleteDialog:!1},r.inputEl=d(),r.commentEl=d(),r}return l(y,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"renderMenuIcon",value:function(){var e=this.isCurrentUserCommentCreator,t=this.isCurrentUserCommentCreator\|\|k(this.props.user)\|\|x(this.props.user);return t\|\|e?p("div",{className:z.cCommentMenu,children:[u(N,{"data-testid":"".concat("comment","_menuButton"),"aria-label":"Actions","aria-owns":this.state.actionsMenuAnchorEl?"c-comment__actions-menu":void 0,"aria-haspopup":"true",classes:{root:this.props.classes.iconButtonRoot},onClick:this.handleToggleActionsMenu,children:u(A,{htmlColor:s[400]})}),p(T,{id:"c-comment__actions-menu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:this.state.actionsMenuAnchorEl,open:!!this.state.actionsMenuAnchorEl,onClick:this.handleToggleActionsMenu,children:[e&&u(U,{"data-testid":"".concat("comment","_editMenuItem"),onClick:this.handleEditMenuItem,children:"Edit"}),t&&u(U,{"data-testid":"".concat("comment","_deleteMenuItem"),onClick:this.handleDeleteMenuItem,children:"Delete"})]})]}):null}},{key:"render",value:function(){var o,i,a=this,s=this.state,m=s.isLoading,l=s.isEditing;if(m){var d=this.props.spaceAround;return u(P,{spaceAround:d})}var h=this.props,f=h.comment,g=h.classes,y=h.spaceAround,b=h.isNative,C=h.patchCommentCallback,D=h.companyId;if(l)return u(_,function(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?L(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({inputRef:this.inputEl,postComment:r,exitEditMode:this.onEditFinish,setIsEditting:function(){return a.setState({isLoading:!0})},patchCommentCallback:C,companyId:D},this.getEditCommentProps()));var M=c.getUserFullName(f.user),k=b?"MM/DD HH:mm":"MM/DD/YY HH:mm",x=t(f.created_at).format(k),A=(null==f\|\|null===(o=f.attachment)\|\|void 0===o?void 0:o.signed_url)\|\|(null==f\|\|null===(i=f.attachment)\|\|void 0===i?void 0:i.url),N=n(f,["attachment","size"]);return p("div",{"data-testid":"".concat("comment","_commentItem_").concat(f.body),className:v(z.cComment,e({},z.cCommentNative,b)),ref:this.commentEl,children:[p(R,{spaceAround:y,className:this.props.classes.commentWrapper,children:[u("div",{style:B.chatAvatarWrapper,children:b?u(I,{size:26,displayName:M,imgSrc:n(f,["user","profile_photo"]),className:this.props.classes.avatar}):u(O,{user:f.user,currentUser:this.props.currentUser,children:u(I,{size:26,displayName:M,imgSrc:n(f,["user","profile_photo"]),className:this.props.classes.avatar})})}),p("div",{style:B.infoContainer,children:[u("div",{children:p("div",{style:B.commentInfoContainer,children:[u("div",{style:B.userNameWrapper,children:u(E,{"data-testid":"".concat("comment","_userName"),variant:"subtitle2",noWrap:!0,className:g.userName,children:M})}),u("div",{style:B.timeWrapper,children:u(E,{"data-testid":"".concat("comment","_addTime"),variant:"caption",classes:{root:g.timeRoot},children:x})})]})}),p("div",{className:z.cCommentBody,children:[this.renderMenuIcon(),u(E,{"data-testid":"".concat("comment","_commentMessage"),variant:"body1",classes:{root:g.textRoot},children:j(f.body,f.mentioned_users,b,"#00bcd4",this.props.currentUser)}),A&&u(S,{attachmentUrl:A,attachmentSize:N,size:"small"})]})]})]}),this.state.openDeleteDialog&&u(w,{open:this.state.openDeleteDialog,text:"Do you really want to delete comment?",handleClose:function(){return a.setState({openDeleteDialog:!1})},handleOk:this.handleDelete,okText:"Delete"})]})}},{key:"isCurrentUserCommentCreator",get:function(){return Number(n(this.props.comment,["user","id"]))===Number(this.props.currentUser.id)}}]),y}();F.propTypes={comment:g.shape({}).isRequired,showOnMount:g.bool,spaceAround:g.bool,handleShowOnMount:g.func,handleEdit:g.func,handleDeleteCallback:g.func.isRequired,patchCommentCallback:g.func.isRequired,companyId:g.number,currentUser:g.shape(),classes:g.shape({}).isRequired,isNative:g.bool},F.defaultProps={showOnMount:!1,spaceAround:!1,handleShowOnMount:r,handleEdit:r,companyId:null,isNative:m,currentUser:{}};var H=y(q)(F);export default H;
1	+ import e from"@babel/runtime/helpers/defineProperty";import{noop as t,get as r}from"lodash";import n from"moment";import o from"@babel/runtime/helpers/classCallCheck";import i from"@babel/runtime/regenerator";import a from"@babel/runtime/helpers/asyncToGenerator";import s from"@material-ui/core/colors/grey";import c from"../../utils/main.js";import{isNativeDetected as m}from"../../utils/mobileDetect.js";import l from"@babel/runtime/helpers/createClass";import{jsxs as p,jsx as u}from"react/jsx-runtime";import{createRef as d,PureComponent as h}from"react";import{deleteFeedItemComment as f}from"../../clients/jsonApi/index.js";import g from"prop-types";import v from"classnames";import{withStyles as y}from"@material-ui/core/styles";import b from"@babel/runtime/helpers/assertThisInitialized";import C from"@babel/runtime/helpers/inherits";import D from"@babel/runtime/helpers/possibleConstructorReturn";import M from"@babel/runtime/helpers/getPrototypeOf";import E from"../Avatar/index.js";import w from"@material-ui/core/Typography";import I from"../UserCardPopover.js";import{formatMentionText as O}from"../UserMention/utils/index.js";import{isUserAdmin as j,isUserCorvaAdmin as k}from"../../utils/user.js";import x from"@material-ui/icons/MoreVert";import A from"../ConfirmationDialog.js";import N from"@material-ui/core/IconButton";import S from"../Attachment/index.js";import _ from"../CommentInput/index.js";import R from"../CommentWrapper.js";import P from"../CommentLoader.js";import T from"@material-ui/core/Menu";import U from"@material-ui/core/MenuItem";import z from"./styles.css.js";function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function W(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=M(e);if(t){var o=M(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return D(this,r)}}var B={chatAvatarWrapper:{paddingTop:2,position:"absolute",top:6,left:-18},commentInfoContainer:{display:"inline-flex",alignItems:"center",width:"100%",paddingTop:5},userNameWrapper:{overflow:"hidden"},infoContainer:{display:"inline-block",verticalAlign:"top",width:"100%",paddingLeft:10}},q={commentWrapper:{width:"calc(100% - 10px)"},timeRoot:{color:s[700],float:"right",marginRight:5,marginLeft:10,fontSize:"10px"},textRoot:{marginTop:5,color:"#CCC",fontWeight:"normal",fontSize:"14px"},iconButtonRoot:{float:"right",height:40,width:40,padding:0,visibility:"hidden"},userName:{fontSize:"12px"}},F=function(m){C(y,h);var g=W(y);function y(t){var r,n;return o(this,y),r=g.call(this,t),e(b(r),"deleteComment",(n=a(i.mark((function e(t,r){var n;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f(t,r);case 3:n=e.sent,e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.error(e.t0);case 9:return e.abrupt("return",n);case 10:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return n.apply(this,arguments)})),e(b(r),"showIntoView",(function(){r.props.handleShowOnMount(),r.commentEl.current.scrollIntoView({block:"end"})})),e(b(r),"handleToggleActionsMenu",(function(e){var t=e.currentTarget;r.setState((function(e){return{actionsMenuAnchorEl:e.actionsMenuAnchorEl?null:t}}))})),e(b(r),"handleKeyDown",(function(e){27===e.keyCode&&r.setState({isEditing:!1}),document.removeEventListener("keydown",r.handleKeyDown,!1)})),e(b(r),"handleEditMenuItem",(function(){document.addEventListener("keydown",r.handleKeyDown,!1),r.setState({isEditing:!0},(function(){r.inputEl.current&&r.inputEl.current.focus()}))})),e(b(r),"getEditCommentProps",(function(){var e=r.props.comment,t=e.id,n=e.body,o=e.attachment;return{editFeedItemId:e.feed_activity_id,editCommentId:t,editComment:n,editAttachment:o}})),e(b(r),"onEditFinish",(function(){r.setState({isEditing:!1,isLoading:!1})})),e(b(r),"handleDeleteMenuItem",(function(){r.setState({openDeleteDialog:!0})})),e(b(r),"handleDelete",a(i.mark((function e(){var t,n,o;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=r.props.comment.id,n=r.props.comment.feed_activity_id,r.setState({isLoading:!0}),e.next=5,r.deleteComment(n,t);case 5:o=e.sent,r.setState({isLoading:!1,openDeleteDialog:!1}),o&&r.props.handleDeleteCallback(t);case 8:case"end":return e.stop()}}),e)})))),r.state={actionsMenuAnchorEl:null,isLoading:!1,isEditing:!1,openDeleteDialog:!1},r.inputEl=d(),r.commentEl=d(),r}return l(y,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"renderMenuIcon",value:function(){var e=this.isCurrentUserCommentCreator,t=this.isCurrentUserCommentCreator\|\|j(this.props.user)\|\|k(this.props.user);return t\|\|e?p("div",{className:z.cCommentMenu,children:[u(N,{"data-testid":"".concat("comment","_menuButton"),"aria-label":"Actions","aria-owns":this.state.actionsMenuAnchorEl?"c-comment__actions-menu":void 0,"aria-haspopup":"true",classes:{root:this.props.classes.iconButtonRoot},onClick:this.handleToggleActionsMenu,children:u(x,{htmlColor:s[400]})}),p(T,{id:"c-comment__actions-menu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:this.state.actionsMenuAnchorEl,open:!!this.state.actionsMenuAnchorEl,onClick:this.handleToggleActionsMenu,children:[e&&u(U,{"data-testid":"".concat("comment","_editMenuItem"),onClick:this.handleEditMenuItem,children:"Edit"}),t&&u(U,{"data-testid":"".concat("comment","_deleteMenuItem"),onClick:this.handleDeleteMenuItem,children:"Delete"})]})]}):null}},{key:"render",value:function(){var o,i,a=this,s=this.state,m=s.isLoading,l=s.isEditing;if(m){var d=this.props.spaceAround;return u(P,{spaceAround:d})}var h=this.props,f=h.comment,g=h.classes,y=h.spaceAround,b=h.isNative,C=h.patchCommentCallback,D=h.companyId;if(l)return u(_,function(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?L(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({inputRef:this.inputEl,postComment:t,exitEditMode:this.onEditFinish,setIsEditting:function(){return a.setState({isLoading:!0})},patchCommentCallback:C,companyId:D},this.getEditCommentProps()));var M=c.getUserFullName(f.user),j=b?"MM/DD HH:mm":"MM/DD/YY HH:mm",k=n(f.created_at).format(j),x=(null==f\|\|null===(o=f.attachment)\|\|void 0===o?void 0:o.signed_url)\|\|(null==f\|\|null===(i=f.attachment)\|\|void 0===i?void 0:i.url),N=r(f,["attachment","size"]);return p("div",{"data-testid":"".concat("comment","_commentItem_").concat(f.body),className:v(z.cComment,e({},z.cCommentNative,b)),ref:this.commentEl,children:[p(R,{spaceAround:y,className:this.props.classes.commentWrapper,children:[u("div",{style:B.chatAvatarWrapper,children:b?u(E,{size:26,displayName:M,imgSrc:r(f,["user","profile_photo"]),className:this.props.classes.avatar}):u(I,{user:f.user,currentUser:this.props.currentUser,children:u(E,{size:26,displayName:M,imgSrc:r(f,["user","profile_photo"]),className:this.props.classes.avatar})})}),p("div",{style:B.infoContainer,children:[u("div",{children:p("div",{style:B.commentInfoContainer,children:[u("div",{style:B.userNameWrapper,children:u(w,{"data-testid":"".concat("comment","_userName"),variant:"subtitle2",noWrap:!0,className:g.userName,children:M})}),u("div",{style:B.timeWrapper,children:u(w,{"data-testid":"".concat("comment","_addTime"),variant:"caption",classes:{root:g.timeRoot},children:k})})]})}),p("div",{className:z.cCommentBody,children:[this.renderMenuIcon(),u(w,{"data-testid":"".concat("comment","_commentMessage"),variant:"body1",classes:{root:g.textRoot},children:O(f.body,f.mentioned_users,b,"#00bcd4",this.props.currentUser)}),x&&u(S,{attachmentUrl:x,attachmentSize:N,size:"small"})]})]})]}),this.state.openDeleteDialog&&u(A,{open:this.state.openDeleteDialog,text:"Do you really want to delete comment?",handleClose:function(){return a.setState({openDeleteDialog:!1})},handleOk:this.handleDelete,okText:"Delete"})]})}},{key:"isCurrentUserCommentCreator",get:function(){return Number(r(this.props.comment,["user","id"]))===Number(this.props.currentUser.id)}}]),y}();F.propTypes={comment:g.shape({}).isRequired,showOnMount:g.bool,spaceAround:g.bool,handleShowOnMount:g.func,handleEdit:g.func,handleDeleteCallback:g.func.isRequired,patchCommentCallback:g.func.isRequired,companyId:g.number,currentUser:g.shape(),classes:g.shape({}).isRequired,isNative:g.bool},F.defaultProps={showOnMount:!1,spaceAround:!1,handleShowOnMount:t,handleEdit:t,companyId:null,isNative:m,currentUser:{}};var H=y(q)(F);export default H;

package/components/Comment/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/Comment/index.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { get, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport grey from '@material-ui/core/colors/grey';\n\nimport CommentWrapper from '~components/CommentWrapper';\nimport CommentLoader from '~components/CommentLoader';\nimport CommentInput from '~components/CommentInput';\nimport Avatar from '~components/Avatar';\nimport Attachment from '~components/Attachment';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport UserCardPopover from '~components/UserCardPopover';\n\nimport { formatMentionText } from '~components/UserMention/utils';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { isUserAdmin, isUserCorvaAdmin } from '~utils/user';\n\nimport { deleteFeedItemComment } from '../../clients/jsonApi';\n\nimport utils from '~utils/main';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'comment';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY HH:mm';\nconst CREATED_AT_FORMAT_NATIVE = 'MM/DD HH:mm';\n\nconst style = {\n chatAvatarWrapper: {\n paddingTop: 2,\n position: 'absolute',\n top: 6,\n left: -18,\n },\n commentInfoContainer: {\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n paddingTop: 5,\n },\n userNameWrapper: { overflow: 'hidden' },\n infoContainer: {\n display: 'inline-block',\n verticalAlign: 'top',\n width: '100%',\n paddingLeft: 10,\n },\n};\n\nconst muiStyles = {\n commentWrapper: { width: 'calc(100% - 10px)' },\n timeRoot: {\n color: grey[700],\n float: 'right',\n marginRight: 5,\n marginLeft: 10,\n fontSize: '10px',\n },\n textRoot: {\n marginTop: 5,\n color: '#CCC',\n fontWeight: 'normal',\n fontSize: '14px',\n },\n iconButtonRoot: {\n float: 'right',\n height: 40,\n width: 40,\n padding: 0,\n visibility: 'hidden',\n },\n userName: {\n fontSize: '12px',\n },\n};\n\nclass Comment extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n actionsMenuAnchorEl: null,\n isLoading: false,\n isEditing: false,\n openDeleteDialog: false,\n };\n this.inputEl = createRef();\n this.commentEl = createRef();\n }\n\n componentDidMount() {\n if (this.props.showOnMount) {\n this.showIntoView();\n }\n }\n\n get isCurrentUserCommentCreator() {\n return Number(get(this.props.comment, ['user', 'id'])) === Number(this.props.currentUser.id);\n }\n\n deleteComment = async (feedItemId, commentId) => {\n let commentResponse;\n\n try {\n commentResponse = await deleteFeedItemComment(feedItemId, commentId);\n } catch (e) {\n console.error(e);\n }\n\n return commentResponse;\n };\n\n showIntoView = () => {\n this.props.handleShowOnMount();\n this.commentEl.current.scrollIntoView({ block: 'end' });\n };\n\n handleToggleActionsMenu = event => {\n const currentT = event.currentTarget;\n this.setState(({ actionsMenuAnchorEl }) => ({\n actionsMenuAnchorEl: actionsMenuAnchorEl ? null : currentT,\n }));\n };\n\n handleKeyDown = event => {\n if (event.keyCode === 27) {\n this.setState({\n isEditing: false,\n });\n }\n document.removeEventListener('keydown', this.handleKeyDown, false);\n };\n\n handleEditMenuItem = () => {\n document.addEventListener('keydown', this.handleKeyDown, false);\n this.setState(\n {\n isEditing: true,\n },\n () => {\n if (this.inputEl.current) this.inputEl.current.focus();\n }\n );\n };\n\n // TODO: move to one prop, not multiple\n getEditCommentProps = () => {\n const { comment } = this.props;\n const editCommentId = comment.id;\n const editComment = comment.body;\n const editAttachment = comment.attachment;\n const editFeedItemId = comment.feed_activity_id;\n return {\n editFeedItemId,\n editCommentId,\n editComment,\n editAttachment,\n };\n };\n\n onEditFinish = () => {\n this.setState({ isEditing: false, isLoading: false });\n };\n\n handleDeleteMenuItem = () => {\n this.setState({ openDeleteDialog: true });\n };\n\n handleDelete = async () => {\n const { id } = this.props.comment;\n const feedItemId = this.props.comment.feed_activity_id;\n\n this.setState({ isLoading: true });\n\n const response = await this.deleteComment(feedItemId, id);\n\n this.setState({ isLoading: false, openDeleteDialog: false });\n if (response) this.props.handleDeleteCallback(id);\n };\n\n renderMenuIcon() {\n const showEdit = this.isCurrentUserCommentCreator;\n\n const showDelete =\n this.isCurrentUserCommentCreator ||\n isUserAdmin(this.props.user) ||\n isUserCorvaAdmin(this.props.user);\n\n if (!(showDelete || showEdit)) return null;\n\n return (\n <div className={styles.cCommentMenu}>\n <IconButton\n data-testid={`${PAGE_NAME}_menuButton`}\n aria-label=\"Actions\"\n aria-owns={this.state.actionsMenuAnchorEl ? 'c-comment__actions-menu' : undefined}\n aria-haspopup=\"true\"\n classes={{ root: this.props.classes.iconButtonRoot }}\n onClick={this.handleToggleActionsMenu}\n >\n <MoreVertIcon htmlColor={grey[400]} />\n </IconButton>\n\n <Menu\n id=\"c-comment__actions-menu\"\n anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n anchorEl={this.state.actionsMenuAnchorEl}\n open={!!this.state.actionsMenuAnchorEl}\n onClick={this.handleToggleActionsMenu}\n >\n {showEdit && (\n <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={this.handleEditMenuItem}>\n Edit\n </MenuItem>\n )}\n\n {showDelete && (\n <MenuItem\n data-testid={`${PAGE_NAME}_deleteMenuItem`}\n onClick={this.handleDeleteMenuItem}\n >\n Delete\n </MenuItem>\n )}\n </Menu>\n </div>\n );\n }\n\n render() {\n const { isLoading, isEditing } = this.state;\n\n if (isLoading) {\n const { spaceAround } = this.props;\n return <CommentLoader spaceAround={spaceAround} />;\n }\n\n const { comment, classes, spaceAround, isNative, patchCommentCallback, companyId } = this.props;\n\n if (isEditing) {\n return (\n <CommentInput\n inputRef={this.inputEl}\n postComment={noop}\n exitEditMode={this.onEditFinish}\n setIsEditting={() => this.setState({ isLoading: true })}\n patchCommentCallback={patchCommentCallback}\n companyId={companyId}\n {...this.getEditCommentProps()}\n />\n );\n }\n\n const userFullName = utils.getUserFullName(comment.user);\n\n const format = isNative ? CREATED_AT_FORMAT_NATIVE : CREATED_AT_FORMAT;\n const time = moment(comment.created_at).format(format);\n\n const attachmentUrl = comment?.attachment?.signed_url || comment?.attachment?.url;\n const attachmentSize = get(comment, ['attachment', 'size']);\n\n return (\n <div\n data-testid={`${PAGE_NAME}_commentItem_${comment.body}`}\n className={classNames(styles.cComment, { [styles.cCommentNative]: isNative })}\n ref={this.commentEl}\n >\n <CommentWrapper spaceAround={spaceAround} className={this.props.classes.commentWrapper}>\n <div style={style.chatAvatarWrapper}>\n {isNative ? (\n <Avatar\n size={26}\n displayName={userFullName}\n imgSrc={get(comment, ['user', 'profile_photo'])}\n className={this.props.classes.avatar}\n />\n ) : (\n <UserCardPopover user={comment.user} currentUser={this.props.currentUser}>\n <Avatar\n size={26}\n displayName={userFullName}\n imgSrc={get(comment, ['user', 'profile_photo'])}\n className={this.props.classes.avatar}\n />\n </UserCardPopover>\n )}\n </div>\n\n <div style={style.infoContainer}>\n <div>\n <div style={style.commentInfoContainer}>\n <div style={style.userNameWrapper}>\n <Typography\n data-testid={`${PAGE_NAME}_userName`}\n variant=\"subtitle2\"\n noWrap\n className={classes.userName}\n >\n {userFullName}\n </Typography>\n </div>\n\n <div style={style.timeWrapper}>\n <Typography\n data-testid={`${PAGE_NAME}_addTime`}\n variant=\"caption\"\n classes={{ root: classes.timeRoot }}\n >\n {time}\n </Typography>\n </div>\n </div>\n </div>\n\n <div className={styles.cCommentBody}>\n {this.renderMenuIcon()}\n <Typography\n data-testid={`${PAGE_NAME}_commentMessage`}\n variant=\"body1\"\n classes={{ root: classes.textRoot }}\n >\n {formatMentionText(\n comment.body,\n comment.mentioned_users,\n isNative,\n '#00bcd4',\n this.props.currentUser\n )}\n </Typography>\n\n {attachmentUrl && (\n <Attachment\n attachmentUrl={attachmentUrl}\n attachmentSize={attachmentSize}\n size=\"small\"\n />\n )}\n </div>\n </div>\n </CommentWrapper>\n\n {this.state.openDeleteDialog && (\n <ConfirmationDialog\n open={this.state.openDeleteDialog}\n text=\"Do you really want to delete comment?\"\n handleClose={() => this.setState({ openDeleteDialog: false })}\n handleOk={this.handleDelete}\n okText=\"Delete\"\n />\n )}\n </div>\n );\n }\n}\n\nComment.propTypes = {\n comment: PropTypes.shape({}).isRequired,\n showOnMount: PropTypes.bool,\n spaceAround: PropTypes.bool,\n handleShowOnMount: PropTypes.func,\n handleEdit: PropTypes.func,\n handleDeleteCallback: PropTypes.func.isRequired,\n patchCommentCallback: PropTypes.func.isRequired,\n companyId: PropTypes.number,\n currentUser: PropTypes.shape(),\n\n classes: PropTypes.shape({}).isRequired,\n isNative: PropTypes.bool,\n};\n\nComment.defaultProps = {\n showOnMount: false,\n spaceAround: false,\n handleShowOnMount: noop,\n handleEdit: noop,\n companyId: null,\n\n isNative: isNativeDetected,\n\n currentUser: {},\n};\n\nexport default withStyles(muiStyles)(Comment);\n"],"names":["PAGE_NAME","CREATED_AT_FORMAT","CREATED_AT_FORMAT_NATIVE","style","chatAvatarWrapper","paddingTop","position","top","left","commentInfoContainer","display","alignItems","width","userNameWrapper","overflow","infoContainer","verticalAlign","paddingLeft","muiStyles","commentWrapper","timeRoot","color","grey","float","marginRight","marginLeft","fontSize","textRoot","marginTop","fontWeight","iconButtonRoot","height","padding","visibility","userName","Comment","props","feedItemId","commentId","deleteFeedItemComment","commentResponse","console","error","handleShowOnMount","commentEl","current","scrollIntoView","block","event","currentT","currentTarget","setState","actionsMenuAnchorEl","keyCode","isEditing","document","removeEventListener","handleKeyDown","addEventListener","inputEl","focus","comment","editCommentId","id","editComment","body","editAttachment","attachment","editFeedItemId","feed_activity_id","isLoading","openDeleteDialog","deleteComment","response","handleDeleteCallback","state","createRef","showOnMount","showIntoView","showEdit","isCurrentUserCommentCreator","showDelete","isUserAdmin","user","isUserCorvaAdmin","_jsxs","styles","cCommentMenu","_jsx","undefined","root","classes","handleToggleActionsMenu","vertical","horizontal","handleEditMenuItem","handleDeleteMenuItem","spaceAround","isNative","patchCommentCallback","companyId","noop","onEditFinish","getEditCommentProps","userFullName","utils","getUserFullName","format","time","moment","created_at","attachmentUrl","signed_url","url","attachmentSize","get","classNames","cComment","cCommentNative","avatar","currentUser","timeWrapper","cCommentBody","renderMenuIcon","formatMentionText","mentioned_users","handleDelete","Number","PureComponent","propTypes","PropTypes","shape","isRequired","bool","func","handleEdit","number","defaultProps","isNativeDetected","withStyles"],"mappings":"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"}

package/components/Comment/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/CommentInput/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/CommentInput/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { get } from 'lodash';\n\nimport {\n Typography,\n TextField,\n IconButton,\n InputAdornment,\n Paper,\n Tooltip,\n} from '@material-ui/core';\n\nimport grey from '@material-ui/core/colors/grey';\n\nimport Avatar from '~components/Avatar';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport UserMention from '~components/UserMention';\nimport FilePreview from '~components/FilePreview';\nimport SendIcon from '~components/Icons/SendIcon';\n\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\n\nimport utils from '~utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { notifyCommentEdit, notifyCommentPost } from '~utils/nativeMessages'; // question here\n\nimport { patchFeedItemComment } from '../../clients/jsonApi';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'commentInput';\n\nconst style = {\n chatAvatarWrapper: {\n display: 'inline-block',\n verticalAlign: 'top',\n position: 'absolute',\n left: -18,\n },\n commentTextFieldContainer: { position: 'relative', margin: '0' },\n commentTextFieldContainerSpaceAround: { position: 'relative', margin: '20px 10px' },\n};\n\nconst muiStyles = theme => ({\n paperRoot: {\n width: 'calc(100% - 28px)', // NOTE: 28 is a settings icon size.\n marginLeft: 25,\n display: 'inline-block',\n height: 35,\n border: '0',\n '&:focus-within': {\n boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n },\n boxShadow: 'none',\n },\n input: {\n paddingLeft: 5,\n width: '100%',\n },\n inputRoot: {\n height: 35,\n paddingRight: '10px',\n lineHeight: '29px',\n paddingLeft: '10px',\n },\n inputEl: { padding: '0 0 0 6px', height: '100%' },\n additionalActionButton: {\n padding: '5px',\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n nativeActionButton: {\n margin: '5px 10px',\n cursor: 'pointer',\n },\n fileUploadingError: {\n marginTop: 10,\n marginLeft: 24,\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '.7rem',\n color: theme.palette.grey[700],\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n iconsContainer: {\n marginRight: '8px',\n },\n iconTooltip: {\n marginTop: '3px',\n },\n});\n\nclass CommentInput extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n comment: '',\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n\n attachmentLoadingError: null,\n };\n }\n\n componentDidMount() {\n if (this.isEditMode) {\n this.setInitialCommentValue();\n }\n }\n\n componentDidUpdate(prevProps) {\n const enteredEditMode = this.isEditMode && !prevProps.editFeedItemId;\n if (\n enteredEditMode ||\n (this.props.editCommentId && this.props.editCommentId !== prevProps.editCommentId)\n ) {\n this.setInitialCommentValue();\n }\n }\n\n get isEditMode() {\n return !!this.props.editFeedItemId;\n }\n\n setInitialCommentValue() {\n const attachmentUrl = this.props.editAttachment ? this.props.editAttachment.url : null;\n\n this.setState({\n comment: this.props.editComment,\n attachmentUrl,\n attachmentName: attachmentUrl ? utils.getFileNameWithExtensionFromPath(attachmentUrl) : null,\n attachmentSize: this.props.editAttachment ? this.props.editAttachment.url : null,\n });\n }\n\n handleSelectEmoji = emoji =>\n this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n postComment = async comment => {\n let commentResponse;\n try {\n commentResponse = await this.props.postComment(comment);\n } catch (e) {\n console.error(e.message);\n }\n\n return commentResponse;\n };\n\n patchComment = async comment => {\n const { editFeedItemId, editCommentId } = this.props;\n\n let commentResponse;\n\n try {\n commentResponse = await patchFeedItemComment(editFeedItemId, editCommentId, comment);\n } catch (e) {\n console.error(e.message);\n }\n\n return commentResponse;\n };\n\n focusOnRef() {\n if (this.props.inputRef) this.props.inputRef.current.focus();\n }\n\n clearCommentField = callback => {\n this.setState(\n {\n comment: '',\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n },\n () => {\n this.focusOnRef();\n if (callback && typeof callback === 'function') callback();\n }\n );\n };\n\n handleKeyDown = event => {\n const { key } = event;\n\n if (key === 'Escape') this.props.exitEditMode();\n\n if (key === 'Enter') {\n if (!isSuggestionsListOpened()) {\n event.preventDefault();\n this.handleSendComment();\n }\n }\n };\n\n handleAttachmentLoadingError = attachmentLoadingError => {\n this.setState({\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n attachmentLoadingError,\n });\n };\n\n handleFileUpload = (attachmentUrl, attachmentName, attachmentSize) => {\n this.setState({\n attachmentUrl,\n attachmentName,\n attachmentSize,\n attachmentLoadingError: null,\n });\n };\n\n handleNativeFileUpload = () => {\n const { comment } = this.state;\n\n if (this.isEditMode) {\n notifyCommentEdit(comment);\n this.clearCommentField(this.props.exitEditMode);\n } else {\n notifyCommentPost(comment);\n this.clearCommentField();\n }\n };\n\n handleFileDelete = () =>\n this.setState({ attachmentUrl: null, attachmentName: null, attachmentSize: null });\n\n handleSendComment = async () => {\n const textComment = this.state.comment ? this.state.comment.trim() : null;\n if (!textComment && !this.state.attachmentUrl) return;\n\n const comment = {\n comment: {\n body: textComment,\n attachment: {\n url: this.state.attachmentUrl,\n size: this.state.attachmentSize,\n file_name: this.state.attachmentName,\n },\n },\n };\n\n let commentResponse;\n\n if (this.isEditMode) {\n this.props.setIsEditting(true);\n\n commentResponse = await this.patchComment(comment);\n await this.props.patchCommentCallback(commentResponse);\n\n this.props.setIsEditting(false);\n this.clearCommentField();\n this.props.exitEditMode();\n } else {\n this.props.setIsPosting(true);\n\n commentResponse = await this.postComment(comment);\n await this.props.postCommentCallback(commentResponse);\n\n this.props.setIsPosting(false);\n this.clearCommentField();\n }\n };\n\n handleCloseEditClick = () => {\n this.setState({ comment: '' });\n this.props.exitEditMode();\n };\n\n render() {\n const { classes, currentUser } = this.props;\n\n const currentUserFullName = `${get(currentUser, [\n 'attributes',\n 'first_name',\n ])} ${get(currentUser, ['attributes', 'last_name'])}`;\n\n return (\n <div\n style={\n this.props.spaceAround\n ? style.commentTextFieldContainerSpaceAround\n : style.commentTextFieldContainer\n }\n >\n <div style={style.chatAvatarWrapper}>\n <Avatar\n displayName={currentUserFullName}\n // imgSrc={this.props.currentUser.get('profile_photo')}\n imgSrc={this.props.currentUser && this.props.currentUser.profile_photo}\n />\n </div>\n <Paper className={this.props.classes.paperRoot}>\n <TextField\n data-testid={`${PAGE_NAME}_input`}\n placeholder=\"Add Comment...\"\n FormHelperTextProps={{\n component: 'div',\n margin: 'dense',\n }}\n InputProps={{\n inputComponent: UserMention,\n inputProps: {\n onChange: comment => this.setState({ comment }),\n singleLine: true,\n value: this.state.comment || '',\n inputRef: this.props.inputRef,\n withLightTheme: false,\n onMount: this.props.onMount,\n companyId: this.props.companyId,\n autoFocus: this.props.autoFocus,\n disabled: this.props.disabled,\n },\n endAdornment: !this.props.isNative && (\n <InputAdornment position=\"end\" className={this.props.classes.iconsContainer}>\n {!this.state.attachmentUrl && (\n <Tooltip\n title=\"Attach File\"\n placement=\"bottom\"\n classes={{ tooltip: classes.iconTooltip }}\n >\n <div\n className={classNames(\n styles.cCommentInputIconContainer,\n styles.cCommentInputIconUpload\n )}\n >\n <FileUploadIconButton\n openPreviewDialogOnUpload={false}\n disableRipple\n onFinish={this.handleFileUpload}\n onError={this.handleAttachmentLoadingError}\n fileUploadIconClassName={this.props.classes.additionalActionButton}\n htmlColor={grey[400]}\n inputId={`comment-attachment-${this.props.editCommentId}`}\n />\n </div>\n </Tooltip>\n )}\n <Tooltip\n title=\"Add Emoji\"\n placement=\"bottom\"\n classes={{ tooltip: classes.iconTooltip }}\n >\n <div className={styles.cCommentInputIconContainer}>\n <EmojiIconButton\n data-testid={`${PAGE_NAME}_emojiButton`}\n handleSelectEmoji={this.handleSelectEmoji}\n emojiIconClassName={this.props.classes.additionalActionButton}\n htmlColor={grey[400]}\n disableRipple\n />\n </div>\n </Tooltip>\n </InputAdornment>\n ),\n disableUnderline: true,\n classes: {\n root: this.props.classes.inputRoot,\n input: this.props.classes.inputEl,\n },\n }}\n className={this.props.classes.input}\n onKeyDown={this.handleKeyDown}\n />\n </Paper>\n\n {this.state.attachmentLoadingError && (\n <FailedFileUploading\n errorMessage={this.state.attachmentLoadingError}\n className={this.props.classes.fileUploadingError}\n />\n )}\n\n {this.state.attachmentUrl && (\n <FilePreview\n fileName={this.state.attachmentName}\n fileUrl={this.state.attachmentUrl}\n handleFileDelete={this.handleFileDelete}\n classes={this.props.classes}\n />\n )}\n <div className={styles.cCommentInputSendContainer}>\n <div className={styles.cCommentInputSendContainerCancel}>\n {this.isEditMode && (\n <Typography\n variant=\"caption\"\n className={classNames(\n this.props.classes.inputMain,\n this.props.classes.cancelText,\n this.props.classes.highlightedLabel\n )}\n component=\"div\"\n gutterBottom\n onClick={this.props.exitEditMode}\n >\n Cancel\n </Typography>\n )}\n </div>\n <div className={styles.cCommentInputSendContainerSend}>\n <Typography\n variant=\"caption\"\n className={classNames(this.props.classes.inputMain, this.props.classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(\n this.props.classes.inputMain,\n this.props.classes.highlightedLabel\n )}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton data-testid={`${PAGE_NAME}_sendButton`} onClick={this.handleSendComment}>\n <SendIcon />\n </IconButton>\n </div>\n </div>\n </div>\n );\n }\n}\n\nCommentInput.propTypes = {\n inputRef: PropTypes.shape({ current: PropTypes.shape({ focus: PropTypes.shape({}) }) }),\n editFeedItemId: PropTypes.number,\n editCommentId: PropTypes.number,\n editComment: PropTypes.string,\n editAttachment: PropTypes.shape({ url: PropTypes.string }),\n spaceAround: PropTypes.bool,\n postComment: PropTypes.func.isRequired,\n postCommentCallback: PropTypes.func,\n patchCommentCallback: PropTypes.func,\n exitEditMode: PropTypes.func,\n setIsPosting: PropTypes.func,\n setIsEditting: PropTypes.func,\n onMount: PropTypes.func,\n autoFocus: PropTypes.bool,\n disabled: PropTypes.bool,\n\n classes: PropTypes.shape({}).isRequired,\n\n currentUser: PropTypes.shape(),\n isNative: PropTypes.bool,\n companyId: PropTypes.number,\n};\n\nCommentInput.defaultProps = {\n inputRef: null,\n editFeedItemId: null,\n editCommentId: null,\n editComment: null,\n editAttachment: {},\n spaceAround: false,\n setIsPosting: noop,\n setIsEditting: noop,\n onMount: noop,\n autoFocus: undefined,\n disabled: false,\n patchCommentCallback: noop,\n postCommentCallback: noop,\n exitEditMode: noop,\n companyId: null,\n currentUser: {},\n\n isNative: isNativeDetected,\n};\n\nexport default withStyles(muiStyles)(CommentInput);\n"],"names":["PAGE_NAME","style","chatAvatarWrapper","display","verticalAlign","position","left","commentTextFieldContainer","margin","commentTextFieldContainerSpaceAround","muiStyles","theme","paperRoot","width","marginLeft","height","border","boxShadow","palette","primary","main","input","paddingLeft","inputRoot","paddingRight","lineHeight","inputEl","padding","additionalActionButton","backgroundColor","nativeActionButton","cursor","fileUploadingError","marginTop","inputMain","marginBottom","fontSize","color","grey","inputHelper","cancelText","highlightedLabel","iconsContainer","marginRight","iconTooltip","CommentInput","props","emoji","setState","comment","native","postComment","commentResponse","console","error","message","editFeedItemId","editCommentId","patchFeedItemComment","callback","attachmentUrl","attachmentName","attachmentSize","focusOnRef","event","key","exitEditMode","isSuggestionsListOpened","preventDefault","handleSendComment","attachmentLoadingError","state","isEditMode","notifyCommentEdit","clearCommentField","notifyCommentPost","textComment","trim","body","attachment","url","size","file_name","setIsEditting","patchComment","patchCommentCallback","setIsPosting","postCommentCallback","setInitialCommentValue","prevProps","enteredEditMode","editAttachment","editComment","utils","getFileNameWithExtensionFromPath","inputRef","current","focus","classes","currentUser","currentUserFullName","get","_jsxs","spaceAround","_jsx","profile_photo","component","inputComponent","UserMention","inputProps","onChange","singleLine","value","withLightTheme","onMount","companyId","autoFocus","disabled","endAdornment","isNative","tooltip","classNames","styles","cCommentInputIconContainer","cCommentInputIconUpload","handleFileUpload","handleAttachmentLoadingError","handleSelectEmoji","disableUnderline","root","handleKeyDown","handleFileDelete","cCommentInputSendContainer","cCommentInputSendContainerCancel","cCommentInputSendContainerSend","PureComponent","propTypes","PropTypes","shape","number","string","bool","func","isRequired","defaultProps","noop","undefined","isNativeDetected","withStyles"],"mappings":"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"}

package/components/CommentInput/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/CommentLoader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentLoader.js","sources":["../../src/components/CommentLoader.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n // NOTE: Centers the LoadingIndicator\n loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n commentWrapper: {\n width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n },\n};\n\nclass CommentLoader extends PureComponent {\n constructor(props) {\n super(props);\n\n this.commentLoaderEl = createRef();\n }\n\n componentDidMount() {\n if (this.props.showOnMount) {\n this.showIntoView();\n }\n }\n\n showIntoView = () => {\n this.commentLoaderEl.current.scrollIntoView({ block: 'end' });\n };\n\n render() {\n return (\n <div ref={this.commentLoaderEl}>\n <CommentWrapper\n spaceAround={this.props.spaceAround}\n isLoader\n className={this.props.classes.commentWrapper}\n >\n <div style={styles.loadingIndicatorWrapper}>\n <LoadingIndicator fullscreen={false} size={30} />\n </div>\n </CommentWrapper>\n </div>\n );\n }\n}\n\nCommentLoader.propTypes = {\n showOnMount: PropTypes.bool,\n spaceAround: PropTypes.bool,\n\n classes: PropTypes.shape({}).isRequired\n};\n\nCommentLoader.defaultProps = {\n showOnMount: false,\n spaceAround: false,\n};\n\nexport default withStyles(muiStyles)(CommentLoader);\n"],"names":["styles","loadingIndicatorWrapper","padding","muiStyles","commentWrapper","width","CommentLoader","props","commentLoaderEl","current","scrollIntoView","block","createRef","showOnMount","showIntoView","_jsx","spaceAround","classes","PureComponent","propTypes","PropTypes","bool","shape","isRequired","defaultProps","withStyles"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAMA,MAAM,GAAG;AACb;AACAC,EAAAA,uBAAuB,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAFZ,CAAf;AAKA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,cAAc,EAAE;AACdC,IAAAA,KAAK,EAAE,mBADO;;AAAA;AADA,CAAlB;;IAMMC;;;;;AACJ,yBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,mEAYJ,YAAM;AACnB,YAAKC,eAAL,CAAqBC,OAArB,CAA6BC,cAA7B,CAA4C;AAAEC,QAAAA,KAAK,EAAE;AAAT,OAA5C;AACD,KAdkB;;AAGjB,UAAKH,eAAL,GAAuBI,SAAS,EAAhC;AAHiB;AAIlB;;;;wCAEmB;AAClB,UAAI,KAAKL,KAAL,CAAWM,WAAf,EAA4B;AAC1B,aAAKC,YAAL;AACD;AACF;;;6BAMQ;AACP,0BACEC;AAAK,QAAA,GAAG,EAAE,KAAKP,eAAf;AAAA,+BACEO,IAAC,cAAD;AACE,UAAA,WAAW,EAAE,KAAKR,KAAL,CAAWS,WAD1B;AAEE,UAAA,QAAQ,MAFV;AAGE,UAAA,SAAS,EAAE,KAAKT,KAAL,CAAWU,OAAX,CAAmBb,cAHhC;AAAA,iCAKEW;AAAK,YAAA,KAAK,EAAEf,MAAM,CAACC,uBAAnB;AAAA,mCACEc,IAAC,gBAAD;AAAkB,cAAA,UAAU,EAAE,KAA9B;AAAqC,cAAA,IAAI,EAAE;AAA3C;AADF;AALF;AADF,QADF;AAaD;;;;EA/ByBG;;AAkC5BZ,aAAa,CAACa,SAAd,GAA0B;AACxBN,EAAAA,WAAW,EAAEO,SAAS,CAACC,IADC;AAExBL,EAAAA,WAAW,EAAEI,SAAS,CAACC,IAFC;AAIxBJ,EAAAA,OAAO,EAAEG,SAAS,CAACE,KAAV,CAAgB,EAAhB,EAAoBC;AAJL,CAA1B;AAOAjB,aAAa,CAACkB,YAAd,GAA6B;AAC3BX,EAAAA,WAAW,EAAE,KADc;AAE3BG,EAAAA,WAAW,EAAE;AAFc,CAA7B;AAKA,sBAAeS,UAAU,CAACtB,SAAD,CAAV,CAAsBG,aAAtB,CAAf;;;;"}

package/components/CommentWrapper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentWrapper.js","sources":["../../src/components/CommentWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\n\nconst muiStyles = {\n paperBase: { backgroundColor: 'transparent', position: 'relative' },\n // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment\n paperRoot: { margin: '5px 0', padding: '6px 5px', minHeight: 60 },\n // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment\n paperRootSpaceAround: { margin: '5px 0 10px', padding: 11 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment\n paperRootLoader: { margin: '5px 0', minHeight: 60 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment with space around\n paperRootLoaderSpaceAround: { margin: '5px 0 10px', padding: '4px 0 6px' },\n};\n\nconst getPaperRoot = (classes, spaceAround, isLoader) => {\n if (isLoader && spaceAround) {\n return classes.paperRootLoaderSpaceAround;\n } else if (isLoader && !spaceAround) {\n return classes.paperRootLoader;\n } else if (!isLoader && spaceAround) {\n return classes.paperRootSpaceAround;\n } else if (!isLoader && !spaceAround) {\n return classes.paperRoot;\n }\n\n return null;\n};\n\nconst CommentWrapper = ({ spaceAround, isLoader, children, classes, className }) => (\n <Paper\n className={classNames(\n getPaperRoot(classes, spaceAround, isLoader),\n classes.paperBase,\n className\n )}\n elevation={0}\n >\n {children}\n </Paper>\n);\n\nCommentWrapper.propTypes = {\n spaceAround: PropTypes.bool,\n isLoader: PropTypes.bool,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n\n classes: PropTypes.shape({}).isRequired,\n};\n\nCommentWrapper.defaultProps = {\n spaceAround: false,\n isLoader: false,\n className: undefined,\n};\n\nexport default withStyles(muiStyles)(CommentWrapper);\n"],"names":["muiStyles","paperBase","backgroundColor","position","paperRoot","margin","padding","minHeight","paperRootSpaceAround","paperRootLoader","paperRootLoaderSpaceAround","getPaperRoot","classes","spaceAround","isLoader","CommentWrapper","children","className","_jsx","classNames","propTypes","PropTypes","bool","node","isRequired","string","shape","defaultProps","undefined","withStyles"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,eAAe,EAAE,aAAnB;AAAkCC,IAAAA,QAAQ,EAAE;AAA5C,GADK;AAEhB;AACAC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,MAAM,EAAE,OAAV;AAAmBC,IAAAA,OAAO,EAAE,SAA5B;AAAuCC,IAAAA,SAAS,EAAE;AAAlD,GAHK;AAIhB;AACAC,EAAAA,oBAAoB,EAAE;AAAEH,IAAAA,MAAM,EAAE,YAAV;AAAwBC,IAAAA,OAAO,EAAE;AAAjC,GALN;AAMhB;AACAG,EAAAA,eAAe,EAAE;AAAEJ,IAAAA,MAAM,EAAE,OAAV;AAAmBE,IAAAA,SAAS,EAAE;AAA9B,GAPD;AAQhB;AACAG,EAAAA,0BAA0B,EAAE;AAAEL,IAAAA,MAAM,EAAE,YAAV;AAAwBC,IAAAA,OAAO,EAAE;AAAjC;AATZ,CAAlB;;AAYA,IAAMK,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAUC,WAAV,EAAuBC,QAAvB,EAAoC;AACvD,MAAIA,QAAQ,IAAID,WAAhB,EAA6B;AAC3B,WAAOD,OAAO,CAACF,0BAAf;AACD,GAFD,MAEO,IAAII,QAAQ,IAAI,CAACD,WAAjB,EAA8B;AACnC,WAAOD,OAAO,CAACH,eAAf;AACD,GAFM,MAEA,IAAI,CAACK,QAAD,IAAaD,WAAjB,EAA8B;AACnC,WAAOD,OAAO,CAACJ,oBAAf;AACD,GAFM,MAEA,IAAI,CAACM,QAAD,IAAa,CAACD,WAAlB,EAA+B;AACpC,WAAOD,OAAO,CAACR,SAAf;AACD;;AAED,SAAO,IAAP;AACD,CAZD;;AAcA,IAAMW,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGF,WAAH,QAAGA,WAAH;AAAA,MAAgBC,QAAhB,QAAgBA,QAAhB;AAAA,MAA0BE,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCJ,OAApC,QAAoCA,OAApC;AAAA,MAA6CK,SAA7C,QAA6CA,SAA7C;AAAA,sBACrBC,IAAC,KAAD;AACE,IAAA,SAAS,EAAEC,UAAU,CACnBR,YAAY,CAACC,OAAD,EAAUC,WAAV,EAAuBC,QAAvB,CADO,EAEnBF,OAAO,CAACX,SAFW,EAGnBgB,SAHmB,CADvB;AAME,IAAA,SAAS,EAAE,CANb;AAAA,cAQGD;AARH,IADqB;AAAA,CAAvB;;AAaAD,cAAc,CAACK,SAAf,GAA2B;AACzBP,EAAAA,WAAW,EAAEQ,SAAS,CAACC,IADE;AAEzBR,EAAAA,QAAQ,EAAEO,SAAS,CAACC,IAFK;AAGzBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,IAAV,CAAeC,UAHA;AAIzBP,EAAAA,SAAS,EAAEI,SAAS,CAACI,MAJI;AAMzBb,EAAAA,OAAO,EAAES,SAAS,CAACK,KAAV,CAAgB,EAAhB,EAAoBF;AANJ,CAA3B;AASAT,cAAc,CAACY,YAAf,GAA8B;AAC5Bd,EAAAA,WAAW,EAAE,KADe;AAE5BC,EAAAA,QAAQ,EAAE,KAFkB;AAG5BG,EAAAA,SAAS,EAAEW;AAHiB,CAA9B;AAMA,uBAAeC,UAAU,CAAC7B,SAAD,CAAV,CAAsBe,cAAtB,CAAf;;;;"}

package/components/CommentsInfo/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/CommentsInfo/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nimport Tooltip from '~components/Tooltip';\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines\n\nconst getUserFullName = user => (user ? `${user.first_name} ${user.last_name}` : '');\n\nconst ReactionsTooltip = ({ users, noReactionsText }) => {\n const reactionsAmount = users.length;\n if (!reactionsAmount) {\n return noReactionsText;\n }\n\n let reactionsInvisibleText = '';\n\n if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {\n const reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;\n reactionsInvisibleText = `\\nand ${reactionsInvisibleAmount} more...`;\n }\n\n const reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\\n');\n\n return `${reactionsVisibleText}${reactionsInvisibleText}`;\n};\n\nconst NO_LIKES_TEXT = 'Nobody likes this yet...';\nconst NO_COMMENTS_TEXT = 'Nobody commented this yet...';\n\nconst CommentsInfo = ({\n likesCount,\n usersWhoLike,\n commentsCount,\n usersWhoCommented,\n onCommentsClick,\n currentUser,\n activeUsersList,\n classes,\n isNative,\n small,\n}) => (\n <>\n {!!likesCount && (\n <Tooltip\n title={<ReactionsTooltip users={usersWhoLike} noReactionsText={NO_LIKES_TEXT} />}\n enterTouchDelay={0}\n >\n <Typography\n data-testid={`${PAGE_NAME}_likesCounter_${likesCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Likes {likesCount}\n </Typography>\n </Tooltip>\n )}\n\n {!!commentsCount && (\n <span onClick={onCommentsClick}>\n <Tooltip\n title={<ReactionsTooltip users={usersWhoCommented} noReactionsText={NO_COMMENTS_TEXT} />}\n enterTouchDelay={0}\n >\n <Typography\n data-testid={`${PAGE_NAME}_commentsCounter_${commentsCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Comments {commentsCount}\n </Typography>\n </Tooltip>\n </span>\n )}\n <div\n data-testid={`${PAGE_NAME}_activeUsersCounter_${activeUsersList && activeUsersList.length}`}\n className={styles.cCommentsInfoActiveUsersList}\n >\n {activeUsersList.map(user =>\n isNative ? (\n <Avatar\n key={user.id}\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n className={classNames(classes.avatar, classes.avatarInList)}\n size={small ? 25 : 35}\n />\n ) : (\n <UserCardPopover key={user.id} user={user} currentUser={currentUser}>\n <Avatar\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n size={small ? 25 : 35}\n className={classNames(classes.avatar, classes.avatarInList)}\n />\n </UserCardPopover>\n )\n )}\n </div>\n </>\n);\n\nconst muiStyles = {\n reactionTypographyRoot: {\n color: grey[400],\n margin: '0 8px',\n cursor: 'pointer',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n avatar: {\n border: '1px solid #909090',\n },\n avatarInList: {\n marginRight: 3,\n borderWidth: 1,\n },\n};\n\nCommentsInfo.propTypes = {\n likesCount: PropTypes.number,\n usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),\n commentsCount: PropTypes.number,\n usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,\n onCommentsClick: PropTypes.func,\n activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n classes: PropTypes.shape({}).isRequired,\n isNative: PropTypes.bool,\n small: PropTypes.bool,\n currentUser: PropTypes.shape({}),\n};\n\nCommentsInfo.defaultProps = {\n likesCount: 0,\n usersWhoLike: [],\n commentsCount: 0,\n onCommentsClick: () => {},\n small: false,\n isNative: isNativeDetected,\n currentUser: {},\n};\n\nexport default withStyles(muiStyles)(CommentsInfo);\n"],"names":["PAGE_NAME","REACTIONS_VISIBLE_AMOUNT","getUserFullName","user","first_name","last_name","ReactionsTooltip","users","noReactionsText","reactionsAmount","length","reactionsInvisibleText","reactionsInvisibleAmount","reactionsVisibleText","slice","join","NO_LIKES_TEXT","NO_COMMENTS_TEXT","CommentsInfo","likesCount","usersWhoLike","commentsCount","usersWhoCommented","onCommentsClick","currentUser","activeUsersList","classes","isNative","small","_jsxs","_jsx","reactionTypographyRoot","styles","cCommentsInfoActiveUsersList","map","profile_photo","classNames","avatar","avatarInList","id","muiStyles","color","grey","margin","cursor","textDecoration","border","marginRight","borderWidth","propTypes","PropTypes","number","arrayOf","shape","string","isRequired","func","bool","defaultProps","isNativeDetected","withStyles"],"mappings":"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"}

package/components/CommentsInfo/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ConfirmationDialog.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"@babel/runtime/helpers/classCallCheck";import i from"@babel/runtime/helpers/createClass";import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{Component as n}from"react";import a from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import l from"@babel/runtime/helpers/inherits";import c from"@babel/runtime/helpers/possibleConstructorReturn";import p from"@babel/runtime/helpers/getPrototypeOf";import m from"@material-ui/core/~~Typography~~";import f from"@material-ui/core/~~TextField~~";import u from"@material-ui/core/~~DialogTitle~~";import h from"@material-ui/core/DialogContent";import d from"@material-ui/core/~~DialogContentText~~";import b from"@material-ui/core/~~DialogActions~~";import g from"@material-ui/core/~~Button~~";import x from"@material-ui/core/Dialog";function y(t){var i=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=p(t);if(i){var r=p(this).constructor;e=Reflect.construct(o,arguments,r)}else e=o.apply(this,arguments);return c(this,e)}}var C="confirmationDialog",T=function(a){l(c,n);var s=y(c);function c(i){var e;return t(this,c),(e=s.call(this,i)).state={confirmationTextField:""},e}return i(c,[{key:"render",value:function(){var t=this;return e(x,{open:this.props.open,onClose:this.props.handleClose,"aria-labelledby":"confirmation-dialog-title",classes:{paper:this.props.classes.paper},children:[o(u,{id:"confirmation-dialog-title",children:this.props.title}),o(h,{children:e(d,{children:[o(m,{variant:"body2",className:this.props.classes.content,children:this.props.text}),this.props.confirmationText&&o(f,{fullWidth:!0,"data-testid":"".concat(C,"_input"),label:this.props.confirmationText,value:this.state.confirmationTextField,onChange:function(i){return t.setState({confirmationTextField:i.target.value})},className:this.props.classes.confirmation})]})}),o(b,{className:this.props.classes.actions,children:this.actions})]})}},{key:"actions",get:function(){return e(r,{children:[this.props.isShowCancel&&o(g,{variant:"text","data-testid":"".concat(C,"_cancelButton"),className:this.props.classes.actionButton,onClick:this.props.handleClose,color:"primary",children:"Cancel"}),o(g,{variant:"contained","data-testid":"".concat(C,"_confirmButton"),className:this.props.classes.actionButton,onClick:this.props.handleOk,disabled:this.props.disableOk\|\|this.props.confirmationText&&this.props.confirmation!==this.state.confirmationTextField,color:"primary",children:this.props.okText})]})}}]),c}();T.propTypes={open:a.bool.isRequired,title:a.string,text:a.string.isRequired,confirmationText:a.string,confirmation:a.string,handleClose:a.func,handleOk:a.func,okText:a.string,disableOk:a.bool,isShowCancel:a.bool,classes:a.shape({}).isRequired},T.defaultProps={title:void 0,confirmationText:null,confirmation:"",okText:"Ok",handleOk:function(){},handleClose:function(){},disableOk:!1,isShowCancel:!0};var k=s({actionButton:{marginLeft:15},confirmation:{marginTop:10}})(T);export default k;
1	+ import t from"@babel/runtime/helpers/classCallCheck";import i from"@babel/runtime/helpers/createClass";import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{Component as n}from"react";import a from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import l from"@babel/runtime/helpers/inherits";import c from"@babel/runtime/helpers/possibleConstructorReturn";import p from"@babel/runtime/helpers/getPrototypeOf";import m from"@material-ui/core/Button";import f from"@material-ui/core/Typography";import u from"@material-ui/core/DialogActions";import h from"@material-ui/core/DialogContent";import d from"@material-ui/core/DialogTitle";import b from"@material-ui/core/TextField";import g from"@material-ui/core/DialogContentText";import x from"@material-ui/core/Dialog";function y(t){var i=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=p(t);if(i){var r=p(this).constructor;e=Reflect.construct(o,arguments,r)}else e=o.apply(this,arguments);return c(this,e)}}var C="confirmationDialog",T=function(a){l(c,n);var s=y(c);function c(i){var e;return t(this,c),(e=s.call(this,i)).state={confirmationTextField:""},e}return i(c,[{key:"render",value:function(){var t=this;return e(x,{open:this.props.open,onClose:this.props.handleClose,"aria-labelledby":"confirmation-dialog-title",classes:{paper:this.props.classes.paper},children:[o(d,{id:"confirmation-dialog-title",children:this.props.title}),o(h,{children:e(g,{children:[o(f,{variant:"body2",className:this.props.classes.content,children:this.props.text}),this.props.confirmationText&&o(b,{fullWidth:!0,"data-testid":"".concat(C,"_input"),label:this.props.confirmationText,value:this.state.confirmationTextField,onChange:function(i){return t.setState({confirmationTextField:i.target.value})},className:this.props.classes.confirmation})]})}),o(u,{className:this.props.classes.actions,children:this.actions})]})}},{key:"actions",get:function(){return e(r,{children:[this.props.isShowCancel&&o(m,{variant:"text","data-testid":"".concat(C,"_cancelButton"),className:this.props.classes.actionButton,onClick:this.props.handleClose,color:"primary",children:"Cancel"}),o(m,{variant:"contained","data-testid":"".concat(C,"_confirmButton"),className:this.props.classes.actionButton,onClick:this.props.handleOk,disabled:this.props.disableOk\|\|this.props.confirmationText&&this.props.confirmation!==this.state.confirmationTextField,color:"primary",children:this.props.okText})]})}}]),c}();T.propTypes={open:a.bool.isRequired,title:a.string,text:a.string.isRequired,confirmationText:a.string,confirmation:a.string,handleClose:a.func,handleOk:a.func,okText:a.string,disableOk:a.bool,isShowCancel:a.bool,classes:a.shape({}).isRequired},T.defaultProps={title:void 0,confirmationText:null,confirmation:"",okText:"Ok",handleOk:function(){},handleClose:function(){},disableOk:!1,isShowCancel:!0};var k=s({actionButton:{marginLeft:15},confirmation:{marginTop:10}})(T);export default k;

package/components/ConfirmationDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\n\nconst PAGE_NAME = 'confirmationDialog';\n\nconst muiStyles = {\n actionButton: { marginLeft: 15 },\n confirmation: { marginTop: 10 },\n};\n\nclass ConfirmationDialog extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n confirmationTextField: '',\n };\n }\n\n get actions() {\n return (\n <>\n {this.props.isShowCancel && (\n <Button\n variant=\"text\"\n data-testid={`${PAGE_NAME}_cancelButton`}\n className={this.props.classes.actionButton}\n onClick={this.props.handleClose}\n color=\"primary\"\n >\n Cancel\n </Button>\n )}\n <Button\n variant=\"contained\"\n data-testid={`${PAGE_NAME}_confirmButton`}\n className={this.props.classes.actionButton}\n onClick={this.props.handleOk}\n disabled={\n this.props.disableOk ||\n (this.props.confirmationText &&\n this.props.confirmation !== this.state.confirmationTextField)\n }\n color=\"primary\"\n >\n {this.props.okText}\n </Button>\n </>\n );\n }\n\n render() {\n return (\n <Dialog\n open={this.props.open}\n onClose={this.props.handleClose}\n aria-labelledby=\"confirmation-dialog-title\"\n classes={{ paper: this.props.classes.paper }}\n >\n <DialogTitle id=\"confirmation-dialog-title\">{this.props.title}</DialogTitle>\n\n <DialogContent>\n <DialogContentText>\n <Typography variant=\"body2\" className={this.props.classes.content}>\n {this.props.text}\n </Typography>\n {this.props.confirmationText && (\n <TextField\n fullWidth\n data-testid={`${PAGE_NAME}_input`}\n label={this.props.confirmationText}\n value={this.state.confirmationTextField}\n onChange={e => this.setState({ confirmationTextField: e.target.value })}\n className={this.props.classes.confirmation}\n />\n )}\n </DialogContentText>\n </DialogContent>\n <DialogActions className={this.props.classes.actions}>{this.actions}</DialogActions>\n </Dialog>\n );\n }\n}\n\nConfirmationDialog.propTypes = {\n open: PropTypes.bool.isRequired,\n title: PropTypes.string,\n text: PropTypes.string.isRequired,\n confirmationText: PropTypes.string,\n confirmation: PropTypes.string,\n handleClose: PropTypes.func,\n handleOk: PropTypes.func,\n okText: PropTypes.string,\n disableOk: PropTypes.bool,\n isShowCancel: PropTypes.bool,\n\n classes: PropTypes.shape({}).isRequired,\n};\n\nConfirmationDialog.defaultProps = {\n title: undefined,\n confirmationText: null,\n confirmation: '',\n okText: 'Ok',\n handleOk: () => undefined,\n handleClose: () => undefined,\n disableOk: false,\n isShowCancel: true,\n};\n\nexport default withStyles(muiStyles)(ConfirmationDialog);\n"],"names":["PAGE_NAME","muiStyles","actionButton","marginLeft","confirmation","marginTop","ConfirmationDialog","props","state","confirmationTextField","_jsxs","open","handleClose","paper","classes","_jsx","title","content","text","confirmationText","e","setState","target","value","actions","isShowCancel","handleOk","disableOk","okText","Component","propTypes","PropTypes","bool","isRequired","string","func","shape","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/ContextMenuItem/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/ContextMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport { makeStyles } from '@material-ui/core';\n\nimport MenuItem from '../MenuItem';\n\nconst useStyles = makeStyles(theme => ({\n menuItem: {\n height: ({ small }) => (small ? 36 : 54),\n lineHeight: ({ small }) => (small ? '17px' : '24px'),\n '&:hover svg': {\n fill: ({ disabled }) =>\n disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText,\n },\n },\n listItemIcon: {\n paddingRight: theme.spacing(1),\n color: ({ disabled }) => (disabled ? theme.palette.primary.text9 : theme.palette.primary.text7),\n minWidth: 'auto',\n fontSize: ({ small }) => (small ? 16 : 24),\n '& .MuiSvgIcon-root': {\n fontSize: 'inherit',\n },\n },\n}));\n\nconst ContextMenuItem = ({ classes = {}, icon, children, small, ...otherProps }) => {\n const styles = useStyles({ small, disabled: otherProps.disabled });\n\n return (\n <MenuItem\n classes={{ ...classes, root: classNames(styles.menuItem, classes.root) }}\n {...otherProps}\n >\n <ListItemIcon classes={{ root: styles.listItemIcon }}>{icon}</ListItemIcon>\n {children}\n </MenuItem>\n );\n};\n\nContextMenuItem.propTypes = {\n children: PropTypes.node.isRequired,\n icon: PropTypes.node.isRequired,\n small: PropTypes.bool,\n};\n\nContextMenuItem.defaultProps = {\n small: false,\n};\n\nexport default ContextMenuItem;\n"],"names":["useStyles","makeStyles","theme","menuItem","height","small","lineHeight","fill","disabled","palette","primary","text9","contrastText","listItemIcon","paddingRight","spacing","color","text7","minWidth","fontSize","ContextMenuItem","classes","icon","children","otherProps","styles","_jsxs","root","classNames","_jsx","propTypes","PropTypes","node","isRequired","bool","defaultProps"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,MAAM,EAAE;AAAA,YAAGC,KAAH,QAAGA,KAAH;AAAA,eAAgBA,KAAK,GAAG,EAAH,GAAQ,EAA7B;AAAA,OADA;AAERC,MAAAA,UAAU,EAAE;AAAA,YAAGD,KAAH,SAAGA,KAAH;AAAA,eAAgBA,KAAK,GAAG,MAAH,GAAY,MAAjC;AAAA,OAFJ;AAGR,qBAAe;AACbE,QAAAA,IAAI,EAAE;AAAA,cAAGC,QAAH,SAAGA,QAAH;AAAA,iBACJA,QAAQ,GAAGN,KAAK,CAACO,OAAN,CAAcC,OAAd,CAAsBC,KAAzB,GAAiCT,KAAK,CAACO,OAAN,CAAcC,OAAd,CAAsBE,YAD3D;AAAA;AADO;AAHP,KAD2B;AASrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,YAAY,EAAEZ,KAAK,CAACa,OAAN,CAAc,CAAd,CADF;AAEZC,MAAAA,KAAK,EAAE;AAAA,YAAGR,QAAH,SAAGA,QAAH;AAAA,eAAmBA,QAAQ,GAAGN,KAAK,CAACO,OAAN,CAAcC,OAAd,CAAsBC,KAAzB,GAAiCT,KAAK,CAACO,OAAN,CAAcC,OAAd,CAAsBO,KAAlF;AAAA,OAFK;AAGZC,MAAAA,QAAQ,EAAE,MAHE;AAIZC,MAAAA,QAAQ,EAAE;AAAA,YAAGd,KAAH,SAAGA,KAAH;AAAA,eAAgBA,KAAK,GAAG,EAAH,GAAQ,EAA7B;AAAA,OAJE;AAKZ,4BAAsB;AACpBc,QAAAA,QAAQ,EAAE;AADU;AALV;AATuB,GAAL;AAAA,CAAN,CAA5B;;IAoBMC,eAAe,GAAG,SAAlBA,eAAkB,QAA4D;AAAA,4BAAzDC,OAAyD;AAAA,MAAzDA,OAAyD,8BAA/C,EAA+C;AAAA,MAA3CC,IAA2C,SAA3CA,IAA2C;AAAA,MAArCC,QAAqC,SAArCA,QAAqC;AAAA,MAA3BlB,KAA2B,SAA3BA,KAA2B;AAAA,MAAjBmB,UAAiB;;AAClF,MAAMC,MAAM,GAAGzB,SAAS,CAAC;AAAEK,IAAAA,KAAK,EAALA,KAAF;AAASG,IAAAA,QAAQ,EAAEgB,UAAU,CAAChB;AAA9B,GAAD,CAAxB;AAEA,sBACEkB,KAAC,QAAD;AACE,IAAA,OAAO,kCAAOL,OAAP;AAAgBM,MAAAA,IAAI,EAAEC,UAAU,CAACH,MAAM,CAACtB,QAAR,EAAkBkB,OAAO,CAACM,IAA1B;AAAhC;AADT,KAEMH,UAFN;AAAA,4BAIEK,IAAC,YAAD;AAAc,MAAA,OAAO,EAAE;AAAEF,QAAAA,IAAI,EAAEF,MAAM,CAACZ;AAAf,OAAvB;AAAA,gBAAuDS;AAAvD,MAJF,EAKGC,QALH;AAAA,KADF;AASD;;AAEDH,eAAe,CAACU,SAAhB,GAA4B;AAC1BP,EAAAA,QAAQ,EAAEQ,SAAS,CAACC,IAAV,CAAeC,UADC;AAE1BX,EAAAA,IAAI,EAAES,SAAS,CAACC,IAAV,CAAeC,UAFK;AAG1B5B,EAAAA,KAAK,EAAE0B,SAAS,CAACG;AAHS,CAA5B;AAMAd,eAAe,CAACe,YAAhB,GAA+B;AAC7B9B,EAAAA,KAAK,EAAE;AADsB,CAA/B;;;;"}

package/components/Counter/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/Counter/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, makeStyles, Tooltip } from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nconst useStyles = makeStyles(theme => ({\n rootChip: {\n '&.MuiChip-root': {\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.primary.text6,\n textAlign: 'center',\n\n '&:hover': {\n color: theme.palette.primary.contrastText,\n\n '& .MuiSvgIcon-root': {\n color: theme.palette.primary.contrastText,\n },\n },\n '& span.MuiChip-label': {\n padding: 0,\n },\n },\n },\n tooltip: {\n marginTop: '10px',\n },\n closeIcon: {\n '&.MuiSvgIcon-root.MuiChip-deleteIcon': {\n width: 16,\n height: 16,\n left: 18,\n top: 4,\n margin: '0px 0px 0px 4px',\n color: theme.palette.primary.text6,\n },\n },\n\n sizeSmall: {\n '&.MuiChip-root': {\n minWidth: 16,\n height: 16,\n padding: '1px 2px',\n '& span': {\n fontSize: '11px',\n lineHeight: '14px',\n },\n },\n },\n sizeSmallLimited: {\n '&.MuiChip-root': {\n padding: '1px 3px',\n },\n },\n\n sizeMedium: {\n '&.MuiChip-root': {\n minWidth: 24,\n height: 24,\n padding: '2px 4px',\n '& span': {\n fontSize: '14px',\n lineHeight: '20px',\n },\n },\n },\n sizeMediumLimited: {\n '&.MuiChip-root': {\n padding: '2px 6px',\n },\n },\n sizeMediumClickable: {\n '&.MuiChip-root': {\n padding: '2px 6px',\n },\n },\n\n sizeLarge: {\n '&.MuiChip-root': {\n minWidth: 32,\n height: 32,\n padding: '5px 7px',\n '& span': {\n fontSize: '16px',\n lineHeight: '22px',\n },\n },\n },\n sizeLargeLimited: {\n '&.MuiChip-root': {\n padding: '5px 8px',\n },\n },\n sizeLargeClickable: {\n '&.MuiChip-root': {\n padding: '5px 8px',\n },\n },\n}));\n\nconst Counter = props => {\n const { classes, size, limited, clickable } = props;\n\n const styles = useStyles();\n\n return (\n <Tooltip title=\"Tooltip\" classes={{ tooltip: styles.tooltip }}>\n <MuiChip\n {...props}\n classes={{\n ...classes,\n root: classNames(\n classes.root,\n styles.rootChip,\n styles[`size${capitalize(size)}`],\n limited && styles[`size${capitalize(size)}Limited`],\n clickable && styles[`size${capitalize(size)}Clickable`]\n ),\n }}\n clickable={clickable}\n deleteIcon={<CloseIcon className={styles.closeIcon} fontSize=\"small\" />}\n />\n </Tooltip>\n );\n};\n\nCounter.propTypes = {\n classes: PropTypes.shape({}),\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n limited: PropTypes.bool,\n clickable: PropTypes.bool,\n};\n\nCounter.defaultProps = {\n classes: {},\n size: 'medium',\n limited: false,\n clickable: false,\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","width","height","left","top","margin","sizeSmall","minWidth","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","Counter","props","classes","size","limited","clickable","styles","_jsx","MuiChip","root","classNames","capitalize","CloseIcon","propTypes","PropTypes","shape","oneOf","bool","defaultProps"],"mappings":"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"}

package/components/DatePicker/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/DatePicker/index.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { KeyboardDatePicker } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { Event as EventIcon } from '@material-ui/icons';\nimport moment from 'moment';\nimport { DATE_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n dateTimePickerInput: {\n width: '100%',\n paddingBottom: 8,\n '& .MuiFormLabel-root.Mui-focused': {\n color: theme.palette.primary.main,\n },\n '& .MuiInput-root.Mui-focused .MuiIconButton-root': {\n color: theme.palette.primary.main,\n },\n '& .MuiIconButton-root': {\n marginRight: -7,\n padding: 7,\n },\n },\n paper: {\n marginTop: 8,\n },\n}));\n\nfunction DatePicker({ className, PopoverProps, ...otherProps }) {\n const styles = useStyles();\n\n return (\n <KeyboardDatePicker\n disableToolbar\n variant=\"inline\"\n keyboardIcon={<EventIcon />}\n format={DATE_FORMAT}\n placeholder={moment().format(DATE_FORMAT)}\n refuse={/[^(\\w|\\d)]+/gi}\n {...otherProps}\n PopoverProps={{\n className: classNames(styles.paper, PopoverProps.className),\n ...PopoverProps,\n }}\n className={classNames(styles.dateTimePickerInput, className)}\n />\n );\n}\n\nDatePicker.propTypes = {\n PopoverProps: PropTypes.shape({\n className: PropTypes.string,\n }),\n className: PropTypes.string,\n};\n\nDatePicker.defaultProps = {\n PopoverProps: {},\n className: '',\n};\n\nexport default DatePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","marginRight","padding","paper","marginTop","DatePicker","className","PopoverProps","otherProps","styles","_jsx","EventIcon","DATE_FORMAT","moment","format","classNames","propTypes","PropTypes","shape","string","defaultProps"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,KAAK,EAAE,MADY;AAEnBC,MAAAA,aAAa,EAAE,CAFI;AAGnB,0CAAoC;AAClCC,QAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAN,CAAcC,OAAd,CAAsBC;AADK,OAHjB;AAMnB,2DAAqD;AACnDH,QAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAN,CAAcC,OAAd,CAAsBC;AADsB,OANlC;AASnB,+BAAyB;AACvBC,QAAAA,WAAW,EAAE,CAAC,CADS;AAEvBC,QAAAA,OAAO,EAAE;AAFc;AATN,KADgB;AAerCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE;AADN;AAf8B,GAAL;AAAA,CAAN,CAA5B;;AAoBA,SAASC,UAAT,OAAgE;AAAA,MAA1CC,SAA0C,QAA1CA,SAA0C;AAAA,MAA/BC,YAA+B,QAA/BA,YAA+B;AAAA,MAAdC,UAAc;;AAC9D,MAAMC,MAAM,GAAGlB,SAAS,EAAxB;AAEA,sBACEmB,IAAC,kBAAD;AACE,IAAA,cAAc,MADhB;AAEE,IAAA,OAAO,EAAC,QAFV;AAGE,IAAA,YAAY,eAAEA,IAACC,KAAD,KAHhB;AAIE,IAAA,MAAM,EAAEC,WAJV;AAKE,IAAA,WAAW,EAAEC,MAAM,GAAGC,MAAT,CAAgBF,WAAhB,CALf;AAME,IAAA,MAAM,EAAE;AANV,KAOMJ,UAPN;AAQE,IAAA,YAAY;AACVF,MAAAA,SAAS,EAAES,UAAU,CAACN,MAAM,CAACN,KAAR,EAAeI,YAAY,CAACD,SAA5B;AADX,OAEPC,YAFO,CARd;AAYE,IAAA,SAAS,EAAEQ,UAAU,CAACN,MAAM,CAACf,mBAAR,EAA6BY,SAA7B;AAZvB,KADF;AAgBD;;AAEDD,UAAU,CAACW,SAAX,GAAuB;AACrBT,EAAAA,YAAY,EAAEU,SAAS,CAACC,KAAV,CAAgB;AAC5BZ,IAAAA,SAAS,EAAEW,SAAS,CAACE;AADO,GAAhB,CADO;AAIrBb,EAAAA,SAAS,EAAEW,SAAS,CAACE;AAJA,CAAvB;AAOAd,UAAU,CAACe,YAAX,GAA0B;AACxBb,EAAAA,YAAY,EAAE,EADU;AAExBD,EAAAA,SAAS,EAAE;AAFa,CAA1B;;;;"}

package/components/DateTimePicker/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/DateTimePicker/index.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n\nimport { KeyboardDateTimePicker } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { Event as EventIcon } from '@material-ui/icons';\nimport { DATE_TIME_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n dateTimePickerInput: {\n width: '100%',\n paddingBottom: 8,\n '& .MuiFormLabel-root.Mui-focused': {\n color: theme.palette.primary.main,\n },\n '& .MuiInput-root.Mui-focused .MuiIconButton-root': {\n color: theme.palette.primary.main,\n },\n '& .MuiIconButton-root': {\n marginRight: -7,\n padding: 7,\n },\n },\n paper: {\n marginTop: 8,\n },\n}));\n\nfunction DateTimePicker({ className, PopoverProps, ...otherProps }) {\n const styles = useStyles();\n\n return (\n <KeyboardDateTimePicker\n variant=\"inline\"\n dateRangeIcon={<EventIcon />}\n keyboardIcon={<EventIcon />}\n format={DATE_TIME_FORMAT}\n refuse={/[^(\\w|\\d)]+/gi}\n placeholder={moment().format(DATE_TIME_FORMAT)}\n {...otherProps}\n PopoverProps={{ className: styles.paper, ...PopoverProps }}\n className={classNames(styles.dateTimePickerInput, className)}\n />\n );\n}\n\nDateTimePicker.propTypes = {\n className: PropTypes.string,\n PopoverProps: PropTypes.shape({\n className: PropTypes.string,\n }),\n};\n\nDateTimePicker.defaultProps = {\n className: '',\n PopoverProps: {},\n};\n\nexport default DateTimePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","marginRight","padding","paper","marginTop","DateTimePicker","className","PopoverProps","otherProps","styles","_jsx","EventIcon","DATE_TIME_FORMAT","moment","format","classNames","propTypes","PropTypes","string","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,KAAK,EAAE,MADY;AAEnBC,MAAAA,aAAa,EAAE,CAFI;AAGnB,0CAAoC;AAClCC,QAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAN,CAAcC,OAAd,CAAsBC;AADK,OAHjB;AAMnB,2DAAqD;AACnDH,QAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAN,CAAcC,OAAd,CAAsBC;AADsB,OANlC;AASnB,+BAAyB;AACvBC,QAAAA,WAAW,EAAE,CAAC,CADS;AAEvBC,QAAAA,OAAO,EAAE;AAFc;AATN,KADgB;AAerCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE;AADN;AAf8B,GAAL;AAAA,CAAN,CAA5B;;AAoBA,SAASC,cAAT,OAAoE;AAAA,MAA1CC,SAA0C,QAA1CA,SAA0C;AAAA,MAA/BC,YAA+B,QAA/BA,YAA+B;AAAA,MAAdC,UAAc;;AAClE,MAAMC,MAAM,GAAGlB,SAAS,EAAxB;AAEA,sBACEmB,IAAC,sBAAD;AACE,IAAA,OAAO,EAAC,QADV;AAEE,IAAA,aAAa,eAAEA,IAACC,KAAD,KAFjB;AAGE,IAAA,YAAY,eAAED,IAACC,KAAD,KAHhB;AAIE,IAAA,MAAM,EAAEC,gBAJV;AAKE,IAAA,MAAM,EAAE,eALV;AAME,IAAA,WAAW,EAAEC,MAAM,GAAGC,MAAT,CAAgBF,gBAAhB;AANf,KAOMJ,UAPN;AAQE,IAAA,YAAY;AAAIF,MAAAA,SAAS,EAAEG,MAAM,CAACN;AAAtB,OAAgCI,YAAhC,CARd;AASE,IAAA,SAAS,EAAEQ,UAAU,CAACN,MAAM,CAACf,mBAAR,EAA6BY,SAA7B;AATvB,KADF;AAaD;;AAEDD,cAAc,CAACW,SAAf,GAA2B;AACzBV,EAAAA,SAAS,EAAEW,SAAS,CAACC,MADI;AAEzBX,EAAAA,YAAY,EAAEU,SAAS,CAACE,KAAV,CAAgB;AAC5Bb,IAAAA,SAAS,EAAEW,SAAS,CAACC;AADO,GAAhB;AAFW,CAA3B;AAOAb,cAAc,CAACe,YAAf,GAA8B;AAC5Bd,EAAAA,SAAS,EAAE,EADiB;AAE5BC,EAAAA,YAAY,EAAE;AAFc,CAA9B;;;;"}

package/components/DevCenter/AppContext.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppContext.js","sources":["../../../src/components/DevCenter/AppContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nconst AppContext = createContext();\n\nexport default AppContext;\n"],"names":["AppContext","createContext"],"mappings":";;IAEMA,UAAU,GAAGC,aAAa;;;;"}

package/components/DevCenter/AppHeader/AppHeader.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/DevCenter/AppHeader/AppHeader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"../../../constants/completion.js";import"../../../constants/alerts.js";import{~~get as n}from"lodash";import{~~DEV_CENTER_CLI_APP_ID as t}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import{SEGMENTS as e}from"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import{getAppName as a}from"../../../utils/devcenter.js";import{isDevOrQAEnv as s}from"../../../utils/env.js";import"../../../utils/index.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import r from"prop-types";import"../../Annotations/AnnotationsContext.js";import"../../Annotations/components/AnnotationsList/index.js";import p from"../../Annotations/components/LastAnnotation/index.js";import l from"./VersionBadge.js";import d from"./PadMode.js";import c from"../../AssetNameLabel/index.js";import m from"./AppHeaderNew.js";import u from"./AppHeader.css.js";function h(r){var h,f,A,g,v,L,b,j,_,w=r.app,x=r.appLastAnnotation,C=r.appSettings,N=r.badge,y=r.classes,I=r.coordinates,S=r.currentUser,D=r.fracFleet,H=r.isMaximized,M=r.onSettingChange,R=r.openAnnotationsList,F=r.rig,W=r.showLastAnnotation,q=r.updateCurrentDashboardAppLastAnnotation,z=r.well,O=r.wells,P=r.children;if(s)return i(m,{app:w,appLastAnnotation:x,appSettings:C,badge:N,classes:y,coordinates:I,currentUser:S,fracFleet:D,isMaximized:H,onSettingChange:M,openAnnotationsList:R,rig:F,showLastAnnotation:W,updateCurrentDashboardAppLastAnnotation:q,well:z,wells:O,children:P});var U=a(w),k=null==w\|\|null===(h=w.package)\|\|void 0===h\|\|null===(f=h.manifest)\|\|void 0===f\|\|null===(A=f.application)\|\|void 0===A?void 0:A.subtitle,T=null!==(g=null==w\|\|null===(v=w.package)\|\|void 0===v\|\|null===(L=v.manifest)\|\|void 0===L\|\|null===(b=L.application)\|\|void 0===b\|\|null===(j=b.segments)\|\|void 0===j?void 0:j[0])&&void 0!==g?g:e.DRILLING,G=T===e.DRILLING,V=(null==w?void 0:w.settings)\|\|{},B=V.wellId,E=V.rigId,J=V.fracFleetId,K=V.padId,Q=K&&(null==D\|\|null===(_=D.pad_frac_fleets.find((function(n){return n.pad.id===K})))\|\|void 0===_?void 0:_.pad),X=G?null==F?void 0:F.name:null==D?void 0:D.name,Y=G?B&&(null==z?void 0:z.name):K&&(null==Q?void 0:Q.name),Z=!!(B\|\|E\|\|J),$=null!=D&&D.current_pad_id?"assets/types/pad/".concat(null==D?void 0:D.current_pad_id):null,nn=G?X&&"assets/".concat(null==z?void 0:z.asset_id):$,tn=K&&"assets/types/pad/".concat(K),en=w&&w.id===t;return o("div",{className:y.appHeader,children:[o("div",{className:y.appHeaderTitleWrapper,children:[o("div",{children:[o("div",{className:u.titleWrapper,children:[i("h6",{"data-testid":"".concat("DevCenter_AppHeader","_name"),className:u.title,children:U}),i(l,{app:w}),T===e.COMPLETION&&i(d,{fracFleet:D,wells:O,well:z,onSettingChange:M,appSettings:C})]}),N]}),w&&I&&i(c,{isPrimaryNameVisible:Z,primaryAssetName:X,secondaryAssetName:Y,coordinatesPixelWidth:I.pixelWidth,primaryAssetLink:!en&&nn,secondaryAssetLink:!en&&tn,isMaximized:H})]}),k&&i("h6",{"data-testid":"".concat("DevCenter_AppHeader","_subtitle"),className:u.subtitle,children:k}),W&&x&&i(p,{dashboardAppId:w.id,appId:n(w,["app","id"]),annotation:x,openAnnotationsList:R,updateCurrentDashboardAppLastAnnotation:q,currentUser:S})]})}h.propTypes={app:r.object.isRequired,badge:r.node,classes:r.shape({appHeader:r.string,appHeaderTitleWrapper:r.string}),showLastAnnotation:r.bool,currentUser:r.shape({}),appLastAnnotation:r.shape({}),updateCurrentDashboardAppLastAnnotation:r.func,openAnnotationsList:r.func,rig:r.shape({name:r.string,asset_id:r.number}),well:r.shape({name:r.string,asset_id:r.number}),fracFleet:r.shape({name:r.string,current_pad_id:r.number,pad_frac_fleets:r.arrayOf(r.shape({pad:r.shape({id:r.number.isRequired}).isRequired})).isRequired}),wells:r.arrayOf(r.shape({})),coordinates:r.shape({pixelWidth:r.number.isRequired}),isMaximized:r.bool,appSettings:r.shape({}),onSettingChange:r.func,children:r.arrayOf(r.node)},h.defaultProps={appLastAnnotation:null,appSettings:void 0,badge:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,children:null};export default h;
1	+ import{get as n}from"lodash";import"../../../constants/completion.js";import"../../../constants/alerts.js";import{DEV_CENTER_CLI_APP_ID as t}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import{SEGMENTS as e}from"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import{getAppName as a}from"../../../utils/devcenter.js";import{isDevOrQAEnv as s}from"../../../utils/env.js";import"../../../utils/index.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import r from"prop-types";import"../../Annotations/AnnotationsContext.js";import"../../Annotations/components/AnnotationsList/index.js";import p from"../../Annotations/components/LastAnnotation/index.js";import l from"./VersionBadge.js";import d from"./PadMode.js";import c from"../../AssetNameLabel/index.js";import m from"./AppHeaderNew.js";import u from"./AppHeader.css.js";function h(r){var h,f,A,g,v,L,b,j,_,w=r.app,x=r.appLastAnnotation,C=r.appSettings,N=r.badge,y=r.classes,I=r.coordinates,S=r.currentUser,D=r.fracFleet,H=r.isMaximized,M=r.onSettingChange,R=r.openAnnotationsList,F=r.rig,W=r.showLastAnnotation,q=r.updateCurrentDashboardAppLastAnnotation,z=r.well,O=r.wells,P=r.children;if(s)return i(m,{app:w,appLastAnnotation:x,appSettings:C,badge:N,classes:y,coordinates:I,currentUser:S,fracFleet:D,isMaximized:H,onSettingChange:M,openAnnotationsList:R,rig:F,showLastAnnotation:W,updateCurrentDashboardAppLastAnnotation:q,well:z,wells:O,children:P});var U=a(w),k=null==w\|\|null===(h=w.package)\|\|void 0===h\|\|null===(f=h.manifest)\|\|void 0===f\|\|null===(A=f.application)\|\|void 0===A?void 0:A.subtitle,T=null!==(g=null==w\|\|null===(v=w.package)\|\|void 0===v\|\|null===(L=v.manifest)\|\|void 0===L\|\|null===(b=L.application)\|\|void 0===b\|\|null===(j=b.segments)\|\|void 0===j?void 0:j[0])&&void 0!==g?g:e.DRILLING,G=T===e.DRILLING,V=(null==w?void 0:w.settings)\|\|{},B=V.wellId,E=V.rigId,J=V.fracFleetId,K=V.padId,Q=K&&(null==D\|\|null===(_=D.pad_frac_fleets.find((function(n){return n.pad.id===K})))\|\|void 0===_?void 0:_.pad),X=G?null==F?void 0:F.name:null==D?void 0:D.name,Y=G?B&&(null==z?void 0:z.name):K&&(null==Q?void 0:Q.name),Z=!!(B\|\|E\|\|J),$=null!=D&&D.current_pad_id?"assets/types/pad/".concat(null==D?void 0:D.current_pad_id):null,nn=G?X&&"assets/".concat(null==z?void 0:z.asset_id):$,tn=K&&"assets/types/pad/".concat(K),en=w&&w.id===t;return o("div",{className:y.appHeader,children:[o("div",{className:y.appHeaderTitleWrapper,children:[o("div",{children:[o("div",{className:u.titleWrapper,children:[i("h6",{"data-testid":"".concat("DevCenter_AppHeader","_name"),className:u.title,children:U}),i(l,{app:w}),T===e.COMPLETION&&i(d,{fracFleet:D,wells:O,well:z,onSettingChange:M,appSettings:C})]}),N]}),w&&I&&i(c,{isPrimaryNameVisible:Z,primaryAssetName:X,secondaryAssetName:Y,coordinatesPixelWidth:I.pixelWidth,primaryAssetLink:!en&&nn,secondaryAssetLink:!en&&tn,isMaximized:H})]}),k&&i("h6",{"data-testid":"".concat("DevCenter_AppHeader","_subtitle"),className:u.subtitle,children:k}),W&&x&&i(p,{dashboardAppId:w.id,appId:n(w,["app","id"]),annotation:x,openAnnotationsList:R,updateCurrentDashboardAppLastAnnotation:q,currentUser:S})]})}h.propTypes={app:r.object.isRequired,badge:r.node,classes:r.shape({appHeader:r.string,appHeaderTitleWrapper:r.string}),showLastAnnotation:r.bool,currentUser:r.shape({}),appLastAnnotation:r.shape({}),updateCurrentDashboardAppLastAnnotation:r.func,openAnnotationsList:r.func,rig:r.shape({name:r.string,asset_id:r.number}),well:r.shape({name:r.string,asset_id:r.number}),fracFleet:r.shape({name:r.string,current_pad_id:r.number,pad_frac_fleets:r.arrayOf(r.shape({pad:r.shape({id:r.number.isRequired}).isRequired})).isRequired}),wells:r.arrayOf(r.shape({})),coordinates:r.shape({pixelWidth:r.number.isRequired}),isMaximized:r.bool,appSettings:r.shape({}),onSettingChange:r.func,children:r.arrayOf(r.node)},h.defaultProps={appLastAnnotation:null,appSettings:void 0,badge:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,children:null};export default h;

package/components/DevCenter/AppHeader/AppHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppHeader.js","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"sourcesContent":["import { get } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { LastAnnotation } from '~/components/Annotations';\n\nimport { SEGMENTS } from '~constants/segment';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport { getAppName } from '~/utils/devcenter';\nimport { env as envUtils } from '~/utils';\n\nimport VersionBadge from './VersionBadge';\nimport PadMode from './PadMode';\nimport AssetNameLabel from '../../AssetNameLabel';\n\nimport AppHeaderNew from './AppHeaderNew';\n\nimport styles from './AppHeader.css';\n\nconst PAGE_NAME = 'DevCenter_AppHeader';\n\nfunction AppHeader({\n app,\n appLastAnnotation,\n appSettings,\n badge,\n classes,\n coordinates,\n currentUser,\n fracFleet,\n isMaximized,\n onSettingChange,\n openAnnotationsList,\n rig,\n showLastAnnotation,\n updateCurrentDashboardAppLastAnnotation,\n well,\n wells,\n children,\n}) {\n if (envUtils.isDevOrQAEnv)\n return (\n <AppHeaderNew\n app={app}\n appLastAnnotation={appLastAnnotation}\n appSettings={appSettings}\n badge={badge}\n classes={classes}\n coordinates={coordinates}\n currentUser={currentUser}\n fracFleet={fracFleet}\n isMaximized={isMaximized}\n onSettingChange={onSettingChange}\n openAnnotationsList={openAnnotationsList}\n rig={rig}\n showLastAnnotation={showLastAnnotation}\n updateCurrentDashboardAppLastAnnotation={updateCurrentDashboardAppLastAnnotation}\n well={well}\n wells={wells}\n >\n {children}\n </AppHeaderNew>\n );\n\n const appName = getAppName(app);\n const subtitle = app?.package?.manifest?.application?.subtitle;\n const segment = app?.package?.manifest?.application?.segments?.[0] ?? SEGMENTS.DRILLING;\n\n const isDrilling = segment === SEGMENTS.DRILLING;\n const { wellId, rigId, fracFleetId, padId } = app?.settings || {};\n const pad = padId && fracFleet?.pad_frac_fleets.find(({ pad }) => pad.id === padId)?.pad;\n const primaryAssetName = isDrilling ? rig?.name : fracFleet?.name;\n const secondaryAssetName = isDrilling ? wellId && well?.name : padId && pad?.name;\n const isPrimaryNameVisible = !!(wellId || rigId || fracFleetId);\n\n const currentPadLink = fracFleet?.current_pad_id\n ? `assets/types/pad/${fracFleet?.current_pad_id}`\n : null;\n const primaryAssetLink =\n // we need to use assetId till platform is using old API for assets.\n isDrilling ? primaryAssetName && `assets/${well?.asset_id}` : currentPadLink;\n const replacedPadLink = padId && `assets/types/pad/${padId}`;\n\n const isCLIApp = app && app.id === DEV_CENTER_CLI_APP_ID;\n\n return (\n <div className={classes.appHeader}>\n <div className={classes.appHeaderTitleWrapper}>\n <div>\n <div className={styles.titleWrapper}>\n <h6 data-testid={`${PAGE_NAME}_name`} className={styles.title}>\n {appName}\n </h6>\n <VersionBadge app={app} />\n {segment === SEGMENTS.COMPLETION && (\n <PadMode\n fracFleet={fracFleet}\n wells={wells}\n well={well}\n onSettingChange={onSettingChange}\n appSettings={appSettings}\n />\n )}\n </div>\n {badge}\n </div>\n {app && coordinates && (\n <AssetNameLabel\n isPrimaryNameVisible={isPrimaryNameVisible}\n primaryAssetName={primaryAssetName}\n secondaryAssetName={secondaryAssetName}\n coordinatesPixelWidth={coordinates.pixelWidth}\n primaryAssetLink={!isCLIApp && primaryAssetLink}\n secondaryAssetLink={!isCLIApp && replacedPadLink}\n isMaximized={isMaximized}\n />\n )}\n </div>\n {subtitle && (\n <h6 data-testid={`${PAGE_NAME}_subtitle`} className={styles.subtitle}>\n {subtitle}\n </h6>\n )}\n {showLastAnnotation && appLastAnnotation && (\n <LastAnnotation\n dashboardAppId={app.id}\n appId={get(app, ['app', 'id'])}\n annotation={appLastAnnotation}\n openAnnotationsList={openAnnotationsList}\n updateCurrentDashboardAppLastAnnotation={updateCurrentDashboardAppLastAnnotation}\n currentUser={currentUser}\n />\n )}\n </div>\n );\n}\n\nAppHeader.propTypes = {\n app: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types\n badge: PropTypes.node,\n classes: PropTypes.shape({\n appHeader: PropTypes.string,\n appHeaderTitleWrapper: PropTypes.string,\n }),\n showLastAnnotation: PropTypes.bool,\n currentUser: PropTypes.shape({}),\n appLastAnnotation: PropTypes.shape({}),\n updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n openAnnotationsList: PropTypes.func,\n rig: PropTypes.shape({\n name: PropTypes.string,\n asset_id: PropTypes.number,\n }),\n well: PropTypes.shape({\n name: PropTypes.string,\n asset_id: PropTypes.number,\n }),\n fracFleet: PropTypes.shape({\n name: PropTypes.string,\n current_pad_id: PropTypes.number,\n pad_frac_fleets: PropTypes.arrayOf(\n PropTypes.shape({\n pad: PropTypes.shape({\n id: PropTypes.number.isRequired,\n }).isRequired,\n })\n ).isRequired,\n }),\n wells: PropTypes.arrayOf(PropTypes.shape({})),\n coordinates: PropTypes.shape({ pixelWidth: PropTypes.number.isRequired }),\n isMaximized: PropTypes.bool,\n appSettings: PropTypes.shape({}),\n onSettingChange: PropTypes.func,\n children: PropTypes.arrayOf(PropTypes.node),\n};\n\nAppHeader.defaultProps = {\n appLastAnnotation: null,\n appSettings: undefined,\n badge: null,\n classes: {},\n coordinates: undefined,\n currentUser: undefined,\n fracFleet: null,\n isMaximized: false,\n onSettingChange: undefined,\n openAnnotationsList: undefined,\n rig: null,\n showLastAnnotation: true,\n updateCurrentDashboardAppLastAnnotation: () => {},\n well: null,\n wells: null,\n children: null,\n};\n\nexport default AppHeader;\n"],"names":["PAGE_NAME","AppHeader","app","appLastAnnotation","appSettings","badge","classes","coordinates","currentUser","fracFleet","isMaximized","onSettingChange","openAnnotationsList","rig","showLastAnnotation","updateCurrentDashboardAppLastAnnotation","well","wells","children","envUtils","_jsx","appName","getAppName","subtitle","package","manifest","application","segment","segments","SEGMENTS","DRILLING","isDrilling","settings","wellId","rigId","fracFleetId","padId","pad","pad_frac_fleets","find","id","primaryAssetName","name","secondaryAssetName","isPrimaryNameVisible","currentPadLink","current_pad_id","primaryAssetLink","asset_id","replacedPadLink","isCLIApp","DEV_CENTER_CLI_APP_ID","_jsxs","appHeader","appHeaderTitleWrapper","styles","titleWrapper","title","COMPLETION","pixelWidth","get","propTypes","PropTypes","object","isRequired","node","shape","string","bool","func","number","arrayOf","defaultProps","undefined"],"mappings":"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"}

package/components/DevCenter/AppHeader/AppHeaderNew.css.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from'../../../ext-esm/style-inject/dist/style-inject.es.js';e(".AppHeaderNew_appHeaderContainer__1Jw7S{display:flex}.AppHeaderNew_titleBlock__2Hcti{display:inline;~~padding-right:8px}.AppHeaderNew_headerComponents__3IHT4,.AppHeaderNew_titleBlock__2Hcti{~~width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.AppHeaderNew_headerComponents__3IHT4{display:flex;justify-content:flex-end}.AppHeaderNew_padModeSelect__2TzNO{height:24px}.AppHeaderNew_padModeSelect__2TzNO>div:first-child{padding-top:0!important}.AppHeaderNew_smallPadModeSelect__3_IUP{height:24px}.AppHeaderNew_smallPadModeSelect__3_IUP>div:first-child{padding-left:0;padding-top:8px;padding-bottom:0}.AppHeaderNew_titleWrapper__1COp-{display:flex;align-items:center}.AppHeaderNew_title__3HPRS{margin:0 8px 0 1px;font-size:18px;font-weight:500;line-height:24px}.AppHeaderNew_subtitle__2SNhn,.AppHeaderNew_title__3HPRS{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.AppHeaderNew_subtitle__2SNhn{color:#888;margin:0 0 0 1px;font-size:12px;font-weight:400;line-height:16px}.AppHeaderNew_mediumSizeContent__1YMaM{margin-top:8px;justify-content:flex-start}.AppHeaderNew_mediumSizeContent__1YMaM .AppHeaderNew_headerChildren__1oNXF{padding:0}.AppHeaderNew_headerChildren__1oNXF{display:flex;padding:~~5px~~ ~~16px~~ 12px}.AppHeaderNew_headerChildren__1oNXF,.AppHeaderNew_headerChildren__1oNXF>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}");export default{appHeaderContainer:"AppHeaderNew_appHeaderContainer__1Jw7S",titleBlock:"AppHeaderNew_titleBlock__2Hcti",headerComponents:"AppHeaderNew_headerComponents__3IHT4",padModeSelect:"AppHeaderNew_padModeSelect__2TzNO",smallPadModeSelect:"AppHeaderNew_smallPadModeSelect__3_IUP",titleWrapper:"AppHeaderNew_titleWrapper__1COp-",title:"AppHeaderNew_title__3HPRS",subtitle:"AppHeaderNew_subtitle__2SNhn",mediumSizeContent:"AppHeaderNew_mediumSizeContent__1YMaM",headerChildren:"AppHeaderNew_headerChildren__1oNXF"};
1	+ import e from'../../../ext-esm/style-inject/dist/style-inject.es.js';e(".AppHeaderNew_appHeaderContainer__1Jw7S{display:flex}.AppHeaderNew_titleBlock__2Hcti{display:inline;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:8px}.AppHeaderNew_headerComponents__3IHT4{display:flex;justify-content:flex-end}.AppHeaderNew_padModeSelect__2TzNO{height:24px}.AppHeaderNew_padModeSelect__2TzNO>div:first-child{padding-top:0!important}.AppHeaderNew_smallPadModeSelect__3_IUP{height:24px;margin-top:8px}.AppHeaderNew_smallPadModeSelect__3_IUP>div:first-child{padding-left:0;padding-top:8px;padding-bottom:0}.AppHeaderNew_titleWrapper__1COp-{display:flex;align-items:center}.AppHeaderNew_title__3HPRS{margin:0 8px 0 1px;font-size:18px;font-weight:500;line-height:24px}.AppHeaderNew_subtitle__2SNhn,.AppHeaderNew_title__3HPRS{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.AppHeaderNew_subtitle__2SNhn{color:#888;margin:0 0 0 1px;font-size:12px;font-weight:400;line-height:16px}.AppHeaderNew_mediumSizeContent__1YMaM{margin-top:8px;justify-content:flex-start}.AppHeaderNew_mediumSizeContent__1YMaM .AppHeaderNew_headerChildren__1oNXF{padding:0}.AppHeaderNew_headerChildren__1oNXF{display:flex;padding:0 0 12px 16px}.AppHeaderNew_headerChildren__1oNXF,.AppHeaderNew_headerChildren__1oNXF>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}");export default{appHeaderContainer:"AppHeaderNew_appHeaderContainer__1Jw7S",titleBlock:"AppHeaderNew_titleBlock__2Hcti",headerComponents:"AppHeaderNew_headerComponents__3IHT4",padModeSelect:"AppHeaderNew_padModeSelect__2TzNO",smallPadModeSelect:"AppHeaderNew_smallPadModeSelect__3_IUP",titleWrapper:"AppHeaderNew_titleWrapper__1COp-",title:"AppHeaderNew_title__3HPRS",subtitle:"AppHeaderNew_subtitle__2SNhn",mediumSizeContent:"AppHeaderNew_mediumSizeContent__1YMaM",headerChildren:"AppHeaderNew_headerChildren__1oNXF"};

package/components/DevCenter/AppHeader/AppHeaderNew.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/DevCenter/AppHeader/AppHeaderNew.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"../../../constants/completion.js";import"../../../constants/alerts.js";import~~{get~~ ~~as e}from"lodash";import~~ n from"@babel/runtime/helpers/slicedToArray";import{DEV_CENTER_CLI_APP_ID as t}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import{SEGMENTS as a}from"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import{getAppName as i,getAppSegment as s}from"../../../utils/devcenter.js";import{jsxs as o,Fragment as r,jsx as l}from"react/jsx-runtime";import{useRef as d,useState as p,useEffect as c}from"react";import m from"prop-types";import u from"classnames";import"../../Annotations/AnnotationsContext.js";import"../../Annotations/components/AnnotationsList/index.js";import h from"../../Annotations/components/LastAnnotation/index.js";import f from"./VersionBadge.js";import A from"./PadMode.js";import v from"../../AssetNameLabel/index.js";import g from"./AppHeaderNew.css.js";import{getAppDimension as L}from"./utils.js";var b="EXTRA_LARGE",j="SMALL";function C(m){var C,N,w,_,S=m.app,x=m.appLastAnnotation,y=m.appSettings,M=m.badge,I=m.classes,R=m.coordinates,H=m.currentUser,D=m.fracFleet,W=m.isMaximized,z=m.onSettingChange,F=m.openAnnotationsList,P=m.rig,T=m.showLastAnnotation,q=m.updateCurrentDashboardAppLastAnnotation,O=m.well,k=m.wells,U=m.children,E=null==R?void 0:R.pixelWidth,B=L(E),G=i(S),V=null==S\|\|null===(C=S.package)\|\|void 0===C\|\|null===(N=C.manifest)\|\|void 0===N\|\|null===(w=N.application)\|\|void 0===w?void 0:w.subtitle,X=s(S),J=X===a.DRILLING,K=(null==S?void 0:S.settings)\|\|{},Q=K.wellId,Y=K.rigId,Z=K.fracFleetId,$=K.padId,ee=$&&(null==D\|\|null===(_=D.pad_frac_fleets.find((function(e){return e.pad.id===$})))\|\|void 0===_?void 0:_.pad),ne=J?null==P?void 0:P.name:null==D?void 0:D.name,te=J?Q&&(null==O?void 0:O.name):$&&(null==ee?void 0:ee.name),ae=!!(Q\|\|Y\|\|Z),ie=null!=D&&D.current_pad_id?"assets/types/pad/".concat(null==D?void 0:D.current_pad_id):null,se=J?ne&&"assets/".concat(null==O?void 0:O.asset_id):ie,oe=$&&"assets/types/pad/".concat($),re=S&&S.id===t,le=d(null),de=p({width:0}),pe=n(de,2),ce=pe[0],me=pe[1],ue=p(0),he=n(ue,2),fe=he[0],Ae=he[1];return c((function(){Ae(null==ce?void 0:ce.width)}),[null==ce?void 0:ce.width,E]),o(r,{children:[o("div",{className:u(g.appHeaderContainer,I.appHeader),children:[o("div",{className:g.titleBlock,children:[o("div",{className:I.appHeaderTitleWrapper,ref:le,children:[o("div",{className:g.titleWrapper,children:[l("h6",{"data-testid":"".concat("DevCenter_AppHeader","_name"),className:g.title,children:G}),l(f,{app:S})]}),M]}),V&&l("h6",{"data-testid":"".concat("DevCenter_AppHeader","_subtitle"),className:g.subtitle,children:V})]}),o("div",{className:g.headerComponents,style:{marginRight:"".concat(fe,"px")},children:[B===b&&l("div",{className:g.headerChildren,children:U}),X===a.COMPLETION&&B!==j&&l("div",{className:g.padModeSelect,children:l(A,{fracFleet:D,wells:k,well:O,onSettingChange:z,appSettings:y})})]}),S&&R&&l(v,{isPrimaryNameVisible:ae,primaryAssetName:ne,secondaryAssetName:te,coordinatesPixelWidth:R.pixelWidth,primaryAssetLink:!re&&se,secondaryAssetLink:!re&&oe,isMaximized:W,onSize:function(e){return me(e)}}),T&&x&&l(h,{dashboardAppId:S.id,appId:e(S,["app","id"]),annotation:x,openAnnotationsList:F,updateCurrentDashboardAppLastAnnotation:q,currentUser:H})]}),B===j&&l("div",{className:u(g.padModeSelect,g.smallPadModeSelect),children:l(A,{fracFleet:D,wells:k,well:O,onSettingChange:z,appSettings:y})}),B!==b&&l("div",{className:u(g.mediumSizeContent,g.headerComponents),children:l("div",{className:g.headerChildren,children:U})})]})}C.propTypes={app:m.object.isRequired,badge:m.node,classes:m.shape({appHeader:m.string,appHeaderTitleWrapper:m.string}),showLastAnnotation:m.bool,currentUser:m.shape({}),appLastAnnotation:m.shape({}),updateCurrentDashboardAppLastAnnotation:m.func,openAnnotationsList:m.func,rig:m.shape({name:m.string,asset_id:m.number}),well:m.shape({name:m.string,asset_id:m.number}),fracFleet:m.shape({name:m.string,current_pad_id:m.number,pad_frac_fleets:m.arrayOf(m.shape({pad:m.shape({id:m.number.isRequired}).isRequired})).isRequired}),wells:m.arrayOf(m.shape({})),coordinates:m.shape({pixelWidth:m.number.isRequired}),isMaximized:m.bool,appSettings:m.shape({}),onSettingChange:m.func,children:m.arrayOf(m.node)},C.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,children:null};export default C;
1	+ import{get as e}from"lodash";import"../../../constants/completion.js";import"../../../constants/alerts.js";import n from"@babel/runtime/helpers/slicedToArray";import{DEV_CENTER_CLI_APP_ID as t}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import{SEGMENTS as a}from"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import{getAppName as i,getAppSegment as s}from"../../../utils/devcenter.js";import{jsxs as o,Fragment as r,jsx as l}from"react/jsx-runtime";import{useRef as d,useState as p,useEffect as c}from"react";import m from"prop-types";import u from"classnames";import"../../Annotations/AnnotationsContext.js";import"../../Annotations/components/AnnotationsList/index.js";import h from"../../Annotations/components/LastAnnotation/index.js";import f from"./VersionBadge.js";import A from"./PadMode.js";import v from"../../AssetNameLabel/index.js";import g from"./AppHeaderNew.css.js";import{getAppDimension as L}from"./utils.js";var b="EXTRA_LARGE",j="SMALL";function C(m){var C,N,w,_,S=m.app,x=m.appLastAnnotation,y=m.appSettings,M=m.badge,I=m.classes,R=m.coordinates,H=m.currentUser,D=m.fracFleet,W=m.isMaximized,z=m.onSettingChange,F=m.openAnnotationsList,P=m.rig,T=m.showLastAnnotation,q=m.updateCurrentDashboardAppLastAnnotation,O=m.well,k=m.wells,U=m.children,E=null==R?void 0:R.pixelWidth,B=L(E),G=i(S),V=null==S\|\|null===(C=S.package)\|\|void 0===C\|\|null===(N=C.manifest)\|\|void 0===N\|\|null===(w=N.application)\|\|void 0===w?void 0:w.subtitle,X=s(S),J=X===a.DRILLING,K=(null==S?void 0:S.settings)\|\|{},Q=K.wellId,Y=K.rigId,Z=K.fracFleetId,$=K.padId,ee=$&&(null==D\|\|null===(_=D.pad_frac_fleets.find((function(e){return e.pad.id===$})))\|\|void 0===_?void 0:_.pad),ne=J?null==P?void 0:P.name:null==D?void 0:D.name,te=J?Q&&(null==O?void 0:O.name):$&&(null==ee?void 0:ee.name),ae=!!(Q\|\|Y\|\|Z),ie=null!=D&&D.current_pad_id?"assets/types/pad/".concat(null==D?void 0:D.current_pad_id):null,se=J?ne&&"assets/".concat(null==O?void 0:O.asset_id):ie,oe=$&&"assets/types/pad/".concat($),re=S&&S.id===t,le=d(null),de=p({width:0}),pe=n(de,2),ce=pe[0],me=pe[1],ue=p(0),he=n(ue,2),fe=he[0],Ae=he[1];return c((function(){Ae(null==ce?void 0:ce.width)}),[null==ce?void 0:ce.width,E]),o(r,{children:[o("div",{className:u(g.appHeaderContainer,I.appHeader),children:[o("div",{className:g.titleBlock,children:[o("div",{className:I.appHeaderTitleWrapper,ref:le,children:[o("div",{className:g.titleWrapper,children:[l("h6",{"data-testid":"".concat("DevCenter_AppHeader","_name"),className:g.title,children:G}),l(f,{app:S})]}),M]}),V&&l("h6",{"data-testid":"".concat("DevCenter_AppHeader","_subtitle"),className:g.subtitle,children:V})]}),o("div",{className:g.headerComponents,style:{marginRight:"".concat(fe,"px")},children:[B===b&&l("div",{className:g.headerChildren,children:U}),X===a.COMPLETION&&B!==j&&l("div",{className:g.padModeSelect,children:l(A,{fracFleet:D,wells:k,well:O,onSettingChange:z,appSettings:y})})]}),S&&R&&l(v,{isPrimaryNameVisible:ae,primaryAssetName:ne,secondaryAssetName:te,coordinatesPixelWidth:R.pixelWidth,primaryAssetLink:!re&&se,secondaryAssetLink:!re&&oe,isMaximized:W,onSize:function(e){return me(e)}}),T&&x&&l(h,{dashboardAppId:S.id,appId:e(S,["app","id"]),annotation:x,openAnnotationsList:F,updateCurrentDashboardAppLastAnnotation:q,currentUser:H})]}),B===j&&l("div",{className:u(g.padModeSelect,g.smallPadModeSelect),children:l(A,{fracFleet:D,wells:k,well:O,onSettingChange:z,appSettings:y})}),B!==b&&l("div",{className:u(g.mediumSizeContent,g.headerComponents),children:l("div",{className:g.headerChildren,children:U})})]})}C.propTypes={app:m.object.isRequired,badge:m.node,classes:m.shape({appHeader:m.string,appHeaderTitleWrapper:m.string}),showLastAnnotation:m.bool,currentUser:m.shape({}),appLastAnnotation:m.shape({}),updateCurrentDashboardAppLastAnnotation:m.func,openAnnotationsList:m.func,rig:m.shape({name:m.string,asset_id:m.number}),well:m.shape({name:m.string,asset_id:m.number}),fracFleet:m.shape({name:m.string,current_pad_id:m.number,pad_frac_fleets:m.arrayOf(m.shape({pad:m.shape({id:m.number.isRequired}).isRequired})).isRequired}),wells:m.arrayOf(m.shape({})),coordinates:m.shape({pixelWidth:m.number.isRequired}),isMaximized:m.bool,appSettings:m.shape({}),onSettingChange:m.func,children:m.arrayOf(m.node)},C.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,children:null};export default C;