@corva/ui 3.77.0-2 → 3.77.0-21

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js"],"sourcesContent":["import { memo, useState, useRef } from 'react';\nimport { number, shape, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, flowRight } from 'lodash';\nimport moment from 'moment';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n});\n\nconst AddAnnotationForm = ({\n  appId,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser = DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER,\n  classes,\n  location,\n  dashboardType = null,\n}) => {\n  const dispatch = useAnnotationsDispatch();\n\n  const [inputIsOpen, setInputIsOpen] = useState(false);\n\n  const containerRef = useRef(null);\n  useOutsideClick(containerRef, () => {\n    setInputIsOpen(false);\n  });\n\n  const handlePost = async (body, period, attachment) => {\n    try {\n      const annotation = {\n        app_id: appId,\n        asset_id: assetId,\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n        settings: appSettings,\n      };\n      const options = {};\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      const queryTime = get(location, 'query.time');\n      if (queryTime) annotation.data_timestamp = moment(queryTime).format();\n\n      const newAnnotation = await postAnnotation(annotation, options);\n      dispatch({ type: ADD_ANNOTATION, annotation: newAnnotation });\n    } catch (e) {\n      showErrorNotification('Error during annotation creation');\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been added');\n    setInputIsOpen(false);\n  };\n\n  return (\n    <div className={styles.cAddAnnotationFormInput}>\n      <Avatar\n        displayName={`${currentUser.first_name} ${currentUser.last_name}`}\n        imgSrc={currentUser.profile_photo}\n        size={36}\n      />\n      <div\n        className={classNames(styles.cAddAnnotationFormInputPaper, {\n          [styles.cAddAnnotationFormInputPaperOpened]: inputIsOpen,\n          [styles.cAddAnnotationFormInputPaperClosed]: !inputIsOpen,\n        })}\n      >\n        <Fade in={!inputIsOpen} timeout={500}>\n          <Paper className={styles.cAddAnnotationFormInputPaperLabel}>\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_collapsedInput`}\n              className={classes.inputLabel}\n              onClick={() => setInputIsOpen(true)}\n            >\n              {ANNOTATION_PLACEHOLDER}\n            </Typography>\n          </Paper>\n        </Fade>\n        <Fade in={inputIsOpen} timeout={100}>\n          <div className={styles.cAddAnnotationFormInputPaperAddAnnotation}>\n            {inputIsOpen && (\n              <AnnotationInput\n                onSend={handlePost}\n                assetCompanyId={assetCompanyId}\n                currentUser={currentUser}\n              />\n            )}\n          </div>\n        </Fade>\n      </div>\n    </div>\n  );\n};\n\nAddAnnotationForm.propTypes = {\n  appId: number.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape().isRequired,\n  currentUser: shape({}),\n  classes: shape().isRequired,\n  location: shape().isRequired,\n  dashboardType: string,\n};\n\nconst DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER = {};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n  memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","_ref$currentUser","currentUser","DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER","classes","location","_ref$dashboardType","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","jsxs","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","jsx","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js"],"sourcesContent":["import { memo, useState, useRef } from 'react';\nimport { number, shape, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, flowRight } from 'lodash';\nimport moment from 'moment';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n});\n\nconst AddAnnotationForm = ({\n  appId,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser = DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER,\n  classes,\n  location,\n  dashboardType = null,\n}) => {\n  const dispatch = useAnnotationsDispatch();\n\n  const [inputIsOpen, setInputIsOpen] = useState(false);\n\n  const containerRef = useRef(null);\n  useOutsideClick(containerRef, () => {\n    setInputIsOpen(false);\n  });\n\n  const handlePost = async (body, period, attachment) => {\n    try {\n      const annotation = {\n        app_id: appId,\n        asset_id: assetId,\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n        settings: appSettings,\n      };\n      const options = {};\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      const queryTime = get(location, 'query.time');\n      if (queryTime) annotation.data_timestamp = moment(queryTime).format();\n\n      const newAnnotation = await postAnnotation(annotation, options);\n      dispatch({ type: ADD_ANNOTATION, annotation: newAnnotation });\n    } catch (e) {\n      showErrorNotification('Error during annotation creation');\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been added');\n    setInputIsOpen(false);\n  };\n\n  return (\n    <div className={styles.cAddAnnotationFormInput}>\n      <Avatar\n        displayName={`${currentUser.first_name} ${currentUser.last_name}`}\n        imgSrc={currentUser.profile_photo}\n        size={36}\n      />\n      <div\n        className={classNames(styles.cAddAnnotationFormInputPaper, {\n          [styles.cAddAnnotationFormInputPaperOpened]: inputIsOpen,\n          [styles.cAddAnnotationFormInputPaperClosed]: !inputIsOpen,\n        })}\n      >\n        <Fade in={!inputIsOpen} timeout={500}>\n          <Paper className={styles.cAddAnnotationFormInputPaperLabel}>\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_collapsedInput`}\n              className={classes.inputLabel}\n              onClick={() => setInputIsOpen(true)}\n            >\n              {ANNOTATION_PLACEHOLDER}\n            </Typography>\n          </Paper>\n        </Fade>\n        <Fade in={inputIsOpen} timeout={100}>\n          <div className={styles.cAddAnnotationFormInputPaperAddAnnotation}>\n            {inputIsOpen && (\n              <AnnotationInput\n                onSend={handlePost}\n                assetCompanyId={assetCompanyId}\n                currentUser={currentUser}\n              />\n            )}\n          </div>\n        </Fade>\n      </div>\n    </div>\n  );\n};\n\nAddAnnotationForm.propTypes = {\n  appId: number.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape().isRequired,\n  currentUser: shape({}),\n  classes: shape().isRequired,\n  location: shape().isRequired,\n  dashboardType: string,\n};\n\nconst DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER = {};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n  memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","_ref$currentUser","currentUser","DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER","classes","location","_ref$dashboardType","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","jsxs","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","jsx","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"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"}

package/cjs-bundle/components/Annotations/components/AnnotationsList/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),s=require("react"),r=require("prop-types"),i=require("classnames"),o=require("@material-ui/core/styles"),u=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeft"),d=require("../../../../clients/jsonApi/index.js"),l=require("../../AnnotationsContext.js"),p=require("../../constants.js"),h=require("./components/AddAnnotationForm/index.js"),m=require("./components/Annotation/index.js"),f=require("./style.css.js");require("../../../../utils/index.js");var y=require("../../../../utils/mobileDetect.js"),b=require("../../../InfiniteList/index.js"),q=require("../../../../effects/useOutsideClick.js"),x=require("react/jsx-runtime"),A=require("../../../../utils/notificationToasts.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=g(e),T=g(t),v=g(n),N=g(a),I=g(i),C=g(c),S="AppAnnotationsPo",R=function(e){var t,n=e.appId,a=e.appTitle,r=e.assetId,i=e.assetCompanyId,o=e.appSettings,c=void 0===o?_:o,y=e.currentUser,g=e.onClose,R=e.isNative,k=void 0===R?L:R,w=e.classes,O=e.dashboardType,P=void 0===O?null:O,D=l.useAnnotationsState().annotations,E=l.useAnnotationsDispatch(),F=s.useRef(),H=s.useRef();q(F,g);var U=s.useState(!1),B=v.default(U,2),W=B[0],G=B[1],M=s.useState(!0),z=v.default(M,2),J=z[0],K=z[1],Q=s.useState(!0),V=v.default(Q,2),X=V[0],Y=V[1],Z=s.useState(1),$=v.default(Z,2),ee=$[0],te=$[1];function ne(){return(ne=T.default(N.default.mark((function e(){var t,a,s;return N.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n&&r){e.next=2;break}return e.abrupt("return");case 2:return K(!0),e.prev=3,a={page:ee,per_page:4,sort:"created_at",order:"desc"},P&&(a.dashboard_type=P),e.next=8,d.getAnnotations(n,r,a);case 8:t=e.sent,E({type:1===ee?p.SET_ANNOTATIONS:p.APPEND_ANNOTATIONS,annotations:t}),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(3),console.error(e.t0);case 15:s=t&&t.data.length<4,te(ee+1),Y(!s),K(!1);case 19:case"end":return e.stop()}}),e,null,[[3,12]])})))).apply(this,arguments)}return s.useEffect((function(){G(!0)}),[]),x.jsx(u.RootRef,{rootRef:F,children:x.jsxs(u.Paper,{className:I.default(f.cAnnotationsList,(t={},j.default(t,f.cAnnotationsListOpen,W),j.default(t,f.cAnnotationsListOpenNative,k),t)),children:[x.jsx(b,{infiniteClassName:f.cAnnotationsListContentContainer,headerComponent:x.jsxs(x.Fragment,{children:[x.jsx(u.Typography,{"data-testid":"".concat(S,"_appTitle"),variant:"body1",className:w.title,children:a}),x.jsx("div",{className:f.cAnnotationsListContentTop,children:x.jsxs(u.Typography,{"data-testid":"".concat(S,"_annotationsTitle"),variant:"caption",className:w.secondaryTitle,children:["Annotations (",D.data?D.data.length:0,")"]})}),x.jsx(h,{appId:n,assetId:r,assetCompanyId:i,appSettings:c,currentUser:y,dashboardType:P})]}),useWindow:k,items:D.data||[],showNoItemsFound:!(D.data&&0!==D.data.length||J),noItemsFoundLabel:x.jsx(u.Typography,{variant:"body2","data-testid":"".concat(S,"_noAnnotations"),className:w.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:F.current&&H.current?F.current.clientHeight-H.current.clientHeight:null,moreItemsMayExist:X,pathToCreatedAt:["attributes","created_at"],renderItem:function(e){return x.jsx(m,{isNative:k,annotation:e,assetCompanyId:i,included:D.included,currentUser:y,showSuccessNotification:A.showSuccessNotification},e.id)},loadItems:function(){return ne.apply(this,arguments)}}),x.jsx("div",{className:f.cAnnotationsListActions,ref:H,children:x.jsx(u.Tooltip,{title:"Hide",placement:"bottom",children:x.jsx(u.IconButton,{"data-testid":"".concat(S,"_hideButton"),onClick:g,className:w.backIcon,children:x.jsx(C.default,{})})})})]})})};R.propTypes={appId:r.number.isRequired,appTitle:r.string.isRequired,assetId:r.number.isRequired,assetCompanyId:r.number.isRequired,appSettings:r.shape(),classes:r.shape().isRequired,onClose:r.func.isRequired,currentUser:r.shape({}).isRequired,isNative:r.bool,dashboardType:r.string};var _={},L=y.isNativeDetected,k=o.withStyles((function(e){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:e.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:e.palette.grey[600],padding:5}}}))(s.memo(R));module.exports=k;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/regenerator"),n=require("react"),i=require("prop-types"),a=require("classnames"),o=require("@material-ui/core/styles"),u=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeft"),l=require("../../../../clients/jsonApi/index.js"),d=require("../../AnnotationsContext.js"),p=require("../../constants.js"),q=require("./components/AddAnnotationForm/index.js"),m=require("./components/Annotation/index.js"),h=require("./style.css.js");require("../../../UserMention/utils/index.js"),require("../../../../utils/convert.js"),require("../../../../constants/completion.js"),require("moment"),require("../../../../constants/alerts.js"),require("../../../../utils/casing/validation.js"),require("lodash/mean"),require("lodash"),require("../../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),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"),require("../../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../../utils/ga.js"),require("../../../../utils/goalsConfig/goalsConfig.js"),require("../../../../utils/lasParser.js"),require("../../../../utils/main.js"),require("../../../../utils/metrics/metricsConfig.js");var j=require("../../../../utils/mobileDetect.js");require("../../../../utils/feed.js"),require("../../../../utils/reports.js"),require("moment-timezone");var f=require("../../../../utils/notificationToasts.js");require("@babel/runtime/helpers/typeof"),require("../../../../utils/dashboardReports.js"),require("../../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../../utils/jsonaDataFormatter.js"),require("../../../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../../../utils/charts/Styles.scss.js"),require("../../../../utils/getSingleAsset.js");var g=require("../../../InfiniteList/index.js"),b=require("../../../../effects/useOutsideClick.js"),y=require("react/jsx-runtime");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=v(e),A=v(t),T=v(r),N=v(s),C=v(a),I=v(c),S="AppAnnotationsPo",R=function(e){var t,r=e.appId,s=e.appTitle,i=e.assetId,a=e.assetCompanyId,o=e.appSettings,c=void 0===o?_:o,j=e.currentUser,v=e.onClose,R=e.isNative,L=void 0===R?k:R,w=e.classes,P=e.dashboardType,O=void 0===P?null:P,D=d.useAnnotationsState().annotations,F=d.useAnnotationsDispatch(),U=n.useRef(),E=n.useRef();b(U,v);var H=n.useState(!1),W=T.default(H,2),B=W[0],M=W[1],G=n.useState(!0),z=T.default(G,2),J=z[0],K=z[1],Q=n.useState(!0),V=T.default(Q,2),X=V[0],Y=V[1],Z=n.useState(1),$=T.default(Z,2),ee=$[0],te=$[1];function re(){return(re=A.default(N.default.mark((function e(){var t,s,n;return N.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r&&i){e.next=2;break}return e.abrupt("return");case 2:return K(!0),e.prev=3,s={page:ee,per_page:4,sort:"created_at",order:"desc"},O&&(s.dashboard_type=O),e.next=8,l.getAnnotations(r,i,s);case 8:t=e.sent,F({type:1===ee?p.SET_ANNOTATIONS:p.APPEND_ANNOTATIONS,annotations:t}),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(3),console.error(e.t0);case 15:n=t&&t.data.length<4,te(ee+1),Y(!n),K(!1);case 19:case"end":return e.stop()}}),e,null,[[3,12]])})))).apply(this,arguments)}return n.useEffect((function(){M(!0)}),[]),y.jsx(u.RootRef,{rootRef:U,children:y.jsxs(u.Paper,{className:C.default(h.cAnnotationsList,(t={},x.default(t,h.cAnnotationsListOpen,B),x.default(t,h.cAnnotationsListOpenNative,L),t)),children:[y.jsx(g,{infiniteClassName:h.cAnnotationsListContentContainer,headerComponent:y.jsxs(y.Fragment,{children:[y.jsx(u.Typography,{"data-testid":"".concat(S,"_appTitle"),variant:"body1",className:w.title,children:s}),y.jsx("div",{className:h.cAnnotationsListContentTop,children:y.jsxs(u.Typography,{"data-testid":"".concat(S,"_annotationsTitle"),variant:"caption",className:w.secondaryTitle,children:["Annotations (",D.data?D.data.length:0,")"]})}),y.jsx(q,{appId:r,assetId:i,assetCompanyId:a,appSettings:c,currentUser:j,dashboardType:O})]}),useWindow:L,items:D.data||[],showNoItemsFound:!(D.data&&0!==D.data.length||J),noItemsFoundLabel:y.jsx(u.Typography,{variant:"body2","data-testid":"".concat(S,"_noAnnotations"),className:w.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:U.current&&E.current?U.current.clientHeight-E.current.clientHeight:null,moreItemsMayExist:X,pathToCreatedAt:["attributes","created_at"],renderItem:function(e){return y.jsx(m,{isNative:L,annotation:e,assetCompanyId:a,included:D.included,currentUser:j,showSuccessNotification:f.showSuccessNotification},e.id)},loadItems:function(){return re.apply(this,arguments)}}),y.jsx("div",{className:h.cAnnotationsListActions,ref:E,children:y.jsx(u.Tooltip,{title:"Hide",placement:"bottom",children:y.jsx(u.IconButton,{"data-testid":"".concat(S,"_hideButton"),onClick:v,className:w.backIcon,children:y.jsx(I.default,{})})})})]})})};R.propTypes={appId:i.number.isRequired,appTitle:i.string.isRequired,assetId:i.number.isRequired,assetCompanyId:i.number.isRequired,appSettings:i.shape(),classes:i.shape().isRequired,onClose:i.func.isRequired,currentUser:i.shape({}).isRequired,isNative:i.bool,dashboardType:i.string};var _={},k=j.isNativeDetected,L=o.withStyles((function(e){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:e.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:e.palette.grey[600],padding:5}}}))(n.memo(R));module.exports=L;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Annotations/components/AnnotationsList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n  title: { fontWeight: 200, marginBottom: 20 },\n  secondaryTitle: {\n    fontWeight: 200,\n    textTransform: 'uppercase',\n    color: theme.palette.grey[600],\n  },\n  annotateIcon: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n    },\n  },\n  noAnnotations: { marginTop: 16 },\n  backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n  appId,\n  appTitle,\n  assetId,\n  assetCompanyId,\n  appSettings = DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS,\n  currentUser,\n  onClose,\n  isNative = DEFAULT_ANNOTATIONS_LIST_IS_NATIVE,\n  classes,\n  dashboardType = null,\n}) => {\n  const { annotations } = useAnnotationsState();\n  const dispatch = useAnnotationsDispatch();\n\n  const rootRef = useRef();\n  const footerRef = useRef();\n\n  const infiniteContainerHeight = () => {\n    if (rootRef.current && footerRef.current)\n      return rootRef.current.clientHeight - footerRef.current.clientHeight;\n    return null;\n  };\n\n  useOutsideClick(rootRef, onClose);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n  const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n  const [page, setPage] = useState(1);\n\n  async function handleFetchAnnotations() {\n    if (!(appId && assetId)) return;\n    setIsInfiniteLoading(true);\n\n    let response;\n    try {\n      const options = {\n        page,\n        per_page: PER_PAGE,\n        sort: 'created_at',\n        order: 'desc',\n      };\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      response = await getAnnotations(appId, assetId, options);\n      dispatch({\n        type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n        annotations: response,\n      });\n    } catch (e) {\n      console.error(e);\n    }\n\n    const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n    setPage(page + 1);\n    setMoreItemsMayExist(!lessThanPerPage);\n    setIsInfiniteLoading(false);\n  }\n\n  useEffect(() => {\n    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <RootRef rootRef={rootRef}>\n      <Paper\n        className={classNames(styles.cAnnotationsList, {\n          [styles.cAnnotationsListOpen]: isOpen,\n          [styles.cAnnotationsListOpenNative]: isNative,\n        })}\n      >\n        <InfiniteList\n          infiniteClassName={styles.cAnnotationsListContentContainer}\n          headerComponent={\n            <>\n              <Typography\n                data-testid={`${PAGE_NAME}_appTitle`}\n                variant=\"body1\"\n                className={classes.title}\n              >\n                {appTitle}\n              </Typography>\n\n              <div className={styles.cAnnotationsListContentTop}>\n                <Typography\n                  data-testid={`${PAGE_NAME}_annotationsTitle`}\n                  variant=\"caption\"\n                  className={classes.secondaryTitle}\n                >\n                  Annotations ({annotations.data ? annotations.data.length : 0})\n                </Typography>\n              </div>\n\n              <AddAnnotationForm\n                appId={appId}\n                assetId={assetId}\n                assetCompanyId={assetCompanyId}\n                appSettings={appSettings}\n                currentUser={currentUser}\n                dashboardType={dashboardType}\n              />\n            </>\n          }\n          useWindow={isNative}\n          items={annotations.data || []}\n          showNoItemsFound={\n            (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading\n          }\n          noItemsFoundLabel={\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_noAnnotations`}\n              className={classes.noAnnotations}\n            >\n              No Annotations yet\n            </Typography>\n          }\n          threshold={50}\n          infiniteContainerHeight={infiniteContainerHeight()}\n          moreItemsMayExist={moreItemsMayExist}\n          pathToCreatedAt={['attributes', 'created_at']}\n          renderItem={item => (\n            <Annotation\n              key={item.id}\n              isNative={isNative}\n              annotation={item}\n              assetCompanyId={assetCompanyId}\n              included={annotations.included}\n              currentUser={currentUser}\n              showSuccessNotification={showSuccessNotification}\n            />\n          )}\n          loadItems={handleFetchAnnotations}\n        />\n        <div className={styles.cAnnotationsListActions} ref={footerRef}>\n          <Tooltip title=\"Hide\" placement=\"bottom\">\n            <IconButton\n              data-testid={`${PAGE_NAME}_hideButton`}\n              onClick={onClose}\n              className={classes.backIcon}\n            >\n              <BackIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </Paper>\n    </RootRef>\n  );\n};\n\nAnnotationsList.propTypes = {\n  appId: number.isRequired,\n  appTitle: string.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape(),\n  classes: shape().isRequired,\n  onClose: func.isRequired,\n  currentUser: shape({}).isRequired,\n  isNative: bool,\n  dashboardType: string,\n};\n\nconst DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS = {};\nconst DEFAULT_ANNOTATIONS_LIST_IS_NATIVE = isNativeDetected;\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","AnnotationsList","_ref","_classNames","appId","appTitle","assetId","assetCompanyId","_ref$appSettings","appSettings","DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS","currentUser","onClose","_ref$isNative","isNative","DEFAULT_ANNOTATIONS_LIST_IS_NATIVE","classes","_ref$dashboardType","dashboardType","annotations","useAnnotationsState","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","useOutsideClick","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isInfiniteLoading","setIsInfiniteLoading","_useState6","_useState5","moreItemsMayExist","setMoreItemsMayExist","_useState8","_useState7","page","setPage","_handleFetchAnnotations","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","options","lessThanPerPage","wrap","_context","prev","next","abrupt","per_page","sort","order","dashboard_type","getAnnotations","sent","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","t0","console","error","data","length","stop","apply","this","arguments","useEffect","_jsx","RootRef","children","_jsxs","Paper","className","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","InfiniteList","infiniteClassName","cAnnotationsListContentContainer","headerComponent","jsxs","_Fragment","Typography","concat","variant","title","jsx","cAnnotationsListContentTop","secondaryTitle","AddAnnotationForm","useWindow","items","showNoItemsFound","noItemsFoundLabel","noAnnotations","threshold","infiniteContainerHeight","current","clientHeight","pathToCreatedAt","renderItem","item","Annotation","annotation","included","showSuccessNotification","id","loadItems","cAnnotationsListActions","ref","Tooltip","placement","IconButton","onClick","backIcon","BackIcon","propTypes","number","isRequired","string","shape","func","bool","isNativeDetected","withStyles","theme","fontWeight","marginBottom","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","marginTop","cursor","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n  title: { fontWeight: 200, marginBottom: 20 },\n  secondaryTitle: {\n    fontWeight: 200,\n    textTransform: 'uppercase',\n    color: theme.palette.grey[600],\n  },\n  annotateIcon: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n    },\n  },\n  noAnnotations: { marginTop: 16 },\n  backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n  appId,\n  appTitle,\n  assetId,\n  assetCompanyId,\n  appSettings = DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS,\n  currentUser,\n  onClose,\n  isNative = DEFAULT_ANNOTATIONS_LIST_IS_NATIVE,\n  classes,\n  dashboardType = null,\n}) => {\n  const { annotations } = useAnnotationsState();\n  const dispatch = useAnnotationsDispatch();\n\n  const rootRef = useRef();\n  const footerRef = useRef();\n\n  const infiniteContainerHeight = () => {\n    if (rootRef.current && footerRef.current)\n      return rootRef.current.clientHeight - footerRef.current.clientHeight;\n    return null;\n  };\n\n  useOutsideClick(rootRef, onClose);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n  const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n  const [page, setPage] = useState(1);\n\n  async function handleFetchAnnotations() {\n    if (!(appId && assetId)) return;\n    setIsInfiniteLoading(true);\n\n    let response;\n    try {\n      const options = {\n        page,\n        per_page: PER_PAGE,\n        sort: 'created_at',\n        order: 'desc',\n      };\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      response = await getAnnotations(appId, assetId, options);\n      dispatch({\n        type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n        annotations: response,\n      });\n    } catch (e) {\n      console.error(e);\n    }\n\n    const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n    setPage(page + 1);\n    setMoreItemsMayExist(!lessThanPerPage);\n    setIsInfiniteLoading(false);\n  }\n\n  useEffect(() => {\n    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <RootRef rootRef={rootRef}>\n      <Paper\n        className={classNames(styles.cAnnotationsList, {\n          [styles.cAnnotationsListOpen]: isOpen,\n          [styles.cAnnotationsListOpenNative]: isNative,\n        })}\n      >\n        <InfiniteList\n          infiniteClassName={styles.cAnnotationsListContentContainer}\n          headerComponent={\n            <>\n              <Typography\n                data-testid={`${PAGE_NAME}_appTitle`}\n                variant=\"body1\"\n                className={classes.title}\n              >\n                {appTitle}\n              </Typography>\n\n              <div className={styles.cAnnotationsListContentTop}>\n                <Typography\n                  data-testid={`${PAGE_NAME}_annotationsTitle`}\n                  variant=\"caption\"\n                  className={classes.secondaryTitle}\n                >\n                  Annotations ({annotations.data ? annotations.data.length : 0})\n                </Typography>\n              </div>\n\n              <AddAnnotationForm\n                appId={appId}\n                assetId={assetId}\n                assetCompanyId={assetCompanyId}\n                appSettings={appSettings}\n                currentUser={currentUser}\n                dashboardType={dashboardType}\n              />\n            </>\n          }\n          useWindow={isNative}\n          items={annotations.data || []}\n          showNoItemsFound={\n            (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading\n          }\n          noItemsFoundLabel={\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_noAnnotations`}\n              className={classes.noAnnotations}\n            >\n              No Annotations yet\n            </Typography>\n          }\n          threshold={50}\n          infiniteContainerHeight={infiniteContainerHeight()}\n          moreItemsMayExist={moreItemsMayExist}\n          pathToCreatedAt={['attributes', 'created_at']}\n          renderItem={item => (\n            <Annotation\n              key={item.id}\n              isNative={isNative}\n              annotation={item}\n              assetCompanyId={assetCompanyId}\n              included={annotations.included}\n              currentUser={currentUser}\n              showSuccessNotification={showSuccessNotification}\n            />\n          )}\n          loadItems={handleFetchAnnotations}\n        />\n        <div className={styles.cAnnotationsListActions} ref={footerRef}>\n          <Tooltip title=\"Hide\" placement=\"bottom\">\n            <IconButton\n              data-testid={`${PAGE_NAME}_hideButton`}\n              onClick={onClose}\n              className={classes.backIcon}\n            >\n              <BackIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </Paper>\n    </RootRef>\n  );\n};\n\nAnnotationsList.propTypes = {\n  appId: number.isRequired,\n  appTitle: string.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape(),\n  classes: shape().isRequired,\n  onClose: func.isRequired,\n  currentUser: shape({}).isRequired,\n  isNative: bool,\n  dashboardType: string,\n};\n\nconst DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS = {};\nconst DEFAULT_ANNOTATIONS_LIST_IS_NATIVE = isNativeDetected;\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","AnnotationsList","_ref","_classNames","appId","appTitle","assetId","assetCompanyId","_ref$appSettings","appSettings","DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS","currentUser","onClose","_ref$isNative","isNative","DEFAULT_ANNOTATIONS_LIST_IS_NATIVE","classes","_ref$dashboardType","dashboardType","annotations","useAnnotationsState","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","useOutsideClick","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isInfiniteLoading","setIsInfiniteLoading","_useState6","_useState5","moreItemsMayExist","setMoreItemsMayExist","_useState8","_useState7","page","setPage","_handleFetchAnnotations","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","options","lessThanPerPage","wrap","_context","prev","next","abrupt","per_page","sort","order","dashboard_type","getAnnotations","sent","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","t0","console","error","data","length","stop","apply","this","arguments","useEffect","_jsx","RootRef","children","_jsxs","Paper","className","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","InfiniteList","infiniteClassName","cAnnotationsListContentContainer","headerComponent","jsxs","_Fragment","Typography","concat","variant","title","jsx","cAnnotationsListContentTop","secondaryTitle","AddAnnotationForm","useWindow","items","showNoItemsFound","noItemsFoundLabel","noAnnotations","threshold","infiniteContainerHeight","current","clientHeight","pathToCreatedAt","renderItem","item","Annotation","annotation","included","showSuccessNotification","id","loadItems","cAnnotationsListActions","ref","Tooltip","placement","IconButton","onClick","backIcon","BackIcon","propTypes","number","isRequired","string","shape","func","bool","isNativeDetected","withStyles","theme","fontWeight","marginBottom","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","marginTop","cursor","memo"],"mappings":"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"}

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

@@ -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 = '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"}
+{"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport { InfoOutlined as InfoIcon } from '@material-ui/icons';\n\nimport { Switch, SwitchProps } 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\ntype MultipleAssetsToggleProps = {\n  onLabel?: SwitchProps['onLabel'];\n  offLabel?: SwitchProps['offLabel'];\n  checked?: SwitchProps['checked'];\n  disabled?: SwitchProps['disabled'];\n  onChange?: SwitchProps['onChange'];\n  size?: SwitchProps['size'];\n  disableOffState?: SwitchProps['disableOffState'];\n  inputRef?: SwitchProps['inputRef'];\n  className?: SwitchProps['className'];\n  testId?: SwitchProps['testId'];\n  isChecked?: boolean;\n  title?: ReactNode;\n};\n\nconst MultipleAssetsToggle: FC<MultipleAssetsToggleProps> = ({\n  isChecked,\n  title = 'Multiple Assets',\n  className,\n  ...props\n}) => {\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":"6oBAOA,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,mBAiB2D,SAKtDC,GAAA,IAJJC,IAAAA,UAASC,EAAAF,EACTT,MAAAA,aAAQ,kBAAiBW,EACzBC,IAAAA,UACGC,EAAKC,EAAA,QAAAL,EAAAM,GAEFC,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

@@ -1,2 +1,2 @@
-"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;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/typeof"),r=require("react"),n=require("lodash"),o=require("@material-ui/core"),i=require("../../Search/Search.js");require("../../Search/components/Listbox.js"),require("../../Search/components/Paper.js"),require("../../Search/components/RecentSearches.js");var a=require("../../Search/components/InputAdornmentLeft.js"),s=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),f=h(t),g=o.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=[],S=n.noop,b=n.noop,v=function(e){return!!e&&"object"===f.default(e)&&"id"in e&&"number"==typeof e.id};module.exports=function(e){var t=e["data-testid"],h=void 0===t?"PrimaryAssetEditorAutocomplete":t,f=e.appKey,x=e.assetFields,C=void 0===x?A:x,q=e.assetType,j=e.company,y=e.currentOption,T=e.currentValue,I=e.defaultValue,G=e.disableClearable,P=e.disabled,R=e.groups,E=e.isNullable,V=e.isRequiredAssetId,_=e.isSecondaryAssetPresent,N=void 0===_||_,O=e.label,L=e.multiple,F=e.onActiveAssetIdChange,U=void 0===F?b:F,k=e.onChange,D=e.onGroupChange,H=e.onGroupReset,K=e.onInputReset,M=void 0===K?S:K,w=e.placeholder,z=void 0===w?null:w,B=e.selectedGroup,W=e.setCurrentOption,Y=r.useState(""),J=m.default(Y,2),Q=J[0],X=J[1],Z=p.getSearchPlaceholder(q,N),$=q||l.DEFAULT_ASSET_TYPE,ee=g(),te=u.usePrimaryAssetSelectData({appKey:f,assetType:$,company:j,groups:R,isRequiredAssetId:V,assetFields:C,selectedGroup:B,currentValue:T,setCurrentOption:W,onActiveAssetIdChange:U}),re=te.assets,ne=te.loading,oe=r.useState((function(){return n.debounce((function(e){X(e)}),200)})),ie=m.default(oe,1)[0],ae=!Array.isArray(y)&&(null==y?void 0:y.status)===l.ACTIVE_STATUS;return c.jsx(i.Search,{classes:{paper:ee.paper,listbox:ee.listbox,groupChip:ee.groupChip},defaultValue:I,disableClearable:G,disabled:P,isNullable:E,loading:ne,onGroupChange:function(e){var t,r=null!==(t=null==R?void 0:R.find((function(t){return t.id===(null==e?void 0:e.id)})))&&void 0!==t?t:null;null==D||D(r)},onGroupReset:H,placeholder:z||Z,selectedGroup:B,onChange:function(e,t){k(function(e){return e?Array.isArray(e)?e.filter(v):v(e)?e:null:null}(t))},"data-testid":h,multiple:L,onInputChange:ie,onInputReset:function(){M(),W(null)},TextFieldProps:{label:O,value:Q,endAdornment:ae&&c.jsx(o.Chip,{"data-not-migrated-muichip":!0,className:ee.activeChip,label:"Active"})},isHiddenAllOption:!0,value:y,options:re,renderCustomOption:function(e,t){if(!v(e))return null;var r=e.status,n=e.name,o=void 0===n?"":n,i=e.id;return c.jsx(d,{className:ee.option,assetName:o,multiple:L,selected:t.selected,value:i,status:r===l.ACTIVE_STATUS?l.ACTIVE_STATUS:null,"data-testid":"".concat(h,"_option_").concat(o,"MenuItem")},i)},getOptionLabel:function(e){return v(e)&&e.name||""},GroupsComponent:s,groups:R,InputProps:{startAdornment:c.jsx(a,{className:"",children:null})}})};
 //# sourceMappingURL=PrimaryAssetSelect.js.map

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

@@ -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 = '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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"}
+{"version":3,"file":"PrimaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelect.tsx"],"sourcesContent":["import { FC, useState } from 'react';\nimport { debounce, noop } 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, DEFAULT_ASSET_TYPE } from '../constants';\nimport { AssetGroup, AssetId, AssetOption, AssetSelection, PrimaryAssetChange } from '../types';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nexport type PrimaryAssetSelectProps = {\n  'data-testid'?: string;\n  appKey?: string | null;\n  assetFields?: string[];\n  assetType?: string | null;\n  company?: AssetId | null;\n  currentOption?: AssetSelection;\n  currentValue?: AssetId | null;\n  defaultValue?: AssetId | null;\n  disableClearable?: boolean;\n  disabled?: boolean;\n  groups?: AssetGroup[];\n  isDrillingPlatformApp?: boolean;\n  isNullable?: boolean;\n  isRequiredAssetId?: boolean;\n  isSecondaryAssetPresent?: boolean;\n  label?: string;\n  multiple?: boolean;\n  onActiveAssetIdChange?: (id: number | null) => void;\n  onChange: (selected: PrimaryAssetChange) => void;\n  onGroupChange?: (group: AssetGroup | null) => void;\n  onGroupReset?: () => void;\n  onInputReset?: () => void;\n  placeholder?: string | null;\n  selectedGroup?: AssetGroup | null;\n  setCurrentOption: (selection: AssetSelection) => void;\n};\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 DEFAULT_ASSET_FIELDS: string[] = [];\nconst DEFAULT_ON_INPUT_RESET = noop;\nconst DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE = noop;\n\nconst isAssetOption = (option: unknown): option is AssetOption => {\n  return !!option && typeof option === 'object' && 'id' in option && typeof option.id === 'number';\n};\n\nconst getSelectedAssets = (selected: unknown): PrimaryAssetChange => {\n  if (!selected) return null;\n\n  if (Array.isArray(selected)) return selected.filter(isAssetOption);\n\n  return isAssetOption(selected) ? selected : null;\n};\n\nconst PrimaryAssetSelect: FC<PrimaryAssetSelectProps> = ({\n  'data-testid': pageName = 'PrimaryAssetEditorAutocomplete',\n  appKey,\n  assetFields = DEFAULT_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_ON_ACTIVE_ASSET_ID_CHANGE,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset = DEFAULT_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 resolvedAssetType = assetType || DEFAULT_ASSET_TYPE;\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    appKey,\n    assetType: resolvedAssetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  const [handleInputChange] = useState(() =>\n    debounce((value: string) => {\n      setSearchValue(value);\n    }, 200)\n  );\n\n  const handleGroupChange = (group?: { id?: string }): void => {\n    const nextGroup: AssetGroup | null = groups?.find(({ id }) => id === group?.id) ?? null;\n    onGroupChange?.(nextGroup);\n  };\n\n  const renderOption = (option: unknown, state: { selected: boolean }) => {\n    if (!isAssetOption(option)) return null;\n\n    const { status, name = '', id } = option;\n\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={state.selected}\n        value={id}\n        status={status === ACTIVE_STATUS ? ACTIVE_STATUS : null}\n        data-testid={`${pageName}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  const getOptionLabel = (option: unknown): string => {\n    return isAssetOption(option) ? option.name || '' : '';\n  };\n\n  const isCurrentOptionActive =\n    !Array.isArray(currentOption) && currentOption?.status === ACTIVE_STATUS;\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={handleGroupChange}\n      onGroupReset={onGroupReset}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onChange={(_event, selected: unknown) => {\n        onChange(getSelectedAssets(selected));\n      }}\n      data-testid={pageName}\n      multiple={multiple}\n      onInputChange={handleInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: isCurrentOptionActive && (\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={getOptionLabel}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft className=\"\">{null}</InputAdornmentLeft>,\n      }}\n    />\n  );\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","DEFAULT_ASSET_FIELDS","DEFAULT_ON_INPUT_RESET","noop","DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE","isAssetOption","_typeof","id","_ref","_ref$dataTestid","pageName","appKey","_ref$assetFields","assetFields","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","label","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","_ref$placeholder","placeholder","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","searchPlaceholder","getSearchPlaceholder","resolvedAssetType","DEFAULT_ASSET_TYPE","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","_useState3","debounce","value","handleInputChange","isCurrentOptionActive","Array","isArray","status","ACTIVE_STATUS","_jsx","Search","classes","group","_groups$find","nextGroup","find","_ref2","_event","selected","filter","getSelectedAssets","onInputChange","TextFieldProps","endAdornment","jsx","Chip","className","isHiddenAllOption","options","renderCustomOption","state","_option$name","name","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","children"],"mappings":"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"}

package/cjs-bundle/components/AssetEditorV2/components/PrimaryAssetSelectV2.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("prop-types"),r=require("react"),n=require("lodash"),s=require("@material-ui/core"),a=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/usePrimaryAssetSelectData.js"),l=require("../constants.js"),p=require("../utils/index.js"),c=require("./SelectItem.js"),d=require("../../AssetEditor/constants.js"),f=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),A=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}}),S=function(e){var t=e.placeholder,h=void 0===t?null:t,g=e.label,S=e["data-testid"],x=void 0===S?"PrimaryAssetEditorAutocomplete":S,q=e.appKey,j=e.assetFields,y=void 0===j?b:j,I=e.assetType,P=e.company,T=e.currentOption,G=e.currentValue,R=e.defaultValue,E=e.disableClearable,O=e.disabled,V=e.groups,D=e.isDrillingPlatformApp,L=e.isNullable,N=e.isRequiredAssetId,_=e.isSecondaryAssetPresent,k=void 0===_||_,F=e.multiple,H=e.onActiveAssetIdChange,M=void 0===H?C:H,K=e.onChange,U=e.onGroupChange,w=e.onGroupReset,z=e.onInputReset,B=void 0===z?v:z,W=e.selectedGroup,J=e.setCurrentOption,Q=r.useState(""),X=m.default(Q,2),Y=X[0],Z=X[1],$=r.useState(1),ee=m.default($,2),te=ee[0],re=ee[1],ne=r.useState(!0),se=m.default(ne,2),ae=se[0],oe=se[1],ie=r.useState(!1),ue=m.default(ie,2),le=ue[0],pe=ue[1],ce=p.getSearchPlaceholder(I,k),de=A(),fe=u.usePrimaryAssetSelectData({isDrillingPlatformApp:D,searchValue:le&&Y?Y:"",scrollPage:te,appKey:q,assetType:I,company:P,groups:V,isRequiredAssetId:N,assetFields:y,selectedGroup:W,currentValue:G,setCurrentOption:J,onActiveAssetIdChange:M}),he=fe.assets,me=fe.loading;r.useEffect((function(){var e=he.length>=d.PER_PAGE*te;oe(e)}),[he,te]);var ge=r.useMemo((function(){return n.debounce((function(e,t){"input"===t?(re(1),Z(e),pe(!0)):"reset"!==t&&"clear"!==t||(pe(!1),Z(""))}),200)}),[]),Ae=r.useMemo((function(){return n.debounce((function(){return re((function(e){return e+1}))}),250)}),[]);return f.jsx(a.Search,{classes:{paper:de.paper,listbox:de.listbox,groupChip:de.groupChip},defaultValue:R,disableClearable:E||O,disabled:O,isNullable:L,loading:me,onGroupChange:U,placeholder:h||ce,selectedGroup:W,onGroupReset:w,onChange:function(e,t){K(t),pe(!1),Z("")},onClose:function(){pe(!1),Z("")},onOpen:function(){Y||pe(!1)},"data-testid":x,multiple:F,onInputChangeCallback:ge,onInputReset:function(){B(),J(null),pe(!1),Z("")},TextFieldProps:{label:g,value:Y,endAdornment:(null==T?void 0:T.status)===l.ACTIVE_STATUS&&f.jsx(s.Chip,{"data-not-migrated-muichip":!0,className:de.activeChip,label:"Active"})},ListboxProps:{onScroll:function(e){if(ae&&!me){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-800&&Ae()}}},isHiddenAllOption:!0,value:T,options:he,renderCustomOption:function(e,t){var r=e.status,n=e.name,s=e.id,a=t.selected;return f.jsx(c,{className:de.option,assetName:n,multiple:F,selected:a,value:s,status:r&&l.ACTIVE_STATUS,"data-testid":"".concat(x,"_option_").concat(n,"MenuItem")},s)},getOptionLabel:function(e){return e.name||""},GroupsComponent:i,groups:V,InputProps:{startAdornment:f.jsx(o,{})}})};S.propTypes={isSecondaryAssetPresent:g.default.bool,assetFields:g.default.array,"data-testid":g.default.string,onInputReset:g.default.func,onActiveAssetIdChange:g.default.func,placeholder:g.default.string};var b=[],v=function(){},C=function(){};module.exports=S;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/typeof"),r=require("react"),n=require("lodash"),o=require("@material-ui/core"),i=require("../../Search/Search.js");require("../../Search/components/Listbox.js"),require("../../Search/components/Paper.js"),require("../../Search/components/RecentSearches.js");var a=require("../../Search/components/InputAdornmentLeft.js"),s=require("../../Search/components/Groups.js");require("../../Search/components/SelectAllListItem.js");var u=require("../effects/usePrimaryAssetSelectData.js"),l=require("../constants.js"),p=require("../utils/index.js"),c=require("./SelectItem.js"),d=require("../../AssetEditor/constants.js"),m=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=f(e),g=f(t),A=o.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}}),S=[],b=n.noop,v=n.noop,C=function(e){return!!e&&"object"===g.default(e)&&"id"in e&&"number"==typeof e.id};module.exports=function(e){var t=e.placeholder,f=void 0===t?null:t,g=e.label,x=e["data-testid"],q=void 0===x?"PrimaryAssetEditorAutocomplete":x,j=e.appKey,y=e.assetFields,T=void 0===y?S:y,I=e.assetType,P=e.company,E=e.currentOption,G=e.currentValue,R=e.defaultValue,V=e.disableClearable,_=e.disabled,O=e.groups,D=e.isDrillingPlatformApp,L=e.isNullable,N=e.isRequiredAssetId,k=e.isSecondaryAssetPresent,F=void 0===k||k,H=e.multiple,M=e.onActiveAssetIdChange,U=void 0===M?v:M,K=e.onChange,w=e.onGroupChange,z=e.onGroupReset,B=e.onInputReset,W=void 0===B?b:B,Y=e.selectedGroup,J=e.setCurrentOption,Q=r.useState(""),X=h.default(Q,2),Z=X[0],$=X[1],ee=r.useState(1),te=h.default(ee,2),re=te[0],ne=te[1],oe=r.useState(!0),ie=h.default(oe,2),ae=ie[0],se=ie[1],ue=r.useState(!1),le=h.default(ue,2),pe=le[0],ce=le[1],de=p.getSearchPlaceholder(I,F),me=I||l.DEFAULT_ASSET_TYPE,fe=A(),he=u.usePrimaryAssetSelectData({isDrillingPlatformApp:D,searchValue:pe&&Z?Z:"",scrollPage:re,appKey:j,assetType:me,company:P,groups:O,isRequiredAssetId:N,assetFields:T,selectedGroup:Y,currentValue:G,setCurrentOption:J,onActiveAssetIdChange:U}),ge=he.assets,Ae=he.loading;r.useEffect((function(){var e=ge.length>=d.PER_PAGE*re;se(e)}),[ge,re]);var Se=r.useMemo((function(){return n.debounce((function(e,t){"input"===t?(ne(1),$(e),ce(!0)):"reset"!==t&&"clear"!==t||(ce(!1),$(""))}),200)}),[]),be=r.useMemo((function(){return n.debounce((function(){return ne((function(e){return e+1}))}),250)}),[]),ve=!Array.isArray(E)&&(null==E?void 0:E.status)===l.ACTIVE_STATUS;return m.jsx(i.Search,{classes:{paper:fe.paper,listbox:fe.listbox,groupChip:fe.groupChip},defaultValue:R,disableClearable:V||_,disabled:_,isNullable:L,loading:Ae,onGroupChange:function(e){var t,r=null!==(t=null==O?void 0:O.find((function(t){return t.id===(null==e?void 0:e.id)})))&&void 0!==t?t:null;null==w||w(r)},placeholder:f||de,selectedGroup:Y,onGroupReset:z,onChange:function(e,t){K(function(e){return e?Array.isArray(e)?e.filter(C):C(e)?e:null:null}(t)),ce(!1),$("")},onClose:function(){ce(!1),$("")},onOpen:function(){Z||ce(!1)},"data-testid":q,multiple:H,onInputChangeCallback:Se,onInputReset:function(){W(),J(null),ce(!1),$("")},TextFieldProps:{label:g,value:Z,endAdornment:ve&&m.jsx(o.Chip,{"data-not-migrated-muichip":!0,className:fe.activeChip,label:"Active"})},ListboxProps:{onScroll:function(e){if(ae&&!Ae){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-800&&be()}}},isHiddenAllOption:!0,value:E,options:ge,renderCustomOption:function(e,t){if(!C(e))return null;var r=e.status,n=e.name,o=void 0===n?"":n,i=e.id;return m.jsx(c,{className:fe.option,assetName:o,multiple:H,selected:t.selected,value:i,status:r===l.ACTIVE_STATUS?l.ACTIVE_STATUS:null,"data-testid":"".concat(q,"_option_").concat(o,"MenuItem")},i)},getOptionLabel:function(e){return C(e)&&e.name||""},GroupsComponent:s,groups:O,InputProps:{startAdornment:m.jsx(a,{className:"",children:null})}})};
 //# sourceMappingURL=PrimaryAssetSelectV2.js.map

package/cjs-bundle/components/AssetEditorV2/components/PrimaryAssetSelectV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryAssetSelectV2.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, 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/usePrimaryAssetSelectData';\nimport { ACTIVE_STATUS } from '../constants';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\n\nimport { PER_PAGE } from '~/components/AssetEditor/constants';\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  placeholder = null,\n  label,\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  isDrillingPlatformApp,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent = true,\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  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isSearchMode, setIsSearchMode] = useState(false);\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    isDrillingPlatformApp,\n    searchValue: isSearchMode && searchValue ? searchValue : '',\n    scrollPage,\n    appKey,\n    assetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\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, reason) => {\n        if (reason === 'input') {\n          setScrollPage(1);\n          setSearchValue(value);\n          setIsSearchMode(true);\n        } else if (reason === 'reset' || reason === 'clear') {\n          setIsSearchMode(false);\n          setSearchValue('');\n        }\n      }, 200),\n    []\n  );\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n\n  const onScrollListbox = event => {\n    if (!hasMore || isLoading) return;\n    const listboxNode = event.currentTarget;\n    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {\n      handleFetchNext();\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 || disabled}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={onGroupChange}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onGroupReset={onGroupReset}\n      onChange={(event, selected) => {\n        onChange(selected);\n        // Reset search mode when item is selected\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onClose={() => {\n        // Reset search mode when select closes to prevent stale state\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onOpen={() => {\n        // If searchValue is empty when opening, ensure search mode is off\n        // This handles the case where select was closed with stale state\n        if (!searchValue) {\n          setIsSearchMode(false);\n        }\n      }}\n      data-testid={PAGE_NAME}\n      multiple={multiple}\n      onInputChangeCallback={onInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n        setIsSearchMode(false);\n        setSearchValue('');\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      ListboxProps={{\n        onScroll: onScrollListbox,\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  isSecondaryAssetPresent: PropTypes.bool,\n  assetFields: PropTypes.array,\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$placeholder","placeholder","label","_ref$dataTestid","PAGE_NAME","appKey","_ref$assetFields","assetFields","DEFAULT_PRIMARY_ASSET_SELECT_ASSET_FIELDS","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isDrillingPlatformApp","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","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","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","_useState4","_useState3","scrollPage","setScrollPage","_useState6","_useState5","hasMore","setHasMore","_useState8","_useState7","isSearchMode","setIsSearchMode","searchPlaceholder","getSearchPlaceholder","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","useEffect","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","reason","handleFetchNext","prevScrollPage","_jsx","Search","classes","event","selected","onClose","onOpen","onInputChangeCallback","TextFieldProps","endAdornment","status","ACTIVE_STATUS","Chip","className","ListboxProps","onScroll","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","isHiddenAllOption","options","renderCustomOption","_ref2","_ref3","name","id","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","propTypes","PropTypes","bool","array","string","func"],"mappings":"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"}
+{"version":3,"file":"PrimaryAssetSelectV2.js","sources":["../../../../../src/components/AssetEditorV2/components/PrimaryAssetSelectV2.tsx"],"sourcesContent":["import { FC, UIEvent, useEffect, useMemo, useState } from 'react';\nimport { debounce, noop } 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/usePrimaryAssetSelectData';\nimport { ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\nimport { AssetGroup, AssetOption, PrimaryAssetChange } from '../types';\nimport { getSearchPlaceholder } from '../utils';\n\nimport SelectItem from './SelectItem';\nimport type { PrimaryAssetSelectProps } from './PrimaryAssetSelect';\n\nimport { PER_PAGE } from '~/components/AssetEditor/constants';\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 DEFAULT_ASSET_FIELDS: string[] = [];\nconst DEFAULT_ON_INPUT_RESET = noop;\nconst DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE = noop;\n\nconst isAssetOption = (option: unknown): option is AssetOption => {\n  return !!option && typeof option === 'object' && 'id' in option && typeof option.id === 'number';\n};\n\nconst getSelectedAssets = (selected: unknown): PrimaryAssetChange => {\n  if (!selected) return null;\n\n  if (Array.isArray(selected)) return selected.filter(isAssetOption);\n\n  return isAssetOption(selected) ? selected : null;\n};\n\nconst PrimaryAssetSelectV2: FC<PrimaryAssetSelectProps> = ({\n  placeholder = null,\n  label,\n  'data-testid': pageName = 'PrimaryAssetEditorAutocomplete',\n  appKey,\n  assetFields = DEFAULT_ASSET_FIELDS,\n  assetType,\n  company,\n  currentOption,\n  currentValue,\n  defaultValue,\n  disableClearable,\n  disabled,\n  groups,\n  isDrillingPlatformApp,\n  isNullable,\n  isRequiredAssetId,\n  isSecondaryAssetPresent = true,\n  multiple,\n  onActiveAssetIdChange = DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE,\n  onChange,\n  onGroupChange,\n  onGroupReset,\n  onInputReset = DEFAULT_ON_INPUT_RESET,\n  selectedGroup,\n  setCurrentOption,\n}) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n  const [isSearchMode, setIsSearchMode] = useState(false);\n  const searchPlaceholder = getSearchPlaceholder(assetType, isSecondaryAssetPresent);\n  const resolvedAssetType = assetType || DEFAULT_ASSET_TYPE;\n  const styles = useStyles();\n\n  const { assets, loading: isLoading } = usePrimaryAssetSelectData({\n    isDrillingPlatformApp,\n    searchValue: isSearchMode && searchValue ? searchValue : '',\n    scrollPage,\n    appKey,\n    assetType: resolvedAssetType,\n    company,\n    groups,\n    isRequiredAssetId,\n    assetFields,\n    selectedGroup,\n    currentValue,\n    setCurrentOption,\n    onActiveAssetIdChange,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const handleInputChange = useMemo(\n    () =>\n      debounce((value: string, reason: string) => {\n        if (reason === 'input') {\n          setScrollPage(1);\n          setSearchValue(value);\n          setIsSearchMode(true);\n        } else if (reason === 'reset' || reason === 'clear') {\n          setIsSearchMode(false);\n          setSearchValue('');\n        }\n      }, 200),\n    []\n  );\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(previousPage => previousPage + 1), 250),\n    []\n  );\n\n  const handleScrollListbox = (event: UIEvent<HTMLUListElement>): void => {\n    if (!hasMore || isLoading) return;\n\n    const listboxNode = event.currentTarget;\n    if (listboxNode.scrollTop + listboxNode.clientHeight > listboxNode.scrollHeight - 800) {\n      handleFetchNext();\n    }\n  };\n\n  const handleGroupChange = (group?: { id?: string }): void => {\n    const nextGroup: AssetGroup | null = groups?.find(({ id }) => id === group?.id) ?? null;\n    onGroupChange?.(nextGroup);\n  };\n\n  const renderOption = (option: unknown, state: { selected: boolean }) => {\n    if (!isAssetOption(option)) return null;\n\n    const { status, name = '', id } = option;\n\n    return (\n      <SelectItem\n        className={styles.option}\n        assetName={name}\n        key={id}\n        multiple={multiple}\n        selected={state.selected}\n        value={id}\n        status={status === ACTIVE_STATUS ? ACTIVE_STATUS : null}\n        data-testid={`${pageName}_option_${name}MenuItem`}\n      />\n    );\n  };\n\n  const getOptionLabel = (option: unknown): string => {\n    return isAssetOption(option) ? option.name || '' : '';\n  };\n\n  const isCurrentOptionActive =\n    !Array.isArray(currentOption) && currentOption?.status === ACTIVE_STATUS;\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 || disabled}\n      disabled={disabled}\n      isNullable={isNullable}\n      loading={isLoading}\n      onGroupChange={handleGroupChange}\n      placeholder={placeholder || searchPlaceholder}\n      selectedGroup={selectedGroup}\n      onGroupReset={onGroupReset}\n      onChange={(_event, selected: unknown) => {\n        onChange(getSelectedAssets(selected));\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onClose={() => {\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      onOpen={() => {\n        if (!searchValue) setIsSearchMode(false);\n      }}\n      data-testid={pageName}\n      multiple={multiple}\n      onInputChangeCallback={handleInputChange}\n      onInputReset={() => {\n        onInputReset();\n        setCurrentOption(null);\n        setIsSearchMode(false);\n        setSearchValue('');\n      }}\n      TextFieldProps={{\n        label,\n        value: searchValue,\n        endAdornment: isCurrentOptionActive && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        ),\n      }}\n      ListboxProps={{\n        onScroll: handleScrollListbox,\n      }}\n      isHiddenAllOption\n      value={currentOption}\n      options={assets}\n      renderCustomOption={renderOption}\n      getOptionLabel={getOptionLabel}\n      GroupsComponent={Groups}\n      groups={groups}\n      InputProps={{\n        startAdornment: <InputAdornmentLeft className=\"\">{null}</InputAdornmentLeft>,\n      }}\n    />\n  );\n};\n\nexport default PrimaryAssetSelectV2;\n"],"names":["useStyles","makeStyles","paper","boxShadow","listbox","maxHeight","padding","option","backgroundColor","groupChip","height","activeChip","fontWeight","color","fontSize","cursor","textTransform","marginRight","letterSpacing","DEFAULT_ASSET_FIELDS","DEFAULT_ON_INPUT_RESET","noop","DEFAULT_ON_ACTIVE_ASSET_ID_CHANGE","isAssetOption","_typeof","id","_ref","_ref$placeholder","placeholder","label","_ref$dataTestid","pageName","appKey","_ref$assetFields","assetFields","assetType","company","currentOption","currentValue","defaultValue","disableClearable","disabled","groups","isDrillingPlatformApp","isNullable","isRequiredAssetId","_ref$isSecondaryAsset","isSecondaryAssetPresent","multiple","_ref$onActiveAssetIdC","onActiveAssetIdChange","onChange","onGroupChange","onGroupReset","_ref$onInputReset","onInputReset","selectedGroup","setCurrentOption","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","_useState4","_useState3","scrollPage","setScrollPage","_useState6","_useState5","hasMore","setHasMore","_useState8","_useState7","isSearchMode","setIsSearchMode","searchPlaceholder","getSearchPlaceholder","resolvedAssetType","DEFAULT_ASSET_TYPE","styles","_usePrimaryAssetSelec","usePrimaryAssetSelectData","assets","isLoading","loading","useEffect","hasMoreAssets","length","PER_PAGE","handleInputChange","useMemo","debounce","value","reason","handleFetchNext","previousPage","isCurrentOptionActive","Array","isArray","status","ACTIVE_STATUS","_jsx","Search","classes","group","_groups$find","nextGroup","find","_ref2","_event","selected","filter","getSelectedAssets","onClose","onOpen","onInputChangeCallback","TextFieldProps","endAdornment","jsx","Chip","className","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","isHiddenAllOption","options","renderCustomOption","state","_option$name","name","SelectItem","assetName","getOptionLabel","GroupsComponent","Groups","InputProps","startAdornment","InputAdornmentLeft","children"],"mappings":"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"}

package/cjs-bundle/components/AssetEditorV2/components/SecondaryAssetSelect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("prop-types"),s=require("lodash"),a=require("@material-ui/core"),r=require("../effects/index.js"),n=require("../constants.js"),i=require("./SelectItem.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"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js");var o=require("../../../constants/assetTypes.js");require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js");var u=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),c=l(t),p="DC_SingleAssetEditor",f=[],m=a.makeStyles((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),A=function(e){var t=e.appKey,l=void 0===t?null:t,c=e.primaryAssetLabel,A=e.isRequiredAssetId,v=e.secondaryAssetLabel,T=e.company,g=e.currentValue,y=void 0===g?"":g,b=e.defaultValue,S=void 0===b?"":b,j=e.onChange,E=e.disabled,x=e.parentAssetId,I=e.assetType,_=e.parentAssetType,q=e.assetFields,C=void 0===q?f:q,h=e.activeWellId,N=e.isDrillingPlatformApp,V=e["data-testid"],D=void 0===V?"".concat(p,"_autoComplete"):V,P=r.useSecondaryAssetSelectData({appKey:l,assetId:y,assetType:N?n.DEFAULT_ASSET_TYPE:I,company:T,parentAssetId:x,parentAssetType:_,isRequiredAssetId:A,assetFields:C,activeWellId:h}),M=P.assets,F=P.loading,k=m({disabled:E}),L=y||S,R=M.some((function(e){return e.status===n.ACTIVE_STATUS}));_===o.ASSET_TYPES.intervention_unit.type&&(R=M.some((function(e){return Number(e.id)===Number(h)})));var K=s.capitalize(I),U=[{name:"Active ".concat(K),id:n.ACTIVE_ASSET_ID}].concat(d.default(M));return u.jsxs("div",{className:k.container,children:[u.jsxs(a.FormControl,{className:k.formControl,disabled:F,children:[u.jsx(a.InputLabel,{shrink:!!L,children:v}),u.jsx(a.Select,{"data-testid":D,classes:{select:k.select},value:L,disabled:E,onChange:function(e){var t=e.target,s=t.value===n.ACTIVE_ASSET_ID?{id:n.ACTIVE_ASSET_ID}:null==M?void 0:M.find((function(e){return e.id===t.value}));j(s)},fullWidth:!0,renderValue:function(e){if(e===n.ACTIVE_ASSETS_ID)return u.jsx("span",{className:k.activeAssets,children:"Active ".concat(K,"s")});if(e===n.ACTIVE_ASSET_ID&&!R)return u.jsx("span",{className:k.noActiveAsset,children:"".concat(c," has No Active ").concat(v)});if(e===n.ACTIVE_ASSET_ID&&R){var t=_===o.ASSET_TYPES.intervention_unit.type?M.find((function(e){return Number(e.id)===Number(h)})):M.find((function(e){return e.status===n.ACTIVE_STATUS}));return u.jsx(i,{className:k.selectValue,assetName:t.name,status:t.status})}var s=M.find((function(t){return t.id===e}));return u.jsx(i,{className:k.selectValue,assetName:null==s?void 0:s.name,status:null==s?void 0:s.status})},children:U.map((function(e){var t=e.id,s=e.name,a=e.status,r=s||"";return u.jsx(i,{className:k.option,assetName:r,"data-testid":"".concat(p,"_option_").concat(r,"MenuItem"),value:t,status:a},t)}))})]}),F&&u.jsx(a.CircularProgress,{"data-testid":"".concat(p,"_CircularProgress"),size:20,className:k.progress})]})};A.propTypes={appType:c.default.shape({constants:c.default.shape({})}),currentValue:c.default.oneOfType([c.default.number,c.default.string]),defaultValue:c.default.any,onChange:c.default.func.isRequired,parentAssetId:c.default.number,parentAssetType:c.default.string,assetType:c.default.string.isRequired,"data-testid":c.default.string,appKey:c.default.string,assetFields:c.default.array},exports.PAGE_NAME=p,exports.default=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("lodash"),s=require("@material-ui/core"),r=require("../effects/index.js"),a=require("../constants.js"),n=require("./SelectItem.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"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js");var i=require("../../../constants/assetTypes.js");require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js");var o=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(e),c="DC_SingleAssetEditor",d=[],p=s.makeStyles((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),m=function(e){return"number"==typeof e||"string"==typeof e};exports.PAGE_NAME=c,exports.default=function(e){var u=e.appKey,f=void 0===u?null:u,A=e.primaryAssetLabel,v=e.isRequiredAssetId,T=e.secondaryAssetLabel,E=e.company,S=e.currentValue,b=void 0===S?"":S,j=e.defaultValue,_=void 0===j?"":j,g=e.onChange,x=e.disabled,I=e.parentAssetId,y=e.assetType,q=e.parentAssetType,C=e.assetFields,N=void 0===C?d:C,h=e.activeWellId,V=e.isDrillingPlatformApp,D=e["data-testid"],P=void 0===D?"".concat(c,"_autoComplete"):D,M=V?a.DEFAULT_ASSET_TYPE:y||a.DEFAULT_ASSET_TYPE,F=r.useSecondaryAssetSelectData({appKey:f,assetId:b,assetType:M,company:E,parentAssetId:I,parentAssetType:q,isRequiredAssetId:v,assetFields:N,activeWellId:h}),k=F.assets,L=F.loading,U=p({disabled:x}),Y=b||_,W=k.some((function(e){return e.status===a.ACTIVE_STATUS}));q===i.ASSET_TYPES.intervention_unit.type&&(W=k.some((function(e){return Number(e.id)===Number(h)})));var w=t.capitalize(y||""),z=[{name:"Active ".concat(w),id:a.ACTIVE_ASSET_ID,status:null}].concat(l.default(k));return o.jsxs("div",{className:U.container,children:[o.jsxs(s.FormControl,{className:U.formControl,disabled:L,children:[o.jsx(s.InputLabel,{shrink:!!Y,children:T}),o.jsx(s.Select,{"data-testid":P,classes:{select:U.select},value:Y,disabled:x,onChange:function(e){var t=e.target;if(m(t.value)){var s=t.value===a.ACTIVE_ASSET_ID?{id:a.ACTIVE_ASSET_ID}:k.find((function(e){return e.id===Number(t.value)}));s&&g(s)}},fullWidth:!0,renderValue:function(e){if(!m(e))return null;if(e===a.ACTIVE_ASSETS_ID)return o.jsx("span",{className:U.activeAssets,children:"Active ".concat(w,"s")});if(e===a.ACTIVE_ASSET_ID&&!W)return o.jsx("span",{className:U.noActiveAsset,children:"".concat(A," has No Active ").concat(T)});if(e===a.ACTIVE_ASSET_ID&&W){var t=q===i.ASSET_TYPES.intervention_unit.type?k.find((function(e){return Number(e.id)===Number(h)})):k.find((function(e){return e.status===a.ACTIVE_STATUS}));return o.jsx(n,{className:U.selectValue,assetName:null==t?void 0:t.name,status:null==t?void 0:t.status})}var s=k.find((function(t){return t.id===Number(e)}));return o.jsx(n,{className:U.selectValue,assetName:null==s?void 0:s.name,status:null==s?void 0:s.status})},children:z.map((function(e){var t=e.id,s=e.name,r=e.status,a=s||"";return o.jsx(n,{className:U.option,assetName:a,"data-testid":"".concat(c,"_option_").concat(a,"MenuItem"),value:t,status:r},t)}))})]}),L&&o.jsx(s.CircularProgress,{"data-testid":"".concat(c,"_CircularProgress"),size:20,className:U.progress})]})};
 //# sourceMappingURL=SecondaryAssetSelect.js.map

package/cjs-bundle/components/AssetEditorV2/components/SecondaryAssetSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\nconst DEFAULT_ASSET_FIELDS = [];\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    position: 'relative',\n  },\n  select: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  formControl: {\n    marginTop: 16,\n    width: '100%',\n    '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n      '&::before': {\n        borderBottom: `1px solid #808080`,\n      },\n    },\n  },\n  selectValue: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: 0,\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  }),\n  option: ({ disabled }) => ({\n    cursor: 'pointer',\n    padding: '0px 0px 0px 16px',\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  }),\n  activeAssets: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n  progress: {\n    position: 'absolute',\n    right: 20,\n    bottom: 4,\n  },\n  noActiveAsset: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n}));\n\nconst SecondaryAssetSelect = props => {\n  const {\n    appKey = null,\n    primaryAssetLabel,\n    isRequiredAssetId,\n    secondaryAssetLabel,\n    company,\n    currentValue = '',\n    defaultValue = '',\n    onChange,\n    disabled,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n    assetFields = DEFAULT_ASSET_FIELDS,\n    activeWellId,\n    isDrillingPlatformApp,\n    'data-testid': dataTestId = `${PAGE_NAME}_autoComplete`,\n  } = props;\n\n  const { assets, loading } = useSecondaryAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n    company,\n    parentAssetId,\n    parentAssetType,\n    isRequiredAssetId,\n    assetFields,\n    activeWellId,\n  });\n  const styles = useStyles({ disabled });\n\n  const value = currentValue || defaultValue;\n  let hasActiveAsset = assets.some(asset => asset.status === ACTIVE_STATUS);\n  if (parentAssetType === ASSET_TYPES.intervention_unit.type) {\n    hasActiveAsset = assets.some(asset => Number(asset.id) === Number(activeWellId));\n  }\n  const capitalizedAssetType = capitalize(assetType);\n\n  const options = [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets];\n\n  const handleSelectChange = ({ target }) => {\n    const nextValue =\n      target.value === ACTIVE_ASSET_ID\n        ? { id: ACTIVE_ASSET_ID }\n        : assets?.find(asset => asset.id === target.value);\n    onChange(nextValue);\n  };\n\n  const renderSelectValue = assetId => {\n    if (assetId === ACTIVE_ASSETS_ID) {\n      return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n    }\n    if (assetId === ACTIVE_ASSET_ID && !hasActiveAsset) {\n      return (\n        <span className={styles.noActiveAsset}>\n          {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n        </span>\n      );\n    }\n    if (assetId === ACTIVE_ASSET_ID && hasActiveAsset) {\n      const activeAsset =\n        parentAssetType === ASSET_TYPES.intervention_unit.type\n          ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n          : assets.find(asset => asset.status === ACTIVE_STATUS);\n      return (\n        <SelectItem\n          className={styles.selectValue}\n          assetName={activeAsset.name}\n          status={activeAsset.status}\n        />\n      );\n    }\n    const selectedAsset = assets.find(asset => asset.id === assetId);\n    return (\n      <SelectItem\n        className={styles.selectValue}\n        assetName={selectedAsset?.name}\n        status={selectedAsset?.status}\n      />\n    );\n  };\n\n  return (\n    <div className={styles.container}>\n      <FormControl className={styles.formControl} disabled={loading}>\n        <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n        <Select\n          data-testid={dataTestId}\n          classes={{ select: styles.select }}\n          value={value}\n          disabled={disabled}\n          onChange={handleSelectChange}\n          fullWidth\n          renderValue={renderSelectValue}\n        >\n          {options.map(({ id, name, status }) => {\n            const assetName = name || '';\n            return (\n              <SelectItem\n                className={styles.option}\n                assetName={assetName}\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={id}\n                value={id}\n                status={status}\n              />\n            );\n          })}\n        </Select>\n      </FormControl>\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={styles.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSecondaryAssetSelect.propTypes = {\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  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n  assetFields: PropTypes.array,\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","DEFAULT_ASSET_FIELDS","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","_props$appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","_props$currentValue","currentValue","_props$defaultValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","_props$assetFields","assetFields","activeWellId","isDrillingPlatformApp","_props$dataTestid","dataTestId","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","value","hasActiveAsset","some","asset","status","ACTIVE_STATUS","ASSET_TYPES","intervention_unit","type","Number","id","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","_toConsumableArray","_jsxs","className","children","FormControl","_jsx","InputLabel","shrink","Select","classes","_ref3","target","nextValue","find","fullWidth","renderValue","ACTIVE_ASSETS_ID","activeAsset","SelectItem","assetName","selectedAsset","map","_ref4","jsx","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array"],"mappings":"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"}
+{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.tsx"],"sourcesContent":["import { ChangeEvent, FC } from 'react';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, FormControl, InputLabel, makeStyles, Select } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\nimport { AssetId, SecondaryAssetChange } from '../types';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst DEFAULT_ASSET_FIELDS: string[] = [];\n\ntype StyleProps = {\n  disabled?: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    position: 'relative',\n  },\n  select: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  formControl: {\n    marginTop: 16,\n    width: '100%',\n    '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n      '&::before': {\n        borderBottom: '1px solid #808080',\n      },\n    },\n  },\n  selectValue: ({ disabled }: StyleProps) => ({\n    cursor: 'pointer',\n    padding: 0,\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  }),\n  option: ({ disabled }: StyleProps) => ({\n    cursor: 'pointer',\n    padding: '0px 0px 0px 16px',\n    color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  }),\n  activeAssets: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n  progress: {\n    position: 'absolute',\n    right: 20,\n    bottom: 4,\n  },\n  noActiveAsset: {\n    color: '#9E9E9E',\n    padding: '8px 0 6px',\n  },\n}));\n\ntype SecondaryAssetSelectProps = {\n  'data-testid'?: string;\n  activeWellId?: number | null;\n  appKey?: string | null;\n  assetFields?: string[];\n  assetType?: string | null;\n  company?: AssetId | null;\n  currentValue?: AssetId | null;\n  defaultValue?: AssetId | null;\n  disabled?: boolean;\n  isDrillingPlatformApp?: boolean;\n  isNullable?: boolean;\n  isRequiredAssetId?: boolean;\n  onChange: (asset: SecondaryAssetChange) => void;\n  parentAssetId?: AssetId | null;\n  parentAssetType?: string | null;\n  primaryAssetLabel?: string | null;\n  secondaryAssetLabel?: string | null;\n};\n\nconst isAssetId = (value: unknown): value is AssetId => {\n  return typeof value === 'number' || typeof value === 'string';\n};\n\nconst SecondaryAssetSelect: FC<SecondaryAssetSelectProps> = ({\n  appKey = null,\n  primaryAssetLabel,\n  isRequiredAssetId,\n  secondaryAssetLabel,\n  company,\n  currentValue = '',\n  defaultValue = '',\n  onChange,\n  disabled,\n  parentAssetId,\n  assetType,\n  parentAssetType,\n  assetFields = DEFAULT_ASSET_FIELDS,\n  activeWellId,\n  isDrillingPlatformApp,\n  'data-testid': dataTestId = `${PAGE_NAME}_autoComplete`,\n}) => {\n  const resolvedAssetType = isDrillingPlatformApp\n    ? DEFAULT_ASSET_TYPE\n    : assetType || DEFAULT_ASSET_TYPE;\n  const { assets, loading } = useSecondaryAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType: resolvedAssetType,\n    company,\n    parentAssetId,\n    parentAssetType,\n    isRequiredAssetId,\n    assetFields,\n    activeWellId,\n  });\n  const styles = useStyles({ disabled });\n\n  const value = currentValue || defaultValue;\n  let hasActiveAsset = assets.some(asset => asset.status === ACTIVE_STATUS);\n  if (parentAssetType === ASSET_TYPES.intervention_unit.type) {\n    hasActiveAsset = assets.some(asset => Number(asset.id) === Number(activeWellId));\n  }\n  const capitalizedAssetType = capitalize(assetType || '');\n\n  const options = [\n    { name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID, status: null },\n    ...assets,\n  ];\n\n  const handleSelectChange = ({ target }: ChangeEvent<{ value: unknown }>): void => {\n    if (!isAssetId(target.value)) return;\n\n    const nextValue =\n      target.value === ACTIVE_ASSET_ID\n        ? { id: ACTIVE_ASSET_ID }\n        : assets.find(asset => asset.id === Number(target.value));\n\n    if (nextValue) onChange(nextValue);\n  };\n\n  const renderSelectValue = (assetId: unknown) => {\n    if (!isAssetId(assetId)) return null;\n\n    if (assetId === ACTIVE_ASSETS_ID) {\n      return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n    }\n\n    if (assetId === ACTIVE_ASSET_ID && !hasActiveAsset) {\n      return (\n        <span className={styles.noActiveAsset}>\n          {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n        </span>\n      );\n    }\n\n    if (assetId === ACTIVE_ASSET_ID && hasActiveAsset) {\n      const activeAsset =\n        parentAssetType === ASSET_TYPES.intervention_unit.type\n          ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n          : assets.find(asset => asset.status === ACTIVE_STATUS);\n\n      return (\n        <SelectItem\n          className={styles.selectValue}\n          assetName={activeAsset?.name}\n          status={activeAsset?.status}\n        />\n      );\n    }\n\n    const selectedAsset = assets.find(asset => asset.id === Number(assetId));\n\n    return (\n      <SelectItem\n        className={styles.selectValue}\n        assetName={selectedAsset?.name}\n        status={selectedAsset?.status}\n      />\n    );\n  };\n\n  return (\n    <div className={styles.container}>\n      <FormControl className={styles.formControl} disabled={loading}>\n        <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n        <Select\n          data-testid={dataTestId}\n          classes={{ select: styles.select }}\n          value={value}\n          disabled={disabled}\n          onChange={handleSelectChange}\n          fullWidth\n          renderValue={renderSelectValue}\n        >\n          {options.map(({ id, name, status }) => {\n            const assetName = name || '';\n\n            return (\n              <SelectItem\n                className={styles.option}\n                assetName={assetName}\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={id}\n                value={id}\n                status={status}\n              />\n            );\n          })}\n        </Select>\n      </FormControl>\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={styles.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","DEFAULT_ASSET_FIELDS","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","isAssetId","value","_ref3","_ref3$appKey","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","_ref3$currentValue","currentValue","_ref3$defaultValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","_ref3$assetFields","assetFields","activeWellId","isDrillingPlatformApp","_ref3$dataTestid","dataTestId","resolvedAssetType","DEFAULT_ASSET_TYPE","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","assets","loading","styles","hasActiveAsset","some","asset","status","ACTIVE_STATUS","ASSET_TYPES","intervention_unit","type","Number","id","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","_toConsumableArray","_jsxs","className","children","FormControl","_jsx","InputLabel","shrink","Select","classes","_ref4","target","nextValue","find","fullWidth","renderValue","ACTIVE_ASSETS_ID","activeAsset","SelectItem","assetName","selectedAsset","map","_ref5","jsx","CircularProgress","size"],"mappings":"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"}

package/cjs-bundle/components/AssetEditorV2/components/SelectItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),a=require("prop-types"),n=require("classnames"),s=require("@material-ui/core"),c=require("@material-ui/icons"),o=require("../constants.js"),l=require("../../MiddleTruncate/MiddleTruncate.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),f=d(t),m=d(r),h=d(a),b=d(n),j=["data-testid","value","className","assetName","status","multiple","selected"];function y(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}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){p.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=s.makeStyles({menuItem:{display:"flex",justifyContent:"space-between",width:"100%",height:36,paddingBottom:0,paddingTop:0},option:{display:"flex",alignItems:"center",justifyContent:"space-between"},itemContent:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),v=i.forwardRef((function(e,t){var r=e["data-testid"],a=void 0===r?"MenuItem":r,n=e.value,d=e.className,p=e.assetName,h=e.status,y=e.multiple,v=e.selected,O=m.default(e,j),C=i.useState(null),w=f.default(C,2),T=w[0],q=w[1],k=!!T,P=g(),S=u.jsxs("div",{className:P.itemContent,children:[u.jsx(l,{onTruncate:function(e){q(e)},truncatedText:T,maxWidth:380,children:p}),h===o.ACTIVE_STATUS&&u.jsx(s.Chip,{"data-not-migrated-muichip":!0,className:P.activeChip,label:"Active"})]});return u.jsx(s.Tooltip,{title:k?p:"",children:y?u.jsxs("div",{className:b.default(P.option),children:[u.jsx(s.Checkbox,{disableRipple:!0,icon:u.jsx(c.CheckBoxOutlineBlank,{style:{fontSize:20}}),className:P.checkbox,checkedIcon:u.jsx(c.CheckBox,{style:{fontSize:20}}),checked:v}),S]}):u.jsx("div",x(x({"data-testid":a,value:n,className:b.default(P.menuItem,d)},O),{},{children:S}))})}));v.propTypes={"data-testid":h.default.string},module.exports=v;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),a=require("classnames"),n=require("@material-ui/core"),s=require("@material-ui/icons"),c=require("../constants.js"),l=require("../../MiddleTruncate/MiddleTruncate.js"),o=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(e),p=u(t),f=u(r),m=u(a),h=["data-testid","value","className","assetName","status","multiple","selected"];function b(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}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){d.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=n.makeStyles({menuItem:{display:"flex",justifyContent:"space-between",width:"100%",height:36,paddingBottom:0,paddingTop:0},option:{display:"flex",alignItems:"center",justifyContent:"space-between"},itemContent:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),x=i.forwardRef((function(e,t){var r=e["data-testid"],a=void 0===r?"MenuItem":r,u=e.value,d=e.className,b=e.assetName,x=void 0===b?"":b,g=e.status,v=e.multiple,O=e.selected,C=f.default(e,h),w=i.useState(null),T=p.default(w,2),q=T[0],P=T[1],S=!!q,k=y(),N=o.jsxs("div",{className:k.itemContent,children:[o.jsx(l,{onTruncate:P,truncatedText:q,maxWidth:380,children:x}),g===c.ACTIVE_STATUS&&o.jsx(n.Chip,{"data-not-migrated-muichip":!0,className:k.activeChip,label:"Active"})]});return o.jsx(n.Tooltip,{title:S?x:"",children:v?o.jsxs("div",{className:m.default(k.option),ref:t,children:[o.jsx(n.Checkbox,{disableRipple:!0,icon:o.jsx(s.CheckBoxOutlineBlank,{style:{fontSize:20}}),checkedIcon:o.jsx(s.CheckBox,{style:{fontSize:20}}),checked:O}),N]}):o.jsx("div",j(j({"data-testid":a,className:m.default(k.menuItem,d),ref:t,value:u},C),{},{children:N}))})}));module.exports=x;
 //# sourceMappingURL=SelectItem.js.map

package/cjs-bundle/components/AssetEditorV2/components/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","sources":["../../../../../src/components/AssetEditorV2/components/SelectItem.js"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport {\n  CheckBox as CheckBoxIcon,\n  CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon,\n} from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n    height: 36,\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  itemContent: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\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 SelectItem = forwardRef(\n  (\n    {\n      'data-testid': PAGE_NAME = 'MenuItem',\n      value,\n      className,\n      assetName,\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    // eslint-disable-next-line no-unused-vars\n    muiRef\n  ) => {\n    const [truncatedText, setTruncatedText] = useState(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const handleTruncatedText = truncatedText => {\n      setTruncatedText(truncatedText);\n    };\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate\n          onTruncate={handleTruncatedText}\n          truncatedText={truncatedText}\n          maxWidth={380}\n        >\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              className={styles.checkbox}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={PAGE_NAME}\n            value={value}\n            className={classNames(styles.menuItem, className)}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nSelectItem.propTypes = {\n  'data-testid': PropTypes.string,\n};\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","muiRef","_ref$dataTestid","PAGE_NAME","value","className","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkbox","checkedIcon","CheckBoxIcon","checked","jsx","_objectSpread","propTypes","PropTypes","string"],"mappings":"2qCAaA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAIbC,EAAaC,EAAUA,YAC3B,SAAAC,EAYEC,GACG,IAAAC,EAAAF,EAXD,eAAeG,aAAY,WAAUD,EACrCE,IAAAA,MACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAA,QAAAX,EAAAY,GAK4BC,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAjDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS3C,IAMTW,EACJiC,EAAAC,KAAA,MAAA,CAAKjB,UAAWe,EAAOhC,YAAYmC,SAAA,CACjCC,MAACC,EAAc,CACbC,WAPsB,SAAAT,GAC1BC,EAAiBD,IAObA,cAAeA,EACfU,SAAU,IAAIJ,SAEbjB,IAEFC,IAAWqB,iBACVJ,EAAAA,IAACK,EAAAA,KAAI,CAAC,6BAAyB,EAACxB,UAAWe,EAAO/B,WAAYyC,MAAM,cAK1E,OACEN,EAAAA,IAACO,EAAAA,QAAO,CAACC,MAAOb,EAAcb,EAAY,GAAGiB,SAC1Cf,EACCa,EAAAC,KAAA,MAAA,CAAKjB,UAAW4B,EAAAA,QAAWb,EAAOlC,QAAQqC,SAAA,CACxCC,MAACU,WAAQ,CACPC,eAAa,EACbC,KAAMZ,MAACa,uBAAwB,CAACC,MAAO,CAAE7C,SAAU,MACnDY,UAAWe,EAAOmB,SAClBC,YAAahB,MAACiB,WAAY,CAACH,MAAO,CAAE7C,SAAU,MAC9CiD,QAASjC,IAEVrB,KAGHoC,EAAAmB,IAAA,MAAAC,EAAAA,EAAA,CACE,cAAazC,EACbC,MAAOA,EACPC,UAAW4B,EAAU,QAACb,EAAOzC,SAAU0B,IACnCK,GAAS,GAAA,CAAAa,SAEZnC,MAKX,IAGFU,EAAW+C,UAAY,CACrB,cAAeC,EAAS,QAACC"}
+{"version":3,"file":"SelectItem.js","sources":["../../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport {\n  CheckBox as CheckBoxIcon,\n  CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon,\n} from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\nimport { AssetId } from '../types';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '100%',\n    height: 36,\n    paddingBottom: 0,\n    paddingTop: 0,\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  itemContent: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\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\ntype Props = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  'data-testid'?: string;\n  assetName?: string;\n  multiple?: boolean;\n  selected?: boolean;\n  status?: string | null;\n  value?: AssetId;\n};\n\nconst SelectItem = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      'data-testid': pageName = 'MenuItem',\n      value,\n      className,\n      assetName = '',\n      status,\n      multiple,\n      selected,\n      ...restProps\n    },\n    ref\n  ) => {\n    const [truncatedText, setTruncatedText] = useState<string | null>(null);\n    const isTruncated = !!truncatedText;\n    const styles = useStyles();\n\n    const itemContent = (\n      <div className={styles.itemContent}>\n        <MiddleTruncate onTruncate={setTruncatedText} truncatedText={truncatedText} maxWidth={380}>\n          {assetName}\n        </MiddleTruncate>\n        {status === ACTIVE_STATUS && (\n          <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n        )}\n      </div>\n    );\n\n    return (\n      <Tooltip title={isTruncated ? assetName : ''}>\n        {multiple ? (\n          <div className={classNames(styles.option)} ref={ref}>\n            <Checkbox\n              disableRipple\n              icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n              checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n              checked={selected}\n            />\n            {itemContent}\n          </div>\n        ) : (\n          <div\n            data-testid={pageName}\n            className={classNames(styles.menuItem, className)}\n            ref={ref}\n            {...{ value }}\n            {...restProps}\n          >\n            {itemContent}\n          </div>\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","ref","_ref$dataTestid","pageName","value","className","_ref$assetName","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkedIcon","CheckBoxIcon","checked","jsx","_objectSpread"],"mappings":"4oCAaA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAabC,EAAaC,EAAUA,YAC3B,SAAAC,EAWEC,GACG,IAAAC,EAAAF,EAVD,eAAeG,aAAW,WAAUD,EACpCE,IAAAA,MACAC,IAAAA,UAASC,EAAAN,EACTO,UAAAA,aAAY,GAAED,EACdE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAA,QAAAZ,EAAAa,GAI4BC,EAAAA,EAAQA,SAAgB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS5C,IAETW,EACJkC,EAAAC,KAAA,MAAA,CAAKlB,UAAWgB,EAAOjC,YAAYoC,SAAA,CACjCC,MAACC,EAAc,CAACC,WAAYR,EAAkBD,cAAeA,EAAeU,SAAU,IAAIJ,SACvFjB,IAEFC,IAAWqB,iBACVJ,EAAAA,IAACK,EAAAA,KAAI,CAAC,6BAAyB,EAACzB,UAAWgB,EAAOhC,WAAY0C,MAAM,cAK1E,OACEN,EAAAA,IAACO,EAAAA,QAAO,CAACC,MAAOb,EAAcb,EAAY,GAAGiB,SAC1Cf,EACCa,EAAAC,KAAA,MAAA,CAAKlB,UAAW6B,EAAAA,QAAWb,EAAOnC,QAASe,IAAKA,EAAIuB,SAAA,CAClDC,MAACU,WAAQ,CACPC,eAAa,EACbC,KAAMZ,MAACa,uBAAwB,CAACC,MAAO,CAAE9C,SAAU,MACnD+C,YAAaf,MAACgB,WAAY,CAACF,MAAO,CAAE9C,SAAU,MAC9CiD,QAAShC,IAEVtB,KAGHqC,EAAAkB,IAAA,MAAAC,EAAAA,EAAA,CACE,cAAazC,EACbE,UAAW6B,EAAU,QAACb,EAAO1C,SAAU0B,GACvCJ,IAAKA,EACCG,MAAAA,GACFO,GAAS,GAAA,CAAAa,SAEZpC,MAKX"}

package/cjs-bundle/components/AssetEditorV2/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/AssetEditorV2/constants.js"],"sourcesContent":["import { ASSET_TYPES } from '~/constants';\n\nexport const PER_PAGE = 200;\n\n// The distance in pixels before the end of the items that will trigger a call to loadMore.\nexport const SCROLL_THRESHOLD = 400;\n\nexport const ACTIVE_STATUS = 'active';\n\nexport const ACTIVE_ASSET_ID = 'activeAsset';\n\nexport const ACTIVE_ASSETS_ID = 'activeAssets';\n\nexport const DEFAULT_ASSET_TYPE = 'asset';\n\nexport const ASSET_TYPE_SEARCH_PLACEHOLDERS = {\n  [ASSET_TYPES.intervention_unit.type]: 'Search Intervention Unit...',\n  [ASSET_TYPES.rig.type]: 'Search Rig...',\n  [ASSET_TYPES.frac_fleet.type]: 'Search Pad / Frac Fleet...',\n};\n\nexport const ASSET_TYPE_SEARCH_PLACEHOLDERS_NO_SECONDARY = {\n  ...ASSET_TYPE_SEARCH_PLACEHOLDERS,\n  [ASSET_TYPES.frac_fleet.type]: 'Search Frac Fleet...',\n};\n"],"names":["ASSET_TYPE_SEARCH_PLACEHOLDERS","_ASSET_TYPE_SEARCH_PL","_defineProperty","ASSET_TYPES","intervention_unit","type","rig","frac_fleet","ASSET_TYPE_SEARCH_PLACEHOLDERS_NO_SECONDARY"],"mappings":"8zCAOO,IAQMA,GAA8BC,EAAA,GAAAC,EAAAA,QAAAD,EACxCE,cAAYC,kBAAkBC,KAAO,+BAA6BH,EAAA,QAAAD,EAClEE,cAAYG,IAAID,KAAO,iBACvBF,UAAAA,EAAAA,EAAWA,YAACI,WAAWF,KAAO,8BAChCJ,GAEYO,EACRR,EAAAA,EAAAA,CAAAA,EAAAA,GACFG,CAAAA,EAAAA,EAAAA,QAAAA,CAAAA,EAAAA,EAAWA,YAACI,WAAWF,KAAO,kDAZD,uCAFD,oCAFF,mIAMK"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/AssetEditorV2/constants.ts"],"sourcesContent":["import { ASSET_TYPES } from '~/constants';\n\nexport const PER_PAGE = 200;\n\n// The distance in pixels before the end of the items that will trigger a call to loadMore.\nexport const SCROLL_THRESHOLD = 400;\n\nexport const ACTIVE_STATUS = 'active';\n\nexport const ACTIVE_ASSET_ID = 'activeAsset';\n\nexport const ACTIVE_ASSETS_ID = 'activeAssets';\n\nexport const DEFAULT_ASSET_TYPE = 'asset';\n\nexport const ASSET_TYPE_SEARCH_PLACEHOLDERS: Record<string, string> = {\n  [ASSET_TYPES.intervention_unit.type]: 'Search Intervention Unit...',\n  [ASSET_TYPES.rig.type]: 'Search Rig...',\n  [ASSET_TYPES.frac_fleet.type]: 'Search Pad / Frac Fleet...',\n};\n\nexport const ASSET_TYPE_SEARCH_PLACEHOLDERS_NO_SECONDARY: Record<string, string> = {\n  ...ASSET_TYPE_SEARCH_PLACEHOLDERS,\n  [ASSET_TYPES.frac_fleet.type]: 'Search Frac Fleet...',\n};\n"],"names":["ASSET_TYPE_SEARCH_PLACEHOLDERS","_ASSET_TYPE_SEARCH_PL","_defineProperty","ASSET_TYPES","intervention_unit","type","rig","frac_fleet","ASSET_TYPE_SEARCH_PLACEHOLDERS_NO_SECONDARY"],"mappings":"8zCAOO,IAQMA,GAAsDC,EAAA,GAAAC,EAAAA,QAAAD,EAChEE,cAAYC,kBAAkBC,KAAO,+BAA6BH,EAAA,QAAAD,EAClEE,cAAYG,IAAID,KAAO,iBACvBF,UAAAA,EAAAA,EAAWA,YAACI,WAAWF,KAAO,8BAChCJ,GAEYO,EACRR,EAAAA,EAAAA,CAAAA,EAAAA,GACFG,CAAAA,EAAAA,EAAAA,QAAAA,CAAAA,EAAAA,EAAWA,YAACI,WAAWF,KAAO,kDAZD,uCAFD,oCAFF,mIAMK"}

package/cjs-bundle/components/AssetEditorV2/effects/assetResponse.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@babel/runtime/helpers/typeof"),e=require("../../../utils/jsonaDataFormatter.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var n=t(r),i=function(r){return"object"===n.default(r)&&null!==r&&!Array.isArray(r)},u=function(r){return i(r)&&"string"==typeof r.type},a=function(r){if("string"==typeof r)return!0;if(!i(r))return!1;var e=!("data"in r)||function(r){return Array.isArray(r)?r.every(u):u(r)}(r.data),t=!("included"in r)||Array.isArray(r.included)&&r.included.every(u);return e&&t};exports.deserializeAssetResponse=function(r){if(!a(r))return[];var t=e.jsonaDataFormatter.deserialize(r);return Array.isArray(t)?t:[]},exports.getFirstIncludedId=function(r){if(!i(r)||!Array.isArray(r.included))return null;var e=r.included[0];return i(e)&&Number(e.id)||null},exports.getResponseData=function(r){return i(r)?r.data:void 0};
+//# sourceMappingURL=assetResponse.js.map

package/cjs-bundle/components/AssetEditorV2/effects/assetResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetResponse.js","sources":["../../../../../src/components/AssetEditorV2/effects/assetResponse.ts"],"sourcesContent":["import { jsonaDataFormatter } from '~/utils/jsonaDataFormatter';\n\ntype JsonApiInput = Parameters<typeof jsonaDataFormatter.deserialize>[0];\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nconst isJsonApiResource = (value: unknown): boolean =>\n  isRecord(value) && typeof value.type === 'string';\n\nconst isJsonApiData = (value: unknown): boolean =>\n  Array.isArray(value) ? value.every(isJsonApiResource) : isJsonApiResource(value);\n\nconst isJsonApiInput = (value: unknown): value is JsonApiInput => {\n  if (typeof value === 'string') return true;\n  if (!isRecord(value)) return false;\n\n  const hasValidData = !('data' in value) || isJsonApiData(value.data);\n  const hasValidIncluded =\n    !('included' in value) ||\n    (Array.isArray(value.included) && value.included.every(isJsonApiResource));\n\n  return hasValidData && hasValidIncluded;\n};\n\nexport const deserializeAssetResponse = (response: unknown): unknown[] => {\n  if (!isJsonApiInput(response)) return [];\n\n  const deserializedResponse: unknown = jsonaDataFormatter.deserialize(response);\n\n  return Array.isArray(deserializedResponse) ? deserializedResponse : [];\n};\n\nexport const getResponseData = (response: unknown): unknown =>\n  isRecord(response) ? response.data : undefined;\n\nexport const getFirstIncludedId = (response: unknown): number | null => {\n  if (!isRecord(response) || !Array.isArray(response.included)) return null;\n\n  const firstIncluded = response.included[0];\n  if (!isRecord(firstIncluded)) return null;\n\n  return Number(firstIncluded.id) || null;\n};\n"],"names":["isRecord","value","_typeof","Array","isArray","isJsonApiResource","type","isJsonApiInput","hasValidData","every","isJsonApiData","data","hasValidIncluded","included","response","deserializedResponse","jsonaDataFormatter","deserialize","firstIncluded","Number","id","undefined"],"mappings":"wPAIMA,EAAW,SAACC,GAAc,MACb,WAAjBC,EAAOD,QAAAA,IAAgC,OAAVA,IAAmBE,MAAMC,QAAQH,EAAM,EAEhEI,EAAoB,SAACJ,GAAc,OACvCD,EAASC,IAAgC,iBAAfA,EAAMK,IAAiB,EAK7CC,EAAiB,SAACN,GACtB,GAAqB,iBAAVA,EAAoB,OAAO,EACtC,IAAKD,EAASC,GAAQ,OAAO,EAE7B,IAAMO,IAAiB,SAAUP,IAPb,SAACA,GAAc,OACnCE,MAAMC,QAAQH,GAASA,EAAMQ,MAAMJ,GAAqBA,EAAkBJ,EAAM,CAMrCS,CAAcT,EAAMU,MACzDC,IACF,aAAcX,IACfE,MAAMC,QAAQH,EAAMY,WAAaZ,EAAMY,SAASJ,MAAMJ,GAEzD,OAAOG,GAAgBI,CACzB,mCAEwC,SAACE,GACvC,IAAKP,EAAeO,GAAW,MAAO,GAEtC,IAAMC,EAAgCC,EAAAA,mBAAmBC,YAAYH,GAErE,OAAOX,MAAMC,QAAQW,GAAwBA,EAAuB,EACtE,6BAKkC,SAACD,GACjC,IAAKd,EAASc,KAAcX,MAAMC,QAAQU,EAASD,UAAW,OAAO,KAErE,IAAMK,EAAgBJ,EAASD,SAAS,GACxC,OAAKb,EAASkB,IAEPC,OAAOD,EAAcE,KAFS,IAGvC,0BAV+B,SAACN,GAAiB,OAC/Cd,EAASc,GAAYA,EAASH,UAAOU,CAAS"}