npm - @corva/ui - Versions diffs - 3.73.0-6 → 3.73.0-8 - Mend

@corva/ui 3.73.0-6 → 3.73.0-8

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

package/cjs-bundle/components/Annotations/components/LastAnnotation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/Annotations/components/LastAnnotation/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { shape, string, bool, arrayOf, func, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { flowRight } from 'lodash';\nimport { withStyles } from '@material-ui/core/styles';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport CommentIcon from '@material-ui/icons/Comment';\nimport CloseButton from '@material-ui/icons/Close';\n\nimport { closeLastAnnotation } from '../../../../clients/jsonApi';\n\nimport styles from './style.css';\n\nimport UserCardPopover from '~/components/UserCardPopover';\nimport Avatar from '~/components/Avatar';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'lastAnnotation';\n\nconst muiStyles = theme => ({\n container: {\n height: 56,\n margin: '10px 0',\n padding: '0 20px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flex: 'auto 1',\n width: '100%',\n cursor: 'pointer',\n },\n body: { margin: '0 16px ', minWidth: 100 },\n avatar: { border: '1px solid #909090' },\n commentIcon: { marginRight: 16, color: theme.palette.grey[500] },\n commentText: { marginRight: 16, color: theme.palette.grey[500] },\n closeButton: { color: theme.palette.grey[500] },\n avatarInList: { marginLeft: -4 },\n});\n\n/* eslint-disable react/prop-types /\nconst CreatorAvatar = ({ user, currentUser, isNative, className, size }) => {\n const children = (\n <Avatar\n displayName={`${user.first_name} ${user.last_name}`}\n imgSrc={user.profile_photo}\n size={size}\n className={className}\n />\n );\n\n if (isNative) return children;\n return (\n <UserCardPopover user={user} currentUser={currentUser}>\n {children}\n </UserCardPopover>\n );\n};\n\nconst Reactions = ({\n commentsCount,\n commentUsers,\n isSmallScreen,\n isNative,\n currentUser,\n classes,\n}) => {\n if (!commentsCount) return null;\n\n return (\n <div className={styles.cTopAnnotationAdditionalReactions}>\n <CommentIcon className={classes.commentIcon} />\n {!isSmallScreen && (\n <Typography\n variant=\"body2\"\n data-testid={`${PAGE_NAME}_comments`}\n noWrap\n className={classes.commentText}\n component=\"div\"\n >\n Comments {commentsCount}\n </Typography>\n )}\n\n <div className={styles.cTopAnnotationAdditionalReactionsList}>\n {commentUsers.map(({ attributes }, index) => (\n <CreatorAvatar\n key={attributes.id}\n user={attributes}\n currentUser={currentUser}\n isNative={isNative}\n className={classNames(classes.avatar, { [classes.avatarInList]: index !== 0 })}\n size={25}\n />\n ))}\n </div>\n </div>\n );\n};\n/ eslint-enable */\n\nconst LastAnnotation = ({\n isNative,\n appId,\n annotation,\n openAnnotationsList,\n currentUser,\n updateCurrentDashboardAppLastAnnotation: updateLastAnnotation,\n width,\n classes,\n}) => {\n const { data, included } = annotation;\n const creator = included.find(\n ({ id, type }) => id === data.relationships.user.data.id && type === 'user'\n );\n\n const mentionedUsers = useMemo(\n () =>\n data.relationships.mentioned_users.data.map(({ id: mentionedUserId }) =>\n included.find(({ id }) => id === mentionedUserId)\n ),\n [data.relationships.mentioned_users.data, included]\n );\n\n const commentUsers = useMemo(\n () =>\n data.relationships.comment_users.data.map(({ id: commentUserId }) =>\n included.find(({ id }) => id === commentUserId)\n ),\n [data.relationships.comment_users.data, included]\n );\n\n const isSmallScreen = !isWidthUp('sm', width);\n\n const handleCloseClick = async e => {\n e.stopPropagation();\n\n try {\n const response = await closeLastAnnotation(data.id);\n updateLastAnnotation(data.id, appId, response);\n } catch (error) {\n console.error(error);\n }\n };\n\n return (\n <Paper\n data-testid={`${PAGE_NAME}_lastAnnotation`}\n className={classes.container}\n onClick={openAnnotationsList}\n >\n <div className={styles.cTopAnnotationMain}>\n <CreatorAvatar\n user={creator.attributes}\n currentUser={currentUser}\n isNative={isNative}\n className={classes.avatar}\n size={38}\n />\n <Typography\n variant=\"body2\"\n data-testid={`${PAGE_NAME}_message`}\n noWrap\n className={classes.body}\n >\n {formatMentionText(data.attributes.body, mentionedUsers, isNative, null, currentUser)}\n </Typography>\n </div>\n <div className={styles.cTopAnnotationAdditional}>\n <Reactions\n commentsCount={data.attributes.comments_count}\n commentUsers={commentUsers}\n classes={classes}\n isSmallScreen={isSmallScreen}\n currentUser={currentUser}\n />\n <CloseButton\n data-testid={`${PAGE_NAME}_closeButton`}\n fontSize=\"small\"\n className={classes.closeButton}\n onClick={handleCloseClick}\n />\n </div>\n </Paper>\n );\n};\n\nLastAnnotation.propTypes = {\n appId: number.isRequired,\n annotation: shape({\n included: arrayOf(shape({})).isRequired,\n data: shape({\n relationships: shape({\n user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n mentioned_users: shape({ data: arrayOf(shape()).isRequired }).isRequired,\n }).isRequired,\n attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n }).isRequired,\n }).isRequired,\n classes: shape({}).isRequired,\n isNative: bool,\n width: string.isRequired,\n openAnnotationsList: func.isRequired,\n updateCurrentDashboardAppLastAnnotation: func,\n currentUser: shape({}),\n};\n\nLastAnnotation.defaultProps = {\n isNative: isNativeDetected,\n updateCurrentDashboardAppLastAnnotation: () => undefined,\n currentUser: {},\n};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(memo(LastAnnotation));\n"],"names":["PAGE_NAME","CreatorAvatar","_ref","user","currentUser","isNative","className","size","children","_jsx","jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","UserCardPopover","Reactions","_ref2","commentsCount","commentUsers","isSmallScreen","classes","_jsxs","styles","cTopAnnotationAdditionalReactions","CommentIcon","commentIcon","Typography","variant","noWrap","commentText","component","cTopAnnotationAdditionalReactionsList","map","index","attributes","classNames","avatar","_defineProperty","avatarInList","id","LastAnnotation","_ref4","_ref10","appId","annotation","openAnnotationsList","updateLastAnnotation","updateCurrentDashboardAppLastAnnotation","width","data","included","creator","find","_ref5","type","relationships","mentionedUsers","useMemo","mentioned_users","_ref6","mentionedUserId","_ref7","comment_users","_ref8","commentUserId","_ref9","isWidthUp","handleCloseClick","_asyncToGenerator","_regeneratorRuntime","mark","e","response","wrap","_context","prev","next","stopPropagation","closeLastAnnotation","sent","t0","console","error","stop","_callee","_x","apply","this","arguments","Paper","container","onClick","jsxs","cTopAnnotationMain","body","formatMentionText","cTopAnnotationAdditional","comments_count","CloseButton","fontSize","closeButton","propTypes","number","isRequired","shape","arrayOf","string","created_at","bool","func","defaultProps","isNativeDetected","LastAnnotation$1","flowRight","withStyles","theme","height","margin","padding","display","alignItems","justifyContent","flex","cursor","minWidth","border","marginRight","color","palette","grey","marginLeft","withWidth","memo"],"mappings":"24BAoBMA,EAAY,iBAuBZC,EAAgB,SAAsDC,GAAA,IAAnDC,IAAAA,KAAMC,IAAAA,YAAaC,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,KACzDC,EACJC,EAAAC,IAACC,kBAAM,CACLC,YAAW,GAAAC,OAAKV,EAAKW,uBAAcX,EAAKY,WACxCC,OAAQb,EAAKc,cACbV,KAAMA,EACND,UAAWA,IAIf,OAAID,EAAiBG,EAEnBC,EAAAA,IAACS,EAAe,CAACf,KAAMA,EAAMC,YAAaA,EAAYI,SACnDA,GAGP,EAEMW,EAAY,SAOZC,GAAA,IANJC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,cACAlB,IAAAA,SACAD,IAAAA,YACAoB,IAAAA,QAEA,OAAKH,EAGHI,EAAAA,KAAA,MAAA,CAAKnB,UAAWoB,EAAOC,kCAAkCnB,SAAA,CACvDC,MAACmB,UAAW,CAACtB,UAAWkB,EAAQK,eAC9BN,GACAE,OAACK,UAAU,CACTC,QAAQ,QACR,cAAA,GAAAlB,OAAgBb,EAAqB,aACrCgC,QAAM,EACN1B,UAAWkB,EAAQS,YACnBC,UAAU,MAAK1B,SAAA,CAAA,YAELa,KAIdZ,EAAAC,IAAA,MAAA,CAAKJ,UAAWoB,EAAOS,sCAAsC3B,SAC1Dc,EAAac,KAAI,WAAiBC,GAAK,IAAnBC,IAAAA,WAAU,OAC7B7B,EAAAA,IAACR,EAAa,CAEZE,KAAMmC,EACNlC,YAAaA,EACbC,SAAUA,EACVC,UAAWiC,EAAU,QAACf,EAAQgB,OAAMC,EAAA,QAAA,GAAKjB,EAAQkB,aAAyB,IAAVL,IAChE9B,KAAM,IALD+B,EAAWK,YApBC,IA+B7B,EAGMC,EAAiB,SASjBC,GAAA,IAwBkBC,EAhCtBzC,IAAAA,SACA0C,IAAAA,MACAC,IAAAA,WACAC,IAAAA,oBACA7C,IAAAA,YACyC8C,IAAzCC,wCACAC,IAAAA,MACA5B,IAAAA,QAEQ6B,EAAmBL,EAAnBK,KAAMC,EAAaN,EAAbM,SACRC,EAAUD,EAASE,MACvB,SAAAC,GAAA,IAAGd,IAAAA,GAAIe,IAAAA,KAAI,OAAOf,IAAOU,EAAKM,cAAcxD,KAAKkD,KAAKV,IAAe,SAATe,KAGxDE,EAAiBC,EAAAA,SACrB,WAAA,OACER,EAAKM,cAAcG,gBAAgBT,KAAKjB,KAAI,SAAA2B,GAAA,IAAOC,IAAJrB,GAAE,OAC/CW,EAASE,MAAK,SAAAS,GAAK,SAAFtB,KAAgBqB,UAErC,CAACX,EAAKM,cAAcG,gBAAgBT,KAAMC,IAGtChC,EAAeuC,EAAAA,SACnB,WAAA,OACER,EAAKM,cAAcO,cAAcb,KAAKjB,KAAI,SAAA+B,GAAA,IAAOC,IAAJzB,GAAE,OAC7CW,EAASE,MAAK,SAAAa,GAAK,SAAF1B,KAAgByB,UAErC,CAACf,EAAKM,cAAcO,cAAcb,KAAMC,IAGpC/B,GAAiB+C,EAAAA,UAAU,KAAMlB,GAEjCmB,GAAgBzB,EAAA0B,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAMC,GAAC,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACV,OAApBL,EAAEM,kBAAkBH,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAGKE,EAAmBA,oBAAC7B,EAAKV,IAAG,KAAA,EAA7CiC,EAAQE,EAAAK,KACdjC,EAAqBG,EAAKV,GAAII,EAAO6B,GAAUE,EAAAE,KAAA,GAAA,MAAA,KAAA,EAAAF,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/CO,QAAQC,MAAYR,EAAAM,IAAC,KAAA,GAAA,IAAA,MAAA,OAAAN,EAAAS,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IAExB,KAAA,SATqBC,GAAA,OAAA3C,EAAA4C,MAAAC,KAAAC,UAAA,GAWtB,OACEnE,EAAAA,KAACoE,EAAAA,QAAK,CACJ,cAAA,GAAAhF,OAAgBb,EAA2B,mBAC3CM,UAAWkB,EAAQsE,UACnBC,QAAS9C,EAAoBzC,SAE7B,CAAAiB,EAAAuE,KAAA,MAAA,CAAK1F,UAAWoB,EAAOuE,mBAAmBzF,SAAA,CACxCC,MAACR,EAAa,CACZE,KAAMoD,EAAQjB,WACdlC,YAAaA,EACbC,SAAUA,EACVC,UAAWkB,EAAQgB,OACnBjC,KAAM,KAERE,MAACqB,UAAU,CACTC,QAAQ,QACR,cAAA,GAAAlB,OAAgBb,EAAoB,YACpCgC,QAAM,EACN1B,UAAWkB,EAAQ0E,KAAK1F,SAEvB2F,EAAAA,kBAAkB9C,EAAKf,WAAW4D,KAAMtC,EAAgBvD,EAAU,KAAMD,QAG7EqB,EAAAuE,KAAA,MAAA,CAAK1F,UAAWoB,EAAO0E,yBAAyB5F,SAAA,CAC9CC,MAACU,EAAS,CACRE,cAAegC,EAAKf,WAAW+D,eAC/B/E,aAAcA,EACdE,QAASA,EACTD,cAAeA,EACfnB,YAAaA,IAEfK,MAAC6F,UAAW,CACV,cAAA,GAAAzF,OAAgBb,EAAwB,gBACxCuG,SAAS,QACTjG,UAAWkB,EAAQgF,YACnBT,QAASxB,SAKnB,EAEA3B,EAAe6D,UAAY,CACzB1D,MAAO2D,EAAMA,OAACC,WACd3D,WAAY4D,EAAAA,MAAM,CAChBtD,SAAUuD,EAAAA,QAAQD,EAAAA,MAAM,CAAE,IAAGD,WAC7BtD,KAAMuD,EAAAA,MAAM,CACVjD,cAAeiD,EAAAA,MAAM,CACnBzG,KAAMyG,EAAAA,MAAM,CAAEvD,KAAMuD,EAAAA,MAAM,CAAEjE,GAAImE,EAAMA,OAACH,aAAcA,aAAcA,WACnE7C,gBAAiB8C,EAAAA,MAAM,CAAEvD,KAAMwD,EAAOA,QAACD,WAASD,aAAcA,aAC7DA,WACHrE,WAAYsE,EAAAA,MAAM,CAAEV,KAAMY,EAAMA,OAACH,WAAYI,WAAYD,EAAMA,OAACH,eAC/DA,aACFA,WACHnF,QAASoF,EAAAA,MAAM,CAAE,GAAED,WACnBtG,SAAU2G,EAAIA,KACd5D,MAAO0D,EAAMA,OAACH,WACd1D,oBAAqBgE,EAAIA,KAACN,WAC1BxD,wCAAyC8D,EAAIA,KAC7C7G,YAAawG,EAAKA,MAAC,KAGrBhE,EAAesE,aAAe,CAC5B7G,SAAU8G,EAAgBA,iBAC1BhE,wCAAyC,WAAe,EACxD/C,YAAa,CAAC,GAGhB,IAAAgH,EAAeC,YAAU,CAACC,EAAUA,YAjMlB,SAAAC,GAAK,MAAK,CAC1BzB,UAAW,CACT0B,OAAQ,GACRC,OAAQ,SACRC,QAAS,SACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,KAAM,SACN1E,MAAO,OACP2E,OAAQ,WAEV7B,KAAM,CAAEuB,OAAQ,UAAWO,SAAU,KACrCxF,OAAQ,CAAEyF,OAAQ,qBAClBpG,YAAa,CAAEqG,YAAa,GAAIC,MAAOZ,EAAMa,QAAQC,KAAK,MAC1DpG,YAAa,CAAEiG,YAAa,GAAIC,MAAOZ,EAAMa,QAAQC,KAAK,MAC1D7B,YAAa,CAAE2B,MAAOZ,EAAMa,QAAQC,KAAK,MACzC3F,aAAc,CAAE4F,YAAa,GAC9B,IA+KgDC,EAAS,WAA3ClB,CAAgDmB,OAAK5F"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/Annotations/components/LastAnnotation/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { shape, string, bool, arrayOf, func, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { flowRight } from 'lodash';\nimport { withStyles } from '@material-ui/core/styles';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport CommentIcon from '@material-ui/icons/Comment';\nimport CloseButton from '@material-ui/icons/Close';\n\nimport { closeLastAnnotation } from '../../../../clients/jsonApi';\n\nimport styles from './style.css';\n\nimport UserCardPopover from '~/components/UserCardPopover';\nimport Avatar from '~/components/Avatar';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'lastAnnotation';\n\nconst muiStyles = theme => ({\n container: {\n height: 56,\n margin: '10px 0',\n padding: '0 20px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flex: 'auto 1',\n width: '100%',\n cursor: 'pointer',\n },\n body: { margin: '0 16px ', minWidth: 100 },\n avatar: { border: '1px solid #909090' },\n commentIcon: { marginRight: 16, color: theme.palette.grey[500] },\n commentText: { marginRight: 16, color: theme.palette.grey[500] },\n closeButton: { color: theme.palette.grey[500] },\n avatarInList: { marginLeft: -4 },\n});\n\n/* eslint-disable react/prop-types /\nconst CreatorAvatar = ({ user, currentUser, isNative, className, size }) => {\n const children = (\n <Avatar\n displayName={`${user.first_name} ${user.last_name}`}\n imgSrc={user.profile_photo}\n size={size}\n className={className}\n />\n );\n\n if (isNative) return children;\n return (\n <UserCardPopover user={user} currentUser={currentUser}>\n {children}\n </UserCardPopover>\n );\n};\n\nconst Reactions = ({\n commentsCount,\n commentUsers,\n isSmallScreen,\n isNative,\n currentUser,\n classes,\n}) => {\n if (!commentsCount) return null;\n\n return (\n <div className={styles.cTopAnnotationAdditionalReactions}>\n <CommentIcon className={classes.commentIcon} />\n {!isSmallScreen && (\n <Typography\n variant=\"body2\"\n data-testid={`${PAGE_NAME}_comments`}\n noWrap\n className={classes.commentText}\n component=\"div\"\n >\n Comments {commentsCount}\n </Typography>\n )}\n\n <div className={styles.cTopAnnotationAdditionalReactionsList}>\n {commentUsers.map(({ attributes }, index) => (\n <CreatorAvatar\n key={attributes.id}\n user={attributes}\n currentUser={currentUser}\n isNative={isNative}\n className={classNames(classes.avatar, { [classes.avatarInList]: index !== 0 })}\n size={25}\n />\n ))}\n </div>\n </div>\n );\n};\n/ eslint-enable */\n\nconst LastAnnotation = ({\n isNative = DEFAULT_LAST_ANNOTATION_IS_NATIVE,\n appId,\n annotation,\n openAnnotationsList,\n currentUser = DEFAULT_LAST_ANNOTATION_CURRENT_USER,\n updateCurrentDashboardAppLastAnnotation:\n updateLastAnnotation = DEFAULT_LAST_ANNOTATION_UPDATE_CURRENT_DASHBOARD_APP_LAST_ANNOTATION,\n width,\n classes,\n}) => {\n const { data, included } = annotation;\n const creator = included.find(\n ({ id, type }) => id === data.relationships.user.data.id && type === 'user'\n );\n\n const mentionedUsers = useMemo(\n () =>\n data.relationships.mentioned_users.data.map(({ id: mentionedUserId }) =>\n included.find(({ id }) => id === mentionedUserId)\n ),\n [data.relationships.mentioned_users.data, included]\n );\n\n const commentUsers = useMemo(\n () =>\n data.relationships.comment_users.data.map(({ id: commentUserId }) =>\n included.find(({ id }) => id === commentUserId)\n ),\n [data.relationships.comment_users.data, included]\n );\n\n const isSmallScreen = !isWidthUp('sm', width);\n\n const handleCloseClick = async e => {\n e.stopPropagation();\n\n try {\n const response = await closeLastAnnotation(data.id);\n updateLastAnnotation(data.id, appId, response);\n } catch (error) {\n console.error(error);\n }\n };\n\n return (\n <Paper\n data-testid={`${PAGE_NAME}_lastAnnotation`}\n className={classes.container}\n onClick={openAnnotationsList}\n >\n <div className={styles.cTopAnnotationMain}>\n <CreatorAvatar\n user={creator.attributes}\n currentUser={currentUser}\n isNative={isNative}\n className={classes.avatar}\n size={38}\n />\n <Typography\n variant=\"body2\"\n data-testid={`${PAGE_NAME}_message`}\n noWrap\n className={classes.body}\n >\n {formatMentionText(data.attributes.body, mentionedUsers, isNative, null, currentUser)}\n </Typography>\n </div>\n <div className={styles.cTopAnnotationAdditional}>\n <Reactions\n commentsCount={data.attributes.comments_count}\n commentUsers={commentUsers}\n classes={classes}\n isSmallScreen={isSmallScreen}\n currentUser={currentUser}\n />\n <CloseButton\n data-testid={`${PAGE_NAME}_closeButton`}\n fontSize=\"small\"\n className={classes.closeButton}\n onClick={handleCloseClick}\n />\n </div>\n </Paper>\n );\n};\n\nLastAnnotation.propTypes = {\n appId: number.isRequired,\n annotation: shape({\n included: arrayOf(shape({})).isRequired,\n data: shape({\n relationships: shape({\n user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n mentioned_users: shape({ data: arrayOf(shape()).isRequired }).isRequired,\n }).isRequired,\n attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n }).isRequired,\n }).isRequired,\n classes: shape({}).isRequired,\n isNative: bool,\n width: string.isRequired,\n openAnnotationsList: func.isRequired,\n updateCurrentDashboardAppLastAnnotation: func,\n currentUser: shape({}),\n};\n\nconst DEFAULT_LAST_ANNOTATION_IS_NATIVE = isNativeDetected;\nconst DEFAULT_LAST_ANNOTATION_UPDATE_CURRENT_DASHBOARD_APP_LAST_ANNOTATION = () => undefined;\nconst DEFAULT_LAST_ANNOTATION_CURRENT_USER = {};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(memo(LastAnnotation));\n"],"names":["PAGE_NAME","CreatorAvatar","_ref","user","currentUser","isNative","className","size","children","_jsx","jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","UserCardPopover","Reactions","_ref2","commentsCount","commentUsers","isSmallScreen","classes","_jsxs","styles","cTopAnnotationAdditionalReactions","CommentIcon","commentIcon","Typography","variant","noWrap","commentText","component","cTopAnnotationAdditionalReactionsList","map","index","attributes","classNames","avatar","_defineProperty","avatarInList","id","LastAnnotation","_ref4","_ref10","_ref4$isNative","DEFAULT_LAST_ANNOTATION_IS_NATIVE","appId","annotation","openAnnotationsList","_ref4$currentUser","DEFAULT_LAST_ANNOTATION_CURRENT_USER","_ref4$updateCurrentDa","updateCurrentDashboardAppLastAnnotation","updateLastAnnotation","DEFAULT_LAST_ANNOTATION_UPDATE_CURRENT_DASHBOARD_APP_LAST_ANNOTATION","width","data","included","creator","find","_ref5","type","relationships","mentionedUsers","useMemo","mentioned_users","_ref6","mentionedUserId","_ref7","comment_users","_ref8","commentUserId","_ref9","isWidthUp","handleCloseClick","_asyncToGenerator","_regeneratorRuntime","mark","e","response","wrap","_context","prev","next","stopPropagation","closeLastAnnotation","sent","t0","console","error","stop","_callee","_x","apply","this","arguments","Paper","container","onClick","jsxs","cTopAnnotationMain","body","formatMentionText","cTopAnnotationAdditional","comments_count","CloseButton","fontSize","closeButton","propTypes","number","isRequired","shape","arrayOf","string","created_at","bool","func","isNativeDetected","LastAnnotation$1","flowRight","withStyles","theme","height","margin","padding","display","alignItems","justifyContent","flex","cursor","minWidth","border","marginRight","color","palette","grey","marginLeft","withWidth","memo"],"mappings":"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"}

package/cjs-bundle/components/AppVersionsSelect/AppVersionsSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),n=require("prop-types"),s=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),l=require("./effects/index.js");require("../../permissions/PermissionsContext.js");var u=require("../../permissions/constants/index.js"),c=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var d=require("../TruncatedText/index.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js");var p=require("../../constants/appPackages.js");require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var b=require("react/jsx-runtime");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=v(e),j=v(r),m=v(t),g=v(i),h=["appId"],P=["canReadAppPackages"];function q(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){j.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var x=p.PACKAGE_STATUSES,O=p.PACKAGE_LABELS,S=p.TEXT_FOR_PACKAGE_LABELS,A=o.makeStyles((function(e){return{select:{width:250,margin:"8px 0"},menuListRoot:{maxWidth:580},group:{fontStyle:"italic",fontWeight:"bold",fontSize:"12px",color:"#999",backgroundColor:e.palette.background.b9}}})),E=function(e){var r=e.className,t=e.value,n=e.onChange,i=e.isLoading,l=e.disabled,u=e.error,c=e.packages,p=A(),v=a.useState(t),f=m.default(v,2),h=f[0],P=f[1],q=a.useMemo((function(){var e,r={},t=(e={},j.default(e,O.PROD,{label:"Stable Release - no stable version",value:O.PROD,disabled:!0}),j.default(e,O.BETA,{label:"Beta - no beta version",value:O.BETA,disabled:!0}),j.default(e,O.DEV,{label:"Dev - no dev version",value:O.DEV,disabled:!0}),e),a=[];return c.filter((function(e){return e.status!==x.FAILURE})).forEach((function(e){var n=e.version,s=e.package_code_version,i=e.notes,o=e.label,l=e.status,u="v".concat(s||n);if(o){var c=t[o];c.label="".concat(S[o]," ").concat(u," ").concat(i?"-  ".concat(i):""),c.disabled=!1,r[c.value]=e}else r[n]=e,a.push({label:"".concat(u," ").concat(i?"-  ".concat(i):""),value:n,status:l})})),{labeled:Object.values(t),unlabeled:a,packageByValue:r}}),[c]),y=q.labeled,E=q.unlabeled,_=q.packageByValue,w=function(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return n(e,_[e],r)},C=c.some((function(e){return!e.label})),D=!s.isEmpty(c);return a.useEffect((function(){if(D&&!t){var e=y.find((function(e){return!e.disabled}))||s.maxBy(E.filter((function(e){return e.status===x.PUBLISHED})),"value");P(null==e?void 0:e.value),w(null==e?void 0:e.value)}}),[y,E]),i||u?null:b.jsx(o.Grid,{children:b.jsxs(o.FormControl,{className:g.default(p.select,r),children:[b.jsx(o.InputLabel,{shrink:!(!t&&!h),htmlFor:"appVersion",children:"App Version"}),b.jsxs(o.Select,{"data-testid":"".concat("DC_versionSelect","_dropdown"),value:t||h,onChange:function(e){return w(e.target.value,!0)},disabled:i||l,label:"App Version",inputProps:{name:"appVersion",id:"appVersion"},MenuProps:{MenuListProps:{classes:{root:p.menuListRoot}}},children:[C&&b.jsx(o.ListSubheader,{className:p.group,children:"Labelled Versions (When selected always shows current Stable Release, Beta or Dev version)"}),y.map((function(e){var r=e.label,t=e.value,a=e.disabled;return b.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,disabled:a,children:b.jsx(d,{children:r})},t)})),C&&b.jsx(o.ListSubheader,{className:p.group,children:"Other versions (App will always show selected version until version is deleted)"}),E.map((function(e){var r=e.label,t=e.value;return b.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,children:b.jsx(d,{children:r})},t)}))]})]})})};E.defaultProps={disabled:!1,error:null,isLoading:!1,packages:[],value:null};var _=function(e){var r=e.appId,t=f.default(e,h),a=l(r,{status:[x.DRAFT,x.PUBLISHED],order:"desc",sort:"created_at"});return b.jsx(E,y(y({},t),a))};_.propTypes={value:n.string,onChange:n.func.isRequired,appId:n.string},_.defaultProps={value:null,appId:null};var w=c.withPermissionsHOC({canReadAppPackages:function(e){var r=e.appId;return u.PERMISSIONS.getCanReadAppPackages(r)}},{loader:null})((function(e){var r=e.canReadAppPackages,t=f.default(e,P);return r&&b.jsx(_,y({},t))}));exports.AppVersionsSelectView=E,exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),a=require("prop-types"),s=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),l=require("./effects/index.js");require("../../permissions/PermissionsContext.js");var u=require("../../permissions/constants/index.js"),c=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var d=require("../TruncatedText/index.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js");var p=require("../../constants/appPackages.js");require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var v=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=b(e),j=b(r),m=b(t),h=b(i),g=["appId","value"],P=["canReadAppPackages"];function q(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){j.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var x=p.PACKAGE_STATUSES,O=p.PACKAGE_LABELS,S=p.TEXT_FOR_PACKAGE_LABELS,A=o.makeStyles((function(e){return{select:{width:250,margin:"8px 0"},menuListRoot:{maxWidth:580},group:{fontStyle:"italic",fontWeight:"bold",fontSize:"12px",color:"#999",backgroundColor:e.palette.background.b9}}})),E=function(e){var r=e.className,t=e.value,a=void 0===t?null:t,i=e.onChange,l=e.isLoading,u=void 0!==l&&l,c=e.disabled,p=void 0!==c&&c,b=e.error,f=void 0===b?null:b,g=e.packages,P=void 0===g?_:g,q=A(),y=n.useState(a),E=m.default(y,2),w=E[0],C=E[1],D=n.useMemo((function(){var e,r={},t=(e={},j.default(e,O.PROD,{label:"Stable Release - no stable version",value:O.PROD,disabled:!0}),j.default(e,O.BETA,{label:"Beta - no beta version",value:O.BETA,disabled:!0}),j.default(e,O.DEV,{label:"Dev - no dev version",value:O.DEV,disabled:!0}),e),n=[];return P.filter((function(e){return e.status!==x.FAILURE})).forEach((function(e){var a=e.version,s=e.package_code_version,i=e.notes,o=e.label,l=e.status,u="v".concat(s||a);if(o){var c=t[o];c.label="".concat(S[o]," ").concat(u," ").concat(i?"-  ".concat(i):""),c.disabled=!1,r[c.value]=e}else r[a]=e,n.push({label:"".concat(u," ").concat(i?"-  ".concat(i):""),value:a,status:l})})),{labeled:Object.values(t),unlabeled:n,packageByValue:r}}),[P]),I=D.labeled,L=D.unlabeled,R=D.packageByValue,k=function(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return i(e,R[e],r)},T=P.some((function(e){return!e.label})),V=!s.isEmpty(P);return n.useEffect((function(){if(V&&!a){var e=I.find((function(e){return!e.disabled}))||s.maxBy(L.filter((function(e){return e.status===x.PUBLISHED})),"value");C(null==e?void 0:e.value),k(null==e?void 0:e.value)}}),[I,L]),u||f?null:v.jsx(o.Grid,{children:v.jsxs(o.FormControl,{className:h.default(q.select,r),children:[v.jsx(o.InputLabel,{shrink:!(!a&&!w),htmlFor:"appVersion",children:"App Version"}),v.jsxs(o.Select,{"data-testid":"".concat("DC_versionSelect","_dropdown"),value:a||w,onChange:function(e){return k(e.target.value,!0)},disabled:u||p,label:"App Version",inputProps:{name:"appVersion",id:"appVersion"},MenuProps:{MenuListProps:{classes:{root:q.menuListRoot}}},children:[T&&v.jsx(o.ListSubheader,{className:q.group,children:"Labelled Versions (When selected always shows current Stable Release, Beta or Dev version)"}),I.map((function(e){var r=e.label,t=e.value,n=e.disabled;return v.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,disabled:n,children:v.jsx(d,{children:r})},t)})),T&&v.jsx(o.ListSubheader,{className:q.group,children:"Other versions (App will always show selected version until version is deleted)"}),L.map((function(e){var r=e.label,t=e.value;return v.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,children:v.jsx(d,{children:r})},t)}))]})]})})},_=[],w=function(e){var r=e.appId,t=void 0===r?null:r,n=e.value,a=void 0===n?null:n,s=f.default(e,g),i=l(t,{status:[x.DRAFT,x.PUBLISHED],order:"desc",sort:"created_at"});return v.jsx(E,y(y({value:a},s),i))};w.propTypes={value:a.string,onChange:a.func.isRequired,appId:a.string};var C=c.withPermissionsHOC({canReadAppPackages:function(e){var r=e.appId;return u.PERMISSIONS.getCanReadAppPackages(r)}},{loader:null})((function(e){var r=e.canReadAppPackages,t=f.default(e,P);return r&&v.jsx(w,y({},t))}));exports.AppVersionsSelectView=E,exports.default=C;
 //# sourceMappingURL=AppVersionsSelect.js.map

package/cjs-bundle/components/AppVersionsSelect/AppVersionsSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppVersionsSelect.js","sources":["../../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useEffect, useMemo, useState } from 'react';\nimport { string, func } from 'prop-types';\nimport { maxBy, isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport {\n FormControl,\n Grid,\n InputLabel,\n ListSubheader,\n MenuItem,\n Select,\n makeStyles,\n} from '@material-ui/core';\n\nimport usePackages from './effects';\n\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport TruncatedText from '~/components/TruncatedText';\nimport { appPackages } from '~/constants';\n\nconst { PACKAGE_STATUSES, PACKAGE_LABELS, TEXT_FOR_PACKAGE_LABELS } = appPackages;\n\nconst useStyles = makeStyles(theme => ({\n select: { width: 250, margin: '8px 0' },\n menuListRoot: { maxWidth: 580 },\n group: {\n fontStyle: 'italic',\n fontWeight: 'bold',\n fontSize: '12px',\n color: '#999',\n backgroundColor: theme.palette.background.b9,\n },\n}));\n\nconst PAGE_NAME = 'DC_versionSelect';\n\n// View Component\nexport const AppVersionsSelectView = ({\n className,\n value,\n onChange,\n isLoading,\n disabled,\n error,\n packages,\n}) => {\n const styles = useStyles();\n\n const [preselectedVersion, setPreselectedVersion] = useState(value);\n\n const { labeled, unlabeled, packageByValue } = useMemo(() => {\n const packageByValue = {};\n const labeledMenuItemsMap = {\n [PACKAGE_LABELS.PROD]: {\n label: 'Stable Release - no stable version',\n value: PACKAGE_LABELS.PROD,\n disabled: true,\n },\n [PACKAGE_LABELS.BETA]: {\n label: 'Beta - no beta version',\n value: PACKAGE_LABELS.BETA,\n disabled: true,\n },\n [PACKAGE_LABELS.DEV]: {\n label: 'Dev - no dev version',\n value: PACKAGE_LABELS.DEV,\n disabled: true,\n },\n };\n\n const unlabeled = [];\n\n packages\n // TODO: replace with query param filtering\n .filter(appPackage => appPackage.status !== PACKAGE_STATUSES.FAILURE)\n .forEach(appPackage => {\n const {\n version: apiVersion,\n package_code_version: packageCodeVersion,\n notes,\n label,\n status,\n } = appPackage;\n // NOTE: API version is deprecated, using version from package.json by default\n const version = `v${packageCodeVersion \|\| apiVersion}`;\n\n if (label) {\n const item = labeledMenuItemsMap[label];\n item.label = `${TEXT_FOR_PACKAGE_LABELS[label]} ${version} ${notes ? `- ${notes}` : ''}`;\n item.disabled = false;\n packageByValue[item.value] = appPackage;\n } else {\n packageByValue[apiVersion] = appPackage;\n unlabeled.push({\n label: `${version} ${notes ? `- ${notes}` : ''}`,\n value: apiVersion,\n status,\n });\n }\n });\n\n return {\n // Note: order is always the same here, non-integer keys are returned in insertion order.\n labeled: Object.values(labeledMenuItemsMap),\n unlabeled,\n packageByValue,\n };\n }, [packages]);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: isUserChange distinguishes a genuine selection from the\n // auto-preselect effect below, so only the former opts the app out of the React-18 auto-switch.\n const handleChange = (value, isUserChange = false) =>\n onChange(value, packageByValue[value], isUserChange);\n\n const hasUnlabeledVersion = packages.some(appPackage => !appPackage.label);\n const hasPackages = !isEmpty(packages);\n\n useEffect(() => {\n if (hasPackages && !value) {\n const labeledVersion = labeled.find(item => !item.disabled);\n\n const version =\n labeledVersion \|\|\n maxBy(\n unlabeled.filter(item => item.status === PACKAGE_STATUSES.PUBLISHED),\n 'value'\n );\n\n setPreselectedVersion(version?.value);\n handleChange(version?.value);\n }\n }, [labeled, unlabeled]);\n\n if (isLoading \|\| error) return null;\n\n return (\n <Grid>\n <FormControl className={classNames(styles.select, className)}>\n <InputLabel shrink={!!(value \|\| preselectedVersion)} htmlFor=\"appVersion\">\n App Version\n </InputLabel>\n <Select\n data-testid={`${PAGE_NAME}_dropdown`}\n value={value \|\| preselectedVersion}\n onChange={e => handleChange(e.target.value, true)}\n disabled={isLoading \|\| disabled}\n label=\"App Version\"\n inputProps={{\n name: 'appVersion',\n id: 'appVersion',\n }}\n MenuProps={{\n MenuListProps: {\n classes: {\n root: styles.menuListRoot,\n },\n },\n }}\n >\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Labelled Versions (When selected always shows current Stable Release, Beta or Dev\n version)\n </ListSubheader>\n )}\n {labeled.map(({ label, value, disabled }) => (\n <MenuItem\n key={value}\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n disabled={disabled}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Other versions (App will always show selected version until version is deleted)\n </ListSubheader>\n )}\n {unlabeled.map(({ label, value }) => (\n <MenuItem\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n key={value}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Grid>\n );\n};\n\nAppVersionsSelectView.defaultProps = {\n disabled: false,\n error: null,\n isLoading: false,\n packages: [],\n value: null,\n};\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId, ...otherProps }) => {\n const packagesState = usePackages(appId, {\n status: [PACKAGE_STATUSES.DRAFT, PACKAGE_STATUSES.PUBLISHED],\n order: 'desc',\n sort: 'created_at',\n });\n return <AppVersionsSelectView {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n value: string,\n onChange: func.isRequired,\n appId: string,\n};\n\nAppVersionsSelect.defaultProps = {\n value: null,\n appId: null,\n};\n\n// Export default with permissions check\nexport default withPermissionsHOC(\n { canReadAppPackages: ({ appId }) => PERMISSIONS.getCanReadAppPackages(appId) },\n { loader: null }\n)(({ canReadAppPackages, ...props }) => canReadAppPackages && <AppVersionsSelect {...props} />);\n"],"names":["PACKAGE_STATUSES","appPackages","PACKAGE_LABELS","TEXT_FOR_PACKAGE_LABELS","useStyles","makeStyles","theme","select","width","margin","menuListRoot","maxWidth","group","fontStyle","fontWeight","fontSize","color","backgroundColor","palette","background","b9","AppVersionsSelectView","_ref","className","value","onChange","isLoading","disabled","error","packages","styles","useState","_useState2","_slicedToArray","_useState","preselectedVersion","setPreselectedVersion","useMemo","_labeledMenuItemsMap","packageByValue","labeledMenuItemsMap","_defineProperty","PROD","label","BETA","DEV","unlabeled","filter","appPackage","status","FAILURE","forEach","apiVersion","version","packageCodeVersion","package_code_version","notes","concat","item","push","labeled","Object","values","handleChange","isUserChange","hasUnlabeledVersion","some","hasPackages","isEmpty","useEffect","find","maxBy","PUBLISHED","_jsx","Grid","children","_jsxs","FormControl","classNames","InputLabel","shrink","htmlFor","Select","e","target","inputProps","name","id","MenuProps","MenuListProps","classes","root","jsx","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","defaultProps","AppVersionsSelect","_ref4","appId","otherProps","_objectWithoutProperties","_excluded","packagesState","usePackages","DRAFT","order","sort","_objectSpread","propTypes","string","func","isRequired","AppVersionsSelect$1","withPermissionsHOC","canReadAppPackages","_ref5","PERMISSIONS","getCanReadAppPackages","loader","_ref6","props","_excluded2"],"mappings":"i+DAqBA,IAAQA,EAA8DC,EAA9CD,iBAAEE,EAA4CD,EAA9BC,eAAEC,EAA4BF,EAAAA,wBAEhEG,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,OAAQ,CAAEC,MAAO,IAAKC,OAAQ,SAC9BC,aAAc,CAAEC,SAAU,KAC1BC,MAAO,CACLC,UAAW,SACXC,WAAY,OACZC,SAAU,OACVC,MAAO,OACPC,gBAAiBX,EAAMY,QAAQC,WAAWC,IAE7C,IAKYC,EAAwB,SAQ/BC,GAAA,IAPJC,IAAAA,UACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SAEMC,EAAS1B,IAEqC2B,EAAAA,EAAQA,SAACP,GAAMQ,EAAAC,EAAAA,QAAAC,EAAA,GAA5DC,EAAkBH,EAAA,GAAEI,EAAqBJ,EAAA,GAEDK,EAAAA,EAAAA,SAAQ,WAAM,IAAAC,EACrDC,EAAiB,CAAA,EACjBC,GAAmBF,EAAA,CAAA,EAAAG,EAAA,QAAAH,EACtBpC,EAAewC,KAAO,CACrBC,MAAO,qCACPnB,MAAOtB,EAAewC,KACtBf,UAAU,IAEXzB,EAAAA,QAAAA,EAAAA,EAAe0C,KAAO,CACrBD,MAAO,yBACPnB,MAAOtB,EAAe0C,KACtBjB,UAAU,IAEXzB,EAAAA,QAAAA,EAAAA,EAAe2C,IAAM,CACpBF,MAAO,uBACPnB,MAAOtB,EAAe2C,IACtBlB,UAAU,IAEbW,GAEKQ,EAAY,GA+BlB,OA7BAjB,EAEGkB,QAAO,SAAAC,GAAU,OAAIA,EAAWC,SAAWjD,EAAiBkD,OAAO,IACnEC,SAAQ,SAAAH,GACP,IACWI,EAKPJ,EALFK,QACsBC,EAIpBN,EAJFO,qBACAC,EAGER,EAHFQ,MACAb,EAEEK,EAFFL,MACAM,EACED,EADFC,OAGII,EAAO,IAAAI,OAAOH,GAAsBF,GAE1C,GAAIT,EAAO,CACT,IAAMe,EAAOlB,EAAoBG,GACjCe,EAAKf,MAAWxC,GAAAA,OAAAA,EAAwBwC,GAAUU,KAAAA,OAAAA,cAAWG,EAAK,MAAAC,OAASD,GAAU,IACrFE,EAAK/B,UAAW,EAChBY,EAAemB,EAAKlC,OAASwB,CAC/B,MACET,EAAea,GAAcJ,EAC7BF,EAAUa,KAAK,CACbhB,MAAK,GAAAc,OAAKJ,EAAWG,KAAAA,OAAAA,eAAcA,GAAU,IAC7ChC,MAAO4B,EACPH,OAAAA,GAGN,IAEK,CAELW,QAASC,OAAOC,OAAOtB,GACvBM,UAAAA,EACAP,eAAAA,EAEJ,GAAG,CAACV,IAzDI+B,IAAAA,QAASd,IAAAA,UAAWP,IAAAA,eA6DtBwB,EAAe,SAACvC,GAAK,IAAEwC,0DAAoB,OAC/CvC,EAASD,EAAOe,EAAef,GAAQwC,EAAa,EAEhDC,EAAsBpC,EAASqC,MAAK,SAAAlB,GAAU,OAAKA,EAAWL,SAC9DwB,GAAeC,UAAQvC,GAkB7B,OAhBAwC,EAAAA,WAAU,WACR,GAAIF,IAAgB3C,EAAO,CACzB,IAEM6B,EAFiBO,EAAQU,MAAK,SAAAZ,GAAI,OAAKA,EAAK/B,aAIhD4C,EAAAA,MACEzB,EAAUC,QAAO,SAAAW,GAAI,OAAIA,EAAKT,SAAWjD,EAAiBwE,aAC1D,SAGJpC,EAAsBiB,eAAAA,EAAS7B,OAC/BuC,EAAaV,eAAAA,EAAS7B,MACxB,CACF,GAAG,CAACoC,EAASd,IAETpB,GAAaE,EAAc,KAG7B6C,EAAAA,IAACC,EAAAA,KAAI,CAAAC,SACHC,OAACC,cAAW,CAACtD,UAAWuD,EAAU,QAAChD,EAAOvB,OAAQgB,GAAWoD,SAAA,CAC3DF,MAACM,aAAU,CAACC,UAAWxD,IAASW,GAAqB8C,QAAQ,aAAYN,SAAA,gBAGzEC,OAACM,SAAM,CACL,cAAA,GAAAzB,OA5GQ,mBA4G6B,aACrCjC,MAAOA,GAASW,EAChBV,SAAU,SAAA0D,GAAC,OAAIpB,EAAaoB,EAAEC,OAAO5D,OAAO,EAAM,EAClDG,SAAUD,GAAaC,EACvBgB,MAAM,cACN0C,WAAY,CACVC,KAAM,aACNC,GAAI,cAENC,UAAW,CACTC,cAAe,CACbC,QAAS,CACPC,KAAM7D,EAAOpB,gBAGjBiE,SAEDV,CAAAA,GACCQ,EAAAmB,IAACC,gBAAa,CAACtE,UAAWO,EAAOlB,MAAM+D,SAAA,+FAKxCf,EAAQkC,KAAI,SAAAC,GAAA,IAAGpD,IAAAA,MAAOnB,IAAAA,MAAOG,IAAAA,SAAQ,OACpC8C,EAAAA,IAACuB,EAAAA,SAAQ,CAEP,cAAgBC,GAAAA,OAtIZ,mBAsIgCtD,YAAAA,OAAAA,EAAgB,YACpDnB,MAAOA,EACPG,SAAUA,EAASgD,SAEnBF,MAACyB,EAAa,CAAAvB,SAAEhC,KALXnB,EAMI,IAEZyC,GACCQ,MAACoB,gBAAa,CAACtE,UAAWO,EAAOlB,MAAM+D,SAAA,oFAIxC7B,EAAUgD,KAAI,SAAAK,GAAA,IAAGxD,IAAAA,MAAOnB,IAAAA,MAAK,OAC5BiD,EAAAA,IAACuB,EAAAA,SAAQ,CACP,cAAgBC,GAAAA,OApJZ,mBAoJgCtD,YAAAA,OAAAA,EAAgB,YACpDnB,MAAOA,EAAMmD,SAGbF,MAACyB,EAAa,CAAAvB,SAAEhC,KAFXnB,EAGI,WAMvB,EAEAH,EAAsB+E,aAAe,CACnCzE,UAAU,EACVC,MAAO,KACPF,WAAW,EACXG,SAAU,GACVL,MAAO,MAIT,IAAM6E,EAAoB,SAA8BC,GAAA,IAA3BC,IAAAA,MAAUC,EAAUC,EAAA,QAAAH,EAAAI,GACzCC,EAAgBC,EAAYL,EAAO,CACvCtD,OAAQ,CAACjD,EAAiB6G,MAAO7G,EAAiBwE,WAClDsC,MAAO,OACPC,KAAM,eAER,OAAOtC,MAACpD,EAAqB2F,EAAAA,EAAA,CAAA,EAAKR,GAAgBG,GACpD,EAEAN,EAAkBY,UAAY,CAC5BzF,MAAO0F,EAAMA,OACbzF,SAAU0F,EAAIA,KAACC,WACfb,MAAOW,EAAAA,QAGTb,EAAkBD,aAAe,CAC/B5E,MAAO,KACP+E,MAAO,MAIT,IAAAc,EAAeC,qBACb,CAAEC,mBAAoB,SAAAC,GAAA,IAAGjB,IAAAA,MAAK,OAAOkB,EAAWA,YAACC,sBAAsBnB,EAAM,GAC7E,CAAEoB,OAAQ,MAFGL,EAGb,SAAAM,GAAA,IAAGL,IAAAA,mBAAuBM,EAAKpB,EAAA,QAAAmB,EAAAE,GAAA,OAAOP,GAAsB9C,EAAAA,IAAC4B,EAAiBW,EAAA,CAAA,EAAKa,GAAS"}
1	+ {"version":3,"file":"AppVersionsSelect.js","sources":["../../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useEffect, useMemo, useState } from 'react';\nimport { string, func } from 'prop-types';\nimport { maxBy, isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport {\n FormControl,\n Grid,\n InputLabel,\n ListSubheader,\n MenuItem,\n Select,\n makeStyles,\n} from '@material-ui/core';\n\nimport usePackages from './effects';\n\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport TruncatedText from '~/components/TruncatedText';\nimport { appPackages } from '~/constants';\n\nconst { PACKAGE_STATUSES, PACKAGE_LABELS, TEXT_FOR_PACKAGE_LABELS } = appPackages;\n\nconst useStyles = makeStyles(theme => ({\n select: { width: 250, margin: '8px 0' },\n menuListRoot: { maxWidth: 580 },\n group: {\n fontStyle: 'italic',\n fontWeight: 'bold',\n fontSize: '12px',\n color: '#999',\n backgroundColor: theme.palette.background.b9,\n },\n}));\n\nconst PAGE_NAME = 'DC_versionSelect';\n\n// View Component\nexport const AppVersionsSelectView = ({\n className,\n value = null,\n onChange,\n isLoading = false,\n disabled = false,\n error = null,\n packages = DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES,\n}) => {\n const styles = useStyles();\n\n const [preselectedVersion, setPreselectedVersion] = useState(value);\n\n const { labeled, unlabeled, packageByValue } = useMemo(() => {\n const packageByValue = {};\n const labeledMenuItemsMap = {\n [PACKAGE_LABELS.PROD]: {\n label: 'Stable Release - no stable version',\n value: PACKAGE_LABELS.PROD,\n disabled: true,\n },\n [PACKAGE_LABELS.BETA]: {\n label: 'Beta - no beta version',\n value: PACKAGE_LABELS.BETA,\n disabled: true,\n },\n [PACKAGE_LABELS.DEV]: {\n label: 'Dev - no dev version',\n value: PACKAGE_LABELS.DEV,\n disabled: true,\n },\n };\n\n const unlabeled = [];\n\n packages\n // TODO: replace with query param filtering\n .filter(appPackage => appPackage.status !== PACKAGE_STATUSES.FAILURE)\n .forEach(appPackage => {\n const {\n version: apiVersion,\n package_code_version: packageCodeVersion,\n notes,\n label,\n status,\n } = appPackage;\n // NOTE: API version is deprecated, using version from package.json by default\n const version = `v${packageCodeVersion \|\| apiVersion}`;\n\n if (label) {\n const item = labeledMenuItemsMap[label];\n item.label = `${TEXT_FOR_PACKAGE_LABELS[label]} ${version} ${notes ? `- ${notes}` : ''}`;\n item.disabled = false;\n packageByValue[item.value] = appPackage;\n } else {\n packageByValue[apiVersion] = appPackage;\n unlabeled.push({\n label: `${version} ${notes ? `- ${notes}` : ''}`,\n value: apiVersion,\n status,\n });\n }\n });\n\n return {\n // Note: order is always the same here, non-integer keys are returned in insertion order.\n labeled: Object.values(labeledMenuItemsMap),\n unlabeled,\n packageByValue,\n };\n }, [packages]);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: isUserChange distinguishes a genuine selection from the\n // auto-preselect effect below, so only the former opts the app out of the React-18 auto-switch.\n const handleChange = (value, isUserChange = false) =>\n onChange(value, packageByValue[value], isUserChange);\n\n const hasUnlabeledVersion = packages.some(appPackage => !appPackage.label);\n const hasPackages = !isEmpty(packages);\n\n useEffect(() => {\n if (hasPackages && !value) {\n const labeledVersion = labeled.find(item => !item.disabled);\n\n const version =\n labeledVersion \|\|\n maxBy(\n unlabeled.filter(item => item.status === PACKAGE_STATUSES.PUBLISHED),\n 'value'\n );\n\n setPreselectedVersion(version?.value);\n handleChange(version?.value);\n }\n }, [labeled, unlabeled]);\n\n if (isLoading \|\| error) return null;\n\n return (\n <Grid>\n <FormControl className={classNames(styles.select, className)}>\n <InputLabel shrink={!!(value \|\| preselectedVersion)} htmlFor=\"appVersion\">\n App Version\n </InputLabel>\n <Select\n data-testid={`${PAGE_NAME}_dropdown`}\n value={value \|\| preselectedVersion}\n onChange={e => handleChange(e.target.value, true)}\n disabled={isLoading \|\| disabled}\n label=\"App Version\"\n inputProps={{\n name: 'appVersion',\n id: 'appVersion',\n }}\n MenuProps={{\n MenuListProps: {\n classes: {\n root: styles.menuListRoot,\n },\n },\n }}\n >\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Labelled Versions (When selected always shows current Stable Release, Beta or Dev\n version)\n </ListSubheader>\n )}\n {labeled.map(({ label, value, disabled }) => (\n <MenuItem\n key={value}\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n disabled={disabled}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Other versions (App will always show selected version until version is deleted)\n </ListSubheader>\n )}\n {unlabeled.map(({ label, value }) => (\n <MenuItem\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n key={value}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Grid>\n );\n};\n\nconst DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES = [];\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId = null, value = null, ...otherProps }) => {\n const packagesState = usePackages(appId, {\n status: [PACKAGE_STATUSES.DRAFT, PACKAGE_STATUSES.PUBLISHED],\n order: 'desc',\n sort: 'created_at',\n });\n return <AppVersionsSelectView value={value} {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n value: string,\n onChange: func.isRequired,\n appId: string,\n};\n\n// Export default with permissions check\nexport default withPermissionsHOC(\n { canReadAppPackages: ({ appId }) => PERMISSIONS.getCanReadAppPackages(appId) },\n { loader: null }\n)(({ canReadAppPackages, ...props }) => canReadAppPackages && <AppVersionsSelect {...props} />);\n"],"names":["PACKAGE_STATUSES","appPackages","PACKAGE_LABELS","TEXT_FOR_PACKAGE_LABELS","useStyles","makeStyles","theme","select","width","margin","menuListRoot","maxWidth","group","fontStyle","fontWeight","fontSize","color","backgroundColor","palette","background","b9","AppVersionsSelectView","_ref","className","_ref$value","value","onChange","_ref$isLoading","isLoading","_ref$disabled","disabled","_ref$error","error","_ref$packages","packages","DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES","styles","useState","_useState2","_slicedToArray","_useState","preselectedVersion","setPreselectedVersion","useMemo","_labeledMenuItemsMap","packageByValue","labeledMenuItemsMap","_defineProperty","PROD","label","BETA","DEV","unlabeled","filter","appPackage","status","FAILURE","forEach","apiVersion","version","packageCodeVersion","package_code_version","notes","concat","item","push","labeled","Object","values","handleChange","isUserChange","hasUnlabeledVersion","some","hasPackages","isEmpty","useEffect","find","maxBy","PUBLISHED","_jsx","Grid","children","_jsxs","FormControl","classNames","InputLabel","shrink","htmlFor","Select","e","target","inputProps","name","id","MenuProps","MenuListProps","classes","root","jsx","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","AppVersionsSelect","_ref4","_ref4$appId","appId","_ref4$value","otherProps","_objectWithoutProperties","_excluded","packagesState","usePackages","DRAFT","order","sort","_objectSpread","propTypes","string","func","isRequired","AppVersionsSelect$1","withPermissionsHOC","canReadAppPackages","_ref5","PERMISSIONS","getCanReadAppPackages","loader","_ref6","props","_excluded2"],"mappings":"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"}

package/cjs-bundle/components/AssetEditor/AssetEditorAutocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),o=require("prop-types"),a=require("lodash"),i=require("@material-ui/core"),l=require("@material-ui/icons"),s=require("@material-ui/lab"),u=require("../TruncatedText/index.js"),d=require("./constants.js"),p=require("./effects/index.js"),c=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(e),m=f(t),y=f(r),h=f(o),g=["children","loading","hasMore"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){m.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v="DC_SingleAssetEditorAutocomplete",j={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},T=function(e){var t=e.text,r=void 0===t?"Loading...":t;return c.jsx("li",{style:j,children:c.jsx(i.Typography,{variant:"body2",color:"textSecondary",children:r})},"loading")},S=n.forwardRef((function(e,t){var r=e.children,n=e.loading,o=e.hasMore,a=y.default(e,g);return c.jsxs(i.List,O(O({},a),{},{ref:t,role:"listbox",children:[r,(o||n)&&c.jsx(T,{})]}))})),P=function(e){var t,r=e["data-testid"],o=e.appKey,f=e.assetType,m=e.classes,y=e.companyId,h=e.currentValue,g=e.disabled,x=e.disableClearable,j=e.errorText,P=e.isMultiple,A=e.isNullable,C=e.label,I=e.onChange,q=e.parentAssetId,L=e.parentAssetType,M=e.queryParams,R=e.autocompleteProps,w=void 0===R?{}:R,E=e.assetFields,D=n.useState(P?[]:null),H=b.default(D,2),N=H[0],_=H[1],F=n.useState(""),V=b.default(F,2),K=V[0],k=V[1],z=n.useState(""),B=b.default(z,2),G=B[0],W=B[1],J=n.useState(!1),Q=b.default(J,2),U=Q[0],X=Q[1],Y=n.useState(1),Z=b.default(Y,2),$=Z[0],ee=Z[1],te=n.useState(!0),re=b.default(te,2),ne=re[0],oe=re[1];n.useEffect((function(){_(P?[]:null),ee(1),X(!1)}),[f]);var ae=p.useAssetAutoCompleteSelectData({appKey:o,assetType:f,companyId:y,currentValue:h,isMultiple:P,parentAssetId:q,parentAssetType:L,scrollPage:$,searchText:K,setCurrentOption:_,queryParams:M,assetFields:E}),ie=ae.assets,le=ae.loading;n.useEffect((function(){var e=ie.length>=d.PER_PAGE*$;oe(e)}),[ie,$]);var se=n.useMemo((function(){return a.debounce((function(e){ee(1),k(e)}),200)}),[]),ue=n.useMemo((function(){return a.debounce((function(){return ee((function(e){return e+1}))}),250)}),[]),de={endAdornment:m.endAdornment,inputRoot:m.inputRoot,listbox:m.listbox,noOptions:m.noOptions,option:m.option,popupIndicator:m.popupIndicator,root:m.root};return c.jsxs(i.FormControl,{disabled:g,error:!!j,className:m.formControl,children:[!A&&c.jsx(i.InputLabel,{shrink:!0,children:C}),c.jsx(i.Tooltip,{title:null!==(t=null==N?void 0:N.name)&&void 0!==t?t:"",children:c.jsx(s.Autocomplete,O(O({disabled:g,blurOnSelect:!0,classes:de,clearOnBlur:!0,clearOnEscape:!0,"data-testid":r,disableClearable:x,filterOptions:a.identity,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:U?G:(null==N?void 0:N.name)||"",ListboxComponent:S,ListboxProps:{onScroll:function(e){if(ne&&!le){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-d.SCROLL_THRESHOLD&&ue()}},loading:le,hasMore:ne},options:ie,onChange:function(e,t){var r;_(t),I(P?t.map((function(e){return e.id})):null!==(r=null==t?void 0:t.id)&&void 0!==r?r:null,t)},onClose:function(){W(""),k(""),X(!1),ee(1)},onInputChange:function(e,t,r){"input"===r?(W(t),X(!0),se(t)):k("")},noOptionsText:c.jsx(T,{text:le?"Loading...":"No options"}),renderInput:function(e){return c.jsx(i.TextField,O(O({},e),{},{variant:"standard",placeholder:"Search for asset..."},!P&&{InputProps:O(O({},e.InputProps),{},{startAdornment:c.jsx(i.InputAdornment,{children:c.jsx(l.Search,{className:m.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return c.jsx(u,{"data-testid":"".concat(v,"_option_").concat(r,"MenuItem"),children:P&&h.includes(t)?"".concat(r," (already selected)"):r},t)},value:N,multiple:P},P&&{renderTags:function(e,t){return e.map((function(e,r){return c.jsx(i.Chip,O({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return h.includes(e.id)}}),w))}),c.jsx(i.FormHelperText,{children:j})]})};P.defaultProps={label:"Choose An Asset",currentValue:void 0,disableClearable:!0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(v,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null,queryParams:{}},P.propTypes={label:h.default.string,currentValue:h.default.oneOfType([h.default.number,h.default.arrayOf(h.default.number)]),isNullable:h.default.bool,onChange:h.default.func.isRequired,classes:h.default.shape({}).isRequired,disableClearable:h.default.bool,parentAssetId:h.default.number,parentAssetType:h.default.string,companyId:h.default.number,assetType:h.default.string.isRequired,errorText:h.default.string,"data-testid":h.default.string,disabled:h.default.bool,isMultiple:h.default.bool,appKey:h.default.string,queryParams:h.default.shape({})};var A=i.withStyles((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(P);module.exports=A;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),o=require("prop-types"),i=require("lodash"),a=require("@material-ui/core"),l=require("@material-ui/icons"),s=require("@material-ui/lab"),u=require("../TruncatedText/index.js"),d=require("./constants.js"),p=require("./effects/index.js"),c=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(e),m=f(t),h=f(r),y=f(o),g=["children","loading","hasMore"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){m.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O="DC_SingleAssetEditorAutocomplete",j={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},T=function(e){var t=e.text,r=void 0===t?"Loading...":t;return c.jsx("li",{style:j,children:c.jsx(a.Typography,{variant:"body2",color:"textSecondary",children:r})},"loading")},S=n.forwardRef((function(e,t){var r=e.children,n=e.loading,o=e.hasMore,i=h.default(e,g);return c.jsxs(a.List,v(v({},i),{},{ref:t,role:"listbox",children:[r,(o||n)&&c.jsx(T,{})]}))})),C=function(e){var t,r=e["data-testid"],o=void 0===r?P:r,f=e.appKey,m=void 0===f?null:f,h=e.assetType,y=e.classes,g=e.companyId,x=e.currentValue,j=e.disabled,C=void 0!==j&&j,A=e.disableClearable,I=void 0===A||A,L=e.errorText,R=void 0===L?"":L,w=e.isMultiple,E=void 0!==w&&w,M=e.isNullable,D=void 0!==M&&M,H=e.label,_=void 0===H?"Choose An Asset":H,F=e.onChange,N=e.parentAssetId,V=e.parentAssetType,k=e.queryParams,z=void 0===k?q:k,K=e.autocompleteProps,B=void 0===K?{}:K,G=e.assetFields,W=n.useState(E?[]:null),J=b.default(W,2),Q=J[0],U=J[1],X=n.useState(""),Y=b.default(X,2),Z=Y[0],$=Y[1],ee=n.useState(""),te=b.default(ee,2),re=te[0],ne=te[1],oe=n.useState(!1),ie=b.default(oe,2),ae=ie[0],le=ie[1],se=n.useState(1),ue=b.default(se,2),de=ue[0],pe=ue[1],ce=n.useState(!0),fe=b.default(ce,2),be=fe[0],me=fe[1];n.useEffect((function(){U(E?[]:null),pe(1),le(!1)}),[h]);var he=p.useAssetAutoCompleteSelectData({appKey:m,assetType:h,companyId:g,currentValue:x,isMultiple:E,parentAssetId:N,parentAssetType:V,scrollPage:de,searchText:Z,setCurrentOption:U,queryParams:z,assetFields:G}),ye=he.assets,ge=he.loading;n.useEffect((function(){var e=ye.length>=d.PER_PAGE*de;me(e)}),[ye,de]);var xe=n.useMemo((function(){return i.debounce((function(e){pe(1),$(e)}),200)}),[]),ve=n.useMemo((function(){return i.debounce((function(){return pe((function(e){return e+1}))}),250)}),[]),Oe={endAdornment:y.endAdornment,inputRoot:y.inputRoot,listbox:y.listbox,noOptions:y.noOptions,option:y.option,popupIndicator:y.popupIndicator,root:y.root};return c.jsxs(a.FormControl,{disabled:C,error:!!R,className:y.formControl,children:[!D&&c.jsx(a.InputLabel,{shrink:!0,children:_}),c.jsx(a.Tooltip,{title:null!==(t=null==Q?void 0:Q.name)&&void 0!==t?t:"",children:c.jsx(s.Autocomplete,v(v({disabled:C,blurOnSelect:!0,classes:Oe,clearOnBlur:!0,clearOnEscape:!0,"data-testid":o,disableClearable:I,filterOptions:i.identity,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:ae?re:(null==Q?void 0:Q.name)||"",ListboxComponent:S,ListboxProps:{onScroll:function(e){if(be&&!ge){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-d.SCROLL_THRESHOLD&&ve()}},loading:ge,hasMore:be},options:ye,onChange:function(e,t){var r;U(t),F(E?t.map((function(e){return e.id})):null!==(r=null==t?void 0:t.id)&&void 0!==r?r:null,t)},onClose:function(){ne(""),$(""),le(!1),pe(1)},onInputChange:function(e,t,r){"input"===r?(ne(t),le(!0),xe(t)):$("")},noOptionsText:c.jsx(T,{text:ge?"Loading...":"No options"}),renderInput:function(e){return c.jsx(a.TextField,v(v({},e),{},{variant:"standard",placeholder:"Search for asset..."},!E&&{InputProps:v(v({},e.InputProps),{},{startAdornment:c.jsx(a.InputAdornment,{children:c.jsx(l.Search,{className:y.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return c.jsx(u,{"data-testid":"".concat(O,"_option_").concat(r,"MenuItem"),children:E&&x.includes(t)?"".concat(r," (already selected)"):r},t)},value:Q,multiple:E},E&&{renderTags:function(e,t){return e.map((function(e,r){return c.jsx(a.Chip,v({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return x.includes(e.id)}}),B))}),c.jsx(a.FormHelperText,{children:R})]})},P="".concat(O,"_autoComplete"),q={};C.propTypes={label:y.default.string,currentValue:y.default.oneOfType([y.default.number,y.default.arrayOf(y.default.number)]),isNullable:y.default.bool,onChange:y.default.func.isRequired,classes:y.default.shape({}).isRequired,disableClearable:y.default.bool,parentAssetId:y.default.number,parentAssetType:y.default.string,companyId:y.default.number,assetType:y.default.string.isRequired,errorText:y.default.string,"data-testid":y.default.string,disabled:y.default.bool,isMultiple:y.default.bool,appKey:y.default.string,queryParams:y.default.shape({})};var A=a.withStyles((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(C);module.exports=A;
 //# sourceMappingURL=AssetEditorAutocomplete.js.map

package/cjs-bundle/components/AssetEditor/AssetEditorAutocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n FormControl,\n InputLabel,\n TextField,\n FormHelperText,\n withStyles,\n Typography,\n List,\n InputAdornment,\n Chip,\n Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n formControl: {},\n listbox: { maxHeight: 350 },\n root: { fontSize: 16 },\n inputRoot: {\n paddingTop: 16,\n padding: '8px 0',\n paddingBottom: 0,\n width: 350,\n fontSize: 16,\n },\n popupIndicator: { display: 'none' },\n option: {\n paddingLeft: '16px !important',\n height: 36,\n '&[aria-disabled=true]': {\n color: theme.palette.primary.text9,\n opacity: 1,\n backgroundColor: 'unset',\n },\n },\n noOptions: { padding: 0 },\n searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n paddingLeft: '16px',\n height: 36,\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types /\nconst InfoListItem = ({ text = 'Loading...' }) => (\n <li key=\"loading\" style={infoListItemStyles}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {text}\n </Typography>\n </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n <List {...otherProps} ref={ref} role=\"listbox\">\n {children}\n {(hasMore \|\| loading) && <InfoListItem />}\n </List>\n));\n/ eslint-enable react/prop-types /\n\nconst AssetEditorAutocomplete = ({\n 'data-testid': dataTestId,\n appKey,\n assetType,\n classes,\n companyId,\n currentValue,\n disabled,\n disableClearable,\n errorText,\n isMultiple,\n isNullable,\n label,\n onChange,\n parentAssetId,\n parentAssetType,\n queryParams,\n autocompleteProps = {},\n assetFields,\n}) => {\n // NOTE: Store currently selected option\n const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n const [isSearchMode, setSearchMode] = useState(false);\n\n const [scrollPage, setScrollPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n\n useEffect(() => {\n // NOTE: Asset type has been changed. Clear currently selected option\n setCurrentOption(isMultiple ? [] : null);\n setScrollPage(1);\n setSearchMode(false);\n }, [assetType]);\n\n const { assets, loading } = useAssetAutoCompleteSelectData({\n appKey,\n assetType,\n companyId,\n currentValue,\n isMultiple,\n parentAssetId,\n parentAssetType,\n scrollPage,\n searchText,\n setCurrentOption,\n queryParams,\n assetFields,\n });\n\n useEffect(() => {\n const hasMoreAssets = assets.length >= PER_PAGE scrollPage;\n setHasMore(hasMoreAssets);\n }, [assets, scrollPage]);\n\n const onInputChange = useMemo(\n () =>\n debounce(value => {\n setScrollPage(1);\n setSearchText(value);\n }, 200),\n []\n );\n\n const handleInputChange = (event, value, reason) => {\n if (reason === 'input') {\n setSearchValue(value);\n setSearchMode(true);\n onInputChange(value); // NOTE: Trigger api call\n } else {\n // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n setSearchText('');\n }\n };\n\n const handleFetchNext = useMemo(\n () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n []\n );\n const onClose = () => {\n setSearchValue('');\n setSearchText('');\n setSearchMode(false);\n setScrollPage(1);\n };\n\n const onScrollListbox = event => {\n if (!hasMore \|\| loading) return;\n const listboxNode = event.currentTarget;\n if (\n listboxNode.scrollTop + listboxNode.clientHeight >\n listboxNode.scrollHeight - SCROLL_THRESHOLD\n ) {\n handleFetchNext();\n }\n };\n\n const renderInput = params => (\n <TextField\n {...params}\n variant=\"standard\"\n placeholder=\"Search for asset...\"\n {...(!isMultiple && {\n InputProps: {\n ...params.InputProps,\n startAdornment: (\n <InputAdornment>\n <SearchIcon className={classes.searchIcon} />\n </InputAdornment>\n ),\n },\n })}\n />\n );\n\n const renderOption = ({ id, name }) => (\n <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n </TruncatedText>\n );\n\n const autocompleteClasses = {\n endAdornment: classes.endAdornment,\n inputRoot: classes.inputRoot,\n listbox: classes.listbox,\n noOptions: classes.noOptions,\n option: classes.option,\n popupIndicator: classes.popupIndicator,\n root: classes.root,\n };\n\n return (\n <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n <Tooltip title={currentOption?.name ?? ''}>\n <Autocomplete\n disabled={disabled}\n blurOnSelect\n classes={autocompleteClasses}\n clearOnBlur\n clearOnEscape\n data-testid={dataTestId}\n disableClearable={disableClearable}\n filterOptions={identity}\n getOptionLabel={option => option?.name}\n getOptionSelected={(option, value) => option && value && option.id === value.id}\n inputValue={isSearchMode ? searchValue : currentOption?.name \|\| ''}\n ListboxComponent={ListboxComponent}\n ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n options={assets}\n onChange={(event, selected) => {\n setCurrentOption(selected);\n onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n }}\n onClose={onClose}\n onInputChange={handleInputChange}\n noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n renderInput={renderInput}\n renderOption={renderOption}\n value={currentOption}\n multiple={isMultiple}\n {...(isMultiple && {\n renderTags: (value, getTagProps) => {\n return value.map((option, index) => (\n <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n ));\n },\n getOptionDisabled: option => currentValue.includes(option.id),\n })}\n {...autocompleteProps}\n />\n </Tooltip>\n <FormHelperText>{errorText}</FormHelperText>\n </FormControl>\n );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n label: 'Choose An Asset',\n currentValue: undefined,\n disableClearable: true,\n isNullable: false,\n parentAssetId: undefined,\n parentAssetType: undefined,\n companyId: undefined,\n errorText: '',\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n disabled: false,\n isMultiple: false,\n appKey: null,\n queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n label: PropTypes.string,\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n isNullable: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n disableClearable: PropTypes.bool,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n companyId: PropTypes.number,\n assetType: PropTypes.string.isRequired,\n errorText: PropTypes.string,\n 'data-testid': PropTypes.string,\n disabled: PropTypes.bool,\n isMultiple: PropTypes.bool,\n appKey: PropTypes.string,\n queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","defaultProps","undefined","concat","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}
1	+ {"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n FormControl,\n InputLabel,\n TextField,\n FormHelperText,\n withStyles,\n Typography,\n List,\n InputAdornment,\n Chip,\n Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n formControl: {},\n listbox: { maxHeight: 350 },\n root: { fontSize: 16 },\n inputRoot: {\n paddingTop: 16,\n padding: '8px 0',\n paddingBottom: 0,\n width: 350,\n fontSize: 16,\n },\n popupIndicator: { display: 'none' },\n option: {\n paddingLeft: '16px !important',\n height: 36,\n '&[aria-disabled=true]': {\n color: theme.palette.primary.text9,\n opacity: 1,\n backgroundColor: 'unset',\n },\n },\n noOptions: { padding: 0 },\n searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n paddingLeft: '16px',\n height: 36,\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types /\nconst InfoListItem = ({ text = 'Loading...' }) => (\n <li key=\"loading\" style={infoListItemStyles}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {text}\n </Typography>\n </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n <List {...otherProps} ref={ref} role=\"listbox\">\n {children}\n {(hasMore \|\| loading) && <InfoListItem />}\n </List>\n));\n/ eslint-enable react/prop-types /\n\nconst AssetEditorAutocomplete = ({\n 'data-testid': dataTestId = DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_DATA_TESTID,\n appKey = null,\n assetType,\n classes,\n companyId,\n currentValue,\n disabled = false,\n disableClearable = true,\n errorText = '',\n isMultiple = false,\n isNullable = false,\n label = 'Choose An Asset',\n onChange,\n parentAssetId,\n parentAssetType,\n queryParams = DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_QUERY_PARAMS,\n autocompleteProps = {},\n assetFields,\n}) => {\n // NOTE: Store currently selected option\n const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n const [isSearchMode, setSearchMode] = useState(false);\n\n const [scrollPage, setScrollPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n\n useEffect(() => {\n // NOTE: Asset type has been changed. Clear currently selected option\n setCurrentOption(isMultiple ? [] : null);\n setScrollPage(1);\n setSearchMode(false);\n }, [assetType]);\n\n const { assets, loading } = useAssetAutoCompleteSelectData({\n appKey,\n assetType,\n companyId,\n currentValue,\n isMultiple,\n parentAssetId,\n parentAssetType,\n scrollPage,\n searchText,\n setCurrentOption,\n queryParams,\n assetFields,\n });\n\n useEffect(() => {\n const hasMoreAssets = assets.length >= PER_PAGE scrollPage;\n setHasMore(hasMoreAssets);\n }, [assets, scrollPage]);\n\n const onInputChange = useMemo(\n () =>\n debounce(value => {\n setScrollPage(1);\n setSearchText(value);\n }, 200),\n []\n );\n\n const handleInputChange = (event, value, reason) => {\n if (reason === 'input') {\n setSearchValue(value);\n setSearchMode(true);\n onInputChange(value); // NOTE: Trigger api call\n } else {\n // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n setSearchText('');\n }\n };\n\n const handleFetchNext = useMemo(\n () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n []\n );\n const onClose = () => {\n setSearchValue('');\n setSearchText('');\n setSearchMode(false);\n setScrollPage(1);\n };\n\n const onScrollListbox = event => {\n if (!hasMore \|\| loading) return;\n const listboxNode = event.currentTarget;\n if (\n listboxNode.scrollTop + listboxNode.clientHeight >\n listboxNode.scrollHeight - SCROLL_THRESHOLD\n ) {\n handleFetchNext();\n }\n };\n\n const renderInput = params => (\n <TextField\n {...params}\n variant=\"standard\"\n placeholder=\"Search for asset...\"\n {...(!isMultiple && {\n InputProps: {\n ...params.InputProps,\n startAdornment: (\n <InputAdornment>\n <SearchIcon className={classes.searchIcon} />\n </InputAdornment>\n ),\n },\n })}\n />\n );\n\n const renderOption = ({ id, name }) => (\n <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n </TruncatedText>\n );\n\n const autocompleteClasses = {\n endAdornment: classes.endAdornment,\n inputRoot: classes.inputRoot,\n listbox: classes.listbox,\n noOptions: classes.noOptions,\n option: classes.option,\n popupIndicator: classes.popupIndicator,\n root: classes.root,\n };\n\n return (\n <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n <Tooltip title={currentOption?.name ?? ''}>\n <Autocomplete\n disabled={disabled}\n blurOnSelect\n classes={autocompleteClasses}\n clearOnBlur\n clearOnEscape\n data-testid={dataTestId}\n disableClearable={disableClearable}\n filterOptions={identity}\n getOptionLabel={option => option?.name}\n getOptionSelected={(option, value) => option && value && option.id === value.id}\n inputValue={isSearchMode ? searchValue : currentOption?.name \|\| ''}\n ListboxComponent={ListboxComponent}\n ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n options={assets}\n onChange={(event, selected) => {\n setCurrentOption(selected);\n onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n }}\n onClose={onClose}\n onInputChange={handleInputChange}\n noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n renderInput={renderInput}\n renderOption={renderOption}\n value={currentOption}\n multiple={isMultiple}\n {...(isMultiple && {\n renderTags: (value, getTagProps) => {\n return value.map((option, index) => (\n <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n ));\n },\n getOptionDisabled: option => currentValue.includes(option.id),\n })}\n {...autocompleteProps}\n />\n </Tooltip>\n <FormHelperText>{errorText}</FormHelperText>\n </FormControl>\n );\n};\n\nconst DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_DATA_TESTID = `${PAGE_NAME}_autoComplete`;\nconst DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_QUERY_PARAMS = {};\n\nAssetEditorAutocomplete.propTypes = {\n label: PropTypes.string,\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n isNullable: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n disableClearable: PropTypes.bool,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n companyId: PropTypes.number,\n assetType: PropTypes.string.isRequired,\n errorText: PropTypes.string,\n 'data-testid': PropTypes.string,\n disabled: PropTypes.bool,\n isMultiple: PropTypes.bool,\n appKey: PropTypes.string,\n queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","_ref3$dataTestid","dataTestId","DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_DATA_TESTID","_ref3$appKey","appKey","assetType","classes","companyId","currentValue","_ref3$disabled","disabled","_ref3$disableClearabl","disableClearable","_ref3$errorText","errorText","_ref3$isMultiple","isMultiple","_ref3$isNullable","isNullable","_ref3$label","label","onChange","parentAssetId","parentAssetType","_ref3$queryParams","queryParams","DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_QUERY_PARAMS","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}

package/cjs-bundle/components/AssetEditor/SingleAssetEditor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("@material-ui/core"),a=require("../TruncatedText/index.js"),s=require("./effects/index.js"),r=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(e),u="DC_SingleAssetEditor",i=function(e){var l=e.appKey,n=e.label,i=e.currentValue,d=e.defaultValue,p=e.isNullable,c=e.onChange,o=e.classes,f=e.parentAssetId,m=e.assetType,y=e.parentAssetType,h=s.useAssetSelectData({appKey:l,assetId:i,assetType:m,parentAssetId:f,parentAssetType:y}),g=h.assets,v=h.loading,x=i||d;return r.jsxs("div",{children:[r.jsxs(t.FormControl,{disabled:v,children:[!p&&r.jsx(t.InputLabel,{shrink:!!x,children:n}),r.jsxs(t.Select,{"data-testid":e["data-testid"],value:x,onChange:function(e){return c(e.target.value)},className:o.select,MenuProps:{className:o.selectMenu},children:[p&&r.jsx(t.MenuItem,{"data-testid":"".concat(u,"_noActiveAssetMenuItem"),value:d,className:o.menuItem,children:"No active asset"},"empty item"),g.map((function(e){var s=(null==e?void 0:e.name)||"";return r.jsx(t.MenuItem,{"data-testid":"".concat(u,"_option_").concat(s,"MenuItem"),value:Number(e.id),className:o.menuItem,children:r.jsx(a,{children:s})},e.id)}))]})]}),v&&r.jsx(t.CircularProgress,{"data-testid":"".concat(u,"_CircularProgress"),size:20,className:o.progress})]})};i.propTypes={classes:n.default.shape({}).isRequired,appType:n.default.shape({constants:n.default.shape({})}),currentValue:n.default.oneOfType([n.default.number,n.default.string]),defaultValue:n.default.any,onChange:n.default.func.isRequired,label:n.default.string,isNullable:n.default.bool,parentAssetId:n.default.number,parentAssetType:n.default.string,assetType:n.default.string.isRequired,"data-testid":n.default.string,appKey:n.default.string},i.defaultProps={label:"Choose An Asset",currentValue:"",defaultValue:"",appType:void 0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(u,"_autoComplete"),appKey:null};var d=t.withStyles({progress:{margin:"0 15px"},select:{width:350},selectMenu:{maxHeight:350},menuItem:{width:350}})(i);exports.PAGE_NAME=u,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("@material-ui/core"),s=require("../TruncatedText/index.js"),a=require("./effects/index.js"),r=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e),u="DC_SingleAssetEditor",i=function(e){var n=e.appKey,l=void 0===n?null:n,i=e.label,d=void 0===i?"Choose An Asset":i,o=e.currentValue,c=void 0===o?"":o,p=e.defaultValue,f=void 0===p?"":p,m=e.isNullable,v=void 0!==m&&m,h=e.onChange,g=e.classes,y=e.parentAssetId,x=e.assetType,A=e.parentAssetType,j=e["data-testid"],b=void 0===j?"".concat(u,"_autoComplete"):j,I=a.useAssetSelectData({appKey:l,assetId:c,assetType:x,parentAssetId:y,parentAssetType:A}),T=I.assets,N=I.loading,C=c||f;return r.jsxs("div",{children:[r.jsxs(t.FormControl,{disabled:N,children:[!v&&r.jsx(t.InputLabel,{shrink:!!C,children:d}),r.jsxs(t.Select,{"data-testid":b,value:C,onChange:function(e){return h(e.target.value)},className:g.select,MenuProps:{className:g.selectMenu},children:[v&&r.jsx(t.MenuItem,{"data-testid":"".concat(u,"_noActiveAssetMenuItem"),value:f,className:g.menuItem,children:"No active asset"},"empty item"),T.map((function(e){var a=(null==e?void 0:e.name)||"";return r.jsx(t.MenuItem,{"data-testid":"".concat(u,"_option_").concat(a,"MenuItem"),value:Number(e.id),className:g.menuItem,children:r.jsx(s,{children:a})},e.id)}))]})]}),N&&r.jsx(t.CircularProgress,{"data-testid":"".concat(u,"_CircularProgress"),size:20,className:g.progress})]})};i.propTypes={classes:l.default.shape({}).isRequired,appType:l.default.shape({constants:l.default.shape({})}),currentValue:l.default.oneOfType([l.default.number,l.default.string]),defaultValue:l.default.any,onChange:l.default.func.isRequired,label:l.default.string,isNullable:l.default.bool,parentAssetId:l.default.number,parentAssetType:l.default.string,assetType:l.default.string.isRequired,"data-testid":l.default.string,appKey:l.default.string};var d=t.withStyles({progress:{margin:"0 15px"},select:{width:350},selectMenu:{maxHeight:350},menuItem:{width:350}})(i);exports.PAGE_NAME=u,exports.default=d;
 //# sourceMappingURL=SingleAssetEditor.js.map

package/cjs-bundle/components/AssetEditor/SingleAssetEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleAssetEditor.js","sources":["../../../../src/components/AssetEditor/SingleAssetEditor.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n CircularProgress,\n MenuItem,\n Select,\n FormControl,\n InputLabel,\n withStyles,\n} from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { useAssetSelectData } from './effects';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst muiStyles = {\n progress: { margin: '0 15px' },\n select: { width: 350 },\n selectMenu: { maxHeight: 350 },\n menuItem: { width: 350 },\n};\n\nconst SingleAssetEditor = props => {\n const {\n appKey,\n label,\n currentValue,\n defaultValue,\n isNullable,\n onChange,\n classes,\n parentAssetId,\n assetType,\n parentAssetType,\n } = props;\n\n const { assets, loading } = useAssetSelectData({\n appKey,\n assetId: currentValue,\n assetType,\n parentAssetId,\n parentAssetType,\n });\n\n const value = currentValue \|\| defaultValue;\n\n return (\n <div>\n <FormControl disabled={loading}>\n {!isNullable && <InputLabel shrink={!!value}>{label}</InputLabel>}\n <Select\n data-testid={~~props['data-testid']~~}\n value={value}\n onChange={event => onChange(event.target.value)}\n className={classes.select}\n MenuProps={{ className: classes.selectMenu }}\n >\n {isNullable && (\n <MenuItem\n data-testid={`${PAGE_NAME}_noActiveAssetMenuItem`}\n key=\"empty item\"\n value={defaultValue}\n className={classes.menuItem}\n >\n No active asset\n </MenuItem>\n )}\n {assets.map(asset => {\n const assetName = asset?.name \|\| '';\n return (\n <MenuItem\n data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n key={asset.id}\n value={Number(asset.id)}\n className={classes.menuItem}\n >\n <TruncatedText>{assetName}</TruncatedText>\n </MenuItem>\n );\n })}\n </Select>\n </FormControl>\n\n {loading && (\n <CircularProgress\n data-testid={`${PAGE_NAME}_CircularProgress`}\n size={20}\n className={classes.progress}\n />\n )}\n </div>\n );\n};\n\nSingleAssetEditor.propTypes = {\n classes: PropTypes.shape({}).isRequired,\n appType: PropTypes.shape({\n constants: PropTypes.shape({}),\n }),\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n isNullable: PropTypes.bool,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n assetType: PropTypes.string.isRequired,\n 'data-testid': PropTypes.string,\n appKey: PropTypes.string,\n};\n\nSingleAssetEditor.defaultProps = {\n label: 'Choose An Asset',\n currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n defaultValue: '',\n appType: undefined,\n isNullable: false,\n parentAssetId: undefined,\n parentAssetType: undefined,\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n appKey: null,\n};\nexport default withStyles(muiStyles)(SingleAssetEditor);\n"],"names":["PAGE_NAME","SingleAssetEditor","props","appKey","label","currentValue","defaultValue","isNullable","onChange","classes","parentAssetId","assetType","parentAssetType","_useAssetSelectData","useAssetSelectData","assetId","assets","loading","value","_jsxs","children","FormControl","disabled","_jsx","InputLabel","shrink","Select","event","target","className","select","MenuProps","selectMenu","jsx","MenuItem","concat","menuItem","map","asset","assetName","name","Number","id","TruncatedText","CircularProgress","size","progress","propTypes","PropTypes","shape","isRequired","appType","constants","oneOfType","number","string","any","func","bool","~~defaultProps","undefined","~~SingleAssetEditor$1","withStyles","margin","width","maxHeight"],"mappings":"wTAcaA,EAAY,uBASnBC,EAAoB,SAAAC,GACxB,~~IACEC~~,~~EAUED~~,~~EAVFC~~,~~OACAC~~,~~EASEF~~,~~EATFE~~,~~MACAC~~,~~EAQEH~~,~~EARFG~~,~~aACAC~~,~~EAOEJ~~,~~EAPFI~~,~~aACAC~~,~~EAMEL~~,~~EANFK~~,~~WACAC~~,~~EAKEN~~,~~EALFM~~,SACAC,~~EAIEP~~,~~EAJFO~~,QACAC,~~EAGER~~,~~EAHFQ~~,cACAC,~~EAEET~~,~~EAFFS~~,UACAC,~~EACEV~~,~~EADFU~~,~~gBAGFC~~,EAA4BC,EAAAA,mBAAmB,~~CAC7CX~~,OAAAA,~~EACAY~~,~~QAASV~~,~~EACTM~~,UAAAA,EACAD,cAAAA,EACAE,gBAAAA,~~IALMI~~,IAAAA,OAAQC,IAAAA,QAQVC,~~EAAQb~~,~~GAAgBC~~,EAE9B,~~OACEa~~,EAAAA,KAAA,MAAA,CAAAC,SAAA,CACED,OAACE,cAAW,CAACC,SAAUL,EAAQG,SAAA,~~EAC3Bb~~,~~GAAcgB~~,EAAAA,IAACC,EAAAA,WAAU,CAACC,SAAUP,EAAME,~~SAAEhB~~,~~IAC9Ce~~,OAACO,SAAM,CACL,~~cAAaxB~~,~~EAAM~~,~~eACnBgB,~~MAAOA,~~EACPV~~,SAAU,~~SAAAmB~~,GAAK,~~OAAInB~~,~~EAASmB~~,EAAMC,OAAOV,MAAO,EAChDW,~~UAAWpB~~,~~EAAQqB~~,OACnBC,UAAW,CAAEF,~~UAAWpB~~,~~EAAQuB~~,YAAaZ,~~SAE5Cb~~,CAAAA,~~GACCgB~~,EAAAU,IAACC,WAAQ,CACP,cAAA,GAAAC,~~OAAgBnC~~,EAAkC,~~0BAElDkB~~,~~MAAOZ~~,~~EACPuB~~,~~UAAWpB~~,~~EAAQ2B~~,SAAShB,SAAA,mBAFxB,cAOPJ,EAAOqB,KAAI,SAAAC,GACV,IAAMC,GAAYD,aAAK,EAALA,EAAOE,OAAQ,GACjC,OACEjB,EAAAA,IAACW,EAAAA,SAAQ,CACP,~~cAAgBlC~~,GAAAA,OAAAA,~~EAAoBuC~~,YAAAA,OAAAA,EAAoB,YAExDrB,MAAOuB,OAAOH,EAAMI,IACpBb,~~UAAWpB~~,~~EAAQ2B~~,SAAShB,SAE5BG,MAACoB,EAAa,CAAAvB,SAAEmB,KAJXD,EAAMI,GAOjB,UAIHzB,GACCM,EAAAU,IAACW,mBAAgB,CACf,cAAA,GAAAT,~~OAAgBnC~~,EAA6B,~~qBAC7C6C~~,KAAM,GACNhB,~~UAAWpB~~,~~EAAQqC~~,aAK7B,~~EAEA7C~~,~~EAAkB8C~~,UAAY,~~CAC5BtC~~,~~QAASuC~~,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC7BC,QAASH,EAAS,QAACC,MAAM,CACvBG,UAAWJ,EAAAA,QAAUC,MAAM,~~MAE7B5C~~,~~aAAc2C~~,EAAS,QAACK,UAAU,CAACL,EAAS,QAACM,OAAQN,EAAAA,QAAUO,SAC/~~DjD~~,~~aAAc0C~~,EAAS,QAACQ,~~IACxBhD~~,~~SAAUwC~~,EAAAA,QAAUS,KAAKP,~~WACzB9C~~,~~MAAO4C~~,EAAS,QAACO,~~OACjBhD~~,~~WAAYyC~~,EAAS,QAACU,~~KACtBhD~~,~~cAAesC~~,EAAS,QAACM,~~OACzB1C~~,~~gBAAiBoC~~,EAAS,QAACO,~~OAC3B5C~~,~~UAAWqC~~,EAAAA,QAAUO,OAAOL,WAC5B,cAAeF,EAAS,QAACO,~~OACzBpD~~,~~OAAQ6C~~,EAAS,QAACO,~~QAGpBtD~~,~~EAAkB0D~~,~~aAAe,CAC/BvD,MAAO,kBACPC,aAAc,GACdC,aAAc,GACd6C,aAASS,EACTrD,YAAY,EACZG,mBAAekD,EACfhD,qBAAiBgD,EACjB,cAAa,GAAAzB,OAAKnC,EAAwB,iBAC1CG,OAAQ,MAEV,IAAA0D,~~EAAeC,~~aA3GG~~,~~CAChBhB~~,SAAU,~~CAAEiB~~,OAAQ,~~UACpBjC~~,OAAQ,~~CAAEkC~~,MAAO,~~KACjBhC~~,WAAY,~~CAAEiC~~,UAAW,~~KACzB7B~~,SAAU,~~CAAE4B~~,MAAO,~~MAuGNF~~,~~CAAsB7D~~"}
1	+ {"version":3,"file":"SingleAssetEditor.js","sources":["../../../../src/components/AssetEditor/SingleAssetEditor.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n CircularProgress,\n MenuItem,\n Select,\n FormControl,\n InputLabel,\n withStyles,\n} from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { useAssetSelectData } from './effects';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst muiStyles = {\n progress: { margin: '0 15px' },\n select: { width: 350 },\n selectMenu: { maxHeight: 350 },\n menuItem: { width: 350 },\n};\n\nconst SingleAssetEditor = props => {\n const {\n appKey = null,\n label = 'Choose An Asset',\n currentValue = '',\n defaultValue = '',\n isNullable = false,\n onChange,\n classes,\n parentAssetId,\n assetType,\n parentAssetType,\n 'data-testid': dataTestId = `${PAGE_NAME}_autoComplete`,\n } = props;\n\n const { assets, loading } = useAssetSelectData({\n appKey,\n assetId: currentValue,\n assetType,\n parentAssetId,\n parentAssetType,\n });\n\n const value = currentValue \|\| defaultValue;\n\n return (\n <div>\n <FormControl disabled={loading}>\n {!isNullable && <InputLabel shrink={!!value}>{label}</InputLabel>}\n <Select\n data-testid={dataTestId}\n value={value}\n onChange={event => onChange(event.target.value)}\n className={classes.select}\n MenuProps={{ className: classes.selectMenu }}\n >\n {isNullable && (\n <MenuItem\n data-testid={`${PAGE_NAME}_noActiveAssetMenuItem`}\n key=\"empty item\"\n value={defaultValue}\n className={classes.menuItem}\n >\n No active asset\n </MenuItem>\n )}\n {assets.map(asset => {\n const assetName = asset?.name \|\| '';\n return (\n <MenuItem\n data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n key={asset.id}\n value={Number(asset.id)}\n className={classes.menuItem}\n >\n <TruncatedText>{assetName}</TruncatedText>\n </MenuItem>\n );\n })}\n </Select>\n </FormControl>\n\n {loading && (\n <CircularProgress\n data-testid={`${PAGE_NAME}_CircularProgress`}\n size={20}\n className={classes.progress}\n />\n )}\n </div>\n );\n};\n\nSingleAssetEditor.propTypes = {\n classes: PropTypes.shape({}).isRequired,\n appType: PropTypes.shape({\n constants: PropTypes.shape({}),\n }),\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n isNullable: PropTypes.bool,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n assetType: PropTypes.string.isRequired,\n 'data-testid': PropTypes.string,\n appKey: PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(SingleAssetEditor);\n"],"names":["PAGE_NAME","SingleAssetEditor","props","appKey","_props$appKey","_props$label","label","_props$currentValue","currentValue","_props$defaultValue","defaultValue","_props$isNullable","isNullable","onChange","classes","parentAssetId","assetType","parentAssetType","_props$dataTestid","dataTestId","_useAssetSelectData","useAssetSelectData","assetId","assets","loading","value","_jsxs","children","FormControl","disabled","_jsx","InputLabel","shrink","Select","event","target","className","select","MenuProps","selectMenu","jsx","MenuItem","concat","menuItem","map","asset","assetName","name","Number","id","TruncatedText","CircularProgress","size","progress","propTypes","PropTypes","shape","isRequired","appType","constants","oneOfType","number","string","any","func","bool","SingleAssetEditor$1","withStyles","margin","width","maxHeight"],"mappings":"wTAcaA,EAAY,uBASnBC,EAAoB,SAAAC,GACxB,IAYIA,EAAAA,EAXFC,OAAAA,aAAS,KAAIC,EAAAC,EAWXH,EAVFI,MAAAA,aAAQ,kBAAiBD,EAAAE,EAUvBL,EATFM,aAAAA,aAAe,GAAED,EAAAE,EASfP,EARFQ,aAAAA,aAAe,GAAED,EAAAE,EAQfT,EAPFU,WAAAA,cAAkBD,EAClBE,EAMEX,EANFW,SACAC,EAKEZ,EALFY,QACAC,EAIEb,EAJFa,cACAC,EAGEd,EAHFc,UACAC,EAEEf,EAFFe,gBAAeC,EAEbhB,EADF,eAAeiB,uBAAgBnB,EAAS,iBAAAkB,EAG1CE,EAA4BC,EAAAA,mBAAmB,CAC7ClB,OAAAA,EACAmB,QAASd,EACTQ,UAAAA,EACAD,cAAAA,EACAE,gBAAAA,IALMM,IAAAA,OAAQC,IAAAA,QAQVC,EAAQjB,GAAgBE,EAE9B,OACEgB,EAAAA,KAAA,MAAA,CAAAC,SAAA,CACED,OAACE,cAAW,CAACC,SAAUL,EAAQG,SAAA,EAC3Bf,GAAckB,EAAAA,IAACC,EAAAA,WAAU,CAACC,SAAUP,EAAME,SAAErB,IAC9CoB,OAACO,SAAM,CACL,cAAad,EACbM,MAAOA,EACPZ,SAAU,SAAAqB,GAAK,OAAIrB,EAASqB,EAAMC,OAAOV,MAAO,EAChDW,UAAWtB,EAAQuB,OACnBC,UAAW,CAAEF,UAAWtB,EAAQyB,YAAaZ,SAE5Cf,CAAAA,GACCkB,EAAAU,IAACC,WAAQ,CACP,cAAA,GAAAC,OAAgB1C,EAAkC,0BAElDyB,MAAOf,EACP0B,UAAWtB,EAAQ6B,SAAShB,SAAA,mBAFxB,cAOPJ,EAAOqB,KAAI,SAAAC,GACV,IAAMC,GAAYD,aAAK,EAALA,EAAOE,OAAQ,GACjC,OACEjB,EAAAA,IAACW,EAAAA,SAAQ,CACP,cAAgBzC,GAAAA,OAAAA,EAAoB8C,YAAAA,OAAAA,EAAoB,YAExDrB,MAAOuB,OAAOH,EAAMI,IACpBb,UAAWtB,EAAQ6B,SAAShB,SAE5BG,MAACoB,EAAa,CAAAvB,SAAEmB,KAJXD,EAAMI,GAOjB,UAIHzB,GACCM,EAAAU,IAACW,mBAAgB,CACf,cAAA,GAAAT,OAAgB1C,EAA6B,qBAC7CoD,KAAM,GACNhB,UAAWtB,EAAQuC,aAK7B,EAEApD,EAAkBqD,UAAY,CAC5BxC,QAASyC,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC7BC,QAASH,EAAS,QAACC,MAAM,CACvBG,UAAWJ,EAAAA,QAAUC,MAAM,MAE7BhD,aAAc+C,EAAS,QAACK,UAAU,CAACL,EAAS,QAACM,OAAQN,EAAAA,QAAUO,SAC/DpD,aAAc6C,EAAS,QAACQ,IACxBlD,SAAU0C,EAAAA,QAAUS,KAAKP,WACzBnD,MAAOiD,EAAS,QAACO,OACjBlD,WAAY2C,EAAS,QAACU,KACtBlD,cAAewC,EAAS,QAACM,OACzB5C,gBAAiBsC,EAAS,QAACO,OAC3B9C,UAAWuC,EAAAA,QAAUO,OAAOL,WAC5B,cAAeF,EAAS,QAACO,OACzB3D,OAAQoD,EAAS,QAACO,QAGpB,IAAAI,EAAeC,aAjGG,CAChBd,SAAU,CAAEe,OAAQ,UACpB/B,OAAQ,CAAEgC,MAAO,KACjB9B,WAAY,CAAE+B,UAAW,KACzB3B,SAAU,CAAE0B,MAAO,MA6FNF,CAAsBlE"}

package/cjs-bundle/components/AssetEditor/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),s=require("prop-types"),l=require("lodash"),r=require("@material-ui/core"),u=require("./SingleAssetEditor.js"),i=require("./AssetEditorAutocomplete.js"),n=require("./AssetEditors.css.js"),d=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(e),p=o(t),y=o(s),f="DC_AppSettingsAssetEditor",A=function(e){var t=e.appKey,s=e.appType,o=e.defaultValue,y=e.isNullable,A=e.label,b=e.onSettingsChange,g=e.settings,m=l.get(s,["primaryAsset","assetType","type"]),h=l.get(s,["primaryAsset","assetType","id"]),j=l.get(s,["primaryAsset","autocompleteSelect"]),C=l.get(s,["secondaryAsset","assetType","type"]),T=l.get(s,["secondaryAsset","assetType","id"]),q=l.get(s,["secondaryAsset","autocompleteSelect"]),v=l.get(g,h),x=a.useState(v||o),N=p.default(x,2),V=N[0],S=N[1],K=a.useState(l.get(g,T)),_=p.default(K,2),E=_[0],B=_[1],z=a.useState(!(!C||E)),R=p.default(z,2),k=R[0],D=R[1],I=a.useState(!(!C||!E)),P=p.default(I,2),U=P[0],W=P[1],w=function(e){B(e),b(c.default({},T,e))},F=function(e){S(e),B(null),W(!1),D(!!C);var t=c.default({},h,e);T&&(t[T]=null),b(t)};return d.jsxs("div",{className:n.main,children:[d.jsx("div",{className:n.title,children:"Active Asset"}),d.jsxs("div",{className:n.editor,children:[j?d.jsx(i,{appKey:t,assetType:m,currentValue:V,"data-testid":"".concat(f,"_primaryAssetEditorAutocomplete"),defaultValue:o,disableClearable:!y,isNullable:y,label:A,onChange:F}):d.jsx(u.default,{appKey:t,assetType:m,currentValue:V,"data-testid":"".concat(f,"_primaryAutoComplete"),defaultValue:o,isNullable:y,label:A,onChange:F}),k&&d.jsx(r.Button,{"data-testid":"".concat(f,"_changeWellButton"),color:"primary",onClick:function(){W(!0),D(!1)},disabled:!v,children:"Change ".concat(l.capitalize(C))}),!k&&U&&d.jsx(r.Button,{"data-testid":"".concat(f,"_useDefaultButton"),color:"secondary",onClick:function(){B(null),W(!1),D(!!C),b(c.default({},T,null))},children:"Use active asset"})]}),U&&d.jsx("div",{className:n.editor,children:q?d.jsx(i,{appKey:t,assetType:C,currentValue:E,"data-testid":"".concat(f,"_secondaryAssetEditorAutocomplete"),defaultValue:o,disableClearable:!1,isNullable:y,label:"Active ".concat(l.capitalize(C)),onChange:w,parentAssetId:V,parentAssetType:m}):d.jsx(u.default,{"data-testid":"".concat(f,"_secondaryAutoComplete"),onChange:w,defaultValue:o,currentValue:E,isNullable:y,label:"Active ".concat(l.capitalize(C)),assetType:C,parentAssetId:V,parentAssetType:m,appKey:t})})]})};A.defaultProps={label:"Choose An Asset",isNullable:!1,defaultValue:void 0,appKey:null},A.propTypes={settings:y.default.shape({}).isRequired,appType:y.default.shape({}).isRequired,defaultValue:y.default.any,onSettingsChange:y.default.func.isRequired,label:y.default.string,isNullable:y.default.bool,appKey:y.default.string},module.exports=A;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),s=require("prop-types"),l=require("lodash"),r=require("@material-ui/core"),i=require("./SingleAssetEditor.js"),u=require("./AssetEditorAutocomplete.js"),n=require("./AssetEditors.css.js"),d=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(e),p=o(t),y=o(s),f="DC_AppSettingsAssetEditor",A=function(e){var t=e.appKey,s=void 0===t?null:t,o=e.appType,y=e.defaultValue,A=e.isNullable,g=void 0!==A&&A,b=e.label,m=void 0===b?"Choose An Asset":b,h=e.onSettingsChange,j=e.settings,v=l.get(o,["primaryAsset","assetType","type"]),C=l.get(o,["primaryAsset","assetType","id"]),T=l.get(o,["primaryAsset","autocompleteSelect"]),q=l.get(o,["secondaryAsset","assetType","type"]),x=l.get(o,["secondaryAsset","assetType","id"]),N=l.get(o,["secondaryAsset","autocompleteSelect"]),S=l.get(j,C),V=a.useState(S||y),_=p.default(V,2),E=_[0],K=_[1],B=a.useState(l.get(j,x)),z=p.default(B,2),R=z[0],k=z[1],D=a.useState(!(!q||R)),I=p.default(D,2),P=I[0],U=I[1],W=a.useState(!(!q||!R)),w=p.default(W,2),F=w[0],G=w[1],H=function(e){k(e),h(c.default({},x,e))},J=function(e){K(e),k(null),G(!1),U(!!q);var t=c.default({},C,e);x&&(t[x]=null),h(t)};return d.jsxs("div",{className:n.main,children:[d.jsx("div",{className:n.title,children:"Active Asset"}),d.jsxs("div",{className:n.editor,children:[T?d.jsx(u,{appKey:s,assetType:v,currentValue:E,"data-testid":"".concat(f,"_primaryAssetEditorAutocomplete"),defaultValue:y,disableClearable:!g,isNullable:g,label:m,onChange:J}):d.jsx(i.default,{appKey:s,assetType:v,currentValue:E,"data-testid":"".concat(f,"_primaryAutoComplete"),defaultValue:y,isNullable:g,label:m,onChange:J}),P&&d.jsx(r.Button,{"data-testid":"".concat(f,"_changeWellButton"),color:"primary",onClick:function(){G(!0),U(!1)},disabled:!S,children:"Change ".concat(l.capitalize(q))}),!P&&F&&d.jsx(r.Button,{"data-testid":"".concat(f,"_useDefaultButton"),color:"secondary",onClick:function(){k(null),G(!1),U(!!q),h(c.default({},x,null))},children:"Use active asset"})]}),F&&d.jsx("div",{className:n.editor,children:N?d.jsx(u,{appKey:s,assetType:q,currentValue:R,"data-testid":"".concat(f,"_secondaryAssetEditorAutocomplete"),defaultValue:y,disableClearable:!1,isNullable:g,label:"Active ".concat(l.capitalize(q)),onChange:H,parentAssetId:E,parentAssetType:v}):d.jsx(i.default,{"data-testid":"".concat(f,"_secondaryAutoComplete"),onChange:H,defaultValue:y,currentValue:R,isNullable:g,label:"Active ".concat(l.capitalize(q)),assetType:q,parentAssetId:E,parentAssetType:v,appKey:s})})]})};A.propTypes={settings:y.default.shape({}).isRequired,appType:y.default.shape({}).isRequired,defaultValue:y.default.any,onSettingsChange:y.default.func.isRequired,label:y.default.string,isNullable:y.default.bool,appKey:y.default.string},module.exports=A;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/AssetEditor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/AssetEditor/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { capitalize, get } from 'lodash';\nimport { Button } from '@material-ui/core';\n\nimport SingleAssetEditor from './SingleAssetEditor';\nimport AssetEditorAutocomplete from './AssetEditorAutocomplete';\n\nimport styles from './AssetEditors.css';\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\n\nconst AppSettingsAssetEditor = ({\n appKey,\n appType,\n defaultValue,\n isNullable,\n label,\n onSettingsChange,\n settings,\n}) => {\n const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n const isPrimarySelectAutocomplete = get(appType, ['primaryAsset', 'autocompleteSelect']);\n\n const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n const isSecondarySelectAutocomplete = get(appType, ['secondaryAsset', 'autocompleteSelect']);\n\n const currentValue = get(settings, primaryAssetIdType);\n\n const [primaryAssetId, setPrimaryAssetId] = useState(currentValue \|\| defaultValue);\n\n const [secondaryAssetId, setSecondaryAssetId] = useState(get(settings, secondaryAssetIdType));\n const [isSecondaryAssetButtonVisible, setIsSecondaryAssetButtonVisible] = useState(\n !!(secondaryAssetType && !secondaryAssetId)\n );\n\n const [isSecondaryAssetDropdownVisible, setIsSecondaryAssetDropdownVisible] = useState(\n !!(secondaryAssetType && secondaryAssetId)\n );\n\n const onSecondaryAssetIdChange = id => {\n setSecondaryAssetId(id);\n onSettingsChange({ [secondaryAssetIdType]: id });\n };\n\n const onPrimaryAssetChange = id => {\n setPrimaryAssetId(id);\n setSecondaryAssetId(null);\n setIsSecondaryAssetDropdownVisible(false);\n setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n const assetSetting = { [primaryAssetIdType]: id };\n if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n onSettingsChange(assetSetting);\n };\n\n const onDefaultAssetButtonClick = () => {\n setSecondaryAssetId(null);\n setIsSecondaryAssetDropdownVisible(false);\n setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n onSettingsChange({ [secondaryAssetIdType]: null });\n };\n\n return (\n <div className={styles.main}>\n <div className={styles.title}>Active Asset</div>\n\n <div className={styles.editor}>\n {isPrimarySelectAutocomplete ? (\n <AssetEditorAutocomplete\n appKey={appKey}\n assetType={primaryAssetType}\n currentValue={primaryAssetId}\n data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n defaultValue={defaultValue}\n disableClearable={!isNullable}\n isNullable={isNullable}\n label={label}\n onChange={onPrimaryAssetChange}\n />\n ) : (\n <SingleAssetEditor\n appKey={appKey}\n assetType={primaryAssetType}\n currentValue={primaryAssetId}\n data-testid={`${PAGE_NAME}_primaryAutoComplete`}\n defaultValue={defaultValue}\n isNullable={isNullable}\n label={label}\n onChange={onPrimaryAssetChange}\n />\n )}\n {isSecondaryAssetButtonVisible && (\n <Button\n data-testid={`${PAGE_NAME}_changeWellButton`}\n color=\"primary\"\n onClick={() => {\n setIsSecondaryAssetDropdownVisible(true);\n setIsSecondaryAssetButtonVisible(false);\n }}\n disabled={!currentValue}\n >\n {`Change ${capitalize(secondaryAssetType)}`}\n </Button>\n )}\n {!isSecondaryAssetButtonVisible && isSecondaryAssetDropdownVisible && (\n <Button\n data-testid={`${PAGE_NAME}_useDefaultButton`}\n color=\"secondary\"\n onClick={onDefaultAssetButtonClick}\n >\n Use active asset\n </Button>\n )}\n </div>\n {isSecondaryAssetDropdownVisible && (\n <div className={styles.editor}>\n {isSecondarySelectAutocomplete ? (\n <AssetEditorAutocomplete\n appKey={appKey}\n assetType={secondaryAssetType}\n currentValue={secondaryAssetId}\n data-testid={`${PAGE_NAME}_secondaryAssetEditorAutocomplete`}\n defaultValue={defaultValue}\n disableClearable={false}\n isNullable={isNullable}\n label={`Active ${capitalize(secondaryAssetType)}`}\n onChange={onSecondaryAssetIdChange}\n parentAssetId={primaryAssetId}\n parentAssetType={primaryAssetType}\n />\n ) : (\n <SingleAssetEditor\n data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n onChange={onSecondaryAssetIdChange}\n defaultValue={defaultValue}\n currentValue={secondaryAssetId}\n isNullable={isNullable}\n label={`Active ${capitalize(secondaryAssetType)}`}\n assetType={secondaryAssetType}\n parentAssetId={primaryAssetId}\n parentAssetType={primaryAssetType}\n appKey={appKey}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nAppSettingsAssetEditor.~~defaultProps = {\n label: 'Choose An Asset',\n isNullable: false,\n defaultValue: undefined,\n appKey: null,\n};\n\nAppSettingsAssetEditor.~~propTypes = {\n settings: PropTypes.shape({}).isRequired,\n appType: PropTypes.shape({}).isRequired,\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onSettingsChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n isNullable: PropTypes.bool,\n appKey: PropTypes.string,\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["PAGE_NAME","AppSettingsAssetEditor","_ref","appKey","appType","defaultValue","isNullable","label","onSettingsChange","settings","primaryAssetType","get","primaryAssetIdType","isPrimarySelectAutocomplete","secondaryAssetType","secondaryAssetIdType","isSecondarySelectAutocomplete","currentValue","_useState","useState","_useState2","_slicedToArray","primaryAssetId","setPrimaryAssetId","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isSecondaryAssetButtonVisible","setIsSecondaryAssetButtonVisible","_useState8","_useState7","isSecondaryAssetDropdownVisible","setIsSecondaryAssetDropdownVisible","onSecondaryAssetIdChange","id","onPrimaryAssetChange","assetSetting","_defineProperty","_jsxs","className","styles","main","children","_jsx","jsx","title","jsxs","editor","AssetEditorAutocomplete","assetType","concat","disableClearable","onChange","SingleAssetEditor","Button","color","onClick","disabled","capitalize","parentAssetId","parentAssetType","~~defaultProps","undefined","~~propTypes","PropTypes","shape","isRequired","any","func","string","bool"],"mappings":"qcAUMA,EAAY,4BAEZC,EAAyB,SAQzBC,GAAA,~~IAPJC~~,~~IAAAA~~,~~OACAC~~,IAAAA,QACAC,IAAAA,~~aACAC~~,~~IAAAA~~,~~WACAC~~,~~IAAAA~~,~~MACAC~~,IAAAA,iBACAC,IAAAA,SAEMC,EAAmBC,EAAAA,~~IAAIP~~,EAAS,CAAC,eAAgB,YAAa,~~SAC9DQ~~,EAAqBD,EAAAA,~~IAAIP~~,EAAS,CAAC,eAAgB,YAAa,~~OAChES~~,EAA8BF,EAAAA,~~IAAIP~~,EAAS,CAAC,eAAgB,~~uBAE5DU~~,EAAqBH,EAAAA,~~IAAIP~~,EAAS,CAAC,iBAAkB,YAAa,~~SAClEW~~,EAAuBJ,EAAAA,~~IAAIP~~,EAAS,CAAC,iBAAkB,YAAa,~~OACpEY~~,EAAgCL,EAAAA,~~IAAIP~~,EAAS,CAAC,iBAAkB,~~uBAEhEa~~,EAAeN,EAAAA,IAAIF,EAAUG,GAEnCM,EAA4CC,EAAAA,SAASF,~~GAAgBZ~~,~~GAAae~~,EAAAC,EAAAA,QAAAH,EAAA,GAA3EI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAEQD,EAAAA,EAAQA,SAACR,EAAGA,IAACF,EAAUM,IAAsBS,EAAAH,EAAAA,QAAAI,EAAA,GAAtFC,EAAgBF,EAAA,GAAEG,EAAmBH,EAAA,GAC8BL,EAAAA,EAAAA,YACrEL,GAAuBY,IAC3BE,EAAAP,EAAAA,QAAAQ,EAAA,GAFMC,EAA6BF,EAAA,GAAEG,EAAgCH,EAAA,GAIQT,EAAAA,EAAQA,YACjFL,IAAsBY,IAC1BM,EAAAX,EAAAA,QAAAY,EAAA,GAFMC,EAA+BF,EAAA,GAAEG,EAAkCH,EAAA,GAIpEI,EAA2B,SAAAC,GAC/BV,EAAoBU,GACpB7B,EAAoBO,EAAAA,QAAAA,CAAAA,EAAAA,EAAuBsB,KAGvCC,EAAuB,SAAAD,GAC3Bd,EAAkBc,GAClBV,EAAoB,MACpBQ,GAAmC,GACnCJ,IAAmCjB,GACnC,IAAMyB,EAAYC,EAAA,QAAA,CAAA,EAAM5B,EAAqByB,GACzCtB,IAAsBwB,EAAaxB,GAAwB,MAC/DP,EAAiB+B,IAUnB,OACEE,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAC,EAAAC,IAAA,MAAA,CAAKL,UAAWC,EAAOK,MAAMH,SAAA,iBAE7BJ,EAAAQ,KAAA,MAAA,CAAKP,UAAWC,EAAOO,OAAOL,SAC3BhC,CAAAA,EACCiC,EAAAC,IAACI,EAAuB,~~CACtBhD~~,OAAQA,~~EACRiD~~,UAAW1C,EACXO,aAAcK,EACd,cAAA,GAAA+B,~~OAAgBrD~~,EAA2C,~~mCAC3DK~~,aAAcA,~~EACdiD~~,~~kBAAmBhD~~,EACnBA,WAAYA,~~EACZC~~,MAAOA,EACPgD,SAAUjB,IAGZQ,MAACU,UAAiB,~~CAChBrD~~,OAAQA,~~EACRiD~~,UAAW1C,EACXO,aAAcK,EACd,cAAA,GAAA+B,~~OAAgBrD~~,EAAgC,~~wBAChDK~~,aAAcA,~~EACdC~~,WAAYA,~~EACZC~~,MAAOA,EACPgD,SAAUjB,IAGbR,GACCgB,EAAAC,IAACU,SAAM,CACL,cAAA,GAAAJ,~~OAAgBrD~~,EAA6B,~~qBAC7C0D~~,MAAM,UACNC,QAAS,WACPxB,GAAmC,GACnCJ,GAAiC,EACjC,EACF6B,UAAW3C,EAAa4B,SAEbgB,UAAAA,OAAAA,EAAUA,WAAC/C,OAGxBgB,GAAiCI,GACjCY,EAAAA,IAACW,EAAAA,OAAM,CACL,cAAA,GAAAJ,~~OAAgBrD~~,EAA6B,~~qBAC7C0D~~,MAAM,YACNC,QArDwB,WAChChC,EAAoB,MACpBQ,GAAmC,GACnCJ,IAAmCjB,GACnCN,EAAoBO,EAAAA,QAAAA,CAAAA,EAAAA,EAAuB,QAiDA8B,SAAA,wBAMxCX,GACCY,EAAAC,IAAA,MAAA,CAAKL,UAAWC,EAAOO,OAAOL,SAC3B7B,EACC8B,EAAAC,IAACI,EAAuB,~~CACtBhD~~,OAAQA,~~EACRiD~~,UAAWtC,EACXG,aAAcS,EACd,cAAA,GAAA2B,~~OAAgBrD~~,EAA6C,~~qCAC7DK~~,aAAcA,~~EACdiD~~,kBAAkB,~~EAClBhD~~,WAAYA,~~EACZC~~,MAAiBsD,UAAAA,OAAAA,EAAUA,WAAC/C,IAC5ByC,SAAUnB,EACV0B,cAAexC,EACfyC,gBAAiBrD,IAGnBoC,MAACU,UAAiB,CAChB,cAAA,GAAAH,~~OAAgBrD~~,EAAkC,~~0BAClDuD~~,SAAUnB,~~EACV/B~~,aAAcA,~~EACdY~~,aAAcS,~~EACdpB~~,WAAYA,~~EACZC~~,MAAiBsD,UAAAA,OAAAA,EAAUA,WAAC/C,IAC5BsC,UAAWtC,EACXgD,cAAexC,EACfyC,gBAAiBrD,~~EACjBP~~,OAAQA,QAOtB,~~EAEAF~~,~~EAAuB+D~~,~~aAAe,CACpCzD,MAAO,kBACPD,YAAY,EACZD,kBAAc4D,EACd9D,OAAQ,MAGVF,EAAuBiE,~~UAAY,~~CACjCzD~~,~~SAAU0D~~,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC9BjE,QAAS+D,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC7BhE,aAAc8D,EAAS,QAACG,~~IACxB9D~~,~~iBAAkB2D~~,EAAAA,QAAUI,KAAKF,~~WACjC9D~~,~~MAAO4D~~,EAAS,QAACK,~~OACjBlE~~,~~WAAY6D~~,EAAS,QAACM,KACtBtE,OAAQgE,EAAS,QAACK"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/AssetEditor/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { capitalize, get } from 'lodash';\nimport { Button } from '@material-ui/core';\n\nimport SingleAssetEditor from './SingleAssetEditor';\nimport AssetEditorAutocomplete from './AssetEditorAutocomplete';\n\nimport styles from './AssetEditors.css';\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\n\nconst AppSettingsAssetEditor = ({\n appKey = null,\n appType,\n defaultValue,\n isNullable = false,\n label = 'Choose An Asset',\n onSettingsChange,\n settings,\n}) => {\n const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n const isPrimarySelectAutocomplete = get(appType, ['primaryAsset', 'autocompleteSelect']);\n\n const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n const isSecondarySelectAutocomplete = get(appType, ['secondaryAsset', 'autocompleteSelect']);\n\n const currentValue = get(settings, primaryAssetIdType);\n\n const [primaryAssetId, setPrimaryAssetId] = useState(currentValue \|\| defaultValue);\n\n const [secondaryAssetId, setSecondaryAssetId] = useState(get(settings, secondaryAssetIdType));\n const [isSecondaryAssetButtonVisible, setIsSecondaryAssetButtonVisible] = useState(\n !!(secondaryAssetType && !secondaryAssetId)\n );\n\n const [isSecondaryAssetDropdownVisible, setIsSecondaryAssetDropdownVisible] = useState(\n !!(secondaryAssetType && secondaryAssetId)\n );\n\n const onSecondaryAssetIdChange = id => {\n setSecondaryAssetId(id);\n onSettingsChange({ [secondaryAssetIdType]: id });\n };\n\n const onPrimaryAssetChange = id => {\n setPrimaryAssetId(id);\n setSecondaryAssetId(null);\n setIsSecondaryAssetDropdownVisible(false);\n setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n const assetSetting = { [primaryAssetIdType]: id };\n if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n onSettingsChange(assetSetting);\n };\n\n const onDefaultAssetButtonClick = () => {\n setSecondaryAssetId(null);\n setIsSecondaryAssetDropdownVisible(false);\n setIsSecondaryAssetButtonVisible(!!secondaryAssetType);\n onSettingsChange({ [secondaryAssetIdType]: null });\n };\n\n return (\n <div className={styles.main}>\n <div className={styles.title}>Active Asset</div>\n\n <div className={styles.editor}>\n {isPrimarySelectAutocomplete ? (\n <AssetEditorAutocomplete\n appKey={appKey}\n assetType={primaryAssetType}\n currentValue={primaryAssetId}\n data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n defaultValue={defaultValue}\n disableClearable={!isNullable}\n isNullable={isNullable}\n label={label}\n onChange={onPrimaryAssetChange}\n />\n ) : (\n <SingleAssetEditor\n appKey={appKey}\n assetType={primaryAssetType}\n currentValue={primaryAssetId}\n data-testid={`${PAGE_NAME}_primaryAutoComplete`}\n defaultValue={defaultValue}\n isNullable={isNullable}\n label={label}\n onChange={onPrimaryAssetChange}\n />\n )}\n {isSecondaryAssetButtonVisible && (\n <Button\n data-testid={`${PAGE_NAME}_changeWellButton`}\n color=\"primary\"\n onClick={() => {\n setIsSecondaryAssetDropdownVisible(true);\n setIsSecondaryAssetButtonVisible(false);\n }}\n disabled={!currentValue}\n >\n {`Change ${capitalize(secondaryAssetType)}`}\n </Button>\n )}\n {!isSecondaryAssetButtonVisible && isSecondaryAssetDropdownVisible && (\n <Button\n data-testid={`${PAGE_NAME}_useDefaultButton`}\n color=\"secondary\"\n onClick={onDefaultAssetButtonClick}\n >\n Use active asset\n </Button>\n )}\n </div>\n {isSecondaryAssetDropdownVisible && (\n <div className={styles.editor}>\n {isSecondarySelectAutocomplete ? (\n <AssetEditorAutocomplete\n appKey={appKey}\n assetType={secondaryAssetType}\n currentValue={secondaryAssetId}\n data-testid={`${PAGE_NAME}_secondaryAssetEditorAutocomplete`}\n defaultValue={defaultValue}\n disableClearable={false}\n isNullable={isNullable}\n label={`Active ${capitalize(secondaryAssetType)}`}\n onChange={onSecondaryAssetIdChange}\n parentAssetId={primaryAssetId}\n parentAssetType={primaryAssetType}\n />\n ) : (\n <SingleAssetEditor\n data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n onChange={onSecondaryAssetIdChange}\n defaultValue={defaultValue}\n currentValue={secondaryAssetId}\n isNullable={isNullable}\n label={`Active ${capitalize(secondaryAssetType)}`}\n assetType={secondaryAssetType}\n parentAssetId={primaryAssetId}\n parentAssetType={primaryAssetType}\n appKey={appKey}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nAppSettingsAssetEditor.propTypes = {\n settings: PropTypes.shape({}).isRequired,\n appType: PropTypes.shape({}).isRequired,\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onSettingsChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n isNullable: PropTypes.bool,\n appKey: PropTypes.string,\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["PAGE_NAME","AppSettingsAssetEditor","_ref","_ref$appKey","appKey","appType","defaultValue","_ref$isNullable","isNullable","_ref$label","label","onSettingsChange","settings","primaryAssetType","get","primaryAssetIdType","isPrimarySelectAutocomplete","secondaryAssetType","secondaryAssetIdType","isSecondarySelectAutocomplete","currentValue","_useState","useState","_useState2","_slicedToArray","primaryAssetId","setPrimaryAssetId","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isSecondaryAssetButtonVisible","setIsSecondaryAssetButtonVisible","_useState8","_useState7","isSecondaryAssetDropdownVisible","setIsSecondaryAssetDropdownVisible","onSecondaryAssetIdChange","id","onPrimaryAssetChange","assetSetting","_defineProperty","_jsxs","className","styles","main","children","_jsx","jsx","title","jsxs","editor","AssetEditorAutocomplete","assetType","concat","disableClearable","onChange","SingleAssetEditor","Button","color","onClick","disabled","capitalize","parentAssetId","parentAssetType","propTypes","PropTypes","shape","isRequired","any","func","string","bool"],"mappings":"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"}

package/cjs-bundle/components/AssetEditorV2/components/MultipleAssetsToggle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("classnames"),i=require("@material-ui/core"),o=require("@material-ui/icons"),n=require("../../../componentsV2/Switch/Switch.js"),a=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),l=s(t),u=s(r),p=["isChecked","title","className"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}var m=i.makeStyles((function(e){var t=e.palette;return{root:{marginBottom:(0,e.spacing)(.75),width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}})),b=function(e){var t=e.isChecked,r=e.title,s=e.className,b=l.default(e,p),d=m();return a.jsx(n.Switch,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({className:u.default(d.root,s),size:"small",onLabel:a.jsxs("span",{className:d.title,children:[r,a.jsx(i.Tooltip,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:a.jsx(o.InfoOutlined,{fontSize:"small",className:d.infoIcon})})]}),checked:t},b))};b.defaultProps={title:"Multiple Assets"},module.exports=b;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("classnames"),i=require("@material-ui/core"),o=require("@material-ui/icons"),n=require("../../../componentsV2/Switch/Switch.js"),a=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),l=c(t),u=c(r),p=["isChecked","title","className"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}var m=i.makeStyles((function(e){var t=e.palette;return{root:{marginBottom:(0,e.spacing)(.75),width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}}));module.exports=function(e){var t=e.isChecked,r=e.title,c=void 0===r?"Multiple Assets":r,b=e.className,d=l.default(e,p),h=m();return a.jsx(n.Switch,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){s.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({className:u.default(h.root,b),size:"small",onLabel:a.jsxs("span",{className:h.title,children:[c,a.jsx(i.Tooltip,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:a.jsx(o.InfoOutlined,{fontSize:"small",className:h.infoIcon})})]}),checked:t},d))};
 //# sourceMappingURL=MultipleAssetsToggle.js.map

package/cjs-bundle/components/AssetEditorV2/components/MultipleAssetsToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport { Switch } from '~/componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n root: { marginBottom: spacing(0.75), width: 'fit-content' },\n title: { display: 'flex', alignItems: 'center' },\n infoIcon: {\n marginLeft: 4,\n color: palette.primary.text6,\n\n '&:hover': {\n color: palette.primary.contrastText,\n },\n },\n}));\n\nconst MultipleAssetsToggle = ({ isChecked, title, className, ...props }) => {\n const styles = useStyles();\n\n return (\n <Switch\n className={classNames(styles.root, className)}\n size=\"small\"\n onLabel={\n <span className={styles.title}>\n {title}\n <Tooltip\n title=\"A separate app will be placed on the dashboard for each asset chosen\"\n placement=\"bottom-start\"\n >\n <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n </Tooltip>\n </span>\n }\n checked={isChecked}\n {...props}\n />\n );\n};\n\~~nMultipleAssetsToggle.defaultProps = {\n title: 'Multiple Assets',\n};\n\~~nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","~~MultipleAssetsToggle~~","~~_ref2~~","~~isChecked~~","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","jsxs","children","jsx","Tooltip","placement","InfoIcon","fontSize","checked"~~,"defaultProps"~~],"mappings":"6oBAMA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,~~IAEKC~~,~~EAAuB~~,~~SAA+CC,~~GAAA,~~IAA5CC~~,IAAAA,~~UAAWX~~,~~IAAAA~~,~~MAAOY~~,IAAAA,UAAcC,EAAKC,EAAA,~~QAAAJ~~,~~EAAAK~~,~~GAC7DC~~,EAASxB,IAEf,OACEyB,MAACC,EAAMA,8WAAAC,CAAA,CACLP,UAAWQ,EAAU,QAACJ,EAAOpB,KAAMgB,GACnCS,KAAK,QACLC,QACEC,EAAAC,KAAA,OAAA,CAAMZ,UAAWI,EAAOhB,MAAMyB,SAC3BzB,CAAAA,EACDiB,EAAAS,IAACC,UAAO,CACN3B,MAAM,uEACN4B,UAAU,eAAcH,SAExBR,MAACY,eAAQ,CAACC,SAAS,QAAQlB,UAAWI,EAAOb,gBAInD4B,~~QAASpB~~,~~GACLE~~,GAGV~~,EAEAJ,EAAqBuB,aAAe,CAClChC,MAAO~~"}
1	+ {"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport { Switch } from '~/componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n root: { marginBottom: spacing(0.75), width: 'fit-content' },\n title: { display: 'flex', alignItems: 'center' },\n infoIcon: {\n marginLeft: 4,\n color: palette.primary.text6,\n\n '&:hover': {\n color: palette.primary.contrastText,\n },\n },\n}));\n\nconst MultipleAssetsToggle = ({ isChecked, title = 'Multiple Assets', className, ...props }) => {\n const styles = useStyles();\n\n return (\n <Switch\n className={classNames(styles.root, className)}\n size=\"small\"\n onLabel={\n <span className={styles.title}>\n {title}\n <Tooltip\n title=\"A separate app will be placed on the dashboard for each asset chosen\"\n placement=\"bottom-start\"\n >\n <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n </Tooltip>\n </span>\n }\n checked={isChecked}\n {...props}\n />\n );\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","_ref2","isChecked","_ref2$title","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","jsxs","children","jsx","Tooltip","placement","InfoIcon","fontSize","checked"],"mappings":"6oBAMA,IAAMA,EAAYC,EAAAA,YAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,mBAE4B,SAAmEC,GAAA,IAAhEC,IAAAA,UAASC,EAAAF,EAAET,MAAAA,aAAQ,kBAAiBW,EAAEC,IAAAA,UAAcC,EAAKC,EAAA,QAAAL,EAAAM,GACjFC,EAASxB,IAEf,OACEyB,MAACC,EAAMA,8WAAAC,CAAA,CACLP,UAAWQ,EAAU,QAACJ,EAAOpB,KAAMgB,GACnCS,KAAK,QACLC,QACEC,EAAAC,KAAA,OAAA,CAAMZ,UAAWI,EAAOhB,MAAMyB,SAC3BzB,CAAAA,EACDiB,EAAAS,IAACC,UAAO,CACN3B,MAAM,uEACN4B,UAAU,eAAcH,SAExBR,MAACY,eAAQ,CAACC,SAAS,QAAQlB,UAAWI,EAAOb,gBAInD4B,QAASrB,GACLG,GAGV"}

package/cjs-bundle/components/AssetEditorV2/components/PrimaryAssetSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("prop-types"),r=require("react"),s=require("lodash"),a=require("@material-ui/core"),n=require("../../Search/Search.js");require("../../Search/components/Listbox.js"),require("../../Search/components/Paper.js"),require("../../Search/components/RecentSearches.js");var o=require("../../Search/components/InputAdornmentLeft.js"),i=require("../../Search/components/Groups.js");require("../../Search/components/SelectAllListItem.js");var u=require("../effects/index.js"),l=require("../constants.js"),p=require("../utils/index.js"),c=require("./SelectItem.js"),d=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=h(e),g=h(t),f=a.makeStyles({paper:{boxShadow:"0px 3px 10px 0px #00000066"},listbox:{maxHeight:210,"& .MuiAutocomplete-option":{padding:"0px 0px 0px 16px"}},option:{padding:"6px 0","&:hover":{backgroundColor:"initial"}},groupChip:{height:32,padding:0},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),A=function(e){var t=e["data-testid"],h=e.appKey,g=e.assetFields,A=e.assetType,C=e.company,S=e.currentOption,b=e.currentValue,x=e.defaultValue,q=e.disableClearable,v=e.disabled,I=e.groups,j=e.isNullable,y=e.isRequiredAssetId,T=e.isSecondaryAssetPresent,P=e.label,R=e.multiple,G=e.onActiveAssetIdChange,O=e.onChange,V=e.onGroupChange,F=e.onGroupReset,N=e.onInputReset,k=e.placeholder,L=e.selectedGroup,_=e.setCurrentOption,E=r.useState(""),D=m.default(E,2),H=D[0],K=D[1],M=p.getSearchPlaceholder(A,T),U=f(),w=u.usePrimaryAssetSelectData({appKey:h,assetType:A,company:C,groups:I,isRequiredAssetId:y,assetFields:g,selectedGroup:L,currentValue:b,setCurrentOption:_,onActiveAssetIdChange:G}),z=w.assets,B=w.loading,W=r.useCallback(s.debounce((function(e){K(e)}),200),[]);return d.jsx(n.Search,{classes:{paper:U.paper,listbox:U.listbox,groupChip:U.groupChip},defaultValue:x,disableClearable:q,disabled:v,isNullable:j,loading:B,onGroupChange:V,onGroupReset:F,placeholder:k||M,selectedGroup:L,onChange:function(e,t){O(t)},"data-testid":t,multiple:R,onInputChange:W,onInputReset:function(){N(),_(null)},TextFieldProps:{label:P,value:H,endAdornment:(null==S?void 0:S.status)===l.ACTIVE_STATUS&&d.jsx(a.Chip,{"data-not-migrated-muichip":!0,className:U.activeChip,label:"Active"})},isHiddenAllOption:!0,value:S,options:z,renderCustomOption:function(e,r){var s=e.status,a=e.name,n=e.id,o=r.selected;return d.jsx(c,{className:U.option,assetName:a,multiple:R,selected:o,value:n,status:s&&l.ACTIVE_STATUS,"data-testid":"".concat(t,"_option_").concat(a,"MenuItem")},n)},getOptionLabel:function(e){return e.name||""},GroupsComponent:i,groups:I,InputProps:{startAdornment:d.jsx(o,{})}})};A.propTypes={assetFields:g.default.array,isSecondaryAssetPresent:g.default.bool,"data-testid":g.default.string,onInputReset:g.default.func,onActiveAssetIdChange:g.default.func,placeholder:g.default.string},A.defaultProps={assetFields:[],isSecondaryAssetPresent:!0,"data-testid":"PrimaryAssetEditorAutocomplete",onInputReset:function(){},onActiveAssetIdChange:function(){},placeholder:null},module.exports=A;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("prop-types"),r=require("react"),a=require("lodash"),s=require("@material-ui/core"),o=require("../../Search/Search.js");require("../../Search/components/Listbox.js"),require("../../Search/components/Paper.js"),require("../../Search/components/RecentSearches.js");var n=require("../../Search/components/InputAdornmentLeft.js"),i=require("../../Search/components/Groups.js");require("../../Search/components/SelectAllListItem.js");var u=require("../effects/index.js"),l=require("../constants.js"),p=require("../utils/index.js"),d=require("./SelectItem.js"),c=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=h(e),g=h(t),f=s.makeStyles({paper:{boxShadow:"0px 3px 10px 0px #00000066"},listbox:{maxHeight:210,"& .MuiAutocomplete-option":{padding:"0px 0px 0px 16px"}},option:{padding:"6px 0","&:hover":{backgroundColor:"initial"}},groupChip:{height:32,padding:0},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),b=function(e){var t=e["data-testid"],h=void 0===t?"PrimaryAssetEditorAutocomplete":t,g=e.appKey,b=e.assetFields,S=void 0===b?x:b,v=e.assetType,q=e.company,j=e.currentOption,y=e.currentValue,I=e.defaultValue,T=e.disableClearable,G=e.disabled,R=e.groups,P=e.isNullable,O=e.isRequiredAssetId,V=e.isSecondaryAssetPresent,N=void 0===V||V,k=e.label,F=e.multiple,L=e.onActiveAssetIdChange,_=void 0===L?C:L,E=e.onChange,D=e.onGroupChange,H=e.onGroupReset,K=e.onInputReset,M=void 0===K?A:K,U=e.placeholder,w=void 0===U?null:U,z=e.selectedGroup,B=e.setCurrentOption,W=r.useState(""),J=m.default(W,2),Q=J[0],X=J[1],Y=p.getSearchPlaceholder(v,N),Z=f(),$=u.usePrimaryAssetSelectData({appKey:g,assetType:v,company:q,groups:R,isRequiredAssetId:O,assetFields:S,selectedGroup:z,currentValue:y,setCurrentOption:B,onActiveAssetIdChange:_}),ee=$.assets,te=$.loading,re=r.useCallback(a.debounce((function(e){X(e)}),200),[]);return c.jsx(o.Search,{classes:{paper:Z.paper,listbox:Z.listbox,groupChip:Z.groupChip},defaultValue:I,disableClearable:T,disabled:G,isNullable:P,loading:te,onGroupChange:D,onGroupReset:H,placeholder:w||Y,selectedGroup:z,onChange:function(e,t){E(t)},"data-testid":h,multiple:F,onInputChange:re,onInputReset:function(){M(),B(null)},TextFieldProps:{label:k,value:Q,endAdornment:(null==j?void 0:j.status)===l.ACTIVE_STATUS&&c.jsx(s.Chip,{"data-not-migrated-muichip":!0,className:Z.activeChip,label:"Active"})},isHiddenAllOption:!0,value:j,options:ee,renderCustomOption:function(e,t){var r=e.status,a=e.name,s=e.id,o=t.selected;return c.jsx(d,{className:Z.option,assetName:a,multiple:F,selected:o,value:s,status:r&&l.ACTIVE_STATUS,"data-testid":"".concat(h,"_option_").concat(a,"MenuItem")},s)},getOptionLabel:function(e){return e.name||""},GroupsComponent:i,groups:R,InputProps:{startAdornment:c.jsx(n,{})}})};b.propTypes={assetFields:g.default.array,isSecondaryAssetPresent:g.default.bool,"data-testid":g.default.string,onInputReset:g.default.func,onActiveAssetIdChange:g.default.func,placeholder:g.default.string};var x=[],A=function(){},C=function(){};module.exports=b;
 //# sourceMappingURL=PrimaryAssetSelect.js.map

package/cjs-bundle/components/AssetEditorV2/components/PrimaryAssetSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrimaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useState } from 'react';\nimport { debounce } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nconst useStyles = makeStyles({\n paper: {\n boxShadow: '0px 3px 10px 0px #00000066',\n },\n listbox: {\n maxHeight: 210,\n '& .MuiAutocomplete-option': {\n padding: '0px 0px 0px 16px',\n },\n },\n option: {\n padding: '6px 0',\n '&:hover': {\n backgroundColor: 'initial',\n },\n },\n groupChip: {\n height: 32,\n padding: 0,\n },\n activeChip: {\n fontWeight: 500,\n backgroundColor: '#75DB29',\n color: '#212121',\n fontSize: 10,\n cursor: 'pointer',\n height: 12,\n textTransform: 'uppercase',\n marginRight: 12,\n letterSpacing: 1,\n },\n});\n\nconst PrimaryAssetSelect = ({\n 'data-testid': PAGE_NAME,\n appKey,\n assetFields,\n assetType,\n company,\n currentOption,\n currentValue,\n defaultValue,\n disableClearable,\n disabled,\n groups,\n isNullable,\n isRequiredAssetId,\n isSecondaryAssetPresent,\n label,\n multiple,\n onActiveAssetIdChange,\n onChange,\n onGroupChange,\n onGroupReset,\n onInputReset,\n placeholder,\n selectedGroup,\n setCurrentOption,\n}) => {\n const [searchValue, setSearchValue] = useState('');\n\n const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n const styles = useStyles();\n\n const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n appKey,\n assetType,\n company,\n groups,\n isRequiredAssetId,\n assetFields,\n selectedGroup,\n currentValue,\n setCurrentOption,\n onActiveAssetIdChange,\n });\n\n const onInputChange = useCallback(\n debounce(value => {\n setSearchValue(value);\n }, 200),\n []\n );\n\n const renderOption = ({ status, name, id }, { selected }) => {\n return (\n <SelectItem\n className={styles.option}\n assetName={name}\n key={id}\n multiple={multiple}\n selected={selected}\n value={id}\n status={status && ACTIVE_STATUS}\n data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n />\n );\n };\n\n return (\n <Search\n classes={{\n paper: styles.paper,\n listbox: styles.listbox,\n groupChip: styles.groupChip,\n }}\n defaultValue={defaultValue}\n disableClearable={disableClearable}\n disabled={disabled}\n isNullable={isNullable}\n loading={isLoading}\n onGroupChange={onGroupChange}\n onGroupReset={onGroupReset}\n placeholder={placeholder \|\| searchPlaceholder}\n selectedGroup={selectedGroup}\n onChange={(event, selected) => {\n onChange(selected);\n }}\n data-testid={PAGE_NAME}\n multiple={multiple}\n onInputChange={onInputChange}\n onInputReset={() => {\n onInputReset();\n setCurrentOption(null);\n }}\n TextFieldProps={{\n label,\n value: searchValue,\n endAdornment: currentOption?.status === ACTIVE_STATUS && (\n <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n ),\n }}\n isHiddenAllOption\n value={currentOption}\n options={assets}\n renderCustomOption={renderOption}\n getOptionLabel={option => option.name \|\| ''}\n GroupsComponent={Groups}\n groups={groups}\n InputProps={{\n startAdornment: <InputAdornmentLeft />,\n }}\n />\n );\n};\n\nPrimaryAssetSelect.propTypes = {\n assetFields: PropTypes.array,\n isSecondaryAssetPresent: PropTypes.bool,\n 'data-testid': PropTypes.string,\n onInputReset: PropTypes.func,\n onActiveAssetIdChange: PropTypes.func,\n placeholder: PropTypes.string,\n};\n\~~nPrimaryAssetSelect.defaultProps~~ = ~~{\n assetFields:~~ []~~,\n isSecondaryAssetPresent:~~ ~~true,\n 'data-testid':~~ ~~'PrimaryAssetEditorAutocomplete',\n onInputReset:~~ () => {}~~,\n onActiveAssetIdChange:~~ () => {}~~,\n placeholder: null,\n}~~;\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","PAGE_NAME","appKey","assetFields","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isNullable","isRequiredAssetId","isSecondaryAssetPresent","label","multiple","onActiveAssetIdChange","onChange","onGroupChange","onGroupReset","onInputReset","placeholder","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","onInputChange","useCallback","debounce","value","_jsx","Search","classes","event","selected","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","array","bool","string","func"~~,"defaultProps"~~],"mappings":"ivBAaMA,EAAYC,EAAAA,WAAW,CAC3BC,MAAO,CACLC,UAAW,8BAEbC,QAAS,CACPC,UAAW,IACX,4BAA6B,CAC3BC,QAAS,qBAGbC,OAAQ,CACND,QAAS,QACT,UAAW,CACTE,gBAAiB,YAGrBC,UAAW,CACTC,OAAQ,GACRJ,QAAS,GAEXK,WAAY,CACVC,WAAY,IACZJ,gBAAiB,UACjBK,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRL,OAAQ,GACRM,cAAe,YACfC,YAAa,GACbC,cAAe,KAIbC,EAAqB,SAyBrBC,GAAA,~~IAxBWC~~,~~IAAf~~,~~eACAC~~,~~IAAAA~~,~~OACAC~~,IAAAA,~~YACAC~~,IAAAA,UACAC,IAAAA,QACAC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,~~kBACAC~~,~~IAAAA~~,~~wBACAC~~,IAAAA,MACAC,IAAAA,~~SACAC~~,~~IAAAA~~,~~sBACAC~~,IAAAA,SACAC,IAAAA,cACAC,IAAAA,~~aACAC~~,~~IAAAA~~,~~aACAC~~,~~IAAAA~~,~~YACAC~~,IAAAA,cACAC,IAAAA,iBAEsCC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA3CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAoBC,EAAAA,~~qBAAqB5B~~,~~EAAWU~~,~~GACpDmB~~,~~EAASrD~~,~~IAEfsD~~,EAAuCC,EAAAA,0BAA0B,CAC/~~DjC~~,OAAAA,~~EACAE~~,UAAAA,EACAC,QAAAA,EACAM,OAAAA,EACAE,kBAAAA,~~EACAV~~,YAAAA,~~EACAoB~~,cAAAA,~~EACAhB~~,aAAAA,~~EACAiB~~,iBAAAA,~~EACAP~~,sBAAAA,~~IAVMmB~~,~~IAAAA~~,OAAiBC,~~IAATC~~,QAaVC,~~EAAgBC~~,EAAAA,YACpBC,EAAQA,UAAC,SAAAC,GACPZ,EAAeY,EACjB,GAAG,KACH,IAkBF,OACEC,EAAAA,IAACC,EAAAA,OAAM,CACLC,QAAS,~~CACP/D~~,~~MAAOmD~~,~~EAAOnD~~,MACdE,~~QAASiD~~,~~EAAOjD~~,QAChBK,~~UAAW4C~~,~~EAAO5C~~,~~WAEpBmB~~,aAAcA,EACdC,iBAAkBA,EAClBC,SAAUA,EACVE,WAAYA,~~EACZ0B~~,QAASD,~~EACTlB~~,cAAeA,EACfC,aAAcA,~~EACdE~~,YAAaA,GAAeS,EAC5BR,cAAeA,~~EACfL~~,SAAU,~~SAAC4B~~,EAAOC,~~GAChB7B~~,~~EAAS6B~~,EACT,EACF,~~cAAa9C~~,~~EACbe~~,SAAUA,~~EACVuB~~,cAAeA,~~EACflB~~,aAAc,WACZA,~~IACAG~~,EAAiB,KACjB,EACFwB,eAAgB,~~CACdjC~~,MAAAA,~~EACA2B~~,MAAOb,EACPoB,~~cAAc3C~~,aAAa,EAAbA,~~EAAe4C~~,UAAWC,iBACtCR,EAAAA,IAACS,EAAAA,KAAI,CAAC,6BAAyB,EAACC,UAAWpB,~~EAAO1C~~,~~WAAYwB~~,MAAM,~~YAGxEuC~~,mBAAiB,EACjBZ,~~MAAOpC~~,~~EACPiD~~,QAASnB,~~EACToB~~,mBAnDiB,SAAwCC,EAAAC,GAAA,IAArCR,IAAAA,OAAQS,IAAAA,KAAMC,IAAAA,GAAQb,IAAAA,SAC5C,OACEJ,EAAAA,IAACkB,EAAU,CACTR,UAAWpB,~~EAAO9C~~,~~OAClB2E~~,UAAWH,~~EAEX3C~~,SAAUA,~~EACV+B~~,SAAUA,EACVL,MAAOkB,EACPV,OAAQA,GAAUC,EAAcA,cAChC,~~cAAgBlD~~,GAAAA,OAAAA,~~qBAAoB0D~~,EAAI,aALnCC,IA+CPG,eAAgB,~~SAAA5E~~,GAAM,OAAIA,~~EAAOwE~~,MAAQ,EAAG,EAC5CK,gBAAiBC,~~EACjBtD~~,OAAQA,~~EACRuD~~,WAAY,CACVC,eAAgBxB,EAAAA,IAACyB,EAAkB,MAI3C,~~EAEArE~~,~~EAAmBsE~~,UAAY,~~CAC7BlE~~,~~YAAamE~~,EAAS,QAACC,~~MACvBzD~~,~~wBAAyBwD~~,EAAS,QAACE,KACnC,cAAeF,EAAS,QAACG,~~OACzBpD~~,~~aAAciD~~,EAAS,QAACI,~~KACxBzD~~,~~sBAAuBqD~~,EAAS,QAACI,KACjCpD,YAAagD,EAAS,QAACG,~~QAGzB1E~~,~~EAAmB4E~~,~~aAAe~~,~~CAChCxE~~,~~YAAa~~,~~GACbW~~,~~yBAAyB~~,~~EACzB,cAAe,iCACfO,aAAc,~~WAAQ~~,EACtBJ,sBAAuB,WAAQ,EAC/BK,YAAa~~"}
1	+ {"version":3,"file":"PrimaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useState } from 'react';\nimport { debounce } from 'lodash';\nimport { Chip, makeStyles } from '@material-ui/core';\n\nimport Search from '../../Search/Search';\nimport { Groups, InputAdornmentLeft } from '../../Search/components';\nimport { usePrimaryAssetSelectData } from '../effects';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nconst useStyles = makeStyles({\n paper: {\n boxShadow: '0px 3px 10px 0px #00000066',\n },\n listbox: {\n maxHeight: 210,\n '& .MuiAutocomplete-option': {\n padding: '0px 0px 0px 16px',\n },\n },\n option: {\n padding: '6px 0',\n '&:hover': {\n backgroundColor: 'initial',\n },\n },\n groupChip: {\n height: 32,\n padding: 0,\n },\n activeChip: {\n fontWeight: 500,\n backgroundColor: '#75DB29',\n color: '#212121',\n fontSize: 10,\n cursor: 'pointer',\n height: 12,\n textTransform: 'uppercase',\n marginRight: 12,\n letterSpacing: 1,\n },\n});\n\nconst PrimaryAssetSelect = ({\n 'data-testid': PAGE_NAME = 'PrimaryAssetEditorAutocomplete',\n appKey,\n assetFields = DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS,\n assetType,\n company,\n currentOption,\n currentValue,\n defaultValue,\n disableClearable,\n disabled,\n groups,\n isNullable,\n isRequiredAssetId,\n isSecondaryAssetPresent = true,\n label,\n multiple,\n onActiveAssetIdChange = DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE,\n onChange,\n onGroupChange,\n onGroupReset,\n onInputReset = DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET,\n placeholder = null,\n selectedGroup,\n setCurrentOption,\n}) => {\n const [searchValue, setSearchValue] = useState('');\n\n const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n const styles = useStyles();\n\n const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n appKey,\n assetType,\n company,\n groups,\n isRequiredAssetId,\n assetFields,\n selectedGroup,\n currentValue,\n setCurrentOption,\n onActiveAssetIdChange,\n });\n\n const onInputChange = useCallback(\n debounce(value => {\n setSearchValue(value);\n }, 200),\n []\n );\n\n const renderOption = ({ status, name, id }, { selected }) => {\n return (\n <SelectItem\n className={styles.option}\n assetName={name}\n key={id}\n multiple={multiple}\n selected={selected}\n value={id}\n status={status && ACTIVE_STATUS}\n data-testid={`${PAGE_NAME}_option_${name}MenuItem`}\n />\n );\n };\n\n return (\n <Search\n classes={{\n paper: styles.paper,\n listbox: styles.listbox,\n groupChip: styles.groupChip,\n }}\n defaultValue={defaultValue}\n disableClearable={disableClearable}\n disabled={disabled}\n isNullable={isNullable}\n loading={isLoading}\n onGroupChange={onGroupChange}\n onGroupReset={onGroupReset}\n placeholder={placeholder \|\| searchPlaceholder}\n selectedGroup={selectedGroup}\n onChange={(event, selected) => {\n onChange(selected);\n }}\n data-testid={PAGE_NAME}\n multiple={multiple}\n onInputChange={onInputChange}\n onInputReset={() => {\n onInputReset();\n setCurrentOption(null);\n }}\n TextFieldProps={{\n label,\n value: searchValue,\n endAdornment: currentOption?.status === ACTIVE_STATUS && (\n <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n ),\n }}\n isHiddenAllOption\n value={currentOption}\n options={assets}\n renderCustomOption={renderOption}\n getOptionLabel={option => option.name \|\| ''}\n GroupsComponent={Groups}\n groups={groups}\n InputProps={{\n startAdornment: <InputAdornmentLeft />,\n }}\n />\n );\n};\n\nPrimaryAssetSelect.propTypes = {\n assetFields: PropTypes.array,\n isSecondaryAssetPresent: PropTypes.bool,\n 'data-testid': PropTypes.string,\n onInputReset: PropTypes.func,\n onActiveAssetIdChange: PropTypes.func,\n placeholder: PropTypes.string,\n};\n\nconst DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS = [];\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET = () => {};\nconst DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE = () => {};\n\nexport default PrimaryAssetSelect;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","PrimaryAssetSelect","_ref","_ref$dataTestid","PAGE_NAME","appKey","_ref$assetFields","assetFields","DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","label","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","DEFAULT_PRIMARY_ASSET_SELECT_ON_ACTIVE_ASSET_ID_CHANGE","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","DEFAULT_PRIMARY_ASSET_SELECT_ON_INPUT_RESET","_ref$placeholder","placeholder","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","onInputChange","useCallback","debounce","value","_jsx","Search","classes","event","selected","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","array","bool","string","func"],"mappings":"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"}