npm - @corva/ui - Versions diffs - 3.54.1 → 3.55.0-10 - Mend

@corva/ui 3.54.1 → 3.55.0-10

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 (747) hide show

package/components/FeedItem/components/FeedComments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n showMore: {\n cursor: 'pointer',\n },\n feedCommentsContainer: { padding: '0 16px 0 24px' },\n feedCommentsList: { marginTop: 24 },\n feedCommentsListContent: {\n height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n },\n feedCommentsListContentWrapper: {\n position: 'relative',\n },\n gradient: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: 16,\n background: ({ isInsideDcApp }) =>\n `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n isInsideDcApp ? '#414141' : '3b3b3b'\n } 100%)`,\n },\n});\n\n// If there are more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n const { comments } = feedItem;\n\n const commentsCount = comments.length;\n const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n const [isPosting, setIsPosting] = useState(false);\n const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n const inputEl = useRef();\n const commentsListRef = useRef();\n\n const toggleShowAllComments = () => {\n setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n };\n\n const postComment = comment => {\n postFeedItemComment(feedItem.id, comment);\n };\n\n const visibleComments = useMemo(() => {\n const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n if (!isAllCommentsVisibleKeyPressed)\n return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n }\n\n if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n return [];\n }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n useEffect(() => {\n if (\n visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n !commentsListHeight\n ) {\n const divHeight = commentsListRef.current.clientHeight;\n setCommentsListHeight(divHeight);\n setIsVisibleCommentsAppeared(true);\n }\n\n if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n setCommentsListHeight(null);\n setIsVisibleCommentsAppeared(false);\n }\n }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n return (\n <div className={(openCommentInput \|\| !!commentsCount) && classes.feedCommentsContainer}>\n {openCommentInput && !isNativeDetected && (\n <CommentInput\n inputRef={inputEl}\n postComment={postComment}\n setIsPosting={setIsPosting}\n companyId={feedItem.company_id}\n autoFocus={false}\n currentUser={currentUser}\n parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n />\n )}\n {openCommentList && (\n <div className={classes.feedCommentsList}>\n <div className={classes.feedCommentsListContentWrapper}>\n <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n {visibleComments.map(comment => (\n <Comment\n key={comment.id}\n comment={comment}\n handleDeleteCallback={noop /* NOTE: Received through subscription */}\n patchCommentCallback={noop}\n companyId={feedItem.company_id}\n currentUser={currentUser}\n />\n ))}\n {commentsListHeight && <div className={classes.gradient} />}\n </div>\n </div>\n {moreCommentsExist && (\n <Typography\n variant=\"caption\"\n color=\"primary\"\n data-testid={`${PAGE_NAME}_viewMoreComments`}\n className={classes.showMore}\n onClick={toggleShowAllComments}\n >\n {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n </Typography>\n )}\n </div>\n )}\n\n {isPosting && <CommentLoader />}\n </div>\n );\n}\n\nFeedComments.propTypes = {\n openCommentInput: PropTypes.bool.isRequired,\n feedItem: PropTypes.shape().isRequired,\n currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"0kaAaA,IAEMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,OAAQ,WAEVC,sBAAuB,CAAEC,QAAS,iBAClCC,iBAAkB,CAAEC,UAAW,IAC/BC,wBAAyB,CACvBC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,mBAAkB,OAAOA,GAAsBA,EAAqB,CAAC,EAChFC,SAAU,SAAAC,GAAqB,SAAlBF,oBAA+C,QAAQ,GAEtEG,+BAAgC,CAC9BC,SAAU,YAEZC,SAAU,CACRD,SAAU,WACVE,OAAQ,EACRC,KAAM,EACNC,MAAO,OACPV,OAAQ,GACRW,WAAY,SAAAC,GAAA,IAAGC,IAAAA,cAAa,MAAA,mDAAAC,OAExBD,EAAgB,UAAY,SAAQ,SAAA,KAgB5C,SAASE,EAA2EC,GAAA,IAAAC,EAA5DC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,SAAUC,IAAAA,YAC3DC,EAAaF,EAAbE,SAEFC,EAAgBD,EAASE,OACzBC,EAAoBF,EANW,EAQHG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACoCD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1EC,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GACcN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAApFC,EAA8BF,EAAA,GAAEG,EAAiCH,EAAA,GACpBV,EAAAA,EAAS,MAAKc,EAAAZ,EAAAa,EAAA,GAA3DvC,EAAkBsC,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAUC,IACVC,EAAkBD,IAUlBE,EAAkBC,GAAQ,WAC9B,IAAMC,EAAiBC,EAAO7B,EAASE,UAAU,SAAA4B,GAAI,OAAKC,EAAOD,EAAKE,YAAYC,UAElF,OAAKf,EAGDA,IAAmCJ,EAC9Bc,EAAeM,MAAM,EA9BgB,GAiC1ChB,GAAkCJ,EAAkCc,EAEjE,GAREA,EAAeM,MAAM,EA5BK,EAqCpC,GAAE,CAAChC,EAAUY,EAA2BI,IAEzCiB,GAAU,WACR,GAvC8C,IAwC5CT,EAAgBtB,SACftB,EACD,CACA,IAAMsD,EAAYX,EAAgBY,QAAQC,aAC1ChB,EAAsBc,GACtBrB,GAA6B,EAC/B,CAEIjC,IAAuBoC,IACzBI,EAAsB,MACtBP,GAA6B,GAEhC,GAAE,CAACW,EAAgBtB,OAAQtB,EAAoBoC,IAEhD,IAAMzB,EAAgB8C,IAChBC,EAAUrE,EAAU,CAAEW,mBAAAA,EAAoBoC,+BAAAA,EAAgCzB,cAAAA,IAEhF,OACEgD,EAAA,MAAA,CAAKC,WAAY5C,KAAsBK,IAAkBqC,EAAQjE,sBAAsBoE,SAAA,CACpF7C,IAAqB8C,GACpBC,EAACC,EAAY,CACXC,SAAUxB,EACVyB,YA3CY,SAAAC,GAClBC,EAAoBlD,EAASmD,GAAIF,IA2C3BtC,aAAcA,EACdyC,UAAWpD,EAASqD,WACpBC,WAAW,EACXrD,YAAaA,EACbsD,SAAQ,GAAA7D,OAAKM,EAASmD,GAAE,KAAAzD,OAAI,QAAJG,EAAIG,EAASE,gBAAT,IAAAL,OAAA,EAAAA,EAAmB2D,QAGlDzD,GACC0C,EAAA,MAAA,CAAKC,UAAWF,EAAQ/D,iBAAiBkE,SACvC,CAAAE,EAAA,MAAA,CAAKH,UAAWF,EAAQvD,+BAA+B0D,SACrDF,EAAA,MAAA,CAAKC,UAAWF,EAAQ7D,wBAAyB8E,IAAKhC,EAAgBkB,SAAA,CACnEjB,EAAgBgC,KAAI,SAAAT,GAAO,OAC1BJ,EAACc,EAAO,CAENV,QAASA,EACTW,qBAAsBC,EACtBC,qBAAsBD,EACtBT,UAAWpD,EAASqD,WACpBpD,YAAaA,GALRgD,EAAQE,OAQhBrE,GAAsB+D,EAAA,MAAA,CAAKH,UAAWF,EAAQrD,gBAGlDkB,GACCwC,EAACkB,EAAU,CACTC,QAAQ,UACRC,MAAM,UACN,cAAA,GAAAvE,OAjII,eAiIyC,qBAC7CgD,UAAWF,EAAQnE,SACnB6F,QA9EkB,WAC5B/C,GAAmCD,IA6EMyB,SAE9BzB,EAAiC,sBAAwB,wBAMjER,GAAamC,EAACsB,EAAgB,CAAA,KAGrC,CAEAxE,EAAayE,UAAY,CACvBtE,iBAAkBuE,EAAUC,KAAKC,WACjCvE,SAAUqE,EAAUG,QAAQD,WAC5BtE,YAAaoE,EAAUG,QAAQD"}
1	+ {"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n showMore: {\n cursor: 'pointer',\n },\n feedCommentsContainer: { padding: '0 16px 0 24px' },\n feedCommentsList: { marginTop: 24 },\n feedCommentsListContent: {\n height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n },\n feedCommentsListContentWrapper: {\n position: 'relative',\n },\n gradient: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: 16,\n background: ({ isInsideDcApp }) =>\n `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n isInsideDcApp ? '#414141' : '3b3b3b'\n } 100%)`,\n },\n});\n\n// If there are more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n const { comments } = feedItem;\n\n const commentsCount = comments.length;\n const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n const [isPosting, setIsPosting] = useState(false);\n const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n const inputEl = useRef();\n const commentsListRef = useRef();\n\n const toggleShowAllComments = () => {\n setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n };\n\n const postComment = comment => {\n postFeedItemComment(feedItem.id, comment);\n };\n\n const visibleComments = useMemo(() => {\n const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n if (!isAllCommentsVisibleKeyPressed)\n return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n }\n\n if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n return [];\n }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n useEffect(() => {\n if (\n visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n !commentsListHeight\n ) {\n const divHeight = commentsListRef.current.clientHeight;\n setCommentsListHeight(divHeight);\n setIsVisibleCommentsAppeared(true);\n }\n\n if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n setCommentsListHeight(null);\n setIsVisibleCommentsAppeared(false);\n }\n }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n return (\n <div className={(openCommentInput \|\| !!commentsCount) && classes.feedCommentsContainer}>\n {openCommentInput && !isNativeDetected && (\n <CommentInput\n inputRef={inputEl}\n postComment={postComment}\n setIsPosting={setIsPosting}\n companyId={feedItem.company_id}\n autoFocus={false}\n currentUser={currentUser}\n parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n />\n )}\n {openCommentList && (\n <div className={classes.feedCommentsList}>\n <div className={classes.feedCommentsListContentWrapper}>\n <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n {visibleComments.map(comment => (\n <Comment\n key={comment.id}\n comment={comment}\n handleDeleteCallback={noop /* NOTE: Received through subscription */}\n patchCommentCallback={noop}\n companyId={feedItem.company_id}\n currentUser={currentUser}\n />\n ))}\n {commentsListHeight && <div className={classes.gradient} />}\n </div>\n </div>\n {moreCommentsExist && (\n <Typography\n variant=\"caption\"\n color=\"primary\"\n data-testid={`${PAGE_NAME}_viewMoreComments`}\n className={classes.showMore}\n onClick={toggleShowAllComments}\n >\n {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n </Typography>\n )}\n </div>\n )}\n\n {isPosting && <CommentLoader />}\n </div>\n );\n}\n\nFeedComments.propTypes = {\n openCommentInput: PropTypes.bool.isRequired,\n feedItem: PropTypes.shape().isRequired,\n currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"69cAaA,IAEMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,OAAQ,WAEVC,sBAAuB,CAAEC,QAAS,iBAClCC,iBAAkB,CAAEC,UAAW,IAC/BC,wBAAyB,CACvBC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,mBAAkB,OAAOA,GAAsBA,EAAqB,CAAC,EAChFC,SAAU,SAAAC,GAAqB,SAAlBF,oBAA+C,QAAQ,GAEtEG,+BAAgC,CAC9BC,SAAU,YAEZC,SAAU,CACRD,SAAU,WACVE,OAAQ,EACRC,KAAM,EACNC,MAAO,OACPV,OAAQ,GACRW,WAAY,SAAAC,GAAA,IAAGC,IAAAA,cAAa,MAAA,mDAAAC,OAExBD,EAAgB,UAAY,SAAQ,SAAA,KAgB5C,SAASE,EAA2EC,GAAA,IAAAC,EAA5DC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,SAAUC,IAAAA,YAC3DC,EAAaF,EAAbE,SAEFC,EAAgBD,EAASE,OACzBC,EAAoBF,EANW,EAQHG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACoCD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1EC,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GACcN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAApFC,EAA8BF,EAAA,GAAEG,EAAiCH,EAAA,GACpBV,EAAAA,EAAS,MAAKc,EAAAZ,EAAAa,EAAA,GAA3DvC,EAAkBsC,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAUC,IACVC,EAAkBD,IAUlBE,EAAkBC,GAAQ,WAC9B,IAAMC,EAAiBC,EAAO7B,EAASE,UAAU,SAAA4B,GAAI,OAAKC,EAAOD,EAAKE,YAAYC,UAElF,OAAKf,EAGDA,IAAmCJ,EAC9Bc,EAAeM,MAAM,EA9BgB,GAiC1ChB,GAAkCJ,EAAkCc,EAEjE,GAREA,EAAeM,MAAM,EA5BK,EAqCpC,GAAE,CAAChC,EAAUY,EAA2BI,IAEzCiB,GAAU,WACR,GAvC8C,IAwC5CT,EAAgBtB,SACftB,EACD,CACA,IAAMsD,EAAYX,EAAgBY,QAAQC,aAC1ChB,EAAsBc,GACtBrB,GAA6B,EAC/B,CAEIjC,IAAuBoC,IACzBI,EAAsB,MACtBP,GAA6B,GAEhC,GAAE,CAACW,EAAgBtB,OAAQtB,EAAoBoC,IAEhD,IAAMzB,EAAgB8C,IAChBC,EAAUrE,EAAU,CAAEW,mBAAAA,EAAoBoC,+BAAAA,EAAgCzB,cAAAA,IAEhF,OACEgD,EAAA,MAAA,CAAKC,WAAY5C,KAAsBK,IAAkBqC,EAAQjE,sBAAsBoE,SAAA,CACpF7C,IAAqB8C,GACpBC,EAACC,EAAY,CACXC,SAAUxB,EACVyB,YA3CY,SAAAC,GAClBC,EAAoBlD,EAASmD,GAAIF,IA2C3BtC,aAAcA,EACdyC,UAAWpD,EAASqD,WACpBC,WAAW,EACXrD,YAAaA,EACbsD,SAAQ,GAAA7D,OAAKM,EAASmD,GAAE,KAAAzD,OAAI,QAAJG,EAAIG,EAASE,gBAAT,IAAAL,OAAA,EAAAA,EAAmB2D,QAGlDzD,GACC0C,EAAA,MAAA,CAAKC,UAAWF,EAAQ/D,iBAAiBkE,SACvC,CAAAE,EAAA,MAAA,CAAKH,UAAWF,EAAQvD,+BAA+B0D,SACrDF,EAAA,MAAA,CAAKC,UAAWF,EAAQ7D,wBAAyB8E,IAAKhC,EAAgBkB,SAAA,CACnEjB,EAAgBgC,KAAI,SAAAT,GAAO,OAC1BJ,EAACc,EAAO,CAENV,QAASA,EACTW,qBAAsBC,EACtBC,qBAAsBD,EACtBT,UAAWpD,EAASqD,WACpBpD,YAAaA,GALRgD,EAAQE,OAQhBrE,GAAsB+D,EAAA,MAAA,CAAKH,UAAWF,EAAQrD,gBAGlDkB,GACCwC,EAACkB,EAAU,CACTC,QAAQ,UACRC,MAAM,UACN,cAAA,GAAAvE,OAjII,eAiIyC,qBAC7CgD,UAAWF,EAAQnE,SACnB6F,QA9EkB,WAC5B/C,GAAmCD,IA6EMyB,SAE9BzB,EAAiC,sBAAwB,wBAMjER,GAAamC,EAACsB,EAAgB,CAAA,KAGrC,CAEAxE,EAAayE,UAAY,CACvBtE,iBAAkBuE,EAAUC,KAAKC,WACjCvE,SAAUqE,EAAUG,QAAQD,WAC5BtE,YAAaoE,EAAUG,QAAQD"}

package/components/FeedItem/components/Reactions.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export default Reactions;
-declare function Reactions({ feedItem, currentUser, setOpenCommentInput, setOpenCommentList, openCommentInput, openCommentList, handleToggleLike, }: {
+declare function Reactions({ feedItem, currentUser, setOpenCommentInput, setOpenCommentList, openCommentInput, openCommentList, handleToggleLike, extraActions, }: {
     feedItem: any;
     currentUser: any;
     setOpenCommentInput: any;
@@ -7,5 +7,6 @@ declare function Reactions({ feedItem, currentUser, setOpenCommentInput, setOpen
     openCommentInput: any;
     openCommentList: any;
     handleToggleLike: any;
+    extraActions: any;
 }): JSX.Element;
 //# sourceMappingURL=Reactions.d.ts.map

package/components/FeedItem/components/Reactions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Reactions.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/components/Reactions.js"],"names":[],"mappings":";AAsCA~~;;;;;;;;gBAkFC~~"}
1	+ {"version":3,"file":"Reactions.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/components/Reactions.js"],"names":[],"mappings":";AAsCA;;;;;;;;;gBAqFC"}

package/components/FeedItem/components/Reactions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"classnames";import i from"moment";import{uniq as n,uniqBy as o}from"lodash";import{makeStyles as r,useTheme as m,IconButton as a}from"@material-ui/core";import s from"@material-ui/icons/ThumbUp";import l from"@material-ui/icons/Comment";import{notifyOpenFeedCommentInput as c}from"../../../utils/nativeMessages.js";import{isNativeDetected as u}from"../../../utils/mobileDetect.js";import p from"../../CommentsInfo/index.js";import d from"../../../utils/main.js";import{jsx as f,jsxs as g}from"react/jsx-runtime";var C=r({reactionButton:{padding:8},reactions:{minHeight:48,marginTop:5,display:"flex",alignItems:"center",padding:"8px 16px 8px 24px",flexWrap:"wrap"},reactionsNative:{padding:"0 16px"},actions:{display:"flex",marginRight:30,alignItems:"center"}}),h=u?2:3,k=function(r){var k=r.feedItem,x=r.currentUser,v=r.setOpenCommentInput,N=r.setOpenCommentList,b=r.openCommentInput,y=r.openCommentList,I=r.handleToggleLike,L=m(),j=C(),B=k.likes_count,U=k.comments.length,F=(k.likes||[]).find((function(e){var t;return(null===(t=e.user)||void 0===t?void 0:t.id)===x.id})),_=(k.likes||[]).map((function(e){return d.getUserFullName(e.user)})),P=n((k.comments||[]).map((function(e){return d.getUserFullName(e.user)}))),T=o((k.comments||[]).concat(k.likes||[]).map((function(e){return e.user})).sort((function(e){return i(e.created_at).unix()})),"id").slice(0,h),W=!b||!y;return f("div",{className:t(j.reactions,e({},j.reactionsNative,u)),children:g("div",{className:j.actions,children:[f(a,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:I,className:j.reactionButton,children:f(s,{htmlColor:F?L.palette.primary.main:L.palette.grey[400]})}),f(a,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){u?c(k.id):(v(W),N(W))},className:j.reactionButton,children:f(l,{htmlColor:L.palette.grey[400]})}),f(p,{likesCount:B,usersWhoLike:_,commentsCount:U,usersWhoCommented:P,activeUsersList:T,onCommentsClick:function(){return N(!y)},small:!0})]})})};export{k as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"classnames";import i from"moment";import{uniq as n,uniqBy as o}from"lodash";import{makeStyles as r,useTheme as m,IconButton as a}from"@material-ui/core";import s from"@material-ui/icons/ThumbUp";import l from"@material-ui/icons/Comment";import{notifyOpenFeedCommentInput as c}from"../../../utils/nativeMessages.js";import{isNativeDetected as u}from"../../../utils/mobileDetect.js";import p from"../../CommentsInfo/index.js";import d from"../../../utils/main.js";import{jsx as f,jsxs as g}from"react/jsx-runtime";var C=r({reactionButton:{padding:8},reactions:{minHeight:48,marginTop:5,display:"flex",alignItems:"center",padding:"8px 16px 8px 24px",flexWrap:"wrap"},reactionsNative:{padding:"0 16px"},actions:{display:"flex",marginRight:30,alignItems:"center"}}),h=u?2:3,x=function(r){var x=r.feedItem,k=r.currentUser,v=r.setOpenCommentInput,N=r.setOpenCommentList,b=r.openCommentInput,y=r.openCommentList,I=r.handleToggleLike,L=r.extraActions,j=m(),B=C(),U=x.likes_count,F=x.comments.length,_=(x.likes||[]).find((function(e){var t;return(null===(t=e.user)||void 0===t?void 0:t.id)===k.id})),P=(x.likes||[]).map((function(e){return d.getUserFullName(e.user)})),T=n((x.comments||[]).map((function(e){return d.getUserFullName(e.user)}))),W=o((x.comments||[]).concat(x.likes||[]).map((function(e){return e.user})).sort((function(e){return i(e.created_at).unix()})),"id").slice(0,h),O=!b||!y;return f("div",{className:t(B.reactions,e({},B.reactionsNative,u)),children:g("div",{className:B.actions,children:[f(a,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:I,className:B.reactionButton,children:f(s,{htmlColor:_?j.palette.primary.main:j.palette.grey[400]})}),f(a,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){u?c(x.id):(v(O),N(O))},className:B.reactionButton,children:f(l,{htmlColor:j.palette.grey[400]})}),L,f(p,{likesCount:U,usersWhoLike:P,commentsCount:F,usersWhoCommented:T,activeUsersList:W,onCommentsClick:function(){return N(!y)},small:!0})]})})};export{x as default};
 //# sourceMappingURL=Reactions.js.map

package/components/FeedItem/components/Reactions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Reactions.js","sources":["../../../../src/components/FeedItem/components/Reactions.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n// NOTE: CHECK utils\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { uniq, uniqBy } from 'lodash';\nimport { makeStyles, useTheme, IconButton } from '@material-ui/core';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CommentIcon from '@material-ui/icons/Comment';\n\nimport { notifyOpenFeedCommentInput } from '~/utils/nativeMessages';\nimport { isNativeDetected } from '~utils/mobileDetect';\nimport CommentsInfo from '~/components/CommentsInfo';\nimport utils from '~/utils/main';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles({\n reactionButton: { padding: 8 },\n reactions: {\n minHeight: 48,\n marginTop: 5,\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px 8px 24px',\n flexWrap: 'wrap',\n },\n reactionsNative: {\n padding: '0 16px',\n },\n actions: {\n display: 'flex',\n marginRight: 30,\n alignItems: 'center',\n },\n});\n\nconst AVATARS_VISIBLE_AMOUNT = isNativeDetected ? 2 : 3;\n\nconst Reactions = ({\n feedItem,\n currentUser,\n setOpenCommentInput,\n setOpenCommentList,\n openCommentInput,\n openCommentList,\n handleToggleLike,\n}) => {\n const theme = useTheme();\n const classes = useStyles();\n const likesCount = feedItem.likes_count;\n const commentsCount = feedItem.comments.length;\n\n const isLikedByCurrentUser = (feedItem.likes \|\| []).find(\n like => like.user?.id === currentUser.id\n );\n\n const usersWhoLike = (feedItem.likes \|\| []).map(like => utils.getUserFullName(like.user));\n\n const usersWhoCommented = uniq(\n (feedItem.comments \|\| []).map(comment => utils.getUserFullName(comment.user))\n );\n\n const activeUsersList = uniqBy(\n (feedItem.comments \|\| [])\n .concat(feedItem.likes \|\| [])\n .map(item => item.user)\n .sort(item => moment(item.created_at).unix()),\n 'id'\n ).slice(0, AVATARS_VISIBLE_AMOUNT);\n\n const isListOrInputClosed = !openCommentInput \|\| !openCommentList;\n\n const handleCommentIconClick = () => {\n if (isNativeDetected) {\n notifyOpenFeedCommentInput(feedItem.id);\n } else {\n setOpenCommentInput(isListOrInputClosed);\n setOpenCommentList(isListOrInputClosed);\n }\n };\n\n return (\n <div\n className={classNames(classes.reactions, {\n [classes.reactionsNative]: isNativeDetected,\n })}\n >\n <div className={classes.actions}>\n <IconButton\n data-testid={`${PAGE_NAME}_likeButton`}\n aria-label=\"Like\"\n onClick={handleToggleLike}\n className={classes.reactionButton}\n >\n <ThumbUpIcon\n htmlColor={isLikedByCurrentUser ? theme.palette.primary.main : theme.palette.grey[400]}\n />\n </IconButton>\n\n <IconButton\n data-testid={`${PAGE_NAME}_commentButton`}\n aria-label=\"Comment\"\n onClick={handleCommentIconClick}\n className={classes.reactionButton}\n >\n <CommentIcon htmlColor={theme.palette.grey[400]} />\n </IconButton>\n\n <CommentsInfo\n likesCount={likesCount}\n usersWhoLike={usersWhoLike}\n commentsCount={commentsCount}\n usersWhoCommented={usersWhoCommented}\n activeUsersList={activeUsersList}\n onCommentsClick={() => setOpenCommentList(!openCommentList)}\n small\n />\n </div>\n </div>\n );\n};\n\nexport default Reactions;\n"],"names":["useStyles","makeStyles","reactionButton","padding","reactions","minHeight","marginTop","display","alignItems","flexWrap","reactionsNative","actions","marginRight","AVATARS_VISIBLE_AMOUNT","isNativeDetected","Reactions","_ref","feedItem","currentUser","setOpenCommentInput","setOpenCommentList","openCommentInput","openCommentList","handleToggleLike","theme","useTheme","classes","likesCount","likes_count","commentsCount","comments","length","isLikedByCurrentUser","likes","find","like","_like$user","user","id","usersWhoLike","map","utils","getUserFullName","usersWhoCommented","uniq","comment","activeUsersList","uniqBy","concat","item","sort","moment","created_at","unix","slice","isListOrInputClosed","_jsx","className","classNames","children","_jsxs","IconButton","onClick","ThumbUpIcon","htmlColor","palette","primary","main","grey","notifyOpenFeedCommentInput","CommentIcon","CommentsInfo","onCommentsClick","small"],"mappings":"mkBAcA,IAEMA,EAAYC,EAAW,CAC3BC,eAAgB,CAAEC,QAAS,GAC3BC,UAAW,CACTC,UAAW,GACXC,UAAW,EACXC,QAAS,OACTC,WAAY,SACZL,QAAS,oBACTM,SAAU,QAEZC,gBAAiB,CACfP,QAAS,UAEXQ,QAAS,CACPJ,QAAS,OACTK,YAAa,GACbJ,WAAY,YAIVK,EAAyBC,EAAmB,EAAI,EAEhDC,EAAY,~~SAQZC~~,GAAA,~~IAPJC~~,IAAAA,SACAC,IAAAA,YACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,~~iBAEMC~~,EAAQC,IACRC,~~EAAU1B~~,~~IACV2B~~,~~EAAaV~~,~~EAASW~~,YACtBC,~~EAAgBZ~~,~~EAASa~~,SAASC,OAElCC,~~GAAwBf~~,~~EAASgB~~,OAAS,IAAIC,MAClD,SAAAC,GAAI,IAAAC,EAAA,OAAa,QAATA,EAAAD,EAAKE,YAAI,IAAAD,OAAA,EAATA,EAAWE,~~MAAOpB~~,~~EAAYoB~~,MAGlCC,~~GAAgBtB~~,~~EAASgB~~,OAAS,IAAIO,KAAI,SAAAL,GAAI,OAAIM,EAAMC,gBAAgBP,EAAKE,SAE7EM,EAAoBC,~~GACvB3B~~,~~EAASa~~,UAAY,IAAIU,KAAI,SAAAK,GAAO,OAAIJ,EAAMC,gBAAgBG,EAAQR,KAAK,KAGxES,EAAkBC,~~GACrB9B~~,~~EAASa~~,UAAY,IACnBkB,~~OAAO/B~~,~~EAASgB~~,OAAS,IACzBO,KAAI,SAAAS,GAAI,OAAIA,EAAKZ,IAAI,IACrBa,MAAK,SAAAD,GAAI,OAAIE,EAAOF,EAAKG,YAAYC,MAAO,IAC/C,MACAC,MAAM,~~EAAGzC~~,~~GAEL0C~~,~~GAAuBlC~~,IAAqBC,EAWlD,~~OACEkC~~,EAAA,MAAA,CACEC,UAAWC,EAAWhC,~~EAAQtB~~,~~UAC3BsB~~,EAAAA,CAAAA,EAAAA,~~EAAQhB~~,gBAAkBI,~~IAC1B6C~~,SAEHC,EAAA,MAAA,CAAKH,UAAW/B,~~EAAQf~~,~~QAAQgD~~,SAAA,CAC9BH,EAACK,EAAU,CACT,cAAA,GAAAb,~~OA3EQ~~,~~SA2E~~+B,eACvC,aAAW,OACXc,~~QAASvC~~,~~EACTkC~~,UAAW/B,~~EAAQxB~~,~~eAAeyD~~,SAElCH,EAACO,EAAW,CACVC,UAAWhC,EAAuBR,EAAMyC,QAAQC,QAAQC,KAAO3C,EAAMyC,QAAQG,KAAK,SAItFZ,EAACK,EAAU,CACT,cAAA,GAAAb,~~OAtFQ~~,~~SAsFkC~~,kBAC1C,aAAW,UACXc,QA9BuB,~~WACzBhD~~,~~EACFuD~~,~~EAA2BpD~~,~~EAASqB~~,~~KAEpCnB~~,~~EAAoBoC~~,~~GACpBnC~~,~~EAAmBmC~~,KA0BfE,UAAW/B,~~EAAQxB~~,~~eAAeyD~~,SAElCH,EAACc,EAAW,CAACN,UAAWxC,EAAMyC,QAAQG,KAAK,~~SAG7CZ~~,EAACe,EAAY,CACX5C,WAAYA,EACZY,aAAcA,EACdV,cAAeA,EACfc,kBAAmBA,EACnBG,gBAAiBA,EACjB0B,gBAAiB,WAAA,~~OAAMpD~~,GAAoBE,EAAiB,~~EAC5DmD~~,OAAK,QAKf"}
1	+ {"version":3,"file":"Reactions.js","sources":["../../../../src/components/FeedItem/components/Reactions.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n// NOTE: CHECK utils\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { uniq, uniqBy } from 'lodash';\nimport { makeStyles, useTheme, IconButton } from '@material-ui/core';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CommentIcon from '@material-ui/icons/Comment';\n\nimport { notifyOpenFeedCommentInput } from '~/utils/nativeMessages';\nimport { isNativeDetected } from '~utils/mobileDetect';\nimport CommentsInfo from '~/components/CommentsInfo';\nimport utils from '~/utils/main';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles({\n reactionButton: { padding: 8 },\n reactions: {\n minHeight: 48,\n marginTop: 5,\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px 8px 24px',\n flexWrap: 'wrap',\n },\n reactionsNative: {\n padding: '0 16px',\n },\n actions: {\n display: 'flex',\n marginRight: 30,\n alignItems: 'center',\n },\n});\n\nconst AVATARS_VISIBLE_AMOUNT = isNativeDetected ? 2 : 3;\n\nconst Reactions = ({\n feedItem,\n currentUser,\n setOpenCommentInput,\n setOpenCommentList,\n openCommentInput,\n openCommentList,\n handleToggleLike,\n extraActions,\n}) => {\n const theme = useTheme();\n const classes = useStyles();\n const likesCount = feedItem.likes_count;\n const commentsCount = feedItem.comments.length;\n\n const isLikedByCurrentUser = (feedItem.likes \|\| []).find(\n like => like.user?.id === currentUser.id\n );\n\n const usersWhoLike = (feedItem.likes \|\| []).map(like => utils.getUserFullName(like.user));\n\n const usersWhoCommented = uniq(\n (feedItem.comments \|\| []).map(comment => utils.getUserFullName(comment.user))\n );\n\n const activeUsersList = uniqBy(\n (feedItem.comments \|\| [])\n .concat(feedItem.likes \|\| [])\n .map(item => item.user)\n .sort(item => moment(item.created_at).unix()),\n 'id'\n ).slice(0, AVATARS_VISIBLE_AMOUNT);\n\n const isListOrInputClosed = !openCommentInput \|\| !openCommentList;\n\n const handleCommentIconClick = () => {\n if (isNativeDetected) {\n notifyOpenFeedCommentInput(feedItem.id);\n } else {\n setOpenCommentInput(isListOrInputClosed);\n setOpenCommentList(isListOrInputClosed);\n }\n };\n\n return (\n <div\n className={classNames(classes.reactions, {\n [classes.reactionsNative]: isNativeDetected,\n })}\n >\n <div className={classes.actions}>\n <IconButton\n data-testid={`${PAGE_NAME}_likeButton`}\n aria-label=\"Like\"\n onClick={handleToggleLike}\n className={classes.reactionButton}\n >\n <ThumbUpIcon\n htmlColor={isLikedByCurrentUser ? theme.palette.primary.main : theme.palette.grey[400]}\n />\n </IconButton>\n\n <IconButton\n data-testid={`${PAGE_NAME}_commentButton`}\n aria-label=\"Comment\"\n onClick={handleCommentIconClick}\n className={classes.reactionButton}\n >\n <CommentIcon htmlColor={theme.palette.grey[400]} />\n </IconButton>\n\n {extraActions}\n\n <CommentsInfo\n likesCount={likesCount}\n usersWhoLike={usersWhoLike}\n commentsCount={commentsCount}\n usersWhoCommented={usersWhoCommented}\n activeUsersList={activeUsersList}\n onCommentsClick={() => setOpenCommentList(!openCommentList)}\n small\n />\n </div>\n </div>\n );\n};\n\nexport default Reactions;\n"],"names":["useStyles","makeStyles","reactionButton","padding","reactions","minHeight","marginTop","display","alignItems","flexWrap","reactionsNative","actions","marginRight","AVATARS_VISIBLE_AMOUNT","isNativeDetected","Reactions","_ref","feedItem","currentUser","setOpenCommentInput","setOpenCommentList","openCommentInput","openCommentList","handleToggleLike","extraActions","theme","useTheme","classes","likesCount","likes_count","commentsCount","comments","length","isLikedByCurrentUser","likes","find","like","_like$user","user","id","usersWhoLike","map","utils","getUserFullName","usersWhoCommented","uniq","comment","activeUsersList","uniqBy","concat","item","sort","moment","created_at","unix","slice","isListOrInputClosed","_jsx","className","classNames","children","_jsxs","IconButton","onClick","ThumbUpIcon","htmlColor","palette","primary","main","grey","notifyOpenFeedCommentInput","CommentIcon","CommentsInfo","onCommentsClick","small"],"mappings":"mkBAcA,IAEMA,EAAYC,EAAW,CAC3BC,eAAgB,CAAEC,QAAS,GAC3BC,UAAW,CACTC,UAAW,GACXC,UAAW,EACXC,QAAS,OACTC,WAAY,SACZL,QAAS,oBACTM,SAAU,QAEZC,gBAAiB,CACfP,QAAS,UAEXQ,QAAS,CACPJ,QAAS,OACTK,YAAa,GACbJ,WAAY,YAIVK,EAAyBC,EAAmB,EAAI,EAEhDC,EAAY,SASZC,GAAA,IARJC,IAAAA,SACAC,IAAAA,YACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,aAEMC,EAAQC,IACRC,EAAU3B,IACV4B,EAAaX,EAASY,YACtBC,EAAgBb,EAASc,SAASC,OAElCC,GAAwBhB,EAASiB,OAAS,IAAIC,MAClD,SAAAC,GAAI,IAAAC,EAAA,OAAa,QAATA,EAAAD,EAAKE,YAAI,IAAAD,OAAA,EAATA,EAAWE,MAAOrB,EAAYqB,MAGlCC,GAAgBvB,EAASiB,OAAS,IAAIO,KAAI,SAAAL,GAAI,OAAIM,EAAMC,gBAAgBP,EAAKE,SAE7EM,EAAoBC,GACvB5B,EAASc,UAAY,IAAIU,KAAI,SAAAK,GAAO,OAAIJ,EAAMC,gBAAgBG,EAAQR,KAAK,KAGxES,EAAkBC,GACrB/B,EAASc,UAAY,IACnBkB,OAAOhC,EAASiB,OAAS,IACzBO,KAAI,SAAAS,GAAI,OAAIA,EAAKZ,IAAI,IACrBa,MAAK,SAAAD,GAAI,OAAIE,EAAOF,EAAKG,YAAYC,MAAO,IAC/C,MACAC,MAAM,EAAG1C,GAEL2C,GAAuBnC,IAAqBC,EAWlD,OACEmC,EAAA,MAAA,CACEC,UAAWC,EAAWhC,EAAQvB,UAC3BuB,EAAAA,CAAAA,EAAAA,EAAQjB,gBAAkBI,IAC1B8C,SAEHC,EAAA,MAAA,CAAKH,UAAW/B,EAAQhB,QAAQiD,SAAA,CAC9BH,EAACK,EAAU,CACT,cAAA,GAAAb,OA5EQ,SA4E+B,eACvC,aAAW,OACXc,QAASxC,EACTmC,UAAW/B,EAAQzB,eAAe0D,SAElCH,EAACO,EAAW,CACVC,UAAWhC,EAAuBR,EAAMyC,QAAQC,QAAQC,KAAO3C,EAAMyC,QAAQG,KAAK,SAItFZ,EAACK,EAAU,CACT,cAAA,GAAAb,OAvFQ,SAuFkC,kBAC1C,aAAW,UACXc,QA9BuB,WACzBjD,EACFwD,EAA2BrD,EAASsB,KAEpCpB,EAAoBqC,GACpBpC,EAAmBoC,KA0BfE,UAAW/B,EAAQzB,eAAe0D,SAElCH,EAACc,EAAW,CAACN,UAAWxC,EAAMyC,QAAQG,KAAK,SAG5C7C,EAEDiC,EAACe,EAAY,CACX5C,WAAYA,EACZY,aAAcA,EACdV,cAAeA,EACfc,kBAAmBA,EACnBG,gBAAiBA,EACjB0B,gBAAiB,WAAA,OAAMrD,GAAoBE,EAAiB,EAC5DoD,OAAK,QAKf"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.d.ts CHANGED Viewed

@@ -1,16 +1,8 @@
 export default AlertFeedItem;
-declare function AlertFeedItem({ feedItem: { context: { alert: { id, name, description, decision_path: desicionPath }, }, }, isCorvaV3FeaturesEnabled, }: {
-    feedItem: {
-        context: {
-            alert: {
-                id: any;
-                name: any;
-                description: any;
-                decision_path: any;
-            };
-        };
-    };
+declare function AlertFeedItem({ feedItem, isCorvaV3FeaturesEnabled, onFeedItemClick }: {
+    feedItem: any;
     isCorvaV3FeaturesEnabled: any;
+    onFeedItemClick: any;
 }): JSX.Element;
 declare namespace AlertFeedItem {
     namespace propTypes {
@@ -25,6 +17,14 @@ declare namespace AlertFeedItem {
                 }>>>;
             }>>>;
         }>>>;
+        let isCorvaV3FeaturesEnabled: PropTypes.Requireable<boolean>;
+        let onFeedItemClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let isCorvaV3FeaturesEnabled_1: boolean;
+        export { isCorvaV3FeaturesEnabled_1 as isCorvaV3FeaturesEnabled };
+        let onFeedItemClick_1: undefined;
+        export { onFeedItemClick_1 as onFeedItemClick };
     }
 }
 import PropTypes from 'prop-types';

package/components/FeedItem/feedItemTypes/AlertFeedItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertFeedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"names":[],"mappings":";AA2BA~~;;;;;;;;;;;;gBAqCC;;;;;;;;;;;;;;;;sBAhEqB~~,YAAY"}
1	+ {"version":3,"file":"AlertFeedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"names":[],"mappings":";AA2BA;;;;gBA0CC;;;;;;;;;;;;;;;;;;;;;;;;sBArEqB,YAAY"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router-dom";import o from"@material-ui/icons/Timeline";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as n}from"../../../constants/alerts.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";var s=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),c=function(e){var i=e.feedItem.context.alert,c=i.id,m=i.name,d=i.description,p=i.decision_path,u=e.isCorvaV3FeaturesEnabled,f=s();return a("div",{children:l("div",{className:f.alertContanier,children:[a(t,{variant:"body1",children:a(r,{className:f.item,to:"/alerts/".concat(c,"/"),onClick:function(e){u&&(e.preventDefault(),localStorage.setItem(n,c))},children:m})}),a(t,{variant:"body1",gutterBottom:!0,children:d}),l(t,{variant:"body1",className:f.timelineText,children:[a(o,{className:f.timlineIconRoot,color:"action"}),p]})]})})};c.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired};export{c as default};
+import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router-dom";import o from"@material-ui/icons/Timeline";import{OPEN_ALERT_DETAILS_ID_STORAGE_KEY as n}from"../../../constants/alerts.js";import{jsx as a,jsxs as l}from"react/jsx-runtime";var s=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),c=function(e){var i=e.feedItem,c=e.isCorvaV3FeaturesEnabled,d=e.onFeedItemClick,m=s(),u=i.context.alert,p=u.id,f=u.name,v=u.description,h=u.decision_path;return a("div",{children:l("div",{className:m.alertContanier,children:[a(t,{variant:"body1",children:a(r,{className:m.item,to:"/alerts/".concat(p,"/"),onClick:function(e){if(d)return e.preventDefault(),e.stopPropagation(),void d(i);c&&(e.preventDefault(),localStorage.setItem(n,p))},children:f})}),a(t,{variant:"body1",gutterBottom:!0,children:v}),l(t,{variant:"body1",className:m.timelineText,children:[a(o,{className:m.timlineIconRoot,color:"action"}),h]})]})})};c.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired,isCorvaV3FeaturesEnabled:e.bool,onFeedItemClick:e.func},c.defaultProps={isCorvaV3FeaturesEnabled:!1,onFeedItemClick:void 0};export{c as default};
 //# sourceMappingURL=AlertFeedItem.js.map

package/components/FeedItem/feedItemTypes/AlertFeedItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst useStyles = makeStyles(theme => ({\n alertContanier: {\n display: 'inline-block',\n width: 'calc(100% - 35px)',\n },\n timlineIconRoot: {\n verticalAlign: 'bottom',\n marginRight: 15,\n },\n timelineText: {\n color: theme.palette.grey[400],\n },\n item: {\n color: '#fff',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n}));\n\nconst AlertFeedItem = ({\n ~~feedItem:~~ {\n context: {\n alert: { id, name, description, decision_path: ~~desicionPath~~ },\n },\n }~~,\n isCorvaV3FeaturesEnabled,\n})~~ ~~=> {\n const classes~~ = ~~useStyles()~~;\n\n const handleAlertClick = e => {\n if (isCorvaV3FeaturesEnabled) {\n e.preventDefault();\n localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, id);\n }\n };\n\n return (\n <div>\n <div className={classes.alertContanier}>\n <Typography variant=\"body1\">\n <Link className={classes.item} to={`/alerts/${id}/`} onClick={handleAlertClick}>\n {name}\n </Link>\n </Typography>\n\n <Typography variant=\"body1\" gutterBottom>\n {description}\n </Typography>\n\n <Typography variant=\"body1\" className={classes.timelineText}>\n <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n {~~desicionPath~~}\n </Typography>\n </div>\n </div>\n );\n};\n\nAlertFeedItem.propTypes = {\n feedItem: PropTypes.shape({\n context: PropTypes.shape({\n alert: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n decision_path: PropTypes.string.isRequired,\n level: PropTypes.string.isRequired,\n }).isRequired,\n }).isRequired,\n }).isRequired,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","_ref","~~_ref$~~feedItem~~$context~~","~~feedItem~~","context","alert","id","name","description","~~desicionPath~~","decision_path","~~isCorvaV3FeaturesEnabled","classes","~~_jsx","children","_jsxs","className","Typography","variant","Link","to","concat","onClick","e","preventDefault","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","gutterBottom","TimelineIcon","propTypes","PropTypes","shape","number","isRequired","string","level"],"mappings":"+SAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,QAAS,eACTC,MAAO,qBAETC,gBAAiB,CACfC,cAAe,SACfC,YAAa,IAEfC,aAAc,CACZC,MAAOR,EAAMS,QAAQC,KAAK,MAE5BC,KAAM,CACJH,MAAO,OACP,UAAW,CACTI,eAAgB,cAGrB,IAEKC,EAAgB,~~SAOhBC~~,GAAA,~~IAAAC~~,~~EAAAD~~,~~EANJE~~,~~SACEC~~,QACEC,MAASC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,YAA4BC,IAAfC,~~cAGpCC~~,~~IAAAA~~,~~yBAEMC,EAAU3B,IAShB,OACE4B,~~EAAA,MAAA,CAAAC,SACEC,EAAA,MAAA,CAAKC,~~UAAWJ~~,~~EAAQxB~~,~~eAAe0B~~,SAAA,CACrCD,EAACI,EAAU,CAACC,QAAQ,QAAOJ,SACzBD,EAACM,EAAI,CAACH,~~UAAWJ~~,~~EAAQd~~,~~KAAMsB~~,GAAE,WAAAC,~~OAAaf~~,EAAM,~~KAACgB~~,~~QAXpC~~,SAAAC,~~GACnBZ~~,~~IACFY~~,EAAEC,~~iBACFC~~,aAAaC,QAAQC,~~EAAmCrB~~,~~KAQ2BQ~~,~~SAC5EP~~,~~MAILM~~,EAACI,EAAU,CAACC,QAAQ,~~QAAQU~~,cAAY,~~EAAAd~~,~~SACrCN~~,~~IAGHO~~,EAACE,EAAU,CAACC,QAAQ,QAAQF,~~UAAWJ~~,~~EAAQlB~~,~~aAAaoB~~,SAAA,CAC1DD,~~EAACgB~~,EAAY,~~CAACb~~,~~UAAWJ~~,~~EAAQrB~~,gBAAiBI,MAAM,~~WACvDc~~,SAKX,~~EAEAT~~,~~EAAc8B~~,UAAY,~~CACxB3B~~,~~SAAU4B~~,EAAUC,MAAM,~~CACxB5B~~,~~QAAS2B~~,EAAUC,MAAM,~~CACvB3B~~,~~MAAO0B~~,EAAUC,MAAM,~~CACrB1B~~,~~GAAIyB~~,EAAUE,OAAOC,~~WACrB3B~~,~~KAAMwB~~,EAAUI,OAAOD,~~WACvB1B~~,~~YAAauB~~,EAAUI,OAAOD,~~WAC9BxB~~,~~cAAeqB~~,EAAUI,OAAOD,WAChCE,MAAOL,EAAUI,OAAOD,aACvBA,aACFA,aACFA"}
1	+ {"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\n\nconst useStyles = makeStyles(theme => ({\n alertContanier: {\n display: 'inline-block',\n width: 'calc(100% - 35px)',\n },\n timlineIconRoot: {\n verticalAlign: 'bottom',\n marginRight: 15,\n },\n timelineText: {\n color: theme.palette.grey[400],\n },\n item: {\n color: '#fff',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n}));\n\nconst AlertFeedItem = ({ feedItem, isCorvaV3FeaturesEnabled, onFeedItemClick }) => {\n const classes = useStyles();\n const {\n context: {\n alert: { id, name, description, decision_path: decisionPath },\n },\n } = feedItem;\n\n const handleAlertClick = e => {\n if (onFeedItemClick) {\n e.preventDefault();\n e.stopPropagation();\n onFeedItemClick(feedItem);\n return;\n }\n\n if (isCorvaV3FeaturesEnabled) {\n e.preventDefault();\n localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, id);\n }\n };\n\n return (\n <div>\n <div className={classes.alertContanier}>\n <Typography variant=\"body1\">\n <Link className={classes.item} to={`/alerts/${id}/`} onClick={handleAlertClick}>\n {name}\n </Link>\n </Typography>\n\n <Typography variant=\"body1\" gutterBottom>\n {description}\n </Typography>\n\n <Typography variant=\"body1\" className={classes.timelineText}>\n <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n {decisionPath}\n </Typography>\n </div>\n </div>\n );\n};\n\nAlertFeedItem.propTypes = {\n feedItem: PropTypes.shape({\n context: PropTypes.shape({\n alert: PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n decision_path: PropTypes.string.isRequired,\n level: PropTypes.string.isRequired,\n }).isRequired,\n }).isRequired,\n }).isRequired,\n isCorvaV3FeaturesEnabled: PropTypes.bool,\n onFeedItemClick: PropTypes.func,\n};\n\nAlertFeedItem.defaultProps = {\n isCorvaV3FeaturesEnabled: false,\n onFeedItemClick: undefined,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","_ref","feedItem","isCorvaV3FeaturesEnabled","onFeedItemClick","classes","_feedItem$context$ale","context","alert","id","name","description","decisionPath","decision_path","_jsx","children","_jsxs","className","Typography","variant","Link","to","concat","onClick","e","preventDefault","stopPropagation","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","gutterBottom","TimelineIcon","propTypes","PropTypes","shape","number","isRequired","string","level","bool","func","defaultProps","undefined"],"mappings":"+SAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,QAAS,eACTC,MAAO,qBAETC,gBAAiB,CACfC,cAAe,SACfC,YAAa,IAEfC,aAAc,CACZC,MAAOR,EAAMS,QAAQC,KAAK,MAE5BC,KAAM,CACJH,MAAO,OACP,UAAW,CACTI,eAAgB,cAGrB,IAEKC,EAAgB,SAA6DC,GAAA,IAA1DC,IAAAA,SAAUC,IAAAA,yBAA0BC,IAAAA,gBACrDC,EAAUpB,IAChBqB,EAIIJ,EAHFK,QACEC,MAASC,IAAAA,GAAIC,IAAAA,KAAMC,IAAAA,YAA4BC,IAAfC,cAkBpC,OACEC,EAAA,MAAA,CAAAC,SACEC,EAAA,MAAA,CAAKC,UAAWZ,EAAQjB,eAAe2B,SAAA,CACrCD,EAACI,EAAU,CAACC,QAAQ,QAAOJ,SACzBD,EAACM,EAAI,CAACH,UAAWZ,EAAQP,KAAMuB,GAAE,WAAAC,OAAab,EAAM,KAACc,QAlBpC,SAAAC,GACvB,GAAIpB,EAIF,OAHAoB,EAAEC,iBACFD,EAAEE,uBACFtB,EAAgBF,GAIdC,IACFqB,EAAEC,iBACFE,aAAaC,QAAQC,EAAmCpB,KAQ2BM,SAC5EL,MAILI,EAACI,EAAU,CAACC,QAAQ,QAAQW,cAAY,EAAAf,SACrCJ,IAGHK,EAACE,EAAU,CAACC,QAAQ,QAAQF,UAAWZ,EAAQX,aAAaqB,SAAA,CAC1DD,EAACiB,EAAY,CAACd,UAAWZ,EAAQd,gBAAiBI,MAAM,WACvDiB,SAKX,EAEAZ,EAAcgC,UAAY,CACxB9B,SAAU+B,EAAUC,MAAM,CACxB3B,QAAS0B,EAAUC,MAAM,CACvB1B,MAAOyB,EAAUC,MAAM,CACrBzB,GAAIwB,EAAUE,OAAOC,WACrB1B,KAAMuB,EAAUI,OAAOD,WACvBzB,YAAasB,EAAUI,OAAOD,WAC9BvB,cAAeoB,EAAUI,OAAOD,WAChCE,MAAOL,EAAUI,OAAOD,aACvBA,aACFA,aACFA,WACHjC,yBAA0B8B,EAAUM,KACpCnC,gBAAiB6B,EAAUO,MAG7BxC,EAAcyC,aAAe,CAC3BtC,0BAA0B,EAC1BC,qBAAiBsC"}

package/components/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{jsxs as s,jsx as c,Fragment as i}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as e}from"./styles.js";import{FileAdditionOne as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as m}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import{Regular14 as p}from"../Typography.js";import u from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as l,formatDescription as a}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function d(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var I=function(o){var j=o.multiple,I=o.children,h=o.accept,b=o.onDrop,f=o.className,O=o.maxFiles,v=o.maxSize,y=o.errorText,g=o.disabled,P=e(),F=l(h),x=F.mimetypes,C=F.extensions,D=x.length||C.length?d({"*/*":C},Object.fromEntries(x.map((function(o){return[o,[]]})))):void 0,k=a(C,v),z=n({onDrop:b,multiple:j,accept:D,maxFiles:O,maxSize:v,disabled:g}),A=z.getRootProps,B=z.getInputProps,S=z.isDragActive;return s("div",{className:f,children:[s("div",d(d({},A()),{},{className:t(P.root,g&&P.disabled,S&&P.active),children:[c("input",d({},B())),I||s(i,{children:[c(r,{size:24,className:P.icon}),c(p,{children:"Drag & Drop your file here or"}),c(u,{variation:"tertiary",size:"small",disabled:g,className:P.uploadButton,children:"Choose file"})]})]})),!y&&k&&c(p,{className:t(P.description,g&&P.disabled),children:k}),y&&s(p,{className:P.error,children:[c(m,{size:20}),y]})]})};export{I as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{jsxs as s,jsx as c,Fragment as i}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as r}from"./styles.js";import{FileAdditionOne as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as m}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{Regular14 as p}from"../Typography.js";import u from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as a,formatDescription as l}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,b=o.accept,h=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,v=o.errorText,y=o.disabled,P=r(),g=a(b),F=g.mimetypes,D=g.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,A=l(D,C),z=n({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:y}),B=z.getRootProps,S=z.getInputProps,k=z.isDragActive;return s("div",{className:O,children:[s("div",I(I({},B()),{},{className:t(P.root,y&&P.disabled,k&&P.active),children:[c("input",I({},S())),d||s(i,{children:[c(e,{size:24,className:P.icon}),c(p,{children:"Drag & Drop your file here or"}),c(u,{variation:"tertiary",size:"small",disabled:y,className:P.uploadButton,children:"Choose file"})]})]})),!v&&A&&c(p,{className:t(P.description,y&&P.disabled),children:A}),v&&s(p,{className:P.error,children:[c(m,{size:20}),v]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/components/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{jsxs as s,jsx as e,Fragment as i}from"react/jsx-runtime";import{useState as t,useEffect as c,useMemo as r}from"react";import a from"prop-types";import l from"classnames";import{Typography as m,LinearProgress as u}from"@material-ui/core";import p from"../IconButton/index.js";import d from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as f,DeleteFourIcon as j,CheckOneIcon as h,RedoIcon as I,UploadIcon as g}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import v from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as z}from"./useStyles.js";function y(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,e)}return s}function B(n){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?y(Object(e),!0).forEach((function(s){o(n,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):y(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}function C(a){var y=a.size,C=a.unit,N=a.name,O=a.customUnitName,P=a.sizeBytes,S=a.handleCancel,w=a.onReload,L=a.onDelete,k=a.loadedBytes,A=a.error,F=a.errorText,x=a.formatError,M=a.importButtonType,D=a.isLoadingAnimation,E=a.showActions,T=z(),R=t({}),U=n(R,2),W=U[0],q=U[1],G=t(0),K=n(G,2),Z=K[0],H=K[1],J=t(!0),Q=n(J,2),V=Q[0],X=Q[1],Y="large"===y,$=Y?24:16,_=Y?"medium":"small";c((function(){q(function(o,n,s){return"time"===n?{downloaded:0,unit:"min",convertedSize:o}:"custom"===n?{downloaded:0,unit:s,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=P?P:1,null!=C?C:"size",null!=O?O:""))}),[P,C]),c((function(){if(k&&P){var o=Math.round(k/P*100);q((function(n){var s;return B(B({},n),{},{downloaded:Math.floor((null!==(s=n.convertedSize)&&void 0!==s?s:0)*o/10)/10})})),H(o)}}),[k,P]),c((function(){var o;return L&&Z>=100&&(X(!0),o=setTimeout((function(){X(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[Z]),c((function(){A&&(H(0),q((function(o){return B(B({},o),{},{downloaded:0})})))}),[A]);var oo=r((function(){return[l(T.iconButton,o({},T.iconButtonLarge,Y)),l(T.actionIcon,o({},T.actionIconLarge,Y))]}),[Y]),no=n(oo,2),so=no[0],eo=no[1];return s("div",{className:T.fileStateWrapper,children:[e("div",{className:T.fileIconContainer,children:e(b,{name:null!=N?N:"",style:{fontSize:Y?48:32}})}),s("div",{className:T.fileState,children:[s("div",{className:T.fileStateProgress,children:[e("div",{className:T.fileNameWrapper,children:e(m,{className:l(T.fileName,o({},T.fileNameLarge,Y)),children:N&&N.length>7?s(i,{children:[e("span",{className:T.firstPart,children:N.slice(0,N.length-7)}),e("span",{children:N.slice(-7)})]}):N})}),!D&&e(u,{className:T.progressBar,variant:"determinate",value:Z,classes:{colorPrimary:l(T.progressBackground,o({},T.progressBarError,A)),barColorPrimary:l(T.progressBarColor,o({},T.progressBarError,A))}}),s("div",{className:T.loaderProgressContainer,children:[!D&&e(m,{className:l(T.fileSize,o({},T.fileSizeLarge,Y)),component:"span",children:"".concat(W.downloaded," of ").concat(W.convertedSize," ").concat(W.unit)}),s("div",{className:l(T.progressStatus,o({},T.fileSizeLarge,Y)),children:[A&&s(m,{component:"div",className:T.errorContainer,children:[e(v,{size:y}),e(m,{component:"span",className:l(T.errorText,o({},T.fileSizeLarge,Y)),children:x?"Upload Error. Unacceptable file format.":"Upload Error".concat(F&&". ".concat(F))})]}),!A&&!D&&"".concat(Z," %")]})]})]}),E&&s("div",{className:T.fileActions,children:[Z<100&&!A&&e(i,{children:D?e("div",{className:l(T.loadingIcon,o({},T.loadingLargeIcon,Y)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):e(p,{tooltipProps:{title:"Cancel"},className:so,onClick:function(){null==S||S(N),H(0),q((function(o){return B(B({},o),{},{downloaded:0})}))},size:_,children:e(f,{className:eo,size:$})})}),100===Z&&!A&&(!V&&L?e(p,{variant:"contained",tooltipProps:{title:"Delete"},className:so,onClick:L,size:_,children:e(j,{className:eo,size:$})}):e(h,{fill:"#75DB29",size:$,style:{marginLeft:12}})),w&&A&&e(i,{children:x?e(i,{children:"default"===M?e(d,{size:Y?"medium":"small",variation:"primary",startIcon:e(g,{}),onClick:w,children:"Import"}):e(p,{size:_,tooltipProps:{title:"Import File"},className:so,onClick:w,children:e(g,{size:$})})}):e(p,{size:_,tooltipProps:{title:"Reload"},className:so,onClick:w,children:e(I,{size:$})})})]})]})]})}var N={size:a.oneOf(["small","large"]),unit:a.oneOf(["size","time","custom"]),customUnitName:a.string,onDelete:a.func,onReload:a.func,handleCancel:a.func,name:a.string,sizeBytes:a.number,error:a.bool,errorText:a.string,formatError:a.bool,importButtonType:a.oneOf(["default","icon"]),loadedBytes:a.number.isRequired,isLoadingAnimation:a.bool,showActions:a.bool};C.propTypes=N,C.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0};export{C as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as n,jsx as i,Fragment as c}from"react/jsx-runtime";import{useState as t,useEffect as e,useMemo as r}from"react";import m from"prop-types";import a from"classnames";import{Typography as l,LinearProgress as p}from"@material-ui/core";import u from"../IconButton/index.js";import d from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as j,DeleteFourIcon as I,CheckOneIcon as f,RedoIcon as h,UploadIcon as g}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import v from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function z(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function y(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function O(m){var z=m.size,O=m.unit,B=m.name,P=m.customUnitName,N=m.sizeBytes,S=m.handleCancel,w=m.onReload,A=m.onDelete,F=m.loadedBytes,M=m.error,L=m.errorText,k=m.formatError,D=m.importButtonType,T=m.isLoadingAnimation,x=m.showActions,E=C(),R=t({}),U=s(R,2),W=U[0],q=U[1],G=t(0),K=s(G,2),Z=K[0],H=K[1],J=t(!0),Q=s(J,2),V=Q[0],X=Q[1],Y="large"===z,$=Y?24:16,_=Y?"medium":"small";e((function(){q(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=N?N:1,null!=O?O:"size",null!=P?P:""))}),[N,O]),e((function(){if(F&&N){var o=Math.round(F/N*100);q((function(s){var n;return y(y({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),H(o)}}),[F,N]),e((function(){var o;return A&&Z>=100&&(X(!0),o=setTimeout((function(){X(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[Z]),e((function(){M&&(H(0),q((function(o){return y(y({},o),{},{downloaded:0})})))}),[M]);var oo=r((function(){return[a(E.iconButton,o({},E.iconButtonLarge,Y)),a(E.actionIcon,o({},E.actionIconLarge,Y))]}),[Y]),so=s(oo,2),no=so[0],io=so[1];return n("div",{className:E.fileStateWrapper,children:[i("div",{className:E.fileIconContainer,children:i(b,{name:null!=B?B:"",style:{fontSize:Y?48:32}})}),n("div",{className:E.fileState,children:[n("div",{className:E.fileStateProgress,children:[i("div",{className:E.fileNameWrapper,children:i(l,{className:a(E.fileName,o({},E.fileNameLarge,Y)),children:B&&B.length>7?n(c,{children:[i("span",{className:E.firstPart,children:B.slice(0,B.length-7)}),i("span",{children:B.slice(-7)})]}):B})}),!T&&i(p,{className:E.progressBar,variant:"determinate",value:Z,classes:{colorPrimary:a(E.progressBackground,o({},E.progressBarError,M)),barColorPrimary:a(E.progressBarColor,o({},E.progressBarError,M))}}),n("div",{className:E.loaderProgressContainer,children:[!T&&i(l,{className:a(E.fileSize,o({},E.fileSizeLarge,Y)),component:"span",children:"".concat(W.downloaded," of ").concat(W.convertedSize," ").concat(W.unit)}),n("div",{className:a(E.progressStatus,o({},E.fileSizeLarge,Y)),children:[M&&n(l,{component:"div",className:E.errorContainer,children:[i(v,{size:z}),i(l,{component:"span",className:a(E.errorText,o({},E.fileSizeLarge,Y)),children:k?"Upload Error. Unacceptable file format.":"Upload Error".concat(L&&". ".concat(L))})]}),!M&&!T&&"".concat(Z," %")]})]})]}),x&&n("div",{className:E.fileActions,children:[Z<100&&!M&&i(c,{children:T?i("div",{className:a(E.loadingIcon,o({},E.loadingLargeIcon,Y)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):i(u,{tooltipProps:{title:"Cancel"},className:no,onClick:function(){null==S||S(B),H(0),q((function(o){return y(y({},o),{},{downloaded:0})}))},size:_,children:i(j,{className:io,size:$})})}),100===Z&&!M&&(!V&&A?i(u,{variant:"contained",tooltipProps:{title:"Delete"},className:no,onClick:A,size:_,children:i(I,{className:io,size:$})}):i(f,{fill:"#75DB29",size:$,style:{marginLeft:12}})),w&&M&&i(c,{children:k?i(c,{children:"default"===D?i(d,{size:Y?"medium":"small",variation:"primary",startIcon:i(g,{}),onClick:w,children:"Import"}):i(u,{size:_,tooltipProps:{title:"Import File"},className:no,onClick:w,children:i(g,{size:$})})}):i(u,{size:_,tooltipProps:{title:"Reload"},className:no,onClick:w,children:i(h,{size:$})})})]})]})]})}var B={size:m.oneOf(["small","large"]),unit:m.oneOf(["size","time","custom"]),customUnitName:m.string,onDelete:m.func,onReload:m.func,handleCancel:m.func,name:m.string,sizeBytes:m.number,error:m.bool,errorText:m.string,formatError:m.bool,importButtonType:m.oneOf(["default","icon"]),loadedBytes:m.number.isRequired,isLoadingAnimation:m.bool,showActions:m.bool};O.propTypes=B,O.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0};export{O as default};
 //# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoaderV2/FilesLoaderV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as t}from"../FileIcon/FileIcon.js";import r from"../IconButton/index.js";import{CloseIcon as e,DeleteFourIcon as m,RedoIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as a}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import{MiddleTruncatedText as p}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as u,Regular12 as d}from"../Typography.js";import{formatSizeProgress as j}from"./utils.js";import{useStyles as I}from"./styles.js";var h=function(h){var v=h.formatProgress,C=void 0===v?j:v,F=h.className,f=h.name,x=h.current,k=h.total,N=h.errorText,g=h.onCancel,T=h.onReload,P=h.onDelete,R=I(),A=void 0!==k&&k>=0&&void 0!==x&&x>=0,M=Math.min(100,Math.ceil((null!=x?x:0)/(null!=k?k:1)*100)),b=void 0!==x&&void 0!==k&&x>=k;return o("div",{className:i(R.root,F),children:[s(t,{name:f,className:R.icon,strokeWidth:2}),o("div",{className:R.content,children:[s(u,{className:R.name,children:s(p,{children:f},f)}),!N&&!b&&o(c,{children:[s(n,{className:R.progressBar,variant:A?"determinate":void 0,value:M}),o("div",{className:R.progressTextContainer,children:[s(d,{className:R.progressText,children:C(k,x)}),A&&o(d,{className:R.progressText,children:[M,"%"]})]})]}),N&&o(u,{className:R.error,children:[s(a,{size:16}),N]})]}),g&&!N&&!b&&s(r,{onClick:g,size:"small",tooltipProps:{title:"Cancel"},children:s(e,{})}),P&&(N||b)&&s(r,{onClick:P,size:"small",tooltipProps:{title:"Remove File"},children:s(m,{})}),T&&N&&s(r,{onClick:T,size:"small",tooltipProps:{title:"Reload"},children:s(l,{})})]})};export{h as FilesLoaderV2};
+import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as t}from"../FileIcon/FileIcon.js";import m from"../IconButton/index.js";import{CloseIcon as r,DeleteFourIcon as e,RedoIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as l}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{MiddleTruncatedText as a}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as u,Regular12 as j}from"../Typography.js";import{formatSizeProgress as I}from"./utils.js";import{useStyles as d}from"./styles.js";var h=function(h){var C=h.formatProgress,v=void 0===C?I:C,F=h.className,f=h.name,x=h.current,O=h.total,P=h.errorText,g=h.onCancel,M=h.onReload,T=h.onDelete,b=d(),k=void 0!==O&&O>=0&&void 0!==x&&x>=0,N=Math.min(100,Math.ceil((null!=x?x:0)/(null!=O?O:1)*100)),A=void 0!==x&&void 0!==O&&x>=O;return o("div",{className:i(b.root,F),children:[s(t,{name:f,className:b.icon,strokeWidth:2}),o("div",{className:b.content,children:[s(u,{className:b.name,children:s(a,{children:f},f)}),!P&&!A&&o(c,{children:[s(n,{className:b.progressBar,variant:k?"determinate":void 0,value:N}),o("div",{className:b.progressTextContainer,children:[s(j,{className:b.progressText,children:v(O,x)}),k&&o(j,{className:b.progressText,children:[N,"%"]})]})]}),P&&o(u,{className:b.error,children:[s(l,{size:16}),P]})]}),g&&!P&&!A&&s(m,{onClick:g,size:"small",tooltipProps:{title:"Cancel"},children:s(r,{})}),T&&(P||A)&&s(m,{onClick:T,size:"small",tooltipProps:{title:"Remove File"},children:s(e,{})}),M&&P&&s(m,{onClick:M,size:"small",tooltipProps:{title:"Reload"},children:s(p,{})})]})};export{h as FilesLoaderV2};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/components/Formula/CloseSuggestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,r=n();return i("div",{className:r.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
+import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,m=n();return i("div",{className:m.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
 //# sourceMappingURL=CloseSuggestion.js.map

package/components/Formula/CloseSuggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseSuggestion.js","sources":["../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","CloseSuggestion","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"~~o5EAKA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,IAEc,SAASC,EAA6BC,GAAA,IAAXC,IAAAA,QAClCC,EAAUjB,IAChB,OACEkB,EAAA,MAAA,CAAKC,UAAWF,EAAQd,cAAeiB,QAASJ,EAAQK,SACtDH,EAACI,EAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,EAACO,EAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}
1	+ {"version":3,"file":"CloseSuggestion.js","sources":["../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","CloseSuggestion","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"ytHAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,IAEc,SAASC,EAA6BC,GAAA,IAAXC,IAAAA,QAClCC,EAAUjB,IAChB,OACEkB,EAAA,MAAA,CAAKC,UAAWF,EAAQd,cAAeiB,QAASJ,EAAQK,SACtDH,EAACI,EAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,EAACO,EAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}

package/components/Formula/Formula.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useState as c,useMemo as r,useRef as e,useCallback as t,useEffect as l}from"react";import a from"classnames";import{useTheme as m,Button as u}from"@material-ui/core";import{replaceStringToLabel as p}from"./utils.js";import{useFormulaFunction as d}from"./useFormulaFunction.js";import{useFormulaStyles as f}from"./useFormulaStyles.js";import h from"./RootXIcon.js";import j from"./FormulaTextEditor.js";import I from"./CloseSuggestion.js";import v from"./SuggestionsMenu.js";import{CloseSmallIcon as b,InfoIcon as C}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import F from"../../effects/useOutsideClick.js";import{Tooltip as g}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var y=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],N=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},k=function(k){var S,T=k.suggestions,x=void 0===T?[]:T,W=k.initFormula,A=void 0===W?"":W,O=k.onSave,E=void 0===O?function(){}:O,H=c(!0),P=s(H,2),R=P[0],U=P[1],V=c(!1),L=s(V,2),M=L[0],q=L[1],D=c(!1),G=s(D,2),z=G[0],B=G[1],X=c(A),Z=s(X,2),w=Z[0],J=Z[1],K=c(0),Q=s(K,2),Y=Q[0],$=Q[1],_=c(0),oo=s(_,2),so=oo[0],io=oo[1],no=p(w,x),co=no.search("/f"),ro=-1!==co,eo=r((function(){return x.map((function(o){return o.key}))}),[x]),to=no.substring(co+"/f".length,Y),lo=e(null),ao=f({isValue:!ro&&!!w}),mo=m(),uo=d(w,eo),po=uo.formulaFunction,fo=uo.error;F(lo,(function(){B(!1)}));var ho=function(o){var s,i=x.find((function(s){return s.key===o}));q(!0),B(!0),J((function(s){return s.replace("".concat("/f").concat(to),o?"[".concat(o,"]"):"")})),$(co+((null==i||null===(s=i.label)||void 0===s?void 0:s.length)||0))},jo=t((function(o,s){Y!==s&&$(s),o!==w&&(J(o),U(!1))}),[w,Y]);return l((function(){J(A)}),[A]),i("div",{className:ao.formulaContainer,children:[i("div",{className:ao.formulaHeaderWrapper,children:[i("div",{className:ao.formulaHeaderTextWrapper,children:[n(h,{color:N(mo,z,fo)}),n("div",{className:ao.formulaHeaderText,style:{color:N(mo,z,fo)},children:"Formula Expression"})]}),i("div",{className:ao.formulaHeaderButtonWrapper,onClick:function(){ro||(U(!1),J(""),$(0),q(!0))},children:[n(b,{strokeWidth:3,size:16}),n("div",{className:ao.formulaHeaderText,children:"Clear"})]})]}),i("div",{className:ao.formulaEditorWrapper,children:[n("div",{ref:lo,onClick:function(){B(!0)},children:n(j,{initFormula:w,cursorPos:Y,color:N(mo,z,fo),suggestions:x,isValueUpdated:M,setIsValueUpdated:q,onChange:jo})}),ro&&n(I,{onClose:function(){return ho("")}})]}),ro&&n(v,{suggestions:x,keyStr:to,onAddSuggestion:ho,onChangeHeight:io}),i("div",{className:ao.formulaFooterWrapper,style:{marginTop:ro?-so:0},children:[n(C,{className:ao.formulaFooterIcon,strokeWidth:3,size:16}),n("div",{className:ao.formulaFooterTextWrapper,children:i("div",{className:ao.formulaFooterText,children:["Type ",n("span",{className:ao.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",n(g,{title:n("div",{className:ao.tooltipWrapper,children:y.map((function(o){return i("div",{className:ao.tooltipLine,children:[n("span",{className:ao.tooltipValue,children:o.value}),i("div",{className:ao.tooltipLabelContainer,children:[!!o.isShift&&n("span",{className:ao.tooltipSymbol,children:"⇧"}),n("span",{children:o.label})]},o.value)]},o.value)}))}),placement:"bottom",children:n("span",{className:ao.successColor,children:"math symbols"})})]})})]}),n(u,{className:ao.verifyButton,variant:"contained",color:"primary",onClick:function(){U(!0);var o=x.map((function(o){return o.key})).filter((function(o){return w&&w.includes(o)}));E({formula:w,variables:o,formulaFunc:po})},disabled:R||!po,children:"Verify"}),!!w&&n("span",{className:a(ao.resultText,(S={},o(S,ao.errorColor,!!fo),o(S,ao.resultSuccessColor,!fo),S)),children:fo?"The formula is not valid":"The formula is valid"})]})};export{k as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as i,jsx as c}from"react/jsx-runtime";import{useState as n,useMemo as t,useRef as r,useCallback as e,useEffect as m}from"react";import l from"classnames";import{useTheme as a,Button as u}from"@material-ui/core";import{replaceStringToLabel as p}from"./utils.js";import{useFormulaFunction as d}from"./useFormulaFunction.js";import{useFormulaStyles as j}from"./useFormulaStyles.js";import I from"./RootXIcon.js";import f from"./FormulaTextEditor.js";import h from"./CloseSuggestion.js";import v from"./SuggestionsMenu.js";import{CloseSmallIcon as C,InfoIcon as b}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import F from"../../effects/useOutsideClick.js";import{Tooltip as g}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var y=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],N=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},S=function(S){var T,k=S.suggestions,x=void 0===k?[]:k,O=S.initFormula,A=void 0===O?"":O,P=S.onSave,W=void 0===P?function(){}:P,M=n(!0),E=s(M,2),U=E[0],H=E[1],R=n(!1),D=s(R,2),V=D[0],z=D[1],B=n(!1),L=s(B,2),q=L[0],G=L[1],K=n(A),X=s(K,2),Z=X[0],w=X[1],J=n(0),Q=s(J,2),Y=Q[0],$=Q[1],_=n(0),oo=s(_,2),so=oo[0],io=oo[1],co=p(Z,x),no=co.search("/f"),to=-1!==no,ro=t((function(){return x.map((function(o){return o.key}))}),[x]),eo=co.substring(no+"/f".length,Y),mo=r(null),lo=j({isValue:!to&&!!Z}),ao=a(),uo=d(Z,ro),po=uo.formulaFunction,jo=uo.error;F(mo,(function(){G(!1)}));var Io=function(o){var s,i=x.find((function(s){return s.key===o}));z(!0),G(!0),w((function(s){return s.replace("".concat("/f").concat(eo),o?"[".concat(o,"]"):"")})),$(no+((null==i||null===(s=i.label)||void 0===s?void 0:s.length)||0))},fo=e((function(o,s){Y!==s&&$(s),o!==Z&&(w(o),H(!1))}),[Z,Y]);return m((function(){w(A)}),[A]),i("div",{className:lo.formulaContainer,children:[i("div",{className:lo.formulaHeaderWrapper,children:[i("div",{className:lo.formulaHeaderTextWrapper,children:[c(I,{color:N(ao,q,jo)}),c("div",{className:lo.formulaHeaderText,style:{color:N(ao,q,jo)},children:"Formula Expression"})]}),i("div",{className:lo.formulaHeaderButtonWrapper,onClick:function(){to||(H(!1),w(""),$(0),z(!0))},children:[c(C,{strokeWidth:3,size:16}),c("div",{className:lo.formulaHeaderText,children:"Clear"})]})]}),i("div",{className:lo.formulaEditorWrapper,children:[c("div",{ref:mo,onClick:function(){G(!0)},children:c(f,{initFormula:Z,cursorPos:Y,color:N(ao,q,jo),suggestions:x,isValueUpdated:V,setIsValueUpdated:z,onChange:fo})}),to&&c(h,{onClose:function(){return Io("")}})]}),to&&c(v,{suggestions:x,keyStr:eo,onAddSuggestion:Io,onChangeHeight:io}),i("div",{className:lo.formulaFooterWrapper,style:{marginTop:to?-so:0},children:[c(b,{className:lo.formulaFooterIcon,strokeWidth:3,size:16}),c("div",{className:lo.formulaFooterTextWrapper,children:i("div",{className:lo.formulaFooterText,children:["Type ",c("span",{className:lo.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",c(g,{title:c("div",{className:lo.tooltipWrapper,children:y.map((function(o){return i("div",{className:lo.tooltipLine,children:[c("span",{className:lo.tooltipValue,children:o.value}),i("div",{className:lo.tooltipLabelContainer,children:[!!o.isShift&&c("span",{className:lo.tooltipSymbol,children:"⇧"}),c("span",{children:o.label})]},o.value)]},o.value)}))}),placement:"bottom",children:c("span",{className:lo.successColor,children:"math symbols"})})]})})]}),c(u,{className:lo.verifyButton,variant:"contained",color:"primary",onClick:function(){H(!0);var o=x.map((function(o){return o.key})).filter((function(o){return Z&&Z.includes(o)}));W({formula:Z,variables:o,formulaFunc:po})},disabled:U||!po,children:"Verify"}),!!Z&&c("span",{className:l(lo.resultText,(T={},o(T,lo.errorColor,!!jo),o(T,lo.resultSuccessColor,!jo),T)),children:jo?"The formula is not valid":"The formula is valid"})]})};export{S as default};
 //# sourceMappingURL=Formula.js.map

package/components/GradientManager/GradientManager.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{jsxs as i,jsx as t,Fragment as s}from"react/jsx-runtime";import{Grid as e,TextField as c,Box as r}from"@material-ui/core";import{noop as a,isEmpty as d,trim as l}from"lodash";import{useState as m,useEffect as u}from"react";import{CheckSmallIcon as p,CloseSmallIcon as g,WriteIcon as j,DeleteFourIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import f from"../IconButton/index.js";import{GradientPicker as h}from"../GradientPicker/GradientPicker.js";import{DEFAULT_GRADIENTS as v,DEFAULT_GRADIENT_STOPS as b,TEMP_GRADIENT_ID as S,GRADIENT_MAX_NAME_LENGTH as y}from"./configuration/constants.js";import{GradientList as C}from"./GradientList.js";import{GradientSelect as O}from"./GradientSelect.js";import{useStyles as P}from"./GradientManager.styles.js";function k(o,n){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),i.push.apply(i,t)}return i}function G(n){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?k(Object(t),!0).forEach((function(i){o(n,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(t,o))}))}return n}var F=function(o){var k,F,x=o.gradientId,w=o.onGradientEditStateChange,D=void 0===w?a:w,A=o.onChange,B=void 0===A?a:A,E=o.defaultGradients,N=void 0===E?v:E,M=o.defaultGradientStops,R=void 0===M?b:M,L=o.allowNoname,U=o.scaleOptions,T=(U=void 0===U?{}:U).scaleFrom,W=void 0===T?0:T,q=U.scaleTo,H=void 0===q?100:q,K=U.scaleUnit,V=o.className,Z=P(),z=new C(o.gradients||[],N,o.onGradientsChange),J=m(null),Q=n(J,2),X=Q[0],Y=Q[1],$=o.disableGradientsManagement||!o.onGradientsChange,_=z.getHelperText({name:null!==(k=null==X?void 0:X.name)&&void 0!==k?k:"",allowNoname:null!=L&&L,gradientId:x});u((function(){D(Boolean(X))}),[Boolean(X)]);var oo=(null===(F=z.getById(x))||void 0===F?void 0:F.gradientStops)||o.gradientStops||R,no=function(){if(d(_)&&X){var o=X.gradientStops;if(o){var n=l(X.name);if(Y(null),n){if(z.getById(X.id||x))return z.update(x,{gradientStops:o,name:n}),void B({gradientId:x,gradientStops:o});var i=z.add(n,o);B({gradientId:i.id,gradientStops:o})}else L&&B({gradientStops:o,gradientId:null})}}},io=function(o){o===x&&(B({gradientId:null,gradientStops:oo}),Y(null)),z.remove(o)},to=function(o){var n=o.trimStart().substring(0,y);Y(G(G({},X),{},{name:n}))};return i(e,{container:!0,className:V,children:[t(e,{item:!0,xs:6,children:X?t(c,G({InputLabelProps:{shrink:!0},className:Z.customGradientName,label:"Gradient Name",value:X.name,onChange:function(o){return to(o.target.value)},onFocus:function(o){o.target.select()},onKeyDown:function(o){if("Enter"===o.key){var n=o.target.value;n&&(to(n),no())}},autoFocus:!0,fullWidth:!0},_)):t(O,{value:x,gradients:o.gradients||[],onChange:function(o){var n,i=z.getById(o);B({gradientId:o,gradientStops:null!==(n=null==i?void 0:i.gradientStops)&&void 0!==n?n:R})},defaultGradients:N,onAction:function(o,n){switch(o){case"add":Y({name:"",gradientStops:R,id:S});break;case"delete":io(n)}},readonly:$})}),t(e,{item:!0,xs:6,children:t(r,{display:"flex",alignItems:"center",height:"100%",children:t(r,{display:"flex",paddingLeft:1,children:i(s,X?{children:[t(f,{"data-testid":"save-gradient-btn",onClick:no,tooltipProps:{title:"Save"},disabled:!!_||$,children:t(p,{})}),t(f,{"data-testid":"cancel-edit-btn",onClick:function(){Y(null)},tooltipProps:{title:"Cancel"},children:t(g,{})})]}:{children:[t(f,{"data-testid":"edit-gradient-btn",onClick:function(){var o;z.isDefault(x)?Y({name:z.newName(),gradientStops:oo,id:S}):Y({name:(null===(o=z.getById(x))||void 0===o?void 0:o.name)||"",gradientStops:oo})},tooltipProps:{title:"Edit"},disabled:$,children:t(j,{})}),!!z.getById(x)&&!z.isDefault(x)&&t(f,{"data-testid":"delete-gradient-btn",onClick:function(){return io(x)},tooltipProps:{title:"Remove"},disabled:$,children:t(I,{})})]})})})}),t(e,{item:!0,xs:12,children:t(h,{from:W,to:H,unit:K,noScale:!0,gradientStops:(null==X?void 0:X.gradientStops)||oo,onChange:function(o){Y(G(G({},X),{},{gradientStops:o}))},readonly:!X,isMoveInputVisible:!0})})]})};export{F as GradientManager};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{jsxs as n,jsx as i,Fragment as t}from"react/jsx-runtime";import{Grid as c,TextField as e,Box as r}from"@material-ui/core";import{noop as m,isEmpty as a,trim as l}from"lodash";import{useState as p,useEffect as d}from"react";import{CheckSmallIcon as u,CloseSmallIcon as j,WriteIcon as I,DeleteFourIcon as g}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import f from"../IconButton/index.js";import{GradientPicker as v}from"../GradientPicker/GradientPicker.js";import{DEFAULT_GRADIENTS as h,DEFAULT_GRADIENT_STOPS as b,TEMP_GRADIENT_ID as C,GRADIENT_MAX_NAME_LENGTH as O}from"./configuration/constants.js";import{GradientList as S}from"./GradientList.js";import{GradientSelect as y}from"./GradientSelect.js";import{useStyles as P}from"./GradientManager.styles.js";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function k(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?F(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):F(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var G=function(o){var F,G,x=o.gradientId,w=o.onGradientEditStateChange,A=void 0===w?m:w,D=o.onChange,M=void 0===D?m:D,B=o.defaultGradients,E=void 0===B?h:B,N=o.defaultGradientStops,R=void 0===N?b:N,T=o.allowNoname,L=o.scaleOptions,U=(L=void 0===L?{}:L).scaleFrom,W=void 0===U?0:U,q=L.scaleTo,z=void 0===q?100:q,K=L.scaleUnit,H=o.className,V=P(),Z=new S(o.gradients||[],E,o.onGradientsChange),J=p(null),Q=s(J,2),X=Q[0],Y=Q[1],$=o.disableGradientsManagement||!o.onGradientsChange,_=Z.getHelperText({name:null!==(F=null==X?void 0:X.name)&&void 0!==F?F:"",allowNoname:null!=T&&T,gradientId:x});d((function(){A(Boolean(X))}),[Boolean(X)]);var oo=(null===(G=Z.getById(x))||void 0===G?void 0:G.gradientStops)||o.gradientStops||R,so=function(){if(a(_)&&X){var o=X.gradientStops;if(o){var s=l(X.name);if(Y(null),s){if(Z.getById(X.id||x))return Z.update(x,{gradientStops:o,name:s}),void M({gradientId:x,gradientStops:o});var n=Z.add(s,o);M({gradientId:n.id,gradientStops:o})}else T&&M({gradientStops:o,gradientId:null})}}},no=function(o){o===x&&(M({gradientId:null,gradientStops:oo}),Y(null)),Z.remove(o)},io=function(o){var s=o.trimStart().substring(0,O);Y(k(k({},X),{},{name:s}))};return n(c,{container:!0,className:H,children:[i(c,{item:!0,xs:6,children:X?i(e,k({InputLabelProps:{shrink:!0},className:V.customGradientName,label:"Gradient Name",value:X.name,onChange:function(o){return io(o.target.value)},onFocus:function(o){o.target.select()},onKeyDown:function(o){if("Enter"===o.key){var s=o.target.value;s&&(io(s),so())}},autoFocus:!0,fullWidth:!0},_)):i(y,{value:x,gradients:o.gradients||[],onChange:function(o){var s,n=Z.getById(o);M({gradientId:o,gradientStops:null!==(s=null==n?void 0:n.gradientStops)&&void 0!==s?s:R})},defaultGradients:E,onAction:function(o,s){switch(o){case"add":Y({name:"",gradientStops:R,id:C});break;case"delete":no(s)}},readonly:$})}),i(c,{item:!0,xs:6,children:i(r,{display:"flex",alignItems:"center",height:"100%",children:i(r,{display:"flex",paddingLeft:1,children:n(t,X?{children:[i(f,{"data-testid":"save-gradient-btn",onClick:so,tooltipProps:{title:"Save"},disabled:!!_||$,children:i(u,{})}),i(f,{"data-testid":"cancel-edit-btn",onClick:function(){Y(null)},tooltipProps:{title:"Cancel"},children:i(j,{})})]}:{children:[i(f,{"data-testid":"edit-gradient-btn",onClick:function(){var o;Z.isDefault(x)?Y({name:Z.newName(),gradientStops:oo,id:C}):Y({name:(null===(o=Z.getById(x))||void 0===o?void 0:o.name)||"",gradientStops:oo})},tooltipProps:{title:"Edit"},disabled:$,children:i(I,{})}),!!Z.getById(x)&&!Z.isDefault(x)&&i(f,{"data-testid":"delete-gradient-btn",onClick:function(){return no(x)},tooltipProps:{title:"Remove"},disabled:$,children:i(g,{})})]})})})}),i(c,{item:!0,xs:12,children:i(v,{from:W,to:z,unit:K,noScale:!0,gradientStops:(null==X?void 0:X.gradientStops)||oo,onChange:function(o){Y(k(k({},X),{},{gradientStops:o}))},readonly:!X,isMoveInputVisible:!0})})]})};export{G as GradientManager};
 //# sourceMappingURL=GradientManager.js.map

package/components/GradientManager/GradientSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{jsxs as s,jsx as i}from"react/jsx-runtime";import{ListSubheader as n,MenuItem as c}from"@material-ui/core";import t from"@material-ui/icons/AddCircle";import{useState as r}from"react";import e from"classnames";import{isEmpty as m}from"lodash";import{GradientPreview as a}from"./GradientPreview/GradientPreview.js";import l from"../Select/index.js";import u from"../IconButton/index.js";import{useStyles as d}from"./GradientSelect.styles.js";import{DeleteFourIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";var I=function(I){var j=I.value,h=I.gradients,f=I.onChange,v=I.defaultGradients,C=I.onAction,g=I.readonly,G=d(),b=r(!1),F=o(b,2),P=F[0],k=F[1],A=function(o){var s,i;if(o.stopPropagation(),!g){var n=null===(s=o.currentTarget.closest("li"))||void 0===s||null===(i=s.dataset)||void 0===i?void 0:i.value;j===n&&k(!1),C("delete",n)}},S=m(h)&&g;return s(l,{"data-testid":"gradient-select",label:"Gradients",value:j||"",className:G.select,onChange:function(o){var s=o.target;s.value&&f(s.value)},open:P,onClose:function(){return k(!1)},onOpen:function(){return k(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[i(n,{className:G.listHeader,children:"Gradients"}),!S&&s(n,{className:G.subHeader,children:["My Gradients",!g&&i(u,{color:"primary","data-testid":"add-gradient-btn",className:G.addButton,onClick:function(){return C("add")},tooltipProps:{title:"Create Custom Gradient"},children:i(t,{color:"primary"})})]}),h.map((function(o){var n=o.id,t=o.name,r=o.gradientStops;return s(c,{value:n,className:G.customGradientListItem,children:[i(a,{gradientStops:r}),i("span",{children:t}),i(u,{className:e({disabled:g}),onClick:A,tooltipProps:{title:"Remove Gradient"},size:"medium",children:i(p,{})})]},n)})),!m(v)&&i(n,{className:G.subHeader,children:"Default Gradients"}),v.map((function(o){var n=o.id,t=o.name,r=o.gradientStops;return s(c,{value:n,className:G.customGradientListItem,children:[i(a,{gradientStops:r}),i("span",{children:t})]},n)}))]})};export{I as GradientSelect};
+import o from"@babel/runtime/helpers/slicedToArray";import{jsxs as s,jsx as i}from"react/jsx-runtime";import{ListSubheader as c,MenuItem as n}from"@material-ui/core";import t from"@material-ui/icons/AddCircle";import{useState as r}from"react";import e from"classnames";import{isEmpty as m}from"lodash";import{GradientPreview as a}from"./GradientPreview/GradientPreview.js";import p from"../Select/index.js";import u from"../IconButton/index.js";import{useStyles as l}from"./GradientSelect.styles.js";import{DeleteFourIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";var I=function(I){var j=I.value,h=I.gradients,C=I.onChange,v=I.defaultGradients,f=I.onAction,g=I.readonly,b=l(),P=r(!1),F=o(P,2),G=F[0],O=F[1],A=function(o){var s,i;if(o.stopPropagation(),!g){var c=null===(s=o.currentTarget.closest("li"))||void 0===s||null===(i=s.dataset)||void 0===i?void 0:i.value;j===c&&O(!1),f("delete",c)}},S=m(h)&&g;return s(p,{"data-testid":"gradient-select",label:"Gradients",value:j||"",className:b.select,onChange:function(o){var s=o.target;s.value&&C(s.value)},open:G,onClose:function(){return O(!1)},onOpen:function(){return O(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[i(c,{className:b.listHeader,children:"Gradients"}),!S&&s(c,{className:b.subHeader,children:["My Gradients",!g&&i(u,{color:"primary","data-testid":"add-gradient-btn",className:b.addButton,onClick:function(){return f("add")},tooltipProps:{title:"Create Custom Gradient"},children:i(t,{color:"primary"})})]}),h.map((function(o){var c=o.id,t=o.name,r=o.gradientStops;return s(n,{value:c,className:b.customGradientListItem,children:[i(a,{gradientStops:r}),i("span",{children:t}),i(u,{className:e({disabled:g}),onClick:A,tooltipProps:{title:"Remove Gradient"},size:"medium",children:i(d,{})})]},c)})),!m(v)&&i(c,{className:b.subHeader,children:"Default Gradients"}),v.map((function(o){var c=o.id,t=o.name,r=o.gradientStops;return s(n,{value:c,className:b.customGradientListItem,children:[i(a,{gradientStops:r}),i("span",{children:t})]},c)}))]})};export{I as GradientSelect};
 //# sourceMappingURL=GradientSelect.js.map