@corva/ui 3.77.0-1 → 3.77.0-10

package/components/Annotations/components/AnnotationsList/index.js

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

package/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","_Fragment","Typography","concat","variant","title","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":"qxCAqBA,IAAMA,EAAY,mBAsBZC,EAAkB,SAWlBC,GAAA,IAAAC,EAVJC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,eAAcC,EAAAN,EACdO,YAAAA,aAAcC,EAAqCF,EACnDG,IAAAA,YACAC,IAAAA,QAAOC,EAAAX,EACPY,SAAAA,aAAWC,EAAkCF,EAC7CG,IAAAA,QAAOC,EAAAf,EACPgB,cAAAA,aAAgB,KAAID,EAEZE,EAAgBC,IAAhBD,YACFE,EAAWC,IAEXC,EAAUC,IACVC,EAAYD,IAQlBE,EAAgBH,EAASX,GAEzB,IAA4Be,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAC0BD,GAAAA,GAAS,GAAKM,GAAAJ,EAAAK,GAAA,GAAzDC,GAAiBF,GAAA,GAAEG,GAAoBH,GAAA,GACIN,GAAAA,GAAS,GAAKU,GAAAR,EAAAS,GAAA,GAAzDC,GAAiBF,GAAA,GAAEG,GAAoBH,GAAA,GACtBV,GAAAA,EAAS,GAAEc,GAAAZ,EAAAa,GAAA,GAA5BC,GAAIF,GAAA,GAAEG,GAAOH,GAAA,GAEiB,SAAAI,KA4BpC,OA5BoCA,GAArCC,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAA,OAAAL,EAAAM,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GACQpD,GAASE,EAAO,CAAAgD,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAWsC,OAV5DrB,IAAqB,GAAMkB,EAAAC,KAAA,EAInBJ,EAAU,CACdR,KAAAA,GACAe,SAzCS,EA0CTC,KAAM,aACNC,MAAO,QAEL1C,IAAeiC,EAAQU,eAAiB3C,GAAcoC,EAAAE,KAAA,EAEzCM,EAAe1D,EAAOE,EAAS6C,GAAQ,KAAA,EAAxDD,EAAQI,EAAAS,KACR1C,EAAS,CACP2C,KAAe,IAATrB,GAAasB,EAAkBC,EACrC/C,YAAa+B,IACZI,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAa,GAAAb,EAAA,MAAA,GAEHc,QAAQC,MAAQf,EAAAa,IAAC,KAAA,GAGbf,EAAkBF,GAAYA,EAASoB,KAAKC,OAxDrC,EA0Db3B,GAAQD,GAAO,GACfH,IAAsBY,GACtBhB,IAAqB,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAkB,EAAAkB,OAAA,GAAAvB,EAAA,KAAA,CAAA,CAAA,EAAA,KAC7B,MAAAwB,MAAAC,KAAAC,UAAA,CAMD,OAJAC,GAAU,WACR5C,GAAU,EACX,GAAE,IAGD6C,EAACC,EAAO,CAACvD,QAASA,EAAQwD,SACxBC,EAACC,EAAK,CACJC,UAAWC,EAAWC,EAAOC,2BAC1BD,EAAOE,qBAAuBvD,GAC9BqD,EAAAA,EAAAA,EAAOG,2BAA6BzE,GACpCX,IAAA4E,SAAA,CAEHF,EAACW,EAAY,CACXC,kBAAmBL,EAAOM,iCAC1BC,gBACEX,EAAAY,EAAA,CAAAb,SAAA,CACEF,EAACgB,EAAU,CACT,cAAA,GAAAC,OAAgB9F,EAAqB,aACrC+F,QAAQ,QACRb,UAAWlE,EAAQgF,MAAMjB,SAExB1E,IAGHwE,EAAA,MAAA,CAAKK,UAAWE,EAAOa,2BAA2BlB,SAChDC,EAACa,EAAU,CACT,cAAA,GAAAC,OAAgB9F,EAA6B,qBAC7C+F,QAAQ,UACRb,UAAWlE,EAAQkF,eAAenB,SAEpB5D,CAAAA,gBAAAA,EAAYmD,KAAOnD,EAAYmD,KAAKC,OAAS,EAAC,SAIhEM,EAACsB,EAAiB,CAChB/F,MAAOA,EACPE,QAASA,EACTC,eAAgBA,EAChBE,YAAaA,EACbE,YAAaA,EACbO,cAAeA,OAIrBkF,UAAWtF,EACXuF,MAAOlF,EAAYmD,MAAQ,GAC3BgC,mBACInF,EAAYmD,MAAoC,IAA5BnD,EAAYmD,KAAKC,QAAkBpC,IAE3DoE,kBACE1B,EAACgB,EAAU,CACTE,QAAQ,QACR,cAAA,GAAAD,OAAgB9F,EAA0B,kBAC1CkF,UAAWlE,EAAQwF,cAAczB,SAAA,uBAKrC0B,UAAW,GACXC,wBArGFnF,EAAQoF,SAAWlF,EAAUkF,QACxBpF,EAAQoF,QAAQC,aAAenF,EAAUkF,QAAQC,aACnD,KAoGDrE,kBAAmBA,GACnBsE,gBAAiB,CAAC,aAAc,cAChCC,WAAY,SAAAC,GAAI,OACdlC,EAACmC,EAAU,CAETlG,SAAUA,EACVmG,WAAYF,EACZxG,eAAgBA,EAChB2G,SAAU/F,EAAY+F,SACtBvG,YAAaA,EACbwG,wBAAyBA,GANpBJ,EAAKK,GAQZ,EACFC,UAzG4B,WAEC,OAAAxE,GAAA4B,MAAAC,KAAAC,UAAA,IAyG/BE,EAAA,MAAA,CAAKK,UAAWE,EAAOkC,wBAAyBC,IAAK9F,EAAUsD,SAC7DF,EAAC2C,EAAO,CAACxB,MAAM,OAAOyB,UAAU,SAAQ1C,SACtCF,EAAC6C,EAAU,CACT,cAAA,GAAA5B,OAAgB9F,EAAuB,eACvC2H,QAAS/G,EACTsE,UAAWlE,EAAQ4G,SAAS7C,SAE5BF,EAACgD,EAAQ,cAOvB,EAEA5H,EAAgB6H,UAAY,CAC1B1H,MAAO2H,EAAOC,WACd3H,SAAU4H,EAAOD,WACjB1H,QAASyH,EAAOC,WAChBzH,eAAgBwH,EAAOC,WACvBvH,YAAayH,IACblH,QAASkH,IAAQF,WACjBpH,QAASuH,EAAKH,WACdrH,YAAauH,EAAM,CAAE,GAAEF,WACvBlH,SAAUsH,EACVlH,cAAe+G,GAGjB,IAAMvH,EAAwC,CAAA,EACxCK,EAAqCsH,EAE5BC,EAAAA,GA5LG,SAAAC,GAAK,MAAK,CAC1BvC,MAAO,CAAEwC,WAAY,IAAKC,aAAc,IACxCvC,eAAgB,CACdsC,WAAY,IACZE,cAAe,YACfC,MAAOJ,EAAMK,QAAQC,KAAK,MAE5BC,aAAc,CACZC,QAAS,EACT,UAAW,CACTC,gBAAiB,cACjBC,UAAW,SAGfzC,cAAe,CAAE0C,UAAW,IAC5BtB,SAAU,CAAEuB,OAAQ,UAAWR,MAAOJ,EAAMK,QAAQC,KAAK,KAAME,QAAS,GACzE,GA4KcT,CAAsBc,EAAKnJ"}
+{"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","_Fragment","Typography","concat","variant","title","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":"u7FAqBA,IAAMA,EAAY,mBAsBZC,EAAkB,SAWlBC,GAAA,IAAAC,EAVJC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,eAAcC,EAAAN,EACdO,YAAAA,aAAcC,EAAqCF,EACnDG,IAAAA,YACAC,IAAAA,QAAOC,EAAAX,EACPY,SAAAA,aAAWC,EAAkCF,EAC7CG,IAAAA,QAAOC,EAAAf,EACPgB,cAAAA,aAAgB,KAAID,EAEZE,EAAgBC,IAAhBD,YACFE,EAAWC,IAEXC,EAAUC,IACVC,EAAYD,IAQlBE,EAAgBH,EAASX,GAEzB,IAA4Be,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAC0BD,GAAAA,GAAS,GAAKM,GAAAJ,EAAAK,GAAA,GAAzDC,GAAiBF,GAAA,GAAEG,GAAoBH,GAAA,GACIN,GAAAA,GAAS,GAAKU,GAAAR,EAAAS,GAAA,GAAzDC,GAAiBF,GAAA,GAAEG,GAAoBH,GAAA,GACtBV,GAAAA,EAAS,GAAEc,GAAAZ,EAAAa,GAAA,GAA5BC,GAAIF,GAAA,GAAEG,GAAOH,GAAA,GAEiB,SAAAI,KA4BpC,OA5BoCA,GAArCC,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAA,OAAAL,EAAAM,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GACQpD,GAASE,EAAO,CAAAgD,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAWsC,OAV5DrB,IAAqB,GAAMkB,EAAAC,KAAA,EAInBJ,EAAU,CACdR,KAAAA,GACAe,SAzCS,EA0CTC,KAAM,aACNC,MAAO,QAEL1C,IAAeiC,EAAQU,eAAiB3C,GAAcoC,EAAAE,KAAA,EAEzCM,EAAe1D,EAAOE,EAAS6C,GAAQ,KAAA,EAAxDD,EAAQI,EAAAS,KACR1C,EAAS,CACP2C,KAAe,IAATrB,GAAasB,EAAkBC,EACrC/C,YAAa+B,IACZI,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAa,GAAAb,EAAA,MAAA,GAEHc,QAAQC,MAAQf,EAAAa,IAAC,KAAA,GAGbf,EAAkBF,GAAYA,EAASoB,KAAKC,OAxDrC,EA0Db3B,GAAQD,GAAO,GACfH,IAAsBY,GACtBhB,IAAqB,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAkB,EAAAkB,OAAA,GAAAvB,EAAA,KAAA,CAAA,CAAA,EAAA,KAC7B,MAAAwB,MAAAC,KAAAC,UAAA,CAMD,OAJAC,GAAU,WACR5C,GAAU,EACX,GAAE,IAGD6C,EAACC,EAAO,CAACvD,QAASA,EAAQwD,SACxBC,EAACC,EAAK,CACJC,UAAWC,EAAWC,EAAOC,2BAC1BD,EAAOE,qBAAuBvD,GAC9BqD,EAAAA,EAAAA,EAAOG,2BAA6BzE,GACpCX,IAAA4E,SAAA,CAEHF,EAACW,EAAY,CACXC,kBAAmBL,EAAOM,iCAC1BC,gBACEX,EAAAY,EAAA,CAAAb,SAAA,CACEF,EAACgB,EAAU,CACT,cAAA,GAAAC,OAAgB9F,EAAqB,aACrC+F,QAAQ,QACRb,UAAWlE,EAAQgF,MAAMjB,SAExB1E,IAGHwE,EAAA,MAAA,CAAKK,UAAWE,EAAOa,2BAA2BlB,SAChDC,EAACa,EAAU,CACT,cAAA,GAAAC,OAAgB9F,EAA6B,qBAC7C+F,QAAQ,UACRb,UAAWlE,EAAQkF,eAAenB,SAEpB5D,CAAAA,gBAAAA,EAAYmD,KAAOnD,EAAYmD,KAAKC,OAAS,EAAC,SAIhEM,EAACsB,EAAiB,CAChB/F,MAAOA,EACPE,QAASA,EACTC,eAAgBA,EAChBE,YAAaA,EACbE,YAAaA,EACbO,cAAeA,OAIrBkF,UAAWtF,EACXuF,MAAOlF,EAAYmD,MAAQ,GAC3BgC,mBACInF,EAAYmD,MAAoC,IAA5BnD,EAAYmD,KAAKC,QAAkBpC,IAE3DoE,kBACE1B,EAACgB,EAAU,CACTE,QAAQ,QACR,cAAA,GAAAD,OAAgB9F,EAA0B,kBAC1CkF,UAAWlE,EAAQwF,cAAczB,SAAA,uBAKrC0B,UAAW,GACXC,wBArGFnF,EAAQoF,SAAWlF,EAAUkF,QACxBpF,EAAQoF,QAAQC,aAAenF,EAAUkF,QAAQC,aACnD,KAoGDrE,kBAAmBA,GACnBsE,gBAAiB,CAAC,aAAc,cAChCC,WAAY,SAAAC,GAAI,OACdlC,EAACmC,EAAU,CAETlG,SAAUA,EACVmG,WAAYF,EACZxG,eAAgBA,EAChB2G,SAAU/F,EAAY+F,SACtBvG,YAAaA,EACbwG,wBAAyBA,GANpBJ,EAAKK,GAQZ,EACFC,UAzG4B,WAEC,OAAAxE,GAAA4B,MAAAC,KAAAC,UAAA,IAyG/BE,EAAA,MAAA,CAAKK,UAAWE,EAAOkC,wBAAyBC,IAAK9F,EAAUsD,SAC7DF,EAAC2C,EAAO,CAACxB,MAAM,OAAOyB,UAAU,SAAQ1C,SACtCF,EAAC6C,EAAU,CACT,cAAA,GAAA5B,OAAgB9F,EAAuB,eACvC2H,QAAS/G,EACTsE,UAAWlE,EAAQ4G,SAAS7C,SAE5BF,EAACgD,EAAQ,cAOvB,EAEA5H,EAAgB6H,UAAY,CAC1B1H,MAAO2H,EAAOC,WACd3H,SAAU4H,EAAOD,WACjB1H,QAASyH,EAAOC,WAChBzH,eAAgBwH,EAAOC,WACvBvH,YAAayH,IACblH,QAASkH,IAAQF,WACjBpH,QAASuH,EAAKH,WACdrH,YAAauH,EAAM,CAAE,GAAEF,WACvBlH,SAAUsH,EACVlH,cAAe+G,GAGjB,IAAMvH,EAAwC,CAAA,EACxCK,EAAqCsH,EAE5BC,EAAAA,GA5LG,SAAAC,GAAK,MAAK,CAC1BvC,MAAO,CAAEwC,WAAY,IAAKC,aAAc,IACxCvC,eAAgB,CACdsC,WAAY,IACZE,cAAe,YACfC,MAAOJ,EAAMK,QAAQC,KAAK,MAE5BC,aAAc,CACZC,QAAS,EACT,UAAW,CACTC,gBAAiB,cACjBC,UAAW,SAGfzC,cAAe,CAAE0C,UAAW,IAC5BtB,SAAU,CAAEuB,OAAQ,UAAWR,MAAOJ,EAAMK,QAAQC,KAAK,KAAME,QAAS,GACzE,GA4KcT,CAAsBc,EAAKnJ"}

package/components/AssetsMultipleSelector/AssetsMultipleSelector.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{memo as o,useState as n,useEffect as a,useMemo as i,useCallback as l}from"react";import s from"classnames";import{makeStyles as p}from"@material-ui/core";import{sortBy as c}from"lodash";import{Search as u}from"../Search/Search.js";import{mapAssetGetRequest as d}from"../../clients/jsonApi/index.js";import"../../utils/index.js";import m from"../../effects/useLoadedData.js";import{jsxs as f,jsx as b}from"react/jsx-runtime";import{jsonaDataFormatter as h}from"../../utils/jsonaDataFormatter.js";var g=["listbox","paper"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function O(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?v(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var j=p((function(e){return{listbox:{maxHeight:360},paper:{width:364},footer:{fontSize:12,color:e.palette.primary.text6,lineHeight:"16.872px",padding:"8px 16px"}}})),y=function(e){var t;return{data:h.deserialize(e.data),total:Number(null===(t=e.headers)||void 0===t?void 0:t.get("total"))||0}},P=[],x={},S={data:[],total:0},D=o((function(t){var o=t.selectedAssets,p=void 0===o?P:o,h=t.onChange,v=t.label,D=t.className,w=t.type,C=t.customRequestQueryParams,F=t.classes,A=void 0===F?{}:F,E=j(),I=m({loadFn:d(w,!0),initialData:S,getDataFromResponseFn:y,isCacheEnabled:!0}),N=I.isLoading,z=I.setIsLoading,H=I.data,L=I.loadData,R=null!=H?H:S,k=R.data,T=R.total,q=n(""),Q=r(q,2),W=Q[0],_=Q[1];a((function(){J("",C)}),[]);var B=i((function(){return p.map((function(e){return O(O({},e),{},{id:e.id,label:e.name})}))}),[p]),G=i((function(){var e={};return(B.length?k.concat(B):k).forEach((function(t){e[t.id]=O(O({},t),{},{id:t.id,label:t.name})})),Object.values(c(e,"label"))}),[k,p,W]),J=l((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=O(O(O({},x),{},{per_page:50},t),{},{fields:["".concat(w,".name")].concat((null==t?void 0:t.fields)||[])});L(O({search:e},r))}),[]),K=function(){_(""),J("",C)},M=i((function(){var e,t=0===(e=T-(null==k?void 0:k.length))?null:e;return t&&!N&&W?f("div",{className:E.footer,children:[t," additional items not displayed. Continue typing for more refined results."]}):null}),[k,N,!!W,T]),U=A.listbox,V=A.paper,X=e(A,g);return b(u,{"data-testid":"offsetPadDropdown",value:B,onChange:function(e,t,r){if("reset"!==r){var o=t.map((function(e){return O(O({},e),{},{name:e.label})}));h(o)}},TextFieldProps:{label:v},className:D,classes:O({listbox:s(E.listbox,U),paper:s(E.paper,V)},X),loading:N,options:G,placeholder:"",multiple:!0,filterSelectedOptions:!1,AutocompleteProps:{forcePopupIcon:!0},isHiddenAllOption:!0,onInputChangeCallback:function(e,t){"reset"!==t&&""!==e?e.trimStart()!==W&&(_(e.trimStart()),z(!0),J(e.trimStart(),C)):K()},onInputReset:K,paperFooter:M,getOptionSelected:function(e,t){return+e.id==+t.id},isPrioritizedSelectedOptions:!0})}));export{D as default};
+import t from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as i,useEffect as s,useMemo as n,useCallback as a}from"react";import l from"classnames";import{makeStyles as p}from"@material-ui/core";import{sortBy as m}from"lodash";import{Search as c}from"../Search/Search.js";import{mapAssetGetRequest as u}from"../../clients/jsonApi/index.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"../../constants/completion.js";import"moment";import"../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import{jsonaDataFormatter as d}from"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import f from"../../effects/useLoadedData.js";import{jsxs as j,jsx as b}from"react/jsx-runtime";var g=["listbox","paper"];function h(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function v(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?h(Object(r),!0).forEach((function(o){e(t,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var y=p((function(t){return{listbox:{maxHeight:360},paper:{width:364},footer:{fontSize:12,color:t.palette.primary.text6,lineHeight:"16.872px",padding:"8px 16px"}}})),O=function(t){var e;return{data:d.deserialize(t.data),total:Number(null===(e=t.headers)||void 0===e?void 0:e.get("total"))||0}},x=[],P={},S={data:[],total:0},D=r((function(e){var r=e.selectedAssets,p=void 0===r?x:r,d=e.onChange,h=e.label,D=e.className,C=e.type,w=e.customRequestQueryParams,A=e.classes,F=void 0===A?{}:A,I=y(),N=f({loadFn:u(C,!0),initialData:S,getDataFromResponseFn:O,isCacheEnabled:!0}),z=N.isLoading,E=N.setIsLoading,R=N.data,T=N.loadData,k=null!=R?R:S,H=k.data,L=k.total,q=i(""),G=o(q,2),M=G[0],Q=G[1];s((function(){_("",w)}),[]);var U=n((function(){return p.map((function(t){return v(v({},t),{},{id:t.id,label:t.name})}))}),[p]),W=n((function(){var t={};return(U.length?H.concat(U):H).forEach((function(e){t[e.id]=v(v({},e),{},{id:e.id,label:e.name})})),Object.values(m(t,"label"))}),[H,p,M]),_=a((function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=v(v(v({},P),{},{per_page:50},e),{},{fields:["".concat(C,".name")].concat((null==e?void 0:e.fields)||[])});T(v({search:t},o))}),[]),B=function(){Q(""),_("",w)},J=n((function(){var t,e=0===(t=L-(null==H?void 0:H.length))?null:t;return e&&!z&&M?j("div",{className:I.footer,children:[e," additional items not displayed. Continue typing for more refined results."]}):null}),[H,z,!!M,L]),K=F.listbox,V=F.paper,X=t(F,g);return b(c,{"data-testid":"offsetPadDropdown",value:U,onChange:function(t,e,o){if("reset"!==o){var r=e.map((function(t){return v(v({},t),{},{name:t.label})}));d(r)}},TextFieldProps:{label:h},className:D,classes:v({listbox:l(I.listbox,K),paper:l(I.paper,V)},X),loading:z,options:W,placeholder:"",multiple:!0,filterSelectedOptions:!1,AutocompleteProps:{forcePopupIcon:!0},isHiddenAllOption:!0,onInputChangeCallback:function(t,e){"reset"!==e&&""!==t?t.trimStart()!==M&&(Q(t.trimStart()),E(!0),_(t.trimStart(),w)):B()},onInputReset:B,paperFooter:J,getOptionSelected:function(t,e){return+t.id==+e.id},isPrioritizedSelectedOptions:!0})}));export{D as default};
 //# sourceMappingURL=AssetsMultipleSelector.js.map

package/components/AssetsMultipleSelector/AssetsMultipleSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsMultipleSelector.js","sources":["../../../src/components/AssetsMultipleSelector/AssetsMultipleSelector.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport { sortBy } from 'lodash';\n\nimport { Search } from '../Search';\n\nimport { mapAssetGetRequest } from '~/clients/jsonApi';\nimport { jsonaDataFormatter } from '~/utils';\nimport useLoadedData from '~/effects/useLoadedData';\n\nconst useStyles = makeStyles(theme => ({\n  listbox: {\n    maxHeight: 360,\n  },\n  paper: {\n    width: 364,\n  },\n  footer: {\n    fontSize: 12,\n    color: theme.palette.primary.text6,\n    lineHeight: '16.872px',\n    padding: '8px 16px',\n  },\n}));\n\nconst getDataFromResponseFn = (response: {\n  data: unknown;\n  headers?: { get(name: string): string | null };\n}) => {\n  return {\n    data: jsonaDataFormatter.deserialize(response.data as string) as Asset[],\n    total: Number(response.headers?.get('total')) || 0,\n  };\n};\nconst initialSelectedAssets: Asset[] = [];\nconst defaultQueryParams = {};\nconst DEFAULT_ASSETS_PER_PAGE = 50;\nconst initialData: { data: Asset[]; total: number } = { data: [], total: 0 };\n\ntype Asset = { id: string; name: string } & Record<string, unknown>;\nexport type AssetsMultipleSelectorProps = {\n  /**\n   array of asset objects with required id and name fields.\n   */\n  selectedAssets: [] | Asset[];\n  /**\n  callback fires on asset selection with array of all selected assets.\n  */\n  onChange: (assets: Asset[] | []) => void;\n  /**\n  label for autocomplete input.\n  */\n  label: string;\n  /**\n  type of asset.\n  */\n  type: 'program' | 'rig' | 'well' | 'frac_fleet' | 'drillout_unit' | 'pad' | 'assets';\n  /**\n   css for root component.\n  */\n  className?: string;\n  /**\n  custom query params for assets request like fields, per_page.\n  */\n  customRequestQueryParams?: Record<string, unknown> & {\n    fields?: string[];\n    per_page?: number | string;\n  };\n  /**\n  material ui autocomplete classes.\n  */\n  classes?: any;\n};\n\nconst AssetsMultipleSelector = memo(\n  ({\n    selectedAssets = initialSelectedAssets,\n    onChange,\n    label,\n    className,\n    type,\n    customRequestQueryParams,\n    classes = {},\n  }: AssetsMultipleSelectorProps) => {\n    const styles = useStyles();\n\n    const { isLoading, setIsLoading, data, loadData } = useLoadedData({\n      loadFn: mapAssetGetRequest(type, true),\n      initialData: initialData as any,\n      getDataFromResponseFn,\n      isCacheEnabled: true,\n    });\n    const { data: assetsData, total } = data ?? initialData;\n    const [searchValue, setSearchValue] = useState('');\n\n    useEffect(() => {\n      loadAssets('', customRequestQueryParams);\n    }, []);\n\n    const selectedOptions: AssetsMultipleSelectorProps['selectedAssets'] & {} = useMemo(\n      () =>\n        selectedAssets.map(asset => ({\n          ...asset,\n          id: asset.id,\n          label: asset.name,\n        })),\n      [selectedAssets]\n    );\n\n    const options: (Asset & { label: string })[] = useMemo(() => {\n      const optionsMap: Record<string, Asset & { label: string }> = {};\n      const allOptions = selectedOptions.length ? assetsData.concat(selectedOptions) : assetsData;\n      allOptions.forEach((asset: Asset) => {\n        optionsMap[asset.id] = {\n          ...asset,\n          id: asset.id,\n          label: asset.name,\n        };\n      });\n\n      return Object.values(sortBy(optionsMap, 'label'));\n    }, [assetsData, selectedAssets, searchValue]);\n\n    const loadAssets = useCallback(\n      (\n        search: string,\n        customRequestQueryParams: AssetsMultipleSelectorProps['customRequestQueryParams'] = {}\n      ) => {\n        const params = {\n          ...defaultQueryParams,\n          per_page: DEFAULT_ASSETS_PER_PAGE,\n          ...customRequestQueryParams,\n          fields: [`${type}.name`].concat(customRequestQueryParams?.fields || []),\n        };\n\n        loadData({\n          search,\n          ...params,\n        });\n      },\n      []\n    );\n\n    const handleChange = (_event: unknown, visibleSelectedOptions: Asset[], reason?: string) => {\n      if (reason === 'reset') return;\n\n      const newAssets = visibleSelectedOptions.map(option => {\n        return {\n          ...option,\n          name: option.label as string,\n        };\n      });\n\n      onChange(newAssets);\n    };\n\n    const onInputReset = () => {\n      setSearchValue('');\n      loadAssets('', customRequestQueryParams);\n    };\n\n    const handleInputChange = (value: string, reason: string) => {\n      if (reason === 'reset' || value === '') {\n        onInputReset();\n        return;\n      }\n\n      if (value.trimStart() !== searchValue) {\n        setSearchValue(value.trimStart());\n        setIsLoading(true);\n        loadAssets(value.trimStart(), customRequestQueryParams);\n      }\n    };\n\n    const countNotShowedAssets = () => {\n      const optionsCount = total - assetsData?.length;\n      if (optionsCount === 0) return null;\n\n      return optionsCount;\n    };\n\n    const paperFooter = useMemo(() => {\n      const notShowedAssetsQuantity = countNotShowedAssets();\n      return notShowedAssetsQuantity && !isLoading && searchValue ? (\n        <div className={styles.footer}>\n          {notShowedAssetsQuantity} additional items not displayed. Continue typing for more refined\n          results.\n        </div>\n      ) : null;\n    }, [assetsData, isLoading, !!searchValue, total]);\n\n    const { listbox, paper, ...restClasses } = classes;\n\n    return (\n      <Search\n        data-testid=\"offsetPadDropdown\"\n        value={selectedOptions}\n        onChange={handleChange}\n        TextFieldProps={{ label }}\n        // @ts-ignore\n        className={className}\n        classes={{\n          listbox: classnames(styles.listbox, listbox),\n          paper: classnames(styles.paper, paper),\n          ...restClasses,\n        }}\n        loading={isLoading}\n        options={options}\n        placeholder=\"\"\n        multiple\n        filterSelectedOptions={false}\n        AutocompleteProps={{ forcePopupIcon: true }}\n        isHiddenAllOption\n        onInputChangeCallback={handleInputChange}\n        onInputReset={onInputReset}\n        paperFooter={paperFooter}\n        getOptionSelected={(option, value) => +option.id === +value.id}\n        isPrioritizedSelectedOptions\n      />\n    );\n  }\n);\n\nexport default AssetsMultipleSelector;\n"],"names":["useStyles","makeStyles","theme","listbox","maxHeight","paper","width","footer","fontSize","color","palette","primary","text6","lineHeight","padding","getDataFromResponseFn","response","_response$headers","data","jsonaDataFormatter","deserialize","total","Number","headers","get","initialSelectedAssets","defaultQueryParams","initialData","AssetsMultipleSelector","memo","_ref","_ref$selectedAssets","selectedAssets","onChange","label","className","type","customRequestQueryParams","_ref$classes","classes","styles","_useLoadedData","useLoadedData","loadFn","mapAssetGetRequest","isCacheEnabled","isLoading","setIsLoading","loadData","_ref2","assetsData","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","useEffect","loadAssets","selectedOptions","useMemo","map","asset","_objectSpread","id","name","options","optionsMap","length","concat","forEach","Object","values","sortBy","useCallback","search","arguments","undefined","params","per_page","fields","onInputReset","paperFooter","optionsCount","notShowedAssetsQuantity","_jsxs","children","restClasses","_excluded","_jsx","Search","value","_event","visibleSelectedOptions","reason","newAssets","option","TextFieldProps","classnames","loading","placeholder","multiple","filterSelectedOptions","AutocompleteProps","forcePopupIcon","isHiddenAllOption","onInputChangeCallback","trimStart","getOptionSelected","isPrioritizedSelectedOptions"],"mappings":"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"}
+{"version":3,"file":"AssetsMultipleSelector.js","sources":["../../../src/components/AssetsMultipleSelector/AssetsMultipleSelector.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport { sortBy } from 'lodash';\n\nimport { Search } from '../Search';\n\nimport { mapAssetGetRequest } from '~/clients/jsonApi';\nimport { jsonaDataFormatter } from '~/utils';\nimport useLoadedData from '~/effects/useLoadedData';\n\nconst useStyles = makeStyles(theme => ({\n  listbox: {\n    maxHeight: 360,\n  },\n  paper: {\n    width: 364,\n  },\n  footer: {\n    fontSize: 12,\n    color: theme.palette.primary.text6,\n    lineHeight: '16.872px',\n    padding: '8px 16px',\n  },\n}));\n\nconst getDataFromResponseFn = (response: {\n  data: unknown;\n  headers?: { get(name: string): string | null };\n}) => {\n  return {\n    data: jsonaDataFormatter.deserialize(response.data as string) as Asset[],\n    total: Number(response.headers?.get('total')) || 0,\n  };\n};\nconst initialSelectedAssets: Asset[] = [];\nconst defaultQueryParams = {};\nconst DEFAULT_ASSETS_PER_PAGE = 50;\nconst initialData: { data: Asset[]; total: number } = { data: [], total: 0 };\n\ntype Asset = { id: string; name: string } & Record<string, unknown>;\nexport type AssetsMultipleSelectorProps = {\n  /**\n   array of asset objects with required id and name fields.\n   */\n  selectedAssets: [] | Asset[];\n  /**\n  callback fires on asset selection with array of all selected assets.\n  */\n  onChange: (assets: Asset[] | []) => void;\n  /**\n  label for autocomplete input.\n  */\n  label: string;\n  /**\n  type of asset.\n  */\n  type: 'program' | 'rig' | 'well' | 'frac_fleet' | 'drillout_unit' | 'pad' | 'assets';\n  /**\n   css for root component.\n  */\n  className?: string;\n  /**\n  custom query params for assets request like fields, per_page.\n  */\n  customRequestQueryParams?: Record<string, unknown> & {\n    fields?: string[];\n    per_page?: number | string;\n  };\n  /**\n  material ui autocomplete classes.\n  */\n  classes?: any;\n};\n\nconst AssetsMultipleSelector = memo(\n  ({\n    selectedAssets = initialSelectedAssets,\n    onChange,\n    label,\n    className,\n    type,\n    customRequestQueryParams,\n    classes = {},\n  }: AssetsMultipleSelectorProps) => {\n    const styles = useStyles();\n\n    const { isLoading, setIsLoading, data, loadData } = useLoadedData({\n      loadFn: mapAssetGetRequest(type, true),\n      initialData: initialData as any,\n      getDataFromResponseFn,\n      isCacheEnabled: true,\n    });\n    const { data: assetsData, total } = data ?? initialData;\n    const [searchValue, setSearchValue] = useState('');\n\n    useEffect(() => {\n      loadAssets('', customRequestQueryParams);\n    }, []);\n\n    const selectedOptions: AssetsMultipleSelectorProps['selectedAssets'] & {} = useMemo(\n      () =>\n        selectedAssets.map(asset => ({\n          ...asset,\n          id: asset.id,\n          label: asset.name,\n        })),\n      [selectedAssets]\n    );\n\n    const options: (Asset & { label: string })[] = useMemo(() => {\n      const optionsMap: Record<string, Asset & { label: string }> = {};\n      const allOptions = selectedOptions.length ? assetsData.concat(selectedOptions) : assetsData;\n      allOptions.forEach((asset: Asset) => {\n        optionsMap[asset.id] = {\n          ...asset,\n          id: asset.id,\n          label: asset.name,\n        };\n      });\n\n      return Object.values(sortBy(optionsMap, 'label'));\n    }, [assetsData, selectedAssets, searchValue]);\n\n    const loadAssets = useCallback(\n      (\n        search: string,\n        customRequestQueryParams: AssetsMultipleSelectorProps['customRequestQueryParams'] = {}\n      ) => {\n        const params = {\n          ...defaultQueryParams,\n          per_page: DEFAULT_ASSETS_PER_PAGE,\n          ...customRequestQueryParams,\n          fields: [`${type}.name`].concat(customRequestQueryParams?.fields || []),\n        };\n\n        loadData({\n          search,\n          ...params,\n        });\n      },\n      []\n    );\n\n    const handleChange = (_event: unknown, visibleSelectedOptions: Asset[], reason?: string) => {\n      if (reason === 'reset') return;\n\n      const newAssets = visibleSelectedOptions.map(option => {\n        return {\n          ...option,\n          name: option.label as string,\n        };\n      });\n\n      onChange(newAssets);\n    };\n\n    const onInputReset = () => {\n      setSearchValue('');\n      loadAssets('', customRequestQueryParams);\n    };\n\n    const handleInputChange = (value: string, reason: string) => {\n      if (reason === 'reset' || value === '') {\n        onInputReset();\n        return;\n      }\n\n      if (value.trimStart() !== searchValue) {\n        setSearchValue(value.trimStart());\n        setIsLoading(true);\n        loadAssets(value.trimStart(), customRequestQueryParams);\n      }\n    };\n\n    const countNotShowedAssets = () => {\n      const optionsCount = total - assetsData?.length;\n      if (optionsCount === 0) return null;\n\n      return optionsCount;\n    };\n\n    const paperFooter = useMemo(() => {\n      const notShowedAssetsQuantity = countNotShowedAssets();\n      return notShowedAssetsQuantity && !isLoading && searchValue ? (\n        <div className={styles.footer}>\n          {notShowedAssetsQuantity} additional items not displayed. Continue typing for more refined\n          results.\n        </div>\n      ) : null;\n    }, [assetsData, isLoading, !!searchValue, total]);\n\n    const { listbox, paper, ...restClasses } = classes;\n\n    return (\n      <Search\n        data-testid=\"offsetPadDropdown\"\n        value={selectedOptions}\n        onChange={handleChange}\n        TextFieldProps={{ label }}\n        // @ts-ignore\n        className={className}\n        classes={{\n          listbox: classnames(styles.listbox, listbox),\n          paper: classnames(styles.paper, paper),\n          ...restClasses,\n        }}\n        loading={isLoading}\n        options={options}\n        placeholder=\"\"\n        multiple\n        filterSelectedOptions={false}\n        AutocompleteProps={{ forcePopupIcon: true }}\n        isHiddenAllOption\n        onInputChangeCallback={handleInputChange}\n        onInputReset={onInputReset}\n        paperFooter={paperFooter}\n        getOptionSelected={(option, value) => +option.id === +value.id}\n        isPrioritizedSelectedOptions\n      />\n    );\n  }\n);\n\nexport default AssetsMultipleSelector;\n"],"names":["useStyles","makeStyles","theme","listbox","maxHeight","paper","width","footer","fontSize","color","palette","primary","text6","lineHeight","padding","getDataFromResponseFn","response","_response$headers","data","jsonaDataFormatter","deserialize","total","Number","headers","get","initialSelectedAssets","defaultQueryParams","initialData","AssetsMultipleSelector","memo","_ref","_ref$selectedAssets","selectedAssets","onChange","label","className","type","customRequestQueryParams","_ref$classes","classes","styles","_useLoadedData","useLoadedData","loadFn","mapAssetGetRequest","isCacheEnabled","isLoading","setIsLoading","loadData","_ref2","assetsData","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","useEffect","loadAssets","selectedOptions","useMemo","map","asset","_objectSpread","id","name","options","optionsMap","length","concat","forEach","Object","values","sortBy","useCallback","search","arguments","undefined","params","per_page","fields","onInputReset","paperFooter","optionsCount","notShowedAssetsQuantity","_jsxs","children","restClasses","_excluded","_jsx","Search","value","_event","visibleSelectedOptions","reason","newAssets","option","TextFieldProps","classnames","loading","placeholder","multiple","filterSelectedOptions","AutocompleteProps","forcePopupIcon","isHiddenAllOption","onInputChangeCallback","trimStart","getOptionSelected","isPrioritizedSelectedOptions"],"mappings":"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"}

package/components/AttachFileButton/AttachFileButton.d.ts

@@ -4,11 +4,13 @@ export type AttachFileButtonProps = {
     inputRef: RefObject<HTMLInputElement>;
     onClick: () => void;
     onFileSelect: (event: ChangeEvent<HTMLInputElement>) => void;
+    onWellhubSelect?: () => void;
+    wellhubDisabled?: boolean;
     disabled?: boolean;
     tooltip?: string;
     accept?: string;
     multiple?: boolean;
     testId?: string;
 };
-export declare const AttachFileButton: ({ inputRef, onClick, onFileSelect, disabled, tooltip, accept, multiple, testId, }: AttachFileButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachFileButton: ({ inputRef, onClick, onFileSelect, onWellhubSelect, wellhubDisabled, disabled, tooltip, accept, multiple, testId, }: AttachFileButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AttachFileButton.d.ts.map

package/components/AttachFileButton/AttachFileButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachFileButton.d.ts","sourceRoot":"","sources":["../../../src/components/AttachFileButton/AttachFileButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ/C,eAAO,MAAM,yBAAyB,sFAC+C,CAAC;AAEtF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,eAAO,MAAM,gBAAgB,sFAS1B,qBAAqB,4CAkBvB,CAAC"}
+{"version":3,"file":"AttachFileButton.d.ts","sourceRoot":"","sources":["../../../src/components/AttachFileButton/AttachFileButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AASzD,eAAO,MAAM,yBAAyB,sFAC+C,CAAC;AAEtF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,eAAO,MAAM,gBAAgB,wHAW1B,qBAAqB,4CAsDvB,CAAC"}

package/components/AttachFileButton/AttachFileButton.js

@@ -1,2 +1,2 @@
-import{ButtonIcon as o}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as s}from"../../componentsV2/Tooltip/Tooltip.js";import{PaperclipIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import i from"./AttachFileButton.scss.js";import{jsxs as n,Fragment as t,jsx as m}from"react/jsx-runtime";var r="image/*,video/*,audio/*,.pdf,.doc,.docx,.xlsx,.xls,.ppt,.pptx,.txt,.csv,.zip,.rar",p=function(p){var e=p.inputRef,u=p.onClick,I=p.onFileSelect,j=p.disabled,l=p.tooltip,a=void 0===l?"Attach file":l,d=p.accept,C=void 0===d?r:d,h=p.multiple,F=p.testId,O=void 0===F?"attach-file-button":F;return n(t,{children:[m("input",{ref:e,type:"file",accept:C,multiple:h,className:i.input,onChange:I}),m(s,{title:a,children:m("span",{className:i.trigger,children:m(o,{size:"xs",type:"tertiary",disabled:j,onClick:u,testId:O,children:m(c,{size:16})})})})]})};export{r as ACCEPTED_ATTACHMENT_TYPES,p as AttachFileButton};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s}from"react";import{ButtonIcon as c}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Menu as i}from"../../componentsV2/Menu/Menu.js";import{Tooltip as n}from"../../componentsV2/Tooltip/Tooltip.js";import{PaperclipIcon as t,LaptopComputerIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import{WellhubCustomIcon as r}from"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import e from"./AttachFileButton.scss.js";import{jsxs as p,Fragment as u,jsx as l}from"react/jsx-runtime";var I="image/*,video/*,audio/*,.pdf,.doc,.docx,.xlsx,.xls,.ppt,.pptx,.txt,.csv,.zip,.rar",a=function(a){var j=a.inputRef,d=a.onClick,h=a.onFileSelect,C=a.onWellhubSelect,f=a.wellhubDisabled,b=a.disabled,F=a.tooltip,v=void 0===F?"Attach files":F,O=a.accept,x=void 0===O?I:O,A=a.multiple,g=a.testId,k=void 0===g?"attach-file-button":g,P=s(null),M=o(P,2),y=M[0],D=M[1],R=function(o){return function(){D(null),o()}};return p(u,{children:[l("input",{ref:j,type:"file",accept:x,multiple:A,className:e.input,onChange:h}),l(n,{title:v,children:l("span",{className:e.trigger,children:l(c,{size:"xs",type:"tertiary",disabled:b,isActive:!!y,onClick:C?function(o){return D(o.currentTarget)}:d,testId:k,children:l(t,{size:16})})})}),!!C&&!!y&&p(i,{open:!0,anchorEl:y,placement:"top-start",onClose:function(){return D(null)},children:[l(i.Item,{prefix:l(m,{}),onClick:R(d),testId:"".concat(k,"-computer"),children:"Upload from my computer"}),l(i.Item,{prefix:l(r,{}),disabled:f,onClick:R(C),testId:"".concat(k,"-wellhub"),children:"Wellhub files"})]})]})};export{I as ACCEPTED_ATTACHMENT_TYPES,a as AttachFileButton};
 //# sourceMappingURL=AttachFileButton.js.map

package/components/AttachFileButton/AttachFileButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachFileButton.js","sources":["../../../src/components/AttachFileButton/AttachFileButton.tsx"],"sourcesContent":["import { ChangeEvent, RefObject } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { PaperclipIcon } from '../../icons';\n\nimport styles from './AttachFileButton.scss';\n\nexport const ACCEPTED_ATTACHMENT_TYPES =\n  'image/*,video/*,audio/*,.pdf,.doc,.docx,.xlsx,.xls,.ppt,.pptx,.txt,.csv,.zip,.rar';\n\nexport type AttachFileButtonProps = {\n  inputRef: RefObject<HTMLInputElement>;\n  onClick: () => void;\n  onFileSelect: (event: ChangeEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  tooltip?: string;\n  accept?: string;\n  multiple?: boolean;\n  testId?: string;\n};\n\n// Unlike FileUploadIconButton, this one stays put while an upload runs.\nexport const AttachFileButton = ({\n  inputRef,\n  onClick,\n  onFileSelect,\n  disabled,\n  tooltip = 'Attach file',\n  accept = ACCEPTED_ATTACHMENT_TYPES,\n  multiple,\n  testId = 'attach-file-button',\n}: AttachFileButtonProps) => (\n  <>\n    <input\n      ref={inputRef}\n      type=\"file\"\n      accept={accept}\n      multiple={multiple}\n      className={styles.input}\n      onChange={onFileSelect}\n    />\n    <Tooltip title={tooltip}>\n      <span className={styles.trigger}>\n        <ButtonIcon size=\"xs\" type=\"tertiary\" disabled={disabled} onClick={onClick} testId={testId}>\n          <PaperclipIcon size={16} />\n        </ButtonIcon>\n      </span>\n    </Tooltip>\n  </>\n);\n"],"names":["ACCEPTED_ATTACHMENT_TYPES","AttachFileButton","_ref","inputRef","onClick","onFileSelect","disabled","_ref$tooltip","tooltip","_ref$accept","accept","multiple","_ref$testId","testId","_jsxs","_Fragment","children","_jsx","ref","type","className","styles","input","onChange","Tooltip","title","trigger","ButtonIcon","size","PaperclipIcon"],"mappings":"klIAQO,IAAMA,EACX,oFAcWC,EAAmB,SAAHC,GAAA,IAC3BC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,aACAC,IAAAA,SAAQC,EAAAL,EACRM,QAAAA,aAAU,cAAaD,EAAAE,EAAAP,EACvBQ,OAAAA,aAASV,EAAyBS,EAClCE,IAAAA,SAAQC,EAAAV,EACRW,OAAAA,aAAS,qBAAoBD,EAAA,OAE7BE,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,QAAA,CACEC,IAAKf,EACLgB,KAAK,OACLT,OAAQA,EACRC,SAAUA,EACVS,UAAWC,EAAOC,MAClBC,SAAUlB,IAEZY,EAACO,EAAO,CAACC,MAAOjB,EAAQQ,SACtBC,EAAA,OAAA,CAAMG,UAAWC,EAAOK,QAAQV,SAC9BC,EAACU,EAAU,CAACC,KAAK,KAAKT,KAAK,WAAWb,SAAUA,EAAUF,QAASA,EAASS,OAAQA,EAAOG,SACzFC,EAACY,EAAa,CAACD,KAAM,aAI1B"}
+{"version":3,"file":"AttachFileButton.js","sources":["../../../src/components/AttachFileButton/AttachFileButton.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useState } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Menu } from '../../componentsV2/Menu';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LaptopComputerIcon, PaperclipIcon, WellhubCustomIcon } from '../../icons';\n\nimport styles from './AttachFileButton.scss';\n\nexport const ACCEPTED_ATTACHMENT_TYPES =\n  'image/*,video/*,audio/*,.pdf,.doc,.docx,.xlsx,.xls,.ppt,.pptx,.txt,.csv,.zip,.rar';\n\nexport type AttachFileButtonProps = {\n  inputRef: RefObject<HTMLInputElement>;\n  onClick: () => void;\n  onFileSelect: (event: ChangeEvent<HTMLInputElement>) => void;\n  onWellhubSelect?: () => void;\n  wellhubDisabled?: boolean;\n  disabled?: boolean;\n  tooltip?: string;\n  accept?: string;\n  multiple?: boolean;\n  testId?: string;\n};\n\n// Unlike FileUploadIconButton, this one stays put while an upload runs.\nexport const AttachFileButton = ({\n  inputRef,\n  onClick,\n  onFileSelect,\n  onWellhubSelect,\n  wellhubDisabled,\n  disabled,\n  tooltip = 'Attach files',\n  accept = ACCEPTED_ATTACHMENT_TYPES,\n  multiple,\n  testId = 'attach-file-button',\n}: AttachFileButtonProps) => {\n  const [menuAnchor, setMenuAnchor] = useState<HTMLElement | null>(null);\n\n  const closeAnd = (action: () => void) => () => {\n    setMenuAnchor(null);\n    action();\n  };\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        className={styles.input}\n        onChange={onFileSelect}\n      />\n      <Tooltip title={tooltip}>\n        <span className={styles.trigger}>\n          <ButtonIcon\n            size=\"xs\"\n            type=\"tertiary\"\n            disabled={disabled}\n            isActive={!!menuAnchor}\n            onClick={onWellhubSelect ? event => setMenuAnchor(event.currentTarget) : onClick}\n            testId={testId}\n          >\n            <PaperclipIcon size={16} />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n\n      {!!onWellhubSelect && !!menuAnchor && (\n        <Menu open anchorEl={menuAnchor} placement=\"top-start\" onClose={() => setMenuAnchor(null)}>\n          <Menu.Item\n            prefix={<LaptopComputerIcon />}\n            onClick={closeAnd(onClick)}\n            testId={`${testId}-computer`}\n          >\n            Upload from my computer\n          </Menu.Item>\n          <Menu.Item\n            prefix={<WellhubCustomIcon />}\n            disabled={wellhubDisabled}\n            onClick={closeAnd(onWellhubSelect)}\n            testId={`${testId}-wellhub`}\n          >\n            Wellhub files\n          </Menu.Item>\n        </Menu>\n      )}\n    </>\n  );\n};\n"],"names":["ACCEPTED_ATTACHMENT_TYPES","AttachFileButton","_ref","inputRef","onClick","onFileSelect","onWellhubSelect","wellhubDisabled","disabled","_ref$tooltip","tooltip","_ref$accept","accept","multiple","_ref$testId","testId","useState","_useState2","_slicedToArray","_useState","menuAnchor","setMenuAnchor","closeAnd","action","_jsxs","_Fragment","children","_jsx","ref","type","className","styles","input","onChange","Tooltip","title","trigger","ButtonIcon","size","isActive","event","currentTarget","PaperclipIcon","Menu","open","anchorEl","placement","onClose","Item","prefix","LaptopComputerIcon","concat","WellhubCustomIcon"],"mappings":"kxIASO,IAAMA,EACX,oFAgBWC,EAAmB,SAWHC,GAAA,IAV3BC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,aACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,SAAQC,EAAAP,EACRQ,QAAAA,aAAU,eAAcD,EAAAE,EAAAT,EACxBU,OAAAA,aAASZ,EAAyBW,EAClCE,IAAAA,SAAQC,EAAAZ,EACRa,OAAAA,aAAS,qBAAoBD,EAEOE,EAAAA,EAA6B,MAAKC,EAAAC,EAAAC,EAAA,GAA/DC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAE1BK,EAAW,SAACC,GAAkB,OAAK,WACvCF,EAAc,MACdE,IACD,EAED,OACEC,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,QAAA,CACEC,IAAKzB,EACL0B,KAAK,OACLjB,OAAQA,EACRC,SAAUA,EACViB,UAAWC,EAAOC,MAClBC,SAAU5B,IAEZsB,EAACO,EAAO,CAACC,MAAOzB,EAAQgB,SACtBC,EAAA,OAAA,CAAMG,UAAWC,EAAOK,QAAQV,SAC9BC,EAACU,EAAU,CACTC,KAAK,KACLT,KAAK,WACLrB,SAAUA,EACV+B,WAAYnB,EACZhB,QAASE,EAAkB,SAAAkC,GAAK,OAAInB,EAAcmB,EAAMC,cAAc,EAAGrC,EACzEW,OAAQA,EAAOW,SAEfC,EAACe,EAAa,CAACJ,KAAM,aAKxBhC,KAAqBc,GACtBI,EAACmB,EAAI,CAACC,MAAI,EAACC,SAAUzB,EAAY0B,UAAU,YAAYC,QAAS,WAAA,OAAM1B,EAAc,KAAM,EAAAK,SACxF,CAAAC,EAACgB,EAAKK,KAAI,CACRC,OAAQtB,EAACuB,EAAsB,IAC/B9C,QAASkB,EAASlB,GAClBW,OAAM,GAAAoC,OAAKpC,EAAkB,aAAAW,SAAA,4BAI/BC,EAACgB,EAAKK,KAAI,CACRC,OAAQtB,EAACyB,EAAqB,IAC9B5C,SAAUD,EACVH,QAASkB,EAAShB,GAClBS,OAAM,GAAAoC,OAAKpC,EAAiB,YAAAW,SAAA,uBAQxC"}

package/components/AttachFileButton/__tests__/AttachFileButton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AttachFileButton.test.d.ts.map

package/components/AttachFileButton/__tests__/AttachFileButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachFileButton.test.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachFileButton/__tests__/AttachFileButton.test.tsx"],"names":[],"mappings":""}

package/components/Attachment/index.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as i,useCallback as e}from"react";import n from"prop-types";import c from"react-player";import r from"classnames";import{withStyles as a}from"@material-ui/core/styles";import{Typography as m}from"@material-ui/core";import l from"@material-ui/icons/Image";import p from"@material-ui/icons/Fullscreen";import u from"@material-ui/core/colors/grey";import d from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as h}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import{ImageViewer as j}from"../../componentsV2/ImageViewer/ImageViewer.js";import I from"./styles.css.js";import f from"../FileTypeIcon.js";import g from"../IconButton/index.js";import{isNativeDetected as v}from"../../utils/mobileDetect.js";import{getIsImage as b,getIsVideo as w}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as y}from"../../utils/filePreview.js";import{DownloadIcon as N}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import C from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import O from"../../utils/main.js";import{jsx as P,jsxs as F,Fragment as x}from"react/jsx-runtime";var A=["displayName","fileName","attachmentSize","size","small"];function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){s(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=u[200],W=u[400],R={label:"small",value:135},U={label:"medium",value:300},L={fileImage:function(o,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===R.label?R.value:U.value,display:o?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:z,borderRadius:3,marginTop:10,height:135,width:135}},k=function(o){var s,t,i=C(o.attachmentFileName)||o.attachmentUrl;return F(x,{children:[F("div",{onClick:o.openLightbox,className:I.cAttachmentImg,children:[P("img",{"data-testid":"".concat("Attachment","_image"),src:i,style:L.fileImage(!!o.imageDimensions,o.size),alt:"Attachment",onLoad:o.onImageLoaded}),P("div",{"data-testid":"".concat("Attachment","_button"),className:I.cAttachmentImgPreviwBtn,children:P(p,{})})]}),!o.imageDimensions&&P("div",{style:L.imagePlaceholder,children:P(l,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:W,fontSize:"large"})}),o.lightboxIsOpen&&P(j,{src:i,onClose:o.handleLightboxClose,onOpen:o.handleLightboxOpen,width:null===(s=o.imageDimensions)||void 0===s?void 0:s.width,height:null===(t=o.imageDimensions)||void 0===t?void 0:t.height})]})},E=function(o){var s=O.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),t=C(o.attachmentFileName,"inline"),i=C(o.attachmentFileName,"attachment"),e=y(s);return F("div",{className:I.cAttachmentFileWrapper,children:[F("div",{className:r(I.cAttachmentFileDownloadWrapper,e&&o.classes.disabledPreview),style:L.fileDownloadWrapper,onClick:function(){e||o.openPreview()},children:[e?P(h,{className:o.classes.unavailableFileIcon}):P(f,{fileName:o.displayName||o.attachmentUrl,className:I.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),F("div",{className:o.classes.titleContainer,children:[e&&P("div",{className:o.classes.caption,children:"Preview unavailable"}),P("div",{"data-testid":"".concat("Attachment","_name"),className:r(I.cAttachmentFileDownloadWrapperFileName,e&&o.classes.fileName),children:P(m,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:s})})]}),P(d,{fileUrl:t,classes:{root:o.classes.dialogRoot,paper:v?o.classes.nativeDialog:o.classes.dialog},fileName:s,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),P("a",{download:o.displayName,href:i,className:I.cAttachmentFileDownloadWrapperForm,children:P(g,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:P(N,{size:24,className:o.classes.downloadIcon})})})]})};function T(s){var n=s.displayName,r=void 0===n?null:n,a=s.fileName,m=void 0===a?null:a,l=s.attachmentSize,p=void 0===l?void 0:l,u=s.size,d=void 0===u?U.label:u,h=s.small,j=void 0!==h&&h,f=S(S({},t(s,A)),{},{displayName:r,fileName:m,attachmentSize:p,size:d,small:j}),g=i(void 0),y=o(g,2),N=y[0],O=y[1],F=i(!1),x=o(F,2),D=x[0],z=x[1],W=i(!1),L=o(W,2),T=L[0],M=L[1],V=f.displayName||f.attachmentUrl||f.fileName,B=b(V),q=w(V),G=C(!f.attachmentUrl&&f.fileName),_=f.attachmentUrl||G,H=e((function(o){return o.preventDefault()}),[]),K=e((function(){v&&document.documentElement.addEventListener("touchmove",H,{passive:!1})}),[H]),Z=e((function(){v&&document.documentElement.removeEventListener("touchmove",H),z(!1)}),[H]),J=e((function(){return z(!0)}),[]),Q=e((function(o){var s=o.currentTarget,t=s.naturalWidth,i=s.naturalHeight;O({width:t,height:i})}),[]),X=e((function(){return M(!0)}),[]),Y=e((function(o){o.stopPropagation(),M(!1)}),[]);return B?P("div",{className:I.cAttachment,children:P(k,{size:f.size,openLightbox:J,attachmentFileName:f.fileName,attachmentUrl:f.attachmentUrl,onImageLoaded:Q,imageDimensions:N,lightboxIsOpen:D,handleLightboxOpen:K,handleLightboxClose:Z,classes:f.classes})}):q&&c.canPlay(_)?P("div",{className:I.cAttachment,children:P(c,{"data-testid":"".concat("Attachment","_player"),className:I.cAttachmentReactPlayer,url:_,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:f.size===R.label?R.value:U.value,width:null})}):P("div",{className:I.cAttachment,children:P(E,{attachmentUrl:_,attachmentFileName:f.fileName,attachmentSize:f.attachmentSize,displayName:f.displayName,openPreview:X,closePreview:Y,previewIsOpen:T,classes:f.classes,small:f.small})})}T.propTypes={attachmentUrl:n.string.isRequired,attachmentSize:n.number,displayName:n.string,fileName:n.string,size:n.oneOf([R.label,U.label]),classes:n.shape({}).isRequired,small:n.bool};var M=a((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(T);export{M as default};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as i,useCallback as e}from"react";import n from"prop-types";import c from"react-player";import r from"classnames";import{withStyles as a}from"@material-ui/core/styles";import{Typography as m}from"@material-ui/core";import l from"@material-ui/icons/Image";import p from"@material-ui/icons/Fullscreen";import u from"@material-ui/core/colors/grey";import d from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as h}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import{ImageViewer as j}from"../../componentsV2/ImageViewer/ImageViewer.js";import f from"./styles.css.js";import I from"../FileTypeIcon.js";import g from"../IconButton/index.js";import{isNativeDetected as v}from"../../utils/mobileDetect.js";import{getIsImage as b,getIsVideo as y}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as C}from"../../utils/filePreview.js";import{DownloadIcon as N}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import w from"../../effects/useSignedURL.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import P from"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import{jsx as O,jsxs as F,Fragment as A}from"react/jsx-runtime";var x=["displayName","fileName","attachmentSize","size","small"];function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){s(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=u[200],W=u[400],R={label:"small",value:135},U={label:"medium",value:300},L={fileImage:function(o,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===R.label?R.value:U.value,display:o?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:z,borderRadius:3,marginTop:10,height:135,width:135}},k=function(o){var s,t,i=w(o.attachmentFileName)||o.attachmentUrl;return F(A,{children:[F("div",{onClick:o.openLightbox,className:f.cAttachmentImg,children:[O("img",{"data-testid":"".concat("Attachment","_image"),src:i,style:L.fileImage(!!o.imageDimensions,o.size),alt:"Attachment",onLoad:o.onImageLoaded}),O("div",{"data-testid":"".concat("Attachment","_button"),className:f.cAttachmentImgPreviwBtn,children:O(p,{})})]}),!o.imageDimensions&&O("div",{style:L.imagePlaceholder,children:O(l,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:W,fontSize:"large"})}),o.lightboxIsOpen&&O(j,{src:i,onClose:o.handleLightboxClose,onOpen:o.handleLightboxOpen,width:null===(s=o.imageDimensions)||void 0===s?void 0:s.width,height:null===(t=o.imageDimensions)||void 0===t?void 0:t.height})]})},E=function(o){var s=P.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),t=w(o.attachmentFileName,"inline"),i=w(o.attachmentFileName,"attachment"),e=C(s);return F("div",{className:f.cAttachmentFileWrapper,children:[F("div",{className:r(f.cAttachmentFileDownloadWrapper,e&&o.classes.disabledPreview),style:L.fileDownloadWrapper,onClick:function(){e||o.openPreview()},children:[e?O(h,{className:o.classes.unavailableFileIcon}):O(I,{fileName:o.displayName||o.attachmentUrl,className:f.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),F("div",{className:o.classes.titleContainer,children:[e&&O("div",{className:o.classes.caption,children:"Preview unavailable"}),O("div",{"data-testid":"".concat("Attachment","_name"),className:r(f.cAttachmentFileDownloadWrapperFileName,e&&o.classes.fileName),children:O(m,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:s})})]}),O(d,{fileUrl:t,classes:{root:o.classes.dialogRoot,paper:v?o.classes.nativeDialog:o.classes.dialog},fileName:s,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),O("a",{download:o.displayName,href:i,className:f.cAttachmentFileDownloadWrapperForm,children:O(g,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:O(N,{size:24,className:o.classes.downloadIcon})})})]})};function M(s){var n=s.displayName,r=void 0===n?null:n,a=s.fileName,m=void 0===a?null:a,l=s.attachmentSize,p=void 0===l?void 0:l,u=s.size,d=void 0===u?U.label:u,h=s.small,j=void 0!==h&&h,I=S(S({},t(s,x)),{},{displayName:r,fileName:m,attachmentSize:p,size:d,small:j}),g=i(void 0),C=o(g,2),N=C[0],P=C[1],F=i(!1),A=o(F,2),D=A[0],z=A[1],W=i(!1),L=o(W,2),M=L[0],T=L[1],V=I.displayName||I.attachmentUrl||I.fileName,B=b(V),q=y(V),G=w(!I.attachmentUrl&&I.fileName),_=I.attachmentUrl||G,H=e((function(o){return o.preventDefault()}),[]),K=e((function(){v&&document.documentElement.addEventListener("touchmove",H,{passive:!1})}),[H]),Z=e((function(){v&&document.documentElement.removeEventListener("touchmove",H),z(!1)}),[H]),J=e((function(){return z(!0)}),[]),Q=e((function(o){var s=o.currentTarget,t=s.naturalWidth,i=s.naturalHeight;P({width:t,height:i})}),[]),X=e((function(){return T(!0)}),[]),Y=e((function(o){o.stopPropagation(),T(!1)}),[]);return B?O("div",{className:f.cAttachment,children:O(k,{size:I.size,openLightbox:J,attachmentFileName:I.fileName,attachmentUrl:I.attachmentUrl,onImageLoaded:Q,imageDimensions:N,lightboxIsOpen:D,handleLightboxOpen:K,handleLightboxClose:Z,classes:I.classes})}):q&&c.canPlay(_)?O("div",{className:f.cAttachment,children:O(c,{"data-testid":"".concat("Attachment","_player"),className:f.cAttachmentReactPlayer,url:_,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:I.size===R.label?R.value:U.value,width:null})}):O("div",{className:f.cAttachment,children:O(E,{attachmentUrl:_,attachmentFileName:I.fileName,attachmentSize:I.attachmentSize,displayName:I.displayName,openPreview:X,closePreview:Y,previewIsOpen:M,classes:I.classes,small:I.small})})}M.propTypes={attachmentUrl:n.string.isRequired,attachmentSize:n.number,displayName:n.string,fileName:n.string,size:n.oneOf([R.label,U.label]),classes:n.shape({}).isRequired,small:n.bool};var T=a((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(M);export{T as default};
 //# sourceMappingURL=index.js.map

package/components/Attachment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport ImageIcon from '@material-ui/icons/Image';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { NewDocumentViewer } from '../NewDocumentViewer';\nimport { UnavailableFileIcon } from '../NewDocumentViewer/icons/UnavailableFileIcon';\nimport { ImageViewer } from '../../componentsV2/ImageViewer';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsImage, getIsVideo } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main';\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n  disabledPreview: {\n    backgroundColor: theme.palette.primary.text9,\n  },\n  unavailableFileIcon: {\n    marginRight: 12,\n    minWidth: 32,\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  },\n  caption: {\n    fontSize: 12,\n    fontWeight: 400,\n    width: 'fit-content',\n  },\n  unavailableFileName: {\n    fontSize: 12,\n    fontWeight: 400,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\n          style={style.fileImage(!!props.imageDimensions, props.size)}\n          alt=\"Attachment\"\n          onLoad={props.onImageLoaded}\n        />\n        <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n          <FullSizeIcon />\n        </div>\n      </div>\n\n      {!props.imageDimensions && (\n        <div style={style.imagePlaceholder}>\n          <ImageIcon\n            data-testid={`${PAGE_NAME}_placeholder`}\n            className={props.classes.imageIconRoot}\n            htmlColor={grey400}\n            fontSize=\"large\"\n          />\n        </div>\n      )}\n\n      {props.lightboxIsOpen && (\n        <ImageViewer\n          src={downloadLink}\n          onClose={props.handleLightboxClose}\n          onOpen={props.handleLightboxOpen}\n          width={props.imageDimensions?.width}\n          height={props.imageDimensions?.height}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const fileName = utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl);\n\n  const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n  const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\n\n  const isPreviewUnavailable = getIsPreviewUnavailable(fileName);\n\n  const handleFilePreviewOpen = () => {\n    if (isPreviewUnavailable) return;\n    props.openPreview();\n  };\n\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={classNames(\n          styles.cAttachmentFileDownloadWrapper,\n          isPreviewUnavailable && props.classes.disabledPreview\n        )}\n        style={style.fileDownloadWrapper}\n        onClick={handleFilePreviewOpen}\n      >\n        {isPreviewUnavailable ? (\n          <UnavailableFileIcon className={props.classes.unavailableFileIcon} />\n        ) : (\n          <FileTypeIcon\n            fileName={props.displayName || props.attachmentUrl}\n            className={styles.cAttachmentFileDownloadWrapperFileIcon}\n            size={props.small ? 25 : 50}\n          />\n        )}\n        <div className={props.classes.titleContainer}>\n          {isPreviewUnavailable && <div className={props.classes.caption}>Preview unavailable</div>}\n          <div\n            data-testid={`${PAGE_NAME}_name`}\n            className={classNames(\n              styles.cAttachmentFileDownloadWrapperFileName,\n              isPreviewUnavailable && props.classes.fileName\n            )}\n          >\n            <Typography variant=\"subtitle2\" noWrap className={props.classes.unavailableFileName}>\n              {fileName}\n            </Typography>\n          </div>\n        </div>\n        <NewDocumentViewer\n          fileUrl={previewUrl}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          fileName={fileName}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          open={props.previewIsOpen}\n        />\n      </div>\n      <a\n        download={props.displayName}\n        href={downloadUrl}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon size={24} className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\n};\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(rawProps) {\n  const {\n    displayName = null,\n    fileName: attachmentFileName = null,\n    attachmentSize = undefined,\n    size = SIZES.medium.label,\n    small = false,\n    ...otherProps\n  } = rawProps;\n  const props = {\n    ...otherProps,\n    displayName,\n    fileName: attachmentFileName,\n    attachmentSize,\n    size,\n    small,\n  };\n\n  const [imageDimensions, setImageDimensions] = useState(undefined);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = useCallback(() => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  }, [preventIOSScroll]);\n\n  const handleLightboxClose = useCallback(() => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  }, [preventIOSScroll]);\n\n  const openLightbox = useCallback(() => setIsLightboxOpen(true), []);\n  const onImageLoaded = useCallback(e => {\n    const { naturalWidth, naturalHeight } = e.currentTarget;\n    setImageDimensions({ width: naturalWidth, height: naturalHeight });\n  }, []);\n  const openPreview = useCallback(() => setIsPreviewOpen(true), []);\n  const closePreview = useCallback(e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  }, []);\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentFileName={props.fileName}\n          attachmentUrl={props.attachmentUrl}\n          onImageLoaded={onImageLoaded}\n          imageDimensions={imageDimensions}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentFileName={props.fileName}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","_props$imageDimension","_props$imageDimension2","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","concat","src","imageDimensions","alt","onLoad","onImageLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","onClose","handleLightboxClose","onOpen","handleLightboxOpen","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","rawProps","_rawProps$displayName","_rawProps$fileName","_rawProps$attachmentS","undefined","_rawProps$size","_rawProps$small","_excluded","useState","_useState2","_slicedToArray","_useState","setImageDimensions","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","currentTarget","naturalWidth","naturalHeight","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport ImageIcon from '@material-ui/icons/Image';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { NewDocumentViewer } from '../NewDocumentViewer';\nimport { UnavailableFileIcon } from '../NewDocumentViewer/icons/UnavailableFileIcon';\nimport { ImageViewer } from '../../componentsV2/ImageViewer';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsImage, getIsVideo } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main';\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n  disabledPreview: {\n    backgroundColor: theme.palette.primary.text9,\n  },\n  unavailableFileIcon: {\n    marginRight: 12,\n    minWidth: 32,\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  },\n  caption: {\n    fontSize: 12,\n    fontWeight: 400,\n    width: 'fit-content',\n  },\n  unavailableFileName: {\n    fontSize: 12,\n    fontWeight: 400,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\n          style={style.fileImage(!!props.imageDimensions, props.size)}\n          alt=\"Attachment\"\n          onLoad={props.onImageLoaded}\n        />\n        <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n          <FullSizeIcon />\n        </div>\n      </div>\n\n      {!props.imageDimensions && (\n        <div style={style.imagePlaceholder}>\n          <ImageIcon\n            data-testid={`${PAGE_NAME}_placeholder`}\n            className={props.classes.imageIconRoot}\n            htmlColor={grey400}\n            fontSize=\"large\"\n          />\n        </div>\n      )}\n\n      {props.lightboxIsOpen && (\n        <ImageViewer\n          src={downloadLink}\n          onClose={props.handleLightboxClose}\n          onOpen={props.handleLightboxOpen}\n          width={props.imageDimensions?.width}\n          height={props.imageDimensions?.height}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const fileName = utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl);\n\n  const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n  const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\n\n  const isPreviewUnavailable = getIsPreviewUnavailable(fileName);\n\n  const handleFilePreviewOpen = () => {\n    if (isPreviewUnavailable) return;\n    props.openPreview();\n  };\n\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={classNames(\n          styles.cAttachmentFileDownloadWrapper,\n          isPreviewUnavailable && props.classes.disabledPreview\n        )}\n        style={style.fileDownloadWrapper}\n        onClick={handleFilePreviewOpen}\n      >\n        {isPreviewUnavailable ? (\n          <UnavailableFileIcon className={props.classes.unavailableFileIcon} />\n        ) : (\n          <FileTypeIcon\n            fileName={props.displayName || props.attachmentUrl}\n            className={styles.cAttachmentFileDownloadWrapperFileIcon}\n            size={props.small ? 25 : 50}\n          />\n        )}\n        <div className={props.classes.titleContainer}>\n          {isPreviewUnavailable && <div className={props.classes.caption}>Preview unavailable</div>}\n          <div\n            data-testid={`${PAGE_NAME}_name`}\n            className={classNames(\n              styles.cAttachmentFileDownloadWrapperFileName,\n              isPreviewUnavailable && props.classes.fileName\n            )}\n          >\n            <Typography variant=\"subtitle2\" noWrap className={props.classes.unavailableFileName}>\n              {fileName}\n            </Typography>\n          </div>\n        </div>\n        <NewDocumentViewer\n          fileUrl={previewUrl}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          fileName={fileName}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          open={props.previewIsOpen}\n        />\n      </div>\n      <a\n        download={props.displayName}\n        href={downloadUrl}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon size={24} className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\n};\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(rawProps) {\n  const {\n    displayName = null,\n    fileName: attachmentFileName = null,\n    attachmentSize = undefined,\n    size = SIZES.medium.label,\n    small = false,\n    ...otherProps\n  } = rawProps;\n  const props = {\n    ...otherProps,\n    displayName,\n    fileName: attachmentFileName,\n    attachmentSize,\n    size,\n    small,\n  };\n\n  const [imageDimensions, setImageDimensions] = useState(undefined);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = useCallback(() => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  }, [preventIOSScroll]);\n\n  const handleLightboxClose = useCallback(() => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  }, [preventIOSScroll]);\n\n  const openLightbox = useCallback(() => setIsLightboxOpen(true), []);\n  const onImageLoaded = useCallback(e => {\n    const { naturalWidth, naturalHeight } = e.currentTarget;\n    setImageDimensions({ width: naturalWidth, height: naturalHeight });\n  }, []);\n  const openPreview = useCallback(() => setIsPreviewOpen(true), []);\n  const closePreview = useCallback(e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  }, []);\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentFileName={props.fileName}\n          attachmentUrl={props.attachmentUrl}\n          onImageLoaded={onImageLoaded}\n          imageDimensions={imageDimensions}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentFileName={props.fileName}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","_props$imageDimension","_props$imageDimension2","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","concat","src","imageDimensions","alt","onLoad","onImageLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","onClose","handleLightboxClose","onOpen","handleLightboxOpen","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","rawProps","_rawProps$displayName","_rawProps$fileName","_rawProps$attachmentS","undefined","_rawProps$size","_rawProps$small","_excluded","useState","_useState2","_slicedToArray","_useState","setImageDimensions","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","currentTarget","naturalWidth","naturalHeight","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}

package/components/BICOffsetPickerDialog/components/Map/Map.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as o,useMemo as n,useEffect as i,createElement as u}from"react";import a from"prop-types";import{get as l}from"lodash";import c from"./Map.css.js";import{mapbox as s}from"../../../../utils/index.js";import{createAdaptiveRoot as d}from"../../../../utils/createAdaptiveRoot.js";import"../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as f}from"react/jsx-runtime";import m from"mapbox-gl";var v=[29.749907,-95.358421],y="wells-highlight",g={type:"FeatureCollection",features:[]},h=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function w(r){var a=r.subjectWell,w=void 0===a?null:a,S=r.wells,j=r.offsetWells,C=void 0===j?null:j,M=r.radius,D=r.subjectWellMarkerSize,F=void 0===D?b:D,P=r.wellMarkerSize,L=void 0===P?x:P,W=r.coordsDataPath,k=void 0===W?"settings.top_hole.coordinates":W,z=t(null),B=t(null),I=t(null),R=t(null),T=t(null),q=t(null),N=t(),O=o(!1),A=e(O,2),E=A[0],G=A[1],H=n((function(){return w&&l(w,k)}),[w,k]);i((function(){if(p){B.current=new m.Map({container:z.current,style:"mapbox://styles/mapbox/dark-v9",center:h(v),zoom:1,attributionControl:!1,scrollZoom:!1}),B.current.addControl(new m.NavigationControl({showCompass:!1}),"bottom-right"),B.current.on("load",(function(){B.current.addSource("radius-circle",{type:"geojson",data:g}),B.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),B.current.addSource("wells",{type:"geojson",data:g}),B.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),B.current.addSource(y,{type:"geojson",data:g}),B.current.addLayer({id:y,type:"circle",source:y,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),G(!0)}));var e=B.current;return function(){var r;null===(r=T.current)||void 0===r||r.unmount(),T.current=null,q.current=null,e.remove(),B.current=null,I.current=null}}}),[]),i((function(){if(B.current&&E)if(H){var r=function(r,t){for(var o=e(r,2),n=o[0],i=o[1],u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],l=t/(111320*Math.cos(n*Math.PI/180)),c=t/110574,s=0;s<=u;s+=1){var d=s/u*(2*Math.PI);a.push([i+l*Math.cos(d),n+c*Math.sin(d)])}return a}(H,1609.34*M);B.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}})}else B.current.getSource("radius-circle").setData(g)}),[M,H,E]);return i((function(){var e;if(B.current&&E){var r=N.current;N.current=S,null===(e=R.current)||void 0===e||e.remove(),B.current.getSource(y).setData(g);var t=C.map((function(e){return e.id})),o=[],n={},i=new m.LngLatBounds;S.forEach((function(e){var r=l(e,k);if(r&&s.isValidCoordinates(r)){var u=w&&w.id===e.id,a=t.includes(e.id),c=u?F:L,d=u||a?1:.3;n[e.id]=e,i.extend(h(r)),o.push({type:"Feature",geometry:{type:"Point",coordinates:h(r)},properties:{wellId:e.id,radius:c,opacity:d}})}})),B.current.getSource("wells").setData({type:"FeatureCollection",features:o}),I.current=o.length?i:null;var a=B.current,c=null,p=function(e){a.getCanvas().style.cursor="pointer";var r=n[e.features[0].properties.wellId];if(r&&r.id!==c){c=r.id;var t=l(r,k);q.current||(q.current=document.createElement("div"),T.current=d(q.current)),T.current.render(u((function(e){var r=e.well;return f("div",{style:{color:"#fff",background:"##414141"},children:f("span",{style:{fontSize:"11px",lineHeight:"16px"},children:l(r,"name")})})}),{well:r})),R.current||(R.current=new m.Popup({closeButton:!1,maxWidth:"none"})),R.current.setLngLat(h(t)).setDOMContent(q.current).addTo(a),function(e,r){B.current.getSource(y).setData({type:"Feature",geometry:{type:"Point",coordinates:h(e)},properties:{radius:3*r}})}(t,e.features[0].properties.radius)}},v=function(){var e;c=null,a.getCanvas().style.cursor="",a.getSource(y).setData(g),null===(e=R.current)||void 0===e||e.remove()},b=function(e){null!=e&&e.point&&a.queryRenderedFeatures(e.point,{layers:[y]}).length||v()};return a.on("mousemove","wells",p),a.on("mouseleave","wells",b),a.on("mouseleave",y,v),setTimeout((function(){B.current&&I.current&&S!==r&&B.current.fitBounds(I.current)}),500),function(){a.off("mousemove","wells",p),a.off("mouseleave","wells",b),a.off("mouseleave",y,v)}}}),[w,S,C,E]),f("div",{className:c.map,children:f("div",{className:c.mapMain,ref:z})})}w.propTypes={subjectWell:a.shape({id:a.number,formation:a.string}),wells:a.arrayOf(a.shape({})).isRequired,offsetWells:a.arrayOf(a.shape({})),radius:a.number.isRequired,subjectWellMarkerSize:a.number,wellMarkerSize:a.number,coordsDataPath:a.string};var b=8,x=5,S=r(w);export{S as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as o,useMemo as i,useEffect as n,createElement as s}from"react";import a from"prop-types";import{get as l}from"lodash";import u from"./Map.css.js";import"../../../UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import{isValidCoordinates as c}from"../../../../utils/mapbox.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import{createAdaptiveRoot as p}from"../../../../utils/createAdaptiveRoot.js";import"../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as m}from"../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as d}from"react/jsx-runtime";import f from"mapbox-gl";var g=[29.749907,-95.358421],v="wells-highlight",j={type:"FeatureCollection",features:[]},y=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function h(r){var a=r.subjectWell,h=void 0===a?null:a,x=r.wells,C=r.offsetWells,S=void 0===C?null:C,M=r.radius,D=r.subjectWellMarkerSize,P=void 0===D?b:D,F=r.wellMarkerSize,W=void 0===F?w:F,k=r.coordsDataPath,z=void 0===k?"settings.top_hole.coordinates":k,L=t(null),T=t(null),A=t(null),I=t(null),R=t(null),q=t(null),B=t(),N=o(!1),G=e(N,2),O=G[0],E=G[1],H=i((function(){return h&&l(h,z)}),[h,z]);n((function(){if(m){T.current=new f.Map({container:L.current,style:"mapbox://styles/mapbox/dark-v9",center:y(g),zoom:1,attributionControl:!1,scrollZoom:!1}),T.current.addControl(new f.NavigationControl({showCompass:!1}),"bottom-right"),T.current.on("load",(function(){T.current.addSource("radius-circle",{type:"geojson",data:j}),T.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),T.current.addSource("wells",{type:"geojson",data:j}),T.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),T.current.addSource(v,{type:"geojson",data:j}),T.current.addLayer({id:v,type:"circle",source:v,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),E(!0)}));var e=T.current;return function(){var r;null===(r=R.current)||void 0===r||r.unmount(),R.current=null,q.current=null,e.remove(),T.current=null,A.current=null}}}),[]),n((function(){if(T.current&&O)if(H){var r=function(r,t){for(var o=e(r,2),i=o[0],n=o[1],s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],l=t/(111320*Math.cos(i*Math.PI/180)),u=t/110574,c=0;c<=s;c+=1){var p=c/s*(2*Math.PI);a.push([n+l*Math.cos(p),i+u*Math.sin(p)])}return a}(H,1609.34*M);T.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}})}else T.current.getSource("radius-circle").setData(j)}),[M,H,O]);return n((function(){var e;if(T.current&&O){var r=B.current;B.current=x,null===(e=I.current)||void 0===e||e.remove(),T.current.getSource(v).setData(j);var t=S.map((function(e){return e.id})),o=[],i={},n=new f.LngLatBounds;x.forEach((function(e){var r=l(e,z);if(r&&c(r)){var s=h&&h.id===e.id,a=t.includes(e.id),u=s?P:W,p=s||a?1:.3;i[e.id]=e,n.extend(y(r)),o.push({type:"Feature",geometry:{type:"Point",coordinates:y(r)},properties:{wellId:e.id,radius:u,opacity:p}})}})),T.current.getSource("wells").setData({type:"FeatureCollection",features:o}),A.current=o.length?n:null;var a=T.current,u=null,m=function(e){a.getCanvas().style.cursor="pointer";var r=i[e.features[0].properties.wellId];if(r&&r.id!==u){u=r.id;var t=l(r,z);q.current||(q.current=document.createElement("div"),R.current=p(q.current)),R.current.render(s((function(e){var r=e.well;return d("div",{style:{color:"#fff",background:"##414141"},children:d("span",{style:{fontSize:"11px",lineHeight:"16px"},children:l(r,"name")})})}),{well:r})),I.current||(I.current=new f.Popup({closeButton:!1,maxWidth:"none"})),I.current.setLngLat(y(t)).setDOMContent(q.current).addTo(a),function(e,r){T.current.getSource(v).setData({type:"Feature",geometry:{type:"Point",coordinates:y(e)},properties:{radius:3*r}})}(t,e.features[0].properties.radius)}},g=function(){var e;u=null,a.getCanvas().style.cursor="",a.getSource(v).setData(j),null===(e=I.current)||void 0===e||e.remove()},b=function(e){null!=e&&e.point&&a.queryRenderedFeatures(e.point,{layers:[v]}).length||g()};return a.on("mousemove","wells",m),a.on("mouseleave","wells",b),a.on("mouseleave",v,g),setTimeout((function(){T.current&&A.current&&x!==r&&T.current.fitBounds(A.current)}),500),function(){a.off("mousemove","wells",m),a.off("mouseleave","wells",b),a.off("mouseleave",v,g)}}}),[h,x,S,O]),d("div",{className:u.map,children:d("div",{className:u.mapMain,ref:L})})}h.propTypes={subjectWell:a.shape({id:a.number,formation:a.string}),wells:a.arrayOf(a.shape({})).isRequired,offsetWells:a.arrayOf(a.shape({})),radius:a.number.isRequired,subjectWellMarkerSize:a.number,wellMarkerSize:a.number,coordsDataPath:a.string};var b=8,w=5,x=r(h);export{x as default};
 //# sourceMappingURL=Map.js.map